From 687264a43d7c24ec0717d1e19f531055990cedd9 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 20 Oct 2020 20:55:20 -0400 Subject: [PATCH 1/2] Disable dark mode by default, rename config option to `darkMode` --- __tests__/darkMode.test.js | 43 ++++++++++++++++++++++------ src/lib/substituteVariantsAtRules.js | 6 ++-- src/util/resolveConfig.js | 2 +- stubs/defaultConfig.stub.js | 1 + stubs/simpleConfig.stub.js | 1 + 5 files changed, 40 insertions(+), 13 deletions(-) diff --git a/__tests__/darkMode.test.js b/__tests__/darkMode.test.js index 80c17c7febe2..cefb56a3ef2c 100644 --- a/__tests__/darkMode.test.js +++ b/__tests__/darkMode.test.js @@ -45,7 +45,7 @@ test('user-defined dark mode variants do not stack', () => { }) }) -test('generating dark mode variants uses the media strategy by default', () => { +test('dark mode variants can be generated using the class strategy', () => { const input = ` @variants dark { .text-red { @@ -67,7 +67,7 @@ test('generating dark mode variants uses the media strategy by default', () => { expect.assertions(2) - return run(input).then((result) => { + return run(input, { darkMode: 'media' }).then((result) => { expect(result.css).toMatchCss(expected) expect(result.warnings().length).toBe(0) }) @@ -95,7 +95,7 @@ test('dark mode variants can be generated even when the user has their own plugi expect.assertions(2) - return run(input, { plugins: [] }).then((result) => { + return run(input, { darkMode: 'media', plugins: [] }).then((result) => { expect(result.css).toMatchCss(expected) expect(result.warnings().length).toBe(0) }) @@ -121,7 +121,7 @@ test('dark mode variants can be generated using the class strategy', () => { expect.assertions(2) - return run(input, { dark: 'class' }).then((result) => { + return run(input, { darkMode: 'class' }).then((result) => { expect(result.css).toMatchCss(expected) expect(result.warnings().length).toBe(0) }) @@ -150,6 +150,29 @@ test('dark mode variants can be disabled', () => { }) }) +test('dark mode variants are disabled by default', () => { + const input = ` + @variants dark { + .text-red { + color: red; + } + } + ` + + const expected = ` + .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 stack with other variants', () => { const input = ` @variants responsive, dark, hover, focus { @@ -228,10 +251,12 @@ test('dark mode variants stack with other variants', () => { 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) - }) + return run(input, { darkMode: 'media', 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', () => { @@ -324,7 +349,7 @@ test('dark mode variants stack with other variants when using the class strategy expect.assertions(2) - return run(input, { dark: 'class', theme: { screens: { sm: '500px', lg: '800px' } } }).then( + return run(input, { darkMode: 'class', theme: { screens: { sm: '500px', lg: '800px' } } }).then( (result) => { expect(result.css).toMatchCss(expected) expect(result.warnings().length).toBe(0) diff --git a/src/lib/substituteVariantsAtRules.js b/src/lib/substituteVariantsAtRules.js index 81739c7d6221..c65cee82d96d 100644 --- a/src/lib/substituteVariantsAtRules.js +++ b/src/lib/substituteVariantsAtRules.js @@ -26,11 +26,11 @@ const defaultVariantGenerators = (config) => ({ DEFAULT: generateVariantFunction(() => {}), dark: generateVariantFunction( ({ container, separator, modifySelectors }) => { - if (config.dark === false) { + if (config.darkMode === false) { return postcss.root() } - if (config.dark === 'media') { + if (config.darkMode === 'media') { const modified = modifySelectors(({ selector }) => { return buildSelectorVariant(selector, 'dark', separator, (message) => { throw container.error(message) @@ -45,7 +45,7 @@ const defaultVariantGenerators = (config) => ({ return container } - if (config.dark === 'class') { + if (config.darkMode === 'class') { const modified = modifySelectors(({ selector }) => { return buildSelectorVariant(selector, 'dark', separator, (message) => { throw container.error(message) diff --git a/src/util/resolveConfig.js b/src/util/resolveConfig.js index 59e0e6d6ca31..b2adea7c1ddb 100644 --- a/src/util/resolveConfig.js +++ b/src/util/resolveConfig.js @@ -222,7 +222,7 @@ export default function resolveConfig(configs) { }, ...allConfigs, { - dark: 'media', + darkMode: false, prefix: '', important: false, separator: ':', diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 48f4f535f2d7..33ee880461f1 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -3,6 +3,7 @@ const colors = require('../colors') module.exports = { purge: [], presets: [], + darkMode: false, theme: { screens: { sm: '640px', diff --git a/stubs/simpleConfig.stub.js b/stubs/simpleConfig.stub.js index 138dac7d9fa6..4e246b6ba5d4 100644 --- a/stubs/simpleConfig.stub.js +++ b/stubs/simpleConfig.stub.js @@ -1,5 +1,6 @@ module.exports = { purge: [], + darkMode: false, theme: { extend: {}, }, From 8e93eaa4523b334873f91f7bcfe57a82f5f408d0 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 20 Oct 2020 21:02:52 -0400 Subject: [PATCH 2/2] Rebuild fixtures --- .../fixtures/tailwind-output-flagged.css | 190936 ++++++--------- .../fixtures/tailwind-output-important.css | 190936 ++++++--------- .../tailwind-output-no-color-opacity.css | 169026 +++++-------- __tests__/fixtures/tailwind-output.css | 190936 ++++++--------- 4 files changed, 270477 insertions(+), 471357 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css index f6837927e24f..f5bec955aaf0 100644 --- a/__tests__/fixtures/tailwind-output-flagged.css +++ b/__tests__/fixtures/tailwind-output-flagged.css @@ -1808,376 +1808,6 @@ video { border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } -} - .divide-solid > :not(template) ~ :not(template) { border-style: solid; } @@ -3768,162652 +3398,114868 @@ video { background-color: rgba(131, 24, 67, var(--bg-opacity)); } -@media (prefers-color-scheme: dark) { - .dark\:bg-transparent { - background-color: transparent; - } +.bg-none { + background-image: none; +} - .dark\:bg-current { - background-color: currentColor; - } +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); +} - .dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); +} - .dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); +} - .dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); +} - .dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); +} - .dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); +} - .dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); +} - .dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); +} - .dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, 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-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, 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-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +} - .dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +} - .dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +} - .dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +} - .dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +} - .dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +} - .dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +} - .dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +} - .dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +} - .dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +} - .dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +} - .dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +} - .dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +} - .dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +} - .dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +} - .dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +} - .dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +} - .dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +} - .dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +} - .dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +} - .dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +} - .dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +} - .dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +} - .dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +} - .dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +} - .dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +} - .dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +} - .dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +} - .dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +} - .dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +} - .dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +} - .dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +} - .dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +} - .dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +} - .dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +} - .dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +} - .dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +} - .dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +} - .dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +} - .dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +} - .dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +} - .dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +} - .dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +} - .dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +} - .dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +} - .dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +} - .dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +} - .dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +} - .dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +} - .dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +} - .dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +} - .dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +} - .dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +} - .dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +} - .dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +} - .dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +} - .dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +} - .dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +} - .dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +} - .dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +} - .dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +} - .dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +} - .dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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)); +} - .group:hover .dark\:group-hover\:bg-transparent { - background-color: transparent; - } +.from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +} - .group:hover .dark\:group-hover\:bg-current { - background-color: currentColor; - } +.from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +} - .group:hover .dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +} - .group:hover .dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, 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)); +} - .group:hover .dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, 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)); +} - .group:hover .dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +} - .group:hover .dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +} - .group:hover .dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +} - .group:hover .dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +} - .group:hover .dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +} - .group:hover .dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +} - .group:hover .dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +} - .group:hover .dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +} - .group:hover .dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +} - .group:hover .dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +} - .group:hover .dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +} - .group:hover .dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +} - .group:hover .dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +} - .group:hover .dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +} - .group:hover .dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +} - .group:hover .dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +} - .group:hover .dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +} - .group:hover .dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +} - .group:hover .dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +} - .group:hover .dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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-transparent:hover { - background-color: transparent; - } - - .dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .dark\:focus\:bg-transparent:focus { - background-color: transparent; - } +.via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +} - .dark\:focus\:bg-current:focus { - background-color: currentColor; - } +.via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +} - .dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +} - .dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +} - .dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +} - .dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +} - .dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +} - .dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +} - .dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +} - .dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.to-transparent { + --gradient-to-color: transparent; +} - .dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.to-current { + --gradient-to-color: currentColor; +} - .dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.to-black { + --gradient-to-color: #000; +} - .dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.to-white { + --gradient-to-color: #fff; +} - .dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.to-gray-50 { + --gradient-to-color: #fafafa; +} - .dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.to-gray-100 { + --gradient-to-color: #f4f4f5; +} - .dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.to-gray-200 { + --gradient-to-color: #e4e4e7; +} - .dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.to-gray-300 { + --gradient-to-color: #d4d4d8; +} - .dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.to-gray-400 { + --gradient-to-color: #a1a1aa; +} - .dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.to-gray-500 { + --gradient-to-color: #71717a; +} - .dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.to-gray-600 { + --gradient-to-color: #52525b; +} - .dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.to-gray-700 { + --gradient-to-color: #3f3f46; +} - .dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.to-gray-800 { + --gradient-to-color: #27272a; +} - .dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.to-gray-900 { + --gradient-to-color: #18181b; +} - .dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.to-red-50 { + --gradient-to-color: #fef2f2; +} - .dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.to-red-100 { + --gradient-to-color: #fee2e2; +} - .dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.to-red-200 { + --gradient-to-color: #fecaca; +} - .dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.to-red-300 { + --gradient-to-color: #fca5a5; +} - .dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.to-red-400 { + --gradient-to-color: #f87171; +} - .dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.to-red-500 { + --gradient-to-color: #ef4444; +} - .dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.to-red-600 { + --gradient-to-color: #dc2626; +} - .dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.to-red-700 { + --gradient-to-color: #b91c1c; +} - .dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.to-red-800 { + --gradient-to-color: #991b1b; +} - .dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.to-red-900 { + --gradient-to-color: #7f1d1d; +} - .dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.to-yellow-50 { + --gradient-to-color: #fffbeb; +} - .dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.to-yellow-100 { + --gradient-to-color: #fef3c7; +} - .dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.to-yellow-200 { + --gradient-to-color: #fde68a; +} - .dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.to-yellow-300 { + --gradient-to-color: #fcd34d; +} - .dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.to-yellow-400 { + --gradient-to-color: #fbbf24; +} - .dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.to-yellow-500 { + --gradient-to-color: #f59e0b; +} - .dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.to-yellow-600 { + --gradient-to-color: #d97706; +} - .dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.to-yellow-700 { + --gradient-to-color: #b45309; +} - .dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.to-yellow-800 { + --gradient-to-color: #92400e; +} - .dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.to-yellow-900 { + --gradient-to-color: #78350f; +} - .dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.to-green-50 { + --gradient-to-color: #ecfdf5; +} - .dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.to-green-100 { + --gradient-to-color: #d1fae5; +} - .dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.to-green-200 { + --gradient-to-color: #a7f3d0; +} - .dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.to-green-300 { + --gradient-to-color: #6ee7b7; +} - .dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.to-green-400 { + --gradient-to-color: #34d399; +} - .dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.to-green-500 { + --gradient-to-color: #10b981; +} - .dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.to-green-600 { + --gradient-to-color: #059669; +} - .dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.to-green-700 { + --gradient-to-color: #047857; +} - .dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.to-green-800 { + --gradient-to-color: #065f46; +} - .dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.to-green-900 { + --gradient-to-color: #064e3b; +} - .dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.to-blue-50 { + --gradient-to-color: #eff6ff; +} - .dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.to-blue-100 { + --gradient-to-color: #dbeafe; +} - .dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.to-blue-200 { + --gradient-to-color: #bfdbfe; +} - .dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.to-blue-300 { + --gradient-to-color: #93c5fd; +} - .dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.to-blue-400 { + --gradient-to-color: #60a5fa; +} - .dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.to-blue-500 { + --gradient-to-color: #3b82f6; +} - .dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.to-blue-600 { + --gradient-to-color: #2563eb; +} - .dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.to-blue-700 { + --gradient-to-color: #1d4ed8; +} - .dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.to-blue-800 { + --gradient-to-color: #1e40af; +} - .dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.to-blue-900 { + --gradient-to-color: #1e3a8a; +} - .dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.to-purple-50 { + --gradient-to-color: #f5f3ff; +} - .dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.to-purple-100 { + --gradient-to-color: #ede9fe; +} - .dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.to-purple-200 { + --gradient-to-color: #ddd6fe; +} - .dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.to-purple-300 { + --gradient-to-color: #c4b5fd; +} - .dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.to-purple-400 { + --gradient-to-color: #a78bfa; +} - .dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.to-purple-500 { + --gradient-to-color: #8b5cf6; +} - .dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.to-purple-600 { + --gradient-to-color: #7c3aed; +} - .dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.to-purple-700 { + --gradient-to-color: #6d28d9; +} - .dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.to-purple-800 { + --gradient-to-color: #5b21b6; +} - .dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.to-purple-900 { + --gradient-to-color: #4c1d95; +} - .dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.to-pink-50 { + --gradient-to-color: #fdf2f8; } -.bg-none { - background-image: none; +.to-pink-100 { + --gradient-to-color: #fce7f3; } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); +.to-pink-200 { + --gradient-to-color: #fbcfe8; } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); +.to-pink-300 { + --gradient-to-color: #f9a8d4; } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); +.to-pink-400 { + --gradient-to-color: #f472b6; } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); +.to-pink-500 { + --gradient-to-color: #ec4899; } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); +.to-pink-600 { + --gradient-to-color: #db2777; } -.bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); +.to-pink-700 { + --gradient-to-color: #be185d; } -.bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); +.to-pink-800 { + --gradient-to-color: #9d174d; } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); +.to-pink-900 { + --gradient-to-color: #831843; } -.from-transparent { +.hover\:from-transparent:hover { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.from-current { +.hover\:from-current:hover { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.from-black { +.hover\:from-black:hover { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.from-white { +.hover\:from-white:hover { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.from-gray-50 { +.hover\:from-gray-50:hover { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.from-gray-100 { +.hover\:from-gray-100:hover { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.from-gray-200 { +.hover\:from-gray-200:hover { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.from-gray-300 { +.hover\:from-gray-300:hover { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.from-gray-400 { +.hover\:from-gray-400:hover { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.from-gray-500 { +.hover\:from-gray-500:hover { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.from-gray-600 { +.hover\:from-gray-600:hover { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.from-gray-700 { +.hover\:from-gray-700:hover { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.from-gray-800 { +.hover\:from-gray-800:hover { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.from-gray-900 { +.hover\:from-gray-900:hover { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.from-red-50 { +.hover\:from-red-50:hover { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.from-red-100 { +.hover\:from-red-100:hover { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.from-red-200 { +.hover\:from-red-200:hover { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.from-red-300 { +.hover\:from-red-300:hover { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.from-red-400 { +.hover\:from-red-400:hover { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.from-red-500 { +.hover\:from-red-500:hover { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.from-red-600 { +.hover\:from-red-600:hover { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.from-red-700 { +.hover\:from-red-700:hover { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.from-red-800 { +.hover\:from-red-800:hover { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.from-red-900 { +.hover\:from-red-900:hover { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.from-yellow-50 { +.hover\:from-yellow-50:hover { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.from-yellow-100 { +.hover\:from-yellow-100:hover { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.from-yellow-200 { +.hover\:from-yellow-200:hover { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.from-yellow-300 { +.hover\:from-yellow-300:hover { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.from-yellow-400 { +.hover\:from-yellow-400:hover { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.from-yellow-500 { +.hover\:from-yellow-500:hover { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.from-yellow-600 { +.hover\:from-yellow-600:hover { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.from-yellow-700 { +.hover\:from-yellow-700:hover { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.from-yellow-800 { +.hover\:from-yellow-800:hover { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.from-yellow-900 { +.hover\:from-yellow-900:hover { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.from-green-50 { +.hover\:from-green-50:hover { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.from-green-100 { +.hover\:from-green-100:hover { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.from-green-200 { +.hover\:from-green-200:hover { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.from-green-300 { +.hover\:from-green-300:hover { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.from-green-400 { +.hover\:from-green-400:hover { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.from-green-500 { +.hover\:from-green-500:hover { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.from-green-600 { +.hover\:from-green-600:hover { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.from-green-700 { +.hover\:from-green-700:hover { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.from-green-800 { +.hover\:from-green-800:hover { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.from-green-900 { +.hover\:from-green-900:hover { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.from-blue-50 { +.hover\:from-blue-50:hover { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.from-blue-100 { +.hover\:from-blue-100:hover { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.from-blue-200 { +.hover\:from-blue-200:hover { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.from-blue-300 { +.hover\:from-blue-300:hover { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.from-blue-400 { +.hover\:from-blue-400:hover { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.from-blue-500 { +.hover\:from-blue-500:hover { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.from-blue-600 { +.hover\:from-blue-600:hover { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.from-blue-700 { +.hover\:from-blue-700:hover { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.from-blue-800 { +.hover\:from-blue-800:hover { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.from-blue-900 { +.hover\:from-blue-900:hover { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.from-purple-50 { +.hover\:from-purple-50:hover { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.from-purple-100 { +.hover\:from-purple-100:hover { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.from-purple-200 { +.hover\:from-purple-200:hover { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.from-purple-300 { +.hover\:from-purple-300:hover { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.from-purple-400 { +.hover\:from-purple-400:hover { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.from-purple-500 { +.hover\:from-purple-500:hover { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.from-purple-600 { +.hover\:from-purple-600:hover { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.from-purple-700 { +.hover\:from-purple-700:hover { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.from-purple-800 { +.hover\:from-purple-800:hover { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.from-purple-900 { +.hover\:from-purple-900:hover { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.from-pink-50 { +.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)); } -.from-pink-100 { +.hover\:from-pink-100:hover { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.from-pink-200 { +.hover\:from-pink-200:hover { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.from-pink-300 { +.hover\:from-pink-300:hover { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.from-pink-400 { +.hover\:from-pink-400:hover { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.from-pink-500 { +.hover\:from-pink-500:hover { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.from-pink-600 { +.hover\:from-pink-600:hover { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.from-pink-700 { +.hover\:from-pink-700:hover { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.from-pink-800 { +.hover\:from-pink-800:hover { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.from-pink-900 { +.hover\:from-pink-900:hover { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.via-transparent { +.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)); } -.via-current { +.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)); } -.via-black { +.hover\:via-black:hover { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.via-white { +.hover\:via-white:hover { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.via-gray-50 { +.hover\:via-gray-50:hover { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.via-gray-100 { +.hover\:via-gray-100:hover { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.via-gray-200 { +.hover\:via-gray-200:hover { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.via-gray-300 { +.hover\:via-gray-300:hover { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.via-gray-400 { +.hover\:via-gray-400:hover { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.via-gray-500 { +.hover\:via-gray-500:hover { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.via-gray-600 { +.hover\:via-gray-600:hover { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.via-gray-700 { +.hover\:via-gray-700:hover { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.via-gray-800 { +.hover\:via-gray-800:hover { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.via-gray-900 { +.hover\:via-gray-900:hover { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.via-red-50 { +.hover\:via-red-50:hover { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.via-red-100 { +.hover\:via-red-100:hover { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.via-red-200 { +.hover\:via-red-200:hover { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.via-red-300 { +.hover\:via-red-300:hover { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.via-red-400 { +.hover\:via-red-400:hover { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.via-red-500 { +.hover\:via-red-500:hover { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.via-red-600 { +.hover\:via-red-600:hover { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.via-red-700 { +.hover\:via-red-700:hover { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.via-red-800 { +.hover\:via-red-800:hover { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.via-red-900 { +.hover\:via-red-900:hover { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.via-yellow-50 { +.hover\:via-yellow-50:hover { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.via-yellow-100 { +.hover\:via-yellow-100:hover { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.via-yellow-200 { +.hover\:via-yellow-200:hover { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.via-yellow-300 { +.hover\:via-yellow-300:hover { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.via-yellow-400 { +.hover\:via-yellow-400:hover { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.via-yellow-500 { +.hover\:via-yellow-500:hover { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.via-yellow-600 { +.hover\:via-yellow-600:hover { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.via-yellow-700 { +.hover\:via-yellow-700:hover { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.via-yellow-800 { +.hover\:via-yellow-800:hover { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.via-yellow-900 { +.hover\:via-yellow-900:hover { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.via-green-50 { +.hover\:via-green-50:hover { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.via-green-100 { +.hover\:via-green-100:hover { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.via-green-200 { +.hover\:via-green-200:hover { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.via-green-300 { +.hover\:via-green-300:hover { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.via-green-400 { +.hover\:via-green-400:hover { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.via-green-500 { +.hover\:via-green-500:hover { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.via-green-600 { +.hover\:via-green-600:hover { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.via-green-700 { +.hover\:via-green-700:hover { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.via-green-800 { +.hover\:via-green-800:hover { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.via-green-900 { +.hover\:via-green-900:hover { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.via-blue-50 { +.hover\:via-blue-50:hover { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.via-blue-100 { +.hover\:via-blue-100:hover { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.via-blue-200 { +.hover\:via-blue-200:hover { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.via-blue-300 { +.hover\:via-blue-300:hover { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.via-blue-400 { +.hover\:via-blue-400:hover { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.via-blue-500 { +.hover\:via-blue-500:hover { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.via-blue-600 { +.hover\:via-blue-600:hover { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.via-blue-700 { +.hover\:via-blue-700:hover { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.via-blue-800 { +.hover\:via-blue-800:hover { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.via-blue-900 { +.hover\:via-blue-900:hover { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.via-purple-50 { +.hover\:via-purple-50:hover { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.via-purple-100 { +.hover\:via-purple-100:hover { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.via-purple-200 { +.hover\:via-purple-200:hover { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.via-purple-300 { +.hover\:via-purple-300:hover { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.via-purple-400 { +.hover\:via-purple-400:hover { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.via-purple-500 { +.hover\:via-purple-500:hover { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.via-purple-600 { +.hover\:via-purple-600:hover { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.via-purple-700 { +.hover\:via-purple-700:hover { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.via-purple-800 { +.hover\:via-purple-800:hover { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.via-purple-900 { +.hover\:via-purple-900:hover { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.via-pink-50 { +.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)); } -.via-pink-100 { +.hover\:via-pink-100:hover { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.via-pink-200 { +.hover\:via-pink-200:hover { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.via-pink-300 { +.hover\:via-pink-300:hover { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.via-pink-400 { +.hover\:via-pink-400:hover { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.via-pink-500 { +.hover\:via-pink-500:hover { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.via-pink-600 { +.hover\:via-pink-600:hover { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.via-pink-700 { +.hover\:via-pink-700:hover { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.via-pink-800 { +.hover\:via-pink-800:hover { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.via-pink-900 { +.hover\:via-pink-900:hover { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.to-transparent { +.hover\:to-transparent:hover { --gradient-to-color: transparent; } -.to-current { +.hover\:to-current:hover { --gradient-to-color: currentColor; } -.to-black { +.hover\:to-black:hover { --gradient-to-color: #000; } -.to-white { +.hover\:to-white:hover { --gradient-to-color: #fff; } -.to-gray-50 { +.hover\:to-gray-50:hover { --gradient-to-color: #fafafa; } -.to-gray-100 { +.hover\:to-gray-100:hover { --gradient-to-color: #f4f4f5; } -.to-gray-200 { +.hover\:to-gray-200:hover { --gradient-to-color: #e4e4e7; } -.to-gray-300 { +.hover\:to-gray-300:hover { --gradient-to-color: #d4d4d8; } -.to-gray-400 { +.hover\:to-gray-400:hover { --gradient-to-color: #a1a1aa; } -.to-gray-500 { +.hover\:to-gray-500:hover { --gradient-to-color: #71717a; } -.to-gray-600 { +.hover\:to-gray-600:hover { --gradient-to-color: #52525b; } -.to-gray-700 { +.hover\:to-gray-700:hover { --gradient-to-color: #3f3f46; } -.to-gray-800 { +.hover\:to-gray-800:hover { --gradient-to-color: #27272a; } -.to-gray-900 { +.hover\:to-gray-900:hover { --gradient-to-color: #18181b; } -.to-red-50 { +.hover\:to-red-50:hover { --gradient-to-color: #fef2f2; } -.to-red-100 { +.hover\:to-red-100:hover { --gradient-to-color: #fee2e2; } -.to-red-200 { +.hover\:to-red-200:hover { --gradient-to-color: #fecaca; } -.to-red-300 { +.hover\:to-red-300:hover { --gradient-to-color: #fca5a5; } -.to-red-400 { +.hover\:to-red-400:hover { --gradient-to-color: #f87171; } -.to-red-500 { +.hover\:to-red-500:hover { --gradient-to-color: #ef4444; } -.to-red-600 { +.hover\:to-red-600:hover { --gradient-to-color: #dc2626; } -.to-red-700 { +.hover\:to-red-700:hover { --gradient-to-color: #b91c1c; } -.to-red-800 { +.hover\:to-red-800:hover { --gradient-to-color: #991b1b; } -.to-red-900 { +.hover\:to-red-900:hover { --gradient-to-color: #7f1d1d; } -.to-yellow-50 { +.hover\:to-yellow-50:hover { --gradient-to-color: #fffbeb; } -.to-yellow-100 { +.hover\:to-yellow-100:hover { --gradient-to-color: #fef3c7; } -.to-yellow-200 { +.hover\:to-yellow-200:hover { --gradient-to-color: #fde68a; } -.to-yellow-300 { +.hover\:to-yellow-300:hover { --gradient-to-color: #fcd34d; } -.to-yellow-400 { +.hover\:to-yellow-400:hover { --gradient-to-color: #fbbf24; } -.to-yellow-500 { +.hover\:to-yellow-500:hover { --gradient-to-color: #f59e0b; } -.to-yellow-600 { +.hover\:to-yellow-600:hover { --gradient-to-color: #d97706; } -.to-yellow-700 { +.hover\:to-yellow-700:hover { --gradient-to-color: #b45309; } -.to-yellow-800 { +.hover\:to-yellow-800:hover { --gradient-to-color: #92400e; } -.to-yellow-900 { +.hover\:to-yellow-900:hover { --gradient-to-color: #78350f; } -.to-green-50 { +.hover\:to-green-50:hover { --gradient-to-color: #ecfdf5; } -.to-green-100 { +.hover\:to-green-100:hover { --gradient-to-color: #d1fae5; } -.to-green-200 { +.hover\:to-green-200:hover { --gradient-to-color: #a7f3d0; } -.to-green-300 { +.hover\:to-green-300:hover { --gradient-to-color: #6ee7b7; } -.to-green-400 { +.hover\:to-green-400:hover { --gradient-to-color: #34d399; } -.to-green-500 { +.hover\:to-green-500:hover { --gradient-to-color: #10b981; } -.to-green-600 { +.hover\:to-green-600:hover { --gradient-to-color: #059669; } -.to-green-700 { +.hover\:to-green-700:hover { --gradient-to-color: #047857; } -.to-green-800 { +.hover\:to-green-800:hover { --gradient-to-color: #065f46; } -.to-green-900 { +.hover\:to-green-900:hover { --gradient-to-color: #064e3b; } -.to-blue-50 { +.hover\:to-blue-50:hover { --gradient-to-color: #eff6ff; } -.to-blue-100 { +.hover\:to-blue-100:hover { --gradient-to-color: #dbeafe; } -.to-blue-200 { +.hover\:to-blue-200:hover { --gradient-to-color: #bfdbfe; } -.to-blue-300 { +.hover\:to-blue-300:hover { --gradient-to-color: #93c5fd; } -.to-blue-400 { +.hover\:to-blue-400:hover { --gradient-to-color: #60a5fa; } -.to-blue-500 { +.hover\:to-blue-500:hover { --gradient-to-color: #3b82f6; } -.to-blue-600 { +.hover\:to-blue-600:hover { --gradient-to-color: #2563eb; } -.to-blue-700 { +.hover\:to-blue-700:hover { --gradient-to-color: #1d4ed8; } -.to-blue-800 { +.hover\:to-blue-800:hover { --gradient-to-color: #1e40af; } -.to-blue-900 { +.hover\:to-blue-900:hover { --gradient-to-color: #1e3a8a; } -.to-purple-50 { +.hover\:to-purple-50:hover { --gradient-to-color: #f5f3ff; } -.to-purple-100 { +.hover\:to-purple-100:hover { --gradient-to-color: #ede9fe; } -.to-purple-200 { +.hover\:to-purple-200:hover { --gradient-to-color: #ddd6fe; } -.to-purple-300 { +.hover\:to-purple-300:hover { --gradient-to-color: #c4b5fd; } -.to-purple-400 { +.hover\:to-purple-400:hover { --gradient-to-color: #a78bfa; } -.to-purple-500 { +.hover\:to-purple-500:hover { --gradient-to-color: #8b5cf6; } -.to-purple-600 { +.hover\:to-purple-600:hover { --gradient-to-color: #7c3aed; } -.to-purple-700 { +.hover\:to-purple-700:hover { --gradient-to-color: #6d28d9; } -.to-purple-800 { +.hover\:to-purple-800:hover { --gradient-to-color: #5b21b6; } -.to-purple-900 { +.hover\:to-purple-900:hover { --gradient-to-color: #4c1d95; } -.to-pink-50 { +.hover\:to-pink-50:hover { --gradient-to-color: #fdf2f8; } -.to-pink-100 { +.hover\:to-pink-100:hover { --gradient-to-color: #fce7f3; } -.to-pink-200 { +.hover\:to-pink-200:hover { --gradient-to-color: #fbcfe8; } -.to-pink-300 { +.hover\:to-pink-300:hover { --gradient-to-color: #f9a8d4; } -.to-pink-400 { +.hover\:to-pink-400:hover { --gradient-to-color: #f472b6; } -.to-pink-500 { +.hover\:to-pink-500:hover { --gradient-to-color: #ec4899; } -.to-pink-600 { +.hover\:to-pink-600:hover { --gradient-to-color: #db2777; } -.to-pink-700 { +.hover\:to-pink-700:hover { --gradient-to-color: #be185d; } -.to-pink-800 { +.hover\:to-pink-800:hover { --gradient-to-color: #9d174d; } -.to-pink-900 { +.hover\:to-pink-900:hover { --gradient-to-color: #831843; } -.hover\:from-transparent:hover { +.focus\:from-transparent:focus { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-current:hover { +.focus\:from-current:focus { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-black:hover { +.focus\:from-black:focus { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-white:hover { +.focus\:from-white:focus { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-gray-50:hover { +.focus\:from-gray-50:focus { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.hover\:from-gray-100:hover { +.focus\:from-gray-100:focus { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.hover\:from-gray-200:hover { +.focus\:from-gray-200:focus { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.hover\:from-gray-300:hover { +.focus\:from-gray-300:focus { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.hover\:from-gray-400:hover { +.focus\:from-gray-400:focus { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.hover\:from-gray-500:hover { +.focus\:from-gray-500:focus { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.hover\:from-gray-600:hover { +.focus\:from-gray-600:focus { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.hover\:from-gray-700:hover { +.focus\:from-gray-700:focus { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.hover\:from-gray-800:hover { +.focus\:from-gray-800:focus { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.hover\:from-gray-900:hover { +.focus\:from-gray-900:focus { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.hover\:from-red-50:hover { +.focus\:from-red-50:focus { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.hover\:from-red-100:hover { +.focus\:from-red-100:focus { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.hover\:from-red-200:hover { +.focus\:from-red-200:focus { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.hover\:from-red-300:hover { +.focus\:from-red-300:focus { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.hover\:from-red-400:hover { +.focus\:from-red-400:focus { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.hover\:from-red-500:hover { +.focus\:from-red-500:focus { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.hover\:from-red-600:hover { +.focus\:from-red-600:focus { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.hover\:from-red-700:hover { +.focus\:from-red-700:focus { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.hover\:from-red-800:hover { +.focus\:from-red-800:focus { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.hover\:from-red-900:hover { +.focus\:from-red-900:focus { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.hover\:from-yellow-50:hover { +.focus\:from-yellow-50:focus { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.hover\:from-yellow-100:hover { +.focus\:from-yellow-100:focus { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.hover\:from-yellow-200:hover { +.focus\:from-yellow-200:focus { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.hover\:from-yellow-300:hover { +.focus\:from-yellow-300:focus { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.hover\:from-yellow-400:hover { +.focus\:from-yellow-400:focus { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.hover\:from-yellow-500:hover { +.focus\:from-yellow-500:focus { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.hover\:from-yellow-600:hover { +.focus\:from-yellow-600:focus { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.hover\:from-yellow-700:hover { +.focus\:from-yellow-700:focus { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.hover\:from-yellow-800:hover { +.focus\:from-yellow-800:focus { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.hover\:from-yellow-900:hover { +.focus\:from-yellow-900:focus { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.hover\:from-green-50:hover { +.focus\:from-green-50:focus { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.hover\:from-green-100:hover { +.focus\:from-green-100:focus { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.hover\:from-green-200:hover { +.focus\:from-green-200:focus { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.hover\:from-green-300:hover { +.focus\:from-green-300:focus { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.hover\:from-green-400:hover { +.focus\:from-green-400:focus { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.hover\:from-green-500:hover { +.focus\:from-green-500:focus { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.hover\:from-green-600:hover { +.focus\:from-green-600:focus { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.hover\:from-green-700:hover { +.focus\:from-green-700:focus { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.hover\:from-green-800:hover { +.focus\:from-green-800:focus { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.hover\:from-green-900:hover { +.focus\:from-green-900:focus { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.hover\:from-blue-50:hover { +.focus\:from-blue-50:focus { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.hover\:from-blue-100:hover { +.focus\:from-blue-100:focus { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.hover\:from-blue-200:hover { +.focus\:from-blue-200:focus { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.hover\:from-blue-300:hover { +.focus\:from-blue-300:focus { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.hover\:from-blue-400:hover { +.focus\:from-blue-400:focus { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.hover\:from-blue-500:hover { +.focus\:from-blue-500:focus { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.hover\:from-blue-600:hover { +.focus\:from-blue-600:focus { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.hover\:from-blue-700:hover { +.focus\:from-blue-700:focus { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.hover\:from-blue-800:hover { +.focus\:from-blue-800:focus { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.hover\:from-blue-900:hover { +.focus\:from-blue-900:focus { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.hover\:from-purple-50:hover { +.focus\:from-purple-50:focus { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.hover\:from-purple-100:hover { +.focus\:from-purple-100:focus { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.hover\:from-purple-200:hover { +.focus\:from-purple-200:focus { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.hover\:from-purple-300:hover { +.focus\:from-purple-300:focus { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.hover\:from-purple-400:hover { +.focus\:from-purple-400:focus { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.hover\:from-purple-500:hover { +.focus\:from-purple-500:focus { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.hover\:from-purple-600:hover { +.focus\:from-purple-600:focus { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.hover\:from-purple-700:hover { +.focus\:from-purple-700:focus { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.hover\:from-purple-800:hover { +.focus\:from-purple-800:focus { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.hover\:from-purple-900:hover { +.focus\:from-purple-900:focus { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.hover\:from-pink-50:hover { +.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)); } -.hover\:from-pink-100:hover { +.focus\:from-pink-100:focus { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.hover\:from-pink-200:hover { +.focus\:from-pink-200:focus { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.hover\:from-pink-300:hover { +.focus\:from-pink-300:focus { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.hover\:from-pink-400:hover { +.focus\:from-pink-400:focus { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.hover\:from-pink-500:hover { +.focus\:from-pink-500:focus { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.hover\:from-pink-600:hover { +.focus\:from-pink-600:focus { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.hover\:from-pink-700:hover { +.focus\:from-pink-700:focus { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.hover\:from-pink-800:hover { +.focus\:from-pink-800:focus { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.hover\:from-pink-900:hover { +.focus\:from-pink-900:focus { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.hover\:via-transparent:hover { +.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)); } -.hover\:via-current:hover { +.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)); } -.hover\:via-black:hover { +.focus\:via-black:focus { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:via-white:hover { +.focus\:via-white:focus { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:via-gray-50:hover { +.focus\:via-gray-50:focus { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.hover\:via-gray-100:hover { +.focus\:via-gray-100:focus { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.hover\:via-gray-200:hover { +.focus\:via-gray-200:focus { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.hover\:via-gray-300:hover { +.focus\:via-gray-300:focus { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.hover\:via-gray-400:hover { +.focus\:via-gray-400:focus { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.hover\:via-gray-500:hover { +.focus\:via-gray-500:focus { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.hover\:via-gray-600:hover { +.focus\:via-gray-600:focus { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.hover\:via-gray-700:hover { +.focus\:via-gray-700:focus { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.hover\:via-gray-800:hover { +.focus\:via-gray-800:focus { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.hover\:via-gray-900:hover { +.focus\:via-gray-900:focus { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.hover\:via-red-50:hover { +.focus\:via-red-50:focus { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.hover\:via-red-100:hover { +.focus\:via-red-100:focus { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.hover\:via-red-200:hover { +.focus\:via-red-200:focus { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.hover\:via-red-300:hover { +.focus\:via-red-300:focus { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.hover\:via-red-400:hover { +.focus\:via-red-400:focus { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.hover\:via-red-500:hover { +.focus\:via-red-500:focus { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.hover\:via-red-600:hover { +.focus\:via-red-600:focus { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.hover\:via-red-700:hover { +.focus\:via-red-700:focus { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.hover\:via-red-800:hover { +.focus\:via-red-800:focus { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.hover\:via-red-900:hover { +.focus\:via-red-900:focus { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.hover\:via-yellow-50:hover { +.focus\:via-yellow-50:focus { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.hover\:via-yellow-100:hover { +.focus\:via-yellow-100:focus { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.hover\:via-yellow-200:hover { +.focus\:via-yellow-200:focus { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.hover\:via-yellow-300:hover { +.focus\:via-yellow-300:focus { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.hover\:via-yellow-400:hover { +.focus\:via-yellow-400:focus { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.hover\:via-yellow-500:hover { +.focus\:via-yellow-500:focus { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.hover\:via-yellow-600:hover { +.focus\:via-yellow-600:focus { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.hover\:via-yellow-700:hover { +.focus\:via-yellow-700:focus { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.hover\:via-yellow-800:hover { +.focus\:via-yellow-800:focus { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.hover\:via-yellow-900:hover { +.focus\:via-yellow-900:focus { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.hover\:via-green-50:hover { +.focus\:via-green-50:focus { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.hover\:via-green-100:hover { +.focus\:via-green-100:focus { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.hover\:via-green-200:hover { +.focus\:via-green-200:focus { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.hover\:via-green-300:hover { +.focus\:via-green-300:focus { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.hover\:via-green-400:hover { +.focus\:via-green-400:focus { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.hover\:via-green-500:hover { +.focus\:via-green-500:focus { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.hover\:via-green-600:hover { +.focus\:via-green-600:focus { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.hover\:via-green-700:hover { +.focus\:via-green-700:focus { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.hover\:via-green-800:hover { +.focus\:via-green-800:focus { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.hover\:via-green-900:hover { +.focus\:via-green-900:focus { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.hover\:via-blue-50:hover { +.focus\:via-blue-50:focus { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.hover\:via-blue-100:hover { +.focus\:via-blue-100:focus { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.hover\:via-blue-200:hover { +.focus\:via-blue-200:focus { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.hover\:via-blue-300:hover { +.focus\:via-blue-300:focus { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.hover\:via-blue-400:hover { +.focus\:via-blue-400:focus { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.hover\:via-blue-500:hover { +.focus\:via-blue-500:focus { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.hover\:via-blue-600:hover { +.focus\:via-blue-600:focus { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.hover\:via-blue-700:hover { +.focus\:via-blue-700:focus { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.hover\:via-blue-800:hover { +.focus\:via-blue-800:focus { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.hover\:via-blue-900:hover { +.focus\:via-blue-900:focus { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.hover\:via-purple-50:hover { +.focus\:via-purple-50:focus { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.hover\:via-purple-100:hover { +.focus\:via-purple-100:focus { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.hover\:via-purple-200:hover { +.focus\:via-purple-200:focus { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.hover\:via-purple-300:hover { +.focus\:via-purple-300:focus { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.hover\:via-purple-400:hover { +.focus\:via-purple-400:focus { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.hover\:via-purple-500:hover { +.focus\:via-purple-500:focus { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.hover\:via-purple-600:hover { +.focus\:via-purple-600:focus { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.hover\:via-purple-700:hover { +.focus\:via-purple-700:focus { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.hover\:via-purple-800:hover { +.focus\:via-purple-800:focus { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.hover\:via-purple-900:hover { +.focus\:via-purple-900:focus { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.hover\:via-pink-50:hover { +.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\:via-pink-100:hover { +.focus\:via-pink-100:focus { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.hover\:via-pink-200:hover { +.focus\:via-pink-200:focus { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.hover\:via-pink-300:hover { +.focus\:via-pink-300:focus { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.hover\:via-pink-400:hover { +.focus\:via-pink-400:focus { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.hover\:via-pink-500:hover { +.focus\:via-pink-500:focus { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.hover\:via-pink-600:hover { +.focus\:via-pink-600:focus { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.hover\:via-pink-700:hover { +.focus\:via-pink-700:focus { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.hover\:via-pink-800:hover { +.focus\:via-pink-800:focus { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.hover\:via-pink-900:hover { +.focus\:via-pink-900:focus { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.hover\:to-transparent:hover { +.focus\:to-transparent:focus { --gradient-to-color: transparent; } -.hover\:to-current:hover { +.focus\:to-current:focus { --gradient-to-color: currentColor; } -.hover\:to-black:hover { +.focus\:to-black:focus { --gradient-to-color: #000; } -.hover\:to-white:hover { +.focus\:to-white:focus { --gradient-to-color: #fff; } -.hover\:to-gray-50:hover { +.focus\:to-gray-50:focus { --gradient-to-color: #fafafa; } -.hover\:to-gray-100:hover { +.focus\:to-gray-100:focus { --gradient-to-color: #f4f4f5; } -.hover\:to-gray-200:hover { +.focus\:to-gray-200:focus { --gradient-to-color: #e4e4e7; } -.hover\:to-gray-300:hover { +.focus\:to-gray-300:focus { --gradient-to-color: #d4d4d8; } -.hover\:to-gray-400:hover { +.focus\:to-gray-400:focus { --gradient-to-color: #a1a1aa; } -.hover\:to-gray-500:hover { +.focus\:to-gray-500:focus { --gradient-to-color: #71717a; } -.hover\:to-gray-600:hover { +.focus\:to-gray-600:focus { --gradient-to-color: #52525b; } -.hover\:to-gray-700:hover { +.focus\:to-gray-700:focus { --gradient-to-color: #3f3f46; } -.hover\:to-gray-800:hover { +.focus\:to-gray-800:focus { --gradient-to-color: #27272a; } -.hover\:to-gray-900:hover { +.focus\:to-gray-900:focus { --gradient-to-color: #18181b; } -.hover\:to-red-50:hover { +.focus\:to-red-50:focus { --gradient-to-color: #fef2f2; } -.hover\:to-red-100:hover { +.focus\:to-red-100:focus { --gradient-to-color: #fee2e2; } -.hover\:to-red-200:hover { +.focus\:to-red-200:focus { --gradient-to-color: #fecaca; } -.hover\:to-red-300:hover { +.focus\:to-red-300:focus { --gradient-to-color: #fca5a5; } -.hover\:to-red-400:hover { +.focus\:to-red-400:focus { --gradient-to-color: #f87171; } -.hover\:to-red-500:hover { +.focus\:to-red-500:focus { --gradient-to-color: #ef4444; } -.hover\:to-red-600:hover { +.focus\:to-red-600:focus { --gradient-to-color: #dc2626; } -.hover\:to-red-700:hover { +.focus\:to-red-700:focus { --gradient-to-color: #b91c1c; } -.hover\:to-red-800:hover { +.focus\:to-red-800:focus { --gradient-to-color: #991b1b; } -.hover\:to-red-900:hover { +.focus\:to-red-900:focus { --gradient-to-color: #7f1d1d; } -.hover\:to-yellow-50:hover { +.focus\:to-yellow-50:focus { --gradient-to-color: #fffbeb; } -.hover\:to-yellow-100:hover { +.focus\:to-yellow-100:focus { --gradient-to-color: #fef3c7; } -.hover\:to-yellow-200:hover { +.focus\:to-yellow-200:focus { --gradient-to-color: #fde68a; } -.hover\:to-yellow-300:hover { +.focus\:to-yellow-300:focus { --gradient-to-color: #fcd34d; } -.hover\:to-yellow-400:hover { +.focus\:to-yellow-400:focus { --gradient-to-color: #fbbf24; } -.hover\:to-yellow-500:hover { +.focus\:to-yellow-500:focus { --gradient-to-color: #f59e0b; } -.hover\:to-yellow-600:hover { +.focus\:to-yellow-600:focus { --gradient-to-color: #d97706; } -.hover\:to-yellow-700:hover { +.focus\:to-yellow-700:focus { --gradient-to-color: #b45309; } -.hover\:to-yellow-800:hover { +.focus\:to-yellow-800:focus { --gradient-to-color: #92400e; } -.hover\:to-yellow-900:hover { +.focus\:to-yellow-900:focus { --gradient-to-color: #78350f; } -.hover\:to-green-50:hover { +.focus\:to-green-50:focus { --gradient-to-color: #ecfdf5; } -.hover\:to-green-100:hover { +.focus\:to-green-100:focus { --gradient-to-color: #d1fae5; } -.hover\:to-green-200:hover { +.focus\:to-green-200:focus { --gradient-to-color: #a7f3d0; } -.hover\:to-green-300:hover { +.focus\:to-green-300:focus { --gradient-to-color: #6ee7b7; } -.hover\:to-green-400:hover { +.focus\:to-green-400:focus { --gradient-to-color: #34d399; } -.hover\:to-green-500:hover { +.focus\:to-green-500:focus { --gradient-to-color: #10b981; } -.hover\:to-green-600:hover { +.focus\:to-green-600:focus { --gradient-to-color: #059669; } -.hover\:to-green-700:hover { +.focus\:to-green-700:focus { --gradient-to-color: #047857; } -.hover\:to-green-800:hover { +.focus\:to-green-800:focus { --gradient-to-color: #065f46; } -.hover\:to-green-900:hover { +.focus\:to-green-900:focus { --gradient-to-color: #064e3b; } -.hover\:to-blue-50:hover { +.focus\:to-blue-50:focus { --gradient-to-color: #eff6ff; } -.hover\:to-blue-100:hover { +.focus\:to-blue-100:focus { --gradient-to-color: #dbeafe; } -.hover\:to-blue-200:hover { +.focus\:to-blue-200:focus { --gradient-to-color: #bfdbfe; } -.hover\:to-blue-300:hover { +.focus\:to-blue-300:focus { --gradient-to-color: #93c5fd; } -.hover\:to-blue-400:hover { +.focus\:to-blue-400:focus { --gradient-to-color: #60a5fa; } -.hover\:to-blue-500:hover { +.focus\:to-blue-500:focus { --gradient-to-color: #3b82f6; } -.hover\:to-blue-600:hover { +.focus\:to-blue-600:focus { --gradient-to-color: #2563eb; } -.hover\:to-blue-700:hover { +.focus\:to-blue-700:focus { --gradient-to-color: #1d4ed8; } -.hover\:to-blue-800:hover { +.focus\:to-blue-800:focus { --gradient-to-color: #1e40af; } -.hover\:to-blue-900:hover { +.focus\:to-blue-900:focus { --gradient-to-color: #1e3a8a; } -.hover\:to-purple-50:hover { +.focus\:to-purple-50:focus { --gradient-to-color: #f5f3ff; } -.hover\:to-purple-100:hover { +.focus\:to-purple-100:focus { --gradient-to-color: #ede9fe; } -.hover\:to-purple-200:hover { +.focus\:to-purple-200:focus { --gradient-to-color: #ddd6fe; } -.hover\:to-purple-300:hover { +.focus\:to-purple-300:focus { --gradient-to-color: #c4b5fd; } -.hover\:to-purple-400:hover { +.focus\:to-purple-400:focus { --gradient-to-color: #a78bfa; } -.hover\:to-purple-500:hover { +.focus\:to-purple-500:focus { --gradient-to-color: #8b5cf6; } -.hover\:to-purple-600:hover { +.focus\:to-purple-600:focus { --gradient-to-color: #7c3aed; } -.hover\:to-purple-700:hover { +.focus\:to-purple-700:focus { --gradient-to-color: #6d28d9; } -.hover\:to-purple-800:hover { +.focus\:to-purple-800:focus { --gradient-to-color: #5b21b6; } -.hover\:to-purple-900:hover { +.focus\:to-purple-900:focus { --gradient-to-color: #4c1d95; } -.hover\:to-pink-50:hover { +.focus\:to-pink-50:focus { --gradient-to-color: #fdf2f8; } -.hover\:to-pink-100:hover { +.focus\:to-pink-100:focus { --gradient-to-color: #fce7f3; } -.hover\:to-pink-200:hover { +.focus\:to-pink-200:focus { --gradient-to-color: #fbcfe8; } -.hover\:to-pink-300:hover { +.focus\:to-pink-300:focus { --gradient-to-color: #f9a8d4; } -.hover\:to-pink-400:hover { +.focus\:to-pink-400:focus { --gradient-to-color: #f472b6; } -.hover\:to-pink-500:hover { +.focus\:to-pink-500:focus { --gradient-to-color: #ec4899; } -.hover\:to-pink-600:hover { +.focus\:to-pink-600:focus { --gradient-to-color: #db2777; } -.hover\:to-pink-700:hover { +.focus\:to-pink-700:focus { --gradient-to-color: #be185d; } -.hover\:to-pink-800:hover { +.focus\:to-pink-800:focus { --gradient-to-color: #9d174d; } -.hover\:to-pink-900:hover { +.focus\:to-pink-900:focus { --gradient-to-color: #831843; } -.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-0 { + --bg-opacity: 0; } -.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-25 { + --bg-opacity: 0.25; } -.focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +.bg-opacity-50 { + --bg-opacity: 0.5; } -.focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +.bg-opacity-75 { + --bg-opacity: 0.75; } -.focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +.bg-opacity-100 { + --bg-opacity: 1; } -.focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +.group:hover .group-hover\:bg-opacity-0 { + --bg-opacity: 0; } -.focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +.group:hover .group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; } -.focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +.group:hover .group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; } -.focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +.group:hover .group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; } -.focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +.group:hover .group-hover\:bg-opacity-100 { + --bg-opacity: 1; } -.focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +.hover\:bg-opacity-0:hover { + --bg-opacity: 0; } -.focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +.hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } -.focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +.hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } -.focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +.hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } -.focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +.hover\:bg-opacity-100:hover { + --bg-opacity: 1; } -.focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +.focus\:bg-opacity-0:focus { + --bg-opacity: 0; } -.focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +.focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } -.focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +.focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } -.focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +.focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } -.focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +.focus\:bg-opacity-100:focus { + --bg-opacity: 1; } -.focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +.bg-bottom { + background-position: bottom; } -.focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +.bg-center { + background-position: center; } -.focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +.bg-left { + background-position: left; } -.focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +.bg-left-bottom { + background-position: left bottom; } -.focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +.bg-left-top { + background-position: left top; } -.focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +.bg-right { + background-position: right; } -.focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +.bg-right-bottom { + background-position: right bottom; } -.focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +.bg-right-top { + background-position: right top; } -.focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +.bg-top { + background-position: top; } -.focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +.bg-repeat { + background-repeat: repeat; } -.focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +.bg-no-repeat { + background-repeat: no-repeat; } -.focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +.bg-repeat-x { + background-repeat: repeat-x; } -.focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +.bg-repeat-y { + background-repeat: repeat-y; } -.focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +.bg-repeat-round { + background-repeat: round; } -.focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +.bg-repeat-space { + background-repeat: space; } -.focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +.bg-auto { + background-size: auto; } -.focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +.bg-cover { + background-size: cover; } -.focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +.bg-contain { + background-size: contain; } -.focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +.border-collapse { + border-collapse: collapse; } -.focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +.border-separate { + border-collapse: separate; } -.focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +.border-transparent { + border-color: transparent; } -.focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +.border-current { + border-color: currentColor; } -.focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +.border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +.border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +.border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } -.focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +.border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } -.focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +.border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } -.focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +.border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } -.focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +.border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } -.focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +.border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } -.focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +.border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } -.focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +.border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } -.focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +.border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } -.focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +.border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } -.focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +.border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } -.focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +.border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } -.focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +.border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } -.focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +.border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } -.focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +.border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } -.focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +.border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } -.focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +.border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } -.focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +.border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } -.focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +.border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } -.focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +.border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, 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-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } -.focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +.border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } -.focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +.border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } -.focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +.border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } -.focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +.border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } -.focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +.border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } -.focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +.border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } -.focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +.border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } -.focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +.border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } -.focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +.border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, 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-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, 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-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } -.focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +.border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } -.focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +.border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } -.focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +.border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } -.focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +.border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } -.focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +.border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } -.focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +.border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } -.focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +.border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } -.focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +.border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } -.focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +.border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } -.focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +.border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } -.focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +.border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } -.focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +.border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } -.focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +.border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } -.focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +.border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } -.focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +.border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } -.focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +.border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } -.focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +.border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } -.focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +.border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } -.focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +.border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } -.focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +.border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } -.focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +.border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } -.focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +.border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } -.focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +.border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } -.focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +.border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } -.focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +.border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } -.focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +.border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } -.focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +.border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } -.focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +.border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } -.focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +.border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +.border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } -.focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +.border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } -.focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +.border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } -.focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +.border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } -.focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +.border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } -.focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +.border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } -.focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +.border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } -.focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +.border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } -.focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +.border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } -.focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +.group:hover .group-hover\:border-transparent { + border-color: transparent; } -.focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +.group:hover .group-hover\:border-current { + border-color: currentColor; } -.focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +.group:hover .group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +.group:hover .group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +.group:hover .group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } -.focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +.group:hover .group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } -.focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +.group:hover .group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } -.focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +.group:hover .group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } -.focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +.group:hover .group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } -.focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +.group:hover .group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } -.focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +.group:hover .group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } -.focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +.group:hover .group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } -.focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +.group:hover .group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } -.focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +.group:hover .group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } -.focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +.group:hover .group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } -.focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +.group:hover .group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } -.focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +.group:hover .group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } -.focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +.group:hover .group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } -.focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +.group:hover .group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } -.focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +.group:hover .group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } -.focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +.group:hover .group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } -.focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +.group:hover .group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } -.focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +.group:hover .group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } -.focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +.group:hover .group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, 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)); +.group:hover .group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } -.focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +.group:hover .group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } -.focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +.group:hover .group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } -.focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +.group:hover .group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } -.focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +.group:hover .group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } -.focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +.group:hover .group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } -.focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +.group:hover .group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } -.focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +.group:hover .group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } -.focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +.group:hover .group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } -.focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +.group:hover .group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } -.focus\:to-transparent:focus { - --gradient-to-color: transparent; +.group:hover .group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } -.focus\:to-current:focus { - --gradient-to-color: currentColor; +.group:hover .group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } -.focus\:to-black:focus { - --gradient-to-color: #000; +.group:hover .group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } -.focus\:to-white:focus { - --gradient-to-color: #fff; +.group:hover .group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } -.focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; +.group:hover .group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } -.focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; +.group:hover .group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } -.focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; +.group:hover .group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } -.focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; +.group:hover .group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } -.focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; +.group:hover .group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } -.focus\:to-gray-500:focus { - --gradient-to-color: #71717a; +.group:hover .group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } -.focus\:to-gray-600:focus { - --gradient-to-color: #52525b; +.group:hover .group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } -.focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; +.group:hover .group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } -.focus\:to-gray-800:focus { - --gradient-to-color: #27272a; +.group:hover .group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } -.focus\:to-gray-900:focus { - --gradient-to-color: #18181b; +.group:hover .group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } -.focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; +.group:hover .group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } -.focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; +.group:hover .group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } -.focus\:to-red-200:focus { - --gradient-to-color: #fecaca; +.group:hover .group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } -.focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; +.group:hover .group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } -.focus\:to-red-400:focus { - --gradient-to-color: #f87171; +.group:hover .group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } -.focus\:to-red-500:focus { - --gradient-to-color: #ef4444; +.group:hover .group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } -.focus\:to-red-600:focus { - --gradient-to-color: #dc2626; +.group:hover .group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } -.focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; +.group:hover .group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } -.focus\:to-red-800:focus { - --gradient-to-color: #991b1b; +.group:hover .group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } -.focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; +.group:hover .group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } -.focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; +.group:hover .group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } -.focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; +.group:hover .group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } -.focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; +.group:hover .group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } -.focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; +.group:hover .group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } -.focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; +.group:hover .group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } -.focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; +.group:hover .group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } -.focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; +.group:hover .group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; +.group:hover .group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } -.focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; +.group:hover .group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } -.focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; +.group:hover .group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } -.focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; +.group:hover .group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } -.focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; +.group:hover .group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } -.focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; +.group:hover .group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } -.focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; +.group:hover .group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } -.focus\:to-green-400:focus { - --gradient-to-color: #34d399; +.group:hover .group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } -.focus\:to-green-500:focus { - --gradient-to-color: #10b981; +.group:hover .group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } -.focus\:to-green-600:focus { - --gradient-to-color: #059669; +.hover\:border-transparent:hover { + border-color: transparent; } -.focus\:to-green-700:focus { - --gradient-to-color: #047857; +.hover\:border-current:hover { + border-color: currentColor; } -.focus\:to-green-800:focus { - --gradient-to-color: #065f46; +.hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.focus\:to-green-900:focus { - --gradient-to-color: #064e3b; +.hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; +.hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } -.focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; +.hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } -.focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; +.hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } -.focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; +.hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } -.focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; +.hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } -.focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; +.hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } -.focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; +.hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } -.focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; +.hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } -.focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; +.hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } -.focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; +.hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } -.focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; +.hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } -.focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; +.hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } -.focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; +.hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } -.focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; +.hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } -.focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; +.hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } -.focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; +.hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } -.focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; +.hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } -.focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; +.hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } -.focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; +.hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } -.focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; +.hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } -.focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; +.hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } -.focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; +.hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } -.focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; +.hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } -.focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; +.hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } -.focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; +.hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } -.focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; +.hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } -.focus\:to-pink-600:focus { - --gradient-to-color: #db2777; +.hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } -.focus\:to-pink-700:focus { - --gradient-to-color: #be185d; +.hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } -.focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; +.hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } -.focus\:to-pink-900:focus { - --gradient-to-color: #831843; +.hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, 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)); - } - - .dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); +} - .dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); +} - .dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); +} - .dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); +} - .dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); +} - .dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); +} - .dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); +} - .dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); +} - .dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); +} - .dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); +} - .dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); +} - .dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); +} - .dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); +} - .dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); +} - .dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); +} - .dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); +} - .dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); +} - .dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); +} - .dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); +} - .dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); +} - .dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); +} - .dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); +} - .dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); +} - .dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); +} - .dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); +} - .dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); +} - .dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); +} - .dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); +} - .dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); +} - .dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); +} - .dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); +} - .dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); +} - .dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); +} - .dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); +} - .dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); +} - .dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); +} - .dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); +} - .dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); +} - .dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); +} - .dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); +} - .dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.focus\:border-transparent:focus { + border-color: transparent; +} - .dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.focus\:border-current:focus { + border-color: currentColor; +} - .dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); +} - .dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); +} - .dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); +} - .dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); +} - .dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); +} - .dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); +} - .dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); +} - .dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); +} - .dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); +} - .dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); +} - .dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); +} - .dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); +} - .dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); +} - .dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); +} - .dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); +} - .dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); +} - .dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); +} - .dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); +} - .dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); +} - .dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); +} - .dark\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } +.focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); +} - .dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); +} - .dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); +} - .dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); +} - .dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); +} - .dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); +} - .dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); +} - .dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); +} - .dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); +} - .dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); +} - .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)); - } +.focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); +} - .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)); - } +.focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); +} - .dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); +} - .dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); +} - .dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); +} - .dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); +} - .dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); +} - .dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); +} - .dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); +} - .dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); +} - .dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); +} - .dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); +} - .dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); +} - .dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); +} - .dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); +} - .dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); +} - .dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); +} - .dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); +} - .dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); +} - .dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); +} - .dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); +} - .dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); +} - .dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); +} - .dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); +} - .dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); +} - .dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); +} - .dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); +} - .dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); +} - .dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); +} - .dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); +} - .dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); +} - .dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); +} - .dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); +} - .dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); +} - .dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); +} - .dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); +} - .dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); +} - .dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); +} - .dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); +} - .dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); +} - .dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); +} - .dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); +} - .dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.border-opacity-0 { + --border-opacity: 0; +} - .dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.border-opacity-25 { + --border-opacity: 0.25; +} - .dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.border-opacity-50 { + --border-opacity: 0.5; +} - .dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.border-opacity-75 { + --border-opacity: 0.75; +} - .dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.border-opacity-100 { + --border-opacity: 1; +} - .dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.group:hover .group-hover\:border-opacity-0 { + --border-opacity: 0; +} - .dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.group:hover .group-hover\:border-opacity-25 { + --border-opacity: 0.25; +} - .dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.group:hover .group-hover\:border-opacity-50 { + --border-opacity: 0.5; +} - .dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.group:hover .group-hover\:border-opacity-75 { + --border-opacity: 0.75; +} - .dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.group:hover .group-hover\:border-opacity-100 { + --border-opacity: 1; +} - .dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.hover\:border-opacity-0:hover { + --border-opacity: 0; +} - .dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.hover\:border-opacity-25:hover { + --border-opacity: 0.25; +} - .dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.hover\:border-opacity-50:hover { + --border-opacity: 0.5; +} - .dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.hover\:border-opacity-75:hover { + --border-opacity: 0.75; +} - .dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.hover\:border-opacity-100:hover { + --border-opacity: 1; +} - .dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.focus\:border-opacity-0:focus { + --border-opacity: 0; +} - .dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.focus\:border-opacity-25:focus { + --border-opacity: 0.25; +} - .dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.focus\:border-opacity-50:focus { + --border-opacity: 0.5; +} - .dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.focus\:border-opacity-75:focus { + --border-opacity: 0.75; +} - .dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.focus\:border-opacity-100:focus { + --border-opacity: 1; +} - .dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.rounded-none { + border-radius: 0; +} - .dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.rounded-sm { + border-radius: 0.125rem; +} - .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)); - } +.rounded { + border-radius: 0.25rem; +} - .dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.rounded-md { + border-radius: 0.375rem; +} - .dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.rounded-lg { + border-radius: 0.5rem; +} - .dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.rounded-xl { + border-radius: 0.75rem; +} - .dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.rounded-2xl { + border-radius: 1rem; +} - .dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.rounded-3xl { + border-radius: 1.5rem; +} - .dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.rounded-full { + border-radius: 9999px; +} - .dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; +} - .dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} - .dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} - .dark\:to-transparent { - --gradient-to-color: transparent; - } +.rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} - .dark\:to-current { - --gradient-to-color: currentColor; - } +.rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; +} - .dark\:to-black { - --gradient-to-color: #000; - } +.rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; +} - .dark\:to-white { - --gradient-to-color: #fff; - } +.rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} - .dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } +.rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} - .dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} - .dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } +.rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} - .dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } +.rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} - .dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } +.rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} - .dark\:to-gray-500 { - --gradient-to-color: #71717a; - } +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} - .dark\:to-gray-600 { - --gradient-to-color: #52525b; - } +.rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} - .dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } +.rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} - .dark\:to-gray-800 { - --gradient-to-color: #27272a; - } +.rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} - .dark\:to-gray-900 { - --gradient-to-color: #18181b; - } +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} - .dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; +} - .dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} - .dark\:to-red-200 { - --gradient-to-color: #fecaca; - } +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} - .dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} - .dark\:to-red-400 { - --gradient-to-color: #f87171; - } +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} - .dark\:to-red-500 { - --gradient-to-color: #ef4444; - } +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .dark\:to-red-600 { - --gradient-to-color: #dc2626; - } +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} - .dark\:to-red-800 { - --gradient-to-color: #991b1b; - } +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} - .dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} - .dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} - .dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} - .dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} - .dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} - .dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} - .dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } +.rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; +} - .dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } +.rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} - .dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } +.rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; +} - .dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} - .dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } +.rounded-tl-none { + border-top-left-radius: 0; +} - .dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } +.rounded-tr-none { + border-top-right-radius: 0; +} - .dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } +.rounded-br-none { + border-bottom-right-radius: 0; +} - .dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } +.rounded-bl-none { + border-bottom-left-radius: 0; +} - .dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } +.rounded-tl-sm { + border-top-left-radius: 0.125rem; +} - .dark\:to-green-400 { - --gradient-to-color: #34d399; - } +.rounded-tr-sm { + border-top-right-radius: 0.125rem; +} - .dark\:to-green-500 { - --gradient-to-color: #10b981; - } +.rounded-br-sm { + border-bottom-right-radius: 0.125rem; +} - .dark\:to-green-600 { - --gradient-to-color: #059669; - } +.rounded-bl-sm { + border-bottom-left-radius: 0.125rem; +} - .dark\:to-green-700 { - --gradient-to-color: #047857; - } +.rounded-tl { + border-top-left-radius: 0.25rem; +} - .dark\:to-green-800 { - --gradient-to-color: #065f46; - } +.rounded-tr { + border-top-right-radius: 0.25rem; +} - .dark\:to-green-900 { - --gradient-to-color: #064e3b; - } +.rounded-br { + border-bottom-right-radius: 0.25rem; +} - .dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } +.rounded-bl { + border-bottom-left-radius: 0.25rem; +} - .dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } +.rounded-tl-md { + border-top-left-radius: 0.375rem; +} - .dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } +.rounded-tr-md { + border-top-right-radius: 0.375rem; +} - .dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } +.rounded-br-md { + border-bottom-right-radius: 0.375rem; +} - .dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } +.rounded-bl-md { + border-bottom-left-radius: 0.375rem; +} - .dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } +.rounded-tl-lg { + border-top-left-radius: 0.5rem; +} - .dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } +.rounded-tr-lg { + border-top-right-radius: 0.5rem; +} - .dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } +.rounded-br-lg { + border-bottom-right-radius: 0.5rem; +} - .dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } +.rounded-bl-lg { + border-bottom-left-radius: 0.5rem; +} - .dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} - .dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} - .dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} - .dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} - .dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} - .dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} - .dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} - .dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} - .dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} - .dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} - .dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} - .dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} - .dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } +.rounded-tl-full { + border-top-left-radius: 9999px; +} - .dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } +.rounded-tr-full { + border-top-right-radius: 9999px; +} - .dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } +.rounded-br-full { + border-bottom-right-radius: 9999px; +} - .dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } +.rounded-bl-full { + border-bottom-left-radius: 9999px; +} - .dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } +.border-solid { + border-style: solid; +} - .dark\:to-pink-600 { - --gradient-to-color: #db2777; - } +.border-dashed { + border-style: dashed; +} - .dark\:to-pink-700 { - --gradient-to-color: #be185d; - } +.border-dotted { + border-style: dotted; +} - .dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } +.border-double { + border-style: double; +} - .dark\:to-pink-900 { - --gradient-to-color: #831843; - } +.border-none { + border-style: none; +} - .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)); - } +.border-0 { + border-width: 0; +} - .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)); - } +.border-2 { + border-width: 2px; +} - .dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.border-4 { + border-width: 4px; +} - .dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.border-8 { + border-width: 8px; +} - .dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.border { + border-width: 1px; +} - .dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.border-t-0 { + border-top-width: 0; +} - .dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.border-r-0 { + border-right-width: 0; +} - .dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.border-b-0 { + border-bottom-width: 0; +} - .dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.border-l-0 { + border-left-width: 0; +} - .dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.border-t-2 { + border-top-width: 2px; +} - .dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.border-r-2 { + border-right-width: 2px; +} - .dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.border-b-2 { + border-bottom-width: 2px; +} - .dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.border-l-2 { + border-left-width: 2px; +} - .dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.border-t-4 { + border-top-width: 4px; +} - .dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.border-r-4 { + border-right-width: 4px; +} - .dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.border-b-4 { + border-bottom-width: 4px; +} - .dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.border-l-4 { + border-left-width: 4px; +} - .dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.border-t-8 { + border-top-width: 8px; +} - .dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.border-r-8 { + border-right-width: 8px; +} - .dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.border-b-8 { + border-bottom-width: 8px; +} - .dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.border-l-8 { + border-left-width: 8px; +} - .dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.border-t { + border-top-width: 1px; +} - .dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.border-r { + border-right-width: 1px; +} - .dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.border-b { + border-bottom-width: 1px; +} - .dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.border-l { + border-left-width: 1px; +} - .dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.box-border { + box-sizing: border-box; +} - .dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.box-content { + box-sizing: content-box; +} - .dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.cursor-auto { + cursor: auto; +} - .dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.cursor-default { + cursor: default; +} - .dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.cursor-pointer { + cursor: pointer; +} - .dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.cursor-wait { + cursor: wait; +} - .dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.cursor-text { + cursor: text; +} - .dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.cursor-move { + cursor: move; +} - .dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.cursor-not-allowed { + cursor: not-allowed; +} - .dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.block { + display: block; +} - .dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.inline-block { + display: inline-block; +} - .dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.inline { + display: inline; +} - .dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.flex { + display: flex; +} - .dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.inline-flex { + display: inline-flex; +} - .dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.table { + display: table; +} - .dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.table-caption { + display: table-caption; +} - .dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.table-cell { + display: table-cell; +} - .dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.table-column { + display: table-column; +} - .dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.table-column-group { + display: table-column-group; +} - .dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.table-footer-group { + display: table-footer-group; +} - .dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.table-header-group { + display: table-header-group; +} - .dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.table-row-group { + display: table-row-group; +} - .dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.table-row { + display: table-row; +} - .dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.flow-root { + display: flow-root; +} - .dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.grid { + display: grid; +} - .dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.inline-grid { + display: inline-grid; +} - .dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.contents { + display: contents; +} - .dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.hidden { + display: none; +} - .dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.flex-row { + flex-direction: row; +} - .dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.flex-row-reverse { + flex-direction: row-reverse; +} - .dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.flex-col { + flex-direction: column; +} - .dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.flex-col-reverse { + flex-direction: column-reverse; +} - .dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.flex-wrap { + flex-wrap: wrap; +} - .dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.flex-wrap-reverse { + flex-wrap: wrap-reverse; +} - .dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.flex-no-wrap { + flex-wrap: nowrap; +} - .dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.place-items-auto { + place-items: auto; +} - .dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.place-items-start { + place-items: start; +} - .dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.place-items-end { + place-items: end; +} - .dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.place-items-center { + place-items: center; +} - .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)); - } +.place-items-stretch { + place-items: stretch; +} - .dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.place-content-center { + place-content: center; +} - .dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.place-content-start { + place-content: start; +} - .dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.place-content-end { + place-content: end; +} - .dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.place-content-between { + place-content: space-between; +} - .dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.place-content-around { + place-content: space-around; +} - .dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.place-content-evenly { + place-content: space-evenly; +} - .dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.place-content-stretch { + place-content: stretch; +} - .dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.place-self-auto { + place-self: auto; +} - .dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.place-self-start { + place-self: start; +} - .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)); - } +.place-self-end { + place-self: end; +} - .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)); - } +.place-self-center { + place-self: center; +} - .dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.place-self-stretch { + place-self: stretch; +} - .dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.items-start { + align-items: flex-start; +} - .dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.items-end { + align-items: flex-end; +} - .dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.items-center { + align-items: center; +} - .dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.items-baseline { + align-items: baseline; +} - .dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.items-stretch { + align-items: stretch; +} - .dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.content-center { + align-content: center; +} - .dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.content-start { + align-content: flex-start; +} - .dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.content-end { + align-content: flex-end; +} - .dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.content-between { + align-content: space-between; +} - .dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.content-around { + align-content: space-around; +} - .dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.content-evenly { + align-content: space-evenly; +} - .dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.self-auto { + align-self: auto; +} - .dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.self-start { + align-self: flex-start; +} - .dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.self-end { + align-self: flex-end; +} - .dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.self-center { + align-self: center; +} - .dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.self-stretch { + align-self: stretch; +} - .dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.justify-items-auto { + justify-items: auto; +} - .dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.justify-items-start { + justify-items: start; +} - .dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.justify-items-end { + justify-items: end; +} - .dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.justify-items-center { + justify-items: center; +} - .dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.justify-items-stretch { + justify-items: stretch; +} - .dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.justify-start { + justify-content: flex-start; +} - .dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.justify-end { + justify-content: flex-end; +} - .dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.justify-center { + justify-content: center; +} - .dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.justify-between { + justify-content: space-between; +} - .dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.justify-around { + justify-content: space-around; +} - .dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.justify-evenly { + justify-content: space-evenly; +} - .dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.justify-self-auto { + justify-self: auto; +} - .dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.justify-self-start { + justify-self: start; +} - .dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.justify-self-end { + justify-self: end; +} - .dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.justify-self-center { + justify-self: center; +} - .dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.justify-self-stretch { + justify-self: stretch; +} - .dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.flex-1 { + flex: 1 1 0%; +} - .dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.flex-auto { + flex: 1 1 auto; +} - .dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.flex-initial { + flex: 0 1 auto; +} - .dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.flex-none { + flex: none; +} - .dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.flex-grow-0 { + flex-grow: 0; +} - .dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.flex-grow { + flex-grow: 1; +} - .dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.flex-shrink-0 { + flex-shrink: 0; +} - .dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.flex-shrink { + flex-shrink: 1; +} - .dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.order-1 { + order: 1; +} - .dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.order-2 { + order: 2; +} - .dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.order-3 { + order: 3; +} - .dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.order-4 { + order: 4; +} - .dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.order-5 { + order: 5; +} - .dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.order-6 { + order: 6; +} - .dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.order-7 { + order: 7; +} - .dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.order-8 { + order: 8; +} - .dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.order-9 { + order: 9; +} - .dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.order-10 { + order: 10; +} - .dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.order-11 { + order: 11; +} - .dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.order-12 { + order: 12; +} - .dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.order-first { + order: -9999; +} - .dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.order-last { + order: 9999; +} - .dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.order-none { + order: 0; +} - .dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.float-right { + float: right; +} - .dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.float-left { + float: left; +} - .dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.float-none { + float: none; +} - .dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.clearfix:after { + content: ""; + display: table; + clear: both; +} - .dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.clear-left { + clear: left; +} - .dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.clear-right { + clear: right; +} - .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)); - } +.clear-both { + clear: both; +} - .dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.clear-none { + clear: none; +} - .dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.font-sans { + font-family: ui-sans-serif, 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\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +} - .dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} - .dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.font-thin { + font-weight: 100; +} - .dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.font-extralight { + font-weight: 200; +} - .dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.font-light { + font-weight: 300; +} - .dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.font-normal { + font-weight: 400; +} - .dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.font-medium { + font-weight: 500; +} - .dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } +.font-semibold { + font-weight: 600; +} - .dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } +.font-bold { + font-weight: 700; +} - .dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } +.font-extrabold { + font-weight: 800; +} - .dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } +.font-black { + font-weight: 900; +} - .dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } +.hover\:font-thin:hover { + font-weight: 100; +} - .dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } +.hover\:font-extralight:hover { + font-weight: 200; +} - .dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } +.hover\:font-light:hover { + font-weight: 300; +} - .dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } +.hover\:font-normal:hover { + font-weight: 400; +} - .dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } +.hover\:font-medium:hover { + font-weight: 500; +} - .dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } +.hover\:font-semibold:hover { + font-weight: 600; +} - .dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } +.hover\:font-bold:hover { + font-weight: 700; +} - .dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } +.hover\:font-extrabold:hover { + font-weight: 800; +} - .dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } +.hover\:font-black:hover { + font-weight: 900; +} - .dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } +.focus\:font-thin:focus { + font-weight: 100; +} - .dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } +.focus\:font-extralight:focus { + font-weight: 200; +} - .dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } +.focus\:font-light:focus { + font-weight: 300; +} - .dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } +.focus\:font-normal:focus { + font-weight: 400; +} - .dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } +.focus\:font-medium:focus { + font-weight: 500; +} - .dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } +.focus\:font-semibold:focus { + font-weight: 600; +} - .dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } +.focus\:font-bold:focus { + font-weight: 700; +} - .dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } +.focus\:font-extrabold:focus { + font-weight: 800; +} - .dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } +.focus\:font-black:focus { + font-weight: 900; +} - .dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } +.h-0 { + height: 0; +} - .dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } +.h-1 { + height: 0.25rem; +} - .dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } +.h-2 { + height: 0.5rem; +} - .dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } +.h-3 { + height: 0.75rem; +} - .dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } +.h-4 { + height: 1rem; +} - .dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } +.h-5 { + height: 1.25rem; +} - .dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } +.h-6 { + height: 1.5rem; +} - .dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } +.h-7 { + height: 1.75rem; +} - .dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } +.h-8 { + height: 2rem; +} - .dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } +.h-9 { + height: 2.25rem; +} - .dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } +.h-10 { + height: 2.5rem; +} - .dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } +.h-12 { + height: 3rem; +} - .dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } +.h-14 { + height: 3.5rem; +} - .dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } +.h-16 { + height: 4rem; +} - .dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } +.h-20 { + height: 5rem; +} - .dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } +.h-24 { + height: 6rem; +} - .dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } +.h-28 { + height: 7rem; +} - .dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } +.h-32 { + height: 8rem; +} - .dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } +.h-36 { + height: 9rem; +} - .dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } +.h-40 { + height: 10rem; +} - .dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } +.h-44 { + height: 11rem; +} - .dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } +.h-48 { + height: 12rem; +} - .dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } +.h-52 { + height: 13rem; +} - .dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } +.h-56 { + height: 14rem; +} - .dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } +.h-60 { + height: 15rem; +} - .dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } +.h-64 { + height: 16rem; +} - .dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } +.h-72 { + height: 18rem; +} - .dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } +.h-80 { + height: 20rem; +} - .dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } +.h-96 { + height: 24rem; +} - .dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } +.h-auto { + height: auto; +} - .dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } +.h-px { + height: 1px; +} - .dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } +.h-0\.5 { + height: 0.125rem; +} - .dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } +.h-1\.5 { + height: 0.375rem; +} - .dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } +.h-2\.5 { + height: 0.625rem; +} - .dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } +.h-3\.5 { + height: 0.875rem; +} - .dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } +.h-full { + height: 100%; +} - .dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } +.h-screen { + height: 100vh; +} - .dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} - .dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} - .dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} - .dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} - .dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} - .dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} - .dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} - .dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} - .dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } +.text-5xl { + font-size: 3rem; + line-height: 1; +} - .dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} - .dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } +.text-7xl { + font-size: 4.5rem; + line-height: 1; +} - .dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } +.text-8xl { + font-size: 6rem; + line-height: 1; +} - .dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } +.text-9xl { + font-size: 8rem; + line-height: 1; +} - .dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } +.leading-3 { + line-height: .75rem; +} - .dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } +.leading-4 { + line-height: 1rem; +} - .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)); - } +.leading-5 { + line-height: 1.25rem; +} - .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)); - } +.leading-6 { + line-height: 1.5rem; +} - .dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.leading-7 { + line-height: 1.75rem; +} - .dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.leading-8 { + line-height: 2rem; +} - .dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.leading-9 { + line-height: 2.25rem; +} - .dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.leading-10 { + line-height: 2.5rem; +} - .dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.leading-none { + line-height: 1; +} - .dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.leading-tight { + line-height: 1.25; +} - .dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.leading-snug { + line-height: 1.375; +} - .dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.leading-normal { + line-height: 1.5; +} - .dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.leading-relaxed { + line-height: 1.625; +} - .dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.leading-loose { + line-height: 2; +} - .dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.list-inside { + list-style-position: inside; +} - .dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.list-outside { + list-style-position: outside; +} - .dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.list-none { + list-style-type: none; +} - .dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.list-disc { + list-style-type: disc; +} - .dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.list-decimal { + list-style-type: decimal; +} - .dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.m-0 { + margin: 0; +} - .dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.m-1 { + margin: 0.25rem; +} - .dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.m-2 { + margin: 0.5rem; +} - .dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.m-3 { + margin: 0.75rem; +} - .dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.m-4 { + margin: 1rem; +} - .dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.m-5 { + margin: 1.25rem; +} - .dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.m-6 { + margin: 1.5rem; +} - .dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.m-7 { + margin: 1.75rem; +} - .dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.m-8 { + margin: 2rem; +} - .dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.m-9 { + margin: 2.25rem; +} - .dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.m-10 { + margin: 2.5rem; +} - .dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.m-12 { + margin: 3rem; +} - .dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.m-14 { + margin: 3.5rem; +} - .dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.m-16 { + margin: 4rem; +} - .dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.m-20 { + margin: 5rem; +} - .dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.m-24 { + margin: 6rem; +} - .dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.m-28 { + margin: 7rem; +} - .dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.m-32 { + margin: 8rem; +} - .dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.m-36 { + margin: 9rem; +} - .dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.m-40 { + margin: 10rem; +} - .dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.m-44 { + margin: 11rem; +} - .dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.m-48 { + margin: 12rem; +} - .dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.m-52 { + margin: 13rem; +} - .dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.m-56 { + margin: 14rem; +} - .dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.m-60 { + margin: 15rem; +} - .dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.m-64 { + margin: 16rem; +} - .dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.m-72 { + margin: 18rem; +} - .dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.m-80 { + margin: 20rem; +} - .dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.m-96 { + margin: 24rem; +} - .dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.m-auto { + margin: auto; +} - .dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.m-px { + margin: 1px; +} - .dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.m-0\.5 { + margin: 0.125rem; +} - .dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.m-1\.5 { + margin: 0.375rem; +} - .dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.m-2\.5 { + margin: 0.625rem; +} - .dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.m-3\.5 { + margin: 0.875rem; +} - .dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.-m-1 { + margin: -0.25rem; +} - .dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.-m-2 { + margin: -0.5rem; +} - .dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.-m-3 { + margin: -0.75rem; +} - .dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.-m-4 { + margin: -1rem; +} - .dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.-m-5 { + margin: -1.25rem; +} - .dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.-m-6 { + margin: -1.5rem; +} - .dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.-m-7 { + margin: -1.75rem; +} - .dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.-m-8 { + margin: -2rem; +} - .dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.-m-9 { + margin: -2.25rem; +} - .dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.-m-10 { + margin: -2.5rem; +} - .dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.-m-12 { + margin: -3rem; +} - .dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.-m-14 { + margin: -3.5rem; +} - .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)); - } +.-m-16 { + margin: -4rem; +} - .dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.-m-20 { + margin: -5rem; +} - .dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.-m-24 { + margin: -6rem; +} - .dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.-m-28 { + margin: -7rem; +} - .dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.-m-32 { + margin: -8rem; +} - .dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.-m-36 { + margin: -9rem; +} - .dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.-m-40 { + margin: -10rem; +} - .dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.-m-44 { + margin: -11rem; +} - .dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.-m-48 { + margin: -12rem; +} - .dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.-m-52 { + margin: -13rem; +} - .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)); - } +.-m-56 { + margin: -14rem; +} - .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)); - } +.-m-60 { + margin: -15rem; +} - .dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.-m-64 { + margin: -16rem; +} - .dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.-m-72 { + margin: -18rem; +} - .dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.-m-80 { + margin: -20rem; +} - .dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.-m-96 { + margin: -24rem; +} - .dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.-m-px { + margin: -1px; +} - .dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.-m-0\.5 { + margin: -0.125rem; +} - .dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.-m-1\.5 { + margin: -0.375rem; +} - .dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.-m-2\.5 { + margin: -0.625rem; +} - .dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.-m-3\.5 { + margin: -0.875rem; +} - .dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.my-0 { + margin-top: 0; + margin-bottom: 0; +} - .dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.mx-0 { + margin-left: 0; + margin-right: 0; +} - .dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} - .dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} - .dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} - .dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; +} - .dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} - .dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} - .dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} - .dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} - .dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} - .dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} - .dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} - .dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} - .dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; +} - .dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; +} - .dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} - .dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} - .dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; +} - .dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; +} - .dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} - .dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; +} - .dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} - .dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.mx-12 { + margin-left: 3rem; + margin-right: 3rem; +} - .dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; +} - .dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; +} - .dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} - .dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; +} - .dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} - .dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} - .dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.my-24 { + margin-top: 6rem; + margin-bottom: 6rem; +} - .dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.mx-24 { + margin-left: 6rem; + margin-right: 6rem; +} - .dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.my-28 { + margin-top: 7rem; + margin-bottom: 7rem; +} - .dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.mx-28 { + margin-left: 7rem; + margin-right: 7rem; +} - .dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.my-32 { + margin-top: 8rem; + margin-bottom: 8rem; +} - .dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.mx-32 { + margin-left: 8rem; + margin-right: 8rem; +} - .dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.my-36 { + margin-top: 9rem; + margin-bottom: 9rem; +} - .dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.mx-36 { + margin-left: 9rem; + margin-right: 9rem; +} - .dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.my-40 { + margin-top: 10rem; + margin-bottom: 10rem; +} - .dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.mx-40 { + margin-left: 10rem; + margin-right: 10rem; +} - .dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.my-44 { + margin-top: 11rem; + margin-bottom: 11rem; +} - .dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.mx-44 { + margin-left: 11rem; + margin-right: 11rem; +} - .dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.my-48 { + margin-top: 12rem; + margin-bottom: 12rem; +} - .dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.mx-48 { + margin-left: 12rem; + margin-right: 12rem; +} - .dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.my-52 { + margin-top: 13rem; + margin-bottom: 13rem; +} - .dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.mx-52 { + margin-left: 13rem; + margin-right: 13rem; +} - .dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.my-56 { + margin-top: 14rem; + margin-bottom: 14rem; +} - .dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.mx-56 { + margin-left: 14rem; + margin-right: 14rem; +} - .dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.my-60 { + margin-top: 15rem; + margin-bottom: 15rem; +} - .dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.mx-60 { + margin-left: 15rem; + margin-right: 15rem; +} - .dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.my-64 { + margin-top: 16rem; + margin-bottom: 16rem; +} - .dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.mx-64 { + margin-left: 16rem; + margin-right: 16rem; +} - .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)); - } +.my-72 { + margin-top: 18rem; + margin-bottom: 18rem; +} - .dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.mx-72 { + margin-left: 18rem; + margin-right: 18rem; +} - .dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.my-80 { + margin-top: 20rem; + margin-bottom: 20rem; +} - .dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.mx-80 { + margin-left: 20rem; + margin-right: 20rem; +} - .dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.my-96 { + margin-top: 24rem; + margin-bottom: 24rem; +} - .dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.mx-96 { + margin-left: 24rem; + margin-right: 24rem; +} - .dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.my-auto { + margin-top: auto; + margin-bottom: auto; +} - .dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.mx-auto { + margin-left: auto; + margin-right: auto; +} - .dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.my-px { + margin-top: 1px; + margin-bottom: 1px; +} - .dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.mx-px { + margin-left: 1px; + margin-right: 1px; +} - .dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } +.my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; +} - .dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } +.mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; +} - .dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } +.my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} - .dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } +.mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; +} - .dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } +.my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} - .dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } +.mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; +} - .dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } +.my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; +} - .dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } +.mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; +} - .dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } +.-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; +} - .dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; +} - .dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} - .dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; +} - .dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } +.-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; +} - .dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } +.-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; +} - .dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } +.-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; +} - .dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; +} - .dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } +.-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; +} - .dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } +.-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; +} - .dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } +.-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; +} - .dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; +} - .dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } +.-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; +} - .dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } +.-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; +} - .dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } +.-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; +} - .dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } +.-mx-8 { + margin-left: -2rem; + margin-right: -2rem; +} - .dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } +.-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; +} - .dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } +.-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; +} - .dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } +.-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; +} - .dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } +.-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; +} - .dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } +.-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; +} - .dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } +.-mx-12 { + margin-left: -3rem; + margin-right: -3rem; +} - .dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } +.-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; +} - .dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } +.-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; +} - .dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } +.-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; +} - .dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } +.-mx-16 { + margin-left: -4rem; + margin-right: -4rem; +} - .dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } +.-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; +} - .dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } +.-mx-20 { + margin-left: -5rem; + margin-right: -5rem; +} - .dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } +.-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; +} - .dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } +.-mx-24 { + margin-left: -6rem; + margin-right: -6rem; +} - .dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } +.-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; +} - .dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } +.-mx-28 { + margin-left: -7rem; + margin-right: -7rem; +} - .dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } +.-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; +} - .dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } +.-mx-32 { + margin-left: -8rem; + margin-right: -8rem; +} - .dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } +.-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; +} - .dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } +.-mx-36 { + margin-left: -9rem; + margin-right: -9rem; +} - .dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } +.-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; +} - .dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } +.-mx-40 { + margin-left: -10rem; + margin-right: -10rem; +} - .dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } +.-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; +} - .dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } +.-mx-44 { + margin-left: -11rem; + margin-right: -11rem; +} - .dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } +.-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; +} - .dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } +.-mx-48 { + margin-left: -12rem; + margin-right: -12rem; +} - .dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } +.-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; +} - .dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } +.-mx-52 { + margin-left: -13rem; + margin-right: -13rem; +} - .dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } +.-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; +} - .dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } +.-mx-56 { + margin-left: -14rem; + margin-right: -14rem; +} - .dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } +.-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; +} - .dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } +.-mx-60 { + margin-left: -15rem; + margin-right: -15rem; +} - .dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } +.-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; +} - .dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } +.-mx-64 { + margin-left: -16rem; + margin-right: -16rem; +} - .dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } +.-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; +} - .dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } +.-mx-72 { + margin-left: -18rem; + margin-right: -18rem; +} - .dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } +.-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; +} - .dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } +.-mx-80 { + margin-left: -20rem; + margin-right: -20rem; +} - .dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } +.-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; +} - .dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } +.-mx-96 { + margin-left: -24rem; + margin-right: -24rem; +} - .dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } +.-my-px { + margin-top: -1px; + margin-bottom: -1px; +} - .dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } +.-mx-px { + margin-left: -1px; + margin-right: -1px; +} - .dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } +.-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; +} - .dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } +.-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; +} - .dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } +.-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; +} - .dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } +.-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; +} - .dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } +.-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} - .dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } +.-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; +} - .dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } +.-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; +} - .dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } +.-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } -.bg-opacity-0 { - --bg-opacity: 0; +.mt-0 { + margin-top: 0; } -.bg-opacity-25 { - --bg-opacity: 0.25; +.mr-0 { + margin-right: 0; } -.bg-opacity-50 { - --bg-opacity: 0.5; +.mb-0 { + margin-bottom: 0; } -.bg-opacity-75 { - --bg-opacity: 0.75; +.ml-0 { + margin-left: 0; } -.bg-opacity-100 { - --bg-opacity: 1; +.mt-1 { + margin-top: 0.25rem; } -.group:hover .group-hover\:bg-opacity-0 { - --bg-opacity: 0; +.mr-1 { + margin-right: 0.25rem; } -.group:hover .group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; +.mb-1 { + margin-bottom: 0.25rem; } -.group:hover .group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; +.ml-1 { + margin-left: 0.25rem; } -.group:hover .group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; +.mt-2 { + margin-top: 0.5rem; } -.group:hover .group-hover\:bg-opacity-100 { - --bg-opacity: 1; +.mr-2 { + margin-right: 0.5rem; } -.hover\:bg-opacity-0:hover { - --bg-opacity: 0; +.mb-2 { + margin-bottom: 0.5rem; } -.hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; +.ml-2 { + margin-left: 0.5rem; } -.hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; +.mt-3 { + margin-top: 0.75rem; } -.hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; +.mr-3 { + margin-right: 0.75rem; } -.hover\:bg-opacity-100:hover { - --bg-opacity: 1; +.mb-3 { + margin-bottom: 0.75rem; } -.focus\:bg-opacity-0:focus { - --bg-opacity: 0; +.ml-3 { + margin-left: 0.75rem; } -.focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; +.mt-4 { + margin-top: 1rem; } -.focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; +.mr-4 { + margin-right: 1rem; } -.focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; +.mb-4 { + margin-bottom: 1rem; } -.focus\:bg-opacity-100:focus { - --bg-opacity: 1; +.ml-4 { + margin-left: 1rem; } -.bg-bottom { - background-position: bottom; +.mt-5 { + margin-top: 1.25rem; } -.bg-center { - background-position: center; +.mr-5 { + margin-right: 1.25rem; } -.bg-left { - background-position: left; +.mb-5 { + margin-bottom: 1.25rem; } -.bg-left-bottom { - background-position: left bottom; +.ml-5 { + margin-left: 1.25rem; } -.bg-left-top { - background-position: left top; +.mt-6 { + margin-top: 1.5rem; } -.bg-right { - background-position: right; +.mr-6 { + margin-right: 1.5rem; } -.bg-right-bottom { - background-position: right bottom; +.mb-6 { + margin-bottom: 1.5rem; } -.bg-right-top { - background-position: right top; +.ml-6 { + margin-left: 1.5rem; } -.bg-top { - background-position: top; +.mt-7 { + margin-top: 1.75rem; } -.bg-repeat { - background-repeat: repeat; +.mr-7 { + margin-right: 1.75rem; } -.bg-no-repeat { - background-repeat: no-repeat; +.mb-7 { + margin-bottom: 1.75rem; } -.bg-repeat-x { - background-repeat: repeat-x; +.ml-7 { + margin-left: 1.75rem; } -.bg-repeat-y { - background-repeat: repeat-y; +.mt-8 { + margin-top: 2rem; } -.bg-repeat-round { - background-repeat: round; +.mr-8 { + margin-right: 2rem; } -.bg-repeat-space { - background-repeat: space; +.mb-8 { + margin-bottom: 2rem; } -.bg-auto { - background-size: auto; +.ml-8 { + margin-left: 2rem; } -.bg-cover { - background-size: cover; +.mt-9 { + margin-top: 2.25rem; } -.bg-contain { - background-size: contain; +.mr-9 { + margin-right: 2.25rem; } -.border-collapse { - border-collapse: collapse; +.mb-9 { + margin-bottom: 2.25rem; } -.border-separate { - border-collapse: separate; +.ml-9 { + margin-left: 2.25rem; } -.border-transparent { - border-color: transparent; +.mt-10 { + margin-top: 2.5rem; } -.border-current { - border-color: currentColor; +.mr-10 { + margin-right: 2.5rem; } -.border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.mb-10 { + margin-bottom: 2.5rem; } -.border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.ml-10 { + margin-left: 2.5rem; } -.border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.mt-12 { + margin-top: 3rem; } -.border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.mr-12 { + margin-right: 3rem; } -.border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.mb-12 { + margin-bottom: 3rem; } -.border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.ml-12 { + margin-left: 3rem; } -.border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.mt-14 { + margin-top: 3.5rem; } -.border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.mr-14 { + margin-right: 3.5rem; } -.border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.mb-14 { + margin-bottom: 3.5rem; } -.border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.ml-14 { + margin-left: 3.5rem; } -.border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.mt-16 { + margin-top: 4rem; } -.border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.mr-16 { + margin-right: 4rem; } -.border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.mb-16 { + margin-bottom: 4rem; } -.border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.ml-16 { + margin-left: 4rem; } -.border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.mt-20 { + margin-top: 5rem; } -.border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.mr-20 { + margin-right: 5rem; } -.border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.mb-20 { + margin-bottom: 5rem; } -.border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.ml-20 { + margin-left: 5rem; } -.border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.mt-24 { + margin-top: 6rem; } -.border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.mr-24 { + margin-right: 6rem; } -.border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.mb-24 { + margin-bottom: 6rem; } -.border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.ml-24 { + margin-left: 6rem; } -.border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.mt-28 { + margin-top: 7rem; } -.border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.mr-28 { + margin-right: 7rem; } -.border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.mb-28 { + margin-bottom: 7rem; } -.border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.ml-28 { + margin-left: 7rem; } -.border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.mt-32 { + margin-top: 8rem; } -.border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.mr-32 { + margin-right: 8rem; } -.border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.mb-32 { + margin-bottom: 8rem; } -.border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.ml-32 { + margin-left: 8rem; } -.border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.mt-36 { + margin-top: 9rem; } -.border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.mr-36 { + margin-right: 9rem; } -.border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.mb-36 { + margin-bottom: 9rem; } -.border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.ml-36 { + margin-left: 9rem; } -.border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.mt-40 { + margin-top: 10rem; } -.border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.mr-40 { + margin-right: 10rem; } -.border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.mb-40 { + margin-bottom: 10rem; } -.border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.ml-40 { + margin-left: 10rem; } -.border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.mt-44 { + margin-top: 11rem; } -.border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.mr-44 { + margin-right: 11rem; } -.border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.mb-44 { + margin-bottom: 11rem; } -.border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.ml-44 { + margin-left: 11rem; } -.border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.mt-48 { + margin-top: 12rem; } -.border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.mr-48 { + margin-right: 12rem; } -.border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.mb-48 { + margin-bottom: 12rem; } -.border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.ml-48 { + margin-left: 12rem; } -.border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.mt-52 { + margin-top: 13rem; } -.border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.mr-52 { + margin-right: 13rem; } -.border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.mb-52 { + margin-bottom: 13rem; } -.border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.ml-52 { + margin-left: 13rem; } -.border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.mt-56 { + margin-top: 14rem; } -.border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.mr-56 { + margin-right: 14rem; } -.border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.mb-56 { + margin-bottom: 14rem; } -.border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.ml-56 { + margin-left: 14rem; } -.border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.mt-60 { + margin-top: 15rem; } -.border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.mr-60 { + margin-right: 15rem; } -.border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.mb-60 { + margin-bottom: 15rem; } -.border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.ml-60 { + margin-left: 15rem; } -.border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.mt-64 { + margin-top: 16rem; } -.border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.mr-64 { + margin-right: 16rem; } -.border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.mb-64 { + margin-bottom: 16rem; } -.border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.ml-64 { + margin-left: 16rem; } -.border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.mt-72 { + margin-top: 18rem; } -.border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.mr-72 { + margin-right: 18rem; } -.border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.mb-72 { + margin-bottom: 18rem; } -.border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.ml-72 { + margin-left: 18rem; } -.border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.mt-80 { + margin-top: 20rem; } -.border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.mr-80 { + margin-right: 20rem; } -.border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.mb-80 { + margin-bottom: 20rem; } -.border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.ml-80 { + margin-left: 20rem; } -.border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.mt-96 { + margin-top: 24rem; } -.border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.mr-96 { + margin-right: 24rem; } -.group:hover .group-hover\:border-transparent { - border-color: transparent; +.mb-96 { + margin-bottom: 24rem; } -.group:hover .group-hover\:border-current { - border-color: currentColor; +.ml-96 { + margin-left: 24rem; } -.group:hover .group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.mt-auto { + margin-top: auto; } -.group:hover .group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.mr-auto { + margin-right: auto; } -.group:hover .group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.mb-auto { + margin-bottom: auto; } -.group:hover .group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.ml-auto { + margin-left: auto; } -.group:hover .group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.mt-px { + margin-top: 1px; } -.group:hover .group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.mr-px { + margin-right: 1px; } -.group:hover .group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.mb-px { + margin-bottom: 1px; } -.group:hover .group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.ml-px { + margin-left: 1px; } -.group:hover .group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.mt-0\.5 { + margin-top: 0.125rem; } -.group:hover .group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.mr-0\.5 { + margin-right: 0.125rem; } -.group:hover .group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.mb-0\.5 { + margin-bottom: 0.125rem; } -.group:hover .group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.ml-0\.5 { + margin-left: 0.125rem; } -.group:hover .group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.mt-1\.5 { + margin-top: 0.375rem; } -.group:hover .group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.mr-1\.5 { + margin-right: 0.375rem; } -.group:hover .group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.mb-1\.5 { + margin-bottom: 0.375rem; } -.group:hover .group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.ml-1\.5 { + margin-left: 0.375rem; } -.group:hover .group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.mt-2\.5 { + margin-top: 0.625rem; } -.group:hover .group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.mr-2\.5 { + margin-right: 0.625rem; } -.group:hover .group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.mb-2\.5 { + margin-bottom: 0.625rem; } -.group:hover .group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.ml-2\.5 { + margin-left: 0.625rem; } -.group:hover .group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.mt-3\.5 { + margin-top: 0.875rem; } -.group:hover .group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.mr-3\.5 { + margin-right: 0.875rem; } -.group:hover .group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.mb-3\.5 { + margin-bottom: 0.875rem; } -.group:hover .group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.ml-3\.5 { + margin-left: 0.875rem; } -.group:hover .group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.-mt-1 { + margin-top: -0.25rem; } -.group:hover .group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.-mr-1 { + margin-right: -0.25rem; } -.group:hover .group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.-mb-1 { + margin-bottom: -0.25rem; } -.group:hover .group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.-ml-1 { + margin-left: -0.25rem; } -.group:hover .group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.-mt-2 { + margin-top: -0.5rem; } -.group:hover .group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.-mr-2 { + margin-right: -0.5rem; } -.group:hover .group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.-mb-2 { + margin-bottom: -0.5rem; } -.group:hover .group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.-ml-2 { + margin-left: -0.5rem; } -.group:hover .group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.-mt-3 { + margin-top: -0.75rem; } -.group:hover .group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.-mr-3 { + margin-right: -0.75rem; } -.group:hover .group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.-mb-3 { + margin-bottom: -0.75rem; } -.group:hover .group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.-ml-3 { + margin-left: -0.75rem; } -.group:hover .group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.-mt-4 { + margin-top: -1rem; } -.group:hover .group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.-mr-4 { + margin-right: -1rem; } -.group:hover .group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.-mb-4 { + margin-bottom: -1rem; } -.group:hover .group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.-ml-4 { + margin-left: -1rem; } -.group:hover .group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.-mt-5 { + margin-top: -1.25rem; } -.group:hover .group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.-mr-5 { + margin-right: -1.25rem; } -.group:hover .group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.-mb-5 { + margin-bottom: -1.25rem; } -.group:hover .group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.-ml-5 { + margin-left: -1.25rem; } -.group:hover .group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.-mt-6 { + margin-top: -1.5rem; } -.group:hover .group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.-mr-6 { + margin-right: -1.5rem; } -.group:hover .group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.-mb-6 { + margin-bottom: -1.5rem; } -.group:hover .group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.-ml-6 { + margin-left: -1.5rem; } -.group:hover .group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.-mt-7 { + margin-top: -1.75rem; } -.group:hover .group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.-mr-7 { + margin-right: -1.75rem; } -.group:hover .group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.-mb-7 { + margin-bottom: -1.75rem; } -.group:hover .group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.-ml-7 { + margin-left: -1.75rem; } -.group:hover .group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.-mt-8 { + margin-top: -2rem; } -.group:hover .group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.-mr-8 { + margin-right: -2rem; } -.group:hover .group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.-mb-8 { + margin-bottom: -2rem; } -.group:hover .group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.-ml-8 { + margin-left: -2rem; } -.group:hover .group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.-mt-9 { + margin-top: -2.25rem; } -.group:hover .group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.-mr-9 { + margin-right: -2.25rem; } -.group:hover .group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.-mb-9 { + margin-bottom: -2.25rem; } -.group:hover .group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.-ml-9 { + margin-left: -2.25rem; } -.group:hover .group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.-mt-10 { + margin-top: -2.5rem; } -.group:hover .group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.-mr-10 { + margin-right: -2.5rem; } -.group:hover .group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.-mb-10 { + margin-bottom: -2.5rem; } -.group:hover .group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.-ml-10 { + margin-left: -2.5rem; } -.group:hover .group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.-mt-12 { + margin-top: -3rem; } -.group:hover .group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.-mr-12 { + margin-right: -3rem; } -.group:hover .group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.-mb-12 { + margin-bottom: -3rem; } -.group:hover .group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.-ml-12 { + margin-left: -3rem; } -.group:hover .group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.-mt-14 { + margin-top: -3.5rem; } -.group:hover .group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.-mr-14 { + margin-right: -3.5rem; } -.group:hover .group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.-mb-14 { + margin-bottom: -3.5rem; } -.group:hover .group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.-ml-14 { + margin-left: -3.5rem; } -.hover\:border-transparent:hover { - border-color: transparent; +.-mt-16 { + margin-top: -4rem; } -.hover\:border-current:hover { - border-color: currentColor; +.-mr-16 { + margin-right: -4rem; } -.hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.-mb-16 { + margin-bottom: -4rem; } -.hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.-ml-16 { + margin-left: -4rem; } -.hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.-mt-20 { + margin-top: -5rem; } -.hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.-mr-20 { + margin-right: -5rem; } -.hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.-mb-20 { + margin-bottom: -5rem; } -.hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.-ml-20 { + margin-left: -5rem; } -.hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.-mt-24 { + margin-top: -6rem; } -.hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.-mr-24 { + margin-right: -6rem; } -.hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.-mb-24 { + margin-bottom: -6rem; } -.hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.-ml-24 { + margin-left: -6rem; } -.hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.-mt-28 { + margin-top: -7rem; } -.hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.-mr-28 { + margin-right: -7rem; } -.hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.-mb-28 { + margin-bottom: -7rem; } -.hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.-ml-28 { + margin-left: -7rem; } -.hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.-mt-32 { + margin-top: -8rem; } -.hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.-mr-32 { + margin-right: -8rem; } -.hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.-mb-32 { + margin-bottom: -8rem; } -.hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.-ml-32 { + margin-left: -8rem; } -.hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.-mt-36 { + margin-top: -9rem; } -.hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.-mr-36 { + margin-right: -9rem; } -.hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.-mb-36 { + margin-bottom: -9rem; } -.hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.-ml-36 { + margin-left: -9rem; } -.hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.-mt-40 { + margin-top: -10rem; } -.hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.-mr-40 { + margin-right: -10rem; } -.hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.-mb-40 { + margin-bottom: -10rem; } -.hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.-ml-40 { + margin-left: -10rem; } -.hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.-mt-44 { + margin-top: -11rem; } -.hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.-mr-44 { + margin-right: -11rem; } -.hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.-mb-44 { + margin-bottom: -11rem; } -.hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.-ml-44 { + margin-left: -11rem; } -.hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.-mt-48 { + margin-top: -12rem; } -.hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.-mr-48 { + margin-right: -12rem; } -.hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.-mb-48 { + margin-bottom: -12rem; } -.hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.-ml-48 { + margin-left: -12rem; } -.hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.-mt-52 { + margin-top: -13rem; } -.hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.-mr-52 { + margin-right: -13rem; } -.hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.-mb-52 { + margin-bottom: -13rem; } -.hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.-ml-52 { + margin-left: -13rem; } -.hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.-mt-56 { + margin-top: -14rem; } -.hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.-mr-56 { + margin-right: -14rem; } -.hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.-mb-56 { + margin-bottom: -14rem; } -.hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.-ml-56 { + margin-left: -14rem; } -.hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.-mt-60 { + margin-top: -15rem; } -.hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.-mr-60 { + margin-right: -15rem; } -.hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.-mb-60 { + margin-bottom: -15rem; } -.hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.-ml-60 { + margin-left: -15rem; } -.hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.-mt-64 { + margin-top: -16rem; } -.hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.-mr-64 { + margin-right: -16rem; } -.hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.-mb-64 { + margin-bottom: -16rem; } -.hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.-ml-64 { + margin-left: -16rem; } -.hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.-mt-72 { + margin-top: -18rem; } -.hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.-mr-72 { + margin-right: -18rem; } -.hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.-mb-72 { + margin-bottom: -18rem; } -.hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.-ml-72 { + margin-left: -18rem; } -.hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.-mt-80 { + margin-top: -20rem; } -.hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.-mr-80 { + margin-right: -20rem; } -.hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.-mb-80 { + margin-bottom: -20rem; } -.hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.-ml-80 { + margin-left: -20rem; } -.hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.-mt-96 { + margin-top: -24rem; } -.hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.-mr-96 { + margin-right: -24rem; } -.hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.-mb-96 { + margin-bottom: -24rem; } -.hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.-ml-96 { + margin-left: -24rem; } -.hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.-mt-px { + margin-top: -1px; } -.hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.-mr-px { + margin-right: -1px; } -.hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.-mb-px { + margin-bottom: -1px; } -.hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.-ml-px { + margin-left: -1px; } -.hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.-mt-0\.5 { + margin-top: -0.125rem; } -.hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.-mr-0\.5 { + margin-right: -0.125rem; } -.hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.-mb-0\.5 { + margin-bottom: -0.125rem; } -.hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.-ml-0\.5 { + margin-left: -0.125rem; } -.hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.-mt-1\.5 { + margin-top: -0.375rem; } -.hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.-mr-1\.5 { + margin-right: -0.375rem; } -.focus\:border-transparent:focus { - border-color: transparent; +.-mb-1\.5 { + margin-bottom: -0.375rem; } -.focus\:border-current:focus { - border-color: currentColor; +.-ml-1\.5 { + margin-left: -0.375rem; } -.focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.-mt-2\.5 { + margin-top: -0.625rem; } -.focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.-mr-2\.5 { + margin-right: -0.625rem; } -.focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.-mb-2\.5 { + margin-bottom: -0.625rem; } -.focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.-ml-2\.5 { + margin-left: -0.625rem; } -.focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.-mt-3\.5 { + margin-top: -0.875rem; } -.focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.-mr-3\.5 { + margin-right: -0.875rem; } -.focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.-mb-3\.5 { + margin-bottom: -0.875rem; } -.focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.-ml-3\.5 { + margin-left: -0.875rem; } -.focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.max-h-0 { + max-height: 0; } -.focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.max-h-1 { + max-height: 0.25rem; } -.focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.max-h-2 { + max-height: 0.5rem; } -.focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.max-h-3 { + max-height: 0.75rem; } -.focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.max-h-4 { + max-height: 1rem; } -.focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.max-h-5 { + max-height: 1.25rem; } -.focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.max-h-6 { + max-height: 1.5rem; } -.focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.max-h-7 { + max-height: 1.75rem; } -.focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.max-h-8 { + max-height: 2rem; } -.focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.max-h-9 { + max-height: 2.25rem; } -.focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.max-h-10 { + max-height: 2.5rem; } -.focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.max-h-12 { + max-height: 3rem; } -.focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.max-h-14 { + max-height: 3.5rem; } -.focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.max-h-16 { + max-height: 4rem; } -.focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.max-h-20 { + max-height: 5rem; } -.focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.max-h-24 { + max-height: 6rem; } -.focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.max-h-28 { + max-height: 7rem; } -.focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.max-h-32 { + max-height: 8rem; } -.focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.max-h-36 { + max-height: 9rem; } -.focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.max-h-40 { + max-height: 10rem; } -.focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.max-h-44 { + max-height: 11rem; } -.focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.max-h-48 { + max-height: 12rem; } -.focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.max-h-52 { + max-height: 13rem; } -.focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.max-h-56 { + max-height: 14rem; } -.focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.max-h-60 { + max-height: 15rem; } -.focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.max-h-64 { + max-height: 16rem; } -.focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.max-h-72 { + max-height: 18rem; } -.focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.max-h-80 { + max-height: 20rem; } -.focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.max-h-96 { + max-height: 24rem; } -.focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.max-h-px { + max-height: 1px; } -.focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.max-h-0\.5 { + max-height: 0.125rem; } -.focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.max-h-1\.5 { + max-height: 0.375rem; } -.focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.max-h-2\.5 { + max-height: 0.625rem; } -.focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.max-h-3\.5 { + max-height: 0.875rem; } -.focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.max-h-full { + max-height: 100%; } -.focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.max-h-screen { + max-height: 100vh; } -.focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.max-w-0 { + max-width: 0rem; } -.focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.max-w-none { + max-width: none; } -.focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.max-w-xs { + max-width: 20rem; } -.focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.max-w-sm { + max-width: 24rem; } -.focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.max-w-md { + max-width: 28rem; } -.focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.max-w-lg { + max-width: 32rem; } -.focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.max-w-xl { + max-width: 36rem; } -.focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.max-w-2xl { + max-width: 42rem; } -.focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.max-w-3xl { + max-width: 48rem; } -.focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.max-w-4xl { + max-width: 56rem; } -.focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.max-w-5xl { + max-width: 64rem; } -.focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.max-w-6xl { + max-width: 72rem; } -.focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.max-w-7xl { + max-width: 80rem; } -.focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.max-w-full { + max-width: 100%; } -.focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.max-w-min { + max-width: min-content; } -.focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.max-w-max { + max-width: max-content; } -.focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.max-w-screen-sm { + max-width: 640px; } -.focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.max-w-screen-md { + max-width: 768px; } -.focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.max-w-screen-lg { + max-width: 1024px; } -.focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.max-w-screen-xl { + max-width: 1280px; } -.focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.max-w-screen-2xl { + max-width: 1536px; } -.focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.min-h-0 { + min-height: 0; } -.focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.min-h-full { + min-height: 100%; } -.focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.min-h-screen { + min-height: 100vh; } -.focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.min-w-0 { + min-width: 0; } -.focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.min-w-full { + min-width: 100%; } -.focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.min-w-min { + min-width: min-content; } -.focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.min-w-max { + min-width: max-content; } -@media (prefers-color-scheme: dark) { - .dark\:border-transparent { - border-color: transparent; - } - - .dark\:border-current { - border-color: currentColor; - } +.object-contain { + object-fit: contain; +} - .dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.object-cover { + object-fit: cover; +} - .dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.object-fill { + object-fit: fill; +} - .dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.object-none { + object-fit: none; +} - .dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.object-scale-down { + object-fit: scale-down; +} - .dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.object-bottom { + object-position: bottom; +} - .dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.object-center { + object-position: center; +} - .dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.object-left { + object-position: left; +} - .dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.object-left-bottom { + object-position: left bottom; +} - .dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.object-left-top { + object-position: left top; +} - .dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.object-right { + object-position: right; +} - .dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.object-right-bottom { + object-position: right bottom; +} - .dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.object-right-top { + object-position: right top; +} - .dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.object-top { + object-position: top; +} - .dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.opacity-0 { + opacity: 0; +} - .dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.opacity-25 { + opacity: 0.25; +} - .dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.opacity-50 { + opacity: 0.5; +} - .dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.opacity-75 { + opacity: 0.75; +} - .dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.opacity-100 { + opacity: 1; +} - .dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-0 { + opacity: 0; +} - .dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-25 { + opacity: 0.25; +} - .dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-50 { + opacity: 0.5; +} - .dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-75 { + opacity: 0.75; +} - .dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-100 { + opacity: 1; +} - .dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.hover\:opacity-0:hover { + opacity: 0; +} - .dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.hover\:opacity-25:hover { + opacity: 0.25; +} - .dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.hover\:opacity-50:hover { + opacity: 0.5; +} - .dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.hover\:opacity-75:hover { + opacity: 0.75; +} - .dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.hover\:opacity-100:hover { + opacity: 1; +} - .dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.focus\:opacity-0:focus { + opacity: 0; +} - .dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.focus\:opacity-25:focus { + opacity: 0.25; +} - .dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.focus\:opacity-50:focus { + opacity: 0.5; +} - .dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.focus\:opacity-75:focus { + opacity: 0.75; +} - .dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.focus\:opacity-100:focus { + opacity: 1; +} - .dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} - .dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.outline-white { + outline: 2px dotted white; + outline-offset: 2px; +} - .dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.outline-black { + outline: 2px dotted black; + outline-offset: 2px; +} - .dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} - .dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; +} - .dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; +} - .dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.overflow-auto { + overflow: auto; +} - .dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.overflow-hidden { + overflow: hidden; +} - .dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.overflow-visible { + overflow: visible; +} - .dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } +.overflow-scroll { + overflow: scroll; +} - .dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } +.overflow-x-auto { + overflow-x: auto; +} - .dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } +.overflow-y-auto { + overflow-y: auto; +} - .dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } +.overflow-x-hidden { + overflow-x: hidden; +} - .dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } +.overflow-y-hidden { + overflow-y: hidden; +} - .dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } +.overflow-x-visible { + overflow-x: visible; +} - .dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } +.overflow-y-visible { + overflow-y: visible; +} - .dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } +.overflow-x-scroll { + overflow-x: scroll; +} - .dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } +.overflow-y-scroll { + overflow-y: scroll; +} - .dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } +.overscroll-auto { + overscroll-behavior: auto; +} - .dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } +.overscroll-contain { + overscroll-behavior: contain; +} - .dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } +.overscroll-none { + overscroll-behavior: none; +} - .dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } +.overscroll-y-auto { + overscroll-behavior-y: auto; +} - .dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } +.overscroll-y-contain { + overscroll-behavior-y: contain; +} - .dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } +.overscroll-y-none { + overscroll-behavior-y: none; +} - .dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } +.overscroll-x-auto { + overscroll-behavior-x: auto; +} - .dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } +.overscroll-x-contain { + overscroll-behavior-x: contain; +} - .dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } +.overscroll-x-none { + overscroll-behavior-x: none; +} - .dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } +.p-0 { + padding: 0; +} - .dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } +.p-1 { + padding: 0.25rem; +} - .dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } +.p-2 { + padding: 0.5rem; +} - .dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } +.p-3 { + padding: 0.75rem; +} - .dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } +.p-4 { + padding: 1rem; +} - .dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } +.p-5 { + padding: 1.25rem; +} - .dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } +.p-6 { + padding: 1.5rem; +} - .dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } +.p-7 { + padding: 1.75rem; +} - .dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } +.p-8 { + padding: 2rem; +} - .dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } +.p-9 { + padding: 2.25rem; +} - .dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.p-10 { + padding: 2.5rem; +} - .dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.p-12 { + padding: 3rem; +} - .group:hover .dark\:group-hover\:border-transparent { - border-color: transparent; - } +.p-14 { + padding: 3.5rem; +} - .group:hover .dark\:group-hover\:border-current { - border-color: currentColor; - } +.p-16 { + padding: 4rem; +} - .group:hover .dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.p-20 { + padding: 5rem; +} - .group:hover .dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.p-24 { + padding: 6rem; +} - .group:hover .dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.p-28 { + padding: 7rem; +} - .group:hover .dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.p-32 { + padding: 8rem; +} - .group:hover .dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.p-36 { + padding: 9rem; +} - .group:hover .dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.p-40 { + padding: 10rem; +} - .group:hover .dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.p-44 { + padding: 11rem; +} - .group:hover .dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.p-48 { + padding: 12rem; +} - .group:hover .dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.p-52 { + padding: 13rem; +} - .group:hover .dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.p-56 { + padding: 14rem; +} - .group:hover .dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.p-60 { + padding: 15rem; +} - .group:hover .dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.p-64 { + padding: 16rem; +} - .group:hover .dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.p-72 { + padding: 18rem; +} - .group:hover .dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.p-80 { + padding: 20rem; +} - .group:hover .dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.p-96 { + padding: 24rem; +} - .group:hover .dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.p-px { + padding: 1px; +} - .group:hover .dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.p-0\.5 { + padding: 0.125rem; +} - .group:hover .dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.p-1\.5 { + padding: 0.375rem; +} - .group:hover .dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.p-2\.5 { + padding: 0.625rem; +} - .group:hover .dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.p-3\.5 { + padding: 0.875rem; +} - .group:hover .dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.py-0 { + padding-top: 0; + padding-bottom: 0; +} - .group:hover .dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.px-0 { + padding-left: 0; + padding-right: 0; +} - .group:hover .dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} - .group:hover .dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} - .group:hover .dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} - .group:hover .dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} - .group:hover .dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} - .group:hover .dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} - .group:hover .dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} - .group:hover .dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} - .group:hover .dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} - .group:hover .dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} - .group:hover .dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} - .group:hover .dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} - .group:hover .dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; +} - .group:hover .dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} - .group:hover .dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} - .group:hover .dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} - .group:hover .dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; +} - .group:hover .dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; +} - .group:hover .dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} - .group:hover .dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} - .group:hover .dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} - .group:hover .dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} - .group:hover .dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } +.py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; +} - .group:hover .dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; +} - .group:hover .dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} - .group:hover .dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} - .group:hover .dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} - .group:hover .dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } +.px-20 { + padding-left: 5rem; + padding-right: 5rem; +} - .group:hover .dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} - .group:hover .dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } +.px-24 { + padding-left: 6rem; + padding-right: 6rem; +} - .group:hover .dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; +} - .group:hover .dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } +.px-28 { + padding-left: 7rem; + padding-right: 7rem; +} - .group:hover .dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; +} - .group:hover .dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } +.px-32 { + padding-left: 8rem; + padding-right: 8rem; +} - .group:hover .dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; +} - .group:hover .dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } +.px-36 { + padding-left: 9rem; + padding-right: 9rem; +} - .group:hover .dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; +} - .group:hover .dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } +.px-40 { + padding-left: 10rem; + padding-right: 10rem; +} - .group:hover .dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } +.py-44 { + padding-top: 11rem; + padding-bottom: 11rem; +} - .group:hover .dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } +.px-44 { + padding-left: 11rem; + padding-right: 11rem; +} - .group:hover .dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } +.py-48 { + padding-top: 12rem; + padding-bottom: 12rem; +} - .group:hover .dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } +.px-48 { + padding-left: 12rem; + padding-right: 12rem; +} - .group:hover .dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } +.py-52 { + padding-top: 13rem; + padding-bottom: 13rem; +} - .group:hover .dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } +.px-52 { + padding-left: 13rem; + padding-right: 13rem; +} - .group:hover .dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } +.py-56 { + padding-top: 14rem; + padding-bottom: 14rem; +} - .group:hover .dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } +.px-56 { + padding-left: 14rem; + padding-right: 14rem; +} - .group:hover .dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } +.py-60 { + padding-top: 15rem; + padding-bottom: 15rem; +} - .group:hover .dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } +.px-60 { + padding-left: 15rem; + padding-right: 15rem; +} - .group:hover .dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.py-64 { + padding-top: 16rem; + padding-bottom: 16rem; +} - .group:hover .dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.px-64 { + padding-left: 16rem; + padding-right: 16rem; +} - .dark\:hover\:border-transparent:hover { - border-color: transparent; - } +.py-72 { + padding-top: 18rem; + padding-bottom: 18rem; +} - .dark\:hover\:border-current:hover { - border-color: currentColor; - } +.px-72 { + padding-left: 18rem; + padding-right: 18rem; +} - .dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.py-80 { + padding-top: 20rem; + padding-bottom: 20rem; +} - .dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.px-80 { + padding-left: 20rem; + padding-right: 20rem; +} - .dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.py-96 { + padding-top: 24rem; + padding-bottom: 24rem; +} - .dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.px-96 { + padding-left: 24rem; + padding-right: 24rem; +} - .dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.py-px { + padding-top: 1px; + padding-bottom: 1px; +} - .dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.px-px { + padding-left: 1px; + padding-right: 1px; +} - .dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} - .dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; +} - .dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} - .dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; +} - .dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} - .dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} - .dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; +} - .dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; +} - .dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.pt-0 { + padding-top: 0; +} - .dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.pr-0 { + padding-right: 0; +} - .dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.pb-0 { + padding-bottom: 0; +} - .dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.pl-0 { + padding-left: 0; +} - .dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.pt-1 { + padding-top: 0.25rem; +} - .dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.pr-1 { + padding-right: 0.25rem; +} - .dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.pb-1 { + padding-bottom: 0.25rem; +} - .dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.pl-1 { + padding-left: 0.25rem; +} - .dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.pt-2 { + padding-top: 0.5rem; +} - .dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.pr-2 { + padding-right: 0.5rem; +} - .dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.pb-2 { + padding-bottom: 0.5rem; +} - .dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.pl-2 { + padding-left: 0.5rem; +} - .dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.pt-3 { + padding-top: 0.75rem; +} - .dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.pr-3 { + padding-right: 0.75rem; +} - .dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.pb-3 { + padding-bottom: 0.75rem; +} - .dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.pl-3 { + padding-left: 0.75rem; +} - .dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.pt-4 { + padding-top: 1rem; +} - .dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.pr-4 { + padding-right: 1rem; +} - .dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.pb-4 { + padding-bottom: 1rem; +} - .dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.pl-4 { + padding-left: 1rem; +} - .dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.pt-5 { + padding-top: 1.25rem; +} - .dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.pr-5 { + padding-right: 1.25rem; +} - .dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.pb-5 { + padding-bottom: 1.25rem; +} - .dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.pl-5 { + padding-left: 1.25rem; +} - .dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.pt-6 { + padding-top: 1.5rem; +} - .dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.pr-6 { + padding-right: 1.5rem; +} - .dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.pb-6 { + padding-bottom: 1.5rem; +} - .dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.pl-6 { + padding-left: 1.5rem; +} - .dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } +.pt-7 { + padding-top: 1.75rem; +} - .dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } +.pr-7 { + padding-right: 1.75rem; +} - .dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } +.pb-7 { + padding-bottom: 1.75rem; +} - .dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } +.pl-7 { + padding-left: 1.75rem; +} - .dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } +.pt-8 { + padding-top: 2rem; +} - .dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } +.pr-8 { + padding-right: 2rem; +} - .dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } +.pb-8 { + padding-bottom: 2rem; +} - .dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } +.pl-8 { + padding-left: 2rem; +} - .dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } +.pt-9 { + padding-top: 2.25rem; +} - .dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } +.pr-9 { + padding-right: 2.25rem; +} - .dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } +.pb-9 { + padding-bottom: 2.25rem; +} - .dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } +.pl-9 { + padding-left: 2.25rem; +} - .dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } +.pt-10 { + padding-top: 2.5rem; +} - .dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } +.pr-10 { + padding-right: 2.5rem; +} - .dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } +.pb-10 { + padding-bottom: 2.5rem; +} - .dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } +.pl-10 { + padding-left: 2.5rem; +} - .dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } +.pt-12 { + padding-top: 3rem; +} - .dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } +.pr-12 { + padding-right: 3rem; +} - .dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } +.pb-12 { + padding-bottom: 3rem; +} - .dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } +.pl-12 { + padding-left: 3rem; +} - .dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } +.pt-14 { + padding-top: 3.5rem; +} - .dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } +.pr-14 { + padding-right: 3.5rem; +} - .dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } +.pb-14 { + padding-bottom: 3.5rem; +} - .dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } +.pl-14 { + padding-left: 3.5rem; +} - .dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } +.pt-16 { + padding-top: 4rem; +} - .dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } +.pr-16 { + padding-right: 4rem; +} - .dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } +.pb-16 { + padding-bottom: 4rem; +} - .dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } +.pl-16 { + padding-left: 4rem; +} - .dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.pt-20 { + padding-top: 5rem; +} - .dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.pr-20 { + padding-right: 5rem; +} - .dark\:focus\:border-transparent:focus { - border-color: transparent; - } +.pb-20 { + padding-bottom: 5rem; +} - .dark\:focus\:border-current:focus { - border-color: currentColor; - } +.pl-20 { + padding-left: 5rem; +} - .dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.pt-24 { + padding-top: 6rem; +} - .dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.pr-24 { + padding-right: 6rem; +} - .dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.pb-24 { + padding-bottom: 6rem; +} - .dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.pl-24 { + padding-left: 6rem; +} - .dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.pt-28 { + padding-top: 7rem; +} - .dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.pr-28 { + padding-right: 7rem; +} - .dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.pb-28 { + padding-bottom: 7rem; +} - .dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.pl-28 { + padding-left: 7rem; +} - .dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.pt-32 { + padding-top: 8rem; +} - .dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.pr-32 { + padding-right: 8rem; +} - .dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.pb-32 { + padding-bottom: 8rem; +} - .dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.pl-32 { + padding-left: 8rem; +} - .dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.pt-36 { + padding-top: 9rem; +} - .dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.pr-36 { + padding-right: 9rem; +} - .dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.pb-36 { + padding-bottom: 9rem; +} - .dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.pl-36 { + padding-left: 9rem; +} - .dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.pt-40 { + padding-top: 10rem; +} - .dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.pr-40 { + padding-right: 10rem; +} - .dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.pb-40 { + padding-bottom: 10rem; +} - .dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.pl-40 { + padding-left: 10rem; +} - .dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.pt-44 { + padding-top: 11rem; +} - .dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.pr-44 { + padding-right: 11rem; +} - .dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.pb-44 { + padding-bottom: 11rem; +} - .dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.pl-44 { + padding-left: 11rem; +} - .dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.pt-48 { + padding-top: 12rem; +} - .dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.pr-48 { + padding-right: 12rem; +} - .dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.pb-48 { + padding-bottom: 12rem; +} - .dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.pl-48 { + padding-left: 12rem; +} - .dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.pt-52 { + padding-top: 13rem; +} - .dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.pr-52 { + padding-right: 13rem; +} - .dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.pb-52 { + padding-bottom: 13rem; +} - .dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.pl-52 { + padding-left: 13rem; +} - .dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.pt-56 { + padding-top: 14rem; +} - .dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.pr-56 { + padding-right: 14rem; +} - .dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.pb-56 { + padding-bottom: 14rem; +} - .dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.pl-56 { + padding-left: 14rem; +} - .dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.pt-60 { + padding-top: 15rem; +} - .dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.pr-60 { + padding-right: 15rem; +} - .dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.pb-60 { + padding-bottom: 15rem; +} - .dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.pl-60 { + padding-left: 15rem; +} - .dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.pt-64 { + padding-top: 16rem; +} - .dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.pr-64 { + padding-right: 16rem; +} - .dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.pb-64 { + padding-bottom: 16rem; +} - .dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.pl-64 { + padding-left: 16rem; } -.border-opacity-0 { - --border-opacity: 0; +.pt-72 { + padding-top: 18rem; } -.border-opacity-25 { - --border-opacity: 0.25; +.pr-72 { + padding-right: 18rem; } -.border-opacity-50 { - --border-opacity: 0.5; +.pb-72 { + padding-bottom: 18rem; } -.border-opacity-75 { - --border-opacity: 0.75; +.pl-72 { + padding-left: 18rem; } -.border-opacity-100 { - --border-opacity: 1; +.pt-80 { + padding-top: 20rem; } -.group:hover .group-hover\:border-opacity-0 { - --border-opacity: 0; +.pr-80 { + padding-right: 20rem; } -.group:hover .group-hover\:border-opacity-25 { - --border-opacity: 0.25; +.pb-80 { + padding-bottom: 20rem; } -.group:hover .group-hover\:border-opacity-50 { - --border-opacity: 0.5; +.pl-80 { + padding-left: 20rem; } -.group:hover .group-hover\:border-opacity-75 { - --border-opacity: 0.75; +.pt-96 { + padding-top: 24rem; } -.group:hover .group-hover\:border-opacity-100 { - --border-opacity: 1; +.pr-96 { + padding-right: 24rem; } -.hover\:border-opacity-0:hover { - --border-opacity: 0; +.pb-96 { + padding-bottom: 24rem; } -.hover\:border-opacity-25:hover { - --border-opacity: 0.25; +.pl-96 { + padding-left: 24rem; } -.hover\:border-opacity-50:hover { - --border-opacity: 0.5; +.pt-px { + padding-top: 1px; } -.hover\:border-opacity-75:hover { - --border-opacity: 0.75; +.pr-px { + padding-right: 1px; } -.hover\:border-opacity-100:hover { - --border-opacity: 1; +.pb-px { + padding-bottom: 1px; } -.focus\:border-opacity-0:focus { - --border-opacity: 0; +.pl-px { + padding-left: 1px; } -.focus\:border-opacity-25:focus { - --border-opacity: 0.25; +.pt-0\.5 { + padding-top: 0.125rem; } -.focus\:border-opacity-50:focus { - --border-opacity: 0.5; +.pr-0\.5 { + padding-right: 0.125rem; } -.focus\:border-opacity-75:focus { - --border-opacity: 0.75; +.pb-0\.5 { + padding-bottom: 0.125rem; } -.focus\:border-opacity-100:focus { - --border-opacity: 1; +.pl-0\.5 { + padding-left: 0.125rem; } -.rounded-none { - border-radius: 0; +.pt-1\.5 { + padding-top: 0.375rem; } -.rounded-sm { - border-radius: 0.125rem; +.pr-1\.5 { + padding-right: 0.375rem; } -.rounded { - border-radius: 0.25rem; +.pb-1\.5 { + padding-bottom: 0.375rem; } -.rounded-md { - border-radius: 0.375rem; +.pl-1\.5 { + padding-left: 0.375rem; } -.rounded-lg { - border-radius: 0.5rem; +.pt-2\.5 { + padding-top: 0.625rem; } -.rounded-xl { - border-radius: 0.75rem; +.pr-2\.5 { + padding-right: 0.625rem; } -.rounded-2xl { - border-radius: 1rem; +.pb-2\.5 { + padding-bottom: 0.625rem; } -.rounded-3xl { - border-radius: 1.5rem; +.pl-2\.5 { + padding-left: 0.625rem; } -.rounded-full { - border-radius: 9999px; +.pt-3\.5 { + padding-top: 0.875rem; } -.rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; +.pr-3\.5 { + padding-right: 0.875rem; } -.rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.pb-3\.5 { + padding-bottom: 0.875rem; } -.rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.pl-3\.5 { + padding-left: 0.875rem; } -.rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.placeholder-transparent::placeholder { + color: transparent; } -.rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; +.placeholder-current::placeholder { + color: currentColor; } -.rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; +.placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } -.rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; +.placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } -.rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; +.placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; +.placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } -.rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; +.placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } -.rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; +.placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } -.rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; +.placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } -.rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; +.placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } -.rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; +.placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; +.placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; +.placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; +.placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; +.placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } -.rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; +.placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } -.rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; +.placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } -.rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; +.placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } -.rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; +.placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } -.rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; +.placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } -.rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; +.placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } -.rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; +.placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } -.rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; +.placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } -.rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; +.placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } -.rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; +.placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } -.rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; +.placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } -.rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; +.placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } -.rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; +.placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } -.rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; +.placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } -.rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; +.placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } -.rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; +.placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } -.rounded-tl-none { - border-top-left-radius: 0; +.placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } -.rounded-tr-none { - border-top-right-radius: 0; +.placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } -.rounded-br-none { - border-bottom-right-radius: 0; +.placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } -.rounded-bl-none { - border-bottom-left-radius: 0; +.placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } -.rounded-tl-sm { - border-top-left-radius: 0.125rem; +.placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } -.rounded-tr-sm { - border-top-right-radius: 0.125rem; +.placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } -.rounded-br-sm { - border-bottom-right-radius: 0.125rem; +.placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } -.rounded-bl-sm { - border-bottom-left-radius: 0.125rem; +.placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } -.rounded-tl { - border-top-left-radius: 0.25rem; +.placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } -.rounded-tr { - border-top-right-radius: 0.25rem; +.placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } -.rounded-br { - border-bottom-right-radius: 0.25rem; +.placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } -.rounded-bl { - border-bottom-left-radius: 0.25rem; +.placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } -.rounded-tl-md { - border-top-left-radius: 0.375rem; +.placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } -.rounded-tr-md { - border-top-right-radius: 0.375rem; +.placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } -.rounded-br-md { - border-bottom-right-radius: 0.375rem; +.placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } -.rounded-bl-md { - border-bottom-left-radius: 0.375rem; +.placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } -.rounded-tl-lg { - border-top-left-radius: 0.5rem; +.placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } -.rounded-tr-lg { - border-top-right-radius: 0.5rem; +.placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } -.rounded-br-lg { - border-bottom-right-radius: 0.5rem; +.placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } -.rounded-bl-lg { - border-bottom-left-radius: 0.5rem; +.placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } -.rounded-tl-xl { - border-top-left-radius: 0.75rem; +.placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } -.rounded-tr-xl { - border-top-right-radius: 0.75rem; +.placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } -.rounded-br-xl { - border-bottom-right-radius: 0.75rem; +.placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } -.rounded-bl-xl { - border-bottom-left-radius: 0.75rem; +.placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } -.rounded-tl-2xl { - border-top-left-radius: 1rem; +.placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } -.rounded-tr-2xl { - border-top-right-radius: 1rem; +.placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } -.rounded-br-2xl { - border-bottom-right-radius: 1rem; +.placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } -.rounded-bl-2xl { - border-bottom-left-radius: 1rem; +.placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } -.rounded-tl-3xl { - border-top-left-radius: 1.5rem; +.placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } -.rounded-tr-3xl { - border-top-right-radius: 1.5rem; +.placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } -.rounded-br-3xl { - border-bottom-right-radius: 1.5rem; +.placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } -.rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; +.placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } -.rounded-tl-full { - border-top-left-radius: 9999px; +.placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } -.rounded-tr-full { - border-top-right-radius: 9999px; +.placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } -.rounded-br-full { - border-bottom-right-radius: 9999px; +.placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } -.rounded-bl-full { - border-bottom-left-radius: 9999px; +.placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } -.border-solid { - border-style: solid; +.placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } -.border-dashed { - border-style: dashed; +.placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } -.border-dotted { - border-style: dotted; +.placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } -.border-double { - border-style: double; +.placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } -.border-none { - border-style: none; +.placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } -.border-0 { - border-width: 0; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent; } -.border-2 { - border-width: 2px; +.focus\:placeholder-current:focus::placeholder { + color: currentColor; } -.border-4 { - border-width: 4px; +.focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } -.border-8 { - border-width: 8px; +.focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } -.border { - border-width: 1px; +.focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } -.border-t-0 { - border-top-width: 0; +.focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } -.border-r-0 { - border-right-width: 0; +.focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } -.border-b-0 { - border-bottom-width: 0; +.focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } -.border-l-0 { - border-left-width: 0; +.focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } -.border-t-2 { - border-top-width: 2px; +.focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } -.border-r-2 { - border-right-width: 2px; +.focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } -.border-b-2 { - border-bottom-width: 2px; +.focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } -.border-l-2 { - border-left-width: 2px; +.focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } -.border-t-4 { - border-top-width: 4px; +.focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } -.border-r-4 { - border-right-width: 4px; +.focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } -.border-b-4 { - border-bottom-width: 4px; +.focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } -.border-l-4 { - border-left-width: 4px; +.focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } -.border-t-8 { - border-top-width: 8px; +.focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } -.border-r-8 { - border-right-width: 8px; +.focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } -.border-b-8 { - border-bottom-width: 8px; +.focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } -.border-l-8 { - border-left-width: 8px; +.focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } -.border-t { - border-top-width: 1px; +.focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } -.border-r { - border-right-width: 1px; +.focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } -.border-b { - border-bottom-width: 1px; +.focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } -.border-l { - border-left-width: 1px; +.focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } -.box-border { - box-sizing: border-box; +.focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } -.box-content { - box-sizing: content-box; +.focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } -.cursor-auto { - cursor: auto; +.focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } -.cursor-default { - cursor: default; +.focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } -.cursor-pointer { - cursor: pointer; +.focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } -.cursor-wait { - cursor: wait; +.focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } -.cursor-text { - cursor: text; +.focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } -.cursor-move { - cursor: move; +.focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } -.cursor-not-allowed { - cursor: not-allowed; +.focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } -.block { - display: block; +.focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } -.inline-block { - display: inline-block; +.focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } -.inline { - display: inline; +.focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } -.flex { - display: flex; +.focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } -.inline-flex { - display: inline-flex; +.focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } -.table { - display: table; +.focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } -.table-caption { - display: table-caption; +.focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } -.table-cell { - display: table-cell; +.focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } -.table-column { - display: table-column; +.focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } -.table-column-group { - display: table-column-group; +.focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } -.table-footer-group { - display: table-footer-group; +.focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } -.table-header-group { - display: table-header-group; +.focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } -.table-row-group { - display: table-row-group; +.focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } -.table-row { - display: table-row; +.focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } -.flow-root { - display: flow-root; +.focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } -.grid { - display: grid; +.focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } -.inline-grid { - display: inline-grid; +.focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } -.contents { - display: contents; +.focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } -.hidden { - display: none; +.focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } -.flex-row { - flex-direction: row; +.focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } -.flex-row-reverse { - flex-direction: row-reverse; +.focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } -.flex-col { - flex-direction: column; +.focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } -.flex-col-reverse { - flex-direction: column-reverse; +.focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } -.flex-wrap { - flex-wrap: wrap; +.focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } -.flex-wrap-reverse { - flex-wrap: wrap-reverse; +.focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } -.flex-no-wrap { - flex-wrap: nowrap; +.focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } -.place-items-auto { - place-items: auto; +.focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } -.place-items-start { - place-items: start; +.focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } -.place-items-end { - place-items: end; +.focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } -.place-items-center { - place-items: center; +.focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } -.place-items-stretch { - place-items: stretch; +.focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } -.place-content-center { - place-content: center; +.focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } -.place-content-start { - place-content: start; +.focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } -.place-content-end { - place-content: end; +.focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } -.place-content-between { - place-content: space-between; +.focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } -.place-content-around { - place-content: space-around; +.focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } -.place-content-evenly { - place-content: space-evenly; +.focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } -.place-content-stretch { - place-content: stretch; +.focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } -.place-self-auto { - place-self: auto; +.focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } -.place-self-start { - place-self: start; +.focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } -.place-self-end { - place-self: end; +.placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } -.place-self-center { - place-self: center; +.placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } -.place-self-stretch { - place-self: stretch; +.placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } -.items-start { - align-items: flex-start; +.placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } -.items-end { - align-items: flex-end; +.placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } -.items-center { - align-items: center; +.focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } -.items-baseline { - align-items: baseline; +.focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } -.items-stretch { - align-items: stretch; +.focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } -.content-center { - align-content: center; +.focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } -.content-start { - align-content: flex-start; +.focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } -.content-end { - align-content: flex-end; +.pointer-events-none { + pointer-events: none; } -.content-between { - align-content: space-between; +.pointer-events-auto { + pointer-events: auto; } -.content-around { - align-content: space-around; +.static { + position: static; } -.content-evenly { - align-content: space-evenly; +.fixed { + position: fixed; } -.self-auto { - align-self: auto; +.absolute { + position: absolute; } -.self-start { - align-self: flex-start; +.relative { + position: relative; } -.self-end { - align-self: flex-end; +.sticky { + position: sticky; } -.self-center { - align-self: center; +.inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } -.self-stretch { - align-self: stretch; +.inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } -.justify-items-auto { - justify-items: auto; +.inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } -.justify-items-start { - justify-items: start; +.inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } -.justify-items-end { - justify-items: end; +.inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } -.justify-items-center { - justify-items: center; +.inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } -.justify-items-stretch { - justify-items: stretch; +.inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } -.justify-start { - justify-content: flex-start; +.inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } -.justify-end { - justify-content: flex-end; +.inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } -.justify-center { - justify-content: center; +.inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } -.justify-between { - justify-content: space-between; +.inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } -.justify-around { - justify-content: space-around; +.inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } -.justify-evenly { - justify-content: space-evenly; +.inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } -.justify-self-auto { - justify-self: auto; +.inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } -.justify-self-start { - justify-self: start; +.inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } -.justify-self-end { - justify-self: end; +.inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } -.justify-self-center { - justify-self: center; +.inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } -.justify-self-stretch { - justify-self: stretch; +.inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } -.flex-1 { - flex: 1 1 0%; +.inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } -.flex-auto { - flex: 1 1 auto; +.inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } -.flex-initial { - flex: 0 1 auto; +.inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } -.flex-none { - flex: none; +.inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } -.flex-grow-0 { - flex-grow: 0; +.inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } -.flex-grow { - flex-grow: 1; +.inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } -.flex-shrink-0 { - flex-shrink: 0; +.inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } -.flex-shrink { - flex-shrink: 1; +.inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } -.order-1 { - order: 1; +.inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } -.order-2 { - order: 2; +.inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } -.order-3 { - order: 3; +.inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } -.order-4 { - order: 4; +.inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } -.order-5 { - order: 5; +.inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } -.order-6 { - order: 6; +.inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } -.order-7 { - order: 7; +.inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } -.order-8 { - order: 8; +.inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } -.order-9 { - order: 9; +.inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } -.order-10 { - order: 10; +.-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } -.order-11 { - order: 11; +.-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } -.order-12 { - order: 12; +.-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } -.order-first { - order: -9999; +.-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } -.order-last { - order: 9999; +.-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } -.order-none { - order: 0; +.-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } -.float-right { - float: right; +.-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } -.float-left { - float: left; +.-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } -.float-none { - float: none; +.-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } -.clearfix:after { - content: ""; - display: table; - clear: both; +.-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } -.clear-left { - clear: left; +.-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } -.clear-right { - clear: right; +.-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } -.clear-both { - clear: both; +.-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } -.clear-none { - clear: none; +.-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } -.font-sans { - font-family: ui-sans-serif, 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"; +.-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +.-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +.-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } -.font-thin { - font-weight: 100; +.-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } -.font-extralight { - font-weight: 200; +.-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } -.font-light { - font-weight: 300; +.-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } -.font-normal { - font-weight: 400; +.-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } -.font-medium { - font-weight: 500; +.-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } -.font-semibold { - font-weight: 600; +.-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } -.font-bold { - font-weight: 700; +.-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } -.font-extrabold { - font-weight: 800; +.-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } -.font-black { - font-weight: 900; +.-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } -.hover\:font-thin:hover { - font-weight: 100; +.-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } -.hover\:font-extralight:hover { - font-weight: 200; +.-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } -.hover\:font-light:hover { - font-weight: 300; +.-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } -.hover\:font-normal:hover { - font-weight: 400; +.-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } -.hover\:font-medium:hover { - font-weight: 500; +.-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } -.hover\:font-semibold:hover { - font-weight: 600; +.-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } -.hover\:font-bold:hover { - font-weight: 700; +.-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } -.hover\:font-extrabold:hover { - font-weight: 800; +.inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.hover\:font-black:hover { - font-weight: 900; +.inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } -.focus\:font-thin:focus { - font-weight: 100; +.inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } -.focus\:font-extralight:focus { - font-weight: 200; +.inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } -.focus\:font-light:focus { - font-weight: 300; +.inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.focus\:font-normal:focus { - font-weight: 400; +.inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } -.focus\:font-medium:focus { - font-weight: 500; +.inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } -.focus\:font-semibold:focus { - font-weight: 600; +.-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } -.focus\:font-bold:focus { - font-weight: 700; +.-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } -.focus\:font-extrabold:focus { - font-weight: 800; +.-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } -.focus\:font-black:focus { - font-weight: 900; +.-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } -.h-0 { - height: 0; +.-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } -.h-1 { - height: 0.25rem; +.-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } -.h-2 { - height: 0.5rem; +.-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } -.h-3 { - height: 0.75rem; +.inset-y-0 { + top: 0; + bottom: 0; } -.h-4 { - height: 1rem; +.inset-x-0 { + right: 0; + left: 0; } -.h-5 { - height: 1.25rem; +.inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } -.h-6 { - height: 1.5rem; +.inset-x-1 { + right: 0.25rem; + left: 0.25rem; } -.h-7 { - height: 1.75rem; +.inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } -.h-8 { - height: 2rem; +.inset-x-2 { + right: 0.5rem; + left: 0.5rem; } -.h-9 { - height: 2.25rem; +.inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } -.h-10 { - height: 2.5rem; +.inset-x-3 { + right: 0.75rem; + left: 0.75rem; } -.h-12 { - height: 3rem; +.inset-y-4 { + top: 1rem; + bottom: 1rem; } -.h-14 { - height: 3.5rem; +.inset-x-4 { + right: 1rem; + left: 1rem; } -.h-16 { - height: 4rem; +.inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } -.h-20 { - height: 5rem; +.inset-x-5 { + right: 1.25rem; + left: 1.25rem; } -.h-24 { - height: 6rem; +.inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } -.h-28 { - height: 7rem; +.inset-x-6 { + right: 1.5rem; + left: 1.5rem; } -.h-32 { - height: 8rem; +.inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } -.h-36 { - height: 9rem; +.inset-x-7 { + right: 1.75rem; + left: 1.75rem; } -.h-40 { - height: 10rem; +.inset-y-8 { + top: 2rem; + bottom: 2rem; } -.h-44 { - height: 11rem; +.inset-x-8 { + right: 2rem; + left: 2rem; } -.h-48 { - height: 12rem; +.inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } -.h-52 { - height: 13rem; +.inset-x-9 { + right: 2.25rem; + left: 2.25rem; } -.h-56 { - height: 14rem; +.inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } -.h-60 { - height: 15rem; +.inset-x-10 { + right: 2.5rem; + left: 2.5rem; } -.h-64 { - height: 16rem; +.inset-y-12 { + top: 3rem; + bottom: 3rem; } -.h-72 { - height: 18rem; +.inset-x-12 { + right: 3rem; + left: 3rem; } -.h-80 { - height: 20rem; +.inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } -.h-96 { - height: 24rem; +.inset-x-14 { + right: 3.5rem; + left: 3.5rem; } -.h-auto { - height: auto; +.inset-y-16 { + top: 4rem; + bottom: 4rem; } -.h-px { - height: 1px; +.inset-x-16 { + right: 4rem; + left: 4rem; } -.h-0\.5 { - height: 0.125rem; +.inset-y-20 { + top: 5rem; + bottom: 5rem; } -.h-1\.5 { - height: 0.375rem; +.inset-x-20 { + right: 5rem; + left: 5rem; } -.h-2\.5 { - height: 0.625rem; +.inset-y-24 { + top: 6rem; + bottom: 6rem; } -.h-3\.5 { - height: 0.875rem; +.inset-x-24 { + right: 6rem; + left: 6rem; } -.h-full { - height: 100%; +.inset-y-28 { + top: 7rem; + bottom: 7rem; } -.h-screen { - height: 100vh; +.inset-x-28 { + right: 7rem; + left: 7rem; } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; +.inset-y-32 { + top: 8rem; + bottom: 8rem; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.inset-x-32 { + right: 8rem; + left: 8rem; } -.text-base { - font-size: 1rem; - line-height: 1.5rem; +.inset-y-36 { + top: 9rem; + bottom: 9rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; +.inset-x-36 { + right: 9rem; + left: 9rem; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.inset-y-40 { + top: 10rem; + bottom: 10rem; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; +.inset-x-40 { + right: 10rem; + left: 10rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.inset-y-44 { + top: 11rem; + bottom: 11rem; } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; +.inset-x-44 { + right: 11rem; + left: 11rem; } -.text-5xl { - font-size: 3rem; - line-height: 1; +.inset-y-48 { + top: 12rem; + bottom: 12rem; } -.text-6xl { - font-size: 3.75rem; - line-height: 1; +.inset-x-48 { + right: 12rem; + left: 12rem; } -.text-7xl { - font-size: 4.5rem; - line-height: 1; +.inset-y-52 { + top: 13rem; + bottom: 13rem; } -.text-8xl { - font-size: 6rem; - line-height: 1; +.inset-x-52 { + right: 13rem; + left: 13rem; } -.text-9xl { - font-size: 8rem; - line-height: 1; +.inset-y-56 { + top: 14rem; + bottom: 14rem; } -.leading-3 { - line-height: .75rem; +.inset-x-56 { + right: 14rem; + left: 14rem; } -.leading-4 { - line-height: 1rem; +.inset-y-60 { + top: 15rem; + bottom: 15rem; } -.leading-5 { - line-height: 1.25rem; +.inset-x-60 { + right: 15rem; + left: 15rem; } -.leading-6 { - line-height: 1.5rem; +.inset-y-64 { + top: 16rem; + bottom: 16rem; } -.leading-7 { - line-height: 1.75rem; +.inset-x-64 { + right: 16rem; + left: 16rem; } -.leading-8 { - line-height: 2rem; +.inset-y-72 { + top: 18rem; + bottom: 18rem; } -.leading-9 { - line-height: 2.25rem; +.inset-x-72 { + right: 18rem; + left: 18rem; } -.leading-10 { - line-height: 2.5rem; +.inset-y-80 { + top: 20rem; + bottom: 20rem; } -.leading-none { - line-height: 1; +.inset-x-80 { + right: 20rem; + left: 20rem; } -.leading-tight { - line-height: 1.25; +.inset-y-96 { + top: 24rem; + bottom: 24rem; } -.leading-snug { - line-height: 1.375; +.inset-x-96 { + right: 24rem; + left: 24rem; } -.leading-normal { - line-height: 1.5; +.inset-y-auto { + top: auto; + bottom: auto; } -.leading-relaxed { - line-height: 1.625; +.inset-x-auto { + right: auto; + left: auto; } -.leading-loose { - line-height: 2; +.inset-y-px { + top: 1px; + bottom: 1px; } -.list-inside { - list-style-position: inside; +.inset-x-px { + right: 1px; + left: 1px; } -.list-outside { - list-style-position: outside; +.inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } -.list-none { - list-style-type: none; +.inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } -.list-disc { - list-style-type: disc; +.inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } -.list-decimal { - list-style-type: decimal; +.inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } -.m-0 { - margin: 0; +.inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } -.m-1 { - margin: 0.25rem; +.inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } -.m-2 { - margin: 0.5rem; +.inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } -.m-3 { - margin: 0.75rem; +.inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } -.m-4 { - margin: 1rem; +.-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } -.m-5 { - margin: 1.25rem; +.-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } -.m-6 { - margin: 1.5rem; +.-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } -.m-7 { - margin: 1.75rem; +.-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } -.m-8 { - margin: 2rem; +.-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } -.m-9 { - margin: 2.25rem; +.-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } -.m-10 { - margin: 2.5rem; +.-inset-y-4 { + top: -1rem; + bottom: -1rem; } -.m-12 { - margin: 3rem; +.-inset-x-4 { + right: -1rem; + left: -1rem; } -.m-14 { - margin: 3.5rem; +.-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } -.m-16 { - margin: 4rem; +.-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } -.m-20 { - margin: 5rem; +.-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } -.m-24 { - margin: 6rem; +.-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } -.m-28 { - margin: 7rem; +.-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } -.m-32 { - margin: 8rem; +.-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } -.m-36 { - margin: 9rem; +.-inset-y-8 { + top: -2rem; + bottom: -2rem; } -.m-40 { - margin: 10rem; +.-inset-x-8 { + right: -2rem; + left: -2rem; } -.m-44 { - margin: 11rem; +.-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } -.m-48 { - margin: 12rem; +.-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } -.m-52 { - margin: 13rem; +.-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } -.m-56 { - margin: 14rem; +.-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } -.m-60 { - margin: 15rem; +.-inset-y-12 { + top: -3rem; + bottom: -3rem; } -.m-64 { - margin: 16rem; +.-inset-x-12 { + right: -3rem; + left: -3rem; } -.m-72 { - margin: 18rem; +.-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } -.m-80 { - margin: 20rem; +.-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } -.m-96 { - margin: 24rem; +.-inset-y-16 { + top: -4rem; + bottom: -4rem; } -.m-auto { - margin: auto; +.-inset-x-16 { + right: -4rem; + left: -4rem; } -.m-px { - margin: 1px; +.-inset-y-20 { + top: -5rem; + bottom: -5rem; } -.m-0\.5 { - margin: 0.125rem; +.-inset-x-20 { + right: -5rem; + left: -5rem; } -.m-1\.5 { - margin: 0.375rem; +.-inset-y-24 { + top: -6rem; + bottom: -6rem; } -.m-2\.5 { - margin: 0.625rem; +.-inset-x-24 { + right: -6rem; + left: -6rem; } -.m-3\.5 { - margin: 0.875rem; +.-inset-y-28 { + top: -7rem; + bottom: -7rem; } -.-m-1 { - margin: -0.25rem; +.-inset-x-28 { + right: -7rem; + left: -7rem; } -.-m-2 { - margin: -0.5rem; +.-inset-y-32 { + top: -8rem; + bottom: -8rem; } -.-m-3 { - margin: -0.75rem; +.-inset-x-32 { + right: -8rem; + left: -8rem; } -.-m-4 { - margin: -1rem; +.-inset-y-36 { + top: -9rem; + bottom: -9rem; } -.-m-5 { - margin: -1.25rem; +.-inset-x-36 { + right: -9rem; + left: -9rem; } -.-m-6 { - margin: -1.5rem; +.-inset-y-40 { + top: -10rem; + bottom: -10rem; } -.-m-7 { - margin: -1.75rem; +.-inset-x-40 { + right: -10rem; + left: -10rem; } -.-m-8 { - margin: -2rem; +.-inset-y-44 { + top: -11rem; + bottom: -11rem; } -.-m-9 { - margin: -2.25rem; +.-inset-x-44 { + right: -11rem; + left: -11rem; } -.-m-10 { - margin: -2.5rem; +.-inset-y-48 { + top: -12rem; + bottom: -12rem; } -.-m-12 { - margin: -3rem; +.-inset-x-48 { + right: -12rem; + left: -12rem; } -.-m-14 { - margin: -3.5rem; +.-inset-y-52 { + top: -13rem; + bottom: -13rem; } -.-m-16 { - margin: -4rem; +.-inset-x-52 { + right: -13rem; + left: -13rem; } -.-m-20 { - margin: -5rem; +.-inset-y-56 { + top: -14rem; + bottom: -14rem; } -.-m-24 { - margin: -6rem; +.-inset-x-56 { + right: -14rem; + left: -14rem; } -.-m-28 { - margin: -7rem; +.-inset-y-60 { + top: -15rem; + bottom: -15rem; } -.-m-32 { - margin: -8rem; +.-inset-x-60 { + right: -15rem; + left: -15rem; } -.-m-36 { - margin: -9rem; +.-inset-y-64 { + top: -16rem; + bottom: -16rem; } -.-m-40 { - margin: -10rem; +.-inset-x-64 { + right: -16rem; + left: -16rem; } -.-m-44 { - margin: -11rem; +.-inset-y-72 { + top: -18rem; + bottom: -18rem; } -.-m-48 { - margin: -12rem; +.-inset-x-72 { + right: -18rem; + left: -18rem; } -.-m-52 { - margin: -13rem; +.-inset-y-80 { + top: -20rem; + bottom: -20rem; } -.-m-56 { - margin: -14rem; +.-inset-x-80 { + right: -20rem; + left: -20rem; } -.-m-60 { - margin: -15rem; +.-inset-y-96 { + top: -24rem; + bottom: -24rem; } -.-m-64 { - margin: -16rem; +.-inset-x-96 { + right: -24rem; + left: -24rem; } -.-m-72 { - margin: -18rem; +.-inset-y-px { + top: -1px; + bottom: -1px; } -.-m-80 { - margin: -20rem; +.-inset-x-px { + right: -1px; + left: -1px; } -.-m-96 { - margin: -24rem; +.-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } -.-m-px { - margin: -1px; +.-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } -.-m-0\.5 { - margin: -0.125rem; +.-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } -.-m-1\.5 { - margin: -0.375rem; +.-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } -.-m-2\.5 { - margin: -0.625rem; +.-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } -.-m-3\.5 { - margin: -0.875rem; +.-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } -.my-0 { - margin-top: 0; - margin-bottom: 0; +.-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } -.mx-0 { - margin-left: 0; - margin-right: 0; +.-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; +.inset-y-1\/2 { + top: 50%; + bottom: 50%; } -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; +.inset-x-1\/2 { + right: 50%; + left: 50%; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; +.inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; +.inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; +.inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; +.inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; +.inset-y-1\/4 { + top: 25%; + bottom: 25%; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; +.inset-x-1\/4 { + right: 25%; + left: 25%; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; +.inset-y-2\/4 { + top: 50%; + bottom: 50%; } -.mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; +.inset-x-2\/4 { + right: 50%; + left: 50%; } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; +.inset-y-3\/4 { + top: 75%; + bottom: 75%; } -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; +.inset-x-3\/4 { + right: 75%; + left: 75%; } -.my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; +.inset-y-full { + top: 100%; + bottom: 100%; } -.mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; +.inset-x-full { + right: 100%; + left: 100%; } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; +.-inset-y-1\/2 { + top: -50%; + bottom: -50%; } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; +.-inset-x-1\/2 { + right: -50%; + left: -50%; } -.my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; +.-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } -.mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; +.-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; +.-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } -.mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; +.-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; +.-inset-y-1\/4 { + top: -25%; + bottom: -25%; } -.mx-12 { - margin-left: 3rem; - margin-right: 3rem; +.-inset-x-1\/4 { + right: -25%; + left: -25%; } -.my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; +.-inset-y-2\/4 { + top: -50%; + bottom: -50%; } -.mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; +.-inset-x-2\/4 { + right: -50%; + left: -50%; } -.my-16 { - margin-top: 4rem; - margin-bottom: 4rem; +.-inset-y-3\/4 { + top: -75%; + bottom: -75%; } -.mx-16 { - margin-left: 4rem; - margin-right: 4rem; +.-inset-x-3\/4 { + right: -75%; + left: -75%; } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; +.-inset-y-full { + top: -100%; + bottom: -100%; } -.mx-20 { - margin-left: 5rem; - margin-right: 5rem; +.-inset-x-full { + right: -100%; + left: -100%; } -.my-24 { - margin-top: 6rem; - margin-bottom: 6rem; +.top-0 { + top: 0; } -.mx-24 { - margin-left: 6rem; - margin-right: 6rem; +.right-0 { + right: 0; } -.my-28 { - margin-top: 7rem; - margin-bottom: 7rem; +.bottom-0 { + bottom: 0; } -.mx-28 { - margin-left: 7rem; - margin-right: 7rem; +.left-0 { + left: 0; } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; +.top-1 { + top: 0.25rem; } -.mx-32 { - margin-left: 8rem; - margin-right: 8rem; +.right-1 { + right: 0.25rem; } -.my-36 { - margin-top: 9rem; - margin-bottom: 9rem; +.bottom-1 { + bottom: 0.25rem; } -.mx-36 { - margin-left: 9rem; - margin-right: 9rem; +.left-1 { + left: 0.25rem; } -.my-40 { - margin-top: 10rem; - margin-bottom: 10rem; +.top-2 { + top: 0.5rem; } -.mx-40 { - margin-left: 10rem; - margin-right: 10rem; +.right-2 { + right: 0.5rem; } -.my-44 { - margin-top: 11rem; - margin-bottom: 11rem; +.bottom-2 { + bottom: 0.5rem; } -.mx-44 { - margin-left: 11rem; - margin-right: 11rem; +.left-2 { + left: 0.5rem; } -.my-48 { - margin-top: 12rem; - margin-bottom: 12rem; +.top-3 { + top: 0.75rem; } -.mx-48 { - margin-left: 12rem; - margin-right: 12rem; +.right-3 { + right: 0.75rem; } -.my-52 { - margin-top: 13rem; - margin-bottom: 13rem; +.bottom-3 { + bottom: 0.75rem; } -.mx-52 { - margin-left: 13rem; - margin-right: 13rem; +.left-3 { + left: 0.75rem; } -.my-56 { - margin-top: 14rem; - margin-bottom: 14rem; +.top-4 { + top: 1rem; } -.mx-56 { - margin-left: 14rem; - margin-right: 14rem; +.right-4 { + right: 1rem; } -.my-60 { - margin-top: 15rem; - margin-bottom: 15rem; +.bottom-4 { + bottom: 1rem; } -.mx-60 { - margin-left: 15rem; - margin-right: 15rem; +.left-4 { + left: 1rem; } -.my-64 { - margin-top: 16rem; - margin-bottom: 16rem; +.top-5 { + top: 1.25rem; } -.mx-64 { - margin-left: 16rem; - margin-right: 16rem; +.right-5 { + right: 1.25rem; } -.my-72 { - margin-top: 18rem; - margin-bottom: 18rem; +.bottom-5 { + bottom: 1.25rem; } -.mx-72 { - margin-left: 18rem; - margin-right: 18rem; +.left-5 { + left: 1.25rem; } -.my-80 { - margin-top: 20rem; - margin-bottom: 20rem; +.top-6 { + top: 1.5rem; } -.mx-80 { - margin-left: 20rem; - margin-right: 20rem; +.right-6 { + right: 1.5rem; } -.my-96 { - margin-top: 24rem; - margin-bottom: 24rem; +.bottom-6 { + bottom: 1.5rem; } -.mx-96 { - margin-left: 24rem; - margin-right: 24rem; +.left-6 { + left: 1.5rem; } -.my-auto { - margin-top: auto; - margin-bottom: auto; +.top-7 { + top: 1.75rem; } -.mx-auto { - margin-left: auto; - margin-right: auto; +.right-7 { + right: 1.75rem; } -.my-px { - margin-top: 1px; - margin-bottom: 1px; +.bottom-7 { + bottom: 1.75rem; } -.mx-px { - margin-left: 1px; - margin-right: 1px; +.left-7 { + left: 1.75rem; } -.my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; +.top-8 { + top: 2rem; } -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; +.right-8 { + right: 2rem; } -.my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; +.bottom-8 { + bottom: 2rem; } -.mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; +.left-8 { + left: 2rem; } -.my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; +.top-9 { + top: 2.25rem; } -.mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; +.right-9 { + right: 2.25rem; } -.my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; +.bottom-9 { + bottom: 2.25rem; } -.mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; +.left-9 { + left: 2.25rem; } -.-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; +.top-10 { + top: 2.5rem; } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; +.right-10 { + right: 2.5rem; } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; +.bottom-10 { + bottom: 2.5rem; } -.-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; +.left-10 { + left: 2.5rem; } -.-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; +.top-12 { + top: 3rem; } -.-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; +.right-12 { + right: 3rem; } -.-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; +.bottom-12 { + bottom: 3rem; } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; +.left-12 { + left: 3rem; } -.-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; +.top-14 { + top: 3.5rem; } -.-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; +.right-14 { + right: 3.5rem; } -.-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; +.bottom-14 { + bottom: 3.5rem; } -.-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; +.left-14 { + left: 3.5rem; } -.-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; +.top-16 { + top: 4rem; } -.-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; +.right-16 { + right: 4rem; } -.-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; +.bottom-16 { + bottom: 4rem; } -.-mx-8 { - margin-left: -2rem; - margin-right: -2rem; +.left-16 { + left: 4rem; } -.-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; +.top-20 { + top: 5rem; } -.-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; +.right-20 { + right: 5rem; } -.-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; +.bottom-20 { + bottom: 5rem; } -.-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; +.left-20 { + left: 5rem; } -.-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; +.top-24 { + top: 6rem; } -.-mx-12 { - margin-left: -3rem; - margin-right: -3rem; +.right-24 { + right: 6rem; } -.-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; +.bottom-24 { + bottom: 6rem; } -.-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; +.left-24 { + left: 6rem; } -.-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; +.top-28 { + top: 7rem; } -.-mx-16 { - margin-left: -4rem; - margin-right: -4rem; +.right-28 { + right: 7rem; } -.-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; +.bottom-28 { + bottom: 7rem; } -.-mx-20 { - margin-left: -5rem; - margin-right: -5rem; +.left-28 { + left: 7rem; } -.-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; +.top-32 { + top: 8rem; } -.-mx-24 { - margin-left: -6rem; - margin-right: -6rem; +.right-32 { + right: 8rem; } -.-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; +.bottom-32 { + bottom: 8rem; } -.-mx-28 { - margin-left: -7rem; - margin-right: -7rem; +.left-32 { + left: 8rem; } -.-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; +.top-36 { + top: 9rem; } -.-mx-32 { - margin-left: -8rem; - margin-right: -8rem; +.right-36 { + right: 9rem; } -.-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; +.bottom-36 { + bottom: 9rem; } -.-mx-36 { - margin-left: -9rem; - margin-right: -9rem; +.left-36 { + left: 9rem; } -.-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; +.top-40 { + top: 10rem; } -.-mx-40 { - margin-left: -10rem; - margin-right: -10rem; +.right-40 { + right: 10rem; } -.-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; +.bottom-40 { + bottom: 10rem; } -.-mx-44 { - margin-left: -11rem; - margin-right: -11rem; +.left-40 { + left: 10rem; } -.-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; +.top-44 { + top: 11rem; } -.-mx-48 { - margin-left: -12rem; - margin-right: -12rem; +.right-44 { + right: 11rem; } -.-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; +.bottom-44 { + bottom: 11rem; } -.-mx-52 { - margin-left: -13rem; - margin-right: -13rem; +.left-44 { + left: 11rem; } -.-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; +.top-48 { + top: 12rem; } -.-mx-56 { - margin-left: -14rem; - margin-right: -14rem; +.right-48 { + right: 12rem; } -.-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; +.bottom-48 { + bottom: 12rem; } -.-mx-60 { - margin-left: -15rem; - margin-right: -15rem; +.left-48 { + left: 12rem; } -.-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; +.top-52 { + top: 13rem; } -.-mx-64 { - margin-left: -16rem; - margin-right: -16rem; +.right-52 { + right: 13rem; } -.-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; +.bottom-52 { + bottom: 13rem; } -.-mx-72 { - margin-left: -18rem; - margin-right: -18rem; +.left-52 { + left: 13rem; } -.-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; +.top-56 { + top: 14rem; } -.-mx-80 { - margin-left: -20rem; - margin-right: -20rem; +.right-56 { + right: 14rem; } -.-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; +.bottom-56 { + bottom: 14rem; } -.-mx-96 { - margin-left: -24rem; - margin-right: -24rem; +.left-56 { + left: 14rem; } -.-my-px { - margin-top: -1px; - margin-bottom: -1px; +.top-60 { + top: 15rem; } -.-mx-px { - margin-left: -1px; - margin-right: -1px; +.right-60 { + right: 15rem; } -.-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; +.bottom-60 { + bottom: 15rem; } -.-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; +.left-60 { + left: 15rem; } -.-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; +.top-64 { + top: 16rem; } -.-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; +.right-64 { + right: 16rem; } -.-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; +.bottom-64 { + bottom: 16rem; } -.-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; +.left-64 { + left: 16rem; } -.-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; +.top-72 { + top: 18rem; } -.-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; +.right-72 { + right: 18rem; } -.mt-0 { - margin-top: 0; +.bottom-72 { + bottom: 18rem; } -.mr-0 { - margin-right: 0; +.left-72 { + left: 18rem; } -.mb-0 { - margin-bottom: 0; +.top-80 { + top: 20rem; } -.ml-0 { - margin-left: 0; -} +.right-80 { + right: 20rem; +} -.mt-1 { - margin-top: 0.25rem; +.bottom-80 { + bottom: 20rem; } -.mr-1 { - margin-right: 0.25rem; +.left-80 { + left: 20rem; } -.mb-1 { - margin-bottom: 0.25rem; +.top-96 { + top: 24rem; } -.ml-1 { - margin-left: 0.25rem; +.right-96 { + right: 24rem; } -.mt-2 { - margin-top: 0.5rem; +.bottom-96 { + bottom: 24rem; } -.mr-2 { - margin-right: 0.5rem; +.left-96 { + left: 24rem; } -.mb-2 { - margin-bottom: 0.5rem; +.top-auto { + top: auto; } -.ml-2 { - margin-left: 0.5rem; +.right-auto { + right: auto; } -.mt-3 { - margin-top: 0.75rem; +.bottom-auto { + bottom: auto; } -.mr-3 { - margin-right: 0.75rem; +.left-auto { + left: auto; } -.mb-3 { - margin-bottom: 0.75rem; +.top-px { + top: 1px; } -.ml-3 { - margin-left: 0.75rem; +.right-px { + right: 1px; } -.mt-4 { - margin-top: 1rem; +.bottom-px { + bottom: 1px; } -.mr-4 { - margin-right: 1rem; +.left-px { + left: 1px; } -.mb-4 { - margin-bottom: 1rem; +.top-0\.5 { + top: 0.125rem; } -.ml-4 { - margin-left: 1rem; +.right-0\.5 { + right: 0.125rem; } -.mt-5 { - margin-top: 1.25rem; +.bottom-0\.5 { + bottom: 0.125rem; } -.mr-5 { - margin-right: 1.25rem; +.left-0\.5 { + left: 0.125rem; } -.mb-5 { - margin-bottom: 1.25rem; +.top-1\.5 { + top: 0.375rem; } -.ml-5 { - margin-left: 1.25rem; +.right-1\.5 { + right: 0.375rem; } -.mt-6 { - margin-top: 1.5rem; +.bottom-1\.5 { + bottom: 0.375rem; } -.mr-6 { - margin-right: 1.5rem; +.left-1\.5 { + left: 0.375rem; } -.mb-6 { - margin-bottom: 1.5rem; +.top-2\.5 { + top: 0.625rem; } -.ml-6 { - margin-left: 1.5rem; +.right-2\.5 { + right: 0.625rem; } -.mt-7 { - margin-top: 1.75rem; +.bottom-2\.5 { + bottom: 0.625rem; } -.mr-7 { - margin-right: 1.75rem; +.left-2\.5 { + left: 0.625rem; } -.mb-7 { - margin-bottom: 1.75rem; +.top-3\.5 { + top: 0.875rem; } -.ml-7 { - margin-left: 1.75rem; +.right-3\.5 { + right: 0.875rem; } -.mt-8 { - margin-top: 2rem; +.bottom-3\.5 { + bottom: 0.875rem; } -.mr-8 { - margin-right: 2rem; +.left-3\.5 { + left: 0.875rem; } -.mb-8 { - margin-bottom: 2rem; +.-top-1 { + top: -0.25rem; } -.ml-8 { - margin-left: 2rem; +.-right-1 { + right: -0.25rem; } -.mt-9 { - margin-top: 2.25rem; +.-bottom-1 { + bottom: -0.25rem; } -.mr-9 { - margin-right: 2.25rem; +.-left-1 { + left: -0.25rem; } -.mb-9 { - margin-bottom: 2.25rem; +.-top-2 { + top: -0.5rem; } -.ml-9 { - margin-left: 2.25rem; +.-right-2 { + right: -0.5rem; } -.mt-10 { - margin-top: 2.5rem; +.-bottom-2 { + bottom: -0.5rem; } -.mr-10 { - margin-right: 2.5rem; +.-left-2 { + left: -0.5rem; } -.mb-10 { - margin-bottom: 2.5rem; +.-top-3 { + top: -0.75rem; } -.ml-10 { - margin-left: 2.5rem; +.-right-3 { + right: -0.75rem; } -.mt-12 { - margin-top: 3rem; +.-bottom-3 { + bottom: -0.75rem; } -.mr-12 { - margin-right: 3rem; +.-left-3 { + left: -0.75rem; } -.mb-12 { - margin-bottom: 3rem; +.-top-4 { + top: -1rem; } -.ml-12 { - margin-left: 3rem; +.-right-4 { + right: -1rem; } -.mt-14 { - margin-top: 3.5rem; +.-bottom-4 { + bottom: -1rem; } -.mr-14 { - margin-right: 3.5rem; +.-left-4 { + left: -1rem; } -.mb-14 { - margin-bottom: 3.5rem; +.-top-5 { + top: -1.25rem; } -.ml-14 { - margin-left: 3.5rem; +.-right-5 { + right: -1.25rem; } -.mt-16 { - margin-top: 4rem; +.-bottom-5 { + bottom: -1.25rem; } -.mr-16 { - margin-right: 4rem; +.-left-5 { + left: -1.25rem; } -.mb-16 { - margin-bottom: 4rem; +.-top-6 { + top: -1.5rem; } -.ml-16 { - margin-left: 4rem; +.-right-6 { + right: -1.5rem; } -.mt-20 { - margin-top: 5rem; +.-bottom-6 { + bottom: -1.5rem; } -.mr-20 { - margin-right: 5rem; +.-left-6 { + left: -1.5rem; } -.mb-20 { - margin-bottom: 5rem; +.-top-7 { + top: -1.75rem; } -.ml-20 { - margin-left: 5rem; +.-right-7 { + right: -1.75rem; } -.mt-24 { - margin-top: 6rem; +.-bottom-7 { + bottom: -1.75rem; } -.mr-24 { - margin-right: 6rem; +.-left-7 { + left: -1.75rem; } -.mb-24 { - margin-bottom: 6rem; +.-top-8 { + top: -2rem; } -.ml-24 { - margin-left: 6rem; +.-right-8 { + right: -2rem; } -.mt-28 { - margin-top: 7rem; +.-bottom-8 { + bottom: -2rem; } -.mr-28 { - margin-right: 7rem; +.-left-8 { + left: -2rem; } -.mb-28 { - margin-bottom: 7rem; +.-top-9 { + top: -2.25rem; } -.ml-28 { - margin-left: 7rem; +.-right-9 { + right: -2.25rem; } -.mt-32 { - margin-top: 8rem; +.-bottom-9 { + bottom: -2.25rem; } -.mr-32 { - margin-right: 8rem; +.-left-9 { + left: -2.25rem; } -.mb-32 { - margin-bottom: 8rem; +.-top-10 { + top: -2.5rem; } -.ml-32 { - margin-left: 8rem; +.-right-10 { + right: -2.5rem; } -.mt-36 { - margin-top: 9rem; +.-bottom-10 { + bottom: -2.5rem; } -.mr-36 { - margin-right: 9rem; +.-left-10 { + left: -2.5rem; } -.mb-36 { - margin-bottom: 9rem; +.-top-12 { + top: -3rem; } -.ml-36 { - margin-left: 9rem; +.-right-12 { + right: -3rem; } -.mt-40 { - margin-top: 10rem; +.-bottom-12 { + bottom: -3rem; } -.mr-40 { - margin-right: 10rem; +.-left-12 { + left: -3rem; } -.mb-40 { - margin-bottom: 10rem; +.-top-14 { + top: -3.5rem; } -.ml-40 { - margin-left: 10rem; +.-right-14 { + right: -3.5rem; } -.mt-44 { - margin-top: 11rem; +.-bottom-14 { + bottom: -3.5rem; } -.mr-44 { - margin-right: 11rem; +.-left-14 { + left: -3.5rem; } -.mb-44 { - margin-bottom: 11rem; +.-top-16 { + top: -4rem; } -.ml-44 { - margin-left: 11rem; +.-right-16 { + right: -4rem; } -.mt-48 { - margin-top: 12rem; +.-bottom-16 { + bottom: -4rem; } -.mr-48 { - margin-right: 12rem; +.-left-16 { + left: -4rem; } -.mb-48 { - margin-bottom: 12rem; +.-top-20 { + top: -5rem; } -.ml-48 { - margin-left: 12rem; +.-right-20 { + right: -5rem; } -.mt-52 { - margin-top: 13rem; +.-bottom-20 { + bottom: -5rem; } -.mr-52 { - margin-right: 13rem; +.-left-20 { + left: -5rem; } -.mb-52 { - margin-bottom: 13rem; +.-top-24 { + top: -6rem; } -.ml-52 { - margin-left: 13rem; +.-right-24 { + right: -6rem; } -.mt-56 { - margin-top: 14rem; +.-bottom-24 { + bottom: -6rem; } -.mr-56 { - margin-right: 14rem; +.-left-24 { + left: -6rem; } -.mb-56 { - margin-bottom: 14rem; +.-top-28 { + top: -7rem; } -.ml-56 { - margin-left: 14rem; +.-right-28 { + right: -7rem; } -.mt-60 { - margin-top: 15rem; +.-bottom-28 { + bottom: -7rem; } -.mr-60 { - margin-right: 15rem; +.-left-28 { + left: -7rem; } -.mb-60 { - margin-bottom: 15rem; +.-top-32 { + top: -8rem; } -.ml-60 { - margin-left: 15rem; +.-right-32 { + right: -8rem; } -.mt-64 { - margin-top: 16rem; +.-bottom-32 { + bottom: -8rem; } -.mr-64 { - margin-right: 16rem; +.-left-32 { + left: -8rem; } -.mb-64 { - margin-bottom: 16rem; +.-top-36 { + top: -9rem; } -.ml-64 { - margin-left: 16rem; +.-right-36 { + right: -9rem; } -.mt-72 { - margin-top: 18rem; +.-bottom-36 { + bottom: -9rem; } -.mr-72 { - margin-right: 18rem; +.-left-36 { + left: -9rem; } -.mb-72 { - margin-bottom: 18rem; +.-top-40 { + top: -10rem; } -.ml-72 { - margin-left: 18rem; +.-right-40 { + right: -10rem; } -.mt-80 { - margin-top: 20rem; +.-bottom-40 { + bottom: -10rem; } -.mr-80 { - margin-right: 20rem; +.-left-40 { + left: -10rem; } -.mb-80 { - margin-bottom: 20rem; +.-top-44 { + top: -11rem; } -.ml-80 { - margin-left: 20rem; +.-right-44 { + right: -11rem; } -.mt-96 { - margin-top: 24rem; +.-bottom-44 { + bottom: -11rem; } -.mr-96 { - margin-right: 24rem; +.-left-44 { + left: -11rem; } -.mb-96 { - margin-bottom: 24rem; +.-top-48 { + top: -12rem; } -.ml-96 { - margin-left: 24rem; +.-right-48 { + right: -12rem; } -.mt-auto { - margin-top: auto; +.-bottom-48 { + bottom: -12rem; } -.mr-auto { - margin-right: auto; +.-left-48 { + left: -12rem; } -.mb-auto { - margin-bottom: auto; +.-top-52 { + top: -13rem; } -.ml-auto { - margin-left: auto; +.-right-52 { + right: -13rem; } -.mt-px { - margin-top: 1px; +.-bottom-52 { + bottom: -13rem; } -.mr-px { - margin-right: 1px; +.-left-52 { + left: -13rem; } -.mb-px { - margin-bottom: 1px; +.-top-56 { + top: -14rem; } -.ml-px { - margin-left: 1px; +.-right-56 { + right: -14rem; } -.mt-0\.5 { - margin-top: 0.125rem; +.-bottom-56 { + bottom: -14rem; } -.mr-0\.5 { - margin-right: 0.125rem; +.-left-56 { + left: -14rem; } -.mb-0\.5 { - margin-bottom: 0.125rem; +.-top-60 { + top: -15rem; } -.ml-0\.5 { - margin-left: 0.125rem; +.-right-60 { + right: -15rem; } -.mt-1\.5 { - margin-top: 0.375rem; +.-bottom-60 { + bottom: -15rem; } -.mr-1\.5 { - margin-right: 0.375rem; +.-left-60 { + left: -15rem; } -.mb-1\.5 { - margin-bottom: 0.375rem; +.-top-64 { + top: -16rem; } -.ml-1\.5 { - margin-left: 0.375rem; +.-right-64 { + right: -16rem; } -.mt-2\.5 { - margin-top: 0.625rem; +.-bottom-64 { + bottom: -16rem; } -.mr-2\.5 { - margin-right: 0.625rem; +.-left-64 { + left: -16rem; } -.mb-2\.5 { - margin-bottom: 0.625rem; +.-top-72 { + top: -18rem; } -.ml-2\.5 { - margin-left: 0.625rem; +.-right-72 { + right: -18rem; } -.mt-3\.5 { - margin-top: 0.875rem; +.-bottom-72 { + bottom: -18rem; } -.mr-3\.5 { - margin-right: 0.875rem; +.-left-72 { + left: -18rem; } -.mb-3\.5 { - margin-bottom: 0.875rem; +.-top-80 { + top: -20rem; } -.ml-3\.5 { - margin-left: 0.875rem; +.-right-80 { + right: -20rem; } -.-mt-1 { - margin-top: -0.25rem; +.-bottom-80 { + bottom: -20rem; } -.-mr-1 { - margin-right: -0.25rem; +.-left-80 { + left: -20rem; } -.-mb-1 { - margin-bottom: -0.25rem; +.-top-96 { + top: -24rem; } -.-ml-1 { - margin-left: -0.25rem; +.-right-96 { + right: -24rem; } -.-mt-2 { - margin-top: -0.5rem; +.-bottom-96 { + bottom: -24rem; } -.-mr-2 { - margin-right: -0.5rem; +.-left-96 { + left: -24rem; } -.-mb-2 { - margin-bottom: -0.5rem; +.-top-px { + top: -1px; } -.-ml-2 { - margin-left: -0.5rem; +.-right-px { + right: -1px; } -.-mt-3 { - margin-top: -0.75rem; +.-bottom-px { + bottom: -1px; } -.-mr-3 { - margin-right: -0.75rem; +.-left-px { + left: -1px; } -.-mb-3 { - margin-bottom: -0.75rem; +.-top-0\.5 { + top: -0.125rem; } -.-ml-3 { - margin-left: -0.75rem; +.-right-0\.5 { + right: -0.125rem; } -.-mt-4 { - margin-top: -1rem; +.-bottom-0\.5 { + bottom: -0.125rem; } -.-mr-4 { - margin-right: -1rem; +.-left-0\.5 { + left: -0.125rem; } -.-mb-4 { - margin-bottom: -1rem; +.-top-1\.5 { + top: -0.375rem; } -.-ml-4 { - margin-left: -1rem; +.-right-1\.5 { + right: -0.375rem; } -.-mt-5 { - margin-top: -1.25rem; +.-bottom-1\.5 { + bottom: -0.375rem; } -.-mr-5 { - margin-right: -1.25rem; +.-left-1\.5 { + left: -0.375rem; } -.-mb-5 { - margin-bottom: -1.25rem; +.-top-2\.5 { + top: -0.625rem; } -.-ml-5 { - margin-left: -1.25rem; +.-right-2\.5 { + right: -0.625rem; } -.-mt-6 { - margin-top: -1.5rem; +.-bottom-2\.5 { + bottom: -0.625rem; } -.-mr-6 { - margin-right: -1.5rem; +.-left-2\.5 { + left: -0.625rem; } -.-mb-6 { - margin-bottom: -1.5rem; +.-top-3\.5 { + top: -0.875rem; } -.-ml-6 { - margin-left: -1.5rem; +.-right-3\.5 { + right: -0.875rem; } -.-mt-7 { - margin-top: -1.75rem; +.-bottom-3\.5 { + bottom: -0.875rem; } -.-mr-7 { - margin-right: -1.75rem; +.-left-3\.5 { + left: -0.875rem; } -.-mb-7 { - margin-bottom: -1.75rem; +.top-1\/2 { + top: 50%; } -.-ml-7 { - margin-left: -1.75rem; +.right-1\/2 { + right: 50%; } -.-mt-8 { - margin-top: -2rem; +.bottom-1\/2 { + bottom: 50%; } -.-mr-8 { - margin-right: -2rem; +.left-1\/2 { + left: 50%; } -.-mb-8 { - margin-bottom: -2rem; +.top-1\/3 { + top: 33.333333%; } -.-ml-8 { - margin-left: -2rem; +.right-1\/3 { + right: 33.333333%; } -.-mt-9 { - margin-top: -2.25rem; +.bottom-1\/3 { + bottom: 33.333333%; } -.-mr-9 { - margin-right: -2.25rem; +.left-1\/3 { + left: 33.333333%; } -.-mb-9 { - margin-bottom: -2.25rem; +.top-2\/3 { + top: 66.666667%; } -.-ml-9 { - margin-left: -2.25rem; +.right-2\/3 { + right: 66.666667%; } -.-mt-10 { - margin-top: -2.5rem; +.bottom-2\/3 { + bottom: 66.666667%; } -.-mr-10 { - margin-right: -2.5rem; +.left-2\/3 { + left: 66.666667%; } -.-mb-10 { - margin-bottom: -2.5rem; +.top-1\/4 { + top: 25%; } -.-ml-10 { - margin-left: -2.5rem; +.right-1\/4 { + right: 25%; } -.-mt-12 { - margin-top: -3rem; +.bottom-1\/4 { + bottom: 25%; } -.-mr-12 { - margin-right: -3rem; +.left-1\/4 { + left: 25%; } -.-mb-12 { - margin-bottom: -3rem; +.top-2\/4 { + top: 50%; } -.-ml-12 { - margin-left: -3rem; +.right-2\/4 { + right: 50%; } -.-mt-14 { - margin-top: -3.5rem; +.bottom-2\/4 { + bottom: 50%; } -.-mr-14 { - margin-right: -3.5rem; +.left-2\/4 { + left: 50%; } -.-mb-14 { - margin-bottom: -3.5rem; +.top-3\/4 { + top: 75%; } -.-ml-14 { - margin-left: -3.5rem; +.right-3\/4 { + right: 75%; } -.-mt-16 { - margin-top: -4rem; +.bottom-3\/4 { + bottom: 75%; } -.-mr-16 { - margin-right: -4rem; +.left-3\/4 { + left: 75%; } -.-mb-16 { - margin-bottom: -4rem; +.top-full { + top: 100%; } -.-ml-16 { - margin-left: -4rem; +.right-full { + right: 100%; } -.-mt-20 { - margin-top: -5rem; +.bottom-full { + bottom: 100%; } -.-mr-20 { - margin-right: -5rem; +.left-full { + left: 100%; } -.-mb-20 { - margin-bottom: -5rem; +.-top-1\/2 { + top: -50%; } -.-ml-20 { - margin-left: -5rem; +.-right-1\/2 { + right: -50%; } -.-mt-24 { - margin-top: -6rem; +.-bottom-1\/2 { + bottom: -50%; } -.-mr-24 { - margin-right: -6rem; +.-left-1\/2 { + left: -50%; } -.-mb-24 { - margin-bottom: -6rem; +.-top-1\/3 { + top: -33.333333%; } -.-ml-24 { - margin-left: -6rem; +.-right-1\/3 { + right: -33.333333%; } -.-mt-28 { - margin-top: -7rem; +.-bottom-1\/3 { + bottom: -33.333333%; } -.-mr-28 { - margin-right: -7rem; +.-left-1\/3 { + left: -33.333333%; } -.-mb-28 { - margin-bottom: -7rem; +.-top-2\/3 { + top: -66.666667%; } -.-ml-28 { - margin-left: -7rem; +.-right-2\/3 { + right: -66.666667%; } -.-mt-32 { - margin-top: -8rem; +.-bottom-2\/3 { + bottom: -66.666667%; } -.-mr-32 { - margin-right: -8rem; +.-left-2\/3 { + left: -66.666667%; } -.-mb-32 { - margin-bottom: -8rem; +.-top-1\/4 { + top: -25%; } -.-ml-32 { - margin-left: -8rem; +.-right-1\/4 { + right: -25%; } -.-mt-36 { - margin-top: -9rem; +.-bottom-1\/4 { + bottom: -25%; } -.-mr-36 { - margin-right: -9rem; +.-left-1\/4 { + left: -25%; } -.-mb-36 { - margin-bottom: -9rem; +.-top-2\/4 { + top: -50%; } -.-ml-36 { - margin-left: -9rem; +.-right-2\/4 { + right: -50%; } -.-mt-40 { - margin-top: -10rem; +.-bottom-2\/4 { + bottom: -50%; } -.-mr-40 { - margin-right: -10rem; +.-left-2\/4 { + left: -50%; } -.-mb-40 { - margin-bottom: -10rem; +.-top-3\/4 { + top: -75%; } -.-ml-40 { - margin-left: -10rem; +.-right-3\/4 { + right: -75%; } -.-mt-44 { - margin-top: -11rem; +.-bottom-3\/4 { + bottom: -75%; } -.-mr-44 { - margin-right: -11rem; +.-left-3\/4 { + left: -75%; } -.-mb-44 { - margin-bottom: -11rem; +.-top-full { + top: -100%; } -.-ml-44 { - margin-left: -11rem; +.-right-full { + right: -100%; } -.-mt-48 { - margin-top: -12rem; +.-bottom-full { + bottom: -100%; } -.-mr-48 { - margin-right: -12rem; +.-left-full { + left: -100%; } -.-mb-48 { - margin-bottom: -12rem; +.resize-none { + resize: none; } -.-ml-48 { - margin-left: -12rem; +.resize-y { + resize: vertical; } -.-mt-52 { - margin-top: -13rem; +.resize-x { + resize: horizontal; } -.-mr-52 { - margin-right: -13rem; +.resize { + resize: both; } -.-mb-52 { - margin-bottom: -13rem; +.shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.-ml-52 { - margin-left: -13rem; +.shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.-mt-56 { - margin-top: -14rem; +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } -.-mr-56 { - margin-right: -14rem; +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } -.-mb-56 { - margin-bottom: -14rem; +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } -.-ml-56 { - margin-left: -14rem; +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } -.-mt-60 { - margin-top: -15rem; +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.-mr-60 { - margin-right: -15rem; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.-mb-60 { - margin-bottom: -15rem; +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.-ml-60 { - margin-left: -15rem; +.shadow-none { + box-shadow: none; } -.-mt-64 { - margin-top: -16rem; +.hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.-mr-64 { - margin-right: -16rem; +.hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.-mb-64 { - margin-bottom: -16rem; +.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); } -.-ml-64 { - margin-left: -16rem; +.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); } -.-mt-72 { - margin-top: -18rem; +.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); } -.-mr-72 { - margin-right: -18rem; +.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); } -.-mb-72 { - margin-bottom: -18rem; +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.-ml-72 { - margin-left: -18rem; +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.-mt-80 { - margin-top: -20rem; +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.-mr-80 { - margin-right: -20rem; +.hover\:shadow-none:hover { + box-shadow: none; } -.-mb-80 { - margin-bottom: -20rem; +.focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.-ml-80 { - margin-left: -20rem; +.focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.-mt-96 { - margin-top: -24rem; +.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); } -.-mr-96 { - margin-right: -24rem; +.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); } -.-mb-96 { - margin-bottom: -24rem; +.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); } -.-ml-96 { - margin-left: -24rem; +.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); } -.-mt-px { - margin-top: -1px; +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.-mr-px { - margin-right: -1px; +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.-mb-px { - margin-bottom: -1px; +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.-ml-px { - margin-left: -1px; +.focus\:shadow-none:focus { + box-shadow: none; } -.-mt-0\.5 { - margin-top: -0.125rem; +.fill-current { + fill: currentColor; } -.-mr-0\.5 { - margin-right: -0.125rem; +.stroke-current { + stroke: currentColor; } -.-mb-0\.5 { - margin-bottom: -0.125rem; +.stroke-0 { + stroke-width: 0; } -.-ml-0\.5 { - margin-left: -0.125rem; -} - -.-mt-1\.5 { - margin-top: -0.375rem; +.stroke-1 { + stroke-width: 1; } -.-mr-1\.5 { - margin-right: -0.375rem; +.stroke-2 { + stroke-width: 2; } -.-mb-1\.5 { - margin-bottom: -0.375rem; +.table-auto { + table-layout: auto; } -.-ml-1\.5 { - margin-left: -0.375rem; +.table-fixed { + table-layout: fixed; } -.-mt-2\.5 { - margin-top: -0.625rem; +.text-left { + text-align: left; } -.-mr-2\.5 { - margin-right: -0.625rem; +.text-center { + text-align: center; } -.-mb-2\.5 { - margin-bottom: -0.625rem; +.text-right { + text-align: right; } -.-ml-2\.5 { - margin-left: -0.625rem; +.text-justify { + text-align: justify; } -.-mt-3\.5 { - margin-top: -0.875rem; +.text-transparent { + color: transparent; } -.-mr-3\.5 { - margin-right: -0.875rem; +.text-current { + color: currentColor; } -.-mb-3\.5 { - margin-bottom: -0.875rem; +.text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.-ml-3\.5 { - margin-left: -0.875rem; +.text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.max-h-0 { - max-height: 0; +.text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.max-h-1 { - max-height: 0.25rem; +.text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.max-h-2 { - max-height: 0.5rem; +.text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.max-h-3 { - max-height: 0.75rem; +.text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.max-h-4 { - max-height: 1rem; +.text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.max-h-5 { - max-height: 1.25rem; +.text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.max-h-6 { - max-height: 1.5rem; +.text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.max-h-7 { - max-height: 1.75rem; +.text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.max-h-8 { - max-height: 2rem; +.text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.max-h-9 { - max-height: 2.25rem; +.text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.max-h-10 { - max-height: 2.5rem; +.text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.max-h-12 { - max-height: 3rem; +.text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.max-h-14 { - max-height: 3.5rem; +.text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.max-h-16 { - max-height: 4rem; +.text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.max-h-20 { - max-height: 5rem; +.text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.max-h-24 { - max-height: 6rem; +.text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.max-h-28 { - max-height: 7rem; +.text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.max-h-32 { - max-height: 8rem; +.text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.max-h-36 { - max-height: 9rem; +.text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.max-h-40 { - max-height: 10rem; +.text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.max-h-44 { - max-height: 11rem; +.text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.max-h-48 { - max-height: 12rem; +.text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.max-h-52 { - max-height: 13rem; +.text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.max-h-56 { - max-height: 14rem; +.text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.max-h-60 { - max-height: 15rem; +.text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.max-h-64 { - max-height: 16rem; +.text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.max-h-72 { - max-height: 18rem; +.text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.max-h-80 { - max-height: 20rem; +.text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.max-h-96 { - max-height: 24rem; +.text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.max-h-px { - max-height: 1px; +.text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.max-h-0\.5 { - max-height: 0.125rem; +.text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.max-h-1\.5 { - max-height: 0.375rem; +.text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.max-h-2\.5 { - max-height: 0.625rem; +.text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.max-h-3\.5 { - max-height: 0.875rem; +.text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.max-h-full { - max-height: 100%; +.text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.max-h-screen { - max-height: 100vh; +.text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.max-w-0 { - max-width: 0rem; +.text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.max-w-none { - max-width: none; +.text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.max-w-xs { - max-width: 20rem; +.text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.max-w-sm { - max-width: 24rem; +.text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.max-w-md { - max-width: 28rem; +.text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.max-w-lg { - max-width: 32rem; +.text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.max-w-xl { - max-width: 36rem; +.text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.max-w-2xl { - max-width: 42rem; +.text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.max-w-3xl { - max-width: 48rem; +.text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.max-w-4xl { - max-width: 56rem; +.text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.max-w-5xl { - max-width: 64rem; +.text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.max-w-6xl { - max-width: 72rem; +.text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.max-w-7xl { - max-width: 80rem; +.text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.max-w-full { - max-width: 100%; +.text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.max-w-min { - max-width: min-content; +.text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.max-w-max { - max-width: max-content; +.text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.max-w-screen-sm { - max-width: 640px; +.text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.max-w-screen-md { - max-width: 768px; +.text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.max-w-screen-lg { - max-width: 1024px; +.text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.max-w-screen-xl { - max-width: 1280px; +.text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.max-w-screen-2xl { - max-width: 1536px; +.text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.min-h-0 { - min-height: 0; +.text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.min-h-full { - min-height: 100%; +.text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.min-h-screen { - min-height: 100vh; +.text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.min-w-0 { - min-width: 0; +.text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.min-w-full { - min-width: 100%; +.text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.min-w-min { - min-width: min-content; +.text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.min-w-max { - min-width: max-content; +.text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.object-contain { - object-fit: contain; +.text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.object-cover { - object-fit: cover; +.text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.object-fill { - object-fit: fill; +.text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.object-none { - object-fit: none; +.text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.object-scale-down { - object-fit: scale-down; +.text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.object-bottom { - object-position: bottom; +.text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.object-center { - object-position: center; +.group:hover .group-hover\:text-transparent { + color: transparent; } -.object-left { - object-position: left; +.group:hover .group-hover\:text-current { + color: currentColor; } -.object-left-bottom { - object-position: left bottom; +.group:hover .group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.object-left-top { - object-position: left top; +.group:hover .group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.object-right { - object-position: right; +.group:hover .group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.object-right-bottom { - object-position: right bottom; +.group:hover .group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.object-right-top { - object-position: right top; +.group:hover .group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.object-top { - object-position: top; +.group:hover .group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.opacity-0 { - opacity: 0; +.group:hover .group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.opacity-25 { - opacity: 0.25; +.group:hover .group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.opacity-50 { - opacity: 0.5; +.group:hover .group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.opacity-75 { - opacity: 0.75; +.group:hover .group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.opacity-100 { - opacity: 1; +.group:hover .group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.group:hover .group-hover\:opacity-0 { - opacity: 0; +.group:hover .group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.group:hover .group-hover\:opacity-25 { - opacity: 0.25; +.group:hover .group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.group:hover .group-hover\:opacity-50 { - opacity: 0.5; +.group:hover .group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.group:hover .group-hover\:opacity-75 { - opacity: 0.75; +.group:hover .group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.group:hover .group-hover\:opacity-100 { - opacity: 1; +.group:hover .group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.hover\:opacity-0:hover { - opacity: 0; +.group:hover .group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.hover\:opacity-25:hover { - opacity: 0.25; +.group:hover .group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.hover\:opacity-50:hover { - opacity: 0.5; +.group:hover .group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.hover\:opacity-75:hover { - opacity: 0.75; +.group:hover .group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.hover\:opacity-100:hover { - opacity: 1; +.group:hover .group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.focus\:opacity-0:focus { - opacity: 0; +.group:hover .group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.focus\:opacity-25:focus { - opacity: 0.25; +.group:hover .group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.focus\:opacity-50:focus { - opacity: 0.5; +.group:hover .group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.focus\:opacity-75:focus { - opacity: 0.75; +.group:hover .group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.focus\:opacity-100:focus { - opacity: 1; +.group:hover .group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.outline-white { - outline: 2px dotted white; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.outline-black { - outline: 2px dotted black; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.overflow-auto { - overflow: auto; +.group:hover .group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.overflow-hidden { - overflow: hidden; +.group:hover .group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.overflow-visible { - overflow: visible; +.group:hover .group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.overflow-scroll { - overflow: scroll; +.group:hover .group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.overflow-x-auto { - overflow-x: auto; +.group:hover .group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.overflow-y-auto { - overflow-y: auto; +.group:hover .group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.overflow-x-hidden { - overflow-x: hidden; +.group:hover .group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.overflow-y-hidden { - overflow-y: hidden; +.group:hover .group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.overflow-x-visible { - overflow-x: visible; +.group:hover .group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.overflow-y-visible { - overflow-y: visible; +.group:hover .group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.overflow-x-scroll { - overflow-x: scroll; +.group:hover .group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.overflow-y-scroll { - overflow-y: scroll; +.group:hover .group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.overscroll-auto { - overscroll-behavior: auto; +.group:hover .group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.overscroll-contain { - overscroll-behavior: contain; +.group:hover .group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.overscroll-none { - overscroll-behavior: none; +.group:hover .group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.overscroll-y-auto { - overscroll-behavior-y: auto; +.group:hover .group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.overscroll-y-contain { - overscroll-behavior-y: contain; +.group:hover .group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.overscroll-y-none { - overscroll-behavior-y: none; +.group:hover .group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.overscroll-x-auto { - overscroll-behavior-x: auto; +.group:hover .group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.overscroll-x-contain { - overscroll-behavior-x: contain; +.group:hover .group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.overscroll-x-none { - overscroll-behavior-x: none; +.group:hover .group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.p-0 { - padding: 0; +.group:hover .group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.p-1 { - padding: 0.25rem; +.group:hover .group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.p-2 { - padding: 0.5rem; +.group:hover .group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.p-3 { - padding: 0.75rem; +.group:hover .group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.p-4 { - padding: 1rem; +.group:hover .group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.p-5 { - padding: 1.25rem; +.group:hover .group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.p-6 { - padding: 1.5rem; +.group:hover .group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.p-7 { - padding: 1.75rem; +.group:hover .group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.p-8 { - padding: 2rem; +.group:hover .group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.p-9 { - padding: 2.25rem; +.group:hover .group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.p-10 { - padding: 2.5rem; +.group:hover .group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.p-12 { - padding: 3rem; +.group:hover .group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.p-14 { - padding: 3.5rem; +.group:hover .group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.p-16 { - padding: 4rem; +.group:hover .group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.p-20 { - padding: 5rem; +.group:hover .group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.p-24 { - padding: 6rem; +.group:hover .group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.p-28 { - padding: 7rem; +.group:hover .group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.p-32 { - padding: 8rem; +.group:hover .group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.p-36 { - padding: 9rem; +.group:hover .group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.p-40 { - padding: 10rem; +.hover\:text-transparent:hover { + color: transparent; } -.p-44 { - padding: 11rem; +.hover\:text-current:hover { + color: currentColor; } -.p-48 { - padding: 12rem; +.hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.p-52 { - padding: 13rem; +.hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.p-56 { - padding: 14rem; +.hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.p-60 { - padding: 15rem; +.hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.p-64 { - padding: 16rem; +.hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.p-72 { - padding: 18rem; +.hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.p-80 { - padding: 20rem; +.hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.p-96 { - padding: 24rem; +.hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.p-px { - padding: 1px; +.hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.p-0\.5 { - padding: 0.125rem; +.hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.p-1\.5 { - padding: 0.375rem; +.hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.p-2\.5 { - padding: 0.625rem; +.hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.p-3\.5 { - padding: 0.875rem; +.hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.py-0 { - padding-top: 0; - padding-bottom: 0; +.hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.px-0 { - padding-left: 0; - padding-right: 0; +.hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; +.hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; +.hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; +.hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; +.hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; +.hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; +.hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; +.hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; +.hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; +.hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; +.hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; +.hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; +.hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; +.hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.px-12 { - padding-left: 3rem; - padding-right: 3rem; +.hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; +.hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; +.hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; +.hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.px-16 { - padding-left: 4rem; - padding-right: 4rem; +.hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; +.hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.px-20 { - padding-left: 5rem; - padding-right: 5rem; +.hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; +.hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.px-24 { - padding-left: 6rem; - padding-right: 6rem; +.hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.py-28 { - padding-top: 7rem; - padding-bottom: 7rem; +.hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.px-28 { - padding-left: 7rem; - padding-right: 7rem; +.hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; +.hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.px-32 { - padding-left: 8rem; - padding-right: 8rem; +.hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.py-36 { - padding-top: 9rem; - padding-bottom: 9rem; +.hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.px-36 { - padding-left: 9rem; - padding-right: 9rem; +.hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.py-40 { - padding-top: 10rem; - padding-bottom: 10rem; +.hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.px-40 { - padding-left: 10rem; - padding-right: 10rem; +.hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.py-44 { - padding-top: 11rem; - padding-bottom: 11rem; +.hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.px-44 { - padding-left: 11rem; - padding-right: 11rem; +.hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.py-48 { - padding-top: 12rem; - padding-bottom: 12rem; +.hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.px-48 { - padding-left: 12rem; - padding-right: 12rem; +.hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.py-52 { - padding-top: 13rem; - padding-bottom: 13rem; +.hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.px-52 { - padding-left: 13rem; - padding-right: 13rem; +.hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.py-56 { - padding-top: 14rem; - padding-bottom: 14rem; +.hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.px-56 { - padding-left: 14rem; - padding-right: 14rem; +.hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.py-60 { - padding-top: 15rem; - padding-bottom: 15rem; +.hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.px-60 { - padding-left: 15rem; - padding-right: 15rem; +.hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.py-64 { - padding-top: 16rem; - padding-bottom: 16rem; +.hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.px-64 { - padding-left: 16rem; - padding-right: 16rem; +.hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.py-72 { - padding-top: 18rem; - padding-bottom: 18rem; +.hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.px-72 { - padding-left: 18rem; - padding-right: 18rem; +.hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.py-80 { - padding-top: 20rem; - padding-bottom: 20rem; +.hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.px-80 { - padding-left: 20rem; - padding-right: 20rem; +.hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.py-96 { - padding-top: 24rem; - padding-bottom: 24rem; +.hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.px-96 { - padding-left: 24rem; - padding-right: 24rem; +.hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.py-px { - padding-top: 1px; - padding-bottom: 1px; +.hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.px-px { - padding-left: 1px; - padding-right: 1px; +.focus\:text-transparent:focus { + color: transparent; } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; +.focus\:text-current:focus { + color: currentColor; } -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; +.focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; +.focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; +.focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; +.focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; +.focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; +.focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; +.focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.pt-0 { - padding-top: 0; +.focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.pr-0 { - padding-right: 0; +.focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.pb-0 { - padding-bottom: 0; +.focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.pl-0 { - padding-left: 0; +.focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.pt-1 { - padding-top: 0.25rem; +.focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.pr-1 { - padding-right: 0.25rem; +.focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.pb-1 { - padding-bottom: 0.25rem; +.focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.pl-1 { - padding-left: 0.25rem; +.focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.pt-2 { - padding-top: 0.5rem; +.focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.pr-2 { - padding-right: 0.5rem; +.focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.pb-2 { - padding-bottom: 0.5rem; +.focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.pl-2 { - padding-left: 0.5rem; +.focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.pt-3 { - padding-top: 0.75rem; +.focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.pr-3 { - padding-right: 0.75rem; +.focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.pb-3 { - padding-bottom: 0.75rem; +.focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.pl-3 { - padding-left: 0.75rem; +.focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.pt-4 { - padding-top: 1rem; +.focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.pr-4 { - padding-right: 1rem; +.focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.pb-4 { - padding-bottom: 1rem; +.focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.pl-4 { - padding-left: 1rem; +.focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.pt-5 { - padding-top: 1.25rem; +.focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.pr-5 { - padding-right: 1.25rem; +.focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.pb-5 { - padding-bottom: 1.25rem; +.focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.pl-5 { - padding-left: 1.25rem; +.focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.pt-6 { - padding-top: 1.5rem; +.focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.pr-6 { - padding-right: 1.5rem; +.focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.pb-6 { - padding-bottom: 1.5rem; +.focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.pl-6 { - padding-left: 1.5rem; +.focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.pt-7 { - padding-top: 1.75rem; +.focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.pr-7 { - padding-right: 1.75rem; +.focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.pb-7 { - padding-bottom: 1.75rem; +.focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.pl-7 { - padding-left: 1.75rem; +.focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.pt-8 { - padding-top: 2rem; +.focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.pr-8 { - padding-right: 2rem; +.focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.pb-8 { - padding-bottom: 2rem; +.focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.pl-8 { - padding-left: 2rem; +.focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.pt-9 { - padding-top: 2.25rem; +.focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.pr-9 { - padding-right: 2.25rem; +.focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.pb-9 { - padding-bottom: 2.25rem; +.focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.pl-9 { - padding-left: 2.25rem; +.focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.pt-10 { - padding-top: 2.5rem; +.focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.pr-10 { - padding-right: 2.5rem; +.focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.pb-10 { - padding-bottom: 2.5rem; +.focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.pl-10 { - padding-left: 2.5rem; +.focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.pt-12 { - padding-top: 3rem; +.focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.pr-12 { - padding-right: 3rem; +.focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.pb-12 { - padding-bottom: 3rem; +.focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.pl-12 { - padding-left: 3rem; +.focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.pt-14 { - padding-top: 3.5rem; +.focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.pr-14 { - padding-right: 3.5rem; +.focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.pb-14 { - padding-bottom: 3.5rem; +.focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.pl-14 { - padding-left: 3.5rem; +.focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.pt-16 { - padding-top: 4rem; +.focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.pr-16 { - padding-right: 4rem; +.focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.pb-16 { - padding-bottom: 4rem; +.focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.pl-16 { - padding-left: 4rem; +.focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.pt-20 { - padding-top: 5rem; +.focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.pr-20 { - padding-right: 5rem; +.focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.pb-20 { - padding-bottom: 5rem; +.focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.pl-20 { - padding-left: 5rem; +.focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.pt-24 { - padding-top: 6rem; +.focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.pr-24 { - padding-right: 6rem; +.focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.pb-24 { - padding-bottom: 6rem; +.focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.pl-24 { - padding-left: 6rem; +.focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.pt-28 { - padding-top: 7rem; +.focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.pr-28 { - padding-right: 7rem; +.text-opacity-0 { + --text-opacity: 0; } -.pb-28 { - padding-bottom: 7rem; +.text-opacity-25 { + --text-opacity: 0.25; } -.pl-28 { - padding-left: 7rem; +.text-opacity-50 { + --text-opacity: 0.5; } -.pt-32 { - padding-top: 8rem; +.text-opacity-75 { + --text-opacity: 0.75; } -.pr-32 { - padding-right: 8rem; +.text-opacity-100 { + --text-opacity: 1; } -.pb-32 { - padding-bottom: 8rem; +.group:hover .group-hover\:text-opacity-0 { + --text-opacity: 0; } -.pl-32 { - padding-left: 8rem; +.group:hover .group-hover\:text-opacity-25 { + --text-opacity: 0.25; } -.pt-36 { - padding-top: 9rem; +.group:hover .group-hover\:text-opacity-50 { + --text-opacity: 0.5; } -.pr-36 { - padding-right: 9rem; +.group:hover .group-hover\:text-opacity-75 { + --text-opacity: 0.75; } -.pb-36 { - padding-bottom: 9rem; +.group:hover .group-hover\:text-opacity-100 { + --text-opacity: 1; } -.pl-36 { - padding-left: 9rem; +.hover\:text-opacity-0:hover { + --text-opacity: 0; } -.pt-40 { - padding-top: 10rem; +.hover\:text-opacity-25:hover { + --text-opacity: 0.25; } -.pr-40 { - padding-right: 10rem; +.hover\:text-opacity-50:hover { + --text-opacity: 0.5; } -.pb-40 { - padding-bottom: 10rem; +.hover\:text-opacity-75:hover { + --text-opacity: 0.75; } -.pl-40 { - padding-left: 10rem; +.hover\:text-opacity-100:hover { + --text-opacity: 1; } -.pt-44 { - padding-top: 11rem; +.focus\:text-opacity-0:focus { + --text-opacity: 0; } -.pr-44 { - padding-right: 11rem; +.focus\:text-opacity-25:focus { + --text-opacity: 0.25; } -.pb-44 { - padding-bottom: 11rem; +.focus\:text-opacity-50:focus { + --text-opacity: 0.5; } -.pl-44 { - padding-left: 11rem; +.focus\:text-opacity-75:focus { + --text-opacity: 0.75; } -.pt-48 { - padding-top: 12rem; +.focus\:text-opacity-100:focus { + --text-opacity: 1; } -.pr-48 { - padding-right: 12rem; +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.pb-48 { - padding-bottom: 12rem; +.overflow-ellipsis { + text-overflow: ellipsis; } -.pl-48 { - padding-left: 12rem; +.overflow-clip { + text-overflow: clip; } -.pt-52 { - padding-top: 13rem; +.italic { + font-style: italic; } -.pr-52 { - padding-right: 13rem; +.not-italic { + font-style: normal; } -.pb-52 { - padding-bottom: 13rem; +.uppercase { + text-transform: uppercase; } -.pl-52 { - padding-left: 13rem; +.lowercase { + text-transform: lowercase; } -.pt-56 { - padding-top: 14rem; +.capitalize { + text-transform: capitalize; } -.pr-56 { - padding-right: 14rem; +.normal-case { + text-transform: none; } -.pb-56 { - padding-bottom: 14rem; +.underline { + text-decoration: underline; } -.pl-56 { - padding-left: 14rem; +.line-through { + text-decoration: line-through; } -.pt-60 { - padding-top: 15rem; +.no-underline { + text-decoration: none; } -.pr-60 { - padding-right: 15rem; +.hover\:underline:hover { + text-decoration: underline; } -.pb-60 { - padding-bottom: 15rem; +.hover\:line-through:hover { + text-decoration: line-through; } -.pl-60 { - padding-left: 15rem; +.hover\:no-underline:hover { + text-decoration: none; } -.pt-64 { - padding-top: 16rem; +.focus\:underline:focus { + text-decoration: underline; } -.pr-64 { - padding-right: 16rem; +.focus\:line-through:focus { + text-decoration: line-through; } -.pb-64 { - padding-bottom: 16rem; +.focus\:no-underline:focus { + text-decoration: none; } -.pl-64 { - padding-left: 16rem; +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.pt-72 { - padding-top: 18rem; +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.pr-72 { - padding-right: 18rem; +.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } -.pb-72 { - padding-bottom: 18rem; +.normal-nums { + font-variant-numeric: normal; } -.pl-72 { - padding-left: 18rem; +.ordinal { + --font-variant-numeric-ordinal: ordinal; } -.pt-80 { - padding-top: 20rem; +.slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } -.pr-80 { - padding-right: 20rem; +.lining-nums { + --font-variant-numeric-figure: lining-nums; } -.pb-80 { - padding-bottom: 20rem; +.oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } -.pl-80 { - padding-left: 20rem; +.proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } -.pt-96 { - padding-top: 24rem; +.tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } -.pr-96 { - padding-right: 24rem; +.diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } -.pb-96 { - padding-bottom: 24rem; +.stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } -.pl-96 { - padding-left: 24rem; +.tracking-tighter { + letter-spacing: -0.05em; } -.pt-px { - padding-top: 1px; +.tracking-tight { + letter-spacing: -0.025em; } -.pr-px { - padding-right: 1px; +.tracking-normal { + letter-spacing: 0; } -.pb-px { - padding-bottom: 1px; +.tracking-wide { + letter-spacing: 0.025em; } -.pl-px { - padding-left: 1px; +.tracking-wider { + letter-spacing: 0.05em; } -.pt-0\.5 { - padding-top: 0.125rem; +.tracking-widest { + letter-spacing: 0.1em; } -.pr-0\.5 { - padding-right: 0.125rem; +.select-none { + user-select: none; } -.pb-0\.5 { - padding-bottom: 0.125rem; +.select-text { + user-select: text; } -.pl-0\.5 { - padding-left: 0.125rem; +.select-all { + user-select: all; } -.pt-1\.5 { - padding-top: 0.375rem; +.select-auto { + user-select: auto; } -.pr-1\.5 { - padding-right: 0.375rem; +.align-baseline { + vertical-align: baseline; } -.pb-1\.5 { - padding-bottom: 0.375rem; +.align-top { + vertical-align: top; } -.pl-1\.5 { - padding-left: 0.375rem; +.align-middle { + vertical-align: middle; } -.pt-2\.5 { - padding-top: 0.625rem; +.align-bottom { + vertical-align: bottom; } -.pr-2\.5 { - padding-right: 0.625rem; +.align-text-top { + vertical-align: text-top; } -.pb-2\.5 { - padding-bottom: 0.625rem; +.align-text-bottom { + vertical-align: text-bottom; } -.pl-2\.5 { - padding-left: 0.625rem; +.visible { + visibility: visible; } -.pt-3\.5 { - padding-top: 0.875rem; +.invisible { + visibility: hidden; } -.pr-3\.5 { - padding-right: 0.875rem; +.whitespace-normal { + white-space: normal; } -.pb-3\.5 { - padding-bottom: 0.875rem; +.whitespace-no-wrap { + white-space: nowrap; } -.pl-3\.5 { - padding-left: 0.875rem; +.whitespace-pre { + white-space: pre; } -.placeholder-transparent::placeholder { - color: transparent; +.whitespace-pre-line { + white-space: pre-line; } -.placeholder-current::placeholder { - color: currentColor; +.whitespace-pre-wrap { + white-space: pre-wrap; } -.placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); +.break-normal { + overflow-wrap: normal; + word-break: normal; } -.placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); +.break-words { + overflow-wrap: break-word; } -.placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); +.break-all { + word-break: break-all; } -.placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); +.w-0 { + width: 0; } -.placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); +.w-1 { + width: 0.25rem; } -.placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); +.w-2 { + width: 0.5rem; } -.placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); +.w-3 { + width: 0.75rem; } -.placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); +.w-4 { + width: 1rem; } -.placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); +.w-5 { + width: 1.25rem; } -.placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); +.w-6 { + width: 1.5rem; } -.placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); +.w-7 { + width: 1.75rem; } -.placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); +.w-8 { + width: 2rem; } -.placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); +.w-9 { + width: 2.25rem; } -.placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); +.w-10 { + width: 2.5rem; } -.placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); +.w-12 { + width: 3rem; } -.placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); +.w-14 { + width: 3.5rem; } -.placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); +.w-16 { + width: 4rem; } -.placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); +.w-20 { + width: 5rem; } -.placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); +.w-24 { + width: 6rem; } -.placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); +.w-28 { + width: 7rem; } -.placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); +.w-32 { + width: 8rem; } -.placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); +.w-36 { + width: 9rem; } -.placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); +.w-40 { + width: 10rem; } -.placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); +.w-44 { + width: 11rem; } -.placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); +.w-48 { + width: 12rem; } -.placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); +.w-52 { + width: 13rem; } -.placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); +.w-56 { + width: 14rem; } -.placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); +.w-60 { + width: 15rem; } -.placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); +.w-64 { + width: 16rem; } -.placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); +.w-72 { + width: 18rem; } -.placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); +.w-80 { + width: 20rem; } -.placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); +.w-96 { + width: 24rem; } -.placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); +.w-auto { + width: auto; } -.placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); +.w-px { + width: 1px; } -.placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); +.w-0\.5 { + width: 0.125rem; } -.placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); +.w-1\.5 { + width: 0.375rem; } -.placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); +.w-2\.5 { + width: 0.625rem; } -.placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); +.w-3\.5 { + width: 0.875rem; } -.placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); +.w-1\/2 { + width: 50%; } -.placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); +.w-1\/3 { + width: 33.333333%; } -.placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); +.w-2\/3 { + width: 66.666667%; } -.placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); +.w-1\/4 { + width: 25%; } -.placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); +.w-2\/4 { + width: 50%; } -.placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); +.w-3\/4 { + width: 75%; } -.placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); +.w-1\/5 { + width: 20%; } -.placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); +.w-2\/5 { + width: 40%; } -.placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); +.w-3\/5 { + width: 60%; } -.placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); +.w-4\/5 { + width: 80%; } -.placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); +.w-1\/6 { + width: 16.666667%; } -.placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); +.w-2\/6 { + width: 33.333333%; } -.placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); +.w-3\/6 { + width: 50%; } -.placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); +.w-4\/6 { + width: 66.666667%; } -.placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); +.w-5\/6 { + width: 83.333333%; } -.placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); +.w-1\/12 { + width: 8.333333%; } -.placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); +.w-2\/12 { + width: 16.666667%; } -.placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); +.w-3\/12 { + width: 25%; } -.placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); +.w-4\/12 { + width: 33.333333%; } -.placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); +.w-5\/12 { + width: 41.666667%; } -.placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); +.w-6\/12 { + width: 50%; } -.placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); +.w-7\/12 { + width: 58.333333%; } -.placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); +.w-8\/12 { + width: 66.666667%; } -.placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); +.w-9\/12 { + width: 75%; } -.placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); +.w-10\/12 { + width: 83.333333%; } -.placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); +.w-11\/12 { + width: 91.666667%; } -.placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); +.w-full { + width: 100%; } -.placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); +.w-screen { + width: 100vw; } -.placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); +.w-min { + width: min-content; } -.placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); +.w-max { + width: max-content; } -.placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); +.z-0 { + z-index: 0; } -.placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); +.z-10 { + z-index: 10; } -.placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); +.z-20 { + z-index: 20; } -.placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); +.z-30 { + z-index: 30; } -.focus\:placeholder-transparent:focus::placeholder { - color: transparent; +.z-40 { + z-index: 40; } -.focus\:placeholder-current:focus::placeholder { - color: currentColor; +.z-50 { + z-index: 50; } -.focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); +.z-auto { + z-index: auto; } -.focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); +.focus\:z-0:focus { + z-index: 0; } -.focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); +.focus\:z-10:focus { + z-index: 10; } -.focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); +.focus\:z-20:focus { + z-index: 20; } -.focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); +.focus\:z-30:focus { + z-index: 30; } -.focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); +.focus\:z-40:focus { + z-index: 40; } -.focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); +.focus\:z-50:focus { + z-index: 50; } -.focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); +.focus\:z-auto:focus { + z-index: auto; } -.focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); +.gap-0 { + grid-gap: 0; + gap: 0; } -.focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); +.gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } -.focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); +.gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } -.focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); +.gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } -.focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); +.gap-4 { + grid-gap: 1rem; + gap: 1rem; } -.focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); +.gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } -.focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); +.gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } -.focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); +.gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } -.focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); +.gap-8 { + grid-gap: 2rem; + gap: 2rem; } -.focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); +.gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } -.focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); +.gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } -.focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); +.gap-12 { + grid-gap: 3rem; + gap: 3rem; } -.focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); +.gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } -.focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); +.gap-16 { + grid-gap: 4rem; + gap: 4rem; } -.focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); +.gap-20 { + grid-gap: 5rem; + gap: 5rem; } -.focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); +.gap-24 { + grid-gap: 6rem; + gap: 6rem; } -.focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); +.gap-28 { + grid-gap: 7rem; + gap: 7rem; } -.focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); +.gap-32 { + grid-gap: 8rem; + gap: 8rem; } -.focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); +.gap-36 { + grid-gap: 9rem; + gap: 9rem; } -.focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); +.gap-40 { + grid-gap: 10rem; + gap: 10rem; } -.focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); +.gap-44 { + grid-gap: 11rem; + gap: 11rem; } -.focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); +.gap-48 { + grid-gap: 12rem; + gap: 12rem; } -.focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); +.gap-52 { + grid-gap: 13rem; + gap: 13rem; } -.focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); +.gap-56 { + grid-gap: 14rem; + gap: 14rem; } -.focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); +.gap-60 { + grid-gap: 15rem; + gap: 15rem; } -.focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); +.gap-64 { + grid-gap: 16rem; + gap: 16rem; } -.focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); +.gap-72 { + grid-gap: 18rem; + gap: 18rem; } -.focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); +.gap-80 { + grid-gap: 20rem; + gap: 20rem; } -.focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); +.gap-96 { + grid-gap: 24rem; + gap: 24rem; } -.focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); +.gap-px { + grid-gap: 1px; + gap: 1px; } -.focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); +.gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } -.focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); +.gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } -.focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); +.gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } -.focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); +.gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } -.focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); +.gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } -.focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); +.gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } -.focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); +.gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } -.focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); +.gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } -.focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); +.gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } -.focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); +.gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } -.focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); +.gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } -.focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); +.gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } -.focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); +.gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } -.focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); +.gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } -.focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); +.gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } -.focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); +.gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } -.focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); +.gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } -.focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); +.gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } -.focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); +.gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } -.focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); +.gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } -.focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); +.gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } -.focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); +.gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } -.focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); +.gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } -.focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); +.gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } -.focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); +.gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } -.focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); +.gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } -.focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); +.gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } -.focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); +.gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } -.focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); +.gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } -.focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); +.gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } -.focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); +.gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } -.focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); +.gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } -.focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); +.gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } -.focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); +.gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } -@media (prefers-color-scheme: dark) { - .dark\:placeholder-transparent::placeholder { - color: transparent; - } +.gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; +} - .dark\:placeholder-current::placeholder { - color: currentColor; - } +.gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; +} - .dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } +.gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; +} - .dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } +.gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; +} - .dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } +.gap-y-0 { + grid-row-gap: 0; + row-gap: 0; +} - .dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } +.gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; +} - .dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } +.gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; +} - .dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } +.gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; +} - .dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } +.gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; +} - .dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } +.gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; +} - .dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } +.gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; +} - .dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } +.gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; +} - .dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } +.gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; +} - .dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } +.gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; +} - .dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } +.gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; +} - .dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } +.gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; +} - .dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } +.gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; +} - .dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } +.gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; +} - .dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } +.gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; +} - .dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } +.gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; +} - .dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } +.gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; +} - .dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } +.gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; +} - .dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } +.gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; +} - .dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } +.gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; +} - .dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } +.gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; +} - .dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } +.gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; +} - .dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } +.gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; +} - .dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } +.gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; +} - .dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } +.gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; +} - .dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } +.gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; +} - .dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } +.gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; +} - .dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } +.gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; +} - .dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } +.gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; +} - .dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } +.gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; +} - .dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } +.gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; +} - .dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } +.gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; +} - .dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } +.gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; +} - .dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } +.gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; +} - .dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } +.grid-flow-row { + grid-auto-flow: row; +} - .dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } +.grid-flow-col { + grid-auto-flow: column; +} - .dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } +.grid-flow-row-dense { + grid-auto-flow: row dense; +} - .dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } +.grid-flow-col-dense { + grid-auto-flow: column dense; +} - .dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} - .dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} - .dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} - .dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} - .dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} - .dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} - .dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} - .dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } +.grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); +} - .dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } +.grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); +} - .dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } +.grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); +} - .dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } +.grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); +} - .dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} - .dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } +.grid-cols-none { + grid-template-columns: none; +} - .dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } +.auto-cols-auto { + grid-auto-columns: auto; +} - .dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } +.auto-cols-min { + grid-auto-columns: min-content; +} - .dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } +.auto-cols-max { + grid-auto-columns: max-content; +} - .dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } +.auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); +} - .dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } +.col-auto { + grid-column: auto; +} - .dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } +.col-span-1 { + grid-column: span 1 / span 1; +} - .dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } +.col-span-2 { + grid-column: span 2 / span 2; +} - .dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } +.col-span-3 { + grid-column: span 3 / span 3; +} - .dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } +.col-span-4 { + grid-column: span 4 / span 4; +} - .dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } +.col-span-5 { + grid-column: span 5 / span 5; +} - .dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } +.col-span-6 { + grid-column: span 6 / span 6; +} - .dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } +.col-span-7 { + grid-column: span 7 / span 7; +} - .dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } +.col-span-8 { + grid-column: span 8 / span 8; +} - .dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } +.col-span-9 { + grid-column: span 9 / span 9; +} - .dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } +.col-span-10 { + grid-column: span 10 / span 10; +} - .dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } +.col-span-11 { + grid-column: span 11 / span 11; +} - .dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } +.col-span-12 { + grid-column: span 12 / span 12; +} - .dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } +.col-span-full { + grid-column: 1 / -1; +} - .dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } +.col-start-1 { + grid-column-start: 1; +} - .dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } +.col-start-2 { + grid-column-start: 2; +} - .dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } +.col-start-3 { + grid-column-start: 3; +} - .dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } +.col-start-4 { + grid-column-start: 4; +} - .dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } +.col-start-5 { + grid-column-start: 5; +} - .dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } +.col-start-6 { + grid-column-start: 6; +} - .dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } +.col-start-7 { + grid-column-start: 7; +} - .dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } +.col-start-8 { + grid-column-start: 8; +} - .dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } +.col-start-9 { + grid-column-start: 9; +} - .dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } +.col-start-10 { + grid-column-start: 10; +} - .dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } +.col-start-11 { + grid-column-start: 11; +} - .dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } +.col-start-12 { + grid-column-start: 12; +} - .dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } +.col-start-13 { + grid-column-start: 13; +} - .dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } +.col-start-auto { + grid-column-start: auto; +} - .dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } +.col-end-1 { + grid-column-end: 1; +} - .dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } +.col-end-2 { + grid-column-end: 2; +} - .dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } +.col-end-3 { + grid-column-end: 3; +} - .dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } +.col-end-4 { + grid-column-end: 4; +} - .dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } +.col-end-5 { + grid-column-end: 5; +} - .dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } +.col-end-6 { + grid-column-end: 6; +} - .dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } +.col-end-7 { + grid-column-end: 7; +} - .dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } +.col-end-8 { + grid-column-end: 8; +} - .dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } +.col-end-9 { + grid-column-end: 9; +} - .dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } +.col-end-10 { + grid-column-end: 10; +} - .dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } +.col-end-11 { + grid-column-end: 11; +} - .dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } +.col-end-12 { + grid-column-end: 12; +} - .dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } +.col-end-13 { + grid-column-end: 13; +} - .dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } +.col-end-auto { + grid-column-end: auto; +} - .dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } +.grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } +.grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } +.grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } +.grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } +.grid-rows-none { + grid-template-rows: none; +} - .dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } +.auto-rows-auto { + grid-auto-rows: auto; +} - .dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } +.auto-rows-min { + grid-auto-rows: min-content; +} - .dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } +.auto-rows-max { + grid-auto-rows: max-content; +} - .dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } +.auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); +} - .dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } +.row-auto { + grid-row: auto; +} - .dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } +.row-span-1 { + grid-row: span 1 / span 1; +} - .dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } +.row-span-2 { + grid-row: span 2 / span 2; +} - .dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } +.row-span-3 { + grid-row: span 3 / span 3; +} - .dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } +.row-span-4 { + grid-row: span 4 / span 4; +} - .dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } +.row-span-5 { + grid-row: span 5 / span 5; +} - .dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } +.row-span-6 { + grid-row: span 6 / span 6; +} - .dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } +.row-span-full { + grid-row: 1 / -1; +} - .dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } +.row-start-1 { + grid-row-start: 1; +} - .dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } +.row-start-2 { + grid-row-start: 2; +} - .dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } +.row-start-3 { + grid-row-start: 3; +} - .dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } +.row-start-4 { + grid-row-start: 4; +} - .dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } +.row-start-5 { + grid-row-start: 5; +} - .dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } +.row-start-6 { + grid-row-start: 6; +} - .dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } +.row-start-7 { + grid-row-start: 7; +} - .dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } +.row-start-auto { + grid-row-start: auto; +} - .dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } +.row-end-1 { + grid-row-end: 1; +} - .dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } +.row-end-2 { + grid-row-end: 2; +} - .dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } +.row-end-3 { + grid-row-end: 3; +} - .dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } +.row-end-4 { + grid-row-end: 4; +} - .dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } +.row-end-5 { + grid-row-end: 5; +} - .dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } +.row-end-6 { + grid-row-end: 6; +} - .dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } +.row-end-7 { + grid-row-end: 7; +} - .dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } +.row-end-auto { + grid-row-end: auto; +} - .dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } +.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)); +} - .dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } +.transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); +} - .dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } +.transform-none { + transform: none; +} - .dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } +.origin-center { + transform-origin: center; +} - .dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } +.origin-top { + transform-origin: top; +} - .dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } +.origin-top-right { + transform-origin: top right; +} - .dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } +.origin-right { + transform-origin: right; +} - .dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } +.origin-bottom-right { + transform-origin: bottom right; +} - .dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } +.origin-bottom { + transform-origin: bottom; +} - .dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } +.origin-bottom-left { + transform-origin: bottom left; } -.placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; +.origin-left { + transform-origin: left; } -.placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; +.origin-top-left { + transform-origin: top left; } -.placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; +.scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } -.placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; +.scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } -.placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; +.scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } -.focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; +.scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } -.focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; +.scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } -.focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; +.scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } -.focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; +.scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } -.focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; +.scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } -.pointer-events-none { - pointer-events: none; +.scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } -.pointer-events-auto { - pointer-events: auto; +.scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } -.static { - position: static; +.scale-x-0 { + --transform-scale-x: 0; } -.fixed { - position: fixed; +.scale-x-50 { + --transform-scale-x: .5; } -.absolute { - position: absolute; +.scale-x-75 { + --transform-scale-x: .75; } -.relative { - position: relative; +.scale-x-90 { + --transform-scale-x: .9; } -.sticky { - position: sticky; +.scale-x-95 { + --transform-scale-x: .95; } -.inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; +.scale-x-100 { + --transform-scale-x: 1; } -.inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; +.scale-x-105 { + --transform-scale-x: 1.05; } -.inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; +.scale-x-110 { + --transform-scale-x: 1.1; } -.inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; +.scale-x-125 { + --transform-scale-x: 1.25; } -.inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; +.scale-x-150 { + --transform-scale-x: 1.5; } -.inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; +.scale-y-0 { + --transform-scale-y: 0; } -.inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; +.scale-y-50 { + --transform-scale-y: .5; } -.inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; +.scale-y-75 { + --transform-scale-y: .75; } -.inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; +.scale-y-90 { + --transform-scale-y: .9; } -.inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; +.scale-y-95 { + --transform-scale-y: .95; } -.inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; +.scale-y-100 { + --transform-scale-y: 1; } -.inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; +.scale-y-105 { + --transform-scale-y: 1.05; } -.inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; +.scale-y-110 { + --transform-scale-y: 1.1; } -.inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; +.scale-y-125 { + --transform-scale-y: 1.25; } -.inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; +.scale-y-150 { + --transform-scale-y: 1.5; } -.inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; +.hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } -.inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; +.hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } -.inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; +.hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } -.inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; +.hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } -.inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; +.hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } -.inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; +.hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } -.inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; +.hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } -.inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; +.hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } -.inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; +.hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } -.inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; +.hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } -.inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; +.hover\:scale-x-0:hover { + --transform-scale-x: 0; } -.inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; +.hover\:scale-x-50:hover { + --transform-scale-x: .5; } -.inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; +.hover\:scale-x-75:hover { + --transform-scale-x: .75; } -.inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; +.hover\:scale-x-90:hover { + --transform-scale-x: .9; } -.inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; +.hover\:scale-x-95:hover { + --transform-scale-x: .95; } -.inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; +.hover\:scale-x-100:hover { + --transform-scale-x: 1; } -.inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; +.hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } -.inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; +.hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } -.inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; +.hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } -.inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; +.hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } -.-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; +.hover\:scale-y-0:hover { + --transform-scale-y: 0; } -.-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; +.hover\:scale-y-50:hover { + --transform-scale-y: .5; } -.-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; +.hover\:scale-y-75:hover { + --transform-scale-y: .75; } -.-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; +.hover\:scale-y-90:hover { + --transform-scale-y: .9; } -.-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; +.hover\:scale-y-95:hover { + --transform-scale-y: .95; } -.-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; +.hover\:scale-y-100:hover { + --transform-scale-y: 1; } -.-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; +.hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } -.-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; +.hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } -.-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; +.hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } -.-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; +.hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } -.-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; +.focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } -.-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; +.focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } -.-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; +.focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } -.-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; +.focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } -.-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; +.focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } -.-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; +.focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } -.-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; +.focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } -.-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; +.focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } -.-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; +.focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } -.-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; +.focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } -.-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; +.focus\:scale-x-0:focus { + --transform-scale-x: 0; } -.-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; +.focus\:scale-x-50:focus { + --transform-scale-x: .5; } -.-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; +.focus\:scale-x-75:focus { + --transform-scale-x: .75; } -.-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; +.focus\:scale-x-90:focus { + --transform-scale-x: .9; } -.-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; +.focus\:scale-x-95:focus { + --transform-scale-x: .95; } -.-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; +.focus\:scale-x-100:focus { + --transform-scale-x: 1; } -.-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; +.focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } -.-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; +.focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } -.-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; +.focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } -.-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; +.focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } -.-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; +.focus\:scale-y-0:focus { + --transform-scale-y: 0; } -.-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; +.focus\:scale-y-50:focus { + --transform-scale-y: .5; } -.-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; +.focus\:scale-y-75:focus { + --transform-scale-y: .75; } -.inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.focus\:scale-y-90:focus { + --transform-scale-y: .9; } -.inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; +.focus\:scale-y-95:focus { + --transform-scale-y: .95; } -.inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; +.focus\:scale-y-100:focus { + --transform-scale-y: 1; } -.inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; +.focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } -.inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } -.inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; +.focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } -.inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; +.focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } -.-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; +.rotate-0 { + --transform-rotate: 0; } -.-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; +.rotate-1 { + --transform-rotate: 1deg; } -.-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; +.rotate-2 { + --transform-rotate: 2deg; } -.-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; +.rotate-3 { + --transform-rotate: 3deg; } -.-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; +.rotate-6 { + --transform-rotate: 6deg; } -.-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; +.rotate-12 { + --transform-rotate: 12deg; } -.-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; +.rotate-45 { + --transform-rotate: 45deg; } -.inset-y-0 { - top: 0; - bottom: 0; +.rotate-90 { + --transform-rotate: 90deg; } -.inset-x-0 { - right: 0; - left: 0; +.rotate-180 { + --transform-rotate: 180deg; } -.inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; +.-rotate-180 { + --transform-rotate: -180deg; } -.inset-x-1 { - right: 0.25rem; - left: 0.25rem; +.-rotate-90 { + --transform-rotate: -90deg; } -.inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; +.-rotate-45 { + --transform-rotate: -45deg; } -.inset-x-2 { - right: 0.5rem; - left: 0.5rem; +.-rotate-12 { + --transform-rotate: -12deg; } -.inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; +.-rotate-6 { + --transform-rotate: -6deg; } -.inset-x-3 { - right: 0.75rem; - left: 0.75rem; +.-rotate-3 { + --transform-rotate: -3deg; } -.inset-y-4 { - top: 1rem; - bottom: 1rem; +.-rotate-2 { + --transform-rotate: -2deg; } -.inset-x-4 { - right: 1rem; - left: 1rem; +.-rotate-1 { + --transform-rotate: -1deg; } -.inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; +.hover\:rotate-0:hover { + --transform-rotate: 0; } -.inset-x-5 { - right: 1.25rem; - left: 1.25rem; +.hover\:rotate-1:hover { + --transform-rotate: 1deg; } -.inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; +.hover\:rotate-2:hover { + --transform-rotate: 2deg; } -.inset-x-6 { - right: 1.5rem; - left: 1.5rem; +.hover\:rotate-3:hover { + --transform-rotate: 3deg; } -.inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; +.hover\:rotate-6:hover { + --transform-rotate: 6deg; } -.inset-x-7 { - right: 1.75rem; - left: 1.75rem; +.hover\:rotate-12:hover { + --transform-rotate: 12deg; } -.inset-y-8 { - top: 2rem; - bottom: 2rem; +.hover\:rotate-45:hover { + --transform-rotate: 45deg; } -.inset-x-8 { - right: 2rem; - left: 2rem; +.hover\:rotate-90:hover { + --transform-rotate: 90deg; } -.inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; +.hover\:rotate-180:hover { + --transform-rotate: 180deg; } -.inset-x-9 { - right: 2.25rem; - left: 2.25rem; +.hover\:-rotate-180:hover { + --transform-rotate: -180deg; } -.inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; +.hover\:-rotate-90:hover { + --transform-rotate: -90deg; } -.inset-x-10 { - right: 2.5rem; - left: 2.5rem; +.hover\:-rotate-45:hover { + --transform-rotate: -45deg; } -.inset-y-12 { - top: 3rem; - bottom: 3rem; +.hover\:-rotate-12:hover { + --transform-rotate: -12deg; } -.inset-x-12 { - right: 3rem; - left: 3rem; +.hover\:-rotate-6:hover { + --transform-rotate: -6deg; } -.inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; +.hover\:-rotate-3:hover { + --transform-rotate: -3deg; } -.inset-x-14 { - right: 3.5rem; - left: 3.5rem; +.hover\:-rotate-2:hover { + --transform-rotate: -2deg; } -.inset-y-16 { - top: 4rem; - bottom: 4rem; +.hover\:-rotate-1:hover { + --transform-rotate: -1deg; } -.inset-x-16 { - right: 4rem; - left: 4rem; +.focus\:rotate-0:focus { + --transform-rotate: 0; } -.inset-y-20 { - top: 5rem; - bottom: 5rem; +.focus\:rotate-1:focus { + --transform-rotate: 1deg; } -.inset-x-20 { - right: 5rem; - left: 5rem; +.focus\:rotate-2:focus { + --transform-rotate: 2deg; } -.inset-y-24 { - top: 6rem; - bottom: 6rem; +.focus\:rotate-3:focus { + --transform-rotate: 3deg; } -.inset-x-24 { - right: 6rem; - left: 6rem; +.focus\:rotate-6:focus { + --transform-rotate: 6deg; } -.inset-y-28 { - top: 7rem; - bottom: 7rem; +.focus\:rotate-12:focus { + --transform-rotate: 12deg; } -.inset-x-28 { - right: 7rem; - left: 7rem; +.focus\:rotate-45:focus { + --transform-rotate: 45deg; } -.inset-y-32 { - top: 8rem; - bottom: 8rem; +.focus\:rotate-90:focus { + --transform-rotate: 90deg; } -.inset-x-32 { - right: 8rem; - left: 8rem; +.focus\:rotate-180:focus { + --transform-rotate: 180deg; } -.inset-y-36 { - top: 9rem; - bottom: 9rem; +.focus\:-rotate-180:focus { + --transform-rotate: -180deg; } -.inset-x-36 { - right: 9rem; - left: 9rem; +.focus\:-rotate-90:focus { + --transform-rotate: -90deg; } -.inset-y-40 { - top: 10rem; - bottom: 10rem; +.focus\:-rotate-45:focus { + --transform-rotate: -45deg; } -.inset-x-40 { - right: 10rem; - left: 10rem; +.focus\:-rotate-12:focus { + --transform-rotate: -12deg; } -.inset-y-44 { - top: 11rem; - bottom: 11rem; +.focus\:-rotate-6:focus { + --transform-rotate: -6deg; } -.inset-x-44 { - right: 11rem; - left: 11rem; +.focus\:-rotate-3:focus { + --transform-rotate: -3deg; } -.inset-y-48 { - top: 12rem; - bottom: 12rem; +.focus\:-rotate-2:focus { + --transform-rotate: -2deg; } -.inset-x-48 { - right: 12rem; - left: 12rem; +.focus\:-rotate-1:focus { + --transform-rotate: -1deg; } -.inset-y-52 { - top: 13rem; - bottom: 13rem; +.translate-x-0 { + --transform-translate-x: 0; } -.inset-x-52 { - right: 13rem; - left: 13rem; +.translate-x-1 { + --transform-translate-x: 0.25rem; } -.inset-y-56 { - top: 14rem; - bottom: 14rem; +.translate-x-2 { + --transform-translate-x: 0.5rem; } -.inset-x-56 { - right: 14rem; - left: 14rem; +.translate-x-3 { + --transform-translate-x: 0.75rem; } -.inset-y-60 { - top: 15rem; - bottom: 15rem; +.translate-x-4 { + --transform-translate-x: 1rem; } -.inset-x-60 { - right: 15rem; - left: 15rem; +.translate-x-5 { + --transform-translate-x: 1.25rem; } -.inset-y-64 { - top: 16rem; - bottom: 16rem; +.translate-x-6 { + --transform-translate-x: 1.5rem; } -.inset-x-64 { - right: 16rem; - left: 16rem; +.translate-x-7 { + --transform-translate-x: 1.75rem; } -.inset-y-72 { - top: 18rem; - bottom: 18rem; +.translate-x-8 { + --transform-translate-x: 2rem; } -.inset-x-72 { - right: 18rem; - left: 18rem; +.translate-x-9 { + --transform-translate-x: 2.25rem; } -.inset-y-80 { - top: 20rem; - bottom: 20rem; +.translate-x-10 { + --transform-translate-x: 2.5rem; } -.inset-x-80 { - right: 20rem; - left: 20rem; +.translate-x-12 { + --transform-translate-x: 3rem; } -.inset-y-96 { - top: 24rem; - bottom: 24rem; +.translate-x-14 { + --transform-translate-x: 3.5rem; } -.inset-x-96 { - right: 24rem; - left: 24rem; +.translate-x-16 { + --transform-translate-x: 4rem; } -.inset-y-auto { - top: auto; - bottom: auto; +.translate-x-20 { + --transform-translate-x: 5rem; } -.inset-x-auto { - right: auto; - left: auto; +.translate-x-24 { + --transform-translate-x: 6rem; } -.inset-y-px { - top: 1px; - bottom: 1px; +.translate-x-28 { + --transform-translate-x: 7rem; } -.inset-x-px { - right: 1px; - left: 1px; +.translate-x-32 { + --transform-translate-x: 8rem; } -.inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; +.translate-x-36 { + --transform-translate-x: 9rem; } -.inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; +.translate-x-40 { + --transform-translate-x: 10rem; } -.inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; +.translate-x-44 { + --transform-translate-x: 11rem; } -.inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; +.translate-x-48 { + --transform-translate-x: 12rem; } -.inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; +.translate-x-52 { + --transform-translate-x: 13rem; } -.inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; +.translate-x-56 { + --transform-translate-x: 14rem; } -.inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; +.translate-x-60 { + --transform-translate-x: 15rem; } -.inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; +.translate-x-64 { + --transform-translate-x: 16rem; } -.-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; +.translate-x-72 { + --transform-translate-x: 18rem; } -.-inset-x-1 { - right: -0.25rem; - left: -0.25rem; +.translate-x-80 { + --transform-translate-x: 20rem; } -.-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; +.translate-x-96 { + --transform-translate-x: 24rem; } -.-inset-x-2 { - right: -0.5rem; - left: -0.5rem; +.translate-x-px { + --transform-translate-x: 1px; } -.-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; +.translate-x-0\.5 { + --transform-translate-x: 0.125rem; } -.-inset-x-3 { - right: -0.75rem; - left: -0.75rem; +.translate-x-1\.5 { + --transform-translate-x: 0.375rem; } -.-inset-y-4 { - top: -1rem; - bottom: -1rem; +.translate-x-2\.5 { + --transform-translate-x: 0.625rem; } -.-inset-x-4 { - right: -1rem; - left: -1rem; +.translate-x-3\.5 { + --transform-translate-x: 0.875rem; } -.-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; +.-translate-x-1 { + --transform-translate-x: -0.25rem; } -.-inset-x-5 { - right: -1.25rem; - left: -1.25rem; +.-translate-x-2 { + --transform-translate-x: -0.5rem; } -.-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; +.-translate-x-3 { + --transform-translate-x: -0.75rem; } -.-inset-x-6 { - right: -1.5rem; - left: -1.5rem; +.-translate-x-4 { + --transform-translate-x: -1rem; } -.-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; +.-translate-x-5 { + --transform-translate-x: -1.25rem; } -.-inset-x-7 { - right: -1.75rem; - left: -1.75rem; +.-translate-x-6 { + --transform-translate-x: -1.5rem; } -.-inset-y-8 { - top: -2rem; - bottom: -2rem; +.-translate-x-7 { + --transform-translate-x: -1.75rem; } -.-inset-x-8 { - right: -2rem; - left: -2rem; +.-translate-x-8 { + --transform-translate-x: -2rem; } -.-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; +.-translate-x-9 { + --transform-translate-x: -2.25rem; } -.-inset-x-9 { - right: -2.25rem; - left: -2.25rem; +.-translate-x-10 { + --transform-translate-x: -2.5rem; } -.-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; +.-translate-x-12 { + --transform-translate-x: -3rem; } -.-inset-x-10 { - right: -2.5rem; - left: -2.5rem; +.-translate-x-14 { + --transform-translate-x: -3.5rem; } -.-inset-y-12 { - top: -3rem; - bottom: -3rem; +.-translate-x-16 { + --transform-translate-x: -4rem; } -.-inset-x-12 { - right: -3rem; - left: -3rem; +.-translate-x-20 { + --transform-translate-x: -5rem; } -.-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; +.-translate-x-24 { + --transform-translate-x: -6rem; } -.-inset-x-14 { - right: -3.5rem; - left: -3.5rem; +.-translate-x-28 { + --transform-translate-x: -7rem; } -.-inset-y-16 { - top: -4rem; - bottom: -4rem; +.-translate-x-32 { + --transform-translate-x: -8rem; } -.-inset-x-16 { - right: -4rem; - left: -4rem; +.-translate-x-36 { + --transform-translate-x: -9rem; } -.-inset-y-20 { - top: -5rem; - bottom: -5rem; +.-translate-x-40 { + --transform-translate-x: -10rem; } -.-inset-x-20 { - right: -5rem; - left: -5rem; +.-translate-x-44 { + --transform-translate-x: -11rem; } -.-inset-y-24 { - top: -6rem; - bottom: -6rem; +.-translate-x-48 { + --transform-translate-x: -12rem; } -.-inset-x-24 { - right: -6rem; - left: -6rem; +.-translate-x-52 { + --transform-translate-x: -13rem; } -.-inset-y-28 { - top: -7rem; - bottom: -7rem; +.-translate-x-56 { + --transform-translate-x: -14rem; } -.-inset-x-28 { - right: -7rem; - left: -7rem; +.-translate-x-60 { + --transform-translate-x: -15rem; } -.-inset-y-32 { - top: -8rem; - bottom: -8rem; +.-translate-x-64 { + --transform-translate-x: -16rem; } -.-inset-x-32 { - right: -8rem; - left: -8rem; +.-translate-x-72 { + --transform-translate-x: -18rem; } -.-inset-y-36 { - top: -9rem; - bottom: -9rem; +.-translate-x-80 { + --transform-translate-x: -20rem; } -.-inset-x-36 { - right: -9rem; - left: -9rem; +.-translate-x-96 { + --transform-translate-x: -24rem; } -.-inset-y-40 { - top: -10rem; - bottom: -10rem; +.-translate-x-px { + --transform-translate-x: -1px; } -.-inset-x-40 { - right: -10rem; - left: -10rem; +.-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } -.-inset-y-44 { - top: -11rem; - bottom: -11rem; +.-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } -.-inset-x-44 { - right: -11rem; - left: -11rem; +.-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } -.-inset-y-48 { - top: -12rem; - bottom: -12rem; +.-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } -.-inset-x-48 { - right: -12rem; - left: -12rem; +.translate-x-1\/2 { + --transform-translate-x: 50%; } -.-inset-y-52 { - top: -13rem; - bottom: -13rem; +.translate-x-1\/3 { + --transform-translate-x: 33.333333%; } -.-inset-x-52 { - right: -13rem; - left: -13rem; +.translate-x-2\/3 { + --transform-translate-x: 66.666667%; } -.-inset-y-56 { - top: -14rem; - bottom: -14rem; +.translate-x-1\/4 { + --transform-translate-x: 25%; } -.-inset-x-56 { - right: -14rem; - left: -14rem; +.translate-x-2\/4 { + --transform-translate-x: 50%; } -.-inset-y-60 { - top: -15rem; - bottom: -15rem; +.translate-x-3\/4 { + --transform-translate-x: 75%; } -.-inset-x-60 { - right: -15rem; - left: -15rem; +.translate-x-full { + --transform-translate-x: 100%; } -.-inset-y-64 { - top: -16rem; - bottom: -16rem; +.-translate-x-1\/2 { + --transform-translate-x: -50%; } -.-inset-x-64 { - right: -16rem; - left: -16rem; +.-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } -.-inset-y-72 { - top: -18rem; - bottom: -18rem; +.-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } -.-inset-x-72 { - right: -18rem; - left: -18rem; +.-translate-x-1\/4 { + --transform-translate-x: -25%; } -.-inset-y-80 { - top: -20rem; - bottom: -20rem; +.-translate-x-2\/4 { + --transform-translate-x: -50%; } -.-inset-x-80 { - right: -20rem; - left: -20rem; +.-translate-x-3\/4 { + --transform-translate-x: -75%; } -.-inset-y-96 { - top: -24rem; - bottom: -24rem; +.-translate-x-full { + --transform-translate-x: -100%; } -.-inset-x-96 { - right: -24rem; - left: -24rem; +.translate-y-0 { + --transform-translate-y: 0; } -.-inset-y-px { - top: -1px; - bottom: -1px; +.translate-y-1 { + --transform-translate-y: 0.25rem; } -.-inset-x-px { - right: -1px; - left: -1px; +.translate-y-2 { + --transform-translate-y: 0.5rem; } -.-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; +.translate-y-3 { + --transform-translate-y: 0.75rem; } -.-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; +.translate-y-4 { + --transform-translate-y: 1rem; } -.-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; +.translate-y-5 { + --transform-translate-y: 1.25rem; } -.-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; +.translate-y-6 { + --transform-translate-y: 1.5rem; } -.-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; +.translate-y-7 { + --transform-translate-y: 1.75rem; } -.-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; +.translate-y-8 { + --transform-translate-y: 2rem; } -.-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; +.translate-y-9 { + --transform-translate-y: 2.25rem; } -.-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; +.translate-y-10 { + --transform-translate-y: 2.5rem; } -.inset-y-1\/2 { - top: 50%; - bottom: 50%; +.translate-y-12 { + --transform-translate-y: 3rem; } -.inset-x-1\/2 { - right: 50%; - left: 50%; +.translate-y-14 { + --transform-translate-y: 3.5rem; } -.inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; +.translate-y-16 { + --transform-translate-y: 4rem; } -.inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; +.translate-y-20 { + --transform-translate-y: 5rem; } -.inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; +.translate-y-24 { + --transform-translate-y: 6rem; } -.inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; +.translate-y-28 { + --transform-translate-y: 7rem; } -.inset-y-1\/4 { - top: 25%; - bottom: 25%; +.translate-y-32 { + --transform-translate-y: 8rem; } -.inset-x-1\/4 { - right: 25%; - left: 25%; +.translate-y-36 { + --transform-translate-y: 9rem; } -.inset-y-2\/4 { - top: 50%; - bottom: 50%; +.translate-y-40 { + --transform-translate-y: 10rem; } -.inset-x-2\/4 { - right: 50%; - left: 50%; +.translate-y-44 { + --transform-translate-y: 11rem; } -.inset-y-3\/4 { - top: 75%; - bottom: 75%; +.translate-y-48 { + --transform-translate-y: 12rem; } -.inset-x-3\/4 { - right: 75%; - left: 75%; +.translate-y-52 { + --transform-translate-y: 13rem; } -.inset-y-full { - top: 100%; - bottom: 100%; +.translate-y-56 { + --transform-translate-y: 14rem; } -.inset-x-full { - right: 100%; - left: 100%; +.translate-y-60 { + --transform-translate-y: 15rem; } -.-inset-y-1\/2 { - top: -50%; - bottom: -50%; +.translate-y-64 { + --transform-translate-y: 16rem; } -.-inset-x-1\/2 { - right: -50%; - left: -50%; +.translate-y-72 { + --transform-translate-y: 18rem; } -.-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; +.translate-y-80 { + --transform-translate-y: 20rem; } -.-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; +.translate-y-96 { + --transform-translate-y: 24rem; } -.-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; +.translate-y-px { + --transform-translate-y: 1px; } -.-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; +.translate-y-0\.5 { + --transform-translate-y: 0.125rem; } -.-inset-y-1\/4 { - top: -25%; - bottom: -25%; +.translate-y-1\.5 { + --transform-translate-y: 0.375rem; } -.-inset-x-1\/4 { - right: -25%; - left: -25%; +.translate-y-2\.5 { + --transform-translate-y: 0.625rem; } -.-inset-y-2\/4 { - top: -50%; - bottom: -50%; +.translate-y-3\.5 { + --transform-translate-y: 0.875rem; } -.-inset-x-2\/4 { - right: -50%; - left: -50%; +.-translate-y-1 { + --transform-translate-y: -0.25rem; } -.-inset-y-3\/4 { - top: -75%; - bottom: -75%; +.-translate-y-2 { + --transform-translate-y: -0.5rem; } -.-inset-x-3\/4 { - right: -75%; - left: -75%; +.-translate-y-3 { + --transform-translate-y: -0.75rem; } -.-inset-y-full { - top: -100%; - bottom: -100%; +.-translate-y-4 { + --transform-translate-y: -1rem; } -.-inset-x-full { - right: -100%; - left: -100%; +.-translate-y-5 { + --transform-translate-y: -1.25rem; } -.top-0 { - top: 0; +.-translate-y-6 { + --transform-translate-y: -1.5rem; } -.right-0 { - right: 0; +.-translate-y-7 { + --transform-translate-y: -1.75rem; } -.bottom-0 { - bottom: 0; +.-translate-y-8 { + --transform-translate-y: -2rem; } -.left-0 { - left: 0; +.-translate-y-9 { + --transform-translate-y: -2.25rem; } -.top-1 { - top: 0.25rem; +.-translate-y-10 { + --transform-translate-y: -2.5rem; } -.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-12 { - top: 3rem; -} - -.right-12 { - right: 3rem; -} - -.bottom-12 { - bottom: 3rem; -} - -.left-12 { - left: 3rem; -} - -.top-14 { - top: 3.5rem; -} - -.right-14 { - right: 3.5rem; -} - -.bottom-14 { - bottom: 3.5rem; -} - -.left-14 { - left: 3.5rem; -} - -.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; +.-translate-y-12 { + --transform-translate-y: -3rem; } -.right-72 { - right: 18rem; +.-translate-y-14 { + --transform-translate-y: -3.5rem; } -.bottom-72 { - bottom: 18rem; +.-translate-y-16 { + --transform-translate-y: -4rem; } -.left-72 { - left: 18rem; +.-translate-y-20 { + --transform-translate-y: -5rem; } -.top-80 { - top: 20rem; +.-translate-y-24 { + --transform-translate-y: -6rem; } -.right-80 { - right: 20rem; +.-translate-y-28 { + --transform-translate-y: -7rem; } -.bottom-80 { - bottom: 20rem; +.-translate-y-32 { + --transform-translate-y: -8rem; } -.left-80 { - left: 20rem; +.-translate-y-36 { + --transform-translate-y: -9rem; } -.top-96 { - top: 24rem; +.-translate-y-40 { + --transform-translate-y: -10rem; } -.right-96 { - right: 24rem; +.-translate-y-44 { + --transform-translate-y: -11rem; } -.bottom-96 { - bottom: 24rem; +.-translate-y-48 { + --transform-translate-y: -12rem; } -.left-96 { - left: 24rem; +.-translate-y-52 { + --transform-translate-y: -13rem; } -.top-auto { - top: auto; +.-translate-y-56 { + --transform-translate-y: -14rem; } -.right-auto { - right: auto; +.-translate-y-60 { + --transform-translate-y: -15rem; } -.bottom-auto { - bottom: auto; +.-translate-y-64 { + --transform-translate-y: -16rem; } -.left-auto { - left: auto; +.-translate-y-72 { + --transform-translate-y: -18rem; } -.top-px { - top: 1px; +.-translate-y-80 { + --transform-translate-y: -20rem; } -.right-px { - right: 1px; +.-translate-y-96 { + --transform-translate-y: -24rem; } -.bottom-px { - bottom: 1px; +.-translate-y-px { + --transform-translate-y: -1px; } -.left-px { - left: 1px; +.-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } -.top-0\.5 { - top: 0.125rem; +.-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } -.right-0\.5 { - right: 0.125rem; +.-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } -.bottom-0\.5 { - bottom: 0.125rem; +.-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } -.left-0\.5 { - left: 0.125rem; +.translate-y-1\/2 { + --transform-translate-y: 50%; } -.top-1\.5 { - top: 0.375rem; +.translate-y-1\/3 { + --transform-translate-y: 33.333333%; } -.right-1\.5 { - right: 0.375rem; +.translate-y-2\/3 { + --transform-translate-y: 66.666667%; } -.bottom-1\.5 { - bottom: 0.375rem; +.translate-y-1\/4 { + --transform-translate-y: 25%; } -.left-1\.5 { - left: 0.375rem; +.translate-y-2\/4 { + --transform-translate-y: 50%; } -.top-2\.5 { - top: 0.625rem; +.translate-y-3\/4 { + --transform-translate-y: 75%; } -.right-2\.5 { - right: 0.625rem; +.translate-y-full { + --transform-translate-y: 100%; } -.bottom-2\.5 { - bottom: 0.625rem; +.-translate-y-1\/2 { + --transform-translate-y: -50%; } -.left-2\.5 { - left: 0.625rem; +.-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } -.top-3\.5 { - top: 0.875rem; +.-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } -.right-3\.5 { - right: 0.875rem; +.-translate-y-1\/4 { + --transform-translate-y: -25%; } -.bottom-3\.5 { - bottom: 0.875rem; +.-translate-y-2\/4 { + --transform-translate-y: -50%; } -.left-3\.5 { - left: 0.875rem; +.-translate-y-3\/4 { + --transform-translate-y: -75%; } -.-top-1 { - top: -0.25rem; +.-translate-y-full { + --transform-translate-y: -100%; } -.-right-1 { - right: -0.25rem; +.hover\:translate-x-0:hover { + --transform-translate-x: 0; } -.-bottom-1 { - bottom: -0.25rem; +.hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } -.-left-1 { - left: -0.25rem; +.hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } -.-top-2 { - top: -0.5rem; +.hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } -.-right-2 { - right: -0.5rem; +.hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } -.-bottom-2 { - bottom: -0.5rem; +.hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } -.-left-2 { - left: -0.5rem; +.hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } -.-top-3 { - top: -0.75rem; +.hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } -.-right-3 { - right: -0.75rem; +.hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } -.-bottom-3 { - bottom: -0.75rem; +.hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } -.-left-3 { - left: -0.75rem; +.hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } -.-top-4 { - top: -1rem; +.hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } -.-right-4 { - right: -1rem; +.hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } -.-bottom-4 { - bottom: -1rem; +.hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } -.-left-4 { - left: -1rem; +.hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } -.-top-5 { - top: -1.25rem; +.hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } -.-right-5 { - right: -1.25rem; +.hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } -.-bottom-5 { - bottom: -1.25rem; +.hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } -.-left-5 { - left: -1.25rem; +.hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } -.-top-6 { - top: -1.5rem; +.hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } -.-right-6 { - right: -1.5rem; +.hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } -.-bottom-6 { - bottom: -1.5rem; +.hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } -.-left-6 { - left: -1.5rem; +.hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } -.-top-7 { - top: -1.75rem; +.hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } -.-right-7 { - right: -1.75rem; +.hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } -.-bottom-7 { - bottom: -1.75rem; +.hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } -.-left-7 { - left: -1.75rem; +.hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } -.-top-8 { - top: -2rem; +.hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } -.-right-8 { - right: -2rem; +.hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } -.-bottom-8 { - bottom: -2rem; +.hover\:translate-x-px:hover { + --transform-translate-x: 1px; } -.-left-8 { - left: -2rem; +.hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } -.-top-9 { - top: -2.25rem; +.hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } -.-right-9 { - right: -2.25rem; +.hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } -.-bottom-9 { - bottom: -2.25rem; +.hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } -.-left-9 { - left: -2.25rem; +.hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } -.-top-10 { - top: -2.5rem; +.hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } -.-right-10 { - right: -2.5rem; +.hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } -.-bottom-10 { - bottom: -2.5rem; +.hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } -.-left-10 { - left: -2.5rem; +.hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } -.-top-12 { - top: -3rem; +.hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } -.-right-12 { - right: -3rem; +.hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } -.-bottom-12 { - bottom: -3rem; +.hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } -.-left-12 { - left: -3rem; +.hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } -.-top-14 { - top: -3.5rem; +.hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } -.-right-14 { - right: -3.5rem; +.hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } -.-bottom-14 { - bottom: -3.5rem; +.hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } -.-left-14 { - left: -3.5rem; +.hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } -.-top-16 { - top: -4rem; +.hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } -.-right-16 { - right: -4rem; +.hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } -.-bottom-16 { - bottom: -4rem; +.hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } -.-left-16 { - left: -4rem; +.hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } -.-top-20 { - top: -5rem; +.hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } -.-right-20 { - right: -5rem; +.hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } -.-bottom-20 { - bottom: -5rem; +.hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } -.-left-20 { - left: -5rem; +.hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } -.-top-24 { - top: -6rem; +.hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } -.-right-24 { - right: -6rem; +.hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } -.-bottom-24 { - bottom: -6rem; +.hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } -.-left-24 { - left: -6rem; +.hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } -.-top-28 { - top: -7rem; +.hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } -.-right-28 { - right: -7rem; +.hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } -.-bottom-28 { - bottom: -7rem; +.hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } -.-left-28 { - left: -7rem; +.hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } -.-top-32 { - top: -8rem; +.hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } -.-right-32 { - right: -8rem; +.hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } -.-bottom-32 { - bottom: -8rem; +.hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } -.-left-32 { - left: -8rem; +.hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } -.-top-36 { - top: -9rem; +.hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } -.-right-36 { - right: -9rem; +.hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } -.-bottom-36 { - bottom: -9rem; +.hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } -.-left-36 { - left: -9rem; +.hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } -.-top-40 { - top: -10rem; +.hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } -.-right-40 { - right: -10rem; +.hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } -.-bottom-40 { - bottom: -10rem; +.hover\:translate-x-full:hover { + --transform-translate-x: 100%; } -.-left-40 { - left: -10rem; +.hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } -.-top-44 { - top: -11rem; +.hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } -.-right-44 { - right: -11rem; +.hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } -.-bottom-44 { - bottom: -11rem; +.hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } -.-left-44 { - left: -11rem; +.hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } -.-top-48 { - top: -12rem; +.hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } -.-right-48 { - right: -12rem; +.hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } -.-bottom-48 { - bottom: -12rem; +.hover\:translate-y-0:hover { + --transform-translate-y: 0; } -.-left-48 { - left: -12rem; +.hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } -.-top-52 { - top: -13rem; +.hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } -.-right-52 { - right: -13rem; +.hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } -.-bottom-52 { - bottom: -13rem; +.hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } -.-left-52 { - left: -13rem; +.hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } -.-top-56 { - top: -14rem; +.hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } -.-right-56 { - right: -14rem; +.hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } -.-bottom-56 { - bottom: -14rem; +.hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } -.-left-56 { - left: -14rem; +.hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } -.-top-60 { - top: -15rem; +.hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } -.-right-60 { - right: -15rem; +.hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } -.-bottom-60 { - bottom: -15rem; +.hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } -.-left-60 { - left: -15rem; +.hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } -.-top-64 { - top: -16rem; +.hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } -.-right-64 { - right: -16rem; +.hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } -.-bottom-64 { - bottom: -16rem; +.hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } -.-left-64 { - left: -16rem; +.hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } -.-top-72 { - top: -18rem; +.hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } -.-right-72 { - right: -18rem; +.hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } -.-bottom-72 { - bottom: -18rem; +.hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } -.-left-72 { - left: -18rem; +.hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } -.-top-80 { - top: -20rem; +.hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } -.-right-80 { - right: -20rem; +.hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } -.-bottom-80 { - bottom: -20rem; +.hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } -.-left-80 { - left: -20rem; +.hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } -.-top-96 { - top: -24rem; +.hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } -.-right-96 { - right: -24rem; +.hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } -.-bottom-96 { - bottom: -24rem; +.hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } -.-left-96 { - left: -24rem; +.hover\:translate-y-px:hover { + --transform-translate-y: 1px; } -.-top-px { - top: -1px; +.hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } -.-right-px { - right: -1px; +.hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } -.-bottom-px { - bottom: -1px; +.hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } -.-left-px { - left: -1px; +.hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } -.-top-0\.5 { - top: -0.125rem; +.hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } -.-right-0\.5 { - right: -0.125rem; +.hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } -.-bottom-0\.5 { - bottom: -0.125rem; +.hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } -.-left-0\.5 { - left: -0.125rem; +.hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } -.-top-1\.5 { - top: -0.375rem; +.hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } -.-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-full { - top: 100%; -} - -.right-full { - right: 100%; -} - -.bottom-full { - bottom: 100%; -} - -.left-full { - left: 100%; -} - -.-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-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: rgba(0, 0, 0, var(--text-opacity)); -} - -.text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); -} - -.group:hover .group-hover\:text-transparent { - color: transparent; -} - -.group:hover .group-hover\:text-current { - color: currentColor; -} - -.group:hover .group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); -} - -.group:hover .group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); -} - -.hover\:text-transparent:hover { - color: transparent; -} - -.hover\:text-current:hover { - color: currentColor; -} - -.hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); -} - -.hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); -} - -.focus\:text-transparent:focus { - color: transparent; -} - -.focus\:text-current:focus { - color: currentColor; -} - -.focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); -} - -.focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, 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; -} - -.group:hover .group-hover\:text-opacity-0 { - --text-opacity: 0; -} - -.group:hover .group-hover\:text-opacity-25 { - --text-opacity: 0.25; -} - -.group:hover .group-hover\:text-opacity-50 { - --text-opacity: 0.5; -} - -.group:hover .group-hover\:text-opacity-75 { - --text-opacity: 0.75; -} - -.group:hover .group-hover\: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; -} - -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.overflow-ellipsis { - text-overflow: ellipsis; -} - -.overflow-clip { - text-overflow: clip; -} - -.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; -} - -.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); -} - -.normal-nums { - font-variant-numeric: normal; -} - -.ordinal { - --font-variant-numeric-ordinal: ordinal; -} - -.slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; -} - -.lining-nums { - --font-variant-numeric-figure: lining-nums; -} - -.oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; -} - -.proportional-nums { - --font-variant-numeric-spacing: proportional-nums; -} - -.tabular-nums { - --font-variant-numeric-spacing: tabular-nums; -} - -.diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; -} - -.stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; -} - -.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; -} - -.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-12 { - width: 3rem; -} - -.w-14 { - width: 3.5rem; -} - -.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 { - width: min-content; -} - -.w-max { - 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; -} - -.focus\:z-0:focus { - z-index: 0; -} - -.focus\:z-10:focus { - z-index: 10; -} - -.focus\:z-20:focus { - z-index: 20; -} - -.focus\:z-30:focus { - z-index: 30; -} - -.focus\:z-40:focus { - z-index: 40; -} - -.focus\:z-50:focus { - z-index: 50; -} - -.focus\:z-auto:focus { - 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-12 { - grid-gap: 3rem; - gap: 3rem; -} - -.gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; -} - -.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-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-12 { - grid-column-gap: 3rem; - column-gap: 3rem; -} - -.gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; -} - -.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-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-12 { - grid-row-gap: 3rem; - row-gap: 3rem; -} - -.gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; -} - -.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; -} - -.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; -} - -.auto-cols-auto { - grid-auto-columns: auto; -} - -.auto-cols-min { - grid-auto-columns: min-content; -} - -.auto-cols-max { - grid-auto-columns: max-content; -} - -.auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); -} - -.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-span-full { - grid-column: 1 / -1; -} - -.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; -} - -.auto-rows-auto { - grid-auto-rows: auto; -} - -.auto-rows-min { - grid-auto-rows: min-content; -} - -.auto-rows-max { - grid-auto-rows: max-content; -} - -.auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); -} - -.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-span-full { - grid-row: 1 / -1; -} - -.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-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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-1 { - --transform-rotate: 1deg; -} - -.rotate-2 { - --transform-rotate: 2deg; -} - -.rotate-3 { - --transform-rotate: 3deg; -} - -.rotate-6 { - --transform-rotate: 6deg; -} - -.rotate-12 { - --transform-rotate: 12deg; -} - -.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; -} - -.-rotate-12 { - --transform-rotate: -12deg; -} - -.-rotate-6 { - --transform-rotate: -6deg; -} - -.-rotate-3 { - --transform-rotate: -3deg; -} - -.-rotate-2 { - --transform-rotate: -2deg; -} - -.-rotate-1 { - --transform-rotate: -1deg; -} - -.hover\:rotate-0:hover { - --transform-rotate: 0; -} - -.hover\:rotate-1:hover { - --transform-rotate: 1deg; -} - -.hover\:rotate-2:hover { - --transform-rotate: 2deg; -} - -.hover\:rotate-3:hover { - --transform-rotate: 3deg; -} - -.hover\:rotate-6:hover { - --transform-rotate: 6deg; -} - -.hover\:rotate-12:hover { - --transform-rotate: 12deg; -} - -.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; -} - -.hover\:-rotate-12:hover { - --transform-rotate: -12deg; -} - -.hover\:-rotate-6:hover { - --transform-rotate: -6deg; -} - -.hover\:-rotate-3:hover { - --transform-rotate: -3deg; -} - -.hover\:-rotate-2:hover { - --transform-rotate: -2deg; -} - -.hover\:-rotate-1:hover { - --transform-rotate: -1deg; -} - -.focus\:rotate-0:focus { - --transform-rotate: 0; -} - -.focus\:rotate-1:focus { - --transform-rotate: 1deg; -} - -.focus\:rotate-2:focus { - --transform-rotate: 2deg; -} - -.focus\:rotate-3:focus { - --transform-rotate: 3deg; -} - -.focus\:rotate-6:focus { - --transform-rotate: 6deg; -} - -.focus\:rotate-12:focus { - --transform-rotate: 12deg; -} - -.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; -} - -.focus\:-rotate-12:focus { - --transform-rotate: -12deg; -} - -.focus\:-rotate-6:focus { - --transform-rotate: -6deg; -} - -.focus\:-rotate-3:focus { - --transform-rotate: -3deg; -} - -.focus\:-rotate-2:focus { - --transform-rotate: -2deg; -} - -.focus\:-rotate-1:focus { - --transform-rotate: -1deg; -} - -.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-12 { - --transform-translate-x: 3rem; -} - -.translate-x-14 { - --transform-translate-x: 3.5rem; -} - -.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 { - --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-12 { - --transform-translate-x: -3rem; -} - -.-translate-x-14 { - --transform-translate-x: -3.5rem; -} - -.-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-full { - --transform-translate-x: 100%; -} - -.-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-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-12 { - --transform-translate-y: 3rem; -} - -.translate-y-14 { - --transform-translate-y: 3.5rem; -} - -.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 { - --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-12 { - --transform-translate-y: -3rem; -} - -.-translate-y-14 { - --transform-translate-y: -3.5rem; -} - -.-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-full { - --transform-translate-y: 100%; -} - -.-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-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-12:hover { - --transform-translate-x: 3rem; -} - -.hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; -} - -.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: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-12:hover { - --transform-translate-x: -3rem; -} - -.hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; -} - -.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-full:hover { - --transform-translate-x: 100%; -} - -.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-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-12:hover { - --transform-translate-y: 3rem; -} - -.hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; -} - -.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: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-12:hover { - --transform-translate-y: -3rem; -} - -.hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; -} - -.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-full:hover { - --transform-translate-y: 100%; -} - -.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-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-12:focus { - --transform-translate-x: 3rem; -} - -.focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; -} - -.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: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-12:focus { - --transform-translate-x: -3rem; -} - -.focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; -} - -.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-full:focus { - --transform-translate-x: 100%; -} - -.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-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-12:focus { - --transform-translate-y: 3rem; -} - -.focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; -} - -.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: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-12:focus { - --transform-translate-y: -3rem; -} - -.focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; -} - -.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-full:focus { - --transform-translate-y: 100%; -} - -.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-full:focus { - --transform-translate-y: -100%; -} - -.skew-x-0 { - --transform-skew-x: 0; -} - -.skew-x-1 { - --transform-skew-x: 1deg; -} - -.skew-x-2 { - --transform-skew-x: 2deg; -} - -.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-x-2 { - --transform-skew-x: -2deg; -} - -.-skew-x-1 { - --transform-skew-x: -1deg; -} - -.skew-y-0 { - --transform-skew-y: 0; -} - -.skew-y-1 { - --transform-skew-y: 1deg; -} - -.skew-y-2 { - --transform-skew-y: 2deg; -} - -.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; -} - -.-skew-y-2 { - --transform-skew-y: -2deg; -} - -.-skew-y-1 { - --transform-skew-y: -1deg; -} - -.hover\:skew-x-0:hover { - --transform-skew-x: 0; -} - -.hover\:skew-x-1:hover { - --transform-skew-x: 1deg; -} - -.hover\:skew-x-2:hover { - --transform-skew-x: 2deg; -} - -.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-x-2:hover { - --transform-skew-x: -2deg; -} - -.hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; -} - -.hover\:skew-y-0:hover { - --transform-skew-y: 0; -} - -.hover\:skew-y-1:hover { - --transform-skew-y: 1deg; -} - -.hover\:skew-y-2:hover { - --transform-skew-y: 2deg; -} - -.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; -} - -.hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; -} - -.hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; -} - -.focus\:skew-x-0:focus { - --transform-skew-x: 0; -} - -.focus\:skew-x-1:focus { - --transform-skew-x: 1deg; -} - -.focus\:skew-x-2:focus { - --transform-skew-x: 2deg; -} - -.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-x-2:focus { - --transform-skew-x: -2deg; -} - -.focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; -} - -.focus\:skew-y-0:focus { - --transform-skew-y: 0; -} - -.focus\:skew-y-1:focus { - --transform-skew-y: 1deg; -} - -.focus\:skew-y-2:focus { - --transform-skew-y: 2deg; -} - -.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; -} - -.focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; -} - -.focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; -} - -.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: #ef4444; -} - -@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; - } - } - - @media (min-width: 1536px) { - .sm\:container { - max-width: 1536px; - } - } - - .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-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * 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-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * 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-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * 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-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * 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-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * 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-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * 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-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * 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-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * 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-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .sm\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .sm\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .sm\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .sm\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .sm\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .sm\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .sm\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .sm\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .sm\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .sm\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .sm\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .sm\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .sm\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .sm\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .sm\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .sm\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .sm\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .sm\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .sm\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .sm\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .sm\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .sm\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .sm\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .sm\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .sm\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .sm\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .sm\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .sm\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .sm\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .sm\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .sm\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .sm\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .sm\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .sm\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .sm\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .sm\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .sm\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .sm\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .sm\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .sm\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .sm\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .sm\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .sm\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .sm\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .sm\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .sm\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .sm\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .sm\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .sm\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .sm\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .sm\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .sm\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .sm\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .sm\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .sm\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .sm\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .sm\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .sm\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .sm\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .sm\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .sm\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .sm\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .sm\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .sm\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .sm\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .sm\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .sm\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .sm\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .sm\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .sm\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .sm\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .sm\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .sm\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .sm\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .sm\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:to-transparent { - --gradient-to-color: transparent; - } - - .sm\:to-current { - --gradient-to-color: currentColor; - } - - .sm\:to-black { - --gradient-to-color: #000; - } - - .sm\:to-white { - --gradient-to-color: #fff; - } - - .sm\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .sm\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .sm\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .sm\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .sm\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .sm\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .sm\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .sm\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .sm\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .sm\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .sm\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .sm\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .sm\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .sm\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .sm\:to-red-400 { - --gradient-to-color: #f87171; - } - - .sm\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .sm\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .sm\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .sm\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .sm\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .sm\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .sm\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .sm\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .sm\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .sm\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .sm\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .sm\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .sm\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .sm\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .sm\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .sm\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .sm\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .sm\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .sm\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .sm\:to-green-400 { - --gradient-to-color: #34d399; - } - - .sm\:to-green-500 { - --gradient-to-color: #10b981; - } - - .sm\:to-green-600 { - --gradient-to-color: #059669; - } - - .sm\:to-green-700 { - --gradient-to-color: #047857; - } - - .sm\:to-green-800 { - --gradient-to-color: #065f46; - } - - .sm\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .sm\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .sm\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .sm\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .sm\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .sm\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .sm\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .sm\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .sm\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .sm\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .sm\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .sm\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .sm\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .sm\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .sm\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .sm\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .sm\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .sm\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .sm\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .sm\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .sm\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .sm\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .sm\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .sm\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .sm\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .sm\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .sm\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .sm\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .sm\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .sm\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .sm\:to-pink-900 { - --gradient-to-color: #831843; - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:hover\:from-white:hover { - --gradient-from-color: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:hover\:to-white:hover { - --gradient-to-color: #fff; - } - - .sm\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } - - .sm\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } - - .sm\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } - - .sm\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } - - .sm\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } - - .sm\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } - - .sm\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } - - .sm\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } - - .sm\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } - - .sm\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } - - .sm\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } - - .sm\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } - - .sm\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } - - .sm\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } - - .sm\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } - - .sm\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } - - .sm\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } - - .sm\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } - - .sm\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } - - .sm\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } - - .sm\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } - - .sm\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } - - .sm\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } - - .sm\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } - - .sm\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } - - .sm\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } - - .sm\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } - - .sm\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } - - .sm\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } - - .sm\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } - - .sm\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } - - .sm\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } - - .sm\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } - - .sm\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } - - .sm\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } - - .sm\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } - - .sm\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } - - .sm\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } - - .sm\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } - - .sm\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } - - .sm\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } - - .sm\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } - - .sm\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } - - .sm\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } - - .sm\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } - - .sm\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } - - .sm\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } - - .sm\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } - - .sm\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } - - .sm\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } - - .sm\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } - - .sm\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } - - .sm\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } - - .sm\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } - - .sm\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } - - .sm\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } - - .sm\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } - - .sm\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } - - .sm\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } - - .sm\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } - - .sm\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } - - .sm\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } - - .sm\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } - - .sm\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } - - .sm\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } - - .sm\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } - - .sm\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } - - .sm\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } - - .sm\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } - - .sm\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:focus\:from-white:focus { - --gradient-from-color: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } - - .sm\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } - - .sm\:focus\:to-black:focus { - --gradient-to-color: #000; - } - - .sm\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .sm\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .sm\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .sm\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .sm\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .sm\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .sm\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .sm\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .sm\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .sm\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .sm\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .sm\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .sm\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .sm\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .sm\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .sm\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .sm\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .sm\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .sm\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .sm\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .sm\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .sm\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .sm\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .sm\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .sm\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .sm\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .sm\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .sm\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .sm\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .sm\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .sm\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .sm\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .sm\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .sm\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .sm\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .sm\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .sm\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .sm\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .sm\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .sm\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .sm\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .sm\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .sm\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .sm\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .sm\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .sm\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .sm\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .sm\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .sm\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .sm\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .sm\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .sm\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .sm\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .sm\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .sm\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .sm\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .sm\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .sm\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .sm\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .sm\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .sm\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .sm\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .sm\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .sm\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .sm\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .sm\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .sm\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .sm\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .sm\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .sm\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .sm\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } - - @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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .sm\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:dark\:to-transparent { - --gradient-to-color: transparent; - } - - .sm\:dark\:to-current { - --gradient-to-color: currentColor; - } - - .sm\:dark\:to-black { - --gradient-to-color: #000; - } - - .sm\:dark\:to-white { - --gradient-to-color: #fff; - } - - .sm\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .sm\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .sm\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .sm\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .sm\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } - - .sm\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .sm\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .sm\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .sm\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .sm\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } - - .sm\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } - - .sm\:dark\:to-green-600 { - --gradient-to-color: #059669; - } - - .sm\:dark\:to-green-700 { - --gradient-to-color: #047857; - } - - .sm\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } - - .sm\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .sm\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .sm\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } - - .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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } - - .sm\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } - - .sm\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } - - .sm\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } - - .sm\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } - - .sm\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } - - .sm\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } - - .sm\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } - - .sm\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } - - .sm\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } - - .sm\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } - - .sm\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } - - .sm\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } - - .sm\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } - - .sm\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } - - .sm\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } - - .sm\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } - - .sm\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } - - .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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .sm\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .sm\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .sm\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .sm\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .sm\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .sm\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .sm\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .sm\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .sm\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .sm\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .sm\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .sm\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .sm\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .sm\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .sm\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .sm\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .sm\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } - } - - .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; - } - - .group:hover .sm\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; - } - - .group:hover .sm\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; - } - - .group:hover .sm\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; - } - - .group:hover .sm\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .sm\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .sm\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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; - } - - .group:hover .sm\:group-hover\:border-opacity-0 { - --border-opacity: 0; - } - - .group:hover .sm\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; - } - - .group:hover .sm\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; - } - - .group:hover .sm\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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-xl { - border-radius: 0.75rem; - } - - .sm\:rounded-2xl { - border-radius: 1rem; - } - - .sm\:rounded-3xl { - border-radius: 1.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-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; - } - - .sm\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; - } - - .sm\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; - } - - .sm\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; - } - - .sm\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; - } - - .sm\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; - } - - .sm\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.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-xl { - border-top-left-radius: 0.75rem; - } - - .sm\:rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; - } - - .sm\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-tl-2xl { - border-top-left-radius: 1rem; - } - - .sm\:rounded-tr-2xl { - border-top-right-radius: 1rem; - } - - .sm\:rounded-br-2xl { - border-bottom-right-radius: 1rem; - } - - .sm\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; - } - - .sm\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; - } - - .sm\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; - } - - .sm\:rounded-bl-3xl { - border-bottom-left-radius: 1.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\:place-items-auto { - place-items: auto; - } - - .sm\:place-items-start { - place-items: start; - } - - .sm\:place-items-end { - place-items: end; - } - - .sm\:place-items-center { - place-items: center; - } - - .sm\:place-items-stretch { - place-items: stretch; - } - - .sm\:place-content-center { - place-content: center; - } - - .sm\:place-content-start { - place-content: start; - } - - .sm\:place-content-end { - place-content: end; - } - - .sm\:place-content-between { - place-content: space-between; - } - - .sm\:place-content-around { - place-content: space-around; - } - - .sm\:place-content-evenly { - place-content: space-evenly; - } - - .sm\:place-content-stretch { - place-content: stretch; - } - - .sm\:place-self-auto { - place-self: auto; - } - - .sm\:place-self-start { - place-self: start; - } - - .sm\:place-self-end { - place-self: end; - } - - .sm\:place-self-center { - place-self: center; - } - - .sm\:place-self-stretch { - place-self: stretch; - } - - .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\: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\:content-evenly { - align-content: space-evenly; - } - - .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-items-auto { - justify-items: auto; - } - - .sm\:justify-items-start { - justify-items: start; - } - - .sm\:justify-items-end { - justify-items: end; - } - - .sm\:justify-items-center { - justify-items: center; - } - - .sm\:justify-items-stretch { - justify-items: 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\:justify-self-auto { - justify-self: auto; - } - - .sm\:justify-self-start { - justify-self: start; - } - - .sm\:justify-self-end { - justify-self: end; - } - - .sm\:justify-self-center { - justify-self: center; - } - - .sm\:justify-self-stretch { - justify-self: stretch; - } - - .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: ui-sans-serif, 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: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; - } - - .sm\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - } - - .sm\:font-thin { - font-weight: 100; - } - - .sm\:font-extralight { - 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-thin:hover { - font-weight: 100; - } - - .sm\:hover\:font-extralight: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-thin:focus { - font-weight: 100; - } - - .sm\:focus\:font-extralight: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-12 { - height: 3rem; - } - - .sm\:h-14 { - height: 3.5rem; - } - - .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-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: 3.75rem; - line-height: 1; - } - - .sm\:text-7xl { - font-size: 4.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-12 { - margin: 3rem; - } - - .sm\:m-14 { - margin: 3.5rem; - } - - .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 { - 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-12 { - margin: -3rem; - } - - .sm\:-m-14 { - margin: -3.5rem; - } - - .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\: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-12 { - margin-top: 3rem; - margin-bottom: 3rem; - } - - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; - } - - .sm\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; - } - - .sm\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; - } - - .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 { - 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-12 { - margin-top: -3rem; - margin-bottom: -3rem; - } - - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; - } - - .sm\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; - } - - .sm\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; - } - - .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\: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-12 { - margin-top: 3rem; - } - - .sm\:mr-12 { - margin-right: 3rem; - } - - .sm\:mb-12 { - margin-bottom: 3rem; - } - - .sm\:ml-12 { - margin-left: 3rem; - } - - .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-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 { - 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-12 { - margin-top: -3rem; - } - - .sm\:-mr-12 { - margin-right: -3rem; - } - - .sm\:-mb-12 { - margin-bottom: -3rem; - } - - .sm\:-ml-12 { - margin-left: -3rem; - } - - .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-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\: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-12 { - max-height: 3rem; - } - - .sm\:max-h-14 { - max-height: 3.5rem; - } - - .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-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-full { - max-height: 100%; - } - - .sm\:max-h-screen { - max-height: 100vh; - } - - .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 { - max-width: min-content; - } - - .sm\:max-w-max { - 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\:max-w-screen-2xl { - max-width: 1536px; - } - - .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 { - min-width: min-content; - } - - .sm\:min-w-max { - 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; - } - - .group:hover .sm\:group-hover\:opacity-0 { - opacity: 0; - } - - .group:hover .sm\:group-hover\:opacity-25 { - opacity: 0.25; - } - - .group:hover .sm\:group-hover\:opacity-50 { - opacity: 0.5; - } - - .group:hover .sm\:group-hover\:opacity-75 { - opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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: 2px solid transparent; - outline-offset: 2px; - } - - .sm\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; - } - - .sm\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; - } - - .sm\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; - } - - .sm\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; - } - - .sm\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; - } - - .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\: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-12 { - padding: 3rem; - } - - .sm\:p-14 { - padding: 3.5rem; - } - - .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\: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-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .sm\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; - } - - .sm\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; - } - - .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\: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-12 { - padding-top: 3rem; - } - - .sm\:pr-12 { - padding-right: 3rem; - } - - .sm\:pb-12 { - padding-bottom: 3rem; - } - - .sm\:pl-12 { - padding-left: 3rem; - } - - .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-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\:placeholder-transparent::placeholder { - color: transparent; - } - - .sm\:placeholder-current::placeholder { - color: currentColor; - } - - .sm\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; - } - - .sm\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; - } - - .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 { - 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-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; - } - - .sm\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; - } - - .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-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-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; - } - - .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-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-12 { - top: 3rem; - bottom: 3rem; - } - - .sm\:inset-x-12 { - right: 3rem; - left: 3rem; - } - - .sm\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; - } - - .sm\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; - } - - .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 { - 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-12 { - top: -3rem; - bottom: -3rem; - } - - .sm\:-inset-x-12 { - right: -3rem; - left: -3rem; - } - - .sm\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; - } - - .sm\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; - } - - .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-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-full { - top: 100%; - bottom: 100%; - } - - .sm\:inset-x-full { - right: 100%; - left: 100%; - } - - .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-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-12 { - top: 3rem; - } - - .sm\:right-12 { - right: 3rem; - } - - .sm\:bottom-12 { - bottom: 3rem; - } - - .sm\:left-12 { - left: 3rem; - } - - .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-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 { - 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-12 { - top: -3rem; - } - - .sm\:-right-12 { - right: -3rem; - } - - .sm\:-bottom-12 { - bottom: -3rem; - } - - .sm\:-left-12 { - left: -3rem; - } - - .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-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-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-full { - top: 100%; - } - - .sm\:right-full { - right: 100%; - } - - .sm\:bottom-full { - bottom: 100%; - } - - .sm\:left-full { - left: 100%; - } - - .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-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: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .sm\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .sm\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:text-transparent { - color: transparent; - } - - .sm\:dark\:text-current { - color: currentColor; - } - - .sm\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .sm\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .sm\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-transparent:focus { - color: transparent; - } - - .sm\:dark\:focus\:text-current:focus { - color: currentColor; - } - - .sm\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - } - - .sm\:text-opacity-0 { - --text-opacity: 0; - } - - .sm\:text-opacity-25 { - --text-opacity: 0.25; - } - - .sm\:text-opacity-50 { - --text-opacity: 0.5; - } - - .sm\:text-opacity-75 { - --text-opacity: 0.75; - } - - .sm\:text-opacity-100 { - --text-opacity: 1; - } - - .group:hover .sm\:group-hover\:text-opacity-0 { - --text-opacity: 0; - } - - .group:hover .sm\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; - } - - .group:hover .sm\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; - } - - .group:hover .sm\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; - } - - .group:hover .sm\:group-hover\:text-opacity-100 { - --text-opacity: 1; - } - - .sm\:hover\:text-opacity-0:hover { - --text-opacity: 0; - } - - .sm\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; - } - - .sm\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; - } - - .sm\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; - } - - .sm\:hover\:text-opacity-100:hover { - --text-opacity: 1; - } - - .sm\:focus\:text-opacity-0:focus { - --text-opacity: 0; - } - - .sm\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; - } - - .sm\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; - } - - .sm\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; - } - - .sm\:focus\:text-opacity-100:focus { - --text-opacity: 1; - } - - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .sm\:overflow-ellipsis { - text-overflow: ellipsis; - } - - .sm\:overflow-clip { - text-overflow: clip; - } - - .sm\:italic { - font-style: italic; - } - - .sm\:not-italic { - font-style: normal; - } - - .sm\:uppercase { - text-transform: uppercase; - } - - .sm\:lowercase { - text-transform: lowercase; - } - - .sm\:capitalize { - text-transform: capitalize; - } - - .sm\:normal-case { - text-transform: none; - } - - .sm\:underline { - text-decoration: underline; - } - - .sm\:line-through { - text-decoration: line-through; - } - - .sm\:no-underline { - text-decoration: none; - } - - .sm\:hover\:underline:hover { - text-decoration: underline; - } - - .sm\:hover\:line-through:hover { - text-decoration: line-through; - } - - .sm\:hover\:no-underline:hover { - text-decoration: none; - } - - .sm\:focus\:underline:focus { - text-decoration: underline; - } - - .sm\:focus\:line-through:focus { - text-decoration: line-through; - } - - .sm\:focus\:no-underline:focus { - text-decoration: none; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); - } - - .sm\:normal-nums { - font-variant-numeric: normal; - } - - .sm\:ordinal { - --font-variant-numeric-ordinal: ordinal; - } - - .sm\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; - } - - .sm\:lining-nums { - --font-variant-numeric-figure: lining-nums; - } - - .sm\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; - } - - .sm\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; - } - - .sm\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; - } - - .sm\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; - } - - .sm\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; - } - - .sm\:tracking-tighter { - letter-spacing: -0.05em; - } - - .sm\:tracking-tight { - letter-spacing: -0.025em; - } - - .sm\:tracking-normal { - letter-spacing: 0; - } - - .sm\:tracking-wide { - letter-spacing: 0.025em; - } - - .sm\:tracking-wider { - letter-spacing: 0.05em; - } - - .sm\:tracking-widest { - letter-spacing: 0.1em; - } - - .sm\:select-none { - user-select: none; - } - - .sm\:select-text { - user-select: text; - } - - .sm\:select-all { - user-select: all; - } - - .sm\:select-auto { - user-select: auto; - } - - .sm\:align-baseline { - vertical-align: baseline; - } - - .sm\:align-top { - vertical-align: top; - } - - .sm\:align-middle { - vertical-align: middle; - } - - .sm\:align-bottom { - vertical-align: bottom; - } - - .sm\:align-text-top { - vertical-align: text-top; - } - - .sm\:align-text-bottom { - vertical-align: text-bottom; - } - - .sm\:visible { - visibility: visible; - } - - .sm\:invisible { - visibility: hidden; - } - - .sm\:whitespace-normal { - white-space: normal; - } - - .sm\:whitespace-no-wrap { - white-space: nowrap; - } - - .sm\:whitespace-pre { - white-space: pre; - } - - .sm\:whitespace-pre-line { - white-space: pre-line; - } - - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; - } - - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; - } - - .sm\:break-words { - overflow-wrap: break-word; - } - - .sm\:break-all { - word-break: break-all; - } - - .sm\:w-0 { - width: 0; - } - - .sm\:w-1 { - width: 0.25rem; - } - - .sm\:w-2 { - width: 0.5rem; - } - - .sm\:w-3 { - width: 0.75rem; - } - - .sm\:w-4 { - width: 1rem; - } - - .sm\:w-5 { - width: 1.25rem; - } - - .sm\:w-6 { - width: 1.5rem; - } - - .sm\:w-7 { - width: 1.75rem; - } - - .sm\:w-8 { - width: 2rem; - } - - .sm\:w-9 { - width: 2.25rem; - } - - .sm\:w-10 { - width: 2.5rem; - } - - .sm\:w-12 { - width: 3rem; - } - - .sm\:w-14 { - width: 3.5rem; - } - - .sm\:w-16 { - width: 4rem; - } - - .sm\:w-20 { - width: 5rem; - } - - .sm\:w-24 { - width: 6rem; - } - - .sm\:w-28 { - width: 7rem; - } - - .sm\:w-32 { - width: 8rem; - } - - .sm\:w-36 { - width: 9rem; - } - - .sm\:w-40 { - width: 10rem; - } - - .sm\:w-44 { - width: 11rem; - } - - .sm\:w-48 { - width: 12rem; - } - - .sm\:w-52 { - width: 13rem; - } - - .sm\:w-56 { - width: 14rem; - } - - .sm\:w-60 { - width: 15rem; - } - - .sm\:w-64 { - width: 16rem; - } - - .sm\:w-72 { - width: 18rem; - } - - .sm\:w-80 { - width: 20rem; - } - - .sm\:w-96 { - width: 24rem; - } - - .sm\:w-auto { - width: auto; - } - - .sm\:w-px { - width: 1px; - } - - .sm\:w-0\.5 { - width: 0.125rem; - } - - .sm\:w-1\.5 { - width: 0.375rem; - } - - .sm\:w-2\.5 { - width: 0.625rem; - } - - .sm\:w-3\.5 { - width: 0.875rem; - } - - .sm\:w-1\/2 { - width: 50%; - } - - .sm\:w-1\/3 { - width: 33.333333%; - } - - .sm\:w-2\/3 { - width: 66.666667%; - } - - .sm\:w-1\/4 { - width: 25%; - } - - .sm\:w-2\/4 { - width: 50%; - } - - .sm\:w-3\/4 { - width: 75%; - } - - .sm\:w-1\/5 { - width: 20%; - } - - .sm\:w-2\/5 { - width: 40%; - } - - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:w-4\/5 { - width: 80%; - } - - .sm\:w-1\/6 { - width: 16.666667%; - } - - .sm\:w-2\/6 { - width: 33.333333%; - } - - .sm\:w-3\/6 { - width: 50%; - } - - .sm\:w-4\/6 { - width: 66.666667%; - } - - .sm\:w-5\/6 { - width: 83.333333%; - } - - .sm\:w-1\/12 { - width: 8.333333%; - } - - .sm\:w-2\/12 { - width: 16.666667%; - } - - .sm\:w-3\/12 { - width: 25%; - } - - .sm\:w-4\/12 { - width: 33.333333%; - } - - .sm\:w-5\/12 { - width: 41.666667%; - } - - .sm\:w-6\/12 { - width: 50%; - } - - .sm\:w-7\/12 { - width: 58.333333%; - } - - .sm\:w-8\/12 { - width: 66.666667%; - } - - .sm\:w-9\/12 { - width: 75%; - } - - .sm\:w-10\/12 { - width: 83.333333%; - } - - .sm\:w-11\/12 { - width: 91.666667%; - } - - .sm\:w-full { - width: 100%; - } - - .sm\:w-screen { - width: 100vw; - } - - .sm\:w-min { - width: min-content; - } - - .sm\:w-max { - width: max-content; - } - - .sm\:z-0 { - z-index: 0; - } - - .sm\:z-10 { - z-index: 10; - } - - .sm\:z-20 { - z-index: 20; - } - - .sm\:z-30 { - z-index: 30; - } - - .sm\:z-40 { - z-index: 40; - } - - .sm\:z-50 { - z-index: 50; - } - - .sm\:z-auto { - z-index: auto; - } - - .sm\:focus\:z-0:focus { - z-index: 0; - } - - .sm\:focus\:z-10:focus { - z-index: 10; - } - - .sm\:focus\:z-20:focus { - z-index: 20; - } - - .sm\:focus\:z-30:focus { - z-index: 30; - } - - .sm\:focus\:z-40:focus { - z-index: 40; - } - - .sm\:focus\:z-50:focus { - z-index: 50; - } - - .sm\:focus\:z-auto:focus { - z-index: auto; - } - - .sm\:gap-0 { - grid-gap: 0; - gap: 0; - } - - .sm\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; - } - - .sm\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; - } - - .sm\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; - } - - .sm\:gap-4 { - grid-gap: 1rem; - gap: 1rem; - } - - .sm\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; - } - - .sm\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; - } - - .sm\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; - } - - .sm\:gap-8 { - grid-gap: 2rem; - gap: 2rem; - } - - .sm\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; - } - - .sm\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; - } - - .sm\:gap-12 { - grid-gap: 3rem; - gap: 3rem; - } - - .sm\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; - } - - .sm\:gap-16 { - grid-gap: 4rem; - gap: 4rem; - } - - .sm\:gap-20 { - grid-gap: 5rem; - gap: 5rem; - } - - .sm\:gap-24 { - grid-gap: 6rem; - gap: 6rem; - } - - .sm\:gap-28 { - grid-gap: 7rem; - gap: 7rem; - } - - .sm\:gap-32 { - grid-gap: 8rem; - gap: 8rem; - } - - .sm\:gap-36 { - grid-gap: 9rem; - gap: 9rem; - } - - .sm\:gap-40 { - grid-gap: 10rem; - gap: 10rem; - } - - .sm\:gap-44 { - grid-gap: 11rem; - gap: 11rem; - } - - .sm\:gap-48 { - grid-gap: 12rem; - gap: 12rem; - } - - .sm\:gap-52 { - grid-gap: 13rem; - gap: 13rem; - } - - .sm\:gap-56 { - grid-gap: 14rem; - gap: 14rem; - } - - .sm\:gap-60 { - grid-gap: 15rem; - gap: 15rem; - } - - .sm\:gap-64 { - grid-gap: 16rem; - gap: 16rem; - } - - .sm\:gap-72 { - grid-gap: 18rem; - gap: 18rem; - } - - .sm\:gap-80 { - grid-gap: 20rem; - gap: 20rem; - } - - .sm\:gap-96 { - grid-gap: 24rem; - gap: 24rem; - } - - .sm\:gap-px { - grid-gap: 1px; - gap: 1px; - } - - .sm\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; - } - - .sm\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; - } - - .sm\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; - } - - .sm\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; - } - - .sm\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; - } - - .sm\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; - } - - .sm\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; - } - - .sm\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; - } - - .sm\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; - } - - .sm\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; - } - - .sm\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; - } - - .sm\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; - } - - .sm\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; - } - - .sm\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; - } - - .sm\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; - } - - .sm\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; - } - - .sm\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; - } - - .sm\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; - } - - .sm\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; - } - - .sm\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; - } - - .sm\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; - } - - .sm\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; - } - - .sm\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; - } - - .sm\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; - } - - .sm\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; - } - - .sm\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; - } - - .sm\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; - } - - .sm\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; - } - - .sm\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; - } - - .sm\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; - } - - .sm\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; - } - - .sm\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; - } - - .sm\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; - } - - .sm\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; - } - - .sm\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; - } - - .sm\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; - } - - .sm\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; - } - - .sm\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; - } - - .sm\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; - } - - .sm\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; - } - - .sm\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; - } - - .sm\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; - } - - .sm\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; - } - - .sm\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; - } - - .sm\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; - } - - .sm\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; - } - - .sm\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; - } - - .sm\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; - } - - .sm\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; - } - - .sm\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; - } - - .sm\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; - } - - .sm\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; - } - - .sm\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; - } - - .sm\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; - } - - .sm\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; - } - - .sm\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; - } - - .sm\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; - } - - .sm\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; - } - - .sm\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; - } - - .sm\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; - } - - .sm\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; - } - - .sm\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; - } - - .sm\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; - } - - .sm\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; - } - - .sm\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; - } - - .sm\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; - } - - .sm\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; - } - - .sm\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; - } - - .sm\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; - } - - .sm\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; - } - - .sm\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; - } - - .sm\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; - } - - .sm\:grid-flow-row { - grid-auto-flow: row; - } - - .sm\:grid-flow-col { - grid-auto-flow: column; - } - - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; - } - - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; - } - - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); - } - - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); - } - - .sm\:grid-cols-none { - grid-template-columns: none; - } - - .sm\:auto-cols-auto { - grid-auto-columns: auto; - } - - .sm\:auto-cols-min { - grid-auto-columns: min-content; - } - - .sm\:auto-cols-max { - grid-auto-columns: max-content; - } - - .sm\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); - } - - .sm\:col-auto { - grid-column: auto; - } - - .sm\:col-span-1 { - grid-column: span 1 / span 1; - } - - .sm\:col-span-2 { - grid-column: span 2 / span 2; - } - - .sm\:col-span-3 { - grid-column: span 3 / span 3; - } - - .sm\:col-span-4 { - grid-column: span 4 / span 4; - } - - .sm\:col-span-5 { - grid-column: span 5 / span 5; - } - - .sm\:col-span-6 { - grid-column: span 6 / span 6; - } - - .sm\:col-span-7 { - grid-column: span 7 / span 7; - } - - .sm\:col-span-8 { - grid-column: span 8 / span 8; - } - - .sm\:col-span-9 { - grid-column: span 9 / span 9; - } - - .sm\:col-span-10 { - grid-column: span 10 / span 10; - } - - .sm\:col-span-11 { - grid-column: span 11 / span 11; - } - - .sm\:col-span-12 { - grid-column: span 12 / span 12; - } - - .sm\:col-span-full { - grid-column: 1 / -1; - } - - .sm\:col-start-1 { - grid-column-start: 1; - } - - .sm\:col-start-2 { - grid-column-start: 2; - } - - .sm\:col-start-3 { - grid-column-start: 3; - } - - .sm\:col-start-4 { - grid-column-start: 4; - } - - .sm\:col-start-5 { - grid-column-start: 5; - } - - .sm\:col-start-6 { - grid-column-start: 6; - } - - .sm\:col-start-7 { - grid-column-start: 7; - } - - .sm\:col-start-8 { - grid-column-start: 8; - } - - .sm\:col-start-9 { - grid-column-start: 9; - } - - .sm\:col-start-10 { - grid-column-start: 10; - } - - .sm\:col-start-11 { - grid-column-start: 11; - } - - .sm\:col-start-12 { - grid-column-start: 12; - } - - .sm\:col-start-13 { - grid-column-start: 13; - } - - .sm\:col-start-auto { - grid-column-start: auto; - } - - .sm\:col-end-1 { - grid-column-end: 1; - } - - .sm\:col-end-2 { - grid-column-end: 2; - } - - .sm\:col-end-3 { - grid-column-end: 3; - } - - .sm\:col-end-4 { - grid-column-end: 4; - } - - .sm\:col-end-5 { - grid-column-end: 5; - } - - .sm\:col-end-6 { - grid-column-end: 6; - } - - .sm\:col-end-7 { - grid-column-end: 7; - } - - .sm\:col-end-8 { - grid-column-end: 8; - } - - .sm\:col-end-9 { - grid-column-end: 9; - } - - .sm\:col-end-10 { - grid-column-end: 10; - } - - .sm\:col-end-11 { - grid-column-end: 11; - } - - .sm\:col-end-12 { - grid-column-end: 12; - } - - .sm\:col-end-13 { - grid-column-end: 13; - } - - .sm\:col-end-auto { - grid-column-end: auto; - } - - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); - } - - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); - } - - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); - } - - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); - } - - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); - } - - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); - } - - .sm\:grid-rows-none { - grid-template-rows: none; - } - - .sm\:auto-rows-auto { - grid-auto-rows: auto; - } - - .sm\:auto-rows-min { - grid-auto-rows: min-content; - } - - .sm\:auto-rows-max { - grid-auto-rows: max-content; - } - - .sm\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); - } - - .sm\:row-auto { - grid-row: auto; - } - - .sm\:row-span-1 { - grid-row: span 1 / span 1; - } - - .sm\:row-span-2 { - grid-row: span 2 / span 2; - } - - .sm\:row-span-3 { - grid-row: span 3 / span 3; - } - - .sm\:row-span-4 { - grid-row: span 4 / span 4; - } - - .sm\:row-span-5 { - grid-row: span 5 / span 5; - } - - .sm\:row-span-6 { - grid-row: span 6 / span 6; - } - - .sm\:row-span-full { - grid-row: 1 / -1; - } - - .sm\:row-start-1 { - grid-row-start: 1; - } - - .sm\:row-start-2 { - grid-row-start: 2; - } - - .sm\:row-start-3 { - grid-row-start: 3; - } - - .sm\:row-start-4 { - grid-row-start: 4; - } - - .sm\:row-start-5 { - grid-row-start: 5; - } - - .sm\:row-start-6 { - grid-row-start: 6; - } - - .sm\:row-start-7 { - grid-row-start: 7; - } - - .sm\:row-start-auto { - grid-row-start: auto; - } - - .sm\:row-end-1 { - grid-row-end: 1; - } - - .sm\:row-end-2 { - grid-row-end: 2; - } - - .sm\:row-end-3 { - grid-row-end: 3; - } - - .sm\:row-end-4 { - grid-row-end: 4; - } - - .sm\:row-end-5 { - grid-row-end: 5; - } - - .sm\:row-end-6 { - grid-row-end: 6; - } - - .sm\:row-end-7 { - grid-row-end: 7; - } - - .sm\:row-end-auto { - grid-row-end: auto; - } - - .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\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:transform-none { - transform: none; - } - - .sm\:origin-center { - transform-origin: center; - } - - .sm\:origin-top { - transform-origin: top; - } - - .sm\:origin-top-right { - transform-origin: top right; - } - - .sm\:origin-right { - transform-origin: right; - } - - .sm\:origin-bottom-right { - transform-origin: bottom right; - } - - .sm\:origin-bottom { - transform-origin: bottom; - } - - .sm\:origin-bottom-left { - transform-origin: bottom left; - } - - .sm\:origin-left { - transform-origin: left; - } - - .sm\:origin-top-left { - transform-origin: top left; - } - - .sm\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; - } - - .sm\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; - } - - .sm\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; - } - - .sm\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; - } - - .sm\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; - } - - .sm\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; - } - - .sm\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } - - .sm\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } - - .sm\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } - - .sm\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } - - .sm\:scale-x-0 { - --transform-scale-x: 0; - } - - .sm\:scale-x-50 { - --transform-scale-x: .5; - } - - .sm\:scale-x-75 { - --transform-scale-x: .75; - } - - .sm\:scale-x-90 { - --transform-scale-x: .9; - } - - .sm\:scale-x-95 { - --transform-scale-x: .95; - } - - .sm\:scale-x-100 { - --transform-scale-x: 1; - } - - .sm\:scale-x-105 { - --transform-scale-x: 1.05; - } - - .sm\:scale-x-110 { - --transform-scale-x: 1.1; - } - - .sm\:scale-x-125 { - --transform-scale-x: 1.25; - } - - .sm\:scale-x-150 { - --transform-scale-x: 1.5; - } - - .sm\:scale-y-0 { - --transform-scale-y: 0; - } - - .sm\:scale-y-50 { - --transform-scale-y: .5; - } - - .sm\:scale-y-75 { - --transform-scale-y: .75; - } - - .sm\:scale-y-90 { - --transform-scale-y: .9; - } - - .sm\:scale-y-95 { - --transform-scale-y: .95; - } - - .sm\:scale-y-100 { - --transform-scale-y: 1; - } - - .sm\:scale-y-105 { - --transform-scale-y: 1.05; - } - - .sm\:scale-y-110 { - --transform-scale-y: 1.1; - } - - .sm\:scale-y-125 { - --transform-scale-y: 1.25; - } - - .sm\:scale-y-150 { - --transform-scale-y: 1.5; - } - - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; - } - - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; - } - - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; - } - - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; - } - - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; - } - - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; - } - - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } - - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } - - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } - - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } - - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0; - } - - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5; - } - - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75; - } - - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9; - } - - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95; - } - - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1; - } - - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; - } - - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; - } - - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; - } - - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; - } - - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0; - } - - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5; - } - - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75; - } - - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9; - } - - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95; - } - - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1; - } - - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; - } - - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; - } - - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; - } - - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; - } - - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; - } - - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; - } - - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; - } - - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; - } - - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; - } - - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; - } - - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } - - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } - - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } - - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } - - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0; - } - - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5; - } - - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75; - } - - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9; - } - - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95; - } - - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1; - } - - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; - } - - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; - } - - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; - } - - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; - } - - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0; - } - - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5; - } - - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75; - } - - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9; - } - - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95; - } - - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1; - } - - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; - } - - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; - } - - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; - } - - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; - } - - .sm\:rotate-0 { - --transform-rotate: 0; - } - - .sm\:rotate-1 { - --transform-rotate: 1deg; - } - - .sm\:rotate-2 { - --transform-rotate: 2deg; - } - - .sm\:rotate-3 { - --transform-rotate: 3deg; - } - - .sm\:rotate-6 { - --transform-rotate: 6deg; - } - - .sm\:rotate-12 { - --transform-rotate: 12deg; - } - - .sm\:rotate-45 { - --transform-rotate: 45deg; - } - - .sm\:rotate-90 { - --transform-rotate: 90deg; - } - - .sm\:rotate-180 { - --transform-rotate: 180deg; - } - - .sm\:-rotate-180 { - --transform-rotate: -180deg; - } - - .sm\:-rotate-90 { - --transform-rotate: -90deg; - } - - .sm\:-rotate-45 { - --transform-rotate: -45deg; - } - - .sm\:-rotate-12 { - --transform-rotate: -12deg; - } - - .sm\:-rotate-6 { - --transform-rotate: -6deg; - } - - .sm\:-rotate-3 { - --transform-rotate: -3deg; - } - - .sm\:-rotate-2 { - --transform-rotate: -2deg; - } - - .sm\:-rotate-1 { - --transform-rotate: -1deg; - } - - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0; - } - - .sm\:hover\:rotate-1:hover { - --transform-rotate: 1deg; - } - - .sm\:hover\:rotate-2:hover { - --transform-rotate: 2deg; - } - - .sm\:hover\:rotate-3:hover { - --transform-rotate: 3deg; - } - - .sm\:hover\:rotate-6:hover { - --transform-rotate: 6deg; - } - - .sm\:hover\:rotate-12:hover { - --transform-rotate: 12deg; - } - - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg; - } - - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg; - } - - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg; - } - - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; - } - - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; - } - - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; - } - - .sm\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; - } - - .sm\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; - } - - .sm\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; - } - - .sm\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; - } - - .sm\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; - } - - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0; - } - - .sm\:focus\:rotate-1:focus { - --transform-rotate: 1deg; - } - - .sm\:focus\:rotate-2:focus { - --transform-rotate: 2deg; - } - - .sm\:focus\:rotate-3:focus { - --transform-rotate: 3deg; - } - - .sm\:focus\:rotate-6:focus { - --transform-rotate: 6deg; - } - - .sm\:focus\:rotate-12:focus { - --transform-rotate: 12deg; - } - - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg; - } - - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg; - } - - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg; - } - - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; - } - - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; - } - - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; - } - - .sm\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; - } - - .sm\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; - } - - .sm\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; - } - - .sm\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; - } - - .sm\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; - } - - .sm\:translate-x-0 { - --transform-translate-x: 0; - } - - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem; - } - - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem; - } - - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem; - } - - .sm\:translate-x-4 { - --transform-translate-x: 1rem; - } - - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem; - } - - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem; - } - - .sm\:translate-x-7 { - --transform-translate-x: 1.75rem; - } - - .sm\:translate-x-8 { - --transform-translate-x: 2rem; - } - - .sm\:translate-x-9 { - --transform-translate-x: 2.25rem; - } - - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem; - } - - .sm\:translate-x-12 { - --transform-translate-x: 3rem; - } - - .sm\:translate-x-14 { - --transform-translate-x: 3.5rem; - } - - .sm\:translate-x-16 { - --transform-translate-x: 4rem; - } - - .sm\:translate-x-20 { - --transform-translate-x: 5rem; - } - - .sm\:translate-x-24 { - --transform-translate-x: 6rem; - } - - .sm\:translate-x-28 { - --transform-translate-x: 7rem; - } - - .sm\:translate-x-32 { - --transform-translate-x: 8rem; - } - - .sm\:translate-x-36 { - --transform-translate-x: 9rem; - } - - .sm\:translate-x-40 { - --transform-translate-x: 10rem; - } - - .sm\:translate-x-44 { - --transform-translate-x: 11rem; - } - - .sm\:translate-x-48 { - --transform-translate-x: 12rem; - } - - .sm\:translate-x-52 { - --transform-translate-x: 13rem; - } - - .sm\:translate-x-56 { - --transform-translate-x: 14rem; - } - - .sm\:translate-x-60 { - --transform-translate-x: 15rem; - } - - .sm\:translate-x-64 { - --transform-translate-x: 16rem; - } - - .sm\:translate-x-72 { - --transform-translate-x: 18rem; - } - - .sm\:translate-x-80 { - --transform-translate-x: 20rem; - } - - .sm\:translate-x-96 { - --transform-translate-x: 24rem; - } - - .sm\:translate-x-px { - --transform-translate-x: 1px; - } - - .sm\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; - } - - .sm\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; - } - - .sm\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; - } - - .sm\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; - } - - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem; - } - - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem; - } - - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem; - } - - .sm\:-translate-x-4 { - --transform-translate-x: -1rem; - } - - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem; - } - - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem; - } - - .sm\:-translate-x-7 { - --transform-translate-x: -1.75rem; - } - - .sm\:-translate-x-8 { - --transform-translate-x: -2rem; - } - - .sm\:-translate-x-9 { - --transform-translate-x: -2.25rem; - } - - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem; - } - - .sm\:-translate-x-12 { - --transform-translate-x: -3rem; - } - - .sm\:-translate-x-14 { - --transform-translate-x: -3.5rem; - } - - .sm\:-translate-x-16 { - --transform-translate-x: -4rem; - } - - .sm\:-translate-x-20 { - --transform-translate-x: -5rem; - } - - .sm\:-translate-x-24 { - --transform-translate-x: -6rem; - } - - .sm\:-translate-x-28 { - --transform-translate-x: -7rem; - } - - .sm\:-translate-x-32 { - --transform-translate-x: -8rem; - } - - .sm\:-translate-x-36 { - --transform-translate-x: -9rem; - } - - .sm\:-translate-x-40 { - --transform-translate-x: -10rem; - } - - .sm\:-translate-x-44 { - --transform-translate-x: -11rem; - } - - .sm\:-translate-x-48 { - --transform-translate-x: -12rem; - } - - .sm\:-translate-x-52 { - --transform-translate-x: -13rem; - } - - .sm\:-translate-x-56 { - --transform-translate-x: -14rem; - } - - .sm\:-translate-x-60 { - --transform-translate-x: -15rem; - } - - .sm\:-translate-x-64 { - --transform-translate-x: -16rem; - } - - .sm\:-translate-x-72 { - --transform-translate-x: -18rem; - } - - .sm\:-translate-x-80 { - --transform-translate-x: -20rem; - } - - .sm\:-translate-x-96 { - --transform-translate-x: -24rem; - } - - .sm\:-translate-x-px { - --transform-translate-x: -1px; - } - - .sm\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; - } - - .sm\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; - } - - .sm\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; - } - - .sm\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; - } - - .sm\:translate-x-1\/2 { - --transform-translate-x: 50%; - } - - .sm\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; - } - - .sm\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; - } - - .sm\:translate-x-1\/4 { - --transform-translate-x: 25%; - } - - .sm\:translate-x-2\/4 { - --transform-translate-x: 50%; - } - - .sm\:translate-x-3\/4 { - --transform-translate-x: 75%; - } - - .sm\:translate-x-full { - --transform-translate-x: 100%; - } - - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50%; - } - - .sm\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; - } - - .sm\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; - } - - .sm\:-translate-x-1\/4 { - --transform-translate-x: -25%; - } - - .sm\:-translate-x-2\/4 { - --transform-translate-x: -50%; - } - - .sm\:-translate-x-3\/4 { - --transform-translate-x: -75%; - } - - .sm\:-translate-x-full { - --transform-translate-x: -100%; - } - - .sm\:translate-y-0 { - --transform-translate-y: 0; - } - - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem; - } - - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem; - } - - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem; - } - - .sm\:translate-y-4 { - --transform-translate-y: 1rem; - } - - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem; - } - - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem; - } - - .sm\:translate-y-7 { - --transform-translate-y: 1.75rem; - } - - .sm\:translate-y-8 { - --transform-translate-y: 2rem; - } - - .sm\:translate-y-9 { - --transform-translate-y: 2.25rem; - } - - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem; - } - - .sm\:translate-y-12 { - --transform-translate-y: 3rem; - } - - .sm\:translate-y-14 { - --transform-translate-y: 3.5rem; - } - - .sm\:translate-y-16 { - --transform-translate-y: 4rem; - } - - .sm\:translate-y-20 { - --transform-translate-y: 5rem; - } - - .sm\:translate-y-24 { - --transform-translate-y: 6rem; - } - - .sm\:translate-y-28 { - --transform-translate-y: 7rem; - } - - .sm\:translate-y-32 { - --transform-translate-y: 8rem; - } - - .sm\:translate-y-36 { - --transform-translate-y: 9rem; - } - - .sm\:translate-y-40 { - --transform-translate-y: 10rem; - } - - .sm\:translate-y-44 { - --transform-translate-y: 11rem; - } - - .sm\:translate-y-48 { - --transform-translate-y: 12rem; - } - - .sm\:translate-y-52 { - --transform-translate-y: 13rem; - } - - .sm\:translate-y-56 { - --transform-translate-y: 14rem; - } - - .sm\:translate-y-60 { - --transform-translate-y: 15rem; - } - - .sm\:translate-y-64 { - --transform-translate-y: 16rem; - } - - .sm\:translate-y-72 { - --transform-translate-y: 18rem; - } - - .sm\:translate-y-80 { - --transform-translate-y: 20rem; - } - - .sm\:translate-y-96 { - --transform-translate-y: 24rem; - } - - .sm\:translate-y-px { - --transform-translate-y: 1px; - } - - .sm\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; - } - - .sm\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; - } - - .sm\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; - } - - .sm\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; - } - - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem; - } - - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem; - } - - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem; - } - - .sm\:-translate-y-4 { - --transform-translate-y: -1rem; - } - - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem; - } - - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem; - } - - .sm\:-translate-y-7 { - --transform-translate-y: -1.75rem; - } - - .sm\:-translate-y-8 { - --transform-translate-y: -2rem; - } - - .sm\:-translate-y-9 { - --transform-translate-y: -2.25rem; - } - - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem; - } - - .sm\:-translate-y-12 { - --transform-translate-y: -3rem; - } - - .sm\:-translate-y-14 { - --transform-translate-y: -3.5rem; - } - - .sm\:-translate-y-16 { - --transform-translate-y: -4rem; - } - - .sm\:-translate-y-20 { - --transform-translate-y: -5rem; - } - - .sm\:-translate-y-24 { - --transform-translate-y: -6rem; - } - - .sm\:-translate-y-28 { - --transform-translate-y: -7rem; - } - - .sm\:-translate-y-32 { - --transform-translate-y: -8rem; - } - - .sm\:-translate-y-36 { - --transform-translate-y: -9rem; - } - - .sm\:-translate-y-40 { - --transform-translate-y: -10rem; - } - - .sm\:-translate-y-44 { - --transform-translate-y: -11rem; - } - - .sm\:-translate-y-48 { - --transform-translate-y: -12rem; - } - - .sm\:-translate-y-52 { - --transform-translate-y: -13rem; - } - - .sm\:-translate-y-56 { - --transform-translate-y: -14rem; - } - - .sm\:-translate-y-60 { - --transform-translate-y: -15rem; - } - - .sm\:-translate-y-64 { - --transform-translate-y: -16rem; - } - - .sm\:-translate-y-72 { - --transform-translate-y: -18rem; - } - - .sm\:-translate-y-80 { - --transform-translate-y: -20rem; - } - - .sm\:-translate-y-96 { - --transform-translate-y: -24rem; - } - - .sm\:-translate-y-px { - --transform-translate-y: -1px; - } - - .sm\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; - } - - .sm\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; - } - - .sm\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; - } - - .sm\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; - } - - .sm\:translate-y-1\/2 { - --transform-translate-y: 50%; - } - - .sm\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; - } - - .sm\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; - } - - .sm\:translate-y-1\/4 { - --transform-translate-y: 25%; - } - - .sm\:translate-y-2\/4 { - --transform-translate-y: 50%; - } - - .sm\:translate-y-3\/4 { - --transform-translate-y: 75%; - } - - .sm\:translate-y-full { - --transform-translate-y: 100%; - } - - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50%; - } - - .sm\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; - } - - .sm\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; - } - - .sm\:-translate-y-1\/4 { - --transform-translate-y: -25%; - } - - .sm\:-translate-y-2\/4 { - --transform-translate-y: -50%; - } - - .sm\:-translate-y-3\/4 { - --transform-translate-y: -75%; - } - - .sm\:-translate-y-full { - --transform-translate-y: -100%; - } - - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0; - } - - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; - } - - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; - } - - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; - } - - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; - } - - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; - } - - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; - } - - .sm\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; - } - - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; - } - - .sm\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; - } - - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; - } - - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; - } - - .sm\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; - } - - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; - } - - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; - } - - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; - } - - .sm\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; - } - - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; - } - - .sm\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; - } - - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; - } - - .sm\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; - } - - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; - } - - .sm\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; - } - - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; - } - - .sm\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; - } - - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; - } - - .sm\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; - } - - .sm\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; - } - - .sm\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; - } - - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; - } - - .sm\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; - } - - .sm\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; - } - - .sm\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; - } - - .sm\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; - } - - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; - } - - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; - } - - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; - } - - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; - } - - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; - } - - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; - } - - .sm\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; - } - - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; - } - - .sm\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; - } - - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; - } - - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; - } - - .sm\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; - } - - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; - } - - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; - } - - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; - } - - .sm\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; - } - - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; - } - - .sm\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; - } - - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; - } - - .sm\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; - } - - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; - } - - .sm\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; - } - - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; - } - - .sm\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; - } - - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; - } - - .sm\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; - } - - .sm\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; - } - - .sm\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; - } - - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; - } - - .sm\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; - } - - .sm\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; - } - - .sm\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; - } - - .sm\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; - } - - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; - } - - .sm\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; - } - - .sm\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; - } - - .sm\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; - } - - .sm\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; - } - - .sm\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; - } - - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; - } - - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; - } - - .sm\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; - } - - .sm\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; - } - - .sm\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; - } - - .sm\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; - } - - .sm\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; - } - - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; - } - - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0; - } - - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; - } - - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; - } - - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; - } - - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; - } - - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; - } - - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; - } - - .sm\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; - } - - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; - } - - .sm\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; - } - - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; - } - - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; - } - - .sm\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; - } - - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; - } - - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; - } - - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; - } - - .sm\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; - } - - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; - } - - .sm\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; - } - - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; - } - - .sm\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; - } - - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; - } - - .sm\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; - } - - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; - } - - .sm\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; - } - - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; - } - - .sm\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; - } - - .sm\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; - } - - .sm\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; - } - - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; - } - - .sm\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; - } - - .sm\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; - } - - .sm\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; - } - - .sm\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; - } - - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; - } - - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; - } - - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; - } - - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; - } - - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; - } - - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; - } - - .sm\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; - } - - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; - } - - .sm\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; - } - - .sm\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; - } - - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; - } - - .sm\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; - } - - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; - } - - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; - } - - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; - } - - .sm\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; - } - - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; - } - - .sm\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; - } - - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; - } - - .sm\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; - } - - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; - } - - .sm\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; - } - - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; - } - - .sm\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; - } - - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; - } - - .sm\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; - } - - .sm\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; - } - - .sm\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; - } - - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; - } - - .sm\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; - } - - .sm\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; - } - - .sm\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; - } - - .sm\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; - } - - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; - } - - .sm\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; - } - - .sm\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; - } - - .sm\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; - } - - .sm\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; - } - - .sm\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; - } - - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; - } - - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; - } - - .sm\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; - } - - .sm\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; - } - - .sm\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; - } - - .sm\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; - } - - .sm\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; - } - - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; - } - - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0; - } - - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; - } - - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; - } - - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; - } - - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; - } - - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; - } - - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; - } - - .sm\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; - } - - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; - } - - .sm\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; - } - - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; - } - - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; - } - - .sm\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; - } - - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; - } - - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; - } - - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; - } - - .sm\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; - } - - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; - } - - .sm\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; - } - - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; - } - - .sm\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; - } - - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; - } - - .sm\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; - } - - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; - } - - .sm\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; - } - - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; - } - - .sm\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; - } - - .sm\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; - } - - .sm\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; - } - - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; - } - - .sm\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; - } - - .sm\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; - } - - .sm\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; - } - - .sm\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; - } - - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; - } - - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; - } - - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; - } - - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; - } - - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; - } - - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; - } - - .sm\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; - } - - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; - } - - .sm\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; - } - - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; - } - - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; - } - - .sm\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; - } - - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; - } - - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; - } - - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; - } - - .sm\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; - } - - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; - } - - .sm\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; - } - - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; - } - - .sm\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; - } - - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; - } - - .sm\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; - } - - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; - } - - .sm\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; - } - - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; - } - - .sm\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; - } - - .sm\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; - } - - .sm\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; - } - - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; - } - - .sm\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; - } - - .sm\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; - } - - .sm\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; - } - - .sm\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; - } - - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; - } - - .sm\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; - } - - .sm\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; - } - - .sm\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; - } - - .sm\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; - } - - .sm\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; - } - - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; - } - - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; - } - - .sm\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; - } - - .sm\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; - } - - .sm\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; - } - - .sm\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; - } - - .sm\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; - } - - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; - } - - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0; - } - - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; - } - - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; - } - - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; - } - - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; - } - - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; - } - - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; - } - - .sm\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; - } - - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; - } - - .sm\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; - } - - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; - } - - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; - } - - .sm\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; - } - - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; - } - - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; - } - - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; - } - - .sm\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; - } - - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; - } - - .sm\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; - } - - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; - } - - .sm\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; - } - - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; - } - - .sm\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; - } - - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; - } - - .sm\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; - } - - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; - } - - .sm\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; - } - - .sm\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; - } - - .sm\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; - } - - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; - } - - .sm\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; - } - - .sm\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; - } - - .sm\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; - } - - .sm\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; - } - - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; - } - - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; - } - - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; - } - - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; - } - - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; - } - - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; - } - - .sm\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; - } - - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; - } - - .sm\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; - } - - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; - } - - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; - } - - .sm\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; - } - - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; - } - - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; - } - - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; - } - - .sm\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; - } - - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; - } - - .sm\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; - } - - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; - } - - .sm\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; - } - - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; - } - - .sm\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; - } - - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; - } - - .sm\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; - } - - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; - } - - .sm\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; - } - - .sm\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; - } - - .sm\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; - } - - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; - } - - .sm\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; - } - - .sm\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; - } - - .sm\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; - } - - .sm\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; - } - - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; - } - - .sm\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; - } - - .sm\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; - } - - .sm\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; - } - - .sm\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; - } - - .sm\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; - } - - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; - } - - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; - } - - .sm\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; - } - - .sm\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; - } - - .sm\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; - } - - .sm\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; - } - - .sm\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; - } - - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; - } - - .sm\:skew-x-0 { - --transform-skew-x: 0; - } - - .sm\:skew-x-1 { - --transform-skew-x: 1deg; - } - - .sm\:skew-x-2 { - --transform-skew-x: 2deg; - } - - .sm\:skew-x-3 { - --transform-skew-x: 3deg; - } - - .sm\:skew-x-6 { - --transform-skew-x: 6deg; - } - - .sm\:skew-x-12 { - --transform-skew-x: 12deg; - } - - .sm\:-skew-x-12 { - --transform-skew-x: -12deg; - } - - .sm\:-skew-x-6 { - --transform-skew-x: -6deg; - } - - .sm\:-skew-x-3 { - --transform-skew-x: -3deg; - } - - .sm\:-skew-x-2 { - --transform-skew-x: -2deg; - } - - .sm\:-skew-x-1 { - --transform-skew-x: -1deg; - } - - .sm\:skew-y-0 { - --transform-skew-y: 0; - } - - .sm\:skew-y-1 { - --transform-skew-y: 1deg; - } - - .sm\:skew-y-2 { - --transform-skew-y: 2deg; - } - - .sm\:skew-y-3 { - --transform-skew-y: 3deg; - } - - .sm\:skew-y-6 { - --transform-skew-y: 6deg; - } - - .sm\:skew-y-12 { - --transform-skew-y: 12deg; - } - - .sm\:-skew-y-12 { - --transform-skew-y: -12deg; - } - - .sm\:-skew-y-6 { - --transform-skew-y: -6deg; - } - - .sm\:-skew-y-3 { - --transform-skew-y: -3deg; - } - - .sm\:-skew-y-2 { - --transform-skew-y: -2deg; - } - - .sm\:-skew-y-1 { - --transform-skew-y: -1deg; - } - - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0; - } - - .sm\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; - } - - .sm\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; - } - - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; - } - - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; - } - - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; - } - - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; - } - - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; - } - - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; - } - - .sm\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; - } - - .sm\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; - } - - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0; - } - - .sm\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; - } - - .sm\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; - } - - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; - } - - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; - } - - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; - } - - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; - } - - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; - } - - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; - } - - .sm\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; - } - - .sm\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; - } - - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0; - } - - .sm\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; - } - - .sm\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; - } - - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; - } - - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; - } - - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; - } - - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; - } - - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; - } - - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; - } - - .sm\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; - } - - .sm\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; - } - - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0; - } - - .sm\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; - } - - .sm\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; - } - - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; - } - - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; - } - - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; - } - - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; - } - - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; - } - - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; - } - - .sm\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; - } - - .sm\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; - } - - .sm\:transition-none { - transition-property: none; - } - - .sm\:transition-all { - transition-property: all; - } - - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; - } - - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - } - - .sm\:transition-opacity { - transition-property: opacity; - } - - .sm\:transition-shadow { - transition-property: box-shadow; - } - - .sm\:transition-transform { - transition-property: transform; - } - - .sm\:ease-linear { - transition-timing-function: linear; - } - - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - } - - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - } - - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - - .sm\:duration-75 { - transition-duration: 75ms; - } - - .sm\:duration-100 { - transition-duration: 100ms; - } - - .sm\:duration-150 { - transition-duration: 150ms; - } - - .sm\:duration-200 { - transition-duration: 200ms; - } - - .sm\:duration-300 { - transition-duration: 300ms; - } - - .sm\:duration-500 { - transition-duration: 500ms; - } - - .sm\:duration-700 { - transition-duration: 700ms; - } - - .sm\:duration-1000 { - transition-duration: 1000ms; - } - - .sm\:delay-75 { - transition-delay: 75ms; - } - - .sm\:delay-100 { - transition-delay: 100ms; - } - - .sm\:delay-150 { - transition-delay: 150ms; - } - - .sm\:delay-200 { - transition-delay: 200ms; - } - - .sm\:delay-300 { - transition-delay: 300ms; - } - - .sm\:delay-500 { - transition-delay: 500ms; - } - - .sm\:delay-700 { - transition-delay: 700ms; - } - - .sm\:delay-1000 { - transition-delay: 1000ms; - } - - .sm\:animate-none { - animation: none; - } - - .sm\:animate-spin { - animation: spin 1s linear infinite; - } - - .sm\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - } - - .sm\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - } - - .sm\:animate-bounce { - animation: bounce 1s infinite; - } - - .sm\:example { - font-weight: 700; - color: #ef4444; - } -} - -@media (min-width: 768px) { - .md\:container { - width: 100%; - } - - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .md\:container { - max-width: 1536px; - } - } - - .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\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: 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)); - } - - .md\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: 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)); - } - - .md\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); - } - - .md\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; - } - - .md\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; - } - - .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\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); - } - - .md\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; - } - - .md\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; - } - - .md\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .md\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } - - .md\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } - - .md\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .md\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .md\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .md\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .md\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .md\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .md\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .md\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .md\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .md\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .md\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .md\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .md\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .md\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .md\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .md\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .md\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .md\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .md\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .md\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .md\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .md\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .md\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .md\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .md\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .md\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .md\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .md\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .md\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .md\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .md\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .md\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .md\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .md\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .md\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .md\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .md\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .md\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .md\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .md\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .md\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .md\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .md\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .md\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .md\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .md\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .md\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .md\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .md\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .md\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .md\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .md\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .md\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .md\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .md\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .md\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .md\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .md\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .md\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .md\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .md\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .md\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .md\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .md\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .md\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .md\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .md\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .md\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .md\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .md\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .md\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } - - @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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .md\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .md\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .md\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .md\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .md\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .md\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .md\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .md\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .md\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .md\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .md\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .md\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .md\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .md\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .md\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .md\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .md\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .md\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .md\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .md\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .md\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } - } - - .md\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; - } - - .md\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; - } - - .md\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; - } - - .md\:divide-double > :not(template) ~ :not(template) { - border-style: double; - } - - .md\:divide-none > :not(template) ~ :not(template) { - border-style: none; - } - - .md\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; - } - - .md\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; - } - - .md\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; - } - - .md\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; - } - - .md\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - } - - .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\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .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\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .md\:appearance-none { - appearance: none; - } - - .md\:bg-fixed { - background-attachment: fixed; - } - - .md\:bg-local { - background-attachment: local; - } - - .md\:bg-scroll { - background-attachment: scroll; - } - - .md\:bg-clip-border { - background-clip: border-box; - } - - .md\:bg-clip-padding { - background-clip: padding-box; - } - - .md\:bg-clip-content { - background-clip: content-box; - } - - .md\:bg-clip-text { - background-clip: text; - } - - .md\:bg-transparent { - background-color: transparent; - } - - .md\:bg-current { - background-color: currentColor; - } - - .md\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .md\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .md\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .md\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .md\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .md\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .md\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .md\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .md\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .md\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .md\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .md\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .md\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .md\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .md\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .md\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .md\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .md\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .md\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .md\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .md\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .md\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .md\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .md\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .md\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .md\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .md\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .md\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .md\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .md\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .md\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .md\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .md\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .md\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .md\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .md\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .md\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .md\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .md\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .md\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .md\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .md\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .md\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .md\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .md\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .md\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .md\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .md\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .md\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .md\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .md\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .md\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .md\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .md\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .md\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .md\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .md\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .md\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .md\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .md\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .md\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .md\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .md\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .md\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .md\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .md\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .md\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .md\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .md\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .md\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .md\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .md\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .md\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .md\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .md\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .md\:hover\:bg-current:hover { - background-color: currentColor; - } - - .md\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .md\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .md\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .md\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .md\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .md\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .md\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .md\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .md\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .md\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .md\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .md\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .md\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .md\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; +} - .md\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; +} - .md\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; +} - .md\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; +} - .md\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; +} - .md\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; +} - .md\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; +} - .md\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; +} - .md\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; +} - .md\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; +} - .md\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; +} - .md\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; +} - .md\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; +} - .md\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; +} - .md\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; +} - .md\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; +} - .md\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; +} - .md\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; +} - .md\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; +} - .md\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; +} - .md\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; +} - .md\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; +} - .md\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; +} - .md\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.hover\:-translate-y-px:hover { + --transform-translate-y: -1px; +} - .md\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; +} - .md\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; +} - .md\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; +} - .md\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; +} - .md\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; +} - .md\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; +} - .md\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; +} - .md\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; +} - .md\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; +} - .md\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; +} - .md\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.hover\:translate-y-full:hover { + --transform-translate-y: 100%; +} - .md\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; +} - .md\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; +} - .md\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; +} - .md\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; +} - .md\:focus\:bg-transparent:focus { - background-color: transparent; - } +.hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; +} - .md\:focus\:bg-current:focus { - background-color: currentColor; - } +.hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; +} - .md\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.hover\:-translate-y-full:hover { + --transform-translate-y: -100%; +} - .md\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:translate-x-0:focus { + --transform-translate-x: 0; +} - .md\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; +} - .md\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; +} - .md\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; +} - .md\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:translate-x-4:focus { + --transform-translate-x: 1rem; +} - .md\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; +} - .md\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; +} - .md\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; +} - .md\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.focus\:translate-x-8:focus { + --transform-translate-x: 2rem; +} - .md\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; +} - .md\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; +} - .md\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.focus\:translate-x-12:focus { + --transform-translate-x: 3rem; +} - .md\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; +} - .md\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.focus\:translate-x-16:focus { + --transform-translate-x: 4rem; +} - .md\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.focus\:translate-x-20:focus { + --transform-translate-x: 5rem; +} - .md\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.focus\:translate-x-24:focus { + --transform-translate-x: 6rem; +} - .md\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.focus\:translate-x-28:focus { + --transform-translate-x: 7rem; +} - .md\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.focus\:translate-x-32:focus { + --transform-translate-x: 8rem; +} - .md\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.focus\:translate-x-36:focus { + --transform-translate-x: 9rem; +} - .md\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.focus\:translate-x-40:focus { + --transform-translate-x: 10rem; +} - .md\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.focus\:translate-x-44:focus { + --transform-translate-x: 11rem; +} - .md\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.focus\:translate-x-48:focus { + --transform-translate-x: 12rem; +} - .md\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.focus\:translate-x-52:focus { + --transform-translate-x: 13rem; +} - .md\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.focus\:translate-x-56:focus { + --transform-translate-x: 14rem; +} - .md\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.focus\:translate-x-60:focus { + --transform-translate-x: 15rem; +} - .md\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.focus\:translate-x-64:focus { + --transform-translate-x: 16rem; +} - .md\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.focus\:translate-x-72:focus { + --transform-translate-x: 18rem; +} - .md\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.focus\:translate-x-80:focus { + --transform-translate-x: 20rem; +} - .md\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.focus\:translate-x-96:focus { + --transform-translate-x: 24rem; +} - .md\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.focus\:translate-x-px:focus { + --transform-translate-x: 1px; +} - .md\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; +} - .md\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; +} - .md\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; +} - .md\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; +} - .md\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; +} - .md\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; +} - .md\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; +} - .md\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; +} - .md\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; +} - .md\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; +} - .md\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; +} - .md\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; +} - .md\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; +} - .md\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; +} - .md\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; +} - .md\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; +} - .md\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; +} - .md\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; +} - .md\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; +} - .md\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; +} - .md\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; +} - .md\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; +} - .md\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; +} - .md\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; +} - .md\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; +} - .md\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; +} - .md\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; +} - .md\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; +} - .md\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; +} - .md\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; +} - .md\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; +} - .md\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; +} - .md\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.focus\:-translate-x-px:focus { + --transform-translate-x: -1px; +} - .md\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; +} - .md\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; +} - .md\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; +} - .md\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; +} - .md\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; +} - .md\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; +} - .md\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; +} - .md\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; +} - @media (prefers-color-scheme: dark) { - .md\:dark\:bg-transparent { - background-color: transparent; - } +.focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; +} - .md\:dark\:bg-current { - background-color: currentColor; - } +.focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; +} - .md\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.focus\:translate-x-full:focus { + --transform-translate-x: 100%; +} - .md\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; +} - .md\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; +} - .md\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; +} - .md\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; +} - .md\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; +} - .md\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; +} - .md\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.focus\:-translate-x-full:focus { + --transform-translate-x: -100%; +} - .md\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.focus\:translate-y-0:focus { + --transform-translate-y: 0; +} - .md\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; +} - .md\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; +} - .md\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; +} - .md\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.focus\:translate-y-4:focus { + --transform-translate-y: 1rem; +} - .md\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; +} - .md\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; +} - .md\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; +} - .md\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.focus\:translate-y-8:focus { + --transform-translate-y: 2rem; +} - .md\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; +} - .md\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; +} - .md\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.focus\:translate-y-12:focus { + --transform-translate-y: 3rem; +} - .md\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; +} - .md\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.focus\:translate-y-16:focus { + --transform-translate-y: 4rem; +} - .md\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.focus\:translate-y-20:focus { + --transform-translate-y: 5rem; +} - .md\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.focus\:translate-y-24:focus { + --transform-translate-y: 6rem; +} - .md\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.focus\:translate-y-28:focus { + --transform-translate-y: 7rem; +} - .md\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.focus\:translate-y-32:focus { + --transform-translate-y: 8rem; +} - .md\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.focus\:translate-y-36:focus { + --transform-translate-y: 9rem; +} - .md\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.focus\:translate-y-40:focus { + --transform-translate-y: 10rem; +} - .md\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.focus\:translate-y-44:focus { + --transform-translate-y: 11rem; +} - .md\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.focus\:translate-y-48:focus { + --transform-translate-y: 12rem; +} - .md\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.focus\:translate-y-52:focus { + --transform-translate-y: 13rem; +} - .md\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.focus\:translate-y-56:focus { + --transform-translate-y: 14rem; +} - .md\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.focus\:translate-y-60:focus { + --transform-translate-y: 15rem; +} - .md\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.focus\:translate-y-64:focus { + --transform-translate-y: 16rem; +} - .md\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.focus\:translate-y-72:focus { + --transform-translate-y: 18rem; +} - .md\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.focus\:translate-y-80:focus { + --transform-translate-y: 20rem; +} - .md\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.focus\:translate-y-96:focus { + --transform-translate-y: 24rem; +} - .md\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.focus\:translate-y-px:focus { + --transform-translate-y: 1px; +} - .md\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; +} - .md\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; +} - .md\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; +} - .md\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; +} - .md\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; +} - .md\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; +} - .md\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; +} - .md\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; +} - .md\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; +} - .md\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; +} - .md\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; +} - .md\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; +} - .md\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; +} - .md\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; +} - .md\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; +} - .md\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; +} - .md\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; +} - .md\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; +} - .md\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; +} - .md\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; +} - .md\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; +} - .md\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; +} - .md\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; +} - .md\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; +} - .md\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; +} - .md\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; +} - .md\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; +} - .md\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; +} - .md\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; +} - .md\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; +} - .md\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; +} - .md\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; +} - .md\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.focus\:-translate-y-px:focus { + --transform-translate-y: -1px; +} - .md\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; +} - .group:hover .md\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } +.focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; +} - .group:hover .md\:dark\:group-hover\:bg-current { - background-color: currentColor; - } +.focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; +} - .group:hover .md\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; +} - .group:hover .md\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.focus\:translate-y-full:focus { + --transform-translate-y: 100%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; +} - .group:hover .md\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; +} - .group:hover .md\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; +} - .group:hover .md\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.focus\:-translate-y-full:focus { + --transform-translate-y: -100%; +} - .group:hover .md\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.skew-x-0 { + --transform-skew-x: 0; +} - .group:hover .md\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.skew-x-1 { + --transform-skew-x: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.skew-x-2 { + --transform-skew-x: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.skew-x-3 { + --transform-skew-x: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.skew-x-6 { + --transform-skew-x: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.skew-x-12 { + --transform-skew-x: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.-skew-x-12 { + --transform-skew-x: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.-skew-x-6 { + --transform-skew-x: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.-skew-x-3 { + --transform-skew-x: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.-skew-x-2 { + --transform-skew-x: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.-skew-x-1 { + --transform-skew-x: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.skew-y-0 { + --transform-skew-y: 0; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.skew-y-1 { + --transform-skew-y: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.skew-y-2 { + --transform-skew-y: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.skew-y-3 { + --transform-skew-y: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.skew-y-6 { + --transform-skew-y: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.skew-y-12 { + --transform-skew-y: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.-skew-y-12 { + --transform-skew-y: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.-skew-y-6 { + --transform-skew-y: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.-skew-y-3 { + --transform-skew-y: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.-skew-y-2 { + --transform-skew-y: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.-skew-y-1 { + --transform-skew-y: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.hover\:skew-x-0:hover { + --transform-skew-x: 0; +} - .group:hover .md\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.hover\:skew-x-1:hover { + --transform-skew-x: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.hover\:skew-x-2:hover { + --transform-skew-x: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.hover\:skew-x-3:hover { + --transform-skew-x: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.hover\:skew-x-6:hover { + --transform-skew-x: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.hover\:skew-x-12:hover { + --transform-skew-x: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.hover\:skew-y-0:hover { + --transform-skew-y: 0; +} - .group:hover .md\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.hover\:skew-y-1:hover { + --transform-skew-y: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.hover\:skew-y-2:hover { + --transform-skew-y: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.hover\:skew-y-3:hover { + --transform-skew-y: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.hover\:skew-y-6:hover { + --transform-skew-y: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.hover\:skew-y-12:hover { + --transform-skew-y: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.focus\:skew-x-0:focus { + --transform-skew-x: 0; +} - .group:hover .md\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.focus\:skew-x-1:focus { + --transform-skew-x: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.focus\:skew-x-2:focus { + --transform-skew-x: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.focus\:skew-x-3:focus { + --transform-skew-x: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.focus\:skew-x-6:focus { + --transform-skew-x: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.focus\:skew-x-12:focus { + --transform-skew-x: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.focus\:skew-y-0:focus { + --transform-skew-y: 0; +} - .group:hover .md\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.focus\:skew-y-1:focus { + --transform-skew-y: 1deg; +} - .md\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } +.focus\:skew-y-2:focus { + --transform-skew-y: 2deg; +} - .md\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } +.focus\:skew-y-3:focus { + --transform-skew-y: 3deg; +} - .md\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.focus\:skew-y-6:focus { + --transform-skew-y: 6deg; +} - .md\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:skew-y-12:focus { + --transform-skew-y: 12deg; +} - .md\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; +} - .md\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; +} - .md\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; +} - .md\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; +} - .md\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; +} - .md\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.transition-none { + transition-property: none; +} - .md\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.transition-all { + transition-property: all; +} - .md\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; +} - .md\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.transition-colors { + transition-property: background-color, border-color, color, fill, stroke; +} - .md\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.transition-opacity { + transition-property: opacity; +} - .md\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.transition-shadow { + transition-property: box-shadow; +} - .md\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.transition-transform { + transition-property: transform; +} - .md\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.ease-linear { + transition-timing-function: linear; +} - .md\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} - .md\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} - .md\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} - .md\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.duration-75 { + transition-duration: 75ms; +} - .md\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.duration-100 { + transition-duration: 100ms; +} - .md\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.duration-150 { + transition-duration: 150ms; +} - .md\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.duration-200 { + transition-duration: 200ms; +} - .md\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.duration-300 { + transition-duration: 300ms; +} - .md\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.duration-500 { + transition-duration: 500ms; +} - .md\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.duration-700 { + transition-duration: 700ms; +} - .md\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.duration-1000 { + transition-duration: 1000ms; +} - .md\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.delay-75 { + transition-delay: 75ms; +} - .md\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.delay-100 { + transition-delay: 100ms; +} - .md\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.delay-150 { + transition-delay: 150ms; +} - .md\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.delay-200 { + transition-delay: 200ms; +} - .md\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.delay-300 { + transition-delay: 300ms; +} - .md\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.delay-500 { + transition-delay: 500ms; +} - .md\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.delay-700 { + transition-delay: 700ms; +} - .md\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.delay-1000 { + transition-delay: 1000ms; +} - .md\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +@keyframes spin { + to { + transform: rotate(360deg); + } +} - .md\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} - .md\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +@keyframes pulse { + 50% { + opacity: .5; + } +} - .md\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } - .md\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + 50% { + transform: none; + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} - .md\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.animate-none { + animation: none; +} - .md\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.animate-spin { + animation: spin 1s linear infinite; +} - .md\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; +} - .md\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} - .md\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.animate-bounce { + animation: bounce 1s infinite; +} - .md\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.example { + font-weight: 700; + color: #ef4444; +} - .md\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +@media (min-width: 640px) { + .sm\:container { + width: 100%; + } - .md\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + @media (min-width: 640px) { + .sm\:container { + max-width: 640px; } + } - .md\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + @media (min-width: 768px) { + .sm\:container { + max-width: 768px; } + } - .md\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + @media (min-width: 1024px) { + .sm\:container { + max-width: 1024px; } + } - .md\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + @media (min-width: 1280px) { + .sm\:container { + max-width: 1280px; } + } - .md\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + @media (min-width: 1536px) { + .sm\:container { + max-width: 1536px; } + } - .md\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .sm\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .sm\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .sm\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .sm\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-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)); + } - .md\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .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)); + } - .md\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .sm\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .sm\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-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)); + } - .md\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-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)); + } - .md\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .sm\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .sm\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .sm\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .sm\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .sm\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .sm\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .sm\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .sm\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .sm\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .sm\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .sm\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-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)); + } - .md\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-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)); + } - .md\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-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)); + } - .md\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .sm\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .sm\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .sm\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-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)); } - .md\:bg-none { - background-image: none; + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .sm\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .sm\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 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)); } - .md\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .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)); } - .md\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 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)); } - .md\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .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)); } - .md\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .sm\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .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)); } - .md\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .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)); } - .md\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .sm\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .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)); } - .md\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .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)); } - .md\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .sm\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .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)); } - .md\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .sm\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .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)); } - .md\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .sm\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .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)); } - .md\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .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)); } - .md\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .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)); } - .md\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .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)); } - .md\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .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)); } - .md\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .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)); } - .md\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .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)); } - .md\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .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)); } - .md\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .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)); } - .md\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .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)); } - .md\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .sm\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .sm\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .sm\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .md\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .md\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .md\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .md\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .md\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .md\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .md\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .md\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .md\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .md\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .sm\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .md\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .sm\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .md\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .sm\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .md\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .sm\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .md\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .sm\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .md\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .sm\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .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\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .md\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .sm\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .md\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .md\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .md\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .md\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .md\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .md\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .md\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .md\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .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\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .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\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .md\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .md\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .md\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .sm\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .md\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .sm\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .md\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .sm\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .md\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .sm\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .md\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .sm\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .md\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .sm\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .md\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .sm\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .md\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .sm\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .md\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .sm\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .md\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .sm\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .md\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .sm\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .md\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .md\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .md\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .md\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .md\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .md\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .md\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .md\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .md\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .md\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .sm\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .md\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .md\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .md\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .md\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .md\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .md\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .md\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .md\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .md\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .md\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .sm\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .md\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .md\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .md\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .md\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .md\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .md\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .md\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .md\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .md\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .md\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .sm\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .md\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .sm\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .md\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .sm\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .md\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .sm\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .md\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .sm\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .md\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .sm\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .sm\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .sm\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .sm\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .sm\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .md\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .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; } - .md\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .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; } - .md\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .sm\:appearance-none { + appearance: none; } - .md\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .sm\:bg-fixed { + background-attachment: fixed; } - .md\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .sm\:bg-local { + background-attachment: local; } - .md\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .sm\:bg-scroll { + background-attachment: scroll; } - .md\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .sm\:bg-clip-border { + background-clip: border-box; } - .md\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .sm\:bg-clip-padding { + background-clip: padding-box; } - .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\:bg-clip-content { + background-clip: content-box; } - .md\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .sm\:bg-clip-text { + background-clip: text; } - .md\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:bg-transparent { + background-color: transparent; } - .md\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:bg-current { + background-color: currentColor; } - .md\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:to-transparent { - --gradient-to-color: transparent; + .sm\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:to-current { - --gradient-to-color: currentColor; + .sm\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:to-black { - --gradient-to-color: #000; + .sm\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:to-white { - --gradient-to-color: #fff; + .sm\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:to-gray-50 { - --gradient-to-color: #fafafa; + .sm\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .sm\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .sm\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .sm\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .sm\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:to-gray-500 { - --gradient-to-color: #71717a; + .sm\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:to-gray-600 { - --gradient-to-color: #52525b; + .sm\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:to-gray-700 { - --gradient-to-color: #3f3f46; + .sm\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:to-gray-800 { - --gradient-to-color: #27272a; + .sm\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:to-gray-900 { - --gradient-to-color: #18181b; + .sm\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:to-red-50 { - --gradient-to-color: #fef2f2; + .sm\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:to-red-100 { - --gradient-to-color: #fee2e2; + .sm\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:to-red-200 { - --gradient-to-color: #fecaca; + .sm\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:to-red-300 { - --gradient-to-color: #fca5a5; + .sm\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:to-red-400 { - --gradient-to-color: #f87171; + .sm\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:to-red-500 { - --gradient-to-color: #ef4444; + .sm\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:to-red-600 { - --gradient-to-color: #dc2626; + .sm\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:to-red-700 { - --gradient-to-color: #b91c1c; + .sm\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:to-red-800 { - --gradient-to-color: #991b1b; + .sm\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:to-red-900 { - --gradient-to-color: #7f1d1d; + .sm\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .sm\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .sm\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:to-yellow-200 { - --gradient-to-color: #fde68a; + .sm\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .sm\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .sm\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .sm\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:to-yellow-600 { - --gradient-to-color: #d97706; + .sm\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:to-yellow-700 { - --gradient-to-color: #b45309; + .sm\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:to-yellow-800 { - --gradient-to-color: #92400e; + .sm\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:to-yellow-900 { - --gradient-to-color: #78350f; + .sm\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:to-green-50 { - --gradient-to-color: #ecfdf5; + .sm\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:to-green-100 { - --gradient-to-color: #d1fae5; + .sm\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:to-green-200 { - --gradient-to-color: #a7f3d0; + .sm\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:to-green-300 { - --gradient-to-color: #6ee7b7; + .sm\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:to-green-400 { - --gradient-to-color: #34d399; + .sm\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:to-green-500 { - --gradient-to-color: #10b981; + .sm\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:to-green-600 { - --gradient-to-color: #059669; + .sm\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:to-green-700 { - --gradient-to-color: #047857; + .sm\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:to-green-800 { - --gradient-to-color: #065f46; + .sm\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:to-green-900 { - --gradient-to-color: #064e3b; + .sm\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:to-blue-50 { - --gradient-to-color: #eff6ff; + .sm\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:to-blue-100 { - --gradient-to-color: #dbeafe; + .sm\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .sm\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:to-blue-300 { - --gradient-to-color: #93c5fd; + .sm\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:to-blue-400 { - --gradient-to-color: #60a5fa; + .sm\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:to-blue-500 { - --gradient-to-color: #3b82f6; + .sm\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:to-blue-600 { - --gradient-to-color: #2563eb; + .sm\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .sm\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:to-blue-800 { - --gradient-to-color: #1e40af; + .sm\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .sm\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .sm\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:to-purple-100 { - --gradient-to-color: #ede9fe; + .sm\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .sm\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .sm\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:to-purple-400 { - --gradient-to-color: #a78bfa; + .sm\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .sm\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:to-purple-600 { - --gradient-to-color: #7c3aed; + .sm\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:to-purple-700 { - --gradient-to-color: #6d28d9; + .sm\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:to-purple-800 { - --gradient-to-color: #5b21b6; + .sm\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:to-purple-900 { - --gradient-to-color: #4c1d95; + .sm\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .sm\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:to-pink-100 { - --gradient-to-color: #fce7f3; + .sm\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .group:hover .sm\:group-hover\:bg-transparent { + background-color: transparent; } - .md\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .group:hover .sm\:group-hover\:bg-current { + background-color: currentColor; } - .md\:to-pink-400 { - --gradient-to-color: #f472b6; + .group:hover .sm\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:to-pink-500 { - --gradient-to-color: #ec4899; + .group:hover .sm\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:to-pink-600 { - --gradient-to-color: #db2777; + .group:hover .sm\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:to-pink-700 { - --gradient-to-color: #be185d; + .group:hover .sm\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:to-pink-800 { - --gradient-to-color: #9d174d; + .group:hover .sm\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:to-pink-900 { - --gradient-to-color: #831843; + .group:hover .sm\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .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)); + .group:hover .sm\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .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)); + .group:hover .sm\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .sm\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .sm\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .group:hover .sm\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .group:hover .sm\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .group:hover .sm\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .group:hover .sm\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .group:hover .sm\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .group:hover .sm\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .group:hover .sm\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .group:hover .sm\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .group:hover .sm\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .group:hover .sm\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .group:hover .sm\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .group:hover .sm\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .group:hover .sm\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .group:hover .sm\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .group:hover .sm\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .group:hover .sm\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .group:hover .sm\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .group:hover .sm\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .group:hover .sm\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .group:hover .sm\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .group:hover .sm\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .group:hover .sm\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .group:hover .sm\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .group:hover .sm\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .group:hover .sm\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .group:hover .sm\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .group:hover .sm\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .group:hover .sm\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .group:hover .sm\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .group:hover .sm\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .group:hover .sm\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .group:hover .sm\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .group:hover .sm\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .group:hover .sm\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .group:hover .sm\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .group:hover .sm\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .group:hover .sm\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .group:hover .sm\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .group:hover .sm\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .group:hover .sm\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .group:hover .sm\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .group:hover .sm\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .group:hover .sm\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .group:hover .sm\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .group:hover .sm\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .group:hover .sm\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .group:hover .sm\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .group:hover .sm\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .group:hover .sm\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .group:hover .sm\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .group:hover .sm\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .group:hover .sm\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .sm\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .sm\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .sm\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .sm\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .sm\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .sm\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .sm\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .sm\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .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)); + .group:hover .sm\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .sm\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .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\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .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\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .sm\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .sm\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .sm\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .sm\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .sm\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .sm\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .sm\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .sm\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .sm\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .sm\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .sm\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .sm\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .sm\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .sm\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .sm\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .sm\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .sm\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .sm\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .sm\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .sm\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .sm\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .sm\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .sm\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .sm\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .sm\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .sm\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .sm\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .sm\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .sm\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .sm\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .sm\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .sm\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .sm\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .sm\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .sm\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .sm\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .sm\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .sm\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .sm\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .sm\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .sm\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .sm\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .sm\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .sm\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .sm\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .sm\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .sm\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .sm\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .sm\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .sm\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .sm\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .sm\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .sm\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .sm\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .sm\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .sm\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .sm\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .sm\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .sm\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .sm\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .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\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .sm\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .sm\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .sm\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:to-black:hover { - --gradient-to-color: #000; + .sm\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:to-white:hover { - --gradient-to-color: #fff; + .sm\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .sm\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .sm\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .sm\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .sm\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .sm\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .sm\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .sm\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .sm\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .sm\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .sm\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .sm\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .sm\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .sm\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .sm\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .sm\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .sm\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .sm\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .sm\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .sm\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .sm\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .sm\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .sm\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .sm\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .sm\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .sm\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .sm\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .sm\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .sm\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .sm\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .sm\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .sm\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .sm\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .sm\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .sm\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .sm\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .sm\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .sm\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .sm\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .sm\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .sm\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .sm\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .sm\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .sm\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .sm\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .sm\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .sm\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .sm\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .sm\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .sm\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .sm\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .sm\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .sm\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .sm\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .sm\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .sm\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .sm\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .sm\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .sm\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .sm\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .sm\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .sm\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .sm\:bg-none { + background-image: none; } - .md\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .sm\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .sm\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .sm\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .sm\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .sm\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .sm\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .sm\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .sm\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:focus\:from-transparent:focus { + .sm\:from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:from-current:focus { + .sm\:from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:from-black:focus { + .sm\:from-black { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:from-white:focus { + .sm\:from-white { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:from-gray-50:focus { + .sm\:from-gray-50 { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:from-gray-100:focus { + .sm\:from-gray-100 { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:from-gray-200:focus { + .sm\:from-gray-200 { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:from-gray-300:focus { + .sm\:from-gray-300 { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:from-gray-400:focus { + .sm\:from-gray-400 { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:from-gray-500:focus { + .sm\:from-gray-500 { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:from-gray-600:focus { + .sm\:from-gray-600 { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:from-gray-700:focus { + .sm\:from-gray-700 { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:from-gray-800:focus { + .sm\:from-gray-800 { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:from-gray-900:focus { + .sm\:from-gray-900 { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:from-red-50:focus { + .sm\:from-red-50 { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:from-red-100:focus { + .sm\:from-red-100 { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:from-red-200:focus { + .sm\:from-red-200 { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:from-red-300:focus { + .sm\:from-red-300 { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:from-red-400:focus { + .sm\:from-red-400 { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:from-red-500:focus { + .sm\:from-red-500 { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:from-red-600:focus { + .sm\:from-red-600 { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:from-red-700:focus { + .sm\:from-red-700 { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:from-red-800:focus { + .sm\:from-red-800 { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:from-red-900:focus { + .sm\:from-red-900 { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:from-yellow-50:focus { + .sm\:from-yellow-50 { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:from-yellow-100:focus { + .sm\:from-yellow-100 { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:from-yellow-200:focus { + .sm\:from-yellow-200 { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:from-yellow-300:focus { + .sm\:from-yellow-300 { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:from-yellow-400:focus { + .sm\:from-yellow-400 { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:from-yellow-500:focus { + .sm\:from-yellow-500 { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:from-yellow-600:focus { + .sm\:from-yellow-600 { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:from-yellow-700:focus { + .sm\:from-yellow-700 { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:from-yellow-800:focus { + .sm\:from-yellow-800 { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:from-yellow-900:focus { + .sm\:from-yellow-900 { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:from-green-50:focus { + .sm\:from-green-50 { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:from-green-100:focus { + .sm\:from-green-100 { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:from-green-200:focus { + .sm\:from-green-200 { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:from-green-300:focus { + .sm\:from-green-300 { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:from-green-400:focus { + .sm\:from-green-400 { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:from-green-500:focus { + .sm\:from-green-500 { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:from-green-600:focus { + .sm\:from-green-600 { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:from-green-700:focus { + .sm\:from-green-700 { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:from-green-800:focus { + .sm\:from-green-800 { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:from-green-900:focus { + .sm\:from-green-900 { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:from-blue-50:focus { + .sm\:from-blue-50 { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:from-blue-100:focus { + .sm\:from-blue-100 { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:from-blue-200:focus { + .sm\:from-blue-200 { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:from-blue-300:focus { + .sm\:from-blue-300 { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:from-blue-400:focus { + .sm\:from-blue-400 { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:from-blue-500:focus { + .sm\:from-blue-500 { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:from-blue-600:focus { + .sm\:from-blue-600 { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:from-blue-700:focus { + .sm\:from-blue-700 { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:from-blue-800:focus { + .sm\:from-blue-800 { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:from-blue-900:focus { + .sm\:from-blue-900 { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:from-purple-50:focus { + .sm\:from-purple-50 { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:from-purple-100:focus { + .sm\:from-purple-100 { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:from-purple-200:focus { + .sm\:from-purple-200 { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:from-purple-300:focus { + .sm\:from-purple-300 { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:from-purple-400:focus { + .sm\:from-purple-400 { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:from-purple-500:focus { + .sm\:from-purple-500 { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:from-purple-600:focus { + .sm\:from-purple-600 { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:from-purple-700:focus { + .sm\:from-purple-700 { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:from-purple-800:focus { + .sm\:from-purple-800 { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:from-purple-900:focus { + .sm\:from-purple-900 { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:from-pink-50:focus { + .sm\: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\:from-pink-100:focus { + .sm\:from-pink-100 { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:from-pink-200:focus { + .sm\:from-pink-200 { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:from-pink-300:focus { + .sm\:from-pink-300 { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:from-pink-400:focus { + .sm\:from-pink-400 { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:from-pink-500:focus { + .sm\:from-pink-500 { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:from-pink-600:focus { + .sm\:from-pink-600 { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:from-pink-700:focus { + .sm\:from-pink-700 { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:from-pink-800:focus { + .sm\:from-pink-800 { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:from-pink-900:focus { + .sm\:from-pink-900 { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:via-transparent:focus { + .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)); } - .md\:focus\:via-current:focus { + .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)); } - .md\:focus\:via-black:focus { + .sm\:via-black { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:via-white:focus { + .sm\:via-white { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:via-gray-50:focus { + .sm\:via-gray-50 { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:via-gray-100:focus { + .sm\:via-gray-100 { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:via-gray-200:focus { + .sm\:via-gray-200 { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:via-gray-300:focus { + .sm\:via-gray-300 { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:via-gray-400:focus { + .sm\:via-gray-400 { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:via-gray-500:focus { + .sm\:via-gray-500 { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:via-gray-600:focus { + .sm\:via-gray-600 { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:via-gray-700:focus { + .sm\:via-gray-700 { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:via-gray-800:focus { + .sm\:via-gray-800 { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:via-gray-900:focus { + .sm\:via-gray-900 { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:via-red-50:focus { + .sm\:via-red-50 { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:via-red-100:focus { + .sm\:via-red-100 { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:via-red-200:focus { + .sm\:via-red-200 { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:via-red-300:focus { + .sm\:via-red-300 { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:via-red-400:focus { + .sm\:via-red-400 { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:via-red-500:focus { + .sm\:via-red-500 { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:via-red-600:focus { + .sm\:via-red-600 { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:via-red-700:focus { + .sm\:via-red-700 { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:via-red-800:focus { + .sm\:via-red-800 { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:via-red-900:focus { + .sm\:via-red-900 { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:via-yellow-50:focus { + .sm\:via-yellow-50 { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:via-yellow-100:focus { + .sm\:via-yellow-100 { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:via-yellow-200:focus { + .sm\:via-yellow-200 { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:via-yellow-300:focus { + .sm\:via-yellow-300 { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:via-yellow-400:focus { + .sm\:via-yellow-400 { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:via-yellow-500:focus { + .sm\:via-yellow-500 { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:via-yellow-600:focus { + .sm\:via-yellow-600 { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:via-yellow-700:focus { + .sm\:via-yellow-700 { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:via-yellow-800:focus { + .sm\:via-yellow-800 { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:via-yellow-900:focus { + .sm\:via-yellow-900 { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:via-green-50:focus { + .sm\:via-green-50 { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:via-green-100:focus { + .sm\:via-green-100 { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:via-green-200:focus { + .sm\:via-green-200 { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:via-green-300:focus { + .sm\:via-green-300 { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:via-green-400:focus { + .sm\:via-green-400 { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:via-green-500:focus { + .sm\:via-green-500 { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:via-green-600:focus { + .sm\:via-green-600 { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:via-green-700:focus { + .sm\:via-green-700 { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:via-green-800:focus { + .sm\:via-green-800 { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:via-green-900:focus { + .sm\:via-green-900 { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:via-blue-50:focus { + .sm\:via-blue-50 { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:via-blue-100:focus { + .sm\:via-blue-100 { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:via-blue-200:focus { + .sm\:via-blue-200 { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:via-blue-300:focus { + .sm\:via-blue-300 { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:via-blue-400:focus { + .sm\:via-blue-400 { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:via-blue-500:focus { + .sm\:via-blue-500 { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:via-blue-600:focus { + .sm\:via-blue-600 { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:via-blue-700:focus { + .sm\:via-blue-700 { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:via-blue-800:focus { + .sm\:via-blue-800 { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:via-blue-900:focus { + .sm\:via-blue-900 { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:via-purple-50:focus { + .sm\:via-purple-50 { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:via-purple-100:focus { + .sm\:via-purple-100 { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:via-purple-200:focus { + .sm\:via-purple-200 { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:via-purple-300:focus { + .sm\:via-purple-300 { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:via-purple-400:focus { + .sm\:via-purple-400 { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:via-purple-500:focus { + .sm\:via-purple-500 { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:via-purple-600:focus { + .sm\:via-purple-600 { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:via-purple-700:focus { + .sm\:via-purple-700 { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:via-purple-800:focus { + .sm\:via-purple-800 { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:via-purple-900:focus { + .sm\:via-purple-900 { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:via-pink-50:focus { + .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)); } - .md\:focus\:via-pink-100:focus { + .sm\:via-pink-100 { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:via-pink-200:focus { + .sm\:via-pink-200 { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:via-pink-300:focus { + .sm\:via-pink-300 { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:via-pink-400:focus { + .sm\:via-pink-400 { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:via-pink-500:focus { + .sm\:via-pink-500 { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:via-pink-600:focus { + .sm\:via-pink-600 { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:via-pink-700:focus { + .sm\:via-pink-700 { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:via-pink-800:focus { + .sm\:via-pink-800 { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:via-pink-900:focus { + .sm\:via-pink-900 { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:to-transparent:focus { + .sm\:to-transparent { --gradient-to-color: transparent; } - .md\:focus\:to-current:focus { + .sm\:to-current { --gradient-to-color: currentColor; } - .md\:focus\:to-black:focus { + .sm\:to-black { --gradient-to-color: #000; } - .md\:focus\:to-white:focus { + .sm\:to-white { --gradient-to-color: #fff; } - .md\:focus\:to-gray-50:focus { + .sm\:to-gray-50 { --gradient-to-color: #fafafa; } - .md\:focus\:to-gray-100:focus { + .sm\:to-gray-100 { --gradient-to-color: #f4f4f5; } - .md\:focus\:to-gray-200:focus { + .sm\:to-gray-200 { --gradient-to-color: #e4e4e7; } - .md\:focus\:to-gray-300:focus { + .sm\:to-gray-300 { --gradient-to-color: #d4d4d8; } - .md\:focus\:to-gray-400:focus { + .sm\:to-gray-400 { --gradient-to-color: #a1a1aa; } - .md\:focus\:to-gray-500:focus { + .sm\:to-gray-500 { --gradient-to-color: #71717a; } - .md\:focus\:to-gray-600:focus { + .sm\:to-gray-600 { --gradient-to-color: #52525b; } - .md\:focus\:to-gray-700:focus { + .sm\:to-gray-700 { --gradient-to-color: #3f3f46; } - .md\:focus\:to-gray-800:focus { + .sm\:to-gray-800 { --gradient-to-color: #27272a; } - .md\:focus\:to-gray-900:focus { + .sm\:to-gray-900 { --gradient-to-color: #18181b; } - .md\:focus\:to-red-50:focus { + .sm\:to-red-50 { --gradient-to-color: #fef2f2; } - .md\:focus\:to-red-100:focus { + .sm\:to-red-100 { --gradient-to-color: #fee2e2; } - .md\:focus\:to-red-200:focus { + .sm\:to-red-200 { --gradient-to-color: #fecaca; } - .md\:focus\:to-red-300:focus { + .sm\:to-red-300 { --gradient-to-color: #fca5a5; } - .md\:focus\:to-red-400:focus { + .sm\:to-red-400 { --gradient-to-color: #f87171; } - .md\:focus\:to-red-500:focus { + .sm\:to-red-500 { --gradient-to-color: #ef4444; } - .md\:focus\:to-red-600:focus { + .sm\:to-red-600 { --gradient-to-color: #dc2626; } - .md\:focus\:to-red-700:focus { + .sm\:to-red-700 { --gradient-to-color: #b91c1c; } - .md\:focus\:to-red-800:focus { + .sm\:to-red-800 { --gradient-to-color: #991b1b; } - .md\:focus\:to-red-900:focus { + .sm\:to-red-900 { --gradient-to-color: #7f1d1d; } - .md\:focus\:to-yellow-50:focus { + .sm\:to-yellow-50 { --gradient-to-color: #fffbeb; } - .md\:focus\:to-yellow-100:focus { + .sm\:to-yellow-100 { --gradient-to-color: #fef3c7; } - .md\:focus\:to-yellow-200:focus { + .sm\:to-yellow-200 { --gradient-to-color: #fde68a; } - .md\:focus\:to-yellow-300:focus { + .sm\:to-yellow-300 { --gradient-to-color: #fcd34d; } - .md\:focus\:to-yellow-400:focus { + .sm\:to-yellow-400 { --gradient-to-color: #fbbf24; } - .md\:focus\:to-yellow-500:focus { + .sm\:to-yellow-500 { --gradient-to-color: #f59e0b; } - .md\:focus\:to-yellow-600:focus { + .sm\:to-yellow-600 { --gradient-to-color: #d97706; } - .md\:focus\:to-yellow-700:focus { + .sm\:to-yellow-700 { --gradient-to-color: #b45309; } - .md\:focus\:to-yellow-800:focus { + .sm\:to-yellow-800 { --gradient-to-color: #92400e; } - .md\:focus\:to-yellow-900:focus { + .sm\:to-yellow-900 { --gradient-to-color: #78350f; } - .md\:focus\:to-green-50:focus { + .sm\:to-green-50 { --gradient-to-color: #ecfdf5; } - .md\:focus\:to-green-100:focus { + .sm\:to-green-100 { --gradient-to-color: #d1fae5; } - .md\:focus\:to-green-200:focus { + .sm\:to-green-200 { --gradient-to-color: #a7f3d0; } - .md\:focus\:to-green-300:focus { + .sm\:to-green-300 { --gradient-to-color: #6ee7b7; } - .md\:focus\:to-green-400:focus { + .sm\:to-green-400 { --gradient-to-color: #34d399; } - .md\:focus\:to-green-500:focus { + .sm\:to-green-500 { --gradient-to-color: #10b981; } - .md\:focus\:to-green-600:focus { + .sm\:to-green-600 { --gradient-to-color: #059669; } - .md\:focus\:to-green-700:focus { + .sm\:to-green-700 { --gradient-to-color: #047857; } - .md\:focus\:to-green-800:focus { + .sm\:to-green-800 { --gradient-to-color: #065f46; } - .md\:focus\:to-green-900:focus { + .sm\:to-green-900 { --gradient-to-color: #064e3b; } - .md\:focus\:to-blue-50:focus { + .sm\:to-blue-50 { --gradient-to-color: #eff6ff; } - .md\:focus\:to-blue-100:focus { + .sm\:to-blue-100 { --gradient-to-color: #dbeafe; } - .md\:focus\:to-blue-200:focus { + .sm\:to-blue-200 { --gradient-to-color: #bfdbfe; } - .md\:focus\:to-blue-300:focus { + .sm\:to-blue-300 { --gradient-to-color: #93c5fd; } - .md\:focus\:to-blue-400:focus { + .sm\:to-blue-400 { --gradient-to-color: #60a5fa; } - .md\:focus\:to-blue-500:focus { + .sm\:to-blue-500 { --gradient-to-color: #3b82f6; } - .md\:focus\:to-blue-600:focus { + .sm\:to-blue-600 { --gradient-to-color: #2563eb; } - .md\:focus\:to-blue-700:focus { + .sm\:to-blue-700 { --gradient-to-color: #1d4ed8; } - .md\:focus\:to-blue-800:focus { + .sm\:to-blue-800 { --gradient-to-color: #1e40af; } - .md\:focus\:to-blue-900:focus { + .sm\:to-blue-900 { --gradient-to-color: #1e3a8a; } - .md\:focus\:to-purple-50:focus { + .sm\:to-purple-50 { --gradient-to-color: #f5f3ff; } - .md\:focus\:to-purple-100:focus { + .sm\:to-purple-100 { --gradient-to-color: #ede9fe; } - .md\:focus\:to-purple-200:focus { + .sm\:to-purple-200 { --gradient-to-color: #ddd6fe; } - .md\:focus\:to-purple-300:focus { + .sm\:to-purple-300 { --gradient-to-color: #c4b5fd; } - .md\:focus\:to-purple-400:focus { + .sm\:to-purple-400 { --gradient-to-color: #a78bfa; } - .md\:focus\:to-purple-500:focus { + .sm\:to-purple-500 { --gradient-to-color: #8b5cf6; } - .md\:focus\:to-purple-600:focus { + .sm\:to-purple-600 { --gradient-to-color: #7c3aed; } - .md\:focus\:to-purple-700:focus { + .sm\:to-purple-700 { --gradient-to-color: #6d28d9; } - .md\:focus\:to-purple-800:focus { + .sm\:to-purple-800 { --gradient-to-color: #5b21b6; } - .md\:focus\:to-purple-900:focus { + .sm\:to-purple-900 { --gradient-to-color: #4c1d95; } - .md\:focus\:to-pink-50:focus { + .sm\:to-pink-50 { --gradient-to-color: #fdf2f8; } - .md\:focus\:to-pink-100:focus { + .sm\:to-pink-100 { --gradient-to-color: #fce7f3; } - .md\:focus\:to-pink-200:focus { + .sm\:to-pink-200 { --gradient-to-color: #fbcfe8; } - .md\:focus\:to-pink-300:focus { + .sm\:to-pink-300 { --gradient-to-color: #f9a8d4; } - .md\:focus\:to-pink-400:focus { + .sm\:to-pink-400 { --gradient-to-color: #f472b6; } - .md\:focus\:to-pink-500:focus { + .sm\:to-pink-500 { --gradient-to-color: #ec4899; } - .md\:focus\:to-pink-600:focus { + .sm\:to-pink-600 { --gradient-to-color: #db2777; } - .md\:focus\:to-pink-700:focus { + .sm\:to-pink-700 { --gradient-to-color: #be185d; } - .md\:focus\:to-pink-800:focus { + .sm\:to-pink-800 { --gradient-to-color: #9d174d; } - .md\:focus\:to-pink-900:focus { + .sm\:to-pink-900 { --gradient-to-color: #831843; } - @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)); - } - - .md\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .md\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .md\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .md\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .md\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .md\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .md\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .md\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .md\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .md\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .md\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .md\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .md\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .md\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .md\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .md\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .md\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .md\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .md\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .md\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .md\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .md\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .md\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .md\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .md\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .md\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .md\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .md\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .md\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .md\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .md\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .md\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .md\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .md\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .md\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .md\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .md\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .md\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .md\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .md\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .md\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .md\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .md\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .md\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .md\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .md\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .md\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .md\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .md\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .md\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .md\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .md\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .md\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .md\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .md\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .md\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .md\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .md\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .md\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .md\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .md\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .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)); - } - - .md\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .md\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .md\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .md\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .md\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .md\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .md\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .md\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .md\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .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)); - } - - .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)); - } - - .md\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .md\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .md\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .md\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .md\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .md\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .md\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .md\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .md\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .md\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .md\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .md\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .md\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .md\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .md\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .md\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .md\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .md\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .md\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .md\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .md\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .md\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .md\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .md\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .md\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .md\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .md\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .md\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .md\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .md\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .md\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .md\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .md\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .md\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .md\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .md\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .md\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .md\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .md\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .md\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .md\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .md\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .md\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .md\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .md\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .md\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .md\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .md\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .md\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .md\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .md\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .md\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .md\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .md\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .md\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .md\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .md\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .md\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .md\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .md\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .md\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .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)); - } - - .md\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .md\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .md\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .md\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .md\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .md\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .md\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .md\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .md\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .md\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .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)); + } - .md\:dark\:to-current { - --gradient-to-color: currentColor; - } + .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)); + } - .md\:dark\:to-black { - --gradient-to-color: #000; - } + .sm\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:to-white { - --gradient-to-color: #fff; - } + .sm\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .sm\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .sm\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .sm\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .sm\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .sm\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .sm\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .sm\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .sm\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .sm\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .sm\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .sm\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .sm\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .sm\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .sm\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .sm\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .sm\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .sm\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .sm\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .sm\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .sm\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .sm\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .sm\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .sm\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .sm\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .sm\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .sm\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .sm\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .sm\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .sm\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .sm\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .sm\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .sm\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .sm\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .sm\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .sm\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .sm\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .sm\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .sm\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .sm\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .sm\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .sm\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .sm\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .sm\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .sm\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .sm\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .sm\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .sm\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .sm\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .sm\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .sm\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .sm\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .sm\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .sm\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .sm\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .sm\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .sm\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .sm\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .sm\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .sm\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .sm\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .md\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .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)); + } - .md\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .sm\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .sm\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .sm\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .sm\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .sm\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .sm\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .sm\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .sm\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .sm\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .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\: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\: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\: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\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .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\: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\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .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\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .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\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .md\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:hover\:to-black:hover { + --gradient-to-color: #000; + } - .md\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:hover\:to-white:hover { + --gradient-to-color: #fff; + } - .md\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; + } - .md\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; + } - .md\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; + } - .md\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; + } - .md\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; + } - .md\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; + } - .md\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; + } - .md\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; + } - .md\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; + } - .md\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; + } - .md\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; + } - .md\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; + } - .md\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; + } - .md\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; + } - .md\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; + } - .md\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; + } - .md\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; + } - .md\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; + } - .md\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; + } - .md\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; + } - .md\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; + } - .md\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; + } - .md\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; + } - .md\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; + } - .md\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; + } - .md\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; + } - .md\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; + } - .md\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; + } - .md\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; + } - .md\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; + } - .md\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; + } - .md\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; + } - .md\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; + } - .md\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; + } - .md\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; + } - .md\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; + } - .md\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:hover\:to-green-600:hover { + --gradient-to-color: #059669; + } - .md\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:hover\:to-green-700:hover { + --gradient-to-color: #047857; + } - .md\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; + } - .md\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; + } - .md\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; + } - .md\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; + } - .md\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; + } - .md\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; + } - .md\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; + } - .md\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; + } - .md\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; + } - .md\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; + } - .md\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; + } - .md\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; + } - .md\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; + } - .md\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; + } - .md\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; + } - .md\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; + } - .md\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; + } - .md\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; + } - .md\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; + } - .md\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; + } - .md\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; + } - .md\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; + } - .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\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .md\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; + } - .md\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; + } - .md\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; + } - .md\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; + } - .md\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; + } - .md\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; + } - .md\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; + } - .md\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; + } - .md\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; + } - .md\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .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)); + } - .md\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .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)); + } - .md\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .sm\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .sm\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .sm\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .sm\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .sm\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .sm\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .sm\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .sm\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .sm\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .sm\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .sm\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .sm\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .sm\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .sm\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .sm\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .sm\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .sm\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .sm\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .sm\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .sm\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .sm\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .sm\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .sm\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .sm\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .sm\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .sm\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .sm\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .sm\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .sm\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .sm\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .sm\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .sm\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .sm\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .sm\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .sm\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .sm\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .sm\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .sm\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .sm\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .sm\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .sm\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .sm\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .sm\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .sm\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .sm\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .sm\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .sm\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .sm\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .sm\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .sm\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .sm\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .sm\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .sm\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .sm\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .sm\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .sm\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .sm\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .sm\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .sm\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .sm\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .sm\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .sm\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .md\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .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\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .sm\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .sm\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .sm\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .sm\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .sm\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .sm\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .sm\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .sm\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .sm\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .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\: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\: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\: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\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .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\: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\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .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\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .md\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .md\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .md\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .md\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .md\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .md\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .md\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .md\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .md\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .md\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .md\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .md\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .md\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .md\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .md\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .md\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .md\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .md\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .md\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .md\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .md\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .md\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .md\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .md\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .md\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .md\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .md\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .md\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .md\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .md\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .md\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .md\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .md\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .md\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .md\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .md\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .md\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .md\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .md\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .md\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .md\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .md\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .md\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .md\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .md\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .md\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .md\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .md\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .md\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .md\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .md\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .md\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .md\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .md\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .md\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .md\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .md\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .md\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .md\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .md\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .md\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .md\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .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\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .md\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .md\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .md\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .md\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .md\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .md\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .md\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .md\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .md\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; + } - .md\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .sm\:bg-opacity-0 { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .sm\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .sm\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .sm\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .sm\:bg-opacity-100 { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .group:hover .sm\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .group:hover .sm\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .group:hover .sm\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .group:hover .sm\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .group:hover .sm\:group-hover\:bg-opacity-100 { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .sm\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .sm\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .sm\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .sm\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .sm\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .sm\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .sm\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .sm\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .sm\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .sm\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .sm\:bg-bottom { + background-position: bottom; + } - .md\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .sm\:bg-center { + background-position: center; + } - .md\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .sm\:bg-left { + background-position: left; + } - .md\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .sm\:bg-left-bottom { + background-position: left bottom; + } - .md\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .sm\:bg-left-top { + background-position: left top; + } - .md\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .sm\:bg-right { + background-position: right; + } - .md\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .sm\:bg-right-bottom { + background-position: right bottom; + } - .md\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .sm\:bg-right-top { + background-position: right top; + } - .md\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .sm\:bg-top { + background-position: top; + } - .md\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .sm\:bg-repeat { + background-repeat: repeat; + } - .md\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } - .md\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } - .md\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } - .md\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .sm\:bg-repeat-round { + background-repeat: round; + } - .md\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .sm\:bg-repeat-space { + background-repeat: space; + } - .md\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .sm\:bg-auto { + background-size: auto; + } - .md\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .sm\:bg-cover { + background-size: cover; + } - .md\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .sm\:bg-contain { + background-size: contain; + } - .md\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .sm\:border-collapse { + border-collapse: collapse; + } - .md\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .sm\:border-separate { + border-collapse: separate; + } - .md\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .sm\:border-transparent { + border-color: transparent; + } - .md\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .sm\:border-current { + border-color: currentColor; + } - .md\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .sm\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .md\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .sm\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .sm\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .sm\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .sm\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .sm\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .sm\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .sm\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .sm\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .sm\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .sm\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .sm\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .sm\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .sm\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .sm\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .sm\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .sm\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .sm\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .sm\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .sm\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .sm\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .sm\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .sm\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .sm\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .sm\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .sm\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .sm\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .sm\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .sm\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .sm\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .sm\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .sm\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .md\:bg-opacity-0 { - --bg-opacity: 0; + .sm\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .md\:bg-opacity-25 { - --bg-opacity: 0.25; + .sm\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .md\:bg-opacity-50 { - --bg-opacity: 0.5; + .sm\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .md\:bg-opacity-75 { - --bg-opacity: 0.75; + .sm\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .md\:bg-opacity-100 { - --bg-opacity: 1; + .sm\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; + .sm\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; + .sm\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; + .sm\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; + .sm\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-100 { - --bg-opacity: 1; + .sm\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .md\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .sm\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .md\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .sm\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .md\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .sm\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .md\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .sm\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .md\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .sm\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .md\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .sm\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .md\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .sm\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .md\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .sm\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .md\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .sm\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .md\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .sm\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .md\:bg-bottom { - background-position: bottom; + .sm\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .md\:bg-center { - background-position: center; + .sm\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .md\:bg-left { - background-position: left; + .sm\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .md\:bg-left-bottom { - background-position: left bottom; + .sm\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .md\:bg-left-top { - background-position: left top; + .sm\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .md\:bg-right { - background-position: right; + .sm\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .md\:bg-right-bottom { - background-position: right bottom; + .sm\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .md\:bg-right-top { - background-position: right top; + .sm\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .md\:bg-top { - background-position: top; + .sm\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .md\:bg-repeat { - background-repeat: repeat; + .sm\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .sm\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .md\:bg-repeat-x { - background-repeat: repeat-x; + .sm\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .sm\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .md\:bg-repeat-round { - background-repeat: round; + .sm\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .md\:bg-repeat-space { - background-repeat: space; + .sm\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .md\:bg-auto { - background-size: auto; + .sm\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .md\:bg-cover { - background-size: cover; + .sm\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .md\:bg-contain { - background-size: contain; + .sm\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .md\:border-collapse { - border-collapse: collapse; + .sm\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .md\:border-separate { - border-collapse: separate; + .sm\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .md\:border-transparent { + .group:hover .sm\:group-hover\:border-transparent { border-color: transparent; } - .md\:border-current { + .group:hover .sm\:group-hover\:border-current { border-color: currentColor; } - .md\:border-black { + .group:hover .sm\:group-hover\:border-black { --border-opacity: 1; border-color: rgba(0, 0, 0, var(--border-opacity)); } - .md\:border-white { + .group:hover .sm\:group-hover\:border-white { --border-opacity: 1; border-color: rgba(255, 255, 255, var(--border-opacity)); } - .md\:border-gray-50 { + .group:hover .sm\:group-hover\:border-gray-50 { --border-opacity: 1; border-color: rgba(250, 250, 250, var(--border-opacity)); } - .md\:border-gray-100 { + .group:hover .sm\:group-hover\:border-gray-100 { --border-opacity: 1; border-color: rgba(244, 244, 245, var(--border-opacity)); } - .md\:border-gray-200 { + .group:hover .sm\:group-hover\:border-gray-200 { --border-opacity: 1; border-color: rgba(228, 228, 231, var(--border-opacity)); } - .md\:border-gray-300 { + .group:hover .sm\:group-hover\:border-gray-300 { --border-opacity: 1; border-color: rgba(212, 212, 216, var(--border-opacity)); } - .md\:border-gray-400 { + .group:hover .sm\:group-hover\:border-gray-400 { --border-opacity: 1; border-color: rgba(161, 161, 170, var(--border-opacity)); } - .md\:border-gray-500 { + .group:hover .sm\:group-hover\:border-gray-500 { --border-opacity: 1; border-color: rgba(113, 113, 122, var(--border-opacity)); } - .md\:border-gray-600 { + .group:hover .sm\:group-hover\:border-gray-600 { --border-opacity: 1; border-color: rgba(82, 82, 91, var(--border-opacity)); } - .md\:border-gray-700 { + .group:hover .sm\:group-hover\:border-gray-700 { --border-opacity: 1; border-color: rgba(63, 63, 70, var(--border-opacity)); } - .md\:border-gray-800 { + .group:hover .sm\:group-hover\:border-gray-800 { --border-opacity: 1; border-color: rgba(39, 39, 42, var(--border-opacity)); } - .md\:border-gray-900 { + .group:hover .sm\:group-hover\:border-gray-900 { --border-opacity: 1; border-color: rgba(24, 24, 27, var(--border-opacity)); } - .md\:border-red-50 { + .group:hover .sm\:group-hover\:border-red-50 { --border-opacity: 1; border-color: rgba(254, 242, 242, var(--border-opacity)); } - .md\:border-red-100 { + .group:hover .sm\:group-hover\:border-red-100 { --border-opacity: 1; border-color: rgba(254, 226, 226, var(--border-opacity)); } - .md\:border-red-200 { + .group:hover .sm\:group-hover\:border-red-200 { --border-opacity: 1; border-color: rgba(254, 202, 202, var(--border-opacity)); } - .md\:border-red-300 { + .group:hover .sm\:group-hover\:border-red-300 { --border-opacity: 1; border-color: rgba(252, 165, 165, var(--border-opacity)); } - .md\:border-red-400 { + .group:hover .sm\:group-hover\:border-red-400 { --border-opacity: 1; border-color: rgba(248, 113, 113, var(--border-opacity)); } - .md\:border-red-500 { + .group:hover .sm\:group-hover\:border-red-500 { --border-opacity: 1; border-color: rgba(239, 68, 68, var(--border-opacity)); } - .md\:border-red-600 { + .group:hover .sm\:group-hover\:border-red-600 { --border-opacity: 1; border-color: rgba(220, 38, 38, var(--border-opacity)); } - .md\:border-red-700 { + .group:hover .sm\:group-hover\:border-red-700 { --border-opacity: 1; border-color: rgba(185, 28, 28, var(--border-opacity)); } - .md\:border-red-800 { + .group:hover .sm\:group-hover\:border-red-800 { --border-opacity: 1; border-color: rgba(153, 27, 27, var(--border-opacity)); } - .md\:border-red-900 { + .group:hover .sm\:group-hover\:border-red-900 { --border-opacity: 1; border-color: rgba(127, 29, 29, var(--border-opacity)); } - .md\:border-yellow-50 { + .group:hover .sm\:group-hover\:border-yellow-50 { --border-opacity: 1; border-color: rgba(255, 251, 235, var(--border-opacity)); } - .md\:border-yellow-100 { + .group:hover .sm\:group-hover\:border-yellow-100 { --border-opacity: 1; border-color: rgba(254, 243, 199, var(--border-opacity)); } - .md\:border-yellow-200 { + .group:hover .sm\:group-hover\:border-yellow-200 { --border-opacity: 1; border-color: rgba(253, 230, 138, var(--border-opacity)); } - .md\:border-yellow-300 { + .group:hover .sm\:group-hover\:border-yellow-300 { --border-opacity: 1; border-color: rgba(252, 211, 77, var(--border-opacity)); } - .md\:border-yellow-400 { + .group:hover .sm\:group-hover\:border-yellow-400 { --border-opacity: 1; border-color: rgba(251, 191, 36, var(--border-opacity)); } - .md\:border-yellow-500 { + .group:hover .sm\:group-hover\:border-yellow-500 { --border-opacity: 1; border-color: rgba(245, 158, 11, var(--border-opacity)); } - .md\:border-yellow-600 { + .group:hover .sm\:group-hover\:border-yellow-600 { --border-opacity: 1; border-color: rgba(217, 119, 6, var(--border-opacity)); } - .md\:border-yellow-700 { + .group:hover .sm\:group-hover\:border-yellow-700 { --border-opacity: 1; border-color: rgba(180, 83, 9, var(--border-opacity)); } - .md\:border-yellow-800 { + .group:hover .sm\:group-hover\:border-yellow-800 { --border-opacity: 1; border-color: rgba(146, 64, 14, var(--border-opacity)); } - .md\:border-yellow-900 { + .group:hover .sm\:group-hover\:border-yellow-900 { --border-opacity: 1; border-color: rgba(120, 53, 15, var(--border-opacity)); } - .md\:border-green-50 { + .group:hover .sm\:group-hover\:border-green-50 { --border-opacity: 1; border-color: rgba(236, 253, 245, var(--border-opacity)); } - .md\:border-green-100 { + .group:hover .sm\:group-hover\:border-green-100 { --border-opacity: 1; border-color: rgba(209, 250, 229, var(--border-opacity)); } - .md\:border-green-200 { + .group:hover .sm\:group-hover\:border-green-200 { --border-opacity: 1; border-color: rgba(167, 243, 208, var(--border-opacity)); } - .md\:border-green-300 { + .group:hover .sm\:group-hover\:border-green-300 { --border-opacity: 1; border-color: rgba(110, 231, 183, var(--border-opacity)); } - .md\:border-green-400 { + .group:hover .sm\:group-hover\:border-green-400 { --border-opacity: 1; border-color: rgba(52, 211, 153, var(--border-opacity)); } - .md\:border-green-500 { + .group:hover .sm\:group-hover\:border-green-500 { --border-opacity: 1; border-color: rgba(16, 185, 129, var(--border-opacity)); } - .md\:border-green-600 { + .group:hover .sm\:group-hover\:border-green-600 { --border-opacity: 1; border-color: rgba(5, 150, 105, var(--border-opacity)); } - .md\:border-green-700 { + .group:hover .sm\:group-hover\:border-green-700 { --border-opacity: 1; border-color: rgba(4, 120, 87, var(--border-opacity)); } - .md\:border-green-800 { + .group:hover .sm\:group-hover\:border-green-800 { --border-opacity: 1; border-color: rgba(6, 95, 70, var(--border-opacity)); } - .md\:border-green-900 { + .group:hover .sm\:group-hover\:border-green-900 { --border-opacity: 1; border-color: rgba(6, 78, 59, var(--border-opacity)); } - .md\:border-blue-50 { + .group:hover .sm\:group-hover\:border-blue-50 { --border-opacity: 1; border-color: rgba(239, 246, 255, var(--border-opacity)); } - .md\:border-blue-100 { + .group:hover .sm\:group-hover\:border-blue-100 { --border-opacity: 1; border-color: rgba(219, 234, 254, var(--border-opacity)); } - .md\:border-blue-200 { + .group:hover .sm\:group-hover\:border-blue-200 { --border-opacity: 1; border-color: rgba(191, 219, 254, var(--border-opacity)); } - .md\:border-blue-300 { + .group:hover .sm\:group-hover\:border-blue-300 { --border-opacity: 1; border-color: rgba(147, 197, 253, var(--border-opacity)); } - .md\:border-blue-400 { + .group:hover .sm\:group-hover\:border-blue-400 { --border-opacity: 1; border-color: rgba(96, 165, 250, var(--border-opacity)); } - .md\:border-blue-500 { + .group:hover .sm\:group-hover\:border-blue-500 { --border-opacity: 1; border-color: rgba(59, 130, 246, var(--border-opacity)); } - .md\:border-blue-600 { + .group:hover .sm\:group-hover\:border-blue-600 { --border-opacity: 1; border-color: rgba(37, 99, 235, var(--border-opacity)); } - .md\:border-blue-700 { + .group:hover .sm\:group-hover\:border-blue-700 { --border-opacity: 1; border-color: rgba(29, 78, 216, var(--border-opacity)); } - .md\:border-blue-800 { + .group:hover .sm\:group-hover\:border-blue-800 { --border-opacity: 1; border-color: rgba(30, 64, 175, var(--border-opacity)); } - .md\:border-blue-900 { + .group:hover .sm\:group-hover\:border-blue-900 { --border-opacity: 1; border-color: rgba(30, 58, 138, var(--border-opacity)); } - .md\:border-purple-50 { + .group:hover .sm\:group-hover\:border-purple-50 { --border-opacity: 1; border-color: rgba(245, 243, 255, var(--border-opacity)); } - .md\:border-purple-100 { + .group:hover .sm\:group-hover\:border-purple-100 { --border-opacity: 1; border-color: rgba(237, 233, 254, var(--border-opacity)); } - .md\:border-purple-200 { + .group:hover .sm\:group-hover\:border-purple-200 { --border-opacity: 1; border-color: rgba(221, 214, 254, var(--border-opacity)); } - .md\:border-purple-300 { + .group:hover .sm\:group-hover\:border-purple-300 { --border-opacity: 1; border-color: rgba(196, 181, 253, var(--border-opacity)); } - .md\:border-purple-400 { + .group:hover .sm\:group-hover\:border-purple-400 { --border-opacity: 1; border-color: rgba(167, 139, 250, var(--border-opacity)); } - .md\:border-purple-500 { + .group:hover .sm\:group-hover\:border-purple-500 { --border-opacity: 1; border-color: rgba(139, 92, 246, var(--border-opacity)); } - .md\:border-purple-600 { + .group:hover .sm\:group-hover\:border-purple-600 { --border-opacity: 1; border-color: rgba(124, 58, 237, var(--border-opacity)); } - .md\:border-purple-700 { + .group:hover .sm\:group-hover\:border-purple-700 { --border-opacity: 1; border-color: rgba(109, 40, 217, var(--border-opacity)); } - .md\:border-purple-800 { + .group:hover .sm\:group-hover\:border-purple-800 { --border-opacity: 1; border-color: rgba(91, 33, 182, var(--border-opacity)); } - .md\:border-purple-900 { + .group:hover .sm\:group-hover\:border-purple-900 { --border-opacity: 1; border-color: rgba(76, 29, 149, var(--border-opacity)); } - .md\:border-pink-50 { + .group:hover .sm\:group-hover\:border-pink-50 { --border-opacity: 1; border-color: rgba(253, 242, 248, var(--border-opacity)); } - .md\:border-pink-100 { + .group:hover .sm\:group-hover\:border-pink-100 { --border-opacity: 1; border-color: rgba(252, 231, 243, var(--border-opacity)); } - .md\:border-pink-200 { + .group:hover .sm\:group-hover\:border-pink-200 { --border-opacity: 1; border-color: rgba(251, 207, 232, var(--border-opacity)); } - .md\:border-pink-300 { + .group:hover .sm\:group-hover\:border-pink-300 { --border-opacity: 1; border-color: rgba(249, 168, 212, var(--border-opacity)); } - .md\:border-pink-400 { + .group:hover .sm\:group-hover\:border-pink-400 { --border-opacity: 1; border-color: rgba(244, 114, 182, var(--border-opacity)); } - .md\:border-pink-500 { + .group:hover .sm\:group-hover\:border-pink-500 { --border-opacity: 1; border-color: rgba(236, 72, 153, var(--border-opacity)); } - .md\:border-pink-600 { + .group:hover .sm\:group-hover\:border-pink-600 { --border-opacity: 1; border-color: rgba(219, 39, 119, var(--border-opacity)); } - .md\:border-pink-700 { + .group:hover .sm\:group-hover\:border-pink-700 { --border-opacity: 1; border-color: rgba(190, 24, 93, var(--border-opacity)); } - .md\:border-pink-800 { + .group:hover .sm\:group-hover\:border-pink-800 { --border-opacity: 1; border-color: rgba(157, 23, 77, var(--border-opacity)); } - .md\:border-pink-900 { + .group:hover .sm\:group-hover\:border-pink-900 { --border-opacity: 1; border-color: rgba(131, 24, 67, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-transparent { + .sm\:hover\:border-transparent:hover { border-color: transparent; } - .group:hover .md\:group-hover\:border-current { + .sm\:hover\:border-current:hover { border-color: currentColor; } - .group:hover .md\:group-hover\:border-black { + .sm\:hover\:border-black:hover { --border-opacity: 1; border-color: rgba(0, 0, 0, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-white { + .sm\:hover\:border-white:hover { --border-opacity: 1; border-color: rgba(255, 255, 255, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-50 { + .sm\:hover\:border-gray-50:hover { --border-opacity: 1; border-color: rgba(250, 250, 250, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-100 { + .sm\:hover\:border-gray-100:hover { --border-opacity: 1; border-color: rgba(244, 244, 245, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-200 { + .sm\:hover\:border-gray-200:hover { --border-opacity: 1; border-color: rgba(228, 228, 231, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-300 { + .sm\:hover\:border-gray-300:hover { --border-opacity: 1; border-color: rgba(212, 212, 216, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-400 { + .sm\:hover\:border-gray-400:hover { --border-opacity: 1; border-color: rgba(161, 161, 170, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-500 { + .sm\:hover\:border-gray-500:hover { --border-opacity: 1; border-color: rgba(113, 113, 122, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-600 { + .sm\:hover\:border-gray-600:hover { --border-opacity: 1; border-color: rgba(82, 82, 91, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-700 { + .sm\:hover\:border-gray-700:hover { --border-opacity: 1; border-color: rgba(63, 63, 70, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-800 { + .sm\:hover\:border-gray-800:hover { --border-opacity: 1; border-color: rgba(39, 39, 42, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-900 { + .sm\:hover\:border-gray-900:hover { --border-opacity: 1; border-color: rgba(24, 24, 27, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-50 { + .sm\:hover\:border-red-50:hover { --border-opacity: 1; border-color: rgba(254, 242, 242, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-100 { + .sm\:hover\:border-red-100:hover { --border-opacity: 1; border-color: rgba(254, 226, 226, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-200 { + .sm\:hover\:border-red-200:hover { --border-opacity: 1; border-color: rgba(254, 202, 202, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-300 { + .sm\:hover\:border-red-300:hover { --border-opacity: 1; border-color: rgba(252, 165, 165, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-400 { + .sm\:hover\:border-red-400:hover { --border-opacity: 1; border-color: rgba(248, 113, 113, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-500 { + .sm\:hover\:border-red-500:hover { --border-opacity: 1; border-color: rgba(239, 68, 68, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-600 { + .sm\:hover\:border-red-600:hover { --border-opacity: 1; border-color: rgba(220, 38, 38, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-700 { + .sm\:hover\:border-red-700:hover { --border-opacity: 1; border-color: rgba(185, 28, 28, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-800 { + .sm\:hover\:border-red-800:hover { --border-opacity: 1; border-color: rgba(153, 27, 27, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-900 { + .sm\:hover\:border-red-900:hover { --border-opacity: 1; border-color: rgba(127, 29, 29, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-50 { + .sm\:hover\:border-yellow-50:hover { --border-opacity: 1; border-color: rgba(255, 251, 235, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-100 { + .sm\:hover\:border-yellow-100:hover { --border-opacity: 1; border-color: rgba(254, 243, 199, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-200 { + .sm\:hover\:border-yellow-200:hover { --border-opacity: 1; border-color: rgba(253, 230, 138, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-300 { + .sm\:hover\:border-yellow-300:hover { --border-opacity: 1; border-color: rgba(252, 211, 77, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-400 { + .sm\:hover\:border-yellow-400:hover { --border-opacity: 1; border-color: rgba(251, 191, 36, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-500 { + .sm\:hover\:border-yellow-500:hover { --border-opacity: 1; border-color: rgba(245, 158, 11, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-600 { + .sm\:hover\:border-yellow-600:hover { --border-opacity: 1; border-color: rgba(217, 119, 6, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-700 { + .sm\:hover\:border-yellow-700:hover { --border-opacity: 1; border-color: rgba(180, 83, 9, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-800 { + .sm\:hover\:border-yellow-800:hover { --border-opacity: 1; border-color: rgba(146, 64, 14, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-900 { + .sm\:hover\:border-yellow-900:hover { --border-opacity: 1; border-color: rgba(120, 53, 15, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-50 { + .sm\:hover\:border-green-50:hover { --border-opacity: 1; border-color: rgba(236, 253, 245, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-100 { + .sm\:hover\:border-green-100:hover { --border-opacity: 1; border-color: rgba(209, 250, 229, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-200 { + .sm\:hover\:border-green-200:hover { --border-opacity: 1; border-color: rgba(167, 243, 208, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-300 { + .sm\:hover\:border-green-300:hover { --border-opacity: 1; border-color: rgba(110, 231, 183, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-400 { + .sm\:hover\:border-green-400:hover { --border-opacity: 1; border-color: rgba(52, 211, 153, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-500 { + .sm\:hover\:border-green-500:hover { --border-opacity: 1; border-color: rgba(16, 185, 129, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-600 { + .sm\:hover\:border-green-600:hover { --border-opacity: 1; border-color: rgba(5, 150, 105, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-700 { + .sm\:hover\:border-green-700:hover { --border-opacity: 1; border-color: rgba(4, 120, 87, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-800 { + .sm\:hover\:border-green-800:hover { --border-opacity: 1; border-color: rgba(6, 95, 70, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-900 { + .sm\:hover\:border-green-900:hover { --border-opacity: 1; border-color: rgba(6, 78, 59, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-50 { + .sm\:hover\:border-blue-50:hover { --border-opacity: 1; border-color: rgba(239, 246, 255, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-100 { + .sm\:hover\:border-blue-100:hover { --border-opacity: 1; border-color: rgba(219, 234, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-200 { + .sm\:hover\:border-blue-200:hover { --border-opacity: 1; border-color: rgba(191, 219, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-300 { + .sm\:hover\:border-blue-300:hover { --border-opacity: 1; border-color: rgba(147, 197, 253, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-400 { + .sm\:hover\:border-blue-400:hover { --border-opacity: 1; border-color: rgba(96, 165, 250, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-500 { + .sm\:hover\:border-blue-500:hover { --border-opacity: 1; border-color: rgba(59, 130, 246, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-600 { + .sm\:hover\:border-blue-600:hover { --border-opacity: 1; border-color: rgba(37, 99, 235, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-700 { + .sm\:hover\:border-blue-700:hover { --border-opacity: 1; border-color: rgba(29, 78, 216, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-800 { + .sm\:hover\:border-blue-800:hover { --border-opacity: 1; border-color: rgba(30, 64, 175, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-900 { + .sm\:hover\:border-blue-900:hover { --border-opacity: 1; border-color: rgba(30, 58, 138, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-50 { + .sm\:hover\:border-purple-50:hover { --border-opacity: 1; border-color: rgba(245, 243, 255, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-100 { + .sm\:hover\:border-purple-100:hover { --border-opacity: 1; border-color: rgba(237, 233, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-200 { + .sm\:hover\:border-purple-200:hover { --border-opacity: 1; border-color: rgba(221, 214, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-300 { + .sm\:hover\:border-purple-300:hover { --border-opacity: 1; border-color: rgba(196, 181, 253, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-400 { + .sm\:hover\:border-purple-400:hover { --border-opacity: 1; border-color: rgba(167, 139, 250, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-500 { + .sm\:hover\:border-purple-500:hover { --border-opacity: 1; border-color: rgba(139, 92, 246, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-600 { + .sm\:hover\:border-purple-600:hover { --border-opacity: 1; border-color: rgba(124, 58, 237, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-700 { + .sm\:hover\:border-purple-700:hover { --border-opacity: 1; border-color: rgba(109, 40, 217, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-800 { + .sm\:hover\:border-purple-800:hover { --border-opacity: 1; border-color: rgba(91, 33, 182, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-900 { + .sm\:hover\:border-purple-900:hover { --border-opacity: 1; border-color: rgba(76, 29, 149, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-50 { + .sm\:hover\:border-pink-50:hover { --border-opacity: 1; border-color: rgba(253, 242, 248, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-100 { + .sm\:hover\:border-pink-100:hover { --border-opacity: 1; border-color: rgba(252, 231, 243, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-200 { + .sm\:hover\:border-pink-200:hover { --border-opacity: 1; border-color: rgba(251, 207, 232, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-300 { + .sm\:hover\:border-pink-300:hover { --border-opacity: 1; border-color: rgba(249, 168, 212, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-400 { + .sm\:hover\:border-pink-400:hover { --border-opacity: 1; border-color: rgba(244, 114, 182, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-500 { + .sm\:hover\:border-pink-500:hover { --border-opacity: 1; border-color: rgba(236, 72, 153, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-600 { + .sm\:hover\:border-pink-600:hover { --border-opacity: 1; border-color: rgba(219, 39, 119, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-700 { + .sm\:hover\:border-pink-700:hover { --border-opacity: 1; border-color: rgba(190, 24, 93, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-800 { + .sm\:hover\:border-pink-800:hover { --border-opacity: 1; border-color: rgba(157, 23, 77, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-900 { + .sm\:hover\:border-pink-900:hover { --border-opacity: 1; border-color: rgba(131, 24, 67, var(--border-opacity)); } - .md\:hover\:border-transparent:hover { + .sm\:focus\:border-transparent:focus { border-color: transparent; } - .md\:hover\:border-current:hover { + .sm\:focus\:border-current:focus { border-color: currentColor; } - .md\:hover\:border-black:hover { + .sm\:focus\:border-black:focus { --border-opacity: 1; border-color: rgba(0, 0, 0, var(--border-opacity)); } - .md\:hover\:border-white:hover { + .sm\:focus\:border-white:focus { --border-opacity: 1; border-color: rgba(255, 255, 255, var(--border-opacity)); } - .md\:hover\:border-gray-50:hover { + .sm\:focus\:border-gray-50:focus { --border-opacity: 1; border-color: rgba(250, 250, 250, var(--border-opacity)); } - .md\:hover\:border-gray-100:hover { + .sm\:focus\:border-gray-100:focus { --border-opacity: 1; border-color: rgba(244, 244, 245, var(--border-opacity)); } - .md\:hover\:border-gray-200:hover { + .sm\:focus\:border-gray-200:focus { --border-opacity: 1; border-color: rgba(228, 228, 231, var(--border-opacity)); } - .md\:hover\:border-gray-300:hover { + .sm\:focus\:border-gray-300:focus { --border-opacity: 1; border-color: rgba(212, 212, 216, var(--border-opacity)); } - .md\:hover\:border-gray-400:hover { + .sm\:focus\:border-gray-400:focus { --border-opacity: 1; border-color: rgba(161, 161, 170, var(--border-opacity)); } - .md\:hover\:border-gray-500:hover { + .sm\:focus\:border-gray-500:focus { --border-opacity: 1; border-color: rgba(113, 113, 122, var(--border-opacity)); } - .md\:hover\:border-gray-600:hover { + .sm\:focus\:border-gray-600:focus { --border-opacity: 1; border-color: rgba(82, 82, 91, var(--border-opacity)); } - .md\:hover\:border-gray-700:hover { + .sm\:focus\:border-gray-700:focus { --border-opacity: 1; border-color: rgba(63, 63, 70, var(--border-opacity)); } - .md\:hover\:border-gray-800:hover { + .sm\:focus\:border-gray-800:focus { --border-opacity: 1; border-color: rgba(39, 39, 42, var(--border-opacity)); } - .md\:hover\:border-gray-900:hover { + .sm\:focus\:border-gray-900:focus { --border-opacity: 1; border-color: rgba(24, 24, 27, var(--border-opacity)); } - .md\:hover\:border-red-50:hover { + .sm\:focus\:border-red-50:focus { --border-opacity: 1; border-color: rgba(254, 242, 242, var(--border-opacity)); } - .md\:hover\:border-red-100:hover { + .sm\:focus\:border-red-100:focus { --border-opacity: 1; border-color: rgba(254, 226, 226, var(--border-opacity)); } - .md\:hover\:border-red-200:hover { + .sm\:focus\:border-red-200:focus { --border-opacity: 1; border-color: rgba(254, 202, 202, var(--border-opacity)); } - .md\:hover\:border-red-300:hover { + .sm\:focus\:border-red-300:focus { --border-opacity: 1; border-color: rgba(252, 165, 165, var(--border-opacity)); } - .md\:hover\:border-red-400:hover { + .sm\:focus\:border-red-400:focus { --border-opacity: 1; border-color: rgba(248, 113, 113, var(--border-opacity)); } - .md\:hover\:border-red-500:hover { + .sm\:focus\:border-red-500:focus { --border-opacity: 1; border-color: rgba(239, 68, 68, var(--border-opacity)); } - .md\:hover\:border-red-600:hover { + .sm\:focus\:border-red-600:focus { --border-opacity: 1; border-color: rgba(220, 38, 38, var(--border-opacity)); } - .md\:hover\:border-red-700:hover { + .sm\:focus\:border-red-700:focus { --border-opacity: 1; border-color: rgba(185, 28, 28, var(--border-opacity)); } - .md\:hover\:border-red-800:hover { + .sm\:focus\:border-red-800:focus { --border-opacity: 1; border-color: rgba(153, 27, 27, var(--border-opacity)); } - .md\:hover\:border-red-900:hover { + .sm\:focus\:border-red-900:focus { --border-opacity: 1; border-color: rgba(127, 29, 29, var(--border-opacity)); } - .md\:hover\:border-yellow-50:hover { + .sm\:focus\:border-yellow-50:focus { --border-opacity: 1; border-color: rgba(255, 251, 235, var(--border-opacity)); } - .md\:hover\:border-yellow-100:hover { + .sm\:focus\:border-yellow-100:focus { --border-opacity: 1; border-color: rgba(254, 243, 199, var(--border-opacity)); } - .md\:hover\:border-yellow-200:hover { + .sm\:focus\:border-yellow-200:focus { --border-opacity: 1; border-color: rgba(253, 230, 138, var(--border-opacity)); } - .md\:hover\:border-yellow-300:hover { + .sm\:focus\:border-yellow-300:focus { --border-opacity: 1; border-color: rgba(252, 211, 77, var(--border-opacity)); } - .md\:hover\:border-yellow-400:hover { + .sm\:focus\:border-yellow-400:focus { --border-opacity: 1; border-color: rgba(251, 191, 36, var(--border-opacity)); } - .md\:hover\:border-yellow-500:hover { + .sm\:focus\:border-yellow-500:focus { --border-opacity: 1; border-color: rgba(245, 158, 11, var(--border-opacity)); } - .md\:hover\:border-yellow-600:hover { + .sm\:focus\:border-yellow-600:focus { --border-opacity: 1; border-color: rgba(217, 119, 6, var(--border-opacity)); } - .md\:hover\:border-yellow-700:hover { + .sm\:focus\:border-yellow-700:focus { --border-opacity: 1; border-color: rgba(180, 83, 9, var(--border-opacity)); } - .md\:hover\:border-yellow-800:hover { + .sm\:focus\:border-yellow-800:focus { --border-opacity: 1; border-color: rgba(146, 64, 14, var(--border-opacity)); } - .md\:hover\:border-yellow-900:hover { + .sm\:focus\:border-yellow-900:focus { --border-opacity: 1; border-color: rgba(120, 53, 15, var(--border-opacity)); } - .md\:hover\:border-green-50:hover { + .sm\:focus\:border-green-50:focus { --border-opacity: 1; border-color: rgba(236, 253, 245, var(--border-opacity)); } - .md\:hover\:border-green-100:hover { + .sm\:focus\:border-green-100:focus { --border-opacity: 1; border-color: rgba(209, 250, 229, var(--border-opacity)); } - .md\:hover\:border-green-200:hover { + .sm\:focus\:border-green-200:focus { --border-opacity: 1; border-color: rgba(167, 243, 208, var(--border-opacity)); } - .md\:hover\:border-green-300:hover { + .sm\:focus\:border-green-300:focus { --border-opacity: 1; border-color: rgba(110, 231, 183, var(--border-opacity)); } - .md\:hover\:border-green-400:hover { + .sm\:focus\:border-green-400:focus { --border-opacity: 1; border-color: rgba(52, 211, 153, var(--border-opacity)); } - .md\:hover\:border-green-500:hover { + .sm\:focus\:border-green-500:focus { --border-opacity: 1; border-color: rgba(16, 185, 129, var(--border-opacity)); } - .md\:hover\:border-green-600:hover { + .sm\:focus\:border-green-600:focus { --border-opacity: 1; border-color: rgba(5, 150, 105, var(--border-opacity)); } - .md\:hover\:border-green-700:hover { + .sm\:focus\:border-green-700:focus { --border-opacity: 1; border-color: rgba(4, 120, 87, var(--border-opacity)); } - .md\:hover\:border-green-800:hover { + .sm\:focus\:border-green-800:focus { --border-opacity: 1; border-color: rgba(6, 95, 70, var(--border-opacity)); } - .md\:hover\:border-green-900:hover { + .sm\:focus\:border-green-900:focus { --border-opacity: 1; border-color: rgba(6, 78, 59, var(--border-opacity)); } - .md\:hover\:border-blue-50:hover { + .sm\:focus\:border-blue-50:focus { --border-opacity: 1; border-color: rgba(239, 246, 255, var(--border-opacity)); } - .md\:hover\:border-blue-100:hover { + .sm\:focus\:border-blue-100:focus { --border-opacity: 1; border-color: rgba(219, 234, 254, var(--border-opacity)); } - .md\:hover\:border-blue-200:hover { + .sm\:focus\:border-blue-200:focus { --border-opacity: 1; border-color: rgba(191, 219, 254, var(--border-opacity)); } - .md\:hover\:border-blue-300:hover { + .sm\:focus\:border-blue-300:focus { --border-opacity: 1; border-color: rgba(147, 197, 253, var(--border-opacity)); } - .md\:hover\:border-blue-400:hover { + .sm\:focus\:border-blue-400:focus { --border-opacity: 1; border-color: rgba(96, 165, 250, var(--border-opacity)); } - .md\:hover\:border-blue-500:hover { + .sm\:focus\:border-blue-500:focus { --border-opacity: 1; border-color: rgba(59, 130, 246, var(--border-opacity)); } - .md\:hover\:border-blue-600:hover { + .sm\:focus\:border-blue-600:focus { --border-opacity: 1; border-color: rgba(37, 99, 235, var(--border-opacity)); } - .md\:hover\:border-blue-700:hover { + .sm\:focus\:border-blue-700:focus { --border-opacity: 1; border-color: rgba(29, 78, 216, var(--border-opacity)); } - .md\:hover\:border-blue-800:hover { + .sm\:focus\:border-blue-800:focus { --border-opacity: 1; border-color: rgba(30, 64, 175, var(--border-opacity)); } - .md\:hover\:border-blue-900:hover { + .sm\:focus\:border-blue-900:focus { --border-opacity: 1; border-color: rgba(30, 58, 138, var(--border-opacity)); } - .md\:hover\:border-purple-50:hover { + .sm\:focus\:border-purple-50:focus { --border-opacity: 1; border-color: rgba(245, 243, 255, var(--border-opacity)); } - .md\:hover\:border-purple-100:hover { + .sm\:focus\:border-purple-100:focus { --border-opacity: 1; border-color: rgba(237, 233, 254, var(--border-opacity)); } - .md\:hover\:border-purple-200:hover { + .sm\:focus\:border-purple-200:focus { --border-opacity: 1; border-color: rgba(221, 214, 254, var(--border-opacity)); } - .md\:hover\:border-purple-300:hover { + .sm\:focus\:border-purple-300:focus { --border-opacity: 1; border-color: rgba(196, 181, 253, var(--border-opacity)); } - .md\:hover\:border-purple-400:hover { + .sm\:focus\:border-purple-400:focus { --border-opacity: 1; border-color: rgba(167, 139, 250, var(--border-opacity)); } - .md\:hover\:border-purple-500:hover { + .sm\:focus\:border-purple-500:focus { --border-opacity: 1; border-color: rgba(139, 92, 246, var(--border-opacity)); } - .md\:hover\:border-purple-600:hover { + .sm\:focus\:border-purple-600:focus { --border-opacity: 1; border-color: rgba(124, 58, 237, var(--border-opacity)); } - .md\:hover\:border-purple-700:hover { + .sm\:focus\:border-purple-700:focus { --border-opacity: 1; border-color: rgba(109, 40, 217, var(--border-opacity)); } - .md\:hover\:border-purple-800:hover { + .sm\:focus\:border-purple-800:focus { --border-opacity: 1; border-color: rgba(91, 33, 182, var(--border-opacity)); } - .md\:hover\:border-purple-900:hover { + .sm\:focus\:border-purple-900:focus { --border-opacity: 1; border-color: rgba(76, 29, 149, var(--border-opacity)); } - .md\:hover\:border-pink-50:hover { + .sm\:focus\:border-pink-50:focus { --border-opacity: 1; border-color: rgba(253, 242, 248, var(--border-opacity)); } - .md\:hover\:border-pink-100:hover { + .sm\:focus\:border-pink-100:focus { --border-opacity: 1; border-color: rgba(252, 231, 243, var(--border-opacity)); } - .md\:hover\:border-pink-200:hover { + .sm\:focus\:border-pink-200:focus { --border-opacity: 1; border-color: rgba(251, 207, 232, var(--border-opacity)); } - .md\:hover\:border-pink-300:hover { + .sm\:focus\:border-pink-300:focus { --border-opacity: 1; border-color: rgba(249, 168, 212, var(--border-opacity)); } - .md\:hover\:border-pink-400:hover { + .sm\:focus\:border-pink-400:focus { --border-opacity: 1; border-color: rgba(244, 114, 182, var(--border-opacity)); } - .md\:hover\:border-pink-500:hover { + .sm\:focus\:border-pink-500:focus { --border-opacity: 1; border-color: rgba(236, 72, 153, var(--border-opacity)); } - .md\:hover\:border-pink-600:hover { + .sm\:focus\:border-pink-600:focus { --border-opacity: 1; border-color: rgba(219, 39, 119, var(--border-opacity)); } - .md\:hover\:border-pink-700:hover { + .sm\:focus\:border-pink-700:focus { --border-opacity: 1; border-color: rgba(190, 24, 93, var(--border-opacity)); } - .md\:hover\:border-pink-800:hover { + .sm\:focus\:border-pink-800:focus { --border-opacity: 1; border-color: rgba(157, 23, 77, var(--border-opacity)); } - .md\:hover\:border-pink-900:hover { + .sm\:focus\:border-pink-900:focus { --border-opacity: 1; border-color: rgba(131, 24, 67, var(--border-opacity)); } - .md\:focus\:border-transparent:focus { - border-color: transparent; + .sm\:border-opacity-0 { + --border-opacity: 0; } - .md\:focus\:border-current:focus { - border-color: currentColor; + .sm\:border-opacity-25 { + --border-opacity: 0.25; } - .md\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .sm\:border-opacity-50 { + --border-opacity: 0.5; } - .md\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .sm\:border-opacity-75 { + --border-opacity: 0.75; } - .md\:focus\:border-gray-50:focus { + .sm\:border-opacity-100 { --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); } - .md\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-0 { + --border-opacity: 0; } - .md\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; } - .md\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; } - .md\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; } - .md\:focus\:border-gray-500:focus { + .group:hover .sm\:group-hover\:border-opacity-100 { --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); } - .md\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .sm\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .md\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .sm\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .md\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .sm\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .md\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .sm\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .md\:focus\:border-red-50:focus { + .sm\:hover\:border-opacity-100:hover { --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); } - .md\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .sm\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .md\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .sm\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .md\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .sm\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .md\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .sm\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .md\:focus\:border-red-500:focus { + .sm\:focus\:border-opacity-100:focus { --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); } - .md\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .sm\:rounded-none { + border-radius: 0; } - .md\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .sm\:rounded-sm { + border-radius: 0.125rem; } - .md\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .sm\:rounded { + border-radius: 0.25rem; } - .md\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .sm\:rounded-md { + border-radius: 0.375rem; } - .md\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .sm\:rounded-lg { + border-radius: 0.5rem; } - .md\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .sm\:rounded-xl { + border-radius: 0.75rem; } - .md\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .sm\:rounded-2xl { + border-radius: 1rem; } - .md\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .sm\:rounded-3xl { + border-radius: 1.5rem; } - .md\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .sm\:rounded-full { + border-radius: 9999px; } - .md\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .md\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .md\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .md\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .md\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .md\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .md\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .md\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .md\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .md\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .md\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .md\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .md\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .md\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .md\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .md\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .md\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .md\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .md\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .md\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .md\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .md\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .md\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .md\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .md\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .md\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .md\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .md\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .md\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .md\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .md\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .md\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .md\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .md\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .md\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .sm\:rounded-tl-none { + border-top-left-radius: 0; } - .md\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .sm\:rounded-tr-none { + border-top-right-radius: 0; } - .md\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .sm\:rounded-br-none { + border-bottom-right-radius: 0; } - .md\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; } - .md\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .md\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .md\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .md\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .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-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.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; } - .md\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .sm\:inline-block { + display: inline-block; } - @media (prefers-color-scheme: dark) { - .md\:dark\:border-transparent { - border-color: transparent; - } + .sm\:inline { + display: inline; + } - .md\:dark\:border-current { - border-color: currentColor; - } + .sm\:flex { + display: flex; + } - .md\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:inline-flex { + display: inline-flex; + } - .md\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:table { + display: table; + } - .md\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:table-caption { + display: table-caption; + } - .md\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:table-cell { + display: table-cell; + } - .md\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:table-column { + display: table-column; + } - .md\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:table-column-group { + display: table-column-group; + } - .md\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:table-footer-group { + display: table-footer-group; + } - .md\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:table-header-group { + display: table-header-group; + } - .md\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:table-row-group { + display: table-row-group; + } - .md\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:table-row { + display: table-row; + } - .md\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:flow-root { + display: flow-root; + } - .md\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:grid { + display: grid; + } - .md\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:inline-grid { + display: inline-grid; + } - .md\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:contents { + display: contents; + } - .md\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:hidden { + display: none; + } - .md\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:flex-row { + flex-direction: row; + } - .md\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } - .md\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:flex-col { + flex-direction: column; + } - .md\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } - .md\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:flex-wrap { + flex-wrap: wrap; + } - .md\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .md\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } - .md\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:place-items-auto { + place-items: auto; + } - .md\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:place-items-start { + place-items: start; + } - .md\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:place-items-end { + place-items: end; + } - .md\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:place-items-center { + place-items: center; + } - .md\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:place-items-stretch { + place-items: stretch; + } - .md\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:place-content-center { + place-content: center; + } - .md\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:place-content-start { + place-content: start; + } - .md\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:place-content-end { + place-content: end; + } - .md\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:place-content-between { + place-content: space-between; + } - .md\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:place-content-around { + place-content: space-around; + } - .md\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:place-content-evenly { + place-content: space-evenly; + } - .md\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:place-content-stretch { + place-content: stretch; + } - .md\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:place-self-auto { + place-self: auto; + } - .md\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:place-self-start { + place-self: start; + } - .md\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:place-self-end { + place-self: end; + } - .md\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:place-self-center { + place-self: center; + } - .md\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:place-self-stretch { + place-self: stretch; + } - .md\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:items-start { + align-items: flex-start; + } - .md\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:items-end { + align-items: flex-end; + } - .md\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:items-center { + align-items: center; + } - .md\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:items-baseline { + align-items: baseline; + } - .md\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:items-stretch { + align-items: stretch; + } - .md\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:content-center { + align-content: center; + } - .md\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:content-start { + align-content: flex-start; + } - .md\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:content-end { + align-content: flex-end; + } - .md\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:content-between { + align-content: space-between; + } - .md\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:content-around { + align-content: space-around; + } - .md\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:content-evenly { + align-content: space-evenly; + } - .md\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:self-auto { + align-self: auto; + } - .md\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:self-start { + align-self: flex-start; + } - .md\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:self-end { + align-self: flex-end; + } - .md\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:self-center { + align-self: center; + } - .md\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:self-stretch { + align-self: stretch; + } - .md\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:justify-items-auto { + justify-items: auto; + } - .md\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:justify-items-start { + justify-items: start; + } - .md\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:justify-items-end { + justify-items: end; + } - .md\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:justify-items-center { + justify-items: center; + } - .md\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:justify-items-stretch { + justify-items: stretch; + } - .md\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:justify-start { + justify-content: flex-start; + } - .md\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:justify-end { + justify-content: flex-end; + } - .md\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:justify-center { + justify-content: center; + } - .md\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:justify-between { + justify-content: space-between; + } - .md\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:justify-around { + justify-content: space-around; + } - .md\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:justify-evenly { + justify-content: space-evenly; + } - .md\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:justify-self-auto { + justify-self: auto; + } - .md\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:justify-self-start { + justify-self: start; + } - .md\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:justify-self-end { + justify-self: end; + } - .md\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:justify-self-center { + justify-self: center; + } - .md\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:justify-self-stretch { + justify-self: stretch; + } - .md\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:flex-1 { + flex: 1 1 0%; + } - .group:hover .md\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .sm\:flex-auto { + flex: 1 1 auto; + } - .group:hover .md\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .sm\:flex-initial { + flex: 0 1 auto; + } - .group:hover .md\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:flex-none { + flex: none; + } - .group:hover .md\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:flex-grow-0 { + flex-grow: 0; + } - .group:hover .md\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:flex-grow { + flex-grow: 1; + } - .group:hover .md\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:flex-shrink-0 { + flex-shrink: 0; + } - .group:hover .md\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:flex-shrink { + flex-shrink: 1; + } - .group:hover .md\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:order-1 { + order: 1; + } - .group:hover .md\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:order-2 { + order: 2; + } - .group:hover .md\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:order-3 { + order: 3; + } - .group:hover .md\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:order-4 { + order: 4; + } - .group:hover .md\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:order-5 { + order: 5; + } - .group:hover .md\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:order-6 { + order: 6; + } - .group:hover .md\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:order-7 { + order: 7; + } - .group:hover .md\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:order-8 { + order: 8; + } - .group:hover .md\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:order-9 { + order: 9; + } - .group:hover .md\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:order-10 { + order: 10; + } - .group:hover .md\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:order-11 { + order: 11; + } - .group:hover .md\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:order-12 { + order: 12; + } - .group:hover .md\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:order-first { + order: -9999; + } - .group:hover .md\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:order-last { + order: 9999; + } - .group:hover .md\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:order-none { + order: 0; + } - .group:hover .md\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:float-right { + float: right; + } - .group:hover .md\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:float-left { + float: left; + } - .group:hover .md\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:float-none { + float: none; + } - .group:hover .md\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; + } - .group:hover .md\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:clear-left { + clear: left; + } - .group:hover .md\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:clear-right { + clear: right; + } - .group:hover .md\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:clear-both { + clear: both; + } - .group:hover .md\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:clear-none { + clear: none; + } - .group:hover .md\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:font-sans { + font-family: ui-sans-serif, 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"; + } - .group:hover .md\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + } - .group:hover .md\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } - .group:hover .md\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:font-thin { + font-weight: 100; + } - .group:hover .md\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:font-extralight { + font-weight: 200; + } - .group:hover .md\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:font-light { + font-weight: 300; + } - .group:hover .md\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:font-normal { + font-weight: 400; + } - .group:hover .md\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:font-medium { + font-weight: 500; + } - .group:hover .md\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:font-semibold { + font-weight: 600; + } - .group:hover .md\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:font-bold { + font-weight: 700; + } - .group:hover .md\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:font-extrabold { + font-weight: 800; + } - .group:hover .md\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:font-black { + font-weight: 900; + } - .group:hover .md\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:hover\:font-thin:hover { + font-weight: 100; + } - .group:hover .md\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:hover\:font-extralight:hover { + font-weight: 200; + } - .group:hover .md\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:hover\:font-light:hover { + font-weight: 300; + } - .group:hover .md\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:hover\:font-normal:hover { + font-weight: 400; + } - .group:hover .md\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:hover\:font-medium:hover { + font-weight: 500; + } - .group:hover .md\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:hover\:font-semibold:hover { + font-weight: 600; + } - .group:hover .md\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:hover\:font-bold:hover { + font-weight: 700; + } - .group:hover .md\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:hover\:font-extrabold:hover { + font-weight: 800; + } - .group:hover .md\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:hover\:font-black:hover { + font-weight: 900; + } - .group:hover .md\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:focus\:font-thin:focus { + font-weight: 100; + } - .group:hover .md\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:focus\:font-extralight:focus { + font-weight: 200; + } - .group:hover .md\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:focus\:font-light:focus { + font-weight: 300; + } - .group:hover .md\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:focus\:font-normal:focus { + font-weight: 400; + } - .group:hover .md\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:focus\:font-medium:focus { + font-weight: 500; + } - .group:hover .md\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:focus\:font-semibold:focus { + font-weight: 600; + } - .group:hover .md\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:focus\:font-bold:focus { + font-weight: 700; + } - .group:hover .md\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:focus\:font-extrabold:focus { + font-weight: 800; + } - .group:hover .md\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:focus\:font-black:focus { + font-weight: 900; + } - .group:hover .md\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:h-0 { + height: 0; + } - .group:hover .md\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:h-1 { + height: 0.25rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:h-2 { + height: 0.5rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:h-3 { + height: 0.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:h-4 { + height: 1rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:h-5 { + height: 1.25rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:h-6 { + height: 1.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:h-7 { + height: 1.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:h-8 { + height: 2rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:h-9 { + height: 2.25rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:h-10 { + height: 2.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:h-12 { + height: 3rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:h-14 { + height: 3.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:h-16 { + height: 4rem; + } - .md\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .sm\:h-20 { + height: 5rem; + } - .md\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .sm\:h-24 { + height: 6rem; + } - .md\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:h-28 { + height: 7rem; + } - .md\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:h-32 { + height: 8rem; + } - .md\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:h-36 { + height: 9rem; + } - .md\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:h-40 { + height: 10rem; + } - .md\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:h-44 { + height: 11rem; + } - .md\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:h-48 { + height: 12rem; + } - .md\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:h-52 { + height: 13rem; + } - .md\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:h-56 { + height: 14rem; + } - .md\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:h-60 { + height: 15rem; + } - .md\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:h-64 { + height: 16rem; + } - .md\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:h-72 { + height: 18rem; + } - .md\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:h-80 { + height: 20rem; + } - .md\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:h-96 { + height: 24rem; + } - .md\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:h-auto { + height: auto; + } - .md\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:h-px { + height: 1px; + } - .md\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:h-0\.5 { + height: 0.125rem; + } - .md\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:h-1\.5 { + height: 0.375rem; + } - .md\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:h-2\.5 { + height: 0.625rem; + } - .md\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:h-3\.5 { + height: 0.875rem; + } - .md\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:h-full { + height: 100%; + } - .md\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:h-screen { + height: 100vh; + } - .md\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } - .md\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } - .md\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } - .md\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } - .md\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } - .md\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } - .md\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } - .md\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } - .md\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } - .md\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } - .md\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } - .md\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:text-8xl { + font-size: 6rem; + line-height: 1; + } - .md\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:text-9xl { + font-size: 8rem; + line-height: 1; + } - .md\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:leading-3 { + line-height: .75rem; + } - .md\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:leading-4 { + line-height: 1rem; + } - .md\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:leading-5 { + line-height: 1.25rem; + } - .md\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:leading-6 { + line-height: 1.5rem; + } - .md\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:leading-7 { + line-height: 1.75rem; + } - .md\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:leading-8 { + line-height: 2rem; + } - .md\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:leading-9 { + line-height: 2.25rem; + } - .md\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:leading-10 { + line-height: 2.5rem; + } - .md\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:leading-none { + line-height: 1; + } - .md\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:leading-tight { + line-height: 1.25; + } - .md\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:leading-snug { + line-height: 1.375; + } - .md\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:leading-normal { + line-height: 1.5; + } - .md\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:leading-relaxed { + line-height: 1.625; + } - .md\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:leading-loose { + line-height: 2; + } - .md\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:list-inside { + list-style-position: inside; + } - .md\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:list-outside { + list-style-position: outside; + } - .md\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:list-none { + list-style-type: none; + } - .md\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:list-disc { + list-style-type: disc; + } - .md\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:list-decimal { + list-style-type: decimal; + } - .md\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:m-0 { + margin: 0; + } - .md\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:m-1 { + margin: 0.25rem; + } - .md\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:m-2 { + margin: 0.5rem; + } - .md\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:m-3 { + margin: 0.75rem; + } - .md\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:m-4 { + margin: 1rem; + } - .md\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:m-5 { + margin: 1.25rem; + } - .md\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:m-6 { + margin: 1.5rem; + } - .md\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:m-7 { + margin: 1.75rem; + } - .md\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:m-8 { + margin: 2rem; + } - .md\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:m-9 { + margin: 2.25rem; + } - .md\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:m-10 { + margin: 2.5rem; + } - .md\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:m-12 { + margin: 3rem; + } - .md\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:m-14 { + margin: 3.5rem; + } - .md\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:m-16 { + margin: 4rem; + } - .md\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:m-20 { + margin: 5rem; + } - .md\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:m-24 { + margin: 6rem; + } - .md\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:m-28 { + margin: 7rem; + } - .md\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:m-32 { + margin: 8rem; + } - .md\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:m-36 { + margin: 9rem; + } - .md\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .sm\:m-40 { + margin: 10rem; + } - .md\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .sm\:m-44 { + margin: 11rem; + } - .md\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:m-48 { + margin: 12rem; + } - .md\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:m-52 { + margin: 13rem; + } - .md\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:m-56 { + margin: 14rem; + } - .md\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:m-60 { + margin: 15rem; + } - .md\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:m-64 { + margin: 16rem; + } - .md\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:m-72 { + margin: 18rem; + } - .md\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:m-80 { + margin: 20rem; + } - .md\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:m-96 { + margin: 24rem; + } - .md\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:m-auto { + margin: auto; + } - .md\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:m-px { + margin: 1px; + } - .md\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:m-0\.5 { + margin: 0.125rem; + } - .md\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:m-1\.5 { + margin: 0.375rem; + } - .md\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:m-2\.5 { + margin: 0.625rem; + } - .md\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:m-3\.5 { + margin: 0.875rem; + } - .md\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:-m-1 { + margin: -0.25rem; + } - .md\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:-m-2 { + margin: -0.5rem; + } - .md\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:-m-3 { + margin: -0.75rem; + } - .md\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:-m-4 { + margin: -1rem; + } - .md\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:-m-5 { + margin: -1.25rem; + } - .md\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:-m-6 { + margin: -1.5rem; + } - .md\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:-m-7 { + margin: -1.75rem; + } - .md\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:-m-8 { + margin: -2rem; + } - .md\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:-m-9 { + margin: -2.25rem; + } - .md\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:-m-10 { + margin: -2.5rem; + } - .md\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:-m-12 { + margin: -3rem; + } - .md\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:-m-14 { + margin: -3.5rem; + } - .md\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:-m-16 { + margin: -4rem; + } - .md\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:-m-20 { + margin: -5rem; + } - .md\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:-m-24 { + margin: -6rem; + } - .md\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:-m-28 { + margin: -7rem; + } - .md\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:-m-32 { + margin: -8rem; + } - .md\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:-m-36 { + margin: -9rem; + } - .md\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:-m-40 { + margin: -10rem; + } - .md\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:-m-44 { + margin: -11rem; + } - .md\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:-m-48 { + margin: -12rem; + } - .md\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:-m-52 { + margin: -13rem; + } - .md\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:-m-56 { + margin: -14rem; + } - .md\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:-m-60 { + margin: -15rem; + } - .md\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:-m-64 { + margin: -16rem; + } - .md\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:-m-72 { + margin: -18rem; + } - .md\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:-m-80 { + margin: -20rem; + } - .md\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:-m-96 { + margin: -24rem; + } - .md\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:-m-px { + margin: -1px; + } - .md\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:-m-0\.5 { + margin: -0.125rem; + } - .md\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:-m-1\.5 { + margin: -0.375rem; + } - .md\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:-m-2\.5 { + margin: -0.625rem; + } - .md\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:-m-3\.5 { + margin: -0.875rem; + } - .md\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; + } - .md\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; + } - .md\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } - .md\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } - .md\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } - .md\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } - .md\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } - .md\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } - .md\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } - .md\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } - .md\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } - .md\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } - .md\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } - .md\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } - .md\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; + } - .md\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; + } - .md\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } - .md\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } - .md\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } - .md\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } - .md\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } - .md\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } - .md\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } - .md\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } - .md\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .md\:border-opacity-0 { - --border-opacity: 0; + .sm\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .md\:border-opacity-25 { - --border-opacity: 0.25; + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .md\:border-opacity-50 { - --border-opacity: 0.5; + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .md\:border-opacity-75 { - --border-opacity: 0.75; + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .md\:border-opacity-100 { - --border-opacity: 1; + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .group:hover .md\:group-hover\:border-opacity-0 { - --border-opacity: 0; + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .group:hover .md\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .group:hover .md\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; + .sm\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .group:hover .md\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; + .sm\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .group:hover .md\:group-hover\:border-opacity-100 { - --border-opacity: 1; + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .md\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .md\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .sm\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .md\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .sm\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .md\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .md\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .md\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .sm\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .md\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .sm\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .md\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .md\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .md\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .sm\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .md\:rounded-none { - border-radius: 0; + .sm\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .md\:rounded-sm { - border-radius: 0.125rem; + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .md\:rounded { - border-radius: 0.25rem; + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .md\:rounded-md { - border-radius: 0.375rem; + .sm\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .md\:rounded-lg { - border-radius: 0.5rem; + .sm\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .md\:rounded-xl { - border-radius: 0.75rem; + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .md\:rounded-2xl { - border-radius: 1rem; + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .md\:rounded-3xl { - border-radius: 1.5rem; + .sm\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .md\:rounded-full { - border-radius: 9999px; + .sm\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .sm\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .sm\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .sm\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .sm\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .md\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .md\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .md\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .md\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .md\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .md\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .md\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .md\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .md\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .sm\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .md\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .sm\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .md\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .md\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .sm\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .sm\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .sm\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .sm\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .sm\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .sm\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .sm\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .md\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .md\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .md\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .sm\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .md\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .sm\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .md\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .md\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .md\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .sm\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .md\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .sm\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .md\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .md\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .md\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .sm\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .md\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .sm\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .md\:border-solid { - border-style: solid; + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .md\:border-dashed { - border-style: dashed; + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .md\:border-dotted { - border-style: dotted; + .sm\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .md\:border-double { - border-style: double; + .sm\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .md\:border-none { - border-style: none; + .sm\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .md\:border-0 { - border-width: 0; + .sm\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .md\:border-2 { - border-width: 2px; + .sm\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .md\:border-4 { - border-width: 4px; + .sm\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .md\:border-8 { - border-width: 8px; + .sm\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .md\:border { - border-width: 1px; + .sm\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .md\:border-t-0 { - border-top-width: 0; + .sm\:mt-0 { + margin-top: 0; } - .md\:border-r-0 { - border-right-width: 0; + .sm\:mr-0 { + margin-right: 0; } - .md\:border-b-0 { - border-bottom-width: 0; + .sm\:mb-0 { + margin-bottom: 0; } - .md\:border-l-0 { - border-left-width: 0; + .sm\:ml-0 { + margin-left: 0; } - .md\:border-t-2 { - border-top-width: 2px; + .sm\:mt-1 { + margin-top: 0.25rem; } - .md\:border-r-2 { - border-right-width: 2px; + .sm\:mr-1 { + margin-right: 0.25rem; } - .md\:border-b-2 { - border-bottom-width: 2px; + .sm\:mb-1 { + margin-bottom: 0.25rem; } - .md\:border-l-2 { - border-left-width: 2px; + .sm\:ml-1 { + margin-left: 0.25rem; } - .md\:border-t-4 { - border-top-width: 4px; + .sm\:mt-2 { + margin-top: 0.5rem; } - .md\:border-r-4 { - border-right-width: 4px; + .sm\:mr-2 { + margin-right: 0.5rem; } - .md\:border-b-4 { - border-bottom-width: 4px; + .sm\:mb-2 { + margin-bottom: 0.5rem; } - .md\:border-l-4 { - border-left-width: 4px; + .sm\:ml-2 { + margin-left: 0.5rem; } - .md\:border-t-8 { - border-top-width: 8px; + .sm\:mt-3 { + margin-top: 0.75rem; } - .md\:border-r-8 { - border-right-width: 8px; + .sm\:mr-3 { + margin-right: 0.75rem; } - .md\:border-b-8 { - border-bottom-width: 8px; + .sm\:mb-3 { + margin-bottom: 0.75rem; } - .md\:border-l-8 { - border-left-width: 8px; + .sm\:ml-3 { + margin-left: 0.75rem; } - .md\:border-t { - border-top-width: 1px; + .sm\:mt-4 { + margin-top: 1rem; } - .md\:border-r { - border-right-width: 1px; + .sm\:mr-4 { + margin-right: 1rem; } - .md\:border-b { - border-bottom-width: 1px; + .sm\:mb-4 { + margin-bottom: 1rem; } - .md\:border-l { - border-left-width: 1px; + .sm\:ml-4 { + margin-left: 1rem; } - .md\:box-border { - box-sizing: border-box; + .sm\:mt-5 { + margin-top: 1.25rem; } - .md\:box-content { - box-sizing: content-box; + .sm\:mr-5 { + margin-right: 1.25rem; } - .md\:cursor-auto { - cursor: auto; + .sm\:mb-5 { + margin-bottom: 1.25rem; } - .md\:cursor-default { - cursor: default; + .sm\:ml-5 { + margin-left: 1.25rem; } - .md\:cursor-pointer { - cursor: pointer; + .sm\:mt-6 { + margin-top: 1.5rem; } - .md\:cursor-wait { - cursor: wait; + .sm\:mr-6 { + margin-right: 1.5rem; } - .md\:cursor-text { - cursor: text; + .sm\:mb-6 { + margin-bottom: 1.5rem; } - .md\:cursor-move { - cursor: move; + .sm\:ml-6 { + margin-left: 1.5rem; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .sm\:mt-7 { + margin-top: 1.75rem; } - .md\:block { - display: block; + .sm\:mr-7 { + margin-right: 1.75rem; } - .md\:inline-block { - display: inline-block; + .sm\:mb-7 { + margin-bottom: 1.75rem; } - .md\:inline { - display: inline; + .sm\:ml-7 { + margin-left: 1.75rem; } - .md\:flex { - display: flex; + .sm\:mt-8 { + margin-top: 2rem; } - .md\:inline-flex { - display: inline-flex; + .sm\:mr-8 { + margin-right: 2rem; } - .md\:table { - display: table; + .sm\:mb-8 { + margin-bottom: 2rem; } - .md\:table-caption { - display: table-caption; + .sm\:ml-8 { + margin-left: 2rem; } - .md\:table-cell { - display: table-cell; + .sm\:mt-9 { + margin-top: 2.25rem; } - .md\:table-column { - display: table-column; + .sm\:mr-9 { + margin-right: 2.25rem; } - .md\:table-column-group { - display: table-column-group; + .sm\:mb-9 { + margin-bottom: 2.25rem; } - .md\:table-footer-group { - display: table-footer-group; + .sm\:ml-9 { + margin-left: 2.25rem; } - .md\:table-header-group { - display: table-header-group; + .sm\:mt-10 { + margin-top: 2.5rem; } - .md\:table-row-group { - display: table-row-group; + .sm\:mr-10 { + margin-right: 2.5rem; } - .md\:table-row { - display: table-row; + .sm\:mb-10 { + margin-bottom: 2.5rem; } - .md\:flow-root { - display: flow-root; + .sm\:ml-10 { + margin-left: 2.5rem; } - .md\:grid { - display: grid; + .sm\:mt-12 { + margin-top: 3rem; } - .md\:inline-grid { - display: inline-grid; + .sm\:mr-12 { + margin-right: 3rem; } - .md\:contents { - display: contents; + .sm\:mb-12 { + margin-bottom: 3rem; } - .md\:hidden { - display: none; + .sm\:ml-12 { + margin-left: 3rem; } - .md\:flex-row { - flex-direction: row; + .sm\:mt-14 { + margin-top: 3.5rem; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:mr-14 { + margin-right: 3.5rem; } - .md\:flex-col { - flex-direction: column; + .sm\:mb-14 { + margin-bottom: 3.5rem; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:ml-14 { + margin-left: 3.5rem; } - .md\:flex-wrap { - flex-wrap: wrap; + .sm\:mt-16 { + margin-top: 4rem; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:mr-16 { + margin-right: 4rem; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:mb-16 { + margin-bottom: 4rem; } - .md\:place-items-auto { - place-items: auto; + .sm\:ml-16 { + margin-left: 4rem; } - .md\:place-items-start { - place-items: start; + .sm\:mt-20 { + margin-top: 5rem; } - .md\:place-items-end { - place-items: end; + .sm\:mr-20 { + margin-right: 5rem; } - .md\:place-items-center { - place-items: center; + .sm\:mb-20 { + margin-bottom: 5rem; } - .md\:place-items-stretch { - place-items: stretch; + .sm\:ml-20 { + margin-left: 5rem; } - .md\:place-content-center { - place-content: center; + .sm\:mt-24 { + margin-top: 6rem; } - .md\:place-content-start { - place-content: start; + .sm\:mr-24 { + margin-right: 6rem; } - .md\:place-content-end { - place-content: end; + .sm\:mb-24 { + margin-bottom: 6rem; } - .md\:place-content-between { - place-content: space-between; + .sm\:ml-24 { + margin-left: 6rem; } - .md\:place-content-around { - place-content: space-around; + .sm\:mt-28 { + margin-top: 7rem; } - .md\:place-content-evenly { - place-content: space-evenly; + .sm\:mr-28 { + margin-right: 7rem; } - .md\:place-content-stretch { - place-content: stretch; + .sm\:mb-28 { + margin-bottom: 7rem; } - .md\:place-self-auto { - place-self: auto; + .sm\:ml-28 { + margin-left: 7rem; } - .md\:place-self-start { - place-self: start; + .sm\:mt-32 { + margin-top: 8rem; } - .md\:place-self-end { - place-self: end; + .sm\:mr-32 { + margin-right: 8rem; } - .md\:place-self-center { - place-self: center; + .sm\:mb-32 { + margin-bottom: 8rem; } - .md\:place-self-stretch { - place-self: stretch; + .sm\:ml-32 { + margin-left: 8rem; } - .md\:items-start { - align-items: flex-start; + .sm\:mt-36 { + margin-top: 9rem; } - .md\:items-end { - align-items: flex-end; + .sm\:mr-36 { + margin-right: 9rem; } - .md\:items-center { - align-items: center; + .sm\:mb-36 { + margin-bottom: 9rem; } - .md\:items-baseline { - align-items: baseline; + .sm\:ml-36 { + margin-left: 9rem; } - .md\:items-stretch { - align-items: stretch; + .sm\:mt-40 { + margin-top: 10rem; } - .md\:content-center { - align-content: center; + .sm\:mr-40 { + margin-right: 10rem; } - .md\:content-start { - align-content: flex-start; + .sm\:mb-40 { + margin-bottom: 10rem; } - .md\:content-end { - align-content: flex-end; + .sm\:ml-40 { + margin-left: 10rem; } - .md\:content-between { - align-content: space-between; + .sm\:mt-44 { + margin-top: 11rem; } - .md\:content-around { - align-content: space-around; + .sm\:mr-44 { + margin-right: 11rem; } - .md\:content-evenly { - align-content: space-evenly; + .sm\:mb-44 { + margin-bottom: 11rem; } - .md\:self-auto { - align-self: auto; + .sm\:ml-44 { + margin-left: 11rem; } - .md\:self-start { - align-self: flex-start; + .sm\:mt-48 { + margin-top: 12rem; } - .md\:self-end { - align-self: flex-end; + .sm\:mr-48 { + margin-right: 12rem; } - .md\:self-center { - align-self: center; + .sm\:mb-48 { + margin-bottom: 12rem; } - .md\:self-stretch { - align-self: stretch; + .sm\:ml-48 { + margin-left: 12rem; } - .md\:justify-items-auto { - justify-items: auto; + .sm\:mt-52 { + margin-top: 13rem; } - .md\:justify-items-start { - justify-items: start; + .sm\:mr-52 { + margin-right: 13rem; } - .md\:justify-items-end { - justify-items: end; + .sm\:mb-52 { + margin-bottom: 13rem; } - .md\:justify-items-center { - justify-items: center; + .sm\:ml-52 { + margin-left: 13rem; } - .md\:justify-items-stretch { - justify-items: stretch; + .sm\:mt-56 { + margin-top: 14rem; } - .md\:justify-start { - justify-content: flex-start; + .sm\:mr-56 { + margin-right: 14rem; } - .md\:justify-end { - justify-content: flex-end; + .sm\:mb-56 { + margin-bottom: 14rem; } - .md\:justify-center { - justify-content: center; + .sm\:ml-56 { + margin-left: 14rem; } - .md\:justify-between { - justify-content: space-between; + .sm\:mt-60 { + margin-top: 15rem; } - .md\:justify-around { - justify-content: space-around; + .sm\:mr-60 { + margin-right: 15rem; } - .md\:justify-evenly { - justify-content: space-evenly; + .sm\:mb-60 { + margin-bottom: 15rem; } - .md\:justify-self-auto { - justify-self: auto; + .sm\:ml-60 { + margin-left: 15rem; } - .md\:justify-self-start { - justify-self: start; + .sm\:mt-64 { + margin-top: 16rem; } - .md\:justify-self-end { - justify-self: end; + .sm\:mr-64 { + margin-right: 16rem; } - .md\:justify-self-center { - justify-self: center; + .sm\:mb-64 { + margin-bottom: 16rem; } - .md\:justify-self-stretch { - justify-self: stretch; + .sm\:ml-64 { + margin-left: 16rem; } - .md\:flex-1 { - flex: 1 1 0%; + .sm\:mt-72 { + margin-top: 18rem; } - .md\:flex-auto { - flex: 1 1 auto; + .sm\:mr-72 { + margin-right: 18rem; } - .md\:flex-initial { - flex: 0 1 auto; + .sm\:mb-72 { + margin-bottom: 18rem; } - .md\:flex-none { - flex: none; + .sm\:ml-72 { + margin-left: 18rem; } - .md\:flex-grow-0 { - flex-grow: 0; + .sm\:mt-80 { + margin-top: 20rem; } - .md\:flex-grow { - flex-grow: 1; + .sm\:mr-80 { + margin-right: 20rem; } - .md\:flex-shrink-0 { - flex-shrink: 0; + .sm\:mb-80 { + margin-bottom: 20rem; } - .md\:flex-shrink { - flex-shrink: 1; + .sm\:ml-80 { + margin-left: 20rem; } - .md\:order-1 { - order: 1; + .sm\:mt-96 { + margin-top: 24rem; } - .md\:order-2 { - order: 2; + .sm\:mr-96 { + margin-right: 24rem; } - .md\:order-3 { - order: 3; + .sm\:mb-96 { + margin-bottom: 24rem; } - .md\:order-4 { - order: 4; + .sm\:ml-96 { + margin-left: 24rem; } - .md\:order-5 { - order: 5; + .sm\:mt-auto { + margin-top: auto; } - .md\:order-6 { - order: 6; + .sm\:mr-auto { + margin-right: auto; } - .md\:order-7 { - order: 7; + .sm\:mb-auto { + margin-bottom: auto; } - .md\:order-8 { - order: 8; + .sm\:ml-auto { + margin-left: auto; } - .md\:order-9 { - order: 9; + .sm\:mt-px { + margin-top: 1px; } - .md\:order-10 { - order: 10; + .sm\:mr-px { + margin-right: 1px; } - .md\:order-11 { - order: 11; + .sm\:mb-px { + margin-bottom: 1px; } - .md\:order-12 { - order: 12; + .sm\:ml-px { + margin-left: 1px; } - .md\:order-first { - order: -9999; + .sm\:mt-0\.5 { + margin-top: 0.125rem; } - .md\:order-last { - order: 9999; + .sm\:mr-0\.5 { + margin-right: 0.125rem; } - .md\:order-none { - order: 0; + .sm\:mb-0\.5 { + margin-bottom: 0.125rem; } - .md\:float-right { - float: right; + .sm\:ml-0\.5 { + margin-left: 0.125rem; } - .md\:float-left { - float: left; + .sm\:mt-1\.5 { + margin-top: 0.375rem; } - .md\:float-none { - float: none; + .sm\:mr-1\.5 { + margin-right: 0.375rem; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:mb-1\.5 { + margin-bottom: 0.375rem; } - .md\:clear-left { - clear: left; + .sm\:ml-1\.5 { + margin-left: 0.375rem; } - .md\:clear-right { - clear: right; + .sm\:mt-2\.5 { + margin-top: 0.625rem; } - .md\:clear-both { - clear: both; + .sm\:mr-2\.5 { + margin-right: 0.625rem; } - .md\:clear-none { - clear: none; + .sm\:mb-2\.5 { + margin-bottom: 0.625rem; } - .md\:font-sans { - font-family: ui-sans-serif, 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\:ml-2\.5 { + margin-left: 0.625rem; } - .md\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .sm\:mt-3\.5 { + margin-top: 0.875rem; } - .md\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .sm\:mr-3\.5 { + margin-right: 0.875rem; } - .md\:font-thin { - font-weight: 100; + .sm\:mb-3\.5 { + margin-bottom: 0.875rem; } - .md\:font-extralight { - font-weight: 200; + .sm\:ml-3\.5 { + margin-left: 0.875rem; } - .md\:font-light { - font-weight: 300; + .sm\:-mt-1 { + margin-top: -0.25rem; } - .md\:font-normal { - font-weight: 400; + .sm\:-mr-1 { + margin-right: -0.25rem; } - .md\:font-medium { - font-weight: 500; + .sm\:-mb-1 { + margin-bottom: -0.25rem; } - .md\:font-semibold { - font-weight: 600; + .sm\:-ml-1 { + margin-left: -0.25rem; } - .md\:font-bold { - font-weight: 700; + .sm\:-mt-2 { + margin-top: -0.5rem; } - .md\:font-extrabold { - font-weight: 800; + .sm\:-mr-2 { + margin-right: -0.5rem; } - .md\:font-black { - font-weight: 900; + .sm\:-mb-2 { + margin-bottom: -0.5rem; } - .md\:hover\:font-thin:hover { - font-weight: 100; + .sm\:-ml-2 { + margin-left: -0.5rem; } - .md\:hover\:font-extralight:hover { - font-weight: 200; + .sm\:-mt-3 { + margin-top: -0.75rem; } - .md\:hover\:font-light:hover { - font-weight: 300; + .sm\:-mr-3 { + margin-right: -0.75rem; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .sm\:-mb-3 { + margin-bottom: -0.75rem; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .sm\:-ml-3 { + margin-left: -0.75rem; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:-mt-4 { + margin-top: -1rem; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .sm\:-mr-4 { + margin-right: -1rem; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:-mb-4 { + margin-bottom: -1rem; } - .md\:hover\:font-black:hover { - font-weight: 900; + .sm\:-ml-4 { + margin-left: -1rem; } - .md\:focus\:font-thin:focus { - font-weight: 100; + .sm\:-mt-5 { + margin-top: -1.25rem; } - .md\:focus\:font-extralight:focus { - font-weight: 200; + .sm\:-mr-5 { + margin-right: -1.25rem; } - .md\:focus\:font-light:focus { - font-weight: 300; + .sm\:-mb-5 { + margin-bottom: -1.25rem; } - .md\:focus\:font-normal:focus { - font-weight: 400; + .sm\:-ml-5 { + margin-left: -1.25rem; } - .md\:focus\:font-medium:focus { - font-weight: 500; + .sm\:-mt-6 { + margin-top: -1.5rem; } - .md\:focus\:font-semibold:focus { - font-weight: 600; + .sm\:-mr-6 { + margin-right: -1.5rem; } - .md\:focus\:font-bold:focus { - font-weight: 700; + .sm\:-mb-6 { + margin-bottom: -1.5rem; } - .md\:focus\:font-extrabold:focus { - font-weight: 800; + .sm\:-ml-6 { + margin-left: -1.5rem; } - .md\:focus\:font-black:focus { - font-weight: 900; + .sm\:-mt-7 { + margin-top: -1.75rem; } - .md\:h-0 { - height: 0; + .sm\:-mr-7 { + margin-right: -1.75rem; } - .md\:h-1 { - height: 0.25rem; + .sm\:-mb-7 { + margin-bottom: -1.75rem; } - .md\:h-2 { - height: 0.5rem; + .sm\:-ml-7 { + margin-left: -1.75rem; } - .md\:h-3 { - height: 0.75rem; + .sm\:-mt-8 { + margin-top: -2rem; } - .md\:h-4 { - height: 1rem; + .sm\:-mr-8 { + margin-right: -2rem; } - .md\:h-5 { - height: 1.25rem; + .sm\:-mb-8 { + margin-bottom: -2rem; } - .md\:h-6 { - height: 1.5rem; + .sm\:-ml-8 { + margin-left: -2rem; } - .md\:h-7 { - height: 1.75rem; + .sm\:-mt-9 { + margin-top: -2.25rem; } - .md\:h-8 { - height: 2rem; + .sm\:-mr-9 { + margin-right: -2.25rem; } - .md\:h-9 { - height: 2.25rem; + .sm\:-mb-9 { + margin-bottom: -2.25rem; } - .md\:h-10 { - height: 2.5rem; + .sm\:-ml-9 { + margin-left: -2.25rem; } - .md\:h-12 { - height: 3rem; + .sm\:-mt-10 { + margin-top: -2.5rem; } - .md\:h-14 { - height: 3.5rem; + .sm\:-mr-10 { + margin-right: -2.5rem; } - .md\:h-16 { - height: 4rem; + .sm\:-mb-10 { + margin-bottom: -2.5rem; } - .md\:h-20 { - height: 5rem; + .sm\:-ml-10 { + margin-left: -2.5rem; } - .md\:h-24 { - height: 6rem; + .sm\:-mt-12 { + margin-top: -3rem; } - .md\:h-28 { - height: 7rem; + .sm\:-mr-12 { + margin-right: -3rem; } - .md\:h-32 { - height: 8rem; + .sm\:-mb-12 { + margin-bottom: -3rem; } - .md\:h-36 { - height: 9rem; + .sm\:-ml-12 { + margin-left: -3rem; } - .md\:h-40 { - height: 10rem; + .sm\:-mt-14 { + margin-top: -3.5rem; } - .md\:h-44 { - height: 11rem; + .sm\:-mr-14 { + margin-right: -3.5rem; } - .md\:h-48 { - height: 12rem; + .sm\:-mb-14 { + margin-bottom: -3.5rem; } - .md\:h-52 { - height: 13rem; + .sm\:-ml-14 { + margin-left: -3.5rem; } - .md\:h-56 { - height: 14rem; + .sm\:-mt-16 { + margin-top: -4rem; } - .md\:h-60 { - height: 15rem; + .sm\:-mr-16 { + margin-right: -4rem; } - .md\:h-64 { - height: 16rem; + .sm\:-mb-16 { + margin-bottom: -4rem; } - .md\:h-72 { - height: 18rem; + .sm\:-ml-16 { + margin-left: -4rem; } - .md\:h-80 { - height: 20rem; + .sm\:-mt-20 { + margin-top: -5rem; } - .md\:h-96 { - height: 24rem; + .sm\:-mr-20 { + margin-right: -5rem; } - .md\:h-auto { - height: auto; + .sm\:-mb-20 { + margin-bottom: -5rem; } - .md\:h-px { - height: 1px; + .sm\:-ml-20 { + margin-left: -5rem; } - .md\:h-0\.5 { - height: 0.125rem; + .sm\:-mt-24 { + margin-top: -6rem; } - .md\:h-1\.5 { - height: 0.375rem; + .sm\:-mr-24 { + margin-right: -6rem; } - .md\:h-2\.5 { - height: 0.625rem; + .sm\:-mb-24 { + margin-bottom: -6rem; } - .md\:h-3\.5 { - height: 0.875rem; + .sm\:-ml-24 { + margin-left: -6rem; } - .md\:h-full { - height: 100%; + .sm\:-mt-28 { + margin-top: -7rem; } - .md\:h-screen { - height: 100vh; + .sm\:-mr-28 { + margin-right: -7rem; } - .md\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .sm\:-mb-28 { + margin-bottom: -7rem; } - .md\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .sm\:-ml-28 { + margin-left: -7rem; } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .sm\:-mt-32 { + margin-top: -8rem; } - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .sm\:-mr-32 { + margin-right: -8rem; } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .sm\:-mb-32 { + margin-bottom: -8rem; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .sm\:-ml-32 { + margin-left: -8rem; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .sm\:-mt-36 { + margin-top: -9rem; } - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .sm\:-mr-36 { + margin-right: -9rem; } - .md\:text-5xl { - font-size: 3rem; - line-height: 1; + .sm\:-mb-36 { + margin-bottom: -9rem; } - .md\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .sm\:-ml-36 { + margin-left: -9rem; } - .md\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .sm\:-mt-40 { + margin-top: -10rem; } - .md\:text-8xl { - font-size: 6rem; - line-height: 1; + .sm\:-mr-40 { + margin-right: -10rem; } - .md\:text-9xl { - font-size: 8rem; - line-height: 1; + .sm\:-mb-40 { + margin-bottom: -10rem; } - .md\:leading-3 { - line-height: .75rem; + .sm\:-ml-40 { + margin-left: -10rem; } - .md\:leading-4 { - line-height: 1rem; + .sm\:-mt-44 { + margin-top: -11rem; } - .md\:leading-5 { - line-height: 1.25rem; + .sm\:-mr-44 { + margin-right: -11rem; } - .md\:leading-6 { - line-height: 1.5rem; + .sm\:-mb-44 { + margin-bottom: -11rem; } - .md\:leading-7 { - line-height: 1.75rem; + .sm\:-ml-44 { + margin-left: -11rem; } - .md\:leading-8 { - line-height: 2rem; + .sm\:-mt-48 { + margin-top: -12rem; } - .md\:leading-9 { - line-height: 2.25rem; + .sm\:-mr-48 { + margin-right: -12rem; } - .md\:leading-10 { - line-height: 2.5rem; + .sm\:-mb-48 { + margin-bottom: -12rem; } - .md\:leading-none { - line-height: 1; + .sm\:-ml-48 { + margin-left: -12rem; } - .md\:leading-tight { - line-height: 1.25; + .sm\:-mt-52 { + margin-top: -13rem; } - .md\:leading-snug { - line-height: 1.375; + .sm\:-mr-52 { + margin-right: -13rem; } - .md\:leading-normal { - line-height: 1.5; + .sm\:-mb-52 { + margin-bottom: -13rem; } - .md\:leading-relaxed { - line-height: 1.625; + .sm\:-ml-52 { + margin-left: -13rem; } - .md\:leading-loose { - line-height: 2; + .sm\:-mt-56 { + margin-top: -14rem; } - .md\:list-inside { - list-style-position: inside; + .sm\:-mr-56 { + margin-right: -14rem; } - .md\:list-outside { - list-style-position: outside; + .sm\:-mb-56 { + margin-bottom: -14rem; } - .md\:list-none { - list-style-type: none; + .sm\:-ml-56 { + margin-left: -14rem; } - .md\:list-disc { - list-style-type: disc; + .sm\:-mt-60 { + margin-top: -15rem; } - .md\:list-decimal { - list-style-type: decimal; + .sm\:-mr-60 { + margin-right: -15rem; } - .md\:m-0 { - margin: 0; + .sm\:-mb-60 { + margin-bottom: -15rem; } - .md\:m-1 { - margin: 0.25rem; + .sm\:-ml-60 { + margin-left: -15rem; } - .md\:m-2 { - margin: 0.5rem; + .sm\:-mt-64 { + margin-top: -16rem; } - .md\:m-3 { - margin: 0.75rem; + .sm\:-mr-64 { + margin-right: -16rem; } - .md\:m-4 { - margin: 1rem; + .sm\:-mb-64 { + margin-bottom: -16rem; } - .md\:m-5 { - margin: 1.25rem; + .sm\:-ml-64 { + margin-left: -16rem; } - .md\:m-6 { - margin: 1.5rem; + .sm\:-mt-72 { + margin-top: -18rem; } - .md\:m-7 { - margin: 1.75rem; + .sm\:-mr-72 { + margin-right: -18rem; } - .md\:m-8 { - margin: 2rem; + .sm\:-mb-72 { + margin-bottom: -18rem; } - .md\:m-9 { - margin: 2.25rem; + .sm\:-ml-72 { + margin-left: -18rem; } - .md\:m-10 { - margin: 2.5rem; + .sm\:-mt-80 { + margin-top: -20rem; } - .md\:m-12 { - margin: 3rem; + .sm\:-mr-80 { + margin-right: -20rem; } - .md\:m-14 { - margin: 3.5rem; + .sm\:-mb-80 { + margin-bottom: -20rem; } - .md\:m-16 { - margin: 4rem; + .sm\:-ml-80 { + margin-left: -20rem; } - .md\:m-20 { - margin: 5rem; + .sm\:-mt-96 { + margin-top: -24rem; } - .md\:m-24 { - margin: 6rem; + .sm\:-mr-96 { + margin-right: -24rem; } - .md\:m-28 { - margin: 7rem; + .sm\:-mb-96 { + margin-bottom: -24rem; } - .md\:m-32 { - margin: 8rem; + .sm\:-ml-96 { + margin-left: -24rem; } - .md\:m-36 { - margin: 9rem; + .sm\:-mt-px { + margin-top: -1px; } - .md\:m-40 { - margin: 10rem; + .sm\:-mr-px { + margin-right: -1px; } - .md\:m-44 { - margin: 11rem; + .sm\:-mb-px { + margin-bottom: -1px; } - .md\:m-48 { - margin: 12rem; + .sm\:-ml-px { + margin-left: -1px; } - .md\:m-52 { - margin: 13rem; + .sm\:-mt-0\.5 { + margin-top: -0.125rem; } - .md\:m-56 { - margin: 14rem; + .sm\:-mr-0\.5 { + margin-right: -0.125rem; } - .md\:m-60 { - margin: 15rem; + .sm\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .md\:m-64 { - margin: 16rem; + .sm\:-ml-0\.5 { + margin-left: -0.125rem; } - .md\:m-72 { - margin: 18rem; + .sm\:-mt-1\.5 { + margin-top: -0.375rem; } - .md\:m-80 { - margin: 20rem; + .sm\:-mr-1\.5 { + margin-right: -0.375rem; } - .md\:m-96 { - margin: 24rem; + .sm\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .md\:m-auto { - margin: auto; + .sm\:-ml-1\.5 { + margin-left: -0.375rem; } - .md\:m-px { - margin: 1px; + .sm\:-mt-2\.5 { + margin-top: -0.625rem; } - .md\:m-0\.5 { - margin: 0.125rem; + .sm\:-mr-2\.5 { + margin-right: -0.625rem; } - .md\:m-1\.5 { - margin: 0.375rem; + .sm\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .md\:m-2\.5 { - margin: 0.625rem; + .sm\:-ml-2\.5 { + margin-left: -0.625rem; } - .md\:m-3\.5 { - margin: 0.875rem; + .sm\:-mt-3\.5 { + margin-top: -0.875rem; } - .md\:-m-1 { - margin: -0.25rem; + .sm\:-mr-3\.5 { + margin-right: -0.875rem; } - .md\:-m-2 { - margin: -0.5rem; + .sm\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .md\:-m-3 { - margin: -0.75rem; + .sm\:-ml-3\.5 { + margin-left: -0.875rem; } - .md\:-m-4 { - margin: -1rem; + .sm\:max-h-0 { + max-height: 0; } - .md\:-m-5 { - margin: -1.25rem; + .sm\:max-h-1 { + max-height: 0.25rem; } - .md\:-m-6 { - margin: -1.5rem; + .sm\:max-h-2 { + max-height: 0.5rem; } - .md\:-m-7 { - margin: -1.75rem; + .sm\:max-h-3 { + max-height: 0.75rem; } - .md\:-m-8 { - margin: -2rem; + .sm\:max-h-4 { + max-height: 1rem; } - .md\:-m-9 { - margin: -2.25rem; + .sm\:max-h-5 { + max-height: 1.25rem; } - .md\:-m-10 { - margin: -2.5rem; + .sm\:max-h-6 { + max-height: 1.5rem; } - .md\:-m-12 { - margin: -3rem; + .sm\:max-h-7 { + max-height: 1.75rem; } - .md\:-m-14 { - margin: -3.5rem; + .sm\:max-h-8 { + max-height: 2rem; } - .md\:-m-16 { - margin: -4rem; + .sm\:max-h-9 { + max-height: 2.25rem; } - .md\:-m-20 { - margin: -5rem; + .sm\:max-h-10 { + max-height: 2.5rem; } - .md\:-m-24 { - margin: -6rem; + .sm\:max-h-12 { + max-height: 3rem; } - .md\:-m-28 { - margin: -7rem; + .sm\:max-h-14 { + max-height: 3.5rem; } - .md\:-m-32 { - margin: -8rem; + .sm\:max-h-16 { + max-height: 4rem; } - .md\:-m-36 { - margin: -9rem; + .sm\:max-h-20 { + max-height: 5rem; } - .md\:-m-40 { - margin: -10rem; + .sm\:max-h-24 { + max-height: 6rem; } - .md\:-m-44 { - margin: -11rem; + .sm\:max-h-28 { + max-height: 7rem; } - .md\:-m-48 { - margin: -12rem; + .sm\:max-h-32 { + max-height: 8rem; } - .md\:-m-52 { - margin: -13rem; + .sm\:max-h-36 { + max-height: 9rem; } - .md\:-m-56 { - margin: -14rem; + .sm\:max-h-40 { + max-height: 10rem; } - .md\:-m-60 { - margin: -15rem; + .sm\:max-h-44 { + max-height: 11rem; } - .md\:-m-64 { - margin: -16rem; + .sm\:max-h-48 { + max-height: 12rem; } - .md\:-m-72 { - margin: -18rem; + .sm\:max-h-52 { + max-height: 13rem; } - .md\:-m-80 { - margin: -20rem; + .sm\:max-h-56 { + max-height: 14rem; } - .md\:-m-96 { - margin: -24rem; + .sm\:max-h-60 { + max-height: 15rem; } - .md\:-m-px { - margin: -1px; + .sm\:max-h-64 { + max-height: 16rem; } - .md\:-m-0\.5 { - margin: -0.125rem; + .sm\:max-h-72 { + max-height: 18rem; } - .md\:-m-1\.5 { - margin: -0.375rem; + .sm\:max-h-80 { + max-height: 20rem; } - .md\:-m-2\.5 { - margin: -0.625rem; + .sm\:max-h-96 { + max-height: 24rem; } - .md\:-m-3\.5 { - margin: -0.875rem; + .sm\:max-h-px { + max-height: 1px; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:max-h-0\.5 { + max-height: 0.125rem; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:max-h-1\.5 { + max-height: 0.375rem; } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:max-h-2\.5 { + max-height: 0.625rem; } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .sm\:max-h-3\.5 { + max-height: 0.875rem; } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .sm\:max-h-full { + max-height: 100%; } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .sm\:max-h-screen { + max-height: 100vh; } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .sm\:max-w-0 { + max-width: 0rem; } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .sm\:max-w-none { + max-width: none; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .sm\:max-w-xs { + max-width: 20rem; } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .sm\:max-w-sm { + max-width: 24rem; } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .sm\:max-w-md { + max-width: 28rem; } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .sm\:max-w-lg { + max-width: 32rem; } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .sm\:max-w-xl { + max-width: 36rem; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:max-w-2xl { + max-width: 42rem; } - .md\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .sm\:max-w-3xl { + max-width: 48rem; } - .md\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .sm\:max-w-4xl { + max-width: 56rem; } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .sm\:max-w-5xl { + max-width: 64rem; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .sm\:max-w-6xl { + max-width: 72rem; } - .md\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .sm\:max-w-7xl { + max-width: 80rem; } - .md\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .sm\:max-w-full { + max-width: 100%; } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .sm\:max-w-min { + max-width: min-content; } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .sm\:max-w-max { + max-width: max-content; } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .sm\:max-w-screen-sm { + max-width: 640px; } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .sm\:max-w-screen-md { + max-width: 768px; } - .md\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .sm\:max-w-screen-lg { + max-width: 1024px; } - .md\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .sm\:max-w-screen-xl { + max-width: 1280px; } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .sm\:max-w-screen-2xl { + max-width: 1536px; } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .sm\:min-h-0 { + min-height: 0; } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .sm\:min-h-full { + min-height: 100%; } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .sm\:min-h-screen { + min-height: 100vh; } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .sm\:min-w-0 { + min-width: 0; } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .sm\:min-w-full { + min-width: 100%; } - .md\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .sm\:min-w-min { + min-width: min-content; } - .md\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .sm\:min-w-max { + min-width: max-content; } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .sm\:object-contain { + object-fit: contain; } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .sm\:object-cover { + object-fit: cover; } - .md\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .sm\:object-fill { + object-fit: fill; } - .md\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .sm\:object-none { + object-fit: none; } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .sm\:object-scale-down { + object-fit: scale-down; } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .sm\:object-bottom { + object-position: bottom; } - .md\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .sm\:object-center { + object-position: center; } - .md\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .sm\:object-left { + object-position: left; } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .sm\:object-left-bottom { + object-position: left bottom; } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .sm\:object-left-top { + object-position: left top; } - .md\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .sm\:object-right { + object-position: right; } - .md\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .sm\:object-right-bottom { + object-position: right bottom; } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .sm\:object-right-top { + object-position: right top; } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .sm\:object-top { + object-position: top; } - .md\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .sm\:opacity-0 { + opacity: 0; } - .md\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .sm\:opacity-25 { + opacity: 0.25; } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .sm\:opacity-50 { + opacity: 0.5; } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .sm\:opacity-75 { + opacity: 0.75; } - .md\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .sm\:opacity-100 { + opacity: 1; } - .md\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .group:hover .sm\:group-hover\:opacity-0 { + opacity: 0; } - .md\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .group:hover .sm\:group-hover\:opacity-25 { + opacity: 0.25; } - .md\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .group:hover .sm\:group-hover\:opacity-50 { + opacity: 0.5; } - .md\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .group:hover .sm\:group-hover\:opacity-75 { + opacity: 0.75; } - .md\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .group:hover .sm\:group-hover\:opacity-100 { + opacity: 1; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .sm\:hover\:opacity-0:hover { + opacity: 0; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:hover\:opacity-25:hover { + opacity: 0.25; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .sm\:hover\:opacity-50:hover { + opacity: 0.5; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .sm\:hover\:opacity-75:hover { + opacity: 0.75; } - .md\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .sm\:hover\:opacity-100:hover { + opacity: 1; } - .md\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .sm\:focus\:opacity-0:focus { + opacity: 0; } - .md\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .sm\:focus\:opacity-25:focus { + opacity: 0.25; } - .md\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .sm\:focus\:opacity-50:focus { + opacity: 0.5; } - .md\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .sm\:focus\:opacity-75:focus { + opacity: 0.75; } - .md\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .sm\:focus\:opacity-100:focus { + opacity: 1; } - .md\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .sm\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .sm\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .sm\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .sm\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .sm\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .sm\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .sm\:overflow-auto { + overflow: auto; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .sm\:overflow-hidden { + overflow: hidden; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .sm\:overflow-visible { + overflow: visible; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .sm\:overflow-scroll { + overflow: scroll; } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .sm\:overflow-x-auto { + overflow-x: auto; } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .sm\:overflow-y-auto { + overflow-y: auto; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .sm\:overflow-x-hidden { + overflow-x: hidden; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .sm\:overflow-y-hidden { + overflow-y: hidden; } - .md\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .sm\:overflow-x-visible { + overflow-x: visible; } - .md\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .sm\:overflow-y-visible { + overflow-y: visible; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .sm\:overflow-x-scroll { + overflow-x: scroll; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .sm\:overflow-y-scroll { + overflow-y: scroll; } - .md\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .sm\:overscroll-auto { + overscroll-behavior: auto; } - .md\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .sm\:overscroll-contain { + overscroll-behavior: contain; } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .sm\:overscroll-none { + overscroll-behavior: none; } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .sm\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .sm\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .sm\:overscroll-y-none { + overscroll-behavior-y: none; } - .md\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .sm\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .md\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .sm\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .sm\:overscroll-x-none { + overscroll-behavior-x: none; } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .sm\:p-0 { + padding: 0; } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .sm\:p-1 { + padding: 0.25rem; } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .sm\:p-2 { + padding: 0.5rem; } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .sm\:p-3 { + padding: 0.75rem; } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .sm\:p-4 { + padding: 1rem; } - .md\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .sm\:p-5 { + padding: 1.25rem; } - .md\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .sm\:p-6 { + padding: 1.5rem; } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .sm\:p-7 { + padding: 1.75rem; } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .sm\:p-8 { + padding: 2rem; } - .md\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .sm\:p-9 { + padding: 2.25rem; } - .md\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .sm\:p-10 { + padding: 2.5rem; } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .sm\:p-12 { + padding: 3rem; } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .sm\:p-14 { + padding: 3.5rem; } - .md\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .sm\:p-16 { + padding: 4rem; } - .md\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .sm\:p-20 { + padding: 5rem; } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .sm\:p-24 { + padding: 6rem; } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .sm\:p-28 { + padding: 7rem; } - .md\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .sm\:p-32 { + padding: 8rem; } - .md\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .sm\:p-36 { + padding: 9rem; } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .sm\:p-40 { + padding: 10rem; } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .sm\:p-44 { + padding: 11rem; } - .md\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .sm\:p-48 { + padding: 12rem; } - .md\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .sm\:p-52 { + padding: 13rem; } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .sm\:p-56 { + padding: 14rem; } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .sm\:p-60 { + padding: 15rem; } - .md\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .sm\:p-64 { + padding: 16rem; } - .md\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .sm\:p-72 { + padding: 18rem; } - .md\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .sm\:p-80 { + padding: 20rem; } - .md\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .sm\:p-96 { + padding: 24rem; } - .md\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .sm\:p-px { + padding: 1px; } - .md\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .sm\:p-0\.5 { + padding: 0.125rem; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .sm\:p-1\.5 { + padding: 0.375rem; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .sm\:p-2\.5 { + padding: 0.625rem; } - .md\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .sm\:p-3\.5 { + padding: 0.875rem; } - .md\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .md\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .sm\:px-0 { + padding-left: 0; + padding-right: 0; } - .md\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .md\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .md\:mt-0 { - margin-top: 0; + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .md\:mr-0 { - margin-right: 0; + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .md\:mb-0 { - margin-bottom: 0; + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .md\:ml-0 { - margin-left: 0; + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .md\:mt-1 { - margin-top: 0.25rem; + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .md\:mr-1 { - margin-right: 0.25rem; + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .md\:mb-1 { - margin-bottom: 0.25rem; + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .md\:ml-1 { - margin-left: 0.25rem; + .sm\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .md\:mt-2 { - margin-top: 0.5rem; + .sm\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .md\:mr-2 { - margin-right: 0.5rem; + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .md\:ml-2 { - margin-left: 0.5rem; + .sm\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .md\:mt-3 { - margin-top: 0.75rem; + .sm\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .md\:mr-3 { - margin-right: 0.75rem; + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .md\:mb-3 { - margin-bottom: 0.75rem; + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .md\:ml-3 { - margin-left: 0.75rem; + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .md\:mt-4 { - margin-top: 1rem; + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .md\:mr-4 { - margin-right: 1rem; + .sm\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .md\:mb-4 { - margin-bottom: 1rem; + .sm\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .md\:ml-4 { - margin-left: 1rem; + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .md\:mt-5 { - margin-top: 1.25rem; + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .md\:mr-5 { - margin-right: 1.25rem; + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .md\:mb-5 { - margin-bottom: 1.25rem; + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .md\:ml-5 { - margin-left: 1.25rem; + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .md\:mt-6 { - margin-top: 1.5rem; + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .md\:mr-6 { - margin-right: 1.5rem; + .sm\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .sm\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .md\:ml-6 { - margin-left: 1.5rem; + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .md\:mt-7 { - margin-top: 1.75rem; + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .md\:mr-7 { - margin-right: 1.75rem; + .sm\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .md\:mb-7 { - margin-bottom: 1.75rem; + .sm\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .md\:ml-7 { - margin-left: 1.75rem; + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .md\:mt-8 { - margin-top: 2rem; + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .md\:mr-8 { - margin-right: 2rem; + .sm\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .md\:mb-8 { - margin-bottom: 2rem; + .sm\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .md\:ml-8 { - margin-left: 2rem; + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .md\:mt-9 { - margin-top: 2.25rem; + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .md\:mr-9 { - margin-right: 2.25rem; + .sm\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .md\:mb-9 { - margin-bottom: 2.25rem; + .sm\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .md\:ml-9 { - margin-left: 2.25rem; + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .md\:mt-10 { - margin-top: 2.5rem; + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .md\:mr-10 { - margin-right: 2.5rem; + .sm\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .md\:mb-10 { - margin-bottom: 2.5rem; + .sm\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .md\:ml-10 { - margin-left: 2.5rem; + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:mt-12 { - margin-top: 3rem; + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:mr-12 { - margin-right: 3rem; + .sm\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .md\:mb-12 { - margin-bottom: 3rem; + .sm\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .md\:ml-12 { - margin-left: 3rem; + .sm\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .md\:mt-14 { - margin-top: 3.5rem; + .sm\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .md\:mr-14 { - margin-right: 3.5rem; + .sm\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .md\:mb-14 { - margin-bottom: 3.5rem; + .sm\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .md\:ml-14 { - margin-left: 3.5rem; + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:mt-16 { - margin-top: 4rem; + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:mr-16 { - margin-right: 4rem; + .sm\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .md\:mb-16 { - margin-bottom: 4rem; + .sm\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .md\:ml-16 { - margin-left: 4rem; + .sm\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .md\:mt-20 { - margin-top: 5rem; + .sm\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .md\:mr-20 { - margin-right: 5rem; + .sm\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .md\:mb-20 { - margin-bottom: 5rem; + .sm\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .md\:ml-20 { - margin-left: 5rem; + .sm\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .md\:mt-24 { - margin-top: 6rem; + .sm\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .md\:mr-24 { - margin-right: 6rem; + .sm\:pt-0 { + padding-top: 0; } - .md\:mb-24 { - margin-bottom: 6rem; + .sm\:pr-0 { + padding-right: 0; } - .md\:ml-24 { - margin-left: 6rem; + .sm\:pb-0 { + padding-bottom: 0; } - .md\:mt-28 { - margin-top: 7rem; + .sm\:pl-0 { + padding-left: 0; } - .md\:mr-28 { - margin-right: 7rem; + .sm\:pt-1 { + padding-top: 0.25rem; } - .md\:mb-28 { - margin-bottom: 7rem; + .sm\:pr-1 { + padding-right: 0.25rem; } - .md\:ml-28 { - margin-left: 7rem; + .sm\:pb-1 { + padding-bottom: 0.25rem; } - .md\:mt-32 { - margin-top: 8rem; + .sm\:pl-1 { + padding-left: 0.25rem; } - .md\:mr-32 { - margin-right: 8rem; + .sm\:pt-2 { + padding-top: 0.5rem; } - .md\:mb-32 { - margin-bottom: 8rem; + .sm\:pr-2 { + padding-right: 0.5rem; } - .md\:ml-32 { - margin-left: 8rem; + .sm\:pb-2 { + padding-bottom: 0.5rem; } - .md\:mt-36 { - margin-top: 9rem; + .sm\:pl-2 { + padding-left: 0.5rem; } - .md\:mr-36 { - margin-right: 9rem; + .sm\:pt-3 { + padding-top: 0.75rem; } - - .md\:mb-36 { - margin-bottom: 9rem; + + .sm\:pr-3 { + padding-right: 0.75rem; } - .md\:ml-36 { - margin-left: 9rem; + .sm\:pb-3 { + padding-bottom: 0.75rem; } - .md\:mt-40 { - margin-top: 10rem; + .sm\:pl-3 { + padding-left: 0.75rem; } - .md\:mr-40 { - margin-right: 10rem; + .sm\:pt-4 { + padding-top: 1rem; } - .md\:mb-40 { - margin-bottom: 10rem; + .sm\:pr-4 { + padding-right: 1rem; } - .md\:ml-40 { - margin-left: 10rem; + .sm\:pb-4 { + padding-bottom: 1rem; } - .md\:mt-44 { - margin-top: 11rem; + .sm\:pl-4 { + padding-left: 1rem; } - .md\:mr-44 { - margin-right: 11rem; + .sm\:pt-5 { + padding-top: 1.25rem; } - .md\:mb-44 { - margin-bottom: 11rem; + .sm\:pr-5 { + padding-right: 1.25rem; } - .md\:ml-44 { - margin-left: 11rem; + .sm\:pb-5 { + padding-bottom: 1.25rem; } - .md\:mt-48 { - margin-top: 12rem; + .sm\:pl-5 { + padding-left: 1.25rem; } - .md\:mr-48 { - margin-right: 12rem; + .sm\:pt-6 { + padding-top: 1.5rem; } - .md\:mb-48 { - margin-bottom: 12rem; + .sm\:pr-6 { + padding-right: 1.5rem; } - .md\:ml-48 { - margin-left: 12rem; + .sm\:pb-6 { + padding-bottom: 1.5rem; } - .md\:mt-52 { - margin-top: 13rem; + .sm\:pl-6 { + padding-left: 1.5rem; } - .md\:mr-52 { - margin-right: 13rem; + .sm\:pt-7 { + padding-top: 1.75rem; } - .md\:mb-52 { - margin-bottom: 13rem; + .sm\:pr-7 { + padding-right: 1.75rem; } - .md\:ml-52 { - margin-left: 13rem; + .sm\:pb-7 { + padding-bottom: 1.75rem; } - .md\:mt-56 { - margin-top: 14rem; + .sm\:pl-7 { + padding-left: 1.75rem; } - .md\:mr-56 { - margin-right: 14rem; + .sm\:pt-8 { + padding-top: 2rem; } - .md\:mb-56 { - margin-bottom: 14rem; + .sm\:pr-8 { + padding-right: 2rem; } - .md\:ml-56 { - margin-left: 14rem; + .sm\:pb-8 { + padding-bottom: 2rem; } - .md\:mt-60 { - margin-top: 15rem; + .sm\:pl-8 { + padding-left: 2rem; } - .md\:mr-60 { - margin-right: 15rem; + .sm\:pt-9 { + padding-top: 2.25rem; } - .md\:mb-60 { - margin-bottom: 15rem; + .sm\:pr-9 { + padding-right: 2.25rem; } - .md\:ml-60 { - margin-left: 15rem; + .sm\:pb-9 { + padding-bottom: 2.25rem; } - .md\:mt-64 { - margin-top: 16rem; + .sm\:pl-9 { + padding-left: 2.25rem; } - .md\:mr-64 { - margin-right: 16rem; + .sm\:pt-10 { + padding-top: 2.5rem; } - .md\:mb-64 { - margin-bottom: 16rem; + .sm\:pr-10 { + padding-right: 2.5rem; } - .md\:ml-64 { - margin-left: 16rem; + .sm\:pb-10 { + padding-bottom: 2.5rem; } - .md\:mt-72 { - margin-top: 18rem; + .sm\:pl-10 { + padding-left: 2.5rem; } - .md\:mr-72 { - margin-right: 18rem; + .sm\:pt-12 { + padding-top: 3rem; } - .md\:mb-72 { - margin-bottom: 18rem; + .sm\:pr-12 { + padding-right: 3rem; } - .md\:ml-72 { - margin-left: 18rem; + .sm\:pb-12 { + padding-bottom: 3rem; } - .md\:mt-80 { - margin-top: 20rem; + .sm\:pl-12 { + padding-left: 3rem; } - .md\:mr-80 { - margin-right: 20rem; + .sm\:pt-14 { + padding-top: 3.5rem; } - .md\:mb-80 { - margin-bottom: 20rem; + .sm\:pr-14 { + padding-right: 3.5rem; } - .md\:ml-80 { - margin-left: 20rem; + .sm\:pb-14 { + padding-bottom: 3.5rem; } - .md\:mt-96 { - margin-top: 24rem; + .sm\:pl-14 { + padding-left: 3.5rem; } - .md\:mr-96 { - margin-right: 24rem; + .sm\:pt-16 { + padding-top: 4rem; } - .md\:mb-96 { - margin-bottom: 24rem; + .sm\:pr-16 { + padding-right: 4rem; } - .md\:ml-96 { - margin-left: 24rem; + .sm\:pb-16 { + padding-bottom: 4rem; } - .md\:mt-auto { - margin-top: auto; + .sm\:pl-16 { + padding-left: 4rem; } - .md\:mr-auto { - margin-right: auto; + .sm\:pt-20 { + padding-top: 5rem; } - .md\:mb-auto { - margin-bottom: auto; + .sm\:pr-20 { + padding-right: 5rem; } - .md\:ml-auto { - margin-left: auto; + .sm\:pb-20 { + padding-bottom: 5rem; } - .md\:mt-px { - margin-top: 1px; + .sm\:pl-20 { + padding-left: 5rem; } - .md\:mr-px { - margin-right: 1px; + .sm\:pt-24 { + padding-top: 6rem; } - .md\:mb-px { - margin-bottom: 1px; + .sm\:pr-24 { + padding-right: 6rem; } - .md\:ml-px { - margin-left: 1px; + .sm\:pb-24 { + padding-bottom: 6rem; } - .md\:mt-0\.5 { - margin-top: 0.125rem; + .sm\:pl-24 { + padding-left: 6rem; } - .md\:mr-0\.5 { - margin-right: 0.125rem; + .sm\:pt-28 { + padding-top: 7rem; } - .md\:mb-0\.5 { - margin-bottom: 0.125rem; + .sm\:pr-28 { + padding-right: 7rem; } - .md\:ml-0\.5 { - margin-left: 0.125rem; + .sm\:pb-28 { + padding-bottom: 7rem; } - .md\:mt-1\.5 { - margin-top: 0.375rem; + .sm\:pl-28 { + padding-left: 7rem; } - .md\:mr-1\.5 { - margin-right: 0.375rem; + .sm\:pt-32 { + padding-top: 8rem; } - .md\:mb-1\.5 { - margin-bottom: 0.375rem; + .sm\:pr-32 { + padding-right: 8rem; } - .md\:ml-1\.5 { - margin-left: 0.375rem; + .sm\:pb-32 { + padding-bottom: 8rem; } - .md\:mt-2\.5 { - margin-top: 0.625rem; + .sm\:pl-32 { + padding-left: 8rem; } - .md\:mr-2\.5 { - margin-right: 0.625rem; + .sm\:pt-36 { + padding-top: 9rem; } - .md\:mb-2\.5 { - margin-bottom: 0.625rem; + .sm\:pr-36 { + padding-right: 9rem; } - .md\:ml-2\.5 { - margin-left: 0.625rem; + .sm\:pb-36 { + padding-bottom: 9rem; } - .md\:mt-3\.5 { - margin-top: 0.875rem; + .sm\:pl-36 { + padding-left: 9rem; } - .md\:mr-3\.5 { - margin-right: 0.875rem; + .sm\:pt-40 { + padding-top: 10rem; } - .md\:mb-3\.5 { - margin-bottom: 0.875rem; + .sm\:pr-40 { + padding-right: 10rem; } - .md\:ml-3\.5 { - margin-left: 0.875rem; + .sm\:pb-40 { + padding-bottom: 10rem; } - .md\:-mt-1 { - margin-top: -0.25rem; + .sm\:pl-40 { + padding-left: 10rem; } - .md\:-mr-1 { - margin-right: -0.25rem; + .sm\:pt-44 { + padding-top: 11rem; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .sm\:pr-44 { + padding-right: 11rem; } - .md\:-ml-1 { - margin-left: -0.25rem; + .sm\:pb-44 { + padding-bottom: 11rem; } - .md\:-mt-2 { - margin-top: -0.5rem; + .sm\:pl-44 { + padding-left: 11rem; } - .md\:-mr-2 { - margin-right: -0.5rem; + .sm\:pt-48 { + padding-top: 12rem; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .sm\:pr-48 { + padding-right: 12rem; } - .md\:-ml-2 { - margin-left: -0.5rem; + .sm\:pb-48 { + padding-bottom: 12rem; } - .md\:-mt-3 { - margin-top: -0.75rem; + .sm\:pl-48 { + padding-left: 12rem; } - .md\:-mr-3 { - margin-right: -0.75rem; + .sm\:pt-52 { + padding-top: 13rem; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .sm\:pr-52 { + padding-right: 13rem; } - .md\:-ml-3 { - margin-left: -0.75rem; + .sm\:pb-52 { + padding-bottom: 13rem; } - .md\:-mt-4 { - margin-top: -1rem; + .sm\:pl-52 { + padding-left: 13rem; } - .md\:-mr-4 { - margin-right: -1rem; + .sm\:pt-56 { + padding-top: 14rem; } - .md\:-mb-4 { - margin-bottom: -1rem; + .sm\:pr-56 { + padding-right: 14rem; } - .md\:-ml-4 { - margin-left: -1rem; + .sm\:pb-56 { + padding-bottom: 14rem; } - .md\:-mt-5 { - margin-top: -1.25rem; + .sm\:pl-56 { + padding-left: 14rem; } - .md\:-mr-5 { - margin-right: -1.25rem; + .sm\:pt-60 { + padding-top: 15rem; } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .sm\:pr-60 { + padding-right: 15rem; } - .md\:-ml-5 { - margin-left: -1.25rem; + .sm\:pb-60 { + padding-bottom: 15rem; } - .md\:-mt-6 { - margin-top: -1.5rem; + .sm\:pl-60 { + padding-left: 15rem; } - .md\:-mr-6 { - margin-right: -1.5rem; + .sm\:pt-64 { + padding-top: 16rem; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .sm\:pr-64 { + padding-right: 16rem; } - .md\:-ml-6 { - margin-left: -1.5rem; + .sm\:pb-64 { + padding-bottom: 16rem; } - .md\:-mt-7 { - margin-top: -1.75rem; + .sm\:pl-64 { + padding-left: 16rem; } - .md\:-mr-7 { - margin-right: -1.75rem; + .sm\:pt-72 { + padding-top: 18rem; } - .md\:-mb-7 { - margin-bottom: -1.75rem; + .sm\:pr-72 { + padding-right: 18rem; } - .md\:-ml-7 { - margin-left: -1.75rem; + .sm\:pb-72 { + padding-bottom: 18rem; } - .md\:-mt-8 { - margin-top: -2rem; + .sm\:pl-72 { + padding-left: 18rem; } - .md\:-mr-8 { - margin-right: -2rem; + .sm\:pt-80 { + padding-top: 20rem; } - .md\:-mb-8 { - margin-bottom: -2rem; + .sm\:pr-80 { + padding-right: 20rem; } - .md\:-ml-8 { - margin-left: -2rem; + .sm\:pb-80 { + padding-bottom: 20rem; } - .md\:-mt-9 { - margin-top: -2.25rem; + .sm\:pl-80 { + padding-left: 20rem; } - .md\:-mr-9 { - margin-right: -2.25rem; + .sm\:pt-96 { + padding-top: 24rem; } - .md\:-mb-9 { - margin-bottom: -2.25rem; + .sm\:pr-96 { + padding-right: 24rem; } - .md\:-ml-9 { - margin-left: -2.25rem; + .sm\:pb-96 { + padding-bottom: 24rem; } - .md\:-mt-10 { - margin-top: -2.5rem; + .sm\:pl-96 { + padding-left: 24rem; } - .md\:-mr-10 { - margin-right: -2.5rem; + .sm\:pt-px { + padding-top: 1px; } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .sm\:pr-px { + padding-right: 1px; } - .md\:-ml-10 { - margin-left: -2.5rem; + .sm\:pb-px { + padding-bottom: 1px; } - .md\:-mt-12 { - margin-top: -3rem; + .sm\:pl-px { + padding-left: 1px; } - .md\:-mr-12 { - margin-right: -3rem; + .sm\:pt-0\.5 { + padding-top: 0.125rem; } - .md\:-mb-12 { - margin-bottom: -3rem; + .sm\:pr-0\.5 { + padding-right: 0.125rem; } - .md\:-ml-12 { - margin-left: -3rem; + .sm\:pb-0\.5 { + padding-bottom: 0.125rem; } - .md\:-mt-14 { - margin-top: -3.5rem; + .sm\:pl-0\.5 { + padding-left: 0.125rem; } - .md\:-mr-14 { - margin-right: -3.5rem; + .sm\:pt-1\.5 { + padding-top: 0.375rem; } - .md\:-mb-14 { - margin-bottom: -3.5rem; + .sm\:pr-1\.5 { + padding-right: 0.375rem; } - .md\:-ml-14 { - margin-left: -3.5rem; + .sm\:pb-1\.5 { + padding-bottom: 0.375rem; } - .md\:-mt-16 { - margin-top: -4rem; + .sm\:pl-1\.5 { + padding-left: 0.375rem; } - .md\:-mr-16 { - margin-right: -4rem; + .sm\:pt-2\.5 { + padding-top: 0.625rem; } - .md\:-mb-16 { - margin-bottom: -4rem; + .sm\:pr-2\.5 { + padding-right: 0.625rem; } - .md\:-ml-16 { - margin-left: -4rem; + .sm\:pb-2\.5 { + padding-bottom: 0.625rem; } - .md\:-mt-20 { - margin-top: -5rem; + .sm\:pl-2\.5 { + padding-left: 0.625rem; } - .md\:-mr-20 { - margin-right: -5rem; + .sm\:pt-3\.5 { + padding-top: 0.875rem; } - .md\:-mb-20 { - margin-bottom: -5rem; + .sm\:pr-3\.5 { + padding-right: 0.875rem; } - .md\:-ml-20 { - margin-left: -5rem; + .sm\:pb-3\.5 { + padding-bottom: 0.875rem; } - .md\:-mt-24 { - margin-top: -6rem; + .sm\:pl-3\.5 { + padding-left: 0.875rem; } - .md\:-mr-24 { - margin-right: -6rem; + .sm\:placeholder-transparent::placeholder { + color: transparent; } - .md\:-mb-24 { - margin-bottom: -6rem; + .sm\:placeholder-current::placeholder { + color: currentColor; } - .md\:-ml-24 { - margin-left: -6rem; + .sm\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:-mt-28 { - margin-top: -7rem; + .sm\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:-mr-28 { - margin-right: -7rem; + .sm\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } - .md\:-mb-28 { - margin-bottom: -7rem; + .sm\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } - .md\:-ml-28 { - margin-left: -7rem; + .sm\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } - .md\:-mt-32 { - margin-top: -8rem; + .sm\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } - .md\:-mr-32 { - margin-right: -8rem; + .sm\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } - .md\:-mb-32 { - margin-bottom: -8rem; + .sm\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } - .md\:-ml-32 { - margin-left: -8rem; + .sm\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } - .md\:-mt-36 { - margin-top: -9rem; + .sm\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } - .md\:-mr-36 { - margin-right: -9rem; + .sm\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } - .md\:-mb-36 { - margin-bottom: -9rem; + .sm\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } - .md\:-ml-36 { - margin-left: -9rem; + .sm\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } - .md\:-mt-40 { - margin-top: -10rem; + .sm\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } - .md\:-mr-40 { - margin-right: -10rem; + .sm\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } - .md\:-mb-40 { - margin-bottom: -10rem; + .sm\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } - .md\:-ml-40 { - margin-left: -10rem; + .sm\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } - .md\:-mt-44 { - margin-top: -11rem; + .sm\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } - .md\:-mr-44 { - margin-right: -11rem; + .sm\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } - .md\:-mb-44 { - margin-bottom: -11rem; + .sm\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } - .md\:-ml-44 { - margin-left: -11rem; + .sm\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } - .md\:-mt-48 { - margin-top: -12rem; + .sm\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } - .md\:-mr-48 { - margin-right: -12rem; + .sm\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } - .md\:-mb-48 { - margin-bottom: -12rem; + .sm\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } - .md\:-ml-48 { - margin-left: -12rem; + .sm\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } - .md\:-mt-52 { - margin-top: -13rem; + .sm\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } - .md\:-mr-52 { - margin-right: -13rem; + .sm\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } - .md\:-mb-52 { - margin-bottom: -13rem; + .sm\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } - .md\:-ml-52 { - margin-left: -13rem; + .sm\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } - .md\:-mt-56 { - margin-top: -14rem; + .sm\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } - .md\:-mr-56 { - margin-right: -14rem; + .sm\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } - .md\:-mb-56 { - margin-bottom: -14rem; + .sm\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } - .md\:-ml-56 { - margin-left: -14rem; + .sm\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } - .md\:-mt-60 { - margin-top: -15rem; + .sm\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } - .md\:-mr-60 { - margin-right: -15rem; + .sm\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } - .md\:-mb-60 { - margin-bottom: -15rem; + .sm\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } - .md\:-ml-60 { - margin-left: -15rem; + .sm\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } - .md\:-mt-64 { - margin-top: -16rem; + .sm\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .md\:-mr-64 { - margin-right: -16rem; + .sm\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .md\:-mb-64 { - margin-bottom: -16rem; + .sm\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .md\:-ml-64 { - margin-left: -16rem; + .sm\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .md\:-mt-72 { - margin-top: -18rem; + .sm\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .md\:-mr-72 { - margin-right: -18rem; + .sm\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .md\:-mb-72 { - margin-bottom: -18rem; + .sm\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .md\:-ml-72 { - margin-left: -18rem; + .sm\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .md\:-mt-80 { - margin-top: -20rem; + .sm\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .md\:-mr-80 { - margin-right: -20rem; + .sm\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .md\:-mb-80 { - margin-bottom: -20rem; + .sm\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .md\:-ml-80 { - margin-left: -20rem; + .sm\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .md\:-mt-96 { - margin-top: -24rem; + .sm\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .md\:-mr-96 { - margin-right: -24rem; + .sm\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .md\:-mb-96 { - margin-bottom: -24rem; + .sm\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .md\:-ml-96 { - margin-left: -24rem; + .sm\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .md\:-mt-px { - margin-top: -1px; + .sm\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .md\:-mr-px { - margin-right: -1px; + .sm\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .md\:-mb-px { - margin-bottom: -1px; + .sm\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .md\:-ml-px { - margin-left: -1px; + .sm\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .md\:-mt-0\.5 { - margin-top: -0.125rem; + .sm\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .md\:-mr-0\.5 { - margin-right: -0.125rem; + .sm\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .md\:-mb-0\.5 { - margin-bottom: -0.125rem; + .sm\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .md\:-ml-0\.5 { - margin-left: -0.125rem; + .sm\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .md\:-mt-1\.5 { - margin-top: -0.375rem; + .sm\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .md\:-mr-1\.5 { - margin-right: -0.375rem; + .sm\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .md\:-mb-1\.5 { - margin-bottom: -0.375rem; + .sm\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .md\:-ml-1\.5 { - margin-left: -0.375rem; + .sm\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .md\:-mt-2\.5 { - margin-top: -0.625rem; + .sm\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .md\:-mr-2\.5 { - margin-right: -0.625rem; + .sm\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .md\:-mb-2\.5 { - margin-bottom: -0.625rem; + .sm\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .md\:-ml-2\.5 { - margin-left: -0.625rem; + .sm\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .md\:-mt-3\.5 { - margin-top: -0.875rem; + .sm\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .md\:-mr-3\.5 { - margin-right: -0.875rem; + .sm\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .md\:-mb-3\.5 { - margin-bottom: -0.875rem; + .sm\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .md\:-ml-3\.5 { - margin-left: -0.875rem; + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .md\:max-h-0 { - max-height: 0; + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .md\:max-h-1 { - max-height: 0.25rem; + .sm\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:max-h-2 { - max-height: 0.5rem; + .sm\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:max-h-3 { - max-height: 0.75rem; + .sm\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } - .md\:max-h-4 { - max-height: 1rem; + .sm\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } - .md\:max-h-5 { - max-height: 1.25rem; + .sm\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } - .md\:max-h-6 { - max-height: 1.5rem; + .sm\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } - .md\:max-h-7 { - max-height: 1.75rem; + .sm\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } - .md\:max-h-8 { - max-height: 2rem; + .sm\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } - .md\:max-h-9 { - max-height: 2.25rem; + .sm\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } - .md\:max-h-10 { - max-height: 2.5rem; + .sm\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } - .md\:max-h-12 { - max-height: 3rem; + .sm\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } - .md\:max-h-14 { - max-height: 3.5rem; + .sm\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } - .md\:max-h-16 { - max-height: 4rem; + .sm\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } - .md\:max-h-20 { - max-height: 5rem; + .sm\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } - .md\:max-h-24 { - max-height: 6rem; + .sm\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } - .md\:max-h-28 { - max-height: 7rem; + .sm\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } - .md\:max-h-32 { - max-height: 8rem; + .sm\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } - .md\:max-h-36 { - max-height: 9rem; + .sm\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } - .md\:max-h-40 { - max-height: 10rem; + .sm\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } - .md\:max-h-44 { - max-height: 11rem; + .sm\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } - .md\:max-h-48 { - max-height: 12rem; + .sm\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } - .md\:max-h-52 { - max-height: 13rem; + .sm\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } - .md\:max-h-56 { - max-height: 14rem; + .sm\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } - .md\:max-h-60 { - max-height: 15rem; + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } - .md\:max-h-64 { - max-height: 16rem; + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } - .md\:max-h-72 { - max-height: 18rem; + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } - .md\:max-h-80 { - max-height: 20rem; + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } - .md\:max-h-96 { - max-height: 24rem; + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } - .md\:max-h-px { - max-height: 1px; + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } - .md\:max-h-0\.5 { - max-height: 0.125rem; + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } - .md\:max-h-1\.5 { - max-height: 0.375rem; + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } - .md\:max-h-2\.5 { - max-height: 0.625rem; + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } - .md\:max-h-3\.5 { - max-height: 0.875rem; + .sm\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } - .md\:max-h-full { - max-height: 100%; + .sm\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } - .md\:max-h-screen { - max-height: 100vh; + .sm\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } - .md\:max-w-0 { - max-width: 0rem; + .sm\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } - .md\:max-w-none { - max-width: none; + .sm\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } - .md\:max-w-xs { - max-width: 20rem; + .sm\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .md\:max-w-sm { - max-width: 24rem; + .sm\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .md\:max-w-md { - max-width: 28rem; + .sm\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .md\:max-w-lg { - max-width: 32rem; + .sm\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .md\:max-w-xl { - max-width: 36rem; + .sm\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .md\:max-w-2xl { - max-width: 42rem; + .sm\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .md\:max-w-3xl { - max-width: 48rem; + .sm\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .md\:max-w-4xl { - max-width: 56rem; + .sm\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .md\:max-w-5xl { - max-width: 64rem; + .sm\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .md\:max-w-6xl { - max-width: 72rem; + .sm\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .md\:max-w-7xl { - max-width: 80rem; + .sm\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .md\:max-w-full { - max-width: 100%; + .sm\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .md\:max-w-min { - max-width: min-content; + .sm\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .md\:max-w-max { - max-width: max-content; + .sm\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .md\:max-w-screen-sm { - max-width: 640px; + .sm\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .md\:max-w-screen-md { - max-width: 768px; + .sm\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .md\:max-w-screen-lg { - max-width: 1024px; + .sm\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .md\:max-w-screen-xl { - max-width: 1280px; + .sm\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .md\:max-w-screen-2xl { - max-width: 1536px; + .sm\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .md\:min-h-0 { - min-height: 0; + .sm\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .md\:min-h-full { - min-height: 100%; + .sm\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .md\:min-h-screen { - min-height: 100vh; + .sm\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .md\:min-w-0 { - min-width: 0; + .sm\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .md\:min-w-full { - min-width: 100%; + .sm\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .md\:min-w-min { - min-width: min-content; + .sm\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .md\:min-w-max { - min-width: max-content; + .sm\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .md\:object-contain { - object-fit: contain; + .sm\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .md\:object-cover { - object-fit: cover; + .sm\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .md\:object-fill { - object-fit: fill; + .sm\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .md\:object-none { - object-fit: none; + .sm\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .md\:object-scale-down { - object-fit: scale-down; + .sm\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .md\:object-bottom { - object-position: bottom; + .sm\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .md\:object-center { - object-position: center; + .sm\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .md\:object-left { - object-position: left; + .sm\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .md\:object-left-bottom { - object-position: left bottom; + .sm\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .md\:object-left-top { - object-position: left top; + .sm\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .md\:object-right { - object-position: right; + .sm\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .md\:object-right-bottom { - object-position: right bottom; + .sm\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .md\:object-right-top { - object-position: right top; + .sm\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .md\:object-top { - object-position: top; + .sm\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .md\:opacity-0 { - opacity: 0; + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .md\:opacity-25 { - opacity: 0.25; + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .md\:opacity-50 { - opacity: 0.5; + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .md\:opacity-75 { - opacity: 0.75; + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .md\:opacity-100 { - opacity: 1; + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .group:hover .md\:group-hover\:opacity-0 { - opacity: 0; + .sm\:pointer-events-none { + pointer-events: none; } - .group:hover .md\:group-hover\:opacity-25 { - opacity: 0.25; + .sm\:pointer-events-auto { + pointer-events: auto; } - .group:hover .md\:group-hover\:opacity-50 { - opacity: 0.5; + .sm\:static { + position: static; } - .group:hover .md\:group-hover\:opacity-75 { - opacity: 0.75; + .sm\:fixed { + position: fixed; } - .group:hover .md\:group-hover\:opacity-100 { - opacity: 1; + .sm\:absolute { + position: absolute; } - .md\:hover\:opacity-0:hover { - opacity: 0; + .sm\:relative { + position: relative; } - .md\:hover\:opacity-25:hover { - opacity: 0.25; + .sm\:sticky { + position: sticky; } - .md\:hover\:opacity-50:hover { - opacity: 0.5; + .sm\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .md\:hover\:opacity-75:hover { - opacity: 0.75; + .sm\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .md\:hover\:opacity-100:hover { - opacity: 1; + .sm\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .md\:focus\:opacity-0:focus { - opacity: 0; + .sm\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .md\:focus\:opacity-25:focus { - opacity: 0.25; + .sm\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .md\:focus\:opacity-50:focus { - opacity: 0.5; + .sm\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .md\:focus\:opacity-75:focus { - opacity: 0.75; + .sm\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .md\:focus\:opacity-100:focus { - opacity: 1; + .sm\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .md\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .sm\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .md\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .sm\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .md\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .sm\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .md\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .sm\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .md\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .sm\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .md\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .sm\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .md\:overflow-auto { - overflow: auto; + .sm\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .md\:overflow-hidden { - overflow: hidden; + .sm\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .md\:overflow-visible { - overflow: visible; + .sm\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .md\:overflow-scroll { - overflow: scroll; + .sm\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .md\:overflow-x-auto { - overflow-x: auto; + .sm\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .md\:overflow-y-auto { - overflow-y: auto; + .sm\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .md\:overflow-x-hidden { - overflow-x: hidden; + .sm\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .md\:overflow-y-hidden { - overflow-y: hidden; + .sm\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .md\:overflow-x-visible { - overflow-x: visible; + .sm\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .md\:overflow-y-visible { - overflow-y: visible; + .sm\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .md\:overflow-x-scroll { - overflow-x: scroll; + .sm\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .md\:overflow-y-scroll { - overflow-y: scroll; + .sm\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .md\:overscroll-auto { - overscroll-behavior: auto; + .sm\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .md\:overscroll-contain { - overscroll-behavior: contain; + .sm\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .md\:overscroll-none { - overscroll-behavior: none; + .sm\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .md\:overscroll-y-auto { - overscroll-behavior-y: auto; + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:overscroll-y-contain { - overscroll-behavior-y: contain; + .sm\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .md\:overscroll-y-none { - overscroll-behavior-y: none; + .sm\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .md\:overscroll-x-auto { - overscroll-behavior-x: auto; + .sm\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .md\:overscroll-x-contain { - overscroll-behavior-x: contain; + .sm\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .md\:overscroll-x-none { - overscroll-behavior-x: none; + .sm\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .md\:p-0 { - padding: 0; + .sm\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .md\:p-1 { - padding: 0.25rem; + .sm\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .md\:p-2 { - padding: 0.5rem; + .sm\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .md\:p-3 { - padding: 0.75rem; + .sm\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .md\:p-4 { - padding: 1rem; + .sm\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .md\:p-5 { - padding: 1.25rem; + .sm\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .md\:p-6 { - padding: 1.5rem; + .sm\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .md\:p-7 { - padding: 1.75rem; + .sm\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .md\:p-8 { - padding: 2rem; + .sm\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .md\:p-9 { - padding: 2.25rem; + .sm\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .md\:p-10 { - padding: 2.5rem; + .sm\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .md\:p-12 { - padding: 3rem; + .sm\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .md\:p-14 { - padding: 3.5rem; + .sm\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .md\:p-16 { - padding: 4rem; + .sm\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .md\:p-20 { - padding: 5rem; + .sm\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .md\:p-24 { - padding: 6rem; + .sm\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .md\:p-28 { - padding: 7rem; + .sm\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .md\:p-32 { - padding: 8rem; + .sm\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .md\:p-36 { - padding: 9rem; + .sm\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .md\:p-40 { - padding: 10rem; + .sm\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .md\:p-44 { - padding: 11rem; + .sm\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .md\:p-48 { - padding: 12rem; + .sm\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .md\:p-52 { - padding: 13rem; + .sm\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .md\:p-56 { - padding: 14rem; + .sm\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .md\:p-60 { - padding: 15rem; + .sm\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .md\:p-64 { - padding: 16rem; + .sm\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .md\:p-72 { - padding: 18rem; + .sm\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .md\:p-80 { - padding: 20rem; + .sm\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .md\:p-96 { - padding: 24rem; + .sm\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .md\:p-px { - padding: 1px; + .sm\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .md\:p-0\.5 { - padding: 0.125rem; + .sm\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .md\:p-1\.5 { - padding: 0.375rem; + .sm\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .md\:p-2\.5 { - padding: 0.625rem; + .sm\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .md\:p-3\.5 { - padding: 0.875rem; + .sm\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .sm\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .sm\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .sm\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .sm\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .sm\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .sm\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .sm\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .sm\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .sm\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .sm\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .sm\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .sm\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .sm\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .sm\:inset-y-0 { + top: 0; + bottom: 0; } - .md\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .sm\:inset-x-0 { + right: 0; + left: 0; } - .md\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .sm\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .sm\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .sm\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .md\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .sm\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .md\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .sm\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .sm\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .sm\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .sm\:inset-x-4 { + right: 1rem; + left: 1rem; } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .sm\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .md\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .sm\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .md\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .sm\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .sm\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .sm\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .sm\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .sm\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .sm\:inset-x-8 { + right: 2rem; + left: 2rem; } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .sm\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .md\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .sm\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .md\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .sm\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .sm\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .sm\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .md\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .sm\:inset-x-12 { + right: 3rem; + left: 3rem; } - .md\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .sm\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .sm\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .sm\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .md\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .sm\:inset-x-16 { + right: 4rem; + left: 4rem; } - .md\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .sm\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .sm\:inset-x-20 { + right: 5rem; + left: 5rem; } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .sm\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .md\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .sm\:inset-x-24 { + right: 6rem; + left: 6rem; } - .md\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .sm\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .sm\:inset-x-28 { + right: 7rem; + left: 7rem; } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .sm\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .md\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .sm\:inset-x-32 { + right: 8rem; + left: 8rem; } - .md\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .sm\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .sm\:inset-x-36 { + right: 9rem; + left: 9rem; } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .sm\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .md\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .sm\:inset-x-40 { + right: 10rem; + left: 10rem; } - .md\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .sm\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .md\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .sm\:inset-x-44 { + right: 11rem; + left: 11rem; } - .md\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .sm\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .md\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .sm\:inset-x-48 { + right: 12rem; + left: 12rem; } - .md\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .sm\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .sm\:inset-x-52 { + right: 13rem; + left: 13rem; } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .sm\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .md\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .sm\:inset-x-56 { + right: 14rem; + left: 14rem; } - .md\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .sm\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .md\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .sm\:inset-x-60 { + right: 15rem; + left: 15rem; } - .md\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .sm\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .md\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .sm\:inset-x-64 { + right: 16rem; + left: 16rem; } - .md\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .sm\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .md\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .sm\:inset-x-72 { + right: 18rem; + left: 18rem; } - .md\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .sm\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .md\:pt-0 { - padding-top: 0; + .sm\:inset-x-80 { + right: 20rem; + left: 20rem; } - .md\:pr-0 { - padding-right: 0; + .sm\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .md\:pb-0 { - padding-bottom: 0; + .sm\:inset-x-96 { + right: 24rem; + left: 24rem; } - .md\:pl-0 { - padding-left: 0; + .sm\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:pt-1 { - padding-top: 0.25rem; + .sm\:inset-x-auto { + right: auto; + left: auto; } - .md\:pr-1 { - padding-right: 0.25rem; + .sm\:inset-y-px { + top: 1px; + bottom: 1px; } - .md\:pb-1 { - padding-bottom: 0.25rem; + .sm\:inset-x-px { + right: 1px; + left: 1px; } - .md\:pl-1 { - padding-left: 0.25rem; + .sm\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .md\:pt-2 { - padding-top: 0.5rem; + .sm\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .md\:pr-2 { - padding-right: 0.5rem; + .sm\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .md\:pb-2 { - padding-bottom: 0.5rem; + .sm\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .md\:pl-2 { - padding-left: 0.5rem; + .sm\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .md\:pt-3 { - padding-top: 0.75rem; + .sm\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .md\:pr-3 { - padding-right: 0.75rem; + .sm\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .md\:pb-3 { - padding-bottom: 0.75rem; + .sm\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .md\:pl-3 { - padding-left: 0.75rem; + .sm\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .md\:pt-4 { - padding-top: 1rem; + .sm\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .md\:pr-4 { - padding-right: 1rem; + .sm\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .md\:pb-4 { - padding-bottom: 1rem; + .sm\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .md\:pl-4 { - padding-left: 1rem; + .sm\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .md\:pt-5 { - padding-top: 1.25rem; + .sm\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .md\:pr-5 { - padding-right: 1.25rem; + .sm\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .md\:pb-5 { - padding-bottom: 1.25rem; + .sm\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .md\:pl-5 { - padding-left: 1.25rem; + .sm\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .md\:pt-6 { - padding-top: 1.5rem; + .sm\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .md\:pr-6 { - padding-right: 1.5rem; + .sm\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .md\:pb-6 { - padding-bottom: 1.5rem; + .sm\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .md\:pl-6 { - padding-left: 1.5rem; + .sm\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .md\:pt-7 { - padding-top: 1.75rem; + .sm\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .md\:pr-7 { - padding-right: 1.75rem; + .sm\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .md\:pb-7 { - padding-bottom: 1.75rem; + .sm\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .md\:pl-7 { - padding-left: 1.75rem; + .sm\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .md\:pt-8 { - padding-top: 2rem; + .sm\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .md\:pr-8 { - padding-right: 2rem; + .sm\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .md\:pb-8 { - padding-bottom: 2rem; + .sm\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .md\:pl-8 { - padding-left: 2rem; + .sm\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .md\:pt-9 { - padding-top: 2.25rem; + .sm\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .md\:pr-9 { - padding-right: 2.25rem; + .sm\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .md\:pb-9 { - padding-bottom: 2.25rem; + .sm\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .md\:pl-9 { - padding-left: 2.25rem; + .sm\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .md\:pt-10 { - padding-top: 2.5rem; + .sm\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .md\:pr-10 { - padding-right: 2.5rem; + .sm\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .md\:pb-10 { - padding-bottom: 2.5rem; + .sm\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .md\:pl-10 { - padding-left: 2.5rem; + .sm\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .md\:pt-12 { - padding-top: 3rem; + .sm\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .md\:pr-12 { - padding-right: 3rem; + .sm\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .md\:pb-12 { - padding-bottom: 3rem; + .sm\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .md\:pl-12 { - padding-left: 3rem; + .sm\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .md\:pt-14 { - padding-top: 3.5rem; + .sm\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .md\:pr-14 { - padding-right: 3.5rem; + .sm\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .md\:pb-14 { - padding-bottom: 3.5rem; + .sm\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .md\:pl-14 { - padding-left: 3.5rem; + .sm\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .md\:pt-16 { - padding-top: 4rem; + .sm\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .md\:pr-16 { - padding-right: 4rem; + .sm\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .md\:pb-16 { - padding-bottom: 4rem; + .sm\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .md\:pl-16 { - padding-left: 4rem; + .sm\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .md\:pt-20 { - padding-top: 5rem; + .sm\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .md\:pr-20 { - padding-right: 5rem; + .sm\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .md\:pb-20 { - padding-bottom: 5rem; + .sm\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .md\:pl-20 { - padding-left: 5rem; + .sm\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .md\:pt-24 { - padding-top: 6rem; + .sm\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .md\:pr-24 { - padding-right: 6rem; + .sm\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .md\:pb-24 { - padding-bottom: 6rem; + .sm\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .md\:pl-24 { - padding-left: 6rem; + .sm\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .md\:pt-28 { - padding-top: 7rem; + .sm\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .md\:pr-28 { - padding-right: 7rem; + .sm\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .md\:pb-28 { - padding-bottom: 7rem; + .sm\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .md\:pl-28 { - padding-left: 7rem; + .sm\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .md\:pt-32 { - padding-top: 8rem; + .sm\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .md\:pr-32 { - padding-right: 8rem; + .sm\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .md\:pb-32 { - padding-bottom: 8rem; + .sm\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .md\:pl-32 { - padding-left: 8rem; + .sm\:-inset-y-px { + top: -1px; + bottom: -1px; } - .md\:pt-36 { - padding-top: 9rem; + .sm\:-inset-x-px { + right: -1px; + left: -1px; } - .md\:pr-36 { - padding-right: 9rem; + .sm\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .md\:pb-36 { - padding-bottom: 9rem; + .sm\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .md\:pl-36 { - padding-left: 9rem; + .sm\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .md\:pt-40 { - padding-top: 10rem; + .sm\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .md\:pr-40 { - padding-right: 10rem; + .sm\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .md\:pb-40 { - padding-bottom: 10rem; + .sm\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .md\:pl-40 { - padding-left: 10rem; + .sm\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .md\:pt-44 { - padding-top: 11rem; + .sm\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .md\:pr-44 { - padding-right: 11rem; + .sm\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .md\:pb-44 { - padding-bottom: 11rem; + .sm\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .md\:pl-44 { - padding-left: 11rem; + .sm\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:pt-48 { - padding-top: 12rem; + .sm\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .md\:pr-48 { - padding-right: 12rem; + .sm\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:pb-48 { - padding-bottom: 12rem; + .sm\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .md\:pl-48 { - padding-left: 12rem; + .sm\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .md\:pt-52 { - padding-top: 13rem; + .sm\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .md\:pr-52 { - padding-right: 13rem; + .sm\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .md\:pb-52 { - padding-bottom: 13rem; + .sm\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .md\:pl-52 { - padding-left: 13rem; + .sm\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .md\:pt-56 { - padding-top: 14rem; + .sm\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .md\:pr-56 { - padding-right: 14rem; + .sm\:inset-y-full { + top: 100%; + bottom: 100%; } - .md\:pb-56 { - padding-bottom: 14rem; + .sm\:inset-x-full { + right: 100%; + left: 100%; } - .md\:pl-56 { - padding-left: 14rem; + .sm\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .md\:pt-60 { - padding-top: 15rem; + .sm\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .md\:pr-60 { - padding-right: 15rem; + .sm\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .md\:pb-60 { - padding-bottom: 15rem; + .sm\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .md\:pl-60 { - padding-left: 15rem; + .sm\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .md\:pt-64 { - padding-top: 16rem; + .sm\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .md\:pr-64 { - padding-right: 16rem; + .sm\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .md\:pb-64 { - padding-bottom: 16rem; + .sm\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .md\:pl-64 { - padding-left: 16rem; + .sm\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .md\:pt-72 { - padding-top: 18rem; + .sm\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .md\:pr-72 { - padding-right: 18rem; + .sm\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .md\:pb-72 { - padding-bottom: 18rem; + .sm\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .md\:pl-72 { - padding-left: 18rem; + .sm\:-inset-y-full { + top: -100%; + bottom: -100%; } - .md\:pt-80 { - padding-top: 20rem; + .sm\:-inset-x-full { + right: -100%; + left: -100%; } - .md\:pr-80 { - padding-right: 20rem; + .sm\:top-0 { + top: 0; } - .md\:pb-80 { - padding-bottom: 20rem; + .sm\:right-0 { + right: 0; } - .md\:pl-80 { - padding-left: 20rem; + .sm\:bottom-0 { + bottom: 0; } - .md\:pt-96 { - padding-top: 24rem; + .sm\:left-0 { + left: 0; } - .md\:pr-96 { - padding-right: 24rem; + .sm\:top-1 { + top: 0.25rem; } - .md\:pb-96 { - padding-bottom: 24rem; + .sm\:right-1 { + right: 0.25rem; } - .md\:pl-96 { - padding-left: 24rem; + .sm\:bottom-1 { + bottom: 0.25rem; } - .md\:pt-px { - padding-top: 1px; + .sm\:left-1 { + left: 0.25rem; } - .md\:pr-px { - padding-right: 1px; + .sm\:top-2 { + top: 0.5rem; } - .md\:pb-px { - padding-bottom: 1px; + .sm\:right-2 { + right: 0.5rem; } - .md\:pl-px { - padding-left: 1px; + .sm\:bottom-2 { + bottom: 0.5rem; } - .md\:pt-0\.5 { - padding-top: 0.125rem; + .sm\:left-2 { + left: 0.5rem; } - .md\:pr-0\.5 { - padding-right: 0.125rem; + .sm\:top-3 { + top: 0.75rem; } - .md\:pb-0\.5 { - padding-bottom: 0.125rem; + .sm\:right-3 { + right: 0.75rem; } - .md\:pl-0\.5 { - padding-left: 0.125rem; + .sm\:bottom-3 { + bottom: 0.75rem; } - .md\:pt-1\.5 { - padding-top: 0.375rem; + .sm\:left-3 { + left: 0.75rem; } - .md\:pr-1\.5 { - padding-right: 0.375rem; + .sm\:top-4 { + top: 1rem; } - .md\:pb-1\.5 { - padding-bottom: 0.375rem; + .sm\:right-4 { + right: 1rem; } - .md\:pl-1\.5 { - padding-left: 0.375rem; + .sm\:bottom-4 { + bottom: 1rem; } - .md\:pt-2\.5 { - padding-top: 0.625rem; + .sm\:left-4 { + left: 1rem; } - .md\:pr-2\.5 { - padding-right: 0.625rem; + .sm\:top-5 { + top: 1.25rem; } - .md\:pb-2\.5 { - padding-bottom: 0.625rem; + .sm\:right-5 { + right: 1.25rem; } - .md\:pl-2\.5 { - padding-left: 0.625rem; + .sm\:bottom-5 { + bottom: 1.25rem; } - .md\:pt-3\.5 { - padding-top: 0.875rem; + .sm\:left-5 { + left: 1.25rem; } - .md\:pr-3\.5 { - padding-right: 0.875rem; + .sm\:top-6 { + top: 1.5rem; } - .md\:pb-3\.5 { - padding-bottom: 0.875rem; + .sm\:right-6 { + right: 1.5rem; } - .md\:pl-3\.5 { - padding-left: 0.875rem; + .sm\:bottom-6 { + bottom: 1.5rem; } - .md\:placeholder-transparent::placeholder { - color: transparent; + .sm\:left-6 { + left: 1.5rem; } - .md\:placeholder-current::placeholder { - color: currentColor; + .sm\:top-7 { + top: 1.75rem; } - .md\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .sm\:right-7 { + right: 1.75rem; } - .md\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .sm\:bottom-7 { + bottom: 1.75rem; } - .md\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .sm\:left-7 { + left: 1.75rem; } - .md\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .sm\:top-8 { + top: 2rem; } - .md\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .sm\:right-8 { + right: 2rem; } - .md\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .sm\:bottom-8 { + bottom: 2rem; } - .md\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .sm\:left-8 { + left: 2rem; } - .md\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .sm\:top-9 { + top: 2.25rem; } - .md\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .sm\:right-9 { + right: 2.25rem; } - .md\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .sm\:bottom-9 { + bottom: 2.25rem; } - .md\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .sm\:left-9 { + left: 2.25rem; } - .md\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .sm\:top-10 { + top: 2.5rem; } - .md\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .sm\:right-10 { + right: 2.5rem; } - .md\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .sm\:bottom-10 { + bottom: 2.5rem; } - .md\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .sm\:left-10 { + left: 2.5rem; } - .md\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .sm\:top-12 { + top: 3rem; } - .md\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .sm\:right-12 { + right: 3rem; } - .md\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .sm\:bottom-12 { + bottom: 3rem; } - .md\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .sm\:left-12 { + left: 3rem; } - .md\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .sm\:top-14 { + top: 3.5rem; } - .md\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .sm\:right-14 { + right: 3.5rem; } - .md\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .sm\:bottom-14 { + bottom: 3.5rem; } - .md\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .sm\:left-14 { + left: 3.5rem; } - .md\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .sm\:top-16 { + top: 4rem; } - .md\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .sm\:right-16 { + right: 4rem; } - .md\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .sm\:bottom-16 { + bottom: 4rem; } - .md\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .sm\:left-16 { + left: 4rem; } - .md\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .sm\:top-20 { + top: 5rem; } - .md\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .sm\:right-20 { + right: 5rem; } - .md\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .sm\:bottom-20 { + bottom: 5rem; } - .md\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .sm\:left-20 { + left: 5rem; } - .md\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .sm\:top-24 { + top: 6rem; } - .md\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .sm\:right-24 { + right: 6rem; } - .md\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .sm\:bottom-24 { + bottom: 6rem; } - .md\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .sm\:left-24 { + left: 6rem; } - .md\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .sm\:top-28 { + top: 7rem; } - .md\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .sm\:right-28 { + right: 7rem; } - .md\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .sm\:bottom-28 { + bottom: 7rem; } - .md\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .sm\:left-28 { + left: 7rem; } - .md\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .sm\:top-32 { + top: 8rem; } - .md\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .sm\:right-32 { + right: 8rem; } - .md\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .sm\:bottom-32 { + bottom: 8rem; } - .md\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .sm\:left-32 { + left: 8rem; } - .md\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .sm\:top-36 { + top: 9rem; } - .md\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .sm\:right-36 { + right: 9rem; } - .md\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .sm\:bottom-36 { + bottom: 9rem; } - .md\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .sm\:left-36 { + left: 9rem; } - .md\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .sm\:top-40 { + top: 10rem; } - .md\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .sm\:right-40 { + right: 10rem; } - .md\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .sm\:bottom-40 { + bottom: 10rem; } - .md\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .sm\:left-40 { + left: 10rem; } - .md\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .sm\:top-44 { + top: 11rem; } - .md\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .sm\:right-44 { + right: 11rem; } - .md\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .sm\:bottom-44 { + bottom: 11rem; } - .md\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .sm\:left-44 { + left: 11rem; } - .md\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .sm\:top-48 { + top: 12rem; } - .md\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .sm\:right-48 { + right: 12rem; } - .md\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .sm\:bottom-48 { + bottom: 12rem; } - .md\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .sm\:left-48 { + left: 12rem; } - .md\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .sm\:top-52 { + top: 13rem; } - .md\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .sm\:right-52 { + right: 13rem; } - .md\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .sm\:bottom-52 { + bottom: 13rem; } - .md\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .sm\:left-52 { + left: 13rem; } - .md\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .sm\:top-56 { + top: 14rem; } - .md\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .sm\:right-56 { + right: 14rem; } - .md\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .sm\:bottom-56 { + bottom: 14rem; } - .md\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .sm\:left-56 { + left: 14rem; } - .md\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .sm\:top-60 { + top: 15rem; } - .md\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .sm\:right-60 { + right: 15rem; } - .md\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .sm\:bottom-60 { + bottom: 15rem; } - .md\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .sm\:left-60 { + left: 15rem; } - .md\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .sm\:top-64 { + top: 16rem; } - .md\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .sm\:right-64 { + right: 16rem; } - .md\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .sm\:bottom-64 { + bottom: 16rem; } - .md\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .sm\:left-64 { + left: 16rem; } - .md\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .sm\:top-72 { + top: 18rem; } - .md\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .sm\:right-72 { + right: 18rem; } - .md\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .sm\:bottom-72 { + bottom: 18rem; } - .md\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .sm\:left-72 { + left: 18rem; } - .md\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .sm\:top-80 { + top: 20rem; } - .md\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .sm\:right-80 { + right: 20rem; } - .md\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .sm\:bottom-80 { + bottom: 20rem; } - .md\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .sm\:left-80 { + left: 20rem; } - .md\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .sm\:top-96 { + top: 24rem; } - .md\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .sm\:right-96 { + right: 24rem; } - .md\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .sm\:bottom-96 { + bottom: 24rem; } - .md\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .sm\:left-96 { + left: 24rem; } - .md\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .sm\:top-auto { + top: auto; } - .md\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .sm\:right-auto { + right: auto; } - .md\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .sm\:bottom-auto { + bottom: auto; } - .md\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .sm\:left-auto { + left: auto; } - .md\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .sm\:top-px { + top: 1px; } - .md\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .sm\:right-px { + right: 1px; } - .md\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .sm\:bottom-px { + bottom: 1px; } - .md\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .sm\:left-px { + left: 1px; } - .md\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .sm\:top-0\.5 { + top: 0.125rem; } - .md\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .sm\:right-0\.5 { + right: 0.125rem; } - .md\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .sm\:bottom-0\.5 { + bottom: 0.125rem; } - .md\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .sm\:left-0\.5 { + left: 0.125rem; } - .md\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .sm\:top-1\.5 { + top: 0.375rem; } - .md\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .sm\:right-1\.5 { + right: 0.375rem; } - .md\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .sm\:bottom-1\.5 { + bottom: 0.375rem; } - .md\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .sm\:left-1\.5 { + left: 0.375rem; } - .md\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .sm\:top-2\.5 { + top: 0.625rem; } - .md\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .sm\:right-2\.5 { + right: 0.625rem; } - .md\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .sm\:bottom-2\.5 { + bottom: 0.625rem; } - .md\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .sm\:left-2\.5 { + left: 0.625rem; } - .md\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .sm\:top-3\.5 { + top: 0.875rem; } - .md\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .sm\:right-3\.5 { + right: 0.875rem; } - .md\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .sm\:bottom-3\.5 { + bottom: 0.875rem; } - .md\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .sm\:left-3\.5 { + left: 0.875rem; } - .md\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .sm\:-top-1 { + top: -0.25rem; } - .md\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .sm\:-right-1 { + right: -0.25rem; } - .md\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .sm\:-bottom-1 { + bottom: -0.25rem; } - .md\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .sm\:-left-1 { + left: -0.25rem; } - .md\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .sm\:-top-2 { + top: -0.5rem; } - .md\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .sm\:-right-2 { + right: -0.5rem; } - .md\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .sm\:-bottom-2 { + bottom: -0.5rem; } - .md\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .sm\:-left-2 { + left: -0.5rem; } - .md\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .sm\:-top-3 { + top: -0.75rem; } - .md\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .sm\:-right-3 { + right: -0.75rem; } - .md\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .sm\:-bottom-3 { + bottom: -0.75rem; } - .md\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .sm\:-left-3 { + left: -0.75rem; } - .md\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .sm\:-top-4 { + top: -1rem; } - .md\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .sm\:-right-4 { + right: -1rem; } - .md\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .sm\:-bottom-4 { + bottom: -1rem; } - .md\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .sm\:-left-4 { + left: -1rem; } - .md\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .sm\:-top-5 { + top: -1.25rem; } - .md\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .sm\:-right-5 { + right: -1.25rem; } - .md\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .sm\:-bottom-5 { + bottom: -1.25rem; } - .md\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .sm\:-left-5 { + left: -1.25rem; } - .md\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .sm\:-top-6 { + top: -1.5rem; } - .md\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .sm\:-right-6 { + right: -1.5rem; } - .md\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .sm\:-bottom-6 { + bottom: -1.5rem; } - .md\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .sm\:-left-6 { + left: -1.5rem; } - .md\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .sm\:-top-7 { + top: -1.75rem; } - .md\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .sm\:-right-7 { + right: -1.75rem; } - .md\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .sm\:-bottom-7 { + bottom: -1.75rem; } - .md\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .sm\:-left-7 { + left: -1.75rem; } - .md\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .sm\:-top-8 { + top: -2rem; } - .md\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .sm\:-right-8 { + right: -2rem; } - .md\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .sm\:-bottom-8 { + bottom: -2rem; } - .md\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .sm\:-left-8 { + left: -2rem; } - .md\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .sm\:-top-9 { + top: -2.25rem; } - .md\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .sm\:-right-9 { + right: -2.25rem; } - .md\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .sm\:-bottom-9 { + bottom: -2.25rem; } - @media (prefers-color-scheme: dark) { - .md\:dark\:placeholder-transparent::placeholder { - color: transparent; - } + .sm\:-left-9 { + left: -2.25rem; + } - .md\:dark\:placeholder-current::placeholder { - color: currentColor; - } + .sm\:-top-10 { + top: -2.5rem; + } - .md\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .sm\:-right-10 { + right: -2.5rem; + } - .md\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .sm\:-bottom-10 { + bottom: -2.5rem; + } - .md\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .sm\:-left-10 { + left: -2.5rem; + } - .md\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .sm\:-top-12 { + top: -3rem; + } - .md\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .sm\:-right-12 { + right: -3rem; + } - .md\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .sm\:-bottom-12 { + bottom: -3rem; + } - .md\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .sm\:-left-12 { + left: -3rem; + } - .md\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .sm\:-top-14 { + top: -3.5rem; + } - .md\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .sm\:-right-14 { + right: -3.5rem; + } - .md\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .sm\:-bottom-14 { + bottom: -3.5rem; + } - .md\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .sm\:-left-14 { + left: -3.5rem; + } - .md\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .sm\:-top-16 { + top: -4rem; + } - .md\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .sm\:-right-16 { + right: -4rem; + } - .md\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .sm\:-bottom-16 { + bottom: -4rem; + } - .md\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .sm\:-left-16 { + left: -4rem; + } - .md\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .sm\:-top-20 { + top: -5rem; + } - .md\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .sm\:-right-20 { + right: -5rem; + } - .md\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .sm\:-bottom-20 { + bottom: -5rem; + } - .md\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .sm\:-left-20 { + left: -5rem; + } - .md\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .sm\:-top-24 { + top: -6rem; + } - .md\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .sm\:-right-24 { + right: -6rem; + } - .md\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .sm\:-bottom-24 { + bottom: -6rem; + } - .md\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .sm\:-left-24 { + left: -6rem; + } - .md\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .sm\:-top-28 { + top: -7rem; + } - .md\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .sm\:-right-28 { + right: -7rem; + } - .md\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .sm\:-bottom-28 { + bottom: -7rem; + } - .md\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .sm\:-left-28 { + left: -7rem; + } - .md\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .sm\:-top-32 { + top: -8rem; + } - .md\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .sm\:-right-32 { + right: -8rem; + } - .md\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .sm\:-bottom-32 { + bottom: -8rem; + } - .md\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .sm\:-left-32 { + left: -8rem; + } - .md\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .sm\:-top-36 { + top: -9rem; + } - .md\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .sm\:-right-36 { + right: -9rem; + } - .md\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .sm\:-bottom-36 { + bottom: -9rem; + } - .md\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .sm\:-left-36 { + left: -9rem; + } - .md\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .sm\:-top-40 { + top: -10rem; + } - .md\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .sm\:-right-40 { + right: -10rem; + } - .md\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .sm\:-bottom-40 { + bottom: -10rem; + } - .md\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .sm\:-left-40 { + left: -10rem; + } - .md\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .sm\:-top-44 { + top: -11rem; + } - .md\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .sm\:-right-44 { + right: -11rem; + } - .md\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .sm\:-bottom-44 { + bottom: -11rem; + } - .md\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .sm\:-left-44 { + left: -11rem; + } - .md\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .sm\:-top-48 { + top: -12rem; + } - .md\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .sm\:-right-48 { + right: -12rem; + } - .md\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .sm\:-bottom-48 { + bottom: -12rem; + } - .md\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .sm\:-left-48 { + left: -12rem; + } - .md\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .sm\:-top-52 { + top: -13rem; + } - .md\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .sm\:-right-52 { + right: -13rem; + } - .md\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .sm\:-bottom-52 { + bottom: -13rem; + } - .md\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .sm\:-left-52 { + left: -13rem; + } - .md\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .sm\:-top-56 { + top: -14rem; + } - .md\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .sm\:-right-56 { + right: -14rem; + } - .md\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .sm\:-bottom-56 { + bottom: -14rem; + } - .md\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .sm\:-left-56 { + left: -14rem; + } - .md\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .sm\:-top-60 { + top: -15rem; + } - .md\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .sm\:-right-60 { + right: -15rem; + } - .md\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .sm\:-bottom-60 { + bottom: -15rem; + } - .md\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .sm\:-left-60 { + left: -15rem; + } - .md\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .sm\:-top-64 { + top: -16rem; + } - .md\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .sm\:-right-64 { + right: -16rem; + } - .md\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .sm\:-bottom-64 { + bottom: -16rem; + } - .md\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .sm\:-left-64 { + left: -16rem; + } - .md\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .sm\:-top-72 { + top: -18rem; + } - .md\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .sm\:-right-72 { + right: -18rem; + } - .md\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .sm\:-bottom-72 { + bottom: -18rem; + } - .md\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .sm\:-left-72 { + left: -18rem; + } - .md\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .sm\:-top-80 { + top: -20rem; + } - .md\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .sm\:-right-80 { + right: -20rem; + } - .md\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .sm\:-bottom-80 { + bottom: -20rem; + } - .md\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .sm\:-left-80 { + left: -20rem; + } - .md\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .sm\:-top-96 { + top: -24rem; + } - .md\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .sm\:-right-96 { + right: -24rem; + } - .md\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .sm\:-bottom-96 { + bottom: -24rem; + } - .md\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .sm\:-left-96 { + left: -24rem; + } - .md\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .sm\:-top-px { + top: -1px; + } - .md\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .sm\:-right-px { + right: -1px; + } - .md\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .sm\:-bottom-px { + bottom: -1px; + } - .md\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .sm\:-left-px { + left: -1px; + } - .md\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .sm\:-top-0\.5 { + top: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .sm\:-right-0\.5 { + right: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .sm\:-bottom-0\.5 { + bottom: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .sm\:-left-0\.5 { + left: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .sm\:-top-1\.5 { + top: -0.375rem; + } - .md\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .sm\:-right-1\.5 { + right: -0.375rem; + } - .md\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .sm\:-bottom-1\.5 { + bottom: -0.375rem; + } - .md\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .sm\:-left-1\.5 { + left: -0.375rem; + } - .md\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .sm\:-top-2\.5 { + top: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .sm\:-right-2\.5 { + right: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .sm\:-bottom-2\.5 { + bottom: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .sm\:-left-2\.5 { + left: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .sm\:-top-3\.5 { + top: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .sm\:-right-3\.5 { + right: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .sm\:-bottom-3\.5 { + bottom: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .sm\:-left-3\.5 { + left: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .sm\:top-1\/2 { + top: 50%; + } - .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .sm\:right-1\/2 { + right: 50%; + } - .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .sm\:bottom-1\/2 { + bottom: 50%; + } - .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .sm\:left-1\/2 { + left: 50%; + } - .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .sm\:top-1\/3 { + top: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .sm\:right-1\/3 { + right: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .sm\:bottom-1\/3 { + bottom: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .sm\:left-1\/3 { + left: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .sm\:top-2\/3 { + top: 66.666667%; + } - .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .sm\:right-2\/3 { + right: 66.666667%; + } - .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .sm\:bottom-2\/3 { + bottom: 66.666667%; + } - .md\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .sm\:left-2\/3 { + left: 66.666667%; + } - .md\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .sm\:top-1\/4 { + top: 25%; + } - .md\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .sm\:right-1\/4 { + right: 25%; + } - .md\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .sm\:bottom-1\/4 { + bottom: 25%; + } - .md\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .sm\:left-1\/4 { + left: 25%; + } - .md\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .sm\:top-2\/4 { + top: 50%; + } - .md\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .sm\:right-2\/4 { + right: 50%; + } - .md\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .sm\:bottom-2\/4 { + bottom: 50%; + } - .md\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .sm\:left-2\/4 { + left: 50%; + } - .md\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .sm\:top-3\/4 { + top: 75%; + } - .md\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .sm\:right-3\/4 { + right: 75%; + } - .md\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .sm\:bottom-3\/4 { + bottom: 75%; + } - .md\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .sm\:left-3\/4 { + left: 75%; + } - .md\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .sm\:top-full { + top: 100%; + } - .md\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .sm\:right-full { + right: 100%; + } - .md\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .sm\:bottom-full { + bottom: 100%; + } - .md\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .sm\:left-full { + left: 100%; + } - .md\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .sm\:-top-1\/2 { + top: -50%; + } - .md\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .sm\:-right-1\/2 { + right: -50%; + } - .md\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .sm\:-bottom-1\/2 { + bottom: -50%; + } - .md\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .sm\:-left-1\/2 { + left: -50%; + } - .md\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .sm\:-top-1\/3 { + top: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .sm\:-right-1\/3 { + right: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .sm\:-bottom-1\/3 { + bottom: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .sm\:-left-1\/3 { + left: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .sm\:-top-2\/3 { + top: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .sm\:-right-2\/3 { + right: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .sm\:-bottom-2\/3 { + bottom: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .sm\:-left-2\/3 { + left: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .sm\:-top-1\/4 { + top: -25%; + } - .md\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .sm\:-right-1\/4 { + right: -25%; + } - .md\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .sm\:-bottom-1\/4 { + bottom: -25%; + } - .md\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .sm\:-left-1\/4 { + left: -25%; + } - .md\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .sm\:-top-2\/4 { + top: -50%; + } - .md\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .sm\:-right-2\/4 { + right: -50%; + } - .md\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .sm\:-bottom-2\/4 { + bottom: -50%; + } - .md\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .sm\:-left-2\/4 { + left: -50%; + } - .md\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .sm\:-top-3\/4 { + top: -75%; + } - .md\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .sm\:-right-3\/4 { + right: -75%; + } - .md\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .sm\:-bottom-3\/4 { + bottom: -75%; } - .md\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .sm\:-left-3\/4 { + left: -75%; } - .md\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .sm\:-top-full { + top: -100%; } - .md\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .sm\:-right-full { + right: -100%; } - .md\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .sm\:-bottom-full { + bottom: -100%; } - .md\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .sm\:-left-full { + left: -100%; } - .md\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .sm\:resize-none { + resize: none; } - .md\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .sm\:resize-y { + resize: vertical; } - .md\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .sm\:resize-x { + resize: horizontal; } - .md\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .sm\:resize { + resize: both; } - .md\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pointer-events-none { - pointer-events: none; + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pointer-events-auto { - pointer-events: auto; + .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\:static { - position: static; + .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\:fixed { - position: fixed; + .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\:absolute { - position: absolute; + .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\:relative { - position: relative; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:sticky { - position: sticky; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .sm\:shadow-none { + box-shadow: none; } - .md\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .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\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .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\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .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\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .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\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .sm\:hover\:shadow-none:hover { + box-shadow: none; } - .md\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .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\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .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\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .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\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .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\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .sm\:focus\:shadow-none:focus { + box-shadow: none; } - .md\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .sm\:fill-current { + fill: currentColor; } - .md\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .sm\:stroke-current { + stroke: currentColor; } - .md\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .sm\:stroke-0 { + stroke-width: 0; } - .md\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .sm\:stroke-1 { + stroke-width: 1; } - .md\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .sm\:stroke-2 { + stroke-width: 2; } - .md\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .sm\:table-auto { + table-layout: auto; } - .md\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .sm\:table-fixed { + table-layout: fixed; } - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .sm\:text-left { + text-align: left; } - .md\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .sm\:text-center { + text-align: center; } - .md\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .sm\:text-right { + text-align: right; } - .md\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .sm\:text-justify { + text-align: justify; } - .md\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .sm\:text-transparent { + color: transparent; } - .md\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .sm\:text-current { + color: currentColor; } - .md\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .sm\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .sm\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .sm\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .sm\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .sm\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .sm\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .sm\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .sm\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .sm\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .sm\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .sm\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .sm\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .md\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .sm\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .sm\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .sm\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .sm\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .sm\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .sm\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .sm\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .sm\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .sm\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .sm\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .sm\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .sm\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .sm\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .sm\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .sm\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .sm\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .sm\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .sm\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .sm\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .sm\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .sm\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .sm\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .sm\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .sm\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .sm\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .sm\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .sm\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .sm\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .sm\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .sm\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .sm\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .sm\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .sm\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .sm\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .sm\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:inset-y-0 { - top: 0; - bottom: 0; + .sm\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:inset-x-0 { - right: 0; - left: 0; + .sm\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .sm\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .sm\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .sm\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .sm\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .sm\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .sm\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .sm\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:inset-x-4 { - right: 1rem; - left: 1rem; + .sm\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .sm\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .sm\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .sm\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .sm\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .sm\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .sm\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .sm\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:inset-x-8 { - right: 2rem; - left: 2rem; + .sm\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .sm\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .sm\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .sm\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .sm\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .sm\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:inset-x-12 { - right: 3rem; - left: 3rem; + .sm\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .sm\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .group:hover .sm\:group-hover\:text-transparent { + color: transparent; } - .md\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .group:hover .sm\:group-hover\:text-current { + color: currentColor; } - .md\:inset-x-16 { - right: 4rem; - left: 4rem; + .group:hover .sm\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .group:hover .sm\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:inset-x-20 { - right: 5rem; - left: 5rem; + .group:hover .sm\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .group:hover .sm\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:inset-x-24 { - right: 6rem; - left: 6rem; + .group:hover .sm\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .group:hover .sm\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:inset-x-28 { - right: 7rem; - left: 7rem; + .group:hover .sm\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .group:hover .sm\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:inset-x-32 { - right: 8rem; - left: 8rem; + .group:hover .sm\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .group:hover .sm\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:inset-x-36 { - right: 9rem; - left: 9rem; + .group:hover .sm\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .group:hover .sm\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } + + .group:hover .sm\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:inset-x-40 { - right: 10rem; - left: 10rem; + .group:hover .sm\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .group:hover .sm\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:inset-x-44 { - right: 11rem; - left: 11rem; + .group:hover .sm\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .group:hover .sm\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:inset-x-48 { - right: 12rem; - left: 12rem; + .group:hover .sm\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .group:hover .sm\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:inset-x-52 { - right: 13rem; - left: 13rem; + .group:hover .sm\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .group:hover .sm\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:inset-x-56 { - right: 14rem; - left: 14rem; + .group:hover .sm\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .group:hover .sm\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:inset-x-60 { - right: 15rem; - left: 15rem; + .group:hover .sm\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .group:hover .sm\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:inset-x-64 { - right: 16rem; - left: 16rem; + .group:hover .sm\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .group:hover .sm\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:inset-x-72 { - right: 18rem; - left: 18rem; + .group:hover .sm\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .group:hover .sm\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:inset-x-80 { - right: 20rem; - left: 20rem; + .group:hover .sm\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .group:hover .sm\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:inset-x-96 { - right: 24rem; - left: 24rem; + .group:hover .sm\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:inset-y-auto { - top: auto; - bottom: auto; + .group:hover .sm\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:inset-x-auto { - right: auto; - left: auto; + .group:hover .sm\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:inset-y-px { - top: 1px; - bottom: 1px; + .group:hover .sm\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:inset-x-px { - right: 1px; - left: 1px; + .group:hover .sm\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .group:hover .sm\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .group:hover .sm\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .group:hover .sm\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .group:hover .sm\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .group:hover .sm\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .group:hover .sm\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .group:hover .sm\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .group:hover .sm\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .group:hover .sm\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .group:hover .sm\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .group:hover .sm\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .group:hover .sm\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .group:hover .sm\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .group:hover .sm\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .group:hover .sm\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:-inset-x-4 { - right: -1rem; - left: -1rem; + .group:hover .sm\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .group:hover .sm\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .group:hover .sm\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .group:hover .sm\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .group:hover .sm\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .group:hover .sm\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .group:hover .sm\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .group:hover .sm\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:-inset-x-8 { - right: -2rem; - left: -2rem; + .group:hover .sm\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .group:hover .sm\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .group:hover .sm\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .group:hover .sm\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .group:hover .sm\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .group:hover .sm\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:-inset-x-12 { - right: -3rem; - left: -3rem; + .group:hover .sm\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .group:hover .sm\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .group:hover .sm\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .group:hover .sm\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:-inset-x-16 { - right: -4rem; - left: -4rem; + .group:hover .sm\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .group:hover .sm\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:-inset-x-20 { - right: -5rem; - left: -5rem; + .group:hover .sm\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .sm\:hover\:text-transparent:hover { + color: transparent; } - .md\:-inset-x-24 { - right: -6rem; - left: -6rem; + .sm\:hover\:text-current:hover { + color: currentColor; } - .md\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .sm\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:-inset-x-28 { - right: -7rem; - left: -7rem; + .sm\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .sm\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:-inset-x-32 { - right: -8rem; - left: -8rem; + .sm\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .sm\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:-inset-x-36 { - right: -9rem; - left: -9rem; + .sm\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .sm\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:-inset-x-40 { - right: -10rem; - left: -10rem; + .sm\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .sm\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:-inset-x-44 { - right: -11rem; - left: -11rem; + .sm\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .sm\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:-inset-x-48 { - right: -12rem; - left: -12rem; + .sm\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .md\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .sm\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:-inset-x-52 { - right: -13rem; - left: -13rem; + .sm\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .sm\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:-inset-x-56 { - right: -14rem; - left: -14rem; + .sm\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .sm\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:-inset-x-60 { - right: -15rem; - left: -15rem; + .sm\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .sm\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:-inset-x-64 { - right: -16rem; - left: -16rem; + .sm\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .sm\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:-inset-x-72 { - right: -18rem; - left: -18rem; + .sm\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .sm\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:-inset-x-80 { - right: -20rem; - left: -20rem; + .sm\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .sm\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:-inset-x-96 { - right: -24rem; - left: -24rem; + .sm\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:-inset-y-px { - top: -1px; - bottom: -1px; + .sm\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:-inset-x-px { - right: -1px; - left: -1px; + .sm\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .sm\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .sm\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .sm\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .sm\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .sm\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .sm\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .sm\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .sm\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .sm\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:inset-x-1\/2 { - right: 50%; - left: 50%; + .sm\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .sm\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .sm\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .sm\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .sm\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .sm\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:inset-x-1\/4 { - right: 25%; - left: 25%; + .sm\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .sm\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:inset-x-2\/4 { - right: 50%; - left: 50%; + .sm\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .sm\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:inset-x-3\/4 { - right: 75%; - left: 75%; + .sm\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:inset-y-full { - top: 100%; - bottom: 100%; + .sm\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:inset-x-full { - right: 100%; - left: 100%; + .sm\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .sm\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .sm\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .sm\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .sm\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .sm\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .sm\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .sm\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .sm\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .sm\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .sm\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .sm\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .sm\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:-inset-y-full { - top: -100%; - bottom: -100%; + .sm\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:-inset-x-full { - right: -100%; - left: -100%; + .sm\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:top-0 { - top: 0; + .sm\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:right-0 { - right: 0; + .sm\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:bottom-0 { - bottom: 0; + .sm\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:left-0 { - left: 0; + .sm\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:top-1 { - top: 0.25rem; + .sm\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:right-1 { - right: 0.25rem; + .sm\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:bottom-1 { - bottom: 0.25rem; + .sm\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:left-1 { - left: 0.25rem; + .sm\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:top-2 { - top: 0.5rem; + .sm\:focus\:text-transparent:focus { + color: transparent; } - .md\:right-2 { - right: 0.5rem; + .sm\:focus\:text-current:focus { + color: currentColor; } - .md\:bottom-2 { - bottom: 0.5rem; + .sm\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:left-2 { - left: 0.5rem; + .sm\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:top-3 { - top: 0.75rem; + .sm\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:right-3 { - right: 0.75rem; + .sm\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:bottom-3 { - bottom: 0.75rem; + .sm\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:left-3 { - left: 0.75rem; + .sm\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:top-4 { - top: 1rem; + .sm\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:right-4 { - right: 1rem; + .sm\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:bottom-4 { - bottom: 1rem; + .sm\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:left-4 { - left: 1rem; + .sm\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:top-5 { - top: 1.25rem; + .sm\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:right-5 { - right: 1.25rem; + .sm\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .md\:bottom-5 { - bottom: 1.25rem; + .sm\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:left-5 { - left: 1.25rem; + .sm\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:top-6 { - top: 1.5rem; + .sm\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:right-6 { - right: 1.5rem; + .sm\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:bottom-6 { - bottom: 1.5rem; + .sm\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:left-6 { - left: 1.5rem; + .sm\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:top-7 { - top: 1.75rem; + .sm\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:right-7 { - right: 1.75rem; + .sm\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:bottom-7 { - bottom: 1.75rem; + .sm\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:left-7 { - left: 1.75rem; + .sm\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:top-8 { - top: 2rem; + .sm\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:right-8 { - right: 2rem; + .sm\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:bottom-8 { - bottom: 2rem; + .sm\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:left-8 { - left: 2rem; + .sm\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:top-9 { - top: 2.25rem; + .sm\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:right-9 { - right: 2.25rem; + .sm\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:bottom-9 { - bottom: 2.25rem; + .sm\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:left-9 { - left: 2.25rem; + .sm\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:top-10 { - top: 2.5rem; + .sm\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:right-10 { - right: 2.5rem; + .sm\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:bottom-10 { - bottom: 2.5rem; + .sm\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:left-10 { - left: 2.5rem; + .sm\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:top-12 { - top: 3rem; + .sm\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:right-12 { - right: 3rem; + .sm\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:bottom-12 { - bottom: 3rem; + .sm\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:left-12 { - left: 3rem; + .sm\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:top-14 { - top: 3.5rem; + .sm\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:right-14 { - right: 3.5rem; + .sm\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:bottom-14 { - bottom: 3.5rem; + .sm\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:left-14 { - left: 3.5rem; + .sm\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:top-16 { - top: 4rem; + .sm\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:right-16 { - right: 4rem; + .sm\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:bottom-16 { - bottom: 4rem; + .sm\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:left-16 { - left: 4rem; + .sm\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:top-20 { - top: 5rem; + .sm\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:right-20 { - right: 5rem; + .sm\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:bottom-20 { - bottom: 5rem; + .sm\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:left-20 { - left: 5rem; + .sm\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:top-24 { - top: 6rem; + .sm\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:right-24 { - right: 6rem; + .sm\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:bottom-24 { - bottom: 6rem; + .sm\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:left-24 { - left: 6rem; + .sm\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:top-28 { - top: 7rem; + .sm\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:right-28 { - right: 7rem; + .sm\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:bottom-28 { - bottom: 7rem; + .sm\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:left-28 { - left: 7rem; + .sm\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:top-32 { - top: 8rem; + .sm\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:right-32 { - right: 8rem; + .sm\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:bottom-32 { - bottom: 8rem; + .sm\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:left-32 { - left: 8rem; + .sm\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:top-36 { - top: 9rem; + .sm\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:right-36 { - right: 9rem; + .sm\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:bottom-36 { - bottom: 9rem; + .sm\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:left-36 { - left: 9rem; + .sm\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:top-40 { - top: 10rem; + .sm\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:right-40 { - right: 10rem; + .sm\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:bottom-40 { - bottom: 10rem; + .sm\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:left-40 { - left: 10rem; + .sm\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:top-44 { - top: 11rem; + .sm\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:right-44 { - right: 11rem; + .sm\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:bottom-44 { - bottom: 11rem; + .sm\:text-opacity-0 { + --text-opacity: 0; } - .md\:left-44 { - left: 11rem; + .sm\:text-opacity-25 { + --text-opacity: 0.25; } - .md\:top-48 { - top: 12rem; + .sm\:text-opacity-50 { + --text-opacity: 0.5; } - .md\:right-48 { - right: 12rem; + .sm\:text-opacity-75 { + --text-opacity: 0.75; } - .md\:bottom-48 { - bottom: 12rem; + .sm\:text-opacity-100 { + --text-opacity: 1; } - .md\:left-48 { - left: 12rem; + .group:hover .sm\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .md\:top-52 { - top: 13rem; + .group:hover .sm\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .md\:right-52 { - right: 13rem; + .group:hover .sm\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .md\:bottom-52 { - bottom: 13rem; + .group:hover .sm\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .md\:left-52 { - left: 13rem; + .group:hover .sm\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .md\:top-56 { - top: 14rem; + .sm\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .md\:right-56 { - right: 14rem; + .sm\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .md\:bottom-56 { - bottom: 14rem; + .sm\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .md\:left-56 { - left: 14rem; + .sm\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .md\:top-60 { - top: 15rem; + .sm\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .md\:right-60 { - right: 15rem; + .sm\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .md\:bottom-60 { - bottom: 15rem; + .sm\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .md\:left-60 { - left: 15rem; + .sm\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .md\:top-64 { - top: 16rem; + .sm\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .md\:right-64 { - right: 16rem; + .sm\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .md\:bottom-64 { - bottom: 16rem; + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:left-64 { - left: 16rem; + .sm\:overflow-ellipsis { + text-overflow: ellipsis; } - .md\:top-72 { - top: 18rem; + .sm\:overflow-clip { + text-overflow: clip; } - .md\:right-72 { - right: 18rem; + .sm\:italic { + font-style: italic; } - .md\:bottom-72 { - bottom: 18rem; + .sm\:not-italic { + font-style: normal; } - .md\:left-72 { - left: 18rem; + .sm\:uppercase { + text-transform: uppercase; } - .md\:top-80 { - top: 20rem; + .sm\:lowercase { + text-transform: lowercase; } - .md\:right-80 { - right: 20rem; + .sm\:capitalize { + text-transform: capitalize; } - .md\:bottom-80 { - bottom: 20rem; + .sm\:normal-case { + text-transform: none; } - .md\:left-80 { - left: 20rem; + .sm\:underline { + text-decoration: underline; } - .md\:top-96 { - top: 24rem; + .sm\:line-through { + text-decoration: line-through; } - .md\:right-96 { - right: 24rem; + .sm\:no-underline { + text-decoration: none; } - .md\:bottom-96 { - bottom: 24rem; + .sm\:hover\:underline:hover { + text-decoration: underline; } - .md\:left-96 { - left: 24rem; + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:top-auto { - top: auto; + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .md\:right-auto { - right: auto; + .sm\:focus\:underline:focus { + text-decoration: underline; } - .md\:bottom-auto { - bottom: auto; + .sm\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:left-auto { - left: auto; + .sm\:focus\:no-underline:focus { + text-decoration: none; } - .md\:top-px { - top: 1px; + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:right-px { - right: 1px; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:bottom-px { - bottom: 1px; + .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .md\:left-px { - left: 1px; + .sm\:normal-nums { + font-variant-numeric: normal; } - .md\:top-0\.5 { - top: 0.125rem; + .sm\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .md\:right-0\.5 { - right: 0.125rem; + .sm\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .md\:bottom-0\.5 { - bottom: 0.125rem; + .sm\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .md\:left-0\.5 { - left: 0.125rem; + .sm\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .md\:top-1\.5 { - top: 0.375rem; + .sm\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .md\:right-1\.5 { - right: 0.375rem; + .sm\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .md\:bottom-1\.5 { - bottom: 0.375rem; + .sm\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .md\:left-1\.5 { - left: 0.375rem; + .sm\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .md\:top-2\.5 { - top: 0.625rem; + .sm\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:right-2\.5 { - right: 0.625rem; + .sm\:tracking-tight { + letter-spacing: -0.025em; } - .md\:bottom-2\.5 { - bottom: 0.625rem; + .sm\:tracking-normal { + letter-spacing: 0; } - .md\:left-2\.5 { - left: 0.625rem; + .sm\:tracking-wide { + letter-spacing: 0.025em; } - .md\:top-3\.5 { - top: 0.875rem; + .sm\:tracking-wider { + letter-spacing: 0.05em; } - .md\:right-3\.5 { - right: 0.875rem; + .sm\:tracking-widest { + letter-spacing: 0.1em; } - .md\:bottom-3\.5 { - bottom: 0.875rem; + .sm\:select-none { + user-select: none; } - .md\:left-3\.5 { - left: 0.875rem; + .sm\:select-text { + user-select: text; } - .md\:-top-1 { - top: -0.25rem; + .sm\:select-all { + user-select: all; } - .md\:-right-1 { - right: -0.25rem; + .sm\:select-auto { + user-select: auto; } - .md\:-bottom-1 { - bottom: -0.25rem; + .sm\:align-baseline { + vertical-align: baseline; } - .md\:-left-1 { - left: -0.25rem; + .sm\:align-top { + vertical-align: top; } - .md\:-top-2 { - top: -0.5rem; + .sm\:align-middle { + vertical-align: middle; } - .md\:-right-2 { - right: -0.5rem; + .sm\:align-bottom { + vertical-align: bottom; } - .md\:-bottom-2 { - bottom: -0.5rem; + .sm\:align-text-top { + vertical-align: text-top; } - .md\:-left-2 { - left: -0.5rem; + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .md\:-top-3 { - top: -0.75rem; + .sm\:visible { + visibility: visible; } - .md\:-right-3 { - right: -0.75rem; + .sm\:invisible { + visibility: hidden; } - .md\:-bottom-3 { - bottom: -0.75rem; + .sm\:whitespace-normal { + white-space: normal; } - .md\:-left-3 { - left: -0.75rem; + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .md\:-top-4 { - top: -1rem; + .sm\:whitespace-pre { + white-space: pre; } - .md\:-right-4 { - right: -1rem; + .sm\:whitespace-pre-line { + white-space: pre-line; } - .md\:-bottom-4 { - bottom: -1rem; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:-left-4 { - left: -1rem; + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .md\:-top-5 { - top: -1.25rem; + .sm\:break-words { + overflow-wrap: break-word; } - .md\:-right-5 { - right: -1.25rem; + .sm\:break-all { + word-break: break-all; } - .md\:-bottom-5 { - bottom: -1.25rem; + .sm\:w-0 { + width: 0; } - .md\:-left-5 { - left: -1.25rem; + .sm\:w-1 { + width: 0.25rem; } - .md\:-top-6 { - top: -1.5rem; + .sm\:w-2 { + width: 0.5rem; } - .md\:-right-6 { - right: -1.5rem; + .sm\:w-3 { + width: 0.75rem; } - .md\:-bottom-6 { - bottom: -1.5rem; + .sm\:w-4 { + width: 1rem; } - .md\:-left-6 { - left: -1.5rem; + .sm\:w-5 { + width: 1.25rem; } - .md\:-top-7 { - top: -1.75rem; + .sm\:w-6 { + width: 1.5rem; } - .md\:-right-7 { - right: -1.75rem; + .sm\:w-7 { + width: 1.75rem; } - .md\:-bottom-7 { - bottom: -1.75rem; + .sm\:w-8 { + width: 2rem; } - .md\:-left-7 { - left: -1.75rem; + .sm\:w-9 { + width: 2.25rem; } - .md\:-top-8 { - top: -2rem; + .sm\:w-10 { + width: 2.5rem; } - .md\:-right-8 { - right: -2rem; + .sm\:w-12 { + width: 3rem; } - .md\:-bottom-8 { - bottom: -2rem; + .sm\:w-14 { + width: 3.5rem; } - .md\:-left-8 { - left: -2rem; + .sm\:w-16 { + width: 4rem; } - .md\:-top-9 { - top: -2.25rem; + .sm\:w-20 { + width: 5rem; } - .md\:-right-9 { - right: -2.25rem; + .sm\:w-24 { + width: 6rem; } - .md\:-bottom-9 { - bottom: -2.25rem; + .sm\:w-28 { + width: 7rem; } - .md\:-left-9 { - left: -2.25rem; + .sm\:w-32 { + width: 8rem; } - .md\:-top-10 { - top: -2.5rem; + .sm\:w-36 { + width: 9rem; } - .md\:-right-10 { - right: -2.5rem; + .sm\:w-40 { + width: 10rem; } - .md\:-bottom-10 { - bottom: -2.5rem; + .sm\:w-44 { + width: 11rem; } - .md\:-left-10 { - left: -2.5rem; + .sm\:w-48 { + width: 12rem; } - .md\:-top-12 { - top: -3rem; + .sm\:w-52 { + width: 13rem; } - .md\:-right-12 { - right: -3rem; + .sm\:w-56 { + width: 14rem; } - .md\:-bottom-12 { - bottom: -3rem; + .sm\:w-60 { + width: 15rem; } - .md\:-left-12 { - left: -3rem; + .sm\:w-64 { + width: 16rem; } - .md\:-top-14 { - top: -3.5rem; + .sm\:w-72 { + width: 18rem; } - .md\:-right-14 { - right: -3.5rem; + .sm\:w-80 { + width: 20rem; } - .md\:-bottom-14 { - bottom: -3.5rem; + .sm\:w-96 { + width: 24rem; } - .md\:-left-14 { - left: -3.5rem; + .sm\:w-auto { + width: auto; } - .md\:-top-16 { - top: -4rem; + .sm\:w-px { + width: 1px; } - .md\:-right-16 { - right: -4rem; + .sm\:w-0\.5 { + width: 0.125rem; } - .md\:-bottom-16 { - bottom: -4rem; + .sm\:w-1\.5 { + width: 0.375rem; } - .md\:-left-16 { - left: -4rem; + .sm\:w-2\.5 { + width: 0.625rem; } - .md\:-top-20 { - top: -5rem; + .sm\:w-3\.5 { + width: 0.875rem; } - .md\:-right-20 { - right: -5rem; + .sm\:w-1\/2 { + width: 50%; } - .md\:-bottom-20 { - bottom: -5rem; + .sm\:w-1\/3 { + width: 33.333333%; } - .md\:-left-20 { - left: -5rem; + .sm\:w-2\/3 { + width: 66.666667%; } - .md\:-top-24 { - top: -6rem; + .sm\:w-1\/4 { + width: 25%; } - .md\:-right-24 { - right: -6rem; + .sm\:w-2\/4 { + width: 50%; } - .md\:-bottom-24 { - bottom: -6rem; + .sm\:w-3\/4 { + width: 75%; } - .md\:-left-24 { - left: -6rem; + .sm\:w-1\/5 { + width: 20%; } - .md\:-top-28 { - top: -7rem; + .sm\:w-2\/5 { + width: 40%; } - .md\:-right-28 { - right: -7rem; + .sm\:w-3\/5 { + width: 60%; } - .md\:-bottom-28 { - bottom: -7rem; + .sm\:w-4\/5 { + width: 80%; } - .md\:-left-28 { - left: -7rem; + .sm\:w-1\/6 { + width: 16.666667%; } - .md\:-top-32 { - top: -8rem; + .sm\:w-2\/6 { + width: 33.333333%; } - .md\:-right-32 { - right: -8rem; + .sm\:w-3\/6 { + width: 50%; } - .md\:-bottom-32 { - bottom: -8rem; + .sm\:w-4\/6 { + width: 66.666667%; } - .md\:-left-32 { - left: -8rem; + .sm\:w-5\/6 { + width: 83.333333%; } - .md\:-top-36 { - top: -9rem; + .sm\:w-1\/12 { + width: 8.333333%; } - .md\:-right-36 { - right: -9rem; + .sm\:w-2\/12 { + width: 16.666667%; } - .md\:-bottom-36 { - bottom: -9rem; + .sm\:w-3\/12 { + width: 25%; } - .md\:-left-36 { - left: -9rem; + .sm\:w-4\/12 { + width: 33.333333%; } - .md\:-top-40 { - top: -10rem; + .sm\:w-5\/12 { + width: 41.666667%; } - .md\:-right-40 { - right: -10rem; + .sm\:w-6\/12 { + width: 50%; } - .md\:-bottom-40 { - bottom: -10rem; + .sm\:w-7\/12 { + width: 58.333333%; } - .md\:-left-40 { - left: -10rem; + .sm\:w-8\/12 { + width: 66.666667%; } - .md\:-top-44 { - top: -11rem; + .sm\:w-9\/12 { + width: 75%; } - .md\:-right-44 { - right: -11rem; + .sm\:w-10\/12 { + width: 83.333333%; } - .md\:-bottom-44 { - bottom: -11rem; + .sm\:w-11\/12 { + width: 91.666667%; } - .md\:-left-44 { - left: -11rem; + .sm\:w-full { + width: 100%; } - .md\:-top-48 { - top: -12rem; + .sm\:w-screen { + width: 100vw; } - .md\:-right-48 { - right: -12rem; + .sm\:w-min { + width: min-content; } - .md\:-bottom-48 { - bottom: -12rem; + .sm\:w-max { + width: max-content; } - .md\:-left-48 { - left: -12rem; + .sm\:z-0 { + z-index: 0; } - .md\:-top-52 { - top: -13rem; + .sm\:z-10 { + z-index: 10; } - .md\:-right-52 { - right: -13rem; + .sm\:z-20 { + z-index: 20; } - .md\:-bottom-52 { - bottom: -13rem; + .sm\:z-30 { + z-index: 30; } - .md\:-left-52 { - left: -13rem; + .sm\:z-40 { + z-index: 40; } - .md\:-top-56 { - top: -14rem; + .sm\:z-50 { + z-index: 50; } - .md\:-right-56 { - right: -14rem; + .sm\:z-auto { + z-index: auto; } - .md\:-bottom-56 { - bottom: -14rem; + .sm\:focus\:z-0:focus { + z-index: 0; } - .md\:-left-56 { - left: -14rem; + .sm\:focus\:z-10:focus { + z-index: 10; } - .md\:-top-60 { - top: -15rem; + .sm\:focus\:z-20:focus { + z-index: 20; } - .md\:-right-60 { - right: -15rem; + .sm\:focus\:z-30:focus { + z-index: 30; } - .md\:-bottom-60 { - bottom: -15rem; + .sm\:focus\:z-40:focus { + z-index: 40; } - .md\:-left-60 { - left: -15rem; + .sm\:focus\:z-50:focus { + z-index: 50; } - .md\:-top-64 { - top: -16rem; + .sm\:focus\:z-auto:focus { + z-index: auto; } - .md\:-right-64 { - right: -16rem; + .sm\:gap-0 { + grid-gap: 0; + gap: 0; } - .md\:-bottom-64 { - bottom: -16rem; + .sm\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .md\:-left-64 { - left: -16rem; + .sm\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .md\:-top-72 { - top: -18rem; + .sm\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .md\:-right-72 { - right: -18rem; + .sm\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .md\:-bottom-72 { - bottom: -18rem; + .sm\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .md\:-left-72 { - left: -18rem; + .sm\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .md\:-top-80 { - top: -20rem; + .sm\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .md\:-right-80 { - right: -20rem; + .sm\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .md\:-bottom-80 { - bottom: -20rem; + .sm\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .md\:-left-80 { - left: -20rem; + .sm\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .md\:-top-96 { - top: -24rem; + .sm\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .md\:-right-96 { - right: -24rem; + .sm\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .md\:-bottom-96 { - bottom: -24rem; + .sm\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .md\:-left-96 { - left: -24rem; + .sm\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .md\:-top-px { - top: -1px; + .sm\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .md\:-right-px { - right: -1px; + .sm\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .md\:-bottom-px { - bottom: -1px; + .sm\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .md\:-left-px { - left: -1px; + .sm\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .md\:-top-0\.5 { - top: -0.125rem; + .sm\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .md\:-right-0\.5 { - right: -0.125rem; + .sm\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .md\:-bottom-0\.5 { - bottom: -0.125rem; + .sm\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .md\:-left-0\.5 { - left: -0.125rem; + .sm\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .md\:-top-1\.5 { - top: -0.375rem; + .sm\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .md\:-right-1\.5 { - right: -0.375rem; + .sm\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .md\:-bottom-1\.5 { - bottom: -0.375rem; + .sm\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .md\:-left-1\.5 { - left: -0.375rem; + .sm\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .md\:-top-2\.5 { - top: -0.625rem; + .sm\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .md\:-right-2\.5 { - right: -0.625rem; + .sm\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .md\:-bottom-2\.5 { - bottom: -0.625rem; + .sm\:gap-px { + grid-gap: 1px; + gap: 1px; } - .md\:-left-2\.5 { - left: -0.625rem; + .sm\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .md\:-top-3\.5 { - top: -0.875rem; + .sm\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .md\:-right-3\.5 { - right: -0.875rem; + .sm\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .md\:-bottom-3\.5 { - bottom: -0.875rem; + .sm\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .md\:-left-3\.5 { - left: -0.875rem; + .sm\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .md\:top-1\/2 { - top: 50%; + .sm\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .md\:right-1\/2 { - right: 50%; + .sm\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .md\:bottom-1\/2 { - bottom: 50%; + .sm\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .md\:left-1\/2 { - left: 50%; + .sm\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .md\:top-1\/3 { - top: 33.333333%; + .sm\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .md\:right-1\/3 { - right: 33.333333%; + .sm\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .md\:bottom-1\/3 { - bottom: 33.333333%; + .sm\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .md\:left-1\/3 { - left: 33.333333%; + .sm\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .md\:top-2\/3 { - top: 66.666667%; + .sm\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .md\:right-2\/3 { - right: 66.666667%; + .sm\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .md\:bottom-2\/3 { - bottom: 66.666667%; + .sm\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .md\:left-2\/3 { - left: 66.666667%; + .sm\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .md\:top-1\/4 { - top: 25%; + .sm\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .md\:right-1\/4 { - right: 25%; + .sm\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .md\:bottom-1\/4 { - bottom: 25%; + .sm\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .md\:left-1\/4 { - left: 25%; + .sm\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - - .md\:top-2\/4 { - top: 50%; + + .sm\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .md\:right-2\/4 { - right: 50%; + .sm\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .md\:bottom-2\/4 { - bottom: 50%; + .sm\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .md\:left-2\/4 { - left: 50%; + .sm\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .md\:top-3\/4 { - top: 75%; + .sm\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .md\:right-3\/4 { - right: 75%; + .sm\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .md\:bottom-3\/4 { - bottom: 75%; + .sm\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .md\:left-3\/4 { - left: 75%; + .sm\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .md\:top-full { - top: 100%; + .sm\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .md\:right-full { - right: 100%; + .sm\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .md\:bottom-full { - bottom: 100%; + .sm\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .md\:left-full { - left: 100%; + .sm\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .md\:-top-1\/2 { - top: -50%; + .sm\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .md\:-right-1\/2 { - right: -50%; + .sm\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .md\:-bottom-1\/2 { - bottom: -50%; + .sm\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .md\:-left-1\/2 { - left: -50%; + .sm\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .md\:-top-1\/3 { - top: -33.333333%; + .sm\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .md\:-right-1\/3 { - right: -33.333333%; + .sm\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .md\:-bottom-1\/3 { - bottom: -33.333333%; + .sm\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .md\:-left-1\/3 { - left: -33.333333%; + .sm\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .md\:-top-2\/3 { - top: -66.666667%; + .sm\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .md\:-right-2\/3 { - right: -66.666667%; + .sm\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .md\:-bottom-2\/3 { - bottom: -66.666667%; + .sm\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .md\:-left-2\/3 { - left: -66.666667%; + .sm\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .md\:-top-1\/4 { - top: -25%; + .sm\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .md\:-right-1\/4 { - right: -25%; + .sm\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .md\:-bottom-1\/4 { - bottom: -25%; + .sm\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .md\:-left-1\/4 { - left: -25%; + .sm\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .md\:-top-2\/4 { - top: -50%; + .sm\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .md\:-right-2\/4 { - right: -50%; + .sm\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .md\:-bottom-2\/4 { - bottom: -50%; + .sm\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .md\:-left-2\/4 { - left: -50%; + .sm\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .md\:-top-3\/4 { - top: -75%; + .sm\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .md\:-right-3\/4 { - right: -75%; + .sm\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .md\:-bottom-3\/4 { - bottom: -75%; + .sm\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .md\:-left-3\/4 { - left: -75%; + .sm\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .md\:-top-full { - top: -100%; + .sm\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .md\:-right-full { - right: -100%; + .sm\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .md\:-bottom-full { - bottom: -100%; + .sm\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .md\:-left-full { - left: -100%; + .sm\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .md\:resize-none { - resize: none; + .sm\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .md\:resize-y { - resize: vertical; + .sm\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .md\:resize-x { - resize: horizontal; + .sm\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .md\:resize { - resize: both; + .sm\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .sm\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .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); + .sm\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .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); + .sm\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .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); + .sm\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:grid-flow-row { + grid-auto-flow: row; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:grid-flow-col { + grid-auto-flow: column; } - .md\:shadow-none { - box-shadow: none; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .md\:hover\:shadow-none:hover { - box-shadow: none; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-none { + grid-template-columns: none; } - .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); + .sm\:auto-cols-auto { + grid-auto-columns: auto; } - .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); + .sm\:auto-cols-min { + grid-auto-columns: min-content; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:auto-cols-max { + grid-auto-columns: max-content; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:col-auto { + grid-column: auto; } - .md\:focus\:shadow-none:focus { - box-shadow: none; + .sm\:col-span-1 { + grid-column: span 1 / span 1; } - .md\:fill-current { - fill: currentColor; + .sm\:col-span-2 { + grid-column: span 2 / span 2; } - .md\:stroke-current { - stroke: currentColor; + .sm\:col-span-3 { + grid-column: span 3 / span 3; } - .md\:stroke-0 { - stroke-width: 0; + .sm\:col-span-4 { + grid-column: span 4 / span 4; } - .md\:stroke-1 { - stroke-width: 1; + .sm\:col-span-5 { + grid-column: span 5 / span 5; } - .md\:stroke-2 { - stroke-width: 2; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .md\:table-auto { - table-layout: auto; + .sm\:col-span-7 { + grid-column: span 7 / span 7; } - .md\:table-fixed { - table-layout: fixed; + .sm\:col-span-8 { + grid-column: span 8 / span 8; } - .md\:text-left { - text-align: left; + .sm\:col-span-9 { + grid-column: span 9 / span 9; } - .md\:text-center { - text-align: center; + .sm\:col-span-10 { + grid-column: span 10 / span 10; } - .md\:text-right { - text-align: right; + .sm\:col-span-11 { + grid-column: span 11 / span 11; } - .md\:text-justify { - text-align: justify; + .sm\:col-span-12 { + grid-column: span 12 / span 12; } - .md\:text-transparent { - color: transparent; + .sm\:col-span-full { + grid-column: 1 / -1; } - .md\:text-current { - color: currentColor; + .sm\:col-start-1 { + grid-column-start: 1; } - .md\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:col-start-2 { + grid-column-start: 2; } - .md\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:col-start-3 { + grid-column-start: 3; } - .md\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:col-start-4 { + grid-column-start: 4; } - .md\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:col-start-5 { + grid-column-start: 5; } - .md\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:col-start-6 { + grid-column-start: 6; } - .md\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:col-start-7 { + grid-column-start: 7; } - .md\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:col-start-8 { + grid-column-start: 8; } - .md\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:col-start-9 { + grid-column-start: 9; } - .md\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:col-start-10 { + grid-column-start: 10; } - .md\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:col-start-11 { + grid-column-start: 11; } - .md\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:col-start-12 { + grid-column-start: 12; } - .md\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:col-start-13 { + grid-column-start: 13; } - .md\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:col-start-auto { + grid-column-start: auto; } - .md\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:col-end-1 { + grid-column-end: 1; } - .md\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:col-end-2 { + grid-column-end: 2; } - .md\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:col-end-3 { + grid-column-end: 3; } - .md\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:col-end-4 { + grid-column-end: 4; } - .md\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:col-end-5 { + grid-column-end: 5; } - .md\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:col-end-6 { + grid-column-end: 6; } - .md\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:col-end-7 { + grid-column-end: 7; } - .md\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:col-end-8 { + grid-column-end: 8; } - .md\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:col-end-9 { + grid-column-end: 9; } - .md\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:col-end-10 { + grid-column-end: 10; } - .md\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:col-end-11 { + grid-column-end: 11; } - .md\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:col-end-12 { + grid-column-end: 12; } - .md\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:col-end-13 { + grid-column-end: 13; } - .md\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:col-end-auto { + grid-column-end: auto; } - .md\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .md\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .md\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .md\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .md\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .md\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .md\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:grid-rows-none { + grid-template-rows: none; } - .md\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:auto-rows-auto { + grid-auto-rows: auto; } - .md\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:auto-rows-min { + grid-auto-rows: min-content; } - .md\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:auto-rows-max { + grid-auto-rows: max-content; } - .md\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .md\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:row-auto { + grid-row: auto; } - .md\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:row-span-1 { + grid-row: span 1 / span 1; } - .md\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:row-span-2 { + grid-row: span 2 / span 2; } - .md\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:row-span-3 { + grid-row: span 3 / span 3; } - .md\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:row-span-4 { + grid-row: span 4 / span 4; } - .md\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:row-span-5 { + grid-row: span 5 / span 5; } - .md\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:row-span-6 { + grid-row: span 6 / span 6; } - .md\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:row-span-full { + grid-row: 1 / -1; } - .md\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:row-start-1 { + grid-row-start: 1; } - .md\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:row-start-2 { + grid-row-start: 2; } - .md\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:row-start-3 { + grid-row-start: 3; } - .md\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:row-start-4 { + grid-row-start: 4; } - .md\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:row-start-5 { + grid-row-start: 5; } - .md\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:row-start-6 { + grid-row-start: 6; } - .md\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:row-start-7 { + grid-row-start: 7; } - .md\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:row-start-auto { + grid-row-start: auto; } - .md\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:row-end-1 { + grid-row-end: 1; } - .md\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:row-end-2 { + grid-row-end: 2; } - .md\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:row-end-3 { + grid-row-end: 3; } - .md\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:row-end-4 { + grid-row-end: 4; } - .md\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:row-end-5 { + grid-row-end: 5; } - .md\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:row-end-6 { + grid-row-end: 6; } - .md\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:row-end-7 { + grid-row-end: 7; } - .md\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:row-end-auto { + grid-row-end: auto; } - .md\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-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)); } - .md\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:transform-none { + transform: none; } - .md\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:origin-center { + transform-origin: center; } - .md\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:origin-top { + transform-origin: top; } - .md\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:origin-top-right { + transform-origin: top right; } - .md\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:origin-right { + transform-origin: right; } - .md\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:origin-bottom-right { + transform-origin: bottom right; } - .md\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:origin-bottom { + transform-origin: bottom; } - .md\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:origin-bottom-left { + transform-origin: bottom left; } - .group:hover .md\:group-hover\:text-transparent { - color: transparent; + .sm\:origin-left { + transform-origin: left; } - .group:hover .md\:group-hover\:text-current { - color: currentColor; + .sm\:origin-top-left { + transform-origin: top left; } - .group:hover .md\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:scale-x-0 { + --transform-scale-x: 0; } - .group:hover .md\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:scale-x-50 { + --transform-scale-x: .5; } - .group:hover .md\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:scale-x-75 { + --transform-scale-x: .75; } - .group:hover .md\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:scale-x-90 { + --transform-scale-x: .9; } - .group:hover .md\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:scale-x-95 { + --transform-scale-x: .95; } - .group:hover .md\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:scale-x-100 { + --transform-scale-x: 1; } - .group:hover .md\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:scale-x-105 { + --transform-scale-x: 1.05; } - .group:hover .md\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:scale-x-110 { + --transform-scale-x: 1.1; } - .group:hover .md\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:scale-x-125 { + --transform-scale-x: 1.25; } - .group:hover .md\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:scale-x-150 { + --transform-scale-x: 1.5; } - .group:hover .md\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:scale-y-0 { + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:scale-y-50 { + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:scale-y-75 { + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:scale-y-90 { + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:scale-y-95 { + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:scale-y-100 { + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:scale-y-105 { + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:scale-y-110 { + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:scale-y-125 { + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:scale-y-150 { + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .group:hover .md\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .group:hover .md\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .group:hover .md\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .group:hover .md\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .group:hover .md\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .group:hover .md\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .group:hover .md\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .group:hover .md\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .group:hover .md\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .group:hover .md\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .group:hover .md\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .md\:hover\:text-transparent:hover { - color: transparent; + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .md\:hover\:text-current:hover { - color: currentColor; + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .md\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .md\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .md\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .md\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .md\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .md\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .md\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .md\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .md\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .md\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .md\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .md\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .md\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .md\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .md\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .md\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .md\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:rotate-0 { + --transform-rotate: 0; } - .md\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:rotate-1 { + --transform-rotate: 1deg; } - .md\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:rotate-2 { + --transform-rotate: 2deg; } - .md\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:rotate-3 { + --transform-rotate: 3deg; } - .md\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:rotate-6 { + --transform-rotate: 6deg; } - .md\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:rotate-12 { + --transform-rotate: 12deg; } - .md\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:rotate-45 { + --transform-rotate: 45deg; } - .md\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:rotate-90 { + --transform-rotate: 90deg; } - .md\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:rotate-180 { + --transform-rotate: 180deg; } - .md\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:-rotate-180 { + --transform-rotate: -180deg; } - .md\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:-rotate-90 { + --transform-rotate: -90deg; } - .md\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:-rotate-45 { + --transform-rotate: -45deg; } - .md\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:-rotate-12 { + --transform-rotate: -12deg; } - .md\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:-rotate-6 { + --transform-rotate: -6deg; } - .md\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:-rotate-3 { + --transform-rotate: -3deg; } - .md\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:-rotate-2 { + --transform-rotate: -2deg; } - .md\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:-rotate-1 { + --transform-rotate: -1deg; } - .md\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .md\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .md\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .md\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .md\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .md\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .md\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .md\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .md\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .md\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .md\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .md\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .md\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .md\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .md\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .md\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .md\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .md\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .md\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .md\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .md\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .md\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .md\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .md\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .md\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .md\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .md\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .md\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .md\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .md\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .sm\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .md\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .md\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .md\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .md\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - .md\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:translate-x-0 { + --transform-translate-x: 0; } - .md\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .md\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .md\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .md\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:translate-x-4 { + --transform-translate-x: 1rem; } - .md\:focus\:text-transparent:focus { - color: transparent; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .md\:focus\:text-current:focus { - color: currentColor; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .md\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .md\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:translate-x-8 { + --transform-translate-x: 2rem; } - .md\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .md\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .md\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:translate-x-12 { + --transform-translate-x: 3rem; } - .md\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .md\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:translate-x-16 { + --transform-translate-x: 4rem; } - .md\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:translate-x-20 { + --transform-translate-x: 5rem; } - .md\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:translate-x-24 { + --transform-translate-x: 6rem; } - .md\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:translate-x-28 { + --transform-translate-x: 7rem; } - .md\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:translate-x-32 { + --transform-translate-x: 8rem; } - .md\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:translate-x-36 { + --transform-translate-x: 9rem; } - .md\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:translate-x-40 { + --transform-translate-x: 10rem; } - .md\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:translate-x-44 { + --transform-translate-x: 11rem; } - .md\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:translate-x-48 { + --transform-translate-x: 12rem; } - .md\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:translate-x-52 { + --transform-translate-x: 13rem; } - .md\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:translate-x-56 { + --transform-translate-x: 14rem; } - .md\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:translate-x-60 { + --transform-translate-x: 15rem; } - .md\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:translate-x-64 { + --transform-translate-x: 16rem; } - .md\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:translate-x-72 { + --transform-translate-x: 18rem; } - .md\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:translate-x-80 { + --transform-translate-x: 20rem; } - .md\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:translate-x-96 { + --transform-translate-x: 24rem; } - .md\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:translate-x-px { + --transform-translate-x: 1px; } - .md\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .md\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .md\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .md\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .md\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .md\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .md\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .md\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:-translate-x-4 { + --transform-translate-x: -1rem; } - .md\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .md\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .md\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .md\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:-translate-x-8 { + --transform-translate-x: -2rem; } - .md\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .md\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .md\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:-translate-x-12 { + --transform-translate-x: -3rem; } - .md\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .md\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:-translate-x-16 { + --transform-translate-x: -4rem; } - .md\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:-translate-x-20 { + --transform-translate-x: -5rem; } - .md\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:-translate-x-24 { + --transform-translate-x: -6rem; } - .md\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:-translate-x-28 { + --transform-translate-x: -7rem; } - .md\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:-translate-x-32 { + --transform-translate-x: -8rem; } - .md\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:-translate-x-36 { + --transform-translate-x: -9rem; } - .md\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:-translate-x-40 { + --transform-translate-x: -10rem; } - .md\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:-translate-x-44 { + --transform-translate-x: -11rem; } - .md\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:-translate-x-48 { + --transform-translate-x: -12rem; } - .md\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:-translate-x-52 { + --transform-translate-x: -13rem; } - .md\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:-translate-x-56 { + --transform-translate-x: -14rem; } - .md\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:-translate-x-60 { + --transform-translate-x: -15rem; } - .md\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:-translate-x-64 { + --transform-translate-x: -16rem; } - .md\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:-translate-x-72 { + --transform-translate-x: -18rem; } - .md\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:-translate-x-80 { + --transform-translate-x: -20rem; } - .md\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:-translate-x-96 { + --transform-translate-x: -24rem; } - .md\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:-translate-x-px { + --transform-translate-x: -1px; } - .md\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .md\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .md\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .md\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .md\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .md\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .sm\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .md\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .md\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .md\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .md\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:translate-x-full { + --transform-translate-x: 100%; } - .md\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .md\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .md\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .md\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - @media (prefers-color-scheme: dark) { - .md\:dark\:text-transparent { - color: transparent; - } - - .md\:dark\:text-current { - color: currentColor; - } + .sm\:-translate-x-3\/4 { + --transform-translate-x: -75%; + } - .md\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:-translate-x-full { + --transform-translate-x: -100%; + } - .md\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:translate-y-0 { + --transform-translate-y: 0; + } - .md\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem; + } - .md\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem; + } - .md\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem; + } - .md\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:translate-y-4 { + --transform-translate-y: 1rem; + } - .md\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem; + } - .md\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem; + } - .md\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:translate-y-7 { + --transform-translate-y: 1.75rem; + } - .md\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:translate-y-8 { + --transform-translate-y: 2rem; + } - .md\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:translate-y-9 { + --transform-translate-y: 2.25rem; + } - .md\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem; + } - .md\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:translate-y-12 { + --transform-translate-y: 3rem; + } - .md\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:translate-y-14 { + --transform-translate-y: 3.5rem; + } - .md\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:translate-y-16 { + --transform-translate-y: 4rem; + } - .md\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:translate-y-20 { + --transform-translate-y: 5rem; + } - .md\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:translate-y-24 { + --transform-translate-y: 6rem; + } - .md\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:translate-y-28 { + --transform-translate-y: 7rem; + } - .md\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:translate-y-32 { + --transform-translate-y: 8rem; + } - .md\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:translate-y-36 { + --transform-translate-y: 9rem; + } - .md\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:translate-y-40 { + --transform-translate-y: 10rem; + } - .md\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:translate-y-44 { + --transform-translate-y: 11rem; + } - .md\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:translate-y-48 { + --transform-translate-y: 12rem; + } - .md\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:translate-y-52 { + --transform-translate-y: 13rem; + } - .md\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:translate-y-56 { + --transform-translate-y: 14rem; + } - .md\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:translate-y-60 { + --transform-translate-y: 15rem; + } - .md\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:translate-y-64 { + --transform-translate-y: 16rem; + } - .md\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:translate-y-72 { + --transform-translate-y: 18rem; + } - .md\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:translate-y-80 { + --transform-translate-y: 20rem; + } - .md\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:translate-y-96 { + --transform-translate-y: 24rem; + } - .md\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:translate-y-px { + --transform-translate-y: 1px; + } - .md\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; + } - .md\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; + } - .md\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; + } - .md\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; + } - .md\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem; + } - .md\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem; + } - .md\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem; + } - .md\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:-translate-y-4 { + --transform-translate-y: -1rem; + } - .md\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem; + } - .md\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem; + } - .md\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:-translate-y-7 { + --transform-translate-y: -1.75rem; + } - .md\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:-translate-y-8 { + --transform-translate-y: -2rem; + } - .md\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:-translate-y-9 { + --transform-translate-y: -2.25rem; + } - .md\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem; + } - .md\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:-translate-y-12 { + --transform-translate-y: -3rem; + } - .md\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:-translate-y-14 { + --transform-translate-y: -3.5rem; + } - .md\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:-translate-y-16 { + --transform-translate-y: -4rem; + } - .md\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:-translate-y-20 { + --transform-translate-y: -5rem; + } - .md\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:-translate-y-24 { + --transform-translate-y: -6rem; + } - .md\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:-translate-y-28 { + --transform-translate-y: -7rem; + } - .md\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:-translate-y-32 { + --transform-translate-y: -8rem; + } - .md\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:-translate-y-36 { + --transform-translate-y: -9rem; + } - .md\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:-translate-y-40 { + --transform-translate-y: -10rem; + } - .md\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:-translate-y-44 { + --transform-translate-y: -11rem; + } - .md\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:-translate-y-48 { + --transform-translate-y: -12rem; + } - .md\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:-translate-y-52 { + --transform-translate-y: -13rem; + } - .md\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:-translate-y-56 { + --transform-translate-y: -14rem; + } - .md\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:-translate-y-60 { + --transform-translate-y: -15rem; + } - .md\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:-translate-y-64 { + --transform-translate-y: -16rem; + } - .md\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:-translate-y-72 { + --transform-translate-y: -18rem; + } - .md\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:-translate-y-80 { + --transform-translate-y: -20rem; + } - .md\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:-translate-y-96 { + --transform-translate-y: -24rem; + } - .md\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:-translate-y-px { + --transform-translate-y: -1px; + } - .md\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; + } - .md\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; + } - .md\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; + } - .md\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; + } - .md\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:translate-y-1\/2 { + --transform-translate-y: 50%; + } - .md\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; + } - .md\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; + } - .md\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:translate-y-1\/4 { + --transform-translate-y: 25%; + } - .group:hover .md\:dark\:group-hover\:text-transparent { - color: transparent; - } + .sm\:translate-y-2\/4 { + --transform-translate-y: 50%; + } - .group:hover .md\:dark\:group-hover\:text-current { - color: currentColor; - } + .sm\:translate-y-3\/4 { + --transform-translate-y: 75%; + } - .group:hover .md\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:translate-y-full { + --transform-translate-y: 100%; + } - .group:hover .md\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50%; + } - .group:hover .md\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; + } - .group:hover .md\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; + } - .group:hover .md\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:-translate-y-1\/4 { + --transform-translate-y: -25%; + } - .group:hover .md\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:-translate-y-2\/4 { + --transform-translate-y: -50%; + } - .group:hover .md\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:-translate-y-3\/4 { + --transform-translate-y: -75%; + } - .group:hover .md\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:-translate-y-full { + --transform-translate-y: -100%; + } - .group:hover .md\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0; + } - .group:hover .md\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; + } - .group:hover .md\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; + } - .group:hover .md\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; + } - .group:hover .md\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; + } - .group:hover .md\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; + } - .group:hover .md\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; + } - .group:hover .md\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; + } - .group:hover .md\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; + } - .group:hover .md\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; + } - .group:hover .md\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; + } - .group:hover .md\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; + } - .group:hover .md\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; + } - .group:hover .md\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; + } - .group:hover .md\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; + } - .group:hover .md\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; + } - .group:hover .md\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; + } - .group:hover .md\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; + } - .group:hover .md\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; + } - .group:hover .md\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; + } - .group:hover .md\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; + } - .group:hover .md\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; + } - .group:hover .md\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; + } - .md\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .sm\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; + } - .md\:dark\:hover\:text-current:hover { - color: currentColor; - } + .sm\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; + } - .md\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; + } - .md\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; + } - .md\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; + } - .md\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; + } - .md\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; + } - .md\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; + } - .md\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; + } - .md\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; + } - .md\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; + } - .md\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; + } - .md\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; + } - .md\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; + } - .md\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; + } - .md\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; + } - .md\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; + } - .md\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0; + } - .md\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; + } - .md\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; + } - .md\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; + } - .md\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; + } - .md\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; + } - .md\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; + } - .md\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; + } - .md\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; + } - .md\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; + } - .md\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; + } - .md\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; + } - .md\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; + } - .md\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; + } - .md\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; + } - .md\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; + } - .md\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; + } - .md\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; + } - .md\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; + } - .md\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; + } - .md\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; + } - .md\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; + } - .md\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; + } - .md\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; + } - .md\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; + } - .md\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; + } - .md\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; + } - .md\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; + } - .md\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; + } - .md\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; + } - .md\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; + } - .md\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; + } - .md\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; + } - .md\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; + } - .md\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; + } - .md\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; + } - .md\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; + } - .md\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; + } - .md\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; + } - .md\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; + } - .md\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; + } - .md\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; + } - .md\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; + } - .md\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; + } - .md\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; + } - .md\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; + } - .md\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; + } - .md\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; + } - .md\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; + } - .md\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; + } - .md\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; + } - .md\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; + } - .md\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; + } - .md\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; + } - .md\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; + } - .md\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; + } - .md\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; + } - .md\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .sm\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; + } - .md\:dark\:focus\:text-current:focus { - color: currentColor; - } + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; + } - .md\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; + } - .md\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; + } - .md\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; + } - .md\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; + } - .md\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; + } - .md\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; + } - .md\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; + } - .md\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; + } - .md\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; + } - .md\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; + } - .md\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; + } - .md\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; + } - .md\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; + } - .md\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; + } - .md\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; + } - .md\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; + } - .md\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; + } - .md\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; + } - .md\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; + } - .md\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; + } - .md\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; + } - .md\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; + } - .md\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0; + } - .md\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; + } - .md\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; + } - .md\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; + } - .md\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; + } - .md\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; + } - .md\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; + } - .md\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; + } - .md\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; + } - .md\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; + } - .md\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; + } - .md\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; + } - .md\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; + } - .md\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; + } - .md\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; + } - .md\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; + } - .md\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; + } - .md\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; + } - .md\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; + } - .md\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; + } - .md\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; + } - .md\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; + } - .md\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; + } - .md\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; + } - .md\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; + } - .md\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; + } - .md\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; + } - .md\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; + } - .md\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; + } - .md\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; + } - .md\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; + } - .md\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; + } - .md\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; + } - .md\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; + } - .md\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; + } - .md\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; + } - .md\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; + } - .md\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; + } - .md\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; + } - .md\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; + } - .md\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; + } - .md\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; + } - .md\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; + } - .md\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; + } - .md\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; + } - .md\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; + } - .md\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; + } - .md\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; + } - .md\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; + } - .md\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .md\:text-opacity-0 { - --text-opacity: 0; + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .md\:text-opacity-25 { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .md\:text-opacity-50 { - --text-opacity: 0.5; + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .md\:text-opacity-75 { - --text-opacity: 0.75; + .sm\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .md\:text-opacity-100 { - --text-opacity: 1; + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .group:hover .md\:group-hover\:text-opacity-0 { - --text-opacity: 0; + .sm\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .group:hover .md\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .group:hover .md\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; + .sm\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .group:hover .md\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .group:hover .md\:group-hover\:text-opacity-100 { - --text-opacity: 1; + .sm\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .md\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .sm\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .md\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .md\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .md\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .sm\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .md\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .sm\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .md\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .sm\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .md\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .md\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .md\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .sm\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .md\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .sm\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .sm\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .md\:overflow-ellipsis { - text-overflow: ellipsis; + .sm\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .md\:overflow-clip { - text-overflow: clip; + .sm\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .md\:italic { - font-style: italic; + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .md\:not-italic { - font-style: normal; + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .md\:uppercase { - text-transform: uppercase; + .sm\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .md\:lowercase { - text-transform: lowercase; + .sm\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .md\:capitalize { - text-transform: capitalize; + .sm\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .md\:normal-case { - text-transform: none; + .sm\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .md\:underline { - text-decoration: underline; + .sm\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .md\:line-through { - text-decoration: line-through; + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .md\:no-underline { - text-decoration: none; + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .md\:hover\:underline:hover { - text-decoration: underline; + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .md\:focus\:underline:focus { - text-decoration: underline; + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .md\:focus\:no-underline:focus { - text-decoration: none; + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .sm\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .sm\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .md\:normal-nums { - font-variant-numeric: normal; + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .md\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .md\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .sm\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .md\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .md\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .md\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .md\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .sm\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .md\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .md\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .sm\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .md\:tracking-tight { - letter-spacing: -0.025em; + .sm\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .md\:tracking-normal { - letter-spacing: 0; + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .md\:tracking-wide { - letter-spacing: 0.025em; + .sm\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .md\:tracking-wider { - letter-spacing: 0.05em; + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .md\:tracking-widest { - letter-spacing: 0.1em; + .sm\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .md\:select-none { - user-select: none; + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .md\:select-text { - user-select: text; + .sm\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .md\:select-all { - user-select: all; + .sm\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .md\:select-auto { - user-select: auto; + .sm\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .md\:align-baseline { - vertical-align: baseline; + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .md\:align-top { - vertical-align: top; + .sm\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .md\:align-middle { - vertical-align: middle; + .sm\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .md\:align-bottom { - vertical-align: bottom; + .sm\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .md\:align-text-top { - vertical-align: text-top; + .sm\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .md\:visible { - visibility: visible; + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .md\:invisible { - visibility: hidden; + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .md\:whitespace-normal { - white-space: normal; + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .md\:whitespace-pre { - white-space: pre; + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .md\:whitespace-pre-line { - white-space: pre-line; + .sm\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .sm\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .md\:break-words { - overflow-wrap: break-word; + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .md\:break-all { - word-break: break-all; + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .md\:w-0 { - width: 0; + .sm\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .md\:w-1 { - width: 0.25rem; + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .md\:w-2 { - width: 0.5rem; + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .md\:w-3 { - width: 0.75rem; + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .md\:w-4 { - width: 1rem; + .sm\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .md\:w-5 { - width: 1.25rem; + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .md\:w-6 { - width: 1.5rem; + .sm\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .md\:w-7 { - width: 1.75rem; + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .md\:w-8 { - width: 2rem; + .sm\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .md\:w-9 { - width: 2.25rem; + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .md\:w-10 { - width: 2.5rem; + .sm\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .md\:w-12 { - width: 3rem; + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .md\:w-14 { - width: 3.5rem; + .sm\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .md\:w-16 { - width: 4rem; + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .md\:w-20 { - width: 5rem; + .sm\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .md\:w-24 { - width: 6rem; + .sm\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .md\:w-28 { - width: 7rem; + .sm\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .md\:w-32 { - width: 8rem; + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .md\:w-36 { - width: 9rem; + .sm\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .md\:w-40 { - width: 10rem; + .sm\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .md\:w-44 { - width: 11rem; + .sm\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .md\:w-48 { - width: 12rem; + .sm\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .md\:w-52 { - width: 13rem; + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .md\:w-56 { - width: 14rem; + .sm\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .md\:w-60 { - width: 15rem; + .sm\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .md\:w-64 { - width: 16rem; + .sm\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .md\:w-72 { - width: 18rem; + .sm\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .md\:w-80 { - width: 20rem; + .sm\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .md\:w-96 { - width: 24rem; + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .md\:w-auto { - width: auto; + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .md\:w-px { - width: 1px; + .sm\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .md\:w-0\.5 { - width: 0.125rem; + .sm\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .md\:w-1\.5 { - width: 0.375rem; + .sm\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .md\:w-2\.5 { - width: 0.625rem; + .sm\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .md\:w-3\.5 { - width: 0.875rem; + .sm\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .md\:w-1\/2 { - width: 50%; + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .md\:w-1\/3 { - width: 33.333333%; + .sm\:skew-x-0 { + --transform-skew-x: 0; } - .md\:w-2\/3 { - width: 66.666667%; + .sm\:skew-x-1 { + --transform-skew-x: 1deg; } - .md\:w-1\/4 { - width: 25%; + .sm\:skew-x-2 { + --transform-skew-x: 2deg; } - .md\:w-2\/4 { - width: 50%; + .sm\:skew-x-3 { + --transform-skew-x: 3deg; } - .md\:w-3\/4 { - width: 75%; + .sm\:skew-x-6 { + --transform-skew-x: 6deg; } - .md\:w-1\/5 { - width: 20%; + .sm\:skew-x-12 { + --transform-skew-x: 12deg; } - .md\:w-2\/5 { - width: 40%; + .sm\:-skew-x-12 { + --transform-skew-x: -12deg; } - .md\:w-3\/5 { - width: 60%; + .sm\:-skew-x-6 { + --transform-skew-x: -6deg; } - .md\:w-4\/5 { - width: 80%; + .sm\:-skew-x-3 { + --transform-skew-x: -3deg; } - .md\:w-1\/6 { - width: 16.666667%; + .sm\:-skew-x-2 { + --transform-skew-x: -2deg; } - .md\:w-2\/6 { - width: 33.333333%; + .sm\:-skew-x-1 { + --transform-skew-x: -1deg; } - .md\:w-3\/6 { - width: 50%; + .sm\:skew-y-0 { + --transform-skew-y: 0; } - .md\:w-4\/6 { - width: 66.666667%; + .sm\:skew-y-1 { + --transform-skew-y: 1deg; } - .md\:w-5\/6 { - width: 83.333333%; + .sm\:skew-y-2 { + --transform-skew-y: 2deg; } - .md\:w-1\/12 { - width: 8.333333%; + .sm\:skew-y-3 { + --transform-skew-y: 3deg; } - .md\:w-2\/12 { - width: 16.666667%; + .sm\:skew-y-6 { + --transform-skew-y: 6deg; } - .md\:w-3\/12 { - width: 25%; + .sm\:skew-y-12 { + --transform-skew-y: 12deg; } - .md\:w-4\/12 { - width: 33.333333%; + .sm\:-skew-y-12 { + --transform-skew-y: -12deg; } - .md\:w-5\/12 { - width: 41.666667%; + .sm\:-skew-y-6 { + --transform-skew-y: -6deg; } - .md\:w-6\/12 { - width: 50%; + .sm\:-skew-y-3 { + --transform-skew-y: -3deg; } - .md\:w-7\/12 { - width: 58.333333%; + .sm\:-skew-y-2 { + --transform-skew-y: -2deg; } - .md\:w-8\/12 { - width: 66.666667%; + .sm\:-skew-y-1 { + --transform-skew-y: -1deg; } - .md\:w-9\/12 { - width: 75%; + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .md\:w-10\/12 { - width: 83.333333%; + .sm\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .md\:w-11\/12 { - width: 91.666667%; + .sm\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .md\:w-full { - width: 100%; + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .md\:w-screen { - width: 100vw; + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .md\:w-min { - width: min-content; + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .md\:w-max { - width: max-content; + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .md\:z-0 { - z-index: 0; + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .md\:z-10 { - z-index: 10; + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .md\:z-20 { - z-index: 20; + .sm\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .md\:z-30 { - z-index: 30; + .sm\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .md\:z-40 { - z-index: 40; + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .md\:z-50 { - z-index: 50; + .sm\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .md\:z-auto { - z-index: auto; + .sm\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .md\:focus\:z-0:focus { - z-index: 0; + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .md\:focus\:z-10:focus { - z-index: 10; + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .md\:focus\:z-20:focus { - z-index: 20; + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .md\:focus\:z-30:focus { - z-index: 30; + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .md\:focus\:z-40:focus { - z-index: 40; + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .md\:focus\:z-50:focus { - z-index: 50; + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .md\:focus\:z-auto:focus { - z-index: auto; + .sm\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .md\:gap-0 { - grid-gap: 0; - gap: 0; + .sm\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .md\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .md\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .sm\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .md\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .sm\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .md\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .md\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .md\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .md\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .md\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .md\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .md\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .sm\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .md\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .sm\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .md\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .md\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .sm\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .md\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .sm\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .md\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .md\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .md\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .md\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .md\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .md\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .md\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .sm\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .md\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .sm\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .md\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .sm\:transition-none { + transition-property: none; } - .md\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .sm\:transition-all { + transition-property: all; } - .md\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .md\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .md\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .sm\:transition-opacity { + transition-property: opacity; } - .md\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .sm\:transition-shadow { + transition-property: box-shadow; } - .md\:gap-px { - grid-gap: 1px; - gap: 1px; + .sm\:transition-transform { + transition-property: transform; } - .md\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .sm\:ease-linear { + transition-timing-function: linear; } - .md\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .md\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .md\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .sm\:duration-75 { + transition-duration: 75ms; } - .md\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .sm\:duration-100 { + transition-duration: 100ms; } - .md\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .sm\:duration-150 { + transition-duration: 150ms; } - .md\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .sm\:duration-200 { + transition-duration: 200ms; } - .md\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .sm\:duration-300 { + transition-duration: 300ms; } - .md\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .sm\:duration-500 { + transition-duration: 500ms; } - .md\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .sm\:duration-700 { + transition-duration: 700ms; } - .md\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .sm\:duration-1000 { + transition-duration: 1000ms; } - .md\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .sm\:delay-75 { + transition-delay: 75ms; } - .md\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .sm\:delay-100 { + transition-delay: 100ms; } - .md\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .sm\:delay-150 { + transition-delay: 150ms; } - .md\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .sm\:delay-200 { + transition-delay: 200ms; } - .md\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .sm\:delay-300 { + transition-delay: 300ms; } - .md\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .sm\:delay-500 { + transition-delay: 500ms; } - .md\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .sm\:delay-700 { + transition-delay: 700ms; } - .md\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .sm\:delay-1000 { + transition-delay: 1000ms; } - .md\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .sm\:animate-none { + animation: none; } - .md\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .sm\:animate-spin { + animation: spin 1s linear infinite; } - .md\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .sm\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .md\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .md\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .sm\:animate-bounce { + animation: bounce 1s infinite; } - .md\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .sm\:example { + font-weight: 700; + color: #ef4444; } +} - .md\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; +@media (min-width: 768px) { + .md\:container { + width: 100%; } - .md\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + @media (min-width: 640px) { + .md\:container { + max-width: 640px; + } } - .md\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + @media (min-width: 768px) { + .md\:container { + max-width: 768px; + } } - .md\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + @media (min-width: 1024px) { + .md\:container { + max-width: 1024px; + } } - .md\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + @media (min-width: 1280px) { + .md\:container { + max-width: 1280px; + } } - .md\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + @media (min-width: 1536px) { + .md\:container { + max-width: 1536px; + } } - .md\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .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\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .md\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .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\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .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\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-0 { - grid-row-gap: 0; - row-gap: 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\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .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\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .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\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .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\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .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\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .md\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .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\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .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\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .md\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .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\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .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\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .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\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .md\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .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\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .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\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .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\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .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\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .md\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .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\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .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\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .md\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .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\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-flow-row { - grid-auto-flow: row; + .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\:grid-flow-col { - grid-auto-flow: column; + .md\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .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\:grid-flow-col-dense { - grid-auto-flow: column dense; + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .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\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .md\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .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\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .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\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .md\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .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\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .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\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .md\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .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\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .md\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-none { - grid-template-columns: none; + .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\:auto-cols-auto { - grid-auto-columns: auto; + .md\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .md\:auto-cols-min { - grid-auto-columns: min-content; + .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\:auto-cols-max { - grid-auto-columns: max-content; + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .md\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .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\:col-auto { - grid-column: auto; + .md\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .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\:col-span-2 { - grid-column: span 2 / span 2; + .md\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .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\:col-span-4 { - grid-column: span 4 / span 4; + .md\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .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\:col-span-6 { - grid-column: span 6 / span 6; + .md\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .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\:col-span-8 { - grid-column: span 8 / span 8; + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .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\:col-span-10 { - grid-column: span 10 / span 10; + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .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\:col-span-12 { - grid-column: span 12 / span 12; + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-full { - grid-column: 1 / -1; + .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\:col-start-1 { - grid-column-start: 1; + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-2 { - grid-column-start: 2; + .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\:col-start-3 { - grid-column-start: 3; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-4 { - grid-column-start: 4; + .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\:col-start-5 { - grid-column-start: 5; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-6 { - grid-column-start: 6; + .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\:col-start-7 { - grid-column-start: 7; + .md\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-8 { - grid-column-start: 8; + .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\:col-start-9 { - grid-column-start: 9; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-10 { - grid-column-start: 10; + .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\:col-start-11 { - grid-column-start: 11; + .md\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-12 { - grid-column-start: 12; + .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\:col-start-13 { - grid-column-start: 13; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-auto { - grid-column-start: 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\:col-end-1 { - grid-column-end: 1; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-2 { - grid-column-end: 2; + .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\:col-end-3 { - grid-column-end: 3; + .md\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-4 { - grid-column-end: 4; + .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\:col-end-5 { - grid-column-end: 5; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-6 { - grid-column-end: 6; + .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\:col-end-7 { - grid-column-end: 7; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-8 { - grid-column-end: 8; + .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\:col-end-9 { - grid-column-end: 9; + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-10 { - grid-column-end: 10; + .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\:col-end-11 { - grid-column-end: 11; + .md\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-12 { - grid-column-end: 12; + .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\:col-end-13 { - grid-column-end: 13; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-auto { - grid-column-end: auto; + .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\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .md\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .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\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .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\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .md\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .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\:grid-rows-none { - grid-template-rows: none; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:auto-rows-auto { - grid-auto-rows: auto; + .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\:auto-rows-min { - grid-auto-rows: min-content; + .md\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:auto-rows-max { - grid-auto-rows: max-content; + .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\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:row-auto { - grid-row: auto; + .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\:row-span-1 { - grid-row: span 1 / span 1; + .md\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .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\:row-span-3 { - grid-row: span 3 / span 3; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .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\:row-span-5 { - grid-row: span 5 / span 5; + .md\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .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\:row-span-full { - grid-row: 1 / -1; + .md\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:row-start-1 { - grid-row-start: 1; + .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\:row-start-2 { - grid-row-start: 2; + .md\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:row-start-3 { - grid-row-start: 3; + .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\:row-start-4 { - grid-row-start: 4; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:row-start-5 { - grid-row-start: 5; + .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\:row-start-6 { - grid-row-start: 6; + .md\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:row-start-7 { - grid-row-start: 7; + .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\:row-start-auto { - grid-row-start: auto; + .md\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:row-end-1 { - grid-row-end: 1; + .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\:row-end-2 { - grid-row-end: 2; + .md\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:row-end-3 { - grid-row-end: 3; + .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\:row-end-4 { - grid-row-end: 4; + .md\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:row-end-5 { - grid-row-end: 5; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:row-end-6 { - grid-row-end: 6; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:row-end-7 { - grid-row-end: 7; + .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\:row-end-auto { - grid-row-end: auto; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .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\: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\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:transform-none { - transform: none; + .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\:origin-center { - transform-origin: center; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:origin-top { - transform-origin: top; + .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\:origin-top-right { - transform-origin: top right; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:origin-right { - transform-origin: right; + .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\:origin-bottom-right { - transform-origin: bottom right; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:origin-bottom { - transform-origin: bottom; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:origin-bottom-left { - transform-origin: bottom left; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:origin-left { - transform-origin: left; + .md\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:origin-top-left { - transform-origin: top left; + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .md\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .md\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .md\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .md\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .md\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .md\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .md\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .md\:scale-x-0 { - --transform-scale-x: 0; + .md\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .md\:scale-x-50 { - --transform-scale-x: .5; + .md\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .md\:scale-x-75 { - --transform-scale-x: .75; + .md\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .md\:scale-x-90 { - --transform-scale-x: .9; + .md\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .md\:scale-x-95 { - --transform-scale-x: .95; + .md\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .md\:scale-x-100 { - --transform-scale-x: 1; + .md\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .md\:scale-x-105 { - --transform-scale-x: 1.05; + .md\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .md\:scale-x-110 { - --transform-scale-x: 1.1; + .md\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .md\:scale-x-125 { - --transform-scale-x: 1.25; + .md\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .md\:scale-x-150 { - --transform-scale-x: 1.5; + .md\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .md\:scale-y-0 { - --transform-scale-y: 0; + .md\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .md\:scale-y-50 { - --transform-scale-y: .5; + .md\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .md\:scale-y-75 { - --transform-scale-y: .75; + .md\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .md\:scale-y-90 { - --transform-scale-y: .9; + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .md\:scale-y-95 { - --transform-scale-y: .95; + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .md\:scale-y-100 { - --transform-scale-y: 1; + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .md\:scale-y-105 { - --transform-scale-y: 1.05; + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .md\:scale-y-110 { - --transform-scale-y: 1.1; + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .md\:scale-y-125 { - --transform-scale-y: 1.25; + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .md\:scale-y-150 { - --transform-scale-y: 1.5; + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .md\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .md\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .md\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .md\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .md\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .md\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .md\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .md\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .md\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .md\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .md\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .md\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .md\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .md\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .md\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .md\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .md\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .md\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .md\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .md\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .md\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .md\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .md\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .md\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .md\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .md\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .md\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .md\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .md\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .md\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .md\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .md\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .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\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .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\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .md\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .md\:appearance-none { + appearance: none; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .md\:bg-fixed { + background-attachment: fixed; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .md\:bg-local { + background-attachment: local; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .md\:bg-scroll { + background-attachment: scroll; } - .md\:rotate-0 { - --transform-rotate: 0; + .md\:bg-clip-border { + background-clip: border-box; } - .md\:rotate-1 { - --transform-rotate: 1deg; + .md\:bg-clip-padding { + background-clip: padding-box; } - .md\:rotate-2 { - --transform-rotate: 2deg; + .md\:bg-clip-content { + background-clip: content-box; } - .md\:rotate-3 { - --transform-rotate: 3deg; + .md\:bg-clip-text { + background-clip: text; } - .md\:rotate-6 { - --transform-rotate: 6deg; + .md\:bg-transparent { + background-color: transparent; } - .md\:rotate-12 { - --transform-rotate: 12deg; + .md\:bg-current { + background-color: currentColor; } - .md\:rotate-45 { - --transform-rotate: 45deg; + .md\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:rotate-90 { - --transform-rotate: 90deg; + .md\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:rotate-180 { - --transform-rotate: 180deg; + .md\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:-rotate-180 { - --transform-rotate: -180deg; + .md\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:-rotate-90 { - --transform-rotate: -90deg; + .md\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:-rotate-45 { - --transform-rotate: -45deg; + .md\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:-rotate-12 { - --transform-rotate: -12deg; + .md\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:-rotate-6 { - --transform-rotate: -6deg; + .md\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:-rotate-3 { - --transform-rotate: -3deg; + .md\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:-rotate-2 { - --transform-rotate: -2deg; + .md\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:-rotate-1 { - --transform-rotate: -1deg; + .md\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0; + .md\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .md\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .md\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .md\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .md\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .md\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .md\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .md\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .md\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .md\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .md\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .md\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .md\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .md\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .md\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .md\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .md\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0; + .md\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .md\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .md\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .md\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .md\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .md\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .md\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .md\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .md\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .md\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .md\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .md\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .md\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .md\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .md\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .md\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .md\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:translate-x-0 { - --transform-translate-x: 0; + .md\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:translate-x-1 { - --transform-translate-x: 0.25rem; + .md\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:translate-x-2 { - --transform-translate-x: 0.5rem; + .md\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:translate-x-3 { - --transform-translate-x: 0.75rem; + .md\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:translate-x-4 { - --transform-translate-x: 1rem; + .md\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:translate-x-5 { - --transform-translate-x: 1.25rem; + .md\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:translate-x-6 { - --transform-translate-x: 1.5rem; + .md\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:translate-x-7 { - --transform-translate-x: 1.75rem; + .md\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:translate-x-8 { - --transform-translate-x: 2rem; + .md\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:translate-x-9 { - --transform-translate-x: 2.25rem; + .md\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:translate-x-10 { - --transform-translate-x: 2.5rem; + .md\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:translate-x-12 { - --transform-translate-x: 3rem; + .md\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:translate-x-14 { - --transform-translate-x: 3.5rem; + .md\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:translate-x-16 { - --transform-translate-x: 4rem; + .md\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:translate-x-20 { - --transform-translate-x: 5rem; + .md\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:translate-x-24 { - --transform-translate-x: 6rem; + .md\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:translate-x-28 { - --transform-translate-x: 7rem; + .md\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:translate-x-32 { - --transform-translate-x: 8rem; + .md\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:translate-x-36 { - --transform-translate-x: 9rem; + .md\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:translate-x-40 { - --transform-translate-x: 10rem; + .md\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:translate-x-44 { - --transform-translate-x: 11rem; + .md\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:translate-x-48 { - --transform-translate-x: 12rem; + .md\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:translate-x-52 { - --transform-translate-x: 13rem; + .md\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:translate-x-56 { - --transform-translate-x: 14rem; + .md\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:translate-x-60 { - --transform-translate-x: 15rem; + .md\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:translate-x-64 { - --transform-translate-x: 16rem; + .md\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:translate-x-72 { - --transform-translate-x: 18rem; + .md\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:translate-x-80 { - --transform-translate-x: 20rem; + .group:hover .md\:group-hover\:bg-transparent { + background-color: transparent; } - .md\:translate-x-96 { - --transform-translate-x: 24rem; + .group:hover .md\:group-hover\:bg-current { + background-color: currentColor; } - .md\:translate-x-px { - --transform-translate-x: 1px; + .group:hover .md\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .group:hover .md\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .group:hover .md\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .group:hover .md\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .group:hover .md\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .group:hover .md\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .group:hover .md\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .group:hover .md\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:-translate-x-4 { - --transform-translate-x: -1rem; + .group:hover .md\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .group:hover .md\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .group:hover .md\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .group:hover .md\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:-translate-x-8 { - --transform-translate-x: -2rem; + .group:hover .md\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .group:hover .md\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .group:hover .md\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:-translate-x-12 { - --transform-translate-x: -3rem; + .group:hover .md\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .group:hover .md\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:-translate-x-16 { - --transform-translate-x: -4rem; + .group:hover .md\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:-translate-x-20 { - --transform-translate-x: -5rem; + .group:hover .md\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:-translate-x-24 { - --transform-translate-x: -6rem; + .group:hover .md\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:-translate-x-28 { - --transform-translate-x: -7rem; + .group:hover .md\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:-translate-x-32 { - --transform-translate-x: -8rem; + .group:hover .md\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:-translate-x-36 { - --transform-translate-x: -9rem; + .group:hover .md\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:-translate-x-40 { - --transform-translate-x: -10rem; + .group:hover .md\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:-translate-x-44 { - --transform-translate-x: -11rem; + .group:hover .md\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:-translate-x-48 { - --transform-translate-x: -12rem; + .group:hover .md\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:-translate-x-52 { - --transform-translate-x: -13rem; + .group:hover .md\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:-translate-x-56 { - --transform-translate-x: -14rem; + .group:hover .md\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:-translate-x-60 { - --transform-translate-x: -15rem; + .group:hover .md\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:-translate-x-64 { - --transform-translate-x: -16rem; + .group:hover .md\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:-translate-x-72 { - --transform-translate-x: -18rem; + .group:hover .md\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:-translate-x-80 { - --transform-translate-x: -20rem; + .group:hover .md\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:-translate-x-96 { - --transform-translate-x: -24rem; + .group:hover .md\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:-translate-x-px { - --transform-translate-x: -1px; + .group:hover .md\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .group:hover .md\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .group:hover .md\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .group:hover .md\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .group:hover .md\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:translate-x-1\/2 { - --transform-translate-x: 50%; + .group:hover .md\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .group:hover .md\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .group:hover .md\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:translate-x-1\/4 { - --transform-translate-x: 25%; + .group:hover .md\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:translate-x-2\/4 { - --transform-translate-x: 50%; + .group:hover .md\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:translate-x-3\/4 { - --transform-translate-x: 75%; + .group:hover .md\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:translate-x-full { - --transform-translate-x: 100%; + .group:hover .md\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .group:hover .md\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .group:hover .md\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .group:hover .md\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .group:hover .md\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .group:hover .md\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .group:hover .md\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:-translate-x-full { - --transform-translate-x: -100%; + .group:hover .md\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:translate-y-0 { - --transform-translate-y: 0; + .group:hover .md\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:translate-y-1 { - --transform-translate-y: 0.25rem; + .group:hover .md\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:translate-y-2 { - --transform-translate-y: 0.5rem; + .group:hover .md\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:translate-y-3 { - --transform-translate-y: 0.75rem; + .group:hover .md\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:translate-y-4 { - --transform-translate-y: 1rem; + .group:hover .md\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:translate-y-5 { - --transform-translate-y: 1.25rem; + .group:hover .md\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:translate-y-6 { - --transform-translate-y: 1.5rem; + .group:hover .md\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:translate-y-7 { - --transform-translate-y: 1.75rem; + .group:hover .md\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:translate-y-8 { - --transform-translate-y: 2rem; + .group:hover .md\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:translate-y-9 { - --transform-translate-y: 2.25rem; + .group:hover .md\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:translate-y-10 { - --transform-translate-y: 2.5rem; + .group:hover .md\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:translate-y-12 { - --transform-translate-y: 3rem; + .group:hover .md\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:translate-y-14 { - --transform-translate-y: 3.5rem; + .group:hover .md\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:translate-y-16 { - --transform-translate-y: 4rem; + .group:hover .md\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:translate-y-20 { - --transform-translate-y: 5rem; + .group:hover .md\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:translate-y-24 { - --transform-translate-y: 6rem; + .group:hover .md\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:translate-y-28 { - --transform-translate-y: 7rem; + .group:hover .md\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:translate-y-32 { - --transform-translate-y: 8rem; + .group:hover .md\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:translate-y-36 { - --transform-translate-y: 9rem; + .group:hover .md\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:translate-y-40 { - --transform-translate-y: 10rem; + .group:hover .md\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:translate-y-44 { - --transform-translate-y: 11rem; + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:translate-y-48 { - --transform-translate-y: 12rem; + .md\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:translate-y-52 { - --transform-translate-y: 13rem; + .md\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:translate-y-56 { - --transform-translate-y: 14rem; + .md\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:translate-y-60 { - --transform-translate-y: 15rem; + .md\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:translate-y-64 { - --transform-translate-y: 16rem; + .md\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:translate-y-72 { - --transform-translate-y: 18rem; + .md\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:translate-y-80 { - --transform-translate-y: 20rem; + .md\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:translate-y-96 { - --transform-translate-y: 24rem; + .md\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:translate-y-px { - --transform-translate-y: 1px; + .md\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .md\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .md\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .md\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .md\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .md\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .md\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .md\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:-translate-y-4 { - --transform-translate-y: -1rem; + .md\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .md\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .md\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .md\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:-translate-y-8 { - --transform-translate-y: -2rem; + .md\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .md\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .md\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:-translate-y-12 { - --transform-translate-y: -3rem; + .md\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .md\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:-translate-y-16 { - --transform-translate-y: -4rem; + .md\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:-translate-y-20 { - --transform-translate-y: -5rem; + .md\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:-translate-y-24 { - --transform-translate-y: -6rem; + .md\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:-translate-y-28 { - --transform-translate-y: -7rem; + .md\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:-translate-y-32 { - --transform-translate-y: -8rem; + .md\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:-translate-y-36 { - --transform-translate-y: -9rem; + .md\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:-translate-y-40 { - --transform-translate-y: -10rem; + .md\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:-translate-y-44 { - --transform-translate-y: -11rem; + .md\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:-translate-y-48 { - --transform-translate-y: -12rem; + .md\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:-translate-y-52 { - --transform-translate-y: -13rem; + .md\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:-translate-y-56 { - --transform-translate-y: -14rem; + .md\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:-translate-y-60 { - --transform-translate-y: -15rem; + .md\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:-translate-y-64 { - --transform-translate-y: -16rem; + .md\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:-translate-y-72 { - --transform-translate-y: -18rem; + .md\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:-translate-y-80 { - --transform-translate-y: -20rem; + .md\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:-translate-y-96 { - --transform-translate-y: -24rem; + .md\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:-translate-y-px { - --transform-translate-y: -1px; + .md\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .md\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .md\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .md\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .md\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:translate-y-1\/2 { - --transform-translate-y: 50%; + .md\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .md\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .md\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:translate-y-1\/4 { - --transform-translate-y: 25%; + .md\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:translate-y-2\/4 { - --transform-translate-y: 50%; + .md\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:translate-y-3\/4 { - --transform-translate-y: 75%; + .md\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:translate-y-full { - --transform-translate-y: 100%; + .md\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .md\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .md\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .md\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .md\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .md\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .md\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:-translate-y-full { - --transform-translate-y: -100%; + .md\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .md\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .md\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .md\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .md\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .md\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .md\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .md\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .md\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .md\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .md\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .md\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .md\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .md\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .md\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .md\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .md\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .md\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .md\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .md\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .md\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .md\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .md\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .md\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .md\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .md\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .md\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .md\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .md\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .md\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .md\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .md\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .md\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .md\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .md\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .md\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .md\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .md\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .md\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .md\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .md\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .md\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .md\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .md\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .md\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .md\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .md\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .md\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .md\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .md\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .md\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .md\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .md\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .md\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .md\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .md\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .md\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .md\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .md\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .md\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .md\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .md\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .md\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .md\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .md\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .md\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .md\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .md\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .md\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .md\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .md\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .md\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .md\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .md\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .md\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .md\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .md\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .md\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .md\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .md\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .md\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .md\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .md\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .md\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .md\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .md\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .md\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .md\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .md\:bg-none { + background-image: none; } - .md\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .md\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .md\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .md\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .md\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .md\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .md\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .md\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .md\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .md\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .md\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .md\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .md\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .md\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .md\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .md\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .md\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .md\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .md\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .md\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .md\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .md\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .md\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .md\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .md\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .md\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .md\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .md\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .md\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .md\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .md\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .md\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .md\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .md\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .md\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .md\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .md\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .md\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .md\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .md\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .md\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .md\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .md\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .md\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .md\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .md\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .md\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .md\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .md\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .md\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .md\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .md\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .md\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .md\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .md\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .md\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .md\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .md\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .md\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .md\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .md\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .md\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .md\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .md\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .md\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .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\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .md\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .md\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .md\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .md\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .md\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .md\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .md\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .md\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .md\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .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\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .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\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .md\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .md\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .md\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .md\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .md\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .md\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .md\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .md\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .md\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .md\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .md\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .md\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .md\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .md\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .md\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .md\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .md\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .md\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .md\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .md\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .md\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .md\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .md\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .md\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .md\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .md\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .md\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .md\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .md\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .md\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .md\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .md\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .md\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .md\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .md\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .md\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .md\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .md\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .md\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .md\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .md\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .md\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .md\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .md\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .md\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .md\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .md\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .md\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .md\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .md\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .md\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .md\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .md\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .md\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .md\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .md\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .md\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .md\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .md\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .md\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .md\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .md\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .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\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .md\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .md\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .md\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .md\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .md\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .md\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .md\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .md\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .md\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .md\:to-transparent { + --gradient-to-color: transparent; } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .md\:to-current { + --gradient-to-color: currentColor; } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .md\:to-black { + --gradient-to-color: #000; } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .md\:to-white { + --gradient-to-color: #fff; } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .md\:to-gray-50 { + --gradient-to-color: #fafafa; } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .md\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .md\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .md\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .md\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .md\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .md\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .md\:to-gray-500 { + --gradient-to-color: #71717a; } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .md\:to-gray-600 { + --gradient-to-color: #52525b; } - .md\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .md\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .md\:to-gray-800 { + --gradient-to-color: #27272a; } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .md\:to-gray-900 { + --gradient-to-color: #18181b; } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .md\:to-red-50 { + --gradient-to-color: #fef2f2; } - .md\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .md\:to-red-100 { + --gradient-to-color: #fee2e2; } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .md\:to-red-200 { + --gradient-to-color: #fecaca; } - .md\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .md\:to-red-300 { + --gradient-to-color: #fca5a5; } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .md\:to-red-400 { + --gradient-to-color: #f87171; } - .md\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .md\:to-red-500 { + --gradient-to-color: #ef4444; } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .md\:to-red-600 { + --gradient-to-color: #dc2626; } - .md\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .md\:to-red-700 { + --gradient-to-color: #b91c1c; } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .md\:to-red-800 { + --gradient-to-color: #991b1b; } - .md\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .md\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .md\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .md\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .md\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .md\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .md\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .md\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .md\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .md\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .md\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .md\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .md\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .md\:to-yellow-600 { + --gradient-to-color: #d97706; } - .md\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .md\:to-yellow-700 { + --gradient-to-color: #b45309; } - .md\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .md\:to-yellow-800 { + --gradient-to-color: #92400e; } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .md\:to-yellow-900 { + --gradient-to-color: #78350f; } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .md\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .md\:to-green-100 { + --gradient-to-color: #d1fae5; } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .md\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .md\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .md\:to-green-400 { + --gradient-to-color: #34d399; } - .md\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .md\:to-green-500 { + --gradient-to-color: #10b981; } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .md\:to-green-600 { + --gradient-to-color: #059669; } - .md\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .md\:to-green-700 { + --gradient-to-color: #047857; } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .md\:to-green-800 { + --gradient-to-color: #065f46; } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .md\:to-green-900 { + --gradient-to-color: #064e3b; } - .md\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .md\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .md\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .md\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .md\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .md\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .md\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .md\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .md\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .md\:to-blue-600 { + --gradient-to-color: #2563eb; } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .md\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .md\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .md\:to-blue-800 { + --gradient-to-color: #1e40af; } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .md\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .md\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .md\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .md\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .md\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .md\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .md\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .md\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .md\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .md\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .md\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .md\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .md\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .md\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .md\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .md\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .md\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .md\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .md\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .md\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .md\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .md\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .md\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .md\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .md\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .md\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .md\:to-pink-400 { + --gradient-to-color: #f472b6; } - .md\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .md\:to-pink-500 { + --gradient-to-color: #ec4899; } - .md\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .md\:to-pink-600 { + --gradient-to-color: #db2777; } - .md\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .md\:to-pink-700 { + --gradient-to-color: #be185d; } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .md\:to-pink-800 { + --gradient-to-color: #9d174d; } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .md\:to-pink-900 { + --gradient-to-color: #831843; } - .md\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .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\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .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\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .md\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .md\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .md\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .md\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:skew-x-0 { - --transform-skew-x: 0; + .md\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:skew-x-1 { - --transform-skew-x: 1deg; + .md\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:skew-x-2 { - --transform-skew-x: 2deg; + .md\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:skew-x-3 { - --transform-skew-x: 3deg; + .md\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:skew-x-6 { - --transform-skew-x: 6deg; + .md\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:skew-x-12 { - --transform-skew-x: 12deg; + .md\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:-skew-x-12 { - --transform-skew-x: -12deg; + .md\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:-skew-x-6 { - --transform-skew-x: -6deg; + .md\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:-skew-x-3 { - --transform-skew-x: -3deg; + .md\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:-skew-x-2 { - --transform-skew-x: -2deg; + .md\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:-skew-x-1 { - --transform-skew-x: -1deg; + .md\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:skew-y-0 { - --transform-skew-y: 0; + .md\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:skew-y-1 { - --transform-skew-y: 1deg; + .md\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:skew-y-2 { - --transform-skew-y: 2deg; + .md\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:skew-y-3 { - --transform-skew-y: 3deg; + .md\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:skew-y-6 { - --transform-skew-y: 6deg; + .md\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:skew-y-12 { - --transform-skew-y: 12deg; + .md\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:-skew-y-12 { - --transform-skew-y: -12deg; + .md\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:-skew-y-6 { - --transform-skew-y: -6deg; + .md\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:-skew-y-3 { - --transform-skew-y: -3deg; + .md\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:-skew-y-2 { - --transform-skew-y: -2deg; + .md\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:-skew-y-1 { - --transform-skew-y: -1deg; + .md\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .md\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .md\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .md\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + + .md\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .md\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .md\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .md\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .md\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .md\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .md\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .md\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .md\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .md\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .md\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .md\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .md\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .md\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .md\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .md\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .md\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .md\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .md\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .md\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .md\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .md\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .md\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .md\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .md\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .md\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .md\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .md\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .md\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .md\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .md\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .md\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .md\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .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\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .md\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .md\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .md\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .md\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .md\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .md\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .md\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:transition-none { - transition-property: none; + .md\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:transition-all { - transition-property: all; + .md\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .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\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .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\:transition-opacity { - transition-property: opacity; + .md\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:transition-shadow { - transition-property: box-shadow; + .md\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:transition-transform { - transition-property: transform; + .md\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:ease-linear { - transition-timing-function: linear; + .md\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .md\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .md\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .md\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:duration-75 { - transition-duration: 75ms; + .md\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:duration-100 { - transition-duration: 100ms; + .md\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:duration-150 { - transition-duration: 150ms; + .md\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:duration-200 { - transition-duration: 200ms; + .md\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:duration-300 { - transition-duration: 300ms; + .md\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:duration-500 { - transition-duration: 500ms; + .md\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:duration-700 { - transition-duration: 700ms; + .md\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:duration-1000 { - transition-duration: 1000ms; + .md\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:delay-75 { - transition-delay: 75ms; + .md\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:delay-100 { - transition-delay: 100ms; + .md\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:delay-150 { - transition-delay: 150ms; + .md\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:delay-200 { - transition-delay: 200ms; + .md\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:delay-300 { - transition-delay: 300ms; + .md\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:delay-500 { - transition-delay: 500ms; + .md\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:delay-700 { - transition-delay: 700ms; + .md\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:delay-1000 { - transition-delay: 1000ms; + .md\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:animate-none { - animation: none; + .md\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:animate-spin { - animation: spin 1s linear infinite; + .md\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .md\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:animate-bounce { - animation: bounce 1s infinite; + .md\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:example { - font-weight: 700; - color: #ef4444; + .md\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -} -@media (min-width: 1024px) { - .lg\:container { - width: 100%; + .md\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } + .md\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } + .md\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } + .md\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } + .md\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } + .md\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .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\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 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\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .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\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .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\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 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\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .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\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .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\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .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\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .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\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .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\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .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\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .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\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .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\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 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\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .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)); } - .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\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 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)); + .md\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .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\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .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\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .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\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .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\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .lg\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-black:hover { + --gradient-to-color: #000; } - .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\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .lg\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .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\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .lg\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .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\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .lg\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .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\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .lg\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .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\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .lg\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .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\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .lg\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .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\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .lg\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .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\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .lg\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .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\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .lg\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .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\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .lg\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .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\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .lg\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .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\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .lg\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .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\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .lg\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .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\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .lg\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .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\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .lg\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .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\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .lg\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .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\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .lg\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .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\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .lg\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .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\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .lg\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .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\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .lg\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .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\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .lg\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .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\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .lg\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .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\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .lg\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .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\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .lg\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .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\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .lg\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .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\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .lg\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .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\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .lg\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .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\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .lg\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .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\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .lg\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .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\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .lg\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .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\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .lg\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .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\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .lg\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .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\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .lg\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .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\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .lg\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .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\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .lg\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .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\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .lg\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .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)); } - .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\: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\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .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\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .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\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .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\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .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\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .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\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .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\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .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\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .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\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .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\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .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\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .md\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .md\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .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\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .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\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .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\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .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\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .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\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .md\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .md\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .md\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .md\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .md\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .md\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); + .md\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); + .md\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); + .md\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); + .md\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); + .md\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); + .md\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); + .md\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); + .md\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); + .md\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); + .md\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); + .md\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); + .md\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); + .md\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); + .md\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); + .md\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); + .md\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); + .md\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); + .md\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); + .md\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); + .md\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); + .md\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); + .md\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); + .md\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-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)); } - .lg\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); + .md\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); + .md\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); + .md\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); + .md\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); + .md\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); + .md\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); + .md\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); + .md\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); + .md\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-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)); } - .lg\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-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)); } - .lg\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); + .md\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); + .md\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); + .md\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); + .md\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); + .md\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); + .md\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); + .md\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); + .md\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); + .md\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); + .md\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); + .md\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); + .md\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); + .md\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); + .md\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); + .md\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); + .md\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); + .md\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); + .md\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); + .md\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); + .md\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); + .md\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); + .md\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); + .md\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); + .md\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); + .md\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .md\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); + .md\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); + .md\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); + .md\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); + .md\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); + .md\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); + .md\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); + .md\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); + .md\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); + .md\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - @media (prefers-color-scheme: dark) { - .lg\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .lg\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .md\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .lg\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } + .md\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .lg\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } + .md\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .lg\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } + .md\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .lg\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } + .md\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .lg\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } + .md\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .lg\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } + .md\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .lg\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } + .md\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .lg\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } + .md\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .lg\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } + .md\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .lg\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } + .md\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .lg\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } + .md\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .lg\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } + .md\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .lg\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } + .md\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .lg\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } + .md\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .lg\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } + .md\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .lg\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } + .md\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .lg\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } + .md\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .lg\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } + .md\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .lg\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } + .md\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .lg\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } + .md\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .lg\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } + .md\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .lg\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } + .md\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .lg\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } + .md\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .lg\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } + .md\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .lg\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } + .md\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .lg\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } + .md\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .lg\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-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)); + } - .lg\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } + .md\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .lg\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } + .md\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .lg\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } + .md\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .lg\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } + .md\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .lg\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } + .md\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .lg\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } + .md\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .lg\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } + .md\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .lg\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } + .md\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .lg\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } + .md\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .lg\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } + .md\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .lg\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } + .md\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .lg\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } + .md\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .lg\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } + .md\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .lg\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } + .md\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .lg\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } + .md\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .lg\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } + .md\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .lg\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } + .md\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .lg\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } + .md\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .lg\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } + .md\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .lg\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } + .md\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .lg\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } + .md\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .lg\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } + .md\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .lg\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } + .md\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .lg\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } + .md\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .lg\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } + .md\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .lg\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } + .md\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .lg\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } + .md\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .lg\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } + .md\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .lg\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } + .md\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .lg\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } + .md\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .lg\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } + .md\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .lg\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } + .md\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .lg\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } + .md\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .lg\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } + .md\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .lg\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } + .md\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .lg\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .md\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .lg\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } + .md\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .lg\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } + .md\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .lg\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } + .md\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .lg\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } + .md\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .lg\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } + .md\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .lg\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } + .md\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .lg\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } + .md\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .lg\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } + .md\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .lg\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } + .md\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .lg\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .md\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .lg\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .md\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .lg\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .md\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .lg\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .md\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .lg\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .md\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .lg\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .md\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .lg\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .md\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .lg\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .md\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .lg\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .md\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .lg\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .md\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .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\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .lg\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .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\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .lg\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .lg\:appearance-none { - appearance: none; + .md\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .lg\:bg-fixed { - background-attachment: fixed; + .md\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .lg\:bg-local { - background-attachment: local; + .md\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .lg\:bg-scroll { - background-attachment: scroll; + .md\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .lg\:bg-clip-border { - background-clip: border-box; + .md\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .lg\:bg-clip-padding { - background-clip: padding-box; + .md\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .lg\:bg-clip-content { - background-clip: content-box; + .md\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .lg\:bg-clip-text { - background-clip: text; + .md\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .lg\:bg-transparent { - background-color: transparent; + .md\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .lg\:bg-current { - background-color: currentColor; + .md\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .lg\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .lg\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .lg\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .md\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .lg\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .md\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .lg\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .md\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .lg\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .md\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .lg\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .md\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .lg\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .md\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .lg\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .md\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .lg\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .md\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .lg\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .md\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .lg\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .md\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .lg\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .md\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .lg\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .md\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .lg\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .md\:bg-opacity-0 { + --bg-opacity: 0; } - .lg\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .md\:bg-opacity-25 { + --bg-opacity: 0.25; } - .lg\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .md\:bg-opacity-50 { + --bg-opacity: 0.5; } - .lg\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .md\:bg-opacity-75 { + --bg-opacity: 0.75; } - .lg\:bg-red-600 { + .md\:bg-opacity-100 { --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; } - .lg\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; } - .lg\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; } - .lg\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; } - .lg\:bg-yellow-100 { + .group:hover .md\:group-hover\:bg-opacity-100 { --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .md\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .lg\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .md\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .lg\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .md\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .lg\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .md\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .lg\:bg-yellow-600 { + .md\:hover\:bg-opacity-100:hover { --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .md\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .lg\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .md\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .lg\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .md\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .lg\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .md\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .lg\:bg-green-100 { + .md\:focus\:bg-opacity-100:focus { --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .md\:bg-bottom { + background-position: bottom; } - .lg\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .md\:bg-center { + background-position: center; } - .lg\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .md\:bg-left { + background-position: left; } - .lg\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .md\:bg-left-bottom { + background-position: left bottom; } - .lg\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .md\:bg-left-top { + background-position: left top; } - .lg\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .md\:bg-right { + background-position: right; } - .lg\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .md\:bg-right-bottom { + background-position: right bottom; } - .lg\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .md\:bg-right-top { + background-position: right top; } - .lg\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .md\:bg-top { + background-position: top; } - .lg\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .md\:bg-repeat { + background-repeat: repeat; } - .lg\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .md\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .lg\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .md\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .md\:bg-repeat-round { + background-repeat: round; } - .lg\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .md\:bg-repeat-space { + background-repeat: space; } - .lg\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .md\:bg-auto { + background-size: auto; } - .lg\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .md\:bg-cover { + background-size: cover; } - .lg\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .md\:bg-contain { + background-size: contain; } - .lg\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .md\:border-collapse { + border-collapse: collapse; } - .lg\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .md\:border-separate { + border-collapse: separate; } - .lg\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .md\:border-transparent { + border-color: transparent; } - .lg\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .md\:border-current { + border-color: currentColor; } - .lg\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .md\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .md\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .md\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .md\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .md\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .md\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .md\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .md\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .md\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .md\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .md\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .md\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .md\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .md\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .md\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-transparent { - background-color: transparent; + .md\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-current { - background-color: currentColor; + .md\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .md\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .md\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .md\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .md\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .md\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .md\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .md\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .md\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .md\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .md\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .md\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .md\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .md\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .md\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .md\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .md\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .md\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .md\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .md\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .md\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .md\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .md\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .md\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .md\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .md\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .md\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .md\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .md\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .md\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .md\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .md\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .md\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .md\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .md\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .md\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .md\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .md\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .md\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .md\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .md\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .md\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .md\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .md\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .md\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .md\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .md\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .md\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .md\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .md\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .md\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .md\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .md\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-transparent { + border-color: transparent; } - .group:hover .lg\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-current { + border-color: currentColor; } - .group:hover .lg\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .group:hover .md\:group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:hover\:bg-current:hover { - background-color: currentColor; + .group:hover .md\:group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .md\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .md\:hover\:border-current:hover { + border-color: currentColor; } - .lg\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .md\:hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .md\:hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .md\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .md\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .md\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .md\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .md\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .md\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .md\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .md\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .md\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .md\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .md\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .md\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .md\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:focus\:bg-transparent:focus { - background-color: transparent; + .md\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:focus\:bg-current:focus { - background-color: currentColor; + .md\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .md\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .md\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .md\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .md\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .md\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .md\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .md\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .md\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .md\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .md\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .md\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .md\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .md\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .md\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .md\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .md\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .md\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .md\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .md\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .md\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .md\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .md\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .md\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .md\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .md\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .md\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .md\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .md\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .md\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .md\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .md\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .md\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .md\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .md\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .md\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .md\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .md\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .md\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .md\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .md\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .md\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .md\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .md\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .md\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .md\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .md\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .md\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .md\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .md\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .md\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .md\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .md\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .md\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .md\:focus\:border-current:focus { + border-color: currentColor; } - .lg\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .md\:focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .md\:focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .md\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .md\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .md\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .md\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .md\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .md\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .md\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .md\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .md\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .md\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .md\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .md\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .md\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - @media (prefers-color-scheme: dark) { - .lg\:dark\:bg-transparent { - background-color: transparent; - } - - .lg\:dark\:bg-current { - background-color: currentColor; - } - - .lg\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .lg\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .lg\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .lg\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .lg\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .lg\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .lg\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .lg\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .lg\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .lg\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .lg\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .lg\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .lg\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .lg\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .lg\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .lg\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .lg\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); + } - .lg\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); + } - .lg\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); + } - .lg\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); + } - .lg\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); + } - .lg\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); + } - .lg\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); + } - .lg\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); + } - .lg\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); + } - .lg\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); + } - .lg\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); + } - .lg\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); + } - .lg\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); + } - .lg\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); + } - .lg\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); + } - .lg\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); + } - .lg\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); + } - .lg\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); + } - .lg\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); + } - .lg\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); + } - .lg\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); + } - .lg\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); + } - .lg\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); + } - .lg\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); + } - .lg\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); + } - .lg\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } + .md\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-current { - background-color: currentColor; - } + .md\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .md\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .md\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .md\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .md\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .md\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .md\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .md\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .md\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .md\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .md\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .md\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .md\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .md\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .md\:border-opacity-0 { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .md\:border-opacity-25 { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .md\:border-opacity-50 { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .md\:border-opacity-75 { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .md\:border-opacity-100 { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-0 { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-100 { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .md\:hover\:border-opacity-0:hover { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .md\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .md\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .md\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .md\:hover\:border-opacity-100:hover { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .md\:focus\:border-opacity-0:focus { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .md\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .md\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:focus\:border-opacity-100:focus { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:rounded-none { + border-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:rounded-sm { + border-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:rounded { + border-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:rounded-md { + border-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:rounded-lg { + border-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:rounded-xl { + border-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:rounded-2xl { + border-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:rounded-3xl { + border-radius: 1.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:rounded-full { + border-radius: 9999px; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .md\:rounded-tl-none { + border-top-left-radius: 0; + } - .lg\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .md\:rounded-tr-none { + border-top-right-radius: 0; + } - .lg\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .md\:rounded-br-none { + border-bottom-right-radius: 0; + } - .lg\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .md\:rounded-bl-none { + border-bottom-left-radius: 0; + } - .lg\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .md\:rounded-tl { + border-top-left-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .md\:rounded-tr { + border-top-right-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } - .lg\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } - .lg\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } - .lg\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } - .lg\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:rounded-tl-full { + border-top-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:rounded-tr-full { + border-top-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:border-solid { + border-style: solid; + } - .lg\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:border-dashed { + border-style: dashed; + } - .lg\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:border-dotted { + border-style: dotted; + } - .lg\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:border-double { + border-style: double; + } - .lg\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:border-none { + border-style: none; + } - .lg\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:border-0 { + border-width: 0; + } - .lg\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:border-2 { + border-width: 2px; + } - .lg\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:border-4 { + border-width: 4px; + } - .lg\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:border-8 { + border-width: 8px; + } - .lg\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:border { + border-width: 1px; + } - .lg\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:border-t-0 { + border-top-width: 0; + } - .lg\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:border-r-0 { + border-right-width: 0; + } - .lg\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:border-b-0 { + border-bottom-width: 0; + } - .lg\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:border-l-0 { + border-left-width: 0; + } - .lg\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:border-t-2 { + border-top-width: 2px; + } - .lg\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:border-r-2 { + border-right-width: 2px; + } - .lg\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:border-b-2 { + border-bottom-width: 2px; + } - .lg\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:border-l-2 { + border-left-width: 2px; + } - .lg\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:border-t-4 { + border-top-width: 4px; + } - .lg\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:border-r-4 { + border-right-width: 4px; + } - .lg\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:border-b-4 { + border-bottom-width: 4px; + } - .lg\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:border-l-4 { + border-left-width: 4px; + } - .lg\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:border-t-8 { + border-top-width: 8px; + } - .lg\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:border-r-8 { + border-right-width: 8px; + } - .lg\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:border-b-8 { + border-bottom-width: 8px; + } - .lg\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:border-l-8 { + border-left-width: 8px; + } - .lg\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:border-t { + border-top-width: 1px; + } - .lg\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:border-r { + border-right-width: 1px; + } - .lg\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:border-b { + border-bottom-width: 1px; + } - .lg\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:border-l { + border-left-width: 1px; + } - .lg\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:box-border { + box-sizing: border-box; + } - .lg\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:box-content { + box-sizing: content-box; + } - .lg\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .md\:cursor-auto { + cursor: auto; + } - .lg\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .md\:cursor-default { + cursor: default; + } - .lg\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .md\:cursor-pointer { + cursor: pointer; + } - .lg\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .md\:cursor-wait { + cursor: wait; + } - .lg\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .md\:cursor-text { + cursor: text; + } - .lg\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .md\:cursor-move { + cursor: move; + } - .lg\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .md\:cursor-not-allowed { + cursor: not-allowed; + } - .lg\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .md\:block { + display: block; + } - .lg\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .md\:inline-block { + display: inline-block; + } - .lg\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .md\:inline { + display: inline; + } - .lg\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .md\:flex { + display: flex; + } - .lg\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .md\:inline-flex { + display: inline-flex; + } - .lg\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .md\:table { + display: table; + } - .lg\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .md\:table-caption { + display: table-caption; + } - .lg\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .md\:table-cell { + display: table-cell; + } - .lg\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .md\:table-column { + display: table-column; + } - .lg\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .md\:table-column-group { + display: table-column-group; + } - .lg\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .md\:table-footer-group { + display: table-footer-group; + } - .lg\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .md\:table-header-group { + display: table-header-group; + } - .lg\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .md\:table-row-group { + display: table-row-group; + } - .lg\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .md\:table-row { + display: table-row; + } - .lg\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .md\:flow-root { + display: flow-root; + } - .lg\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .md\:grid { + display: grid; + } - .lg\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .md\:inline-grid { + display: inline-grid; + } - .lg\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .md\:contents { + display: contents; + } - .lg\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .md\:hidden { + display: none; + } - .lg\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .md\:flex-row { + flex-direction: row; + } - .lg\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .md\:flex-row-reverse { + flex-direction: row-reverse; + } - .lg\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .md\:flex-col { + flex-direction: column; + } - .lg\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .md\:flex-col-reverse { + flex-direction: column-reverse; + } - .lg\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .md\:flex-wrap { + flex-wrap: wrap; + } - .lg\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .lg\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .md\:flex-no-wrap { + flex-wrap: nowrap; + } - .lg\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:place-items-auto { + place-items: auto; + } - .lg\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:place-items-start { + place-items: start; + } - .lg\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:place-items-end { + place-items: end; + } - .lg\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:place-items-center { + place-items: center; + } - .lg\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:place-items-stretch { + place-items: stretch; + } - .lg\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:place-content-center { + place-content: center; + } - .lg\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:place-content-start { + place-content: start; + } - .lg\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:place-content-end { + place-content: end; + } - .lg\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:place-content-between { + place-content: space-between; + } - .lg\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:place-content-around { + place-content: space-around; + } - .lg\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:place-content-evenly { + place-content: space-evenly; + } - .lg\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:place-content-stretch { + place-content: stretch; + } - .lg\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:place-self-auto { + place-self: auto; + } - .lg\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:place-self-start { + place-self: start; + } - .lg\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:place-self-end { + place-self: end; + } - .lg\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:place-self-center { + place-self: center; + } - .lg\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:place-self-stretch { + place-self: stretch; + } - .lg\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:items-start { + align-items: flex-start; + } - .lg\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:items-end { + align-items: flex-end; + } - .lg\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:items-center { + align-items: center; + } - .lg\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:items-baseline { + align-items: baseline; + } - .lg\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:items-stretch { + align-items: stretch; + } - .lg\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:content-center { + align-content: center; + } - .lg\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:content-start { + align-content: flex-start; + } - .lg\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:content-end { + align-content: flex-end; + } - .lg\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:content-between { + align-content: space-between; + } - .lg\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:content-around { + align-content: space-around; + } - .lg\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:content-evenly { + align-content: space-evenly; + } - .lg\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:self-auto { + align-self: auto; + } - .lg\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:self-start { + align-self: flex-start; + } - .lg\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:self-end { + align-self: flex-end; + } - .lg\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:self-center { + align-self: center; + } - .lg\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:self-stretch { + align-self: stretch; + } - .lg\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:justify-items-auto { + justify-items: auto; + } - .lg\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:justify-items-start { + justify-items: start; + } - .lg\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:justify-items-end { + justify-items: end; + } - .lg\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:justify-items-center { + justify-items: center; + } - .lg\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:justify-items-stretch { + justify-items: stretch; + } - .lg\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:justify-start { + justify-content: flex-start; + } - .lg\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:justify-end { + justify-content: flex-end; + } - .lg\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:justify-center { + justify-content: center; } - .lg\:bg-none { - background-image: none; + .md\:justify-between { + justify-content: space-between; } - .lg\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .md\:justify-around { + justify-content: space-around; } - .lg\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .md\:justify-evenly { + justify-content: space-evenly; } - .lg\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .md\:justify-self-auto { + justify-self: auto; } - .lg\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .md\:justify-self-start { + justify-self: start; } - .lg\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .md\:justify-self-end { + justify-self: end; } - .lg\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .md\:justify-self-center { + justify-self: center; } - .lg\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .md\:justify-self-stretch { + justify-self: stretch; } - .lg\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .md\:flex-1 { + flex: 1 1 0%; } - .lg\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:flex-auto { + flex: 1 1 auto; } - .lg\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:flex-initial { + flex: 0 1 auto; } - .lg\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:flex-none { + flex: none; } - .lg\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:flex-grow-0 { + flex-grow: 0; } - .lg\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:flex-grow { + flex-grow: 1; } - .lg\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:flex-shrink { + flex-shrink: 1; } - .lg\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:order-1 { + order: 1; } - .lg\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:order-2 { + order: 2; } - .lg\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:order-3 { + order: 3; } - .lg\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:order-4 { + order: 4; } - .lg\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:order-5 { + order: 5; } - .lg\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:order-6 { + order: 6; } - .lg\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:order-7 { + order: 7; } - .lg\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:order-8 { + order: 8; } - .lg\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:order-9 { + order: 9; } - .lg\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:order-10 { + order: 10; } - .lg\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:order-11 { + order: 11; } - .lg\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:order-12 { + order: 12; } - .lg\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:order-first { + order: -9999; } - .lg\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:order-last { + order: 9999; } - .lg\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:order-none { + order: 0; } - .lg\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:float-right { + float: right; } - .lg\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:float-left { + float: left; } - .lg\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:float-none { + float: none; } - .lg\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:clear-left { + clear: left; } - .lg\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:clear-right { + clear: right; } - .lg\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:clear-both { + clear: both; } - .lg\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:clear-none { + clear: none; } - .lg\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:font-sans { + font-family: ui-sans-serif, 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\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:font-thin { + font-weight: 100; } - .lg\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:font-extralight { + font-weight: 200; } - .lg\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:font-light { + font-weight: 300; } - .lg\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:font-normal { + font-weight: 400; } - .lg\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:font-medium { + font-weight: 500; } - .lg\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:font-semibold { + font-weight: 600; } - .lg\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:font-bold { + font-weight: 700; } - .lg\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:font-extrabold { + font-weight: 800; } - .lg\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:font-black { + font-weight: 900; } - .lg\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:hover\:font-thin:hover { + font-weight: 100; } - .lg\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:hover\:font-extralight:hover { + font-weight: 200; } - .lg\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:hover\:font-light:hover { + font-weight: 300; } - .lg\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:hover\:font-black:hover { + font-weight: 900; } - .lg\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:focus\:font-thin:focus { + font-weight: 100; } - .lg\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:focus\:font-extralight:focus { + font-weight: 200; } - .lg\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:focus\:font-light:focus { + font-weight: 300; } - .lg\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:focus\:font-black:focus { + font-weight: 900; } - .lg\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:h-0 { + height: 0; } - .lg\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:h-1 { + height: 0.25rem; } - .lg\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:h-2 { + height: 0.5rem; } - .lg\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:h-3 { + height: 0.75rem; } - .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\:h-4 { + height: 1rem; } - .lg\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:h-5 { + height: 1.25rem; } - .lg\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:h-6 { + height: 1.5rem; } - .lg\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:h-7 { + height: 1.75rem; } - .lg\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:h-8 { + height: 2rem; } - .lg\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:h-9 { + height: 2.25rem; } - .lg\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:h-10 { + height: 2.5rem; } - .lg\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:h-12 { + height: 3rem; } - .lg\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:h-14 { + height: 3.5rem; } - .lg\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:h-16 { + height: 4rem; } - .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\:h-20 { + height: 5rem; } - .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\:h-24 { + height: 6rem; } - .lg\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:h-28 { + height: 7rem; } - .lg\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:h-32 { + height: 8rem; } - .lg\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:h-36 { + height: 9rem; } - .lg\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:h-40 { + height: 10rem; } - .lg\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:h-44 { + height: 11rem; } - .lg\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:h-48 { + height: 12rem; } - .lg\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:h-52 { + height: 13rem; } - .lg\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:h-56 { + height: 14rem; } - .lg\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:h-60 { + height: 15rem; } - .lg\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:h-64 { + height: 16rem; } - .lg\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:h-72 { + height: 18rem; } - .lg\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:h-80 { + height: 20rem; } - .lg\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:h-96 { + height: 24rem; } - .lg\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:h-auto { + height: auto; } - .lg\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:h-px { + height: 1px; } - .lg\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:h-0\.5 { + height: 0.125rem; } - .lg\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:h-1\.5 { + height: 0.375rem; } - .lg\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:h-2\.5 { + height: 0.625rem; } - .lg\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:h-3\.5 { + height: 0.875rem; } - .lg\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:h-full { + height: 100%; } - .lg\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:h-screen { + height: 100vh; } - .lg\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .lg\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .lg\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:leading-3 { + line-height: .75rem; } - .lg\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:leading-4 { + line-height: 1rem; } - .lg\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:leading-5 { + line-height: 1.25rem; } - .lg\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:leading-6 { + line-height: 1.5rem; } - .lg\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:leading-7 { + line-height: 1.75rem; } - .lg\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:leading-8 { + line-height: 2rem; } - .lg\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:leading-9 { + line-height: 2.25rem; } - .lg\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:leading-10 { + line-height: 2.5rem; } - .lg\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:leading-none { + line-height: 1; } - .lg\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:leading-tight { + line-height: 1.25; } - .lg\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:leading-snug { + line-height: 1.375; } - .lg\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:leading-normal { + line-height: 1.5; } - .lg\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:leading-relaxed { + line-height: 1.625; } - .lg\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:leading-loose { + line-height: 2; } - .lg\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:list-inside { + list-style-position: inside; } - .lg\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:list-outside { + list-style-position: outside; } - .lg\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:list-none { + list-style-type: none; } - .lg\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:list-disc { + list-style-type: disc; } - .lg\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:list-decimal { + list-style-type: decimal; } - .lg\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:m-0 { + margin: 0; } - .lg\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:m-1 { + margin: 0.25rem; } - .lg\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:m-2 { + margin: 0.5rem; } - .lg\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:m-3 { + margin: 0.75rem; } - .lg\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:m-4 { + margin: 1rem; } - .lg\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:m-5 { + margin: 1.25rem; } - .lg\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:m-6 { + margin: 1.5rem; } - .lg\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:m-7 { + margin: 1.75rem; } - .lg\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:m-8 { + margin: 2rem; } - .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\:m-9 { + margin: 2.25rem; } - .lg\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:m-10 { + margin: 2.5rem; } - .lg\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:m-12 { + margin: 3rem; } - .lg\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:m-14 { + margin: 3.5rem; } - .lg\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:m-16 { + margin: 4rem; } - .lg\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:m-20 { + margin: 5rem; } - .lg\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:m-24 { + margin: 6rem; } - .lg\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:m-28 { + margin: 7rem; } - .lg\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:m-32 { + margin: 8rem; } - .lg\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:m-36 { + margin: 9rem; } - .lg\:to-transparent { - --gradient-to-color: transparent; + .md\:m-40 { + margin: 10rem; } - .lg\:to-current { - --gradient-to-color: currentColor; + .md\:m-44 { + margin: 11rem; } - .lg\:to-black { - --gradient-to-color: #000; + .md\:m-48 { + margin: 12rem; } - .lg\:to-white { - --gradient-to-color: #fff; + .md\:m-52 { + margin: 13rem; } - .lg\:to-gray-50 { - --gradient-to-color: #fafafa; + .md\:m-56 { + margin: 14rem; } - .lg\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .md\:m-60 { + margin: 15rem; } - .lg\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .md\:m-64 { + margin: 16rem; } - .lg\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .md\:m-72 { + margin: 18rem; } - .lg\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .md\:m-80 { + margin: 20rem; } - .lg\:to-gray-500 { - --gradient-to-color: #71717a; + .md\:m-96 { + margin: 24rem; } - .lg\:to-gray-600 { - --gradient-to-color: #52525b; + .md\:m-auto { + margin: auto; } - .lg\:to-gray-700 { - --gradient-to-color: #3f3f46; + .md\:m-px { + margin: 1px; } - .lg\:to-gray-800 { - --gradient-to-color: #27272a; + .md\:m-0\.5 { + margin: 0.125rem; } - .lg\:to-gray-900 { - --gradient-to-color: #18181b; + .md\:m-1\.5 { + margin: 0.375rem; } - .lg\:to-red-50 { - --gradient-to-color: #fef2f2; + .md\:m-2\.5 { + margin: 0.625rem; } - .lg\:to-red-100 { - --gradient-to-color: #fee2e2; + .md\:m-3\.5 { + margin: 0.875rem; } - .lg\:to-red-200 { - --gradient-to-color: #fecaca; + .md\:-m-1 { + margin: -0.25rem; } - .lg\:to-red-300 { - --gradient-to-color: #fca5a5; + .md\:-m-2 { + margin: -0.5rem; } - .lg\:to-red-400 { - --gradient-to-color: #f87171; + .md\:-m-3 { + margin: -0.75rem; } - .lg\:to-red-500 { - --gradient-to-color: #ef4444; + .md\:-m-4 { + margin: -1rem; } - .lg\:to-red-600 { - --gradient-to-color: #dc2626; + .md\:-m-5 { + margin: -1.25rem; } - .lg\:to-red-700 { - --gradient-to-color: #b91c1c; + .md\:-m-6 { + margin: -1.5rem; } - .lg\:to-red-800 { - --gradient-to-color: #991b1b; + .md\:-m-7 { + margin: -1.75rem; } - .lg\:to-red-900 { - --gradient-to-color: #7f1d1d; + .md\:-m-8 { + margin: -2rem; } - .lg\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .md\:-m-9 { + margin: -2.25rem; } - .lg\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .md\:-m-10 { + margin: -2.5rem; } - .lg\:to-yellow-200 { - --gradient-to-color: #fde68a; + .md\:-m-12 { + margin: -3rem; } - .lg\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .md\:-m-14 { + margin: -3.5rem; } - .lg\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .md\:-m-16 { + margin: -4rem; } - .lg\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .md\:-m-20 { + margin: -5rem; } - .lg\:to-yellow-600 { - --gradient-to-color: #d97706; + .md\:-m-24 { + margin: -6rem; } - .lg\:to-yellow-700 { - --gradient-to-color: #b45309; + .md\:-m-28 { + margin: -7rem; } - .lg\:to-yellow-800 { - --gradient-to-color: #92400e; + .md\:-m-32 { + margin: -8rem; } - .lg\:to-yellow-900 { - --gradient-to-color: #78350f; + .md\:-m-36 { + margin: -9rem; } - .lg\:to-green-50 { - --gradient-to-color: #ecfdf5; + .md\:-m-40 { + margin: -10rem; } - .lg\:to-green-100 { - --gradient-to-color: #d1fae5; + .md\:-m-44 { + margin: -11rem; } - .lg\:to-green-200 { - --gradient-to-color: #a7f3d0; + .md\:-m-48 { + margin: -12rem; } - .lg\:to-green-300 { - --gradient-to-color: #6ee7b7; + .md\:-m-52 { + margin: -13rem; } - .lg\:to-green-400 { - --gradient-to-color: #34d399; + .md\:-m-56 { + margin: -14rem; } - .lg\:to-green-500 { - --gradient-to-color: #10b981; + .md\:-m-60 { + margin: -15rem; } - .lg\:to-green-600 { - --gradient-to-color: #059669; + .md\:-m-64 { + margin: -16rem; } - .lg\:to-green-700 { - --gradient-to-color: #047857; + .md\:-m-72 { + margin: -18rem; } - .lg\:to-green-800 { - --gradient-to-color: #065f46; + .md\:-m-80 { + margin: -20rem; } - .lg\:to-green-900 { - --gradient-to-color: #064e3b; + .md\:-m-96 { + margin: -24rem; } - .lg\:to-blue-50 { - --gradient-to-color: #eff6ff; + .md\:-m-px { + margin: -1px; } - .lg\:to-blue-100 { - --gradient-to-color: #dbeafe; + .md\:-m-0\.5 { + margin: -0.125rem; } - .lg\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .md\:-m-1\.5 { + margin: -0.375rem; } - .lg\:to-blue-300 { - --gradient-to-color: #93c5fd; + .md\:-m-2\.5 { + margin: -0.625rem; } - .lg\:to-blue-400 { - --gradient-to-color: #60a5fa; + .md\:-m-3\.5 { + margin: -0.875rem; } - .lg\:to-blue-500 { - --gradient-to-color: #3b82f6; + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:to-blue-600 { - --gradient-to-color: #2563eb; + .md\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:to-blue-800 { - --gradient-to-color: #1e40af; + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:to-purple-100 { - --gradient-to-color: #ede9fe; + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:to-purple-400 { - --gradient-to-color: #a78bfa; + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:to-purple-600 { - --gradient-to-color: #7c3aed; + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:to-purple-700 { - --gradient-to-color: #6d28d9; + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:to-purple-800 { - --gradient-to-color: #5b21b6; + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:to-purple-900 { - --gradient-to-color: #4c1d95; + .md\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .md\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:to-pink-100 { - --gradient-to-color: #fce7f3; + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .md\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:to-pink-400 { - --gradient-to-color: #f472b6; + .md\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:to-pink-500 { - --gradient-to-color: #ec4899; + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:to-pink-600 { - --gradient-to-color: #db2777; + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:to-pink-700 { - --gradient-to-color: #be185d; + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:to-pink-800 { - --gradient-to-color: #9d174d; + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:to-pink-900 { - --gradient-to-color: #831843; + .md\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .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\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .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\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .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\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .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\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .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\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:mt-0 { + margin-top: 0; } - .lg\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:mr-0 { + margin-right: 0; } - .lg\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:mb-0 { + margin-bottom: 0; } - .lg\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:ml-0 { + margin-left: 0; } - .lg\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:mt-1 { + margin-top: 0.25rem; } - .lg\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:mr-1 { + margin-right: 0.25rem; } - .lg\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:ml-1 { + margin-left: 0.25rem; } - .lg\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:mt-2 { + margin-top: 0.5rem; } - .lg\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:mr-2 { + margin-right: 0.5rem; } - .lg\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:ml-2 { + margin-left: 0.5rem; } - .lg\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:mt-3 { + margin-top: 0.75rem; } - .lg\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:mr-3 { + margin-right: 0.75rem; } - .lg\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:ml-3 { + margin-left: 0.75rem; } - .lg\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:mt-4 { + margin-top: 1rem; } - .lg\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:mr-4 { + margin-right: 1rem; } - .lg\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:mb-4 { + margin-bottom: 1rem; } - .lg\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:ml-4 { + margin-left: 1rem; } - .lg\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:mt-5 { + margin-top: 1.25rem; } - .lg\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:mr-5 { + margin-right: 1.25rem; } - .lg\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:ml-5 { + margin-left: 1.25rem; } - .lg\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:mt-6 { + margin-top: 1.5rem; } - .lg\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:mr-6 { + margin-right: 1.5rem; } - .lg\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:mb-6 { + margin-bottom: 1.5rem; } - .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\:ml-6 { + margin-left: 1.5rem; } - .lg\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:mt-7 { + margin-top: 1.75rem; } - .lg\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:mr-7 { + margin-right: 1.75rem; } - .lg\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:ml-7 { + margin-left: 1.75rem; } - .lg\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:mt-8 { + margin-top: 2rem; } - .lg\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:mr-8 { + margin-right: 2rem; } - .lg\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:mb-8 { + margin-bottom: 2rem; } - .lg\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:ml-8 { + margin-left: 2rem; } - .lg\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:mt-9 { + margin-top: 2.25rem; } - .lg\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .md\:mr-9 { + margin-right: 2.25rem; } - .lg\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .md\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:hover\:to-black:hover { - --gradient-to-color: #000; + .md\:ml-9 { + margin-left: 2.25rem; } - .lg\:hover\:to-white:hover { - --gradient-to-color: #fff; + .md\:mt-10 { + margin-top: 2.5rem; } - .lg\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .md\:mr-10 { + margin-right: 2.5rem; } - .lg\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .md\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .md\:ml-10 { + margin-left: 2.5rem; } - .lg\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .md\:mt-12 { + margin-top: 3rem; } - .lg\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .md\:mr-12 { + margin-right: 3rem; } - .lg\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .md\:mb-12 { + margin-bottom: 3rem; } - .lg\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .md\:ml-12 { + margin-left: 3rem; } - .lg\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .md\:mt-14 { + margin-top: 3.5rem; } - .lg\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .md\:mr-14 { + margin-right: 3.5rem; } - .lg\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .md\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .md\:ml-14 { + margin-left: 3.5rem; } - .lg\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .md\:mt-16 { + margin-top: 4rem; } - .lg\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .md\:mr-16 { + margin-right: 4rem; } - .lg\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .md\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .md\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .md\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .md\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .md\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .md\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .md\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .md\:mr-24 { + margin-right: 6rem; } - .lg\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .md\:mb-24 { + margin-bottom: 6rem; } - .lg\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .md\:ml-24 { + margin-left: 6rem; } - .lg\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .md\:mt-28 { + margin-top: 7rem; } - .lg\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .md\:mr-28 { + margin-right: 7rem; } - .lg\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .md\:mb-28 { + margin-bottom: 7rem; } - .lg\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .md\:ml-28 { + margin-left: 7rem; } - .lg\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .md\:mt-32 { + margin-top: 8rem; } - .lg\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .md\:mr-32 { + margin-right: 8rem; } - .lg\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .md\:mb-32 { + margin-bottom: 8rem; } - .lg\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .md\:ml-32 { + margin-left: 8rem; } - .lg\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .md\:mt-36 { + margin-top: 9rem; } - .lg\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .md\:mr-36 { + margin-right: 9rem; } - .lg\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .md\:mb-36 { + margin-bottom: 9rem; } - .lg\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .md\:ml-36 { + margin-left: 9rem; } - .lg\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .md\:mt-40 { + margin-top: 10rem; } - .lg\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .md\:mr-40 { + margin-right: 10rem; } - .lg\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .md\:mb-40 { + margin-bottom: 10rem; } - .lg\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .md\:ml-40 { + margin-left: 10rem; } - .lg\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .md\:mt-44 { + margin-top: 11rem; } - .lg\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .md\:mr-44 { + margin-right: 11rem; } - .lg\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .md\:mb-44 { + margin-bottom: 11rem; } - .lg\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .md\:ml-44 { + margin-left: 11rem; } - .lg\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .md\:mt-48 { + margin-top: 12rem; } - .lg\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .md\:mr-48 { + margin-right: 12rem; } - .lg\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .md\:mb-48 { + margin-bottom: 12rem; } - .lg\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .md\:ml-48 { + margin-left: 12rem; } - .lg\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .md\:mt-52 { + margin-top: 13rem; } - .lg\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .md\:mr-52 { + margin-right: 13rem; } - .lg\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .md\:mb-52 { + margin-bottom: 13rem; } - .lg\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .md\:ml-52 { + margin-left: 13rem; } - .lg\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .md\:mt-56 { + margin-top: 14rem; } - .lg\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .md\:mr-56 { + margin-right: 14rem; } - .lg\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .md\:mb-56 { + margin-bottom: 14rem; } - .lg\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .md\:ml-56 { + margin-left: 14rem; } - .lg\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .md\:mt-60 { + margin-top: 15rem; } - .lg\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .md\:mr-60 { + margin-right: 15rem; } - .lg\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .md\:mb-60 { + margin-bottom: 15rem; } - .lg\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .md\:ml-60 { + margin-left: 15rem; } - .lg\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .md\:mt-64 { + margin-top: 16rem; } - .lg\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .md\:mr-64 { + margin-right: 16rem; } - .lg\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .md\:mb-64 { + margin-bottom: 16rem; } - .lg\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .md\:ml-64 { + margin-left: 16rem; } - .lg\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .md\:mt-72 { + margin-top: 18rem; } - .lg\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .md\:mr-72 { + margin-right: 18rem; } - .lg\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .md\:mb-72 { + margin-bottom: 18rem; } - .lg\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .md\:ml-72 { + margin-left: 18rem; } - .lg\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .md\:mt-80 { + margin-top: 20rem; } - .lg\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .md\:mr-80 { + margin-right: 20rem; } - .lg\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .md\:mb-80 { + margin-bottom: 20rem; } - .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\:ml-80 { + margin-left: 20rem; } - .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\:mt-96 { + margin-top: 24rem; } - .lg\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:mr-96 { + margin-right: 24rem; } - .lg\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:mb-96 { + margin-bottom: 24rem; } - .lg\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:ml-96 { + margin-left: 24rem; } - .lg\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:mt-auto { + margin-top: auto; } - .lg\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:mr-auto { + margin-right: auto; } - .lg\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:mb-auto { + margin-bottom: auto; } - .lg\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:ml-auto { + margin-left: auto; } - .lg\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:mt-px { + margin-top: 1px; } - .lg\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:mr-px { + margin-right: 1px; } - .lg\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:mb-px { + margin-bottom: 1px; } - .lg\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:ml-px { + margin-left: 1px; } - .lg\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-mt-1 { + margin-top: -0.25rem; } - .lg\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-mr-1 { + margin-right: -0.25rem; } - .lg\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-ml-1 { + margin-left: -0.25rem; } - .lg\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-mt-2 { + margin-top: -0.5rem; } - .lg\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-mr-2 { + margin-right: -0.5rem; } - .lg\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-ml-2 { + margin-left: -0.5rem; } - .lg\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:-mt-3 { + margin-top: -0.75rem; } - .lg\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:-mr-3 { + margin-right: -0.75rem; } - .lg\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:-ml-3 { + margin-left: -0.75rem; } - .lg\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:-mt-4 { + margin-top: -1rem; } - .lg\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:-mr-4 { + margin-right: -1rem; } - .lg\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:-mb-4 { + margin-bottom: -1rem; } - .lg\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:-ml-4 { + margin-left: -1rem; } - .lg\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-mt-5 { + margin-top: -1.25rem; } - .lg\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-mr-5 { + margin-right: -1.25rem; } - .lg\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-ml-5 { + margin-left: -1.25rem; } - .lg\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-mt-6 { + margin-top: -1.5rem; } - .lg\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-mr-6 { + margin-right: -1.5rem; } - .lg\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-ml-6 { + margin-left: -1.5rem; } - .lg\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-mt-7 { + margin-top: -1.75rem; } - .lg\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-mr-7 { + margin-right: -1.75rem; } - .lg\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-ml-7 { + margin-left: -1.75rem; } - .lg\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-mt-8 { + margin-top: -2rem; } - .lg\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-mr-8 { + margin-right: -2rem; } - .lg\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-mb-8 { + margin-bottom: -2rem; } - .lg\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-ml-8 { + margin-left: -2rem; } - .lg\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-mt-9 { + margin-top: -2.25rem; } - .lg\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-mr-9 { + margin-right: -2.25rem; } - .lg\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-mb-9 { + margin-bottom: -2.25rem; } - .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\:-ml-9 { + margin-left: -2.25rem; } - .lg\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-mt-10 { + margin-top: -2.5rem; } - .lg\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-mr-10 { + margin-right: -2.5rem; } - .lg\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-ml-10 { + margin-left: -2.5rem; } - .lg\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-mt-12 { + margin-top: -3rem; } - .lg\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-mr-12 { + margin-right: -3rem; } - .lg\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-mb-12 { + margin-bottom: -3rem; } - .lg\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-ml-12 { + margin-left: -3rem; } - .lg\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-mt-14 { + margin-top: -3.5rem; } - .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\:-mr-14 { + margin-right: -3.5rem; } - .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\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:-ml-14 { + margin-left: -3.5rem; } - .lg\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:-mt-16 { + margin-top: -4rem; } - .lg\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:-mr-16 { + margin-right: -4rem; } - .lg\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:-mb-16 { + margin-bottom: -4rem; } - .lg\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:-ml-16 { + margin-left: -4rem; } - .lg\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:-mt-20 { + margin-top: -5rem; } - .lg\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:-mr-20 { + margin-right: -5rem; } - .lg\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:-mb-20 { + margin-bottom: -5rem; } - .lg\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:-ml-20 { + margin-left: -5rem; } - .lg\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:-mt-24 { + margin-top: -6rem; } - .lg\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:-mr-24 { + margin-right: -6rem; } - .lg\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:-mb-24 { + margin-bottom: -6rem; } - .lg\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:-ml-24 { + margin-left: -6rem; } - .lg\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:-mt-28 { + margin-top: -7rem; } - .lg\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:-mr-28 { + margin-right: -7rem; } - .lg\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:-mb-28 { + margin-bottom: -7rem; } - .lg\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:-ml-28 { + margin-left: -7rem; } - .lg\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:-mt-32 { + margin-top: -8rem; } - .lg\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:-mr-32 { + margin-right: -8rem; } - .lg\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:-mb-32 { + margin-bottom: -8rem; } - .lg\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:-ml-32 { + margin-left: -8rem; } - .lg\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:-mt-36 { + margin-top: -9rem; } - .lg\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:-mr-36 { + margin-right: -9rem; } - .lg\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:-mb-36 { + margin-bottom: -9rem; } - .lg\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:-ml-36 { + margin-left: -9rem; } - .lg\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:-mt-40 { + margin-top: -10rem; } - .lg\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:-mr-40 { + margin-right: -10rem; } - .lg\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-mb-40 { + margin-bottom: -10rem; } - .lg\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-ml-40 { + margin-left: -10rem; } - .lg\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-mt-44 { + margin-top: -11rem; } - .lg\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-mr-44 { + margin-right: -11rem; } - .lg\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-mb-44 { + margin-bottom: -11rem; } - .lg\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-ml-44 { + margin-left: -11rem; } - .lg\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-mt-48 { + margin-top: -12rem; } - .lg\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-mr-48 { + margin-right: -12rem; } - .lg\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:-mb-48 { + margin-bottom: -12rem; } - .lg\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:-ml-48 { + margin-left: -12rem; } - .lg\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:-mt-52 { + margin-top: -13rem; } - .lg\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:-mr-52 { + margin-right: -13rem; } - .lg\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:-mb-52 { + margin-bottom: -13rem; } - .lg\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:-ml-52 { + margin-left: -13rem; } - .lg\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:-mt-56 { + margin-top: -14rem; } - .lg\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:-mr-56 { + margin-right: -14rem; } - .lg\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-mb-56 { + margin-bottom: -14rem; } - .lg\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-ml-56 { + margin-left: -14rem; } - .lg\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-mt-60 { + margin-top: -15rem; } - .lg\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-mr-60 { + margin-right: -15rem; } - .lg\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-mb-60 { + margin-bottom: -15rem; } - .lg\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-ml-60 { + margin-left: -15rem; } - .lg\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-mt-64 { + margin-top: -16rem; } - .lg\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-mr-64 { + margin-right: -16rem; } - .lg\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-mb-64 { + margin-bottom: -16rem; } - .lg\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-ml-64 { + margin-left: -16rem; } - .lg\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-mt-72 { + margin-top: -18rem; } - .lg\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-mr-72 { + margin-right: -18rem; } - .lg\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-mb-72 { + margin-bottom: -18rem; } - .lg\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-ml-72 { + margin-left: -18rem; } - .lg\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-mt-80 { + margin-top: -20rem; } - .lg\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-mr-80 { + margin-right: -20rem; } - .lg\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-mb-80 { + margin-bottom: -20rem; } - .lg\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-ml-80 { + margin-left: -20rem; } - .lg\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-mt-96 { + margin-top: -24rem; } - .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\:-mr-96 { + margin-right: -24rem; } - .lg\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-mb-96 { + margin-bottom: -24rem; } - .lg\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-ml-96 { + margin-left: -24rem; } - .lg\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-mt-px { + margin-top: -1px; } - .lg\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-mr-px { + margin-right: -1px; } - .lg\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-mb-px { + margin-bottom: -1px; } - .lg\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-ml-px { + margin-left: -1px; } - .lg\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .md\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .md\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:focus\:to-black:focus { - --gradient-to-color: #000; + .md\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:focus\:to-white:focus { - --gradient-to-color: #fff; + .md\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; + .md\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; + .md\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; + .md\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; + .md\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; + .md\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; + .md\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; + .md\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; + .md\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; + .md\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; + .md\:max-h-0 { + max-height: 0; } - .lg\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; + .md\:max-h-1 { + max-height: 0.25rem; } - .lg\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; + .md\:max-h-2 { + max-height: 0.5rem; } - .lg\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; + .md\:max-h-3 { + max-height: 0.75rem; } - .lg\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; + .md\:max-h-4 { + max-height: 1rem; } - .lg\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; + .md\:max-h-5 { + max-height: 1.25rem; } - .lg\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; + .md\:max-h-6 { + max-height: 1.5rem; } - .lg\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; + .md\:max-h-7 { + max-height: 1.75rem; } - .lg\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; + .md\:max-h-8 { + max-height: 2rem; } - .lg\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; + .md\:max-h-9 { + max-height: 2.25rem; } - .lg\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; + .md\:max-h-10 { + max-height: 2.5rem; } - .lg\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; + .md\:max-h-12 { + max-height: 3rem; } - .lg\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; + .md\:max-h-14 { + max-height: 3.5rem; } - .lg\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; + .md\:max-h-16 { + max-height: 4rem; } - .lg\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; + .md\:max-h-20 { + max-height: 5rem; } - .lg\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; + .md\:max-h-24 { + max-height: 6rem; } - .lg\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; + .md\:max-h-28 { + max-height: 7rem; } - .lg\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; + .md\:max-h-32 { + max-height: 8rem; } - .lg\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; + .md\:max-h-36 { + max-height: 9rem; } - .lg\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; + .md\:max-h-40 { + max-height: 10rem; } - .lg\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; + .md\:max-h-44 { + max-height: 11rem; } - .lg\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; + .md\:max-h-48 { + max-height: 12rem; } - .lg\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; + .md\:max-h-52 { + max-height: 13rem; } - .lg\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; + .md\:max-h-56 { + max-height: 14rem; } - .lg\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; + .md\:max-h-60 { + max-height: 15rem; } - .lg\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; + .md\:max-h-64 { + max-height: 16rem; } - .lg\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; + .md\:max-h-72 { + max-height: 18rem; } - .lg\:focus\:to-green-600:focus { - --gradient-to-color: #059669; + .md\:max-h-80 { + max-height: 20rem; } - .lg\:focus\:to-green-700:focus { - --gradient-to-color: #047857; + .md\:max-h-96 { + max-height: 24rem; } - .lg\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; + .md\:max-h-px { + max-height: 1px; } - .lg\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; + .md\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; + .md\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; + .md\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; + .md\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; + .md\:max-h-full { + max-height: 100%; } - .lg\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; + .md\:max-h-screen { + max-height: 100vh; } - .lg\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; + .md\:max-w-0 { + max-width: 0rem; } - .lg\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; + .md\:max-w-none { + max-width: none; } - .lg\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; + .md\:max-w-xs { + max-width: 20rem; } - .lg\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; + .md\:max-w-sm { + max-width: 24rem; } - .lg\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; + .md\:max-w-md { + max-width: 28rem; } - .lg\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; + .md\:max-w-lg { + max-width: 32rem; } - .lg\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; + .md\:max-w-xl { + max-width: 36rem; } - .lg\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; + .md\:max-w-2xl { + max-width: 42rem; } - .lg\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; + .md\:max-w-3xl { + max-width: 48rem; } - .lg\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; + .md\:max-w-4xl { + max-width: 56rem; } - .lg\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; + .md\:max-w-5xl { + max-width: 64rem; } - .lg\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; + .md\:max-w-6xl { + max-width: 72rem; } - .lg\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; + .md\:max-w-7xl { + max-width: 80rem; } - .lg\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; + .md\:max-w-full { + max-width: 100%; } - .lg\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; + .md\:max-w-min { + max-width: min-content; } - .lg\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .md\:max-w-max { + max-width: max-content; } - .lg\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; + .md\:max-w-screen-sm { + max-width: 640px; } - .lg\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; + .md\:max-w-screen-md { + max-width: 768px; } - .lg\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; + .md\:max-w-screen-lg { + max-width: 1024px; } - .lg\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; + .md\:max-w-screen-xl { + max-width: 1280px; } - .lg\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; + .md\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; + .md\:min-h-0 { + min-height: 0; } - .lg\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; + .md\:min-h-full { + min-height: 100%; } - .lg\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; + .md\:min-h-screen { + min-height: 100vh; } - .lg\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; + .md\:min-w-0 { + min-width: 0; } - @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\:min-w-full { + min-width: 100%; + } - .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\:min-w-min { + min-width: min-content; + } - .lg\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:min-w-max { + min-width: max-content; + } - .lg\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:object-contain { + object-fit: contain; + } - .lg\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:object-cover { + object-fit: cover; + } - .lg\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:object-fill { + object-fit: fill; + } - .lg\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:object-none { + object-fit: none; + } - .lg\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:object-scale-down { + object-fit: scale-down; + } - .lg\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:object-bottom { + object-position: bottom; + } - .lg\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:object-center { + object-position: center; + } - .lg\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:object-left { + object-position: left; + } - .lg\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:object-left-bottom { + object-position: left bottom; + } - .lg\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:object-left-top { + object-position: left top; + } - .lg\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:object-right { + object-position: right; + } - .lg\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:object-right-bottom { + object-position: right bottom; + } - .lg\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:object-right-top { + object-position: right top; + } - .lg\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:object-top { + object-position: top; + } - .lg\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:opacity-0 { + opacity: 0; + } - .lg\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:opacity-25 { + opacity: 0.25; + } - .lg\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:opacity-50 { + opacity: 0.5; + } - .lg\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:opacity-75 { + opacity: 0.75; + } - .lg\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:opacity-100 { + opacity: 1; + } - .lg\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .group:hover .md\:group-hover\:opacity-0 { + opacity: 0; + } - .lg\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .group:hover .md\:group-hover\:opacity-25 { + opacity: 0.25; + } - .lg\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .group:hover .md\:group-hover\:opacity-50 { + opacity: 0.5; + } - .lg\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .group:hover .md\:group-hover\:opacity-75 { + opacity: 0.75; + } - .lg\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .group:hover .md\:group-hover\:opacity-100 { + opacity: 1; + } - .lg\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:hover\:opacity-0:hover { + opacity: 0; + } - .lg\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:hover\:opacity-25:hover { + opacity: 0.25; + } - .lg\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:hover\:opacity-50:hover { + opacity: 0.5; + } - .lg\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:hover\:opacity-75:hover { + opacity: 0.75; + } - .lg\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:hover\:opacity-100:hover { + opacity: 1; + } - .lg\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:focus\:opacity-0:focus { + opacity: 0; + } - .lg\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:focus\:opacity-25:focus { + opacity: 0.25; + } - .lg\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:focus\:opacity-50:focus { + opacity: 0.5; + } - .lg\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:focus\:opacity-75:focus { + opacity: 0.75; + } - .lg\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:focus\:opacity-100:focus { + opacity: 1; + } - .lg\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; + } - .lg\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; + } - .lg\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; + } - .lg\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; + } - .lg\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; + } - .lg\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; + } - .lg\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:overflow-auto { + overflow: auto; + } - .lg\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:overflow-hidden { + overflow: hidden; + } - .lg\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:overflow-visible { + overflow: visible; + } - .lg\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:overflow-scroll { + overflow: scroll; + } - .lg\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:overflow-x-auto { + overflow-x: auto; + } - .lg\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:overflow-y-auto { + overflow-y: auto; + } - .lg\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:overflow-x-hidden { + overflow-x: hidden; + } - .lg\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:overflow-y-hidden { + overflow-y: hidden; + } - .lg\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:overflow-x-visible { + overflow-x: visible; + } - .lg\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:overflow-y-visible { + overflow-y: visible; + } - .lg\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:overflow-x-scroll { + overflow-x: scroll; + } - .lg\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:overflow-y-scroll { + overflow-y: scroll; + } - .lg\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:overscroll-auto { + overscroll-behavior: auto; + } - .lg\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:overscroll-contain { + overscroll-behavior: contain; + } - .lg\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:overscroll-none { + overscroll-behavior: none; + } - .lg\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:overscroll-y-auto { + overscroll-behavior-y: auto; + } - .lg\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:overscroll-y-contain { + overscroll-behavior-y: contain; + } - .lg\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:overscroll-y-none { + overscroll-behavior-y: none; + } - .lg\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:overscroll-x-auto { + overscroll-behavior-x: auto; + } - .lg\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:overscroll-x-contain { + overscroll-behavior-x: contain; + } - .lg\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:overscroll-x-none { + overscroll-behavior-x: none; + } - .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\:p-0 { + padding: 0; + } - .lg\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:p-1 { + padding: 0.25rem; + } - .lg\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:p-2 { + padding: 0.5rem; + } - .lg\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:p-3 { + padding: 0.75rem; + } - .lg\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:p-4 { + padding: 1rem; + } - .lg\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:p-5 { + padding: 1.25rem; + } - .lg\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:p-6 { + padding: 1.5rem; + } - .lg\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:p-7 { + padding: 1.75rem; + } - .lg\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:p-8 { + padding: 2rem; + } - .lg\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:p-9 { + padding: 2.25rem; + } - .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\:p-10 { + padding: 2.5rem; + } - .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\:p-12 { + padding: 3rem; + } - .lg\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:p-14 { + padding: 3.5rem; + } - .lg\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:p-16 { + padding: 4rem; + } - .lg\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:p-20 { + padding: 5rem; + } - .lg\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:p-24 { + padding: 6rem; + } - .lg\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:p-28 { + padding: 7rem; + } - .lg\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:p-32 { + padding: 8rem; + } - .lg\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:p-36 { + padding: 9rem; + } - .lg\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:p-40 { + padding: 10rem; + } - .lg\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:p-44 { + padding: 11rem; + } - .lg\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:p-48 { + padding: 12rem; + } - .lg\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:p-52 { + padding: 13rem; + } - .lg\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:p-56 { + padding: 14rem; + } - .lg\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:p-60 { + padding: 15rem; + } - .lg\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:p-64 { + padding: 16rem; + } - .lg\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:p-72 { + padding: 18rem; + } - .lg\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:p-80 { + padding: 20rem; + } - .lg\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:p-96 { + padding: 24rem; + } - .lg\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:p-px { + padding: 1px; + } - .lg\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:p-0\.5 { + padding: 0.125rem; + } - .lg\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:p-1\.5 { + padding: 0.375rem; + } - .lg\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:p-2\.5 { + padding: 0.625rem; + } - .lg\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:p-3\.5 { + padding: 0.875rem; + } - .lg\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; + } - .lg\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:px-0 { + padding-left: 0; + padding-right: 0; + } - .lg\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } - .lg\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } - .lg\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } - .lg\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } - .lg\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } - .lg\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } - .lg\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } - .lg\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } - .lg\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } - .lg\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } - .lg\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } - .lg\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } - .lg\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } - .lg\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; + } - .lg\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } - .lg\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } - .lg\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } - .lg\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } - .lg\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } - .lg\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } - .lg\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } - .lg\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } - .lg\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; + } - .lg\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; + } - .lg\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } - .lg\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } - .lg\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } - .lg\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } - .lg\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } - .lg\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } - .lg\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } - .lg\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:px-28 { + padding-left: 7rem; + padding-right: 7rem; + } - .lg\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } - .lg\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } - .lg\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; + } - .lg\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:px-36 { + padding-left: 9rem; + padding-right: 9rem; + } - .lg\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } - .lg\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } - .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\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; + } - .lg\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:px-44 { + padding-left: 11rem; + padding-right: 11rem; + } - .lg\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } - .lg\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } - .lg\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; + } - .lg\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:px-52 { + padding-left: 13rem; + padding-right: 13rem; + } - .lg\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; + } - .lg\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } - .lg\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; + } - .lg\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:px-60 { + padding-left: 15rem; + padding-right: 15rem; + } - .lg\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; + } - .lg\:dark\:to-current { - --gradient-to-color: currentColor; - } + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; + } - .lg\:dark\:to-black { - --gradient-to-color: #000; - } + .md\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; + } - .lg\:dark\:to-white { - --gradient-to-color: #fff; - } + .md\:px-72 { + padding-left: 18rem; + padding-right: 18rem; + } - .lg\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .md\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; + } - .lg\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .md\:px-80 { + padding-left: 20rem; + padding-right: 20rem; + } - .lg\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .md\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; + } - .lg\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .md\:px-96 { + padding-left: 24rem; + padding-right: 24rem; + } - .lg\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; + } - .lg\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .md\:px-px { + padding-left: 1px; + padding-right: 1px; + } - .lg\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .md\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; + } - .lg\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .md\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; + } - .lg\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .md\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + } - .lg\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .md\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } - .lg\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .md\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; + } - .lg\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .md\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; + } - .lg\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .md\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; + } - .lg\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .md\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; + } - .lg\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .md\:pt-0 { + padding-top: 0; + } - .lg\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .md\:pr-0 { + padding-right: 0; + } - .lg\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .md\:pb-0 { + padding-bottom: 0; + } - .lg\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .md\:pl-0 { + padding-left: 0; + } - .lg\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .md\:pt-1 { + padding-top: 0.25rem; + } - .lg\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .md\:pr-1 { + padding-right: 0.25rem; + } - .lg\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .md\:pb-1 { + padding-bottom: 0.25rem; + } - .lg\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .md\:pl-1 { + padding-left: 0.25rem; + } - .lg\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .md\:pt-2 { + padding-top: 0.5rem; + } - .lg\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .md\:pr-2 { + padding-right: 0.5rem; + } - .lg\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .md\:pb-2 { + padding-bottom: 0.5rem; + } - .lg\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .md\:pl-2 { + padding-left: 0.5rem; + } - .lg\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .md\:pt-3 { + padding-top: 0.75rem; + } - .lg\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .md\:pr-3 { + padding-right: 0.75rem; + } - .lg\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .md\:pb-3 { + padding-bottom: 0.75rem; + } - .lg\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .md\:pl-3 { + padding-left: 0.75rem; + } - .lg\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .md\:pt-4 { + padding-top: 1rem; + } - .lg\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .md\:pr-4 { + padding-right: 1rem; + } - .lg\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .md\:pb-4 { + padding-bottom: 1rem; + } - .lg\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .md\:pl-4 { + padding-left: 1rem; + } - .lg\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .md\:pt-5 { + padding-top: 1.25rem; + } - .lg\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .md\:pr-5 { + padding-right: 1.25rem; + } - .lg\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .md\:pb-5 { + padding-bottom: 1.25rem; + } - .lg\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .md\:pl-5 { + padding-left: 1.25rem; + } - .lg\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .md\:pt-6 { + padding-top: 1.5rem; + } - .lg\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .md\:pr-6 { + padding-right: 1.5rem; + } - .lg\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .md\:pb-6 { + padding-bottom: 1.5rem; + } - .lg\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .md\:pl-6 { + padding-left: 1.5rem; + } - .lg\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .md\:pt-7 { + padding-top: 1.75rem; + } - .lg\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .md\:pr-7 { + padding-right: 1.75rem; + } - .lg\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .md\:pb-7 { + padding-bottom: 1.75rem; + } - .lg\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .md\:pl-7 { + padding-left: 1.75rem; + } - .lg\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .md\:pt-8 { + padding-top: 2rem; + } - .lg\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .md\:pr-8 { + padding-right: 2rem; + } - .lg\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .md\:pb-8 { + padding-bottom: 2rem; + } - .lg\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .md\:pl-8 { + padding-left: 2rem; + } - .lg\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .md\:pt-9 { + padding-top: 2.25rem; + } - .lg\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .md\:pr-9 { + padding-right: 2.25rem; + } - .lg\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .md\:pb-9 { + padding-bottom: 2.25rem; + } - .lg\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .md\:pl-9 { + padding-left: 2.25rem; + } - .lg\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .md\:pt-10 { + padding-top: 2.5rem; + } - .lg\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .md\:pr-10 { + padding-right: 2.5rem; + } - .lg\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .md\:pb-10 { + padding-bottom: 2.5rem; + } - .lg\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .md\:pl-10 { + padding-left: 2.5rem; + } - .lg\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .md\:pt-12 { + padding-top: 3rem; + } - .lg\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .md\:pr-12 { + padding-right: 3rem; + } - .lg\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .md\:pb-12 { + padding-bottom: 3rem; + } - .lg\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .md\:pl-12 { + padding-left: 3rem; + } - .lg\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .md\:pt-14 { + padding-top: 3.5rem; + } - .lg\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .md\:pr-14 { + padding-right: 3.5rem; + } - .lg\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .md\:pb-14 { + padding-bottom: 3.5rem; + } - .lg\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .md\:pl-14 { + padding-left: 3.5rem; + } - .lg\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .md\:pt-16 { + padding-top: 4rem; + } - .lg\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .md\:pr-16 { + padding-right: 4rem; + } - .lg\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .md\:pb-16 { + padding-bottom: 4rem; + } - .lg\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .md\:pl-16 { + padding-left: 4rem; + } - .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\:pt-20 { + padding-top: 5rem; + } - .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\:pr-20 { + padding-right: 5rem; + } - .lg\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:pb-20 { + padding-bottom: 5rem; + } - .lg\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:pl-20 { + padding-left: 5rem; + } - .lg\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:pt-24 { + padding-top: 6rem; + } - .lg\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:pr-24 { + padding-right: 6rem; + } - .lg\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:pb-24 { + padding-bottom: 6rem; + } - .lg\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:pl-24 { + padding-left: 6rem; + } - .lg\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:pt-28 { + padding-top: 7rem; + } - .lg\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:pr-28 { + padding-right: 7rem; + } - .lg\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:pb-28 { + padding-bottom: 7rem; + } - .lg\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:pl-28 { + padding-left: 7rem; + } - .lg\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:pt-32 { + padding-top: 8rem; + } - .lg\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:pr-32 { + padding-right: 8rem; + } - .lg\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:pb-32 { + padding-bottom: 8rem; + } - .lg\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:pl-32 { + padding-left: 8rem; + } - .lg\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:pt-36 { + padding-top: 9rem; + } - .lg\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:pr-36 { + padding-right: 9rem; + } - .lg\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:pb-36 { + padding-bottom: 9rem; + } - .lg\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:pl-36 { + padding-left: 9rem; + } - .lg\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:pt-40 { + padding-top: 10rem; + } - .lg\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:pr-40 { + padding-right: 10rem; + } - .lg\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:pb-40 { + padding-bottom: 10rem; + } - .lg\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:pl-40 { + padding-left: 10rem; + } - .lg\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:pt-44 { + padding-top: 11rem; + } - .lg\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:pr-44 { + padding-right: 11rem; + } - .lg\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:pb-44 { + padding-bottom: 11rem; + } - .lg\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:pl-44 { + padding-left: 11rem; + } - .lg\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:pt-48 { + padding-top: 12rem; + } - .lg\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:pr-48 { + padding-right: 12rem; + } - .lg\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:pb-48 { + padding-bottom: 12rem; + } - .lg\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:pl-48 { + padding-left: 12rem; + } - .lg\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:pt-52 { + padding-top: 13rem; + } - .lg\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:pr-52 { + padding-right: 13rem; + } - .lg\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:pb-52 { + padding-bottom: 13rem; + } - .lg\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:pl-52 { + padding-left: 13rem; + } - .lg\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:pt-56 { + padding-top: 14rem; + } - .lg\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:pr-56 { + padding-right: 14rem; + } - .lg\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:pb-56 { + padding-bottom: 14rem; + } - .lg\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:pl-56 { + padding-left: 14rem; + } - .lg\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:pt-60 { + padding-top: 15rem; + } - .lg\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:pr-60 { + padding-right: 15rem; + } - .lg\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:pb-60 { + padding-bottom: 15rem; + } - .lg\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:pl-60 { + padding-left: 15rem; + } - .lg\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:pt-64 { + padding-top: 16rem; + } - .lg\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:pr-64 { + padding-right: 16rem; + } - .lg\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:pb-64 { + padding-bottom: 16rem; + } - .lg\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:pl-64 { + padding-left: 16rem; + } - .lg\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:pt-72 { + padding-top: 18rem; + } - .lg\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:pr-72 { + padding-right: 18rem; + } - .lg\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:pb-72 { + padding-bottom: 18rem; + } - .lg\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:pl-72 { + padding-left: 18rem; + } - .lg\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:pt-80 { + padding-top: 20rem; + } - .lg\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:pr-80 { + padding-right: 20rem; + } - .lg\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:pb-80 { + padding-bottom: 20rem; + } - .lg\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:pl-80 { + padding-left: 20rem; + } - .lg\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:pt-96 { + padding-top: 24rem; + } - .lg\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:pr-96 { + padding-right: 24rem; + } - .lg\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:pb-96 { + padding-bottom: 24rem; + } - .lg\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:pl-96 { + padding-left: 24rem; + } - .lg\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:pt-px { + padding-top: 1px; + } - .lg\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:pr-px { + padding-right: 1px; + } - .lg\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:pb-px { + padding-bottom: 1px; + } - .lg\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:pl-px { + padding-left: 1px; + } - .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\:pt-0\.5 { + padding-top: 0.125rem; + } - .lg\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:pr-0\.5 { + padding-right: 0.125rem; + } - .lg\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .lg\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:pl-0\.5 { + padding-left: 0.125rem; + } - .lg\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:pt-1\.5 { + padding-top: 0.375rem; + } - .lg\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:pr-1\.5 { + padding-right: 0.375rem; + } - .lg\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .lg\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:pl-1\.5 { + padding-left: 0.375rem; + } - .lg\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:pt-2\.5 { + padding-top: 0.625rem; + } - .lg\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:pr-2\.5 { + padding-right: 0.625rem; + } - .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\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .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\:pl-2\.5 { + padding-left: 0.625rem; + } - .lg\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:pt-3\.5 { + padding-top: 0.875rem; + } - .lg\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:pr-3\.5 { + padding-right: 0.875rem; + } - .lg\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .lg\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:pl-3\.5 { + padding-left: 0.875rem; + } - .lg\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:placeholder-transparent::placeholder { + color: transparent; + } - .lg\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:placeholder-current::placeholder { + color: currentColor; + } - .lg\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .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\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .md\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .md\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .md\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .md\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .md\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .md\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .lg\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .lg\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .md\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .md\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .md\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .md\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .md\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .md\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .md\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .md\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .md\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .md\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .md\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .md\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .md\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .md\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .md\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .md\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .md\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .md\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .md\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .md\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .md\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .md\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .md\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .md\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .md\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .md\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .md\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .md\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .md\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .md\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .md\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .md\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .md\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .md\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .md\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .md\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .md\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .md\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .md\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .md\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .md\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .md\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .md\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .md\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .md\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .md\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .md\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .md\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .md\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .md\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .md\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .md\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .md\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .md\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .md\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .md\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .md\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .md\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .md\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .md\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .md\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .md\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .md\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .md\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .md\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .md\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .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\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .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\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; + } - .lg\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; + } - .lg\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; + } - .lg\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; + } - .lg\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; + } - .lg\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; + } - .lg\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; + } - .lg\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; + } - .lg\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; + } - .lg\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; + } - .lg\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:pointer-events-none { + pointer-events: none; + } - .lg\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:pointer-events-auto { + pointer-events: auto; + } - .lg\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:static { + position: static; + } - .lg\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:fixed { + position: fixed; + } - .lg\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:absolute { + position: absolute; + } - .lg\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:relative { + position: relative; + } - .lg\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:sticky { + position: sticky; + } - .lg\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } - .lg\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } - .lg\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } - .lg\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } - .lg\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } - .lg\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } - .lg\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } - .lg\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } - .lg\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } - .lg\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } - .lg\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } - .lg\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } - .lg\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } - .lg\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } - .lg\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } - .lg\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } - .lg\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } - .lg\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } - .lg\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } - .lg\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } - .lg\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } - .lg\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } - .lg\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } - .lg\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } - .lg\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } - .lg\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } - .lg\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } - .lg\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } - .lg\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } - .lg\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } - .lg\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } - .lg\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } - .lg\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } - .lg\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } - .lg\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } - .lg\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } - .lg\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } - .lg\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } - .lg\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } - .lg\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } - .lg\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.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\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } - .lg\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } - .lg\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } - .lg\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } - .lg\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } - .lg\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } - .lg\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } - .lg\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } - .lg\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } - .lg\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } - .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\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } - .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\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } - .lg\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } - .lg\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } - .lg\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } - .lg\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } - .lg\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } - .lg\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } - .lg\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } - .lg\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } - .lg\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } - .lg\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } - .lg\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } - .lg\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } - .lg\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } - .lg\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } - .lg\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } - .lg\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .lg\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } - .lg\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } - .lg\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } - .lg\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .lg\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } - .lg\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } - .lg\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .lg\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } - .lg\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } - .lg\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } - .lg\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .lg\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } - .lg\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } - .lg\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:inset-y-0 { + top: 0; + bottom: 0; + } - .lg\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:inset-x-0 { + right: 0; + left: 0; + } - .lg\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } - .lg\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } - .lg\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } - .lg\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } - .lg\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } - .lg\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } - .lg\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } - .lg\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:inset-x-4 { + right: 1rem; + left: 1rem; + } - .lg\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } - .lg\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } - .lg\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } - .lg\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } - .lg\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } - .lg\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } - .lg\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } - .lg\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:inset-x-8 { + right: 2rem; + left: 2rem; + } - .lg\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } - .lg\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; + } - .lg\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; + } - .lg\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; + } - .lg\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:inset-y-12 { + top: 3rem; + bottom: 3rem; + } - .lg\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:inset-x-12 { + right: 3rem; + left: 3rem; + } - .lg\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; + } - .lg\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; + } - .lg\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:inset-y-16 { + top: 4rem; + bottom: 4rem; + } - .lg\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:inset-x-16 { + right: 4rem; + left: 4rem; + } - .lg\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:inset-y-20 { + top: 5rem; + bottom: 5rem; + } - .lg\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:inset-x-20 { + right: 5rem; + left: 5rem; + } - .lg\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:inset-y-24 { + top: 6rem; + bottom: 6rem; + } - .lg\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:inset-x-24 { + right: 6rem; + left: 6rem; + } - .lg\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:inset-y-28 { + top: 7rem; + bottom: 7rem; + } - .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\:inset-x-28 { + right: 7rem; + left: 7rem; + } - .lg\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:inset-y-32 { + top: 8rem; + bottom: 8rem; + } - .lg\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:inset-x-32 { + right: 8rem; + left: 8rem; + } - .lg\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:inset-y-36 { + top: 9rem; + bottom: 9rem; + } - .lg\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:inset-x-36 { + right: 9rem; + left: 9rem; + } - .lg\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:inset-y-40 { + top: 10rem; + bottom: 10rem; + } - .lg\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:inset-x-40 { + right: 10rem; + left: 10rem; + } - .lg\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:inset-y-44 { + top: 11rem; + bottom: 11rem; + } - .lg\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:inset-x-44 { + right: 11rem; + left: 11rem; + } - .lg\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:inset-y-48 { + top: 12rem; + bottom: 12rem; + } - .lg\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .md\:inset-x-48 { + right: 12rem; + left: 12rem; + } - .lg\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .md\:inset-y-52 { + top: 13rem; + bottom: 13rem; + } - .lg\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .md\:inset-x-52 { + right: 13rem; + left: 13rem; + } - .lg\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .md\:inset-y-56 { + top: 14rem; + bottom: 14rem; + } - .lg\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .md\:inset-x-56 { + right: 14rem; + left: 14rem; + } - .lg\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .md\:inset-y-60 { + top: 15rem; + bottom: 15rem; + } - .lg\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .md\:inset-x-60 { + right: 15rem; + left: 15rem; + } - .lg\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .md\:inset-y-64 { + top: 16rem; + bottom: 16rem; + } - .lg\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .md\:inset-x-64 { + right: 16rem; + left: 16rem; + } - .lg\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .md\:inset-y-72 { + top: 18rem; + bottom: 18rem; + } - .lg\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .md\:inset-x-72 { + right: 18rem; + left: 18rem; + } - .lg\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .md\:inset-y-80 { + top: 20rem; + bottom: 20rem; + } - .lg\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .md\:inset-x-80 { + right: 20rem; + left: 20rem; + } - .lg\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .md\:inset-y-96 { + top: 24rem; + bottom: 24rem; + } - .lg\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .md\:inset-x-96 { + right: 24rem; + left: 24rem; + } - .lg\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .md\:inset-y-auto { + top: auto; + bottom: auto; + } - .lg\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .md\:inset-x-auto { + right: auto; + left: auto; + } - .lg\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .md\:inset-y-px { + top: 1px; + bottom: 1px; + } - .lg\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .md\:inset-x-px { + right: 1px; + left: 1px; + } - .lg\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .md\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; + } - .lg\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .md\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; + } - .lg\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .md\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; + } - .lg\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .md\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; + } - .lg\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .md\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; + } - .lg\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .md\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; + } - .lg\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .md\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; + } - .lg\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .md\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; + } - .lg\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .md\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; + } - .lg\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .md\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; + } - .lg\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .md\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; + } - .lg\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .md\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; + } - .lg\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .md\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; + } - .lg\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .md\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; + } - .lg\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .md\:-inset-y-4 { + top: -1rem; + bottom: -1rem; + } - .lg\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .md\:-inset-x-4 { + right: -1rem; + left: -1rem; + } - .lg\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .md\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; + } - .lg\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .md\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; + } - .lg\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .md\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; + } - .lg\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .md\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; + } - .lg\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .md\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; + } - .lg\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .md\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; + } - .lg\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .md\:-inset-y-8 { + top: -2rem; + bottom: -2rem; + } - .lg\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .md\:-inset-x-8 { + right: -2rem; + left: -2rem; + } - .lg\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .md\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; + } - .lg\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .md\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; + } - .lg\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .md\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; + } - .lg\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .md\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; + } - .lg\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .md\:-inset-y-12 { + top: -3rem; + bottom: -3rem; + } - .lg\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .md\:-inset-x-12 { + right: -3rem; + left: -3rem; + } - .lg\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .md\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; + } - .lg\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .md\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; + } - .lg\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .md\:-inset-y-16 { + top: -4rem; + bottom: -4rem; + } - .lg\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .md\:-inset-x-16 { + right: -4rem; + left: -4rem; + } - .lg\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .md\:-inset-y-20 { + top: -5rem; + bottom: -5rem; + } - .lg\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .md\:-inset-x-20 { + right: -5rem; + left: -5rem; + } - .lg\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .md\:-inset-y-24 { + top: -6rem; + bottom: -6rem; + } - .lg\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .md\:-inset-x-24 { + right: -6rem; + left: -6rem; + } - .lg\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .md\:-inset-y-28 { + top: -7rem; + bottom: -7rem; + } - .lg\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .md\:-inset-x-28 { + right: -7rem; + left: -7rem; + } - .lg\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .md\:-inset-y-32 { + top: -8rem; + bottom: -8rem; + } - .lg\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .md\:-inset-x-32 { + right: -8rem; + left: -8rem; + } - .lg\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .md\:-inset-y-36 { + top: -9rem; + bottom: -9rem; + } - .lg\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .md\:-inset-x-36 { + right: -9rem; + left: -9rem; + } - .lg\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .md\:-inset-y-40 { + top: -10rem; + bottom: -10rem; + } - .lg\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .md\:-inset-x-40 { + right: -10rem; + left: -10rem; + } - .lg\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .md\:-inset-y-44 { + top: -11rem; + bottom: -11rem; + } - .lg\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .md\:-inset-x-44 { + right: -11rem; + left: -11rem; + } - .lg\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .md\:-inset-y-48 { + top: -12rem; + bottom: -12rem; + } - .lg\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .md\:-inset-x-48 { + right: -12rem; + left: -12rem; + } - .lg\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .md\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } - .lg\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .md\:-inset-x-52 { + right: -13rem; + left: -13rem; + } - .lg\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .md\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } - .lg\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .md\:-inset-x-56 { + right: -14rem; + left: -14rem; + } - .lg\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .md\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .lg\:bg-opacity-0 { - --bg-opacity: 0; + .md\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .lg\:bg-opacity-25 { - --bg-opacity: 0.25; + .md\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .lg\:bg-opacity-50 { - --bg-opacity: 0.5; + .md\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .lg\:bg-opacity-75 { - --bg-opacity: 0.75; + .md\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .lg\:bg-opacity-100 { - --bg-opacity: 1; + .md\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .group:hover .lg\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; + .md\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .group:hover .lg\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; + .md\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .group:hover .lg\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; + .md\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .group:hover .lg\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; + .md\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .group:hover .lg\:group-hover\:bg-opacity-100 { - --bg-opacity: 1; + .md\:-inset-y-px { + top: -1px; + bottom: -1px; } - .lg\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .md\:-inset-x-px { + right: -1px; + left: -1px; } - .lg\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .md\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .lg\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .md\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .lg\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .md\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .lg\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .md\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .lg\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .md\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .lg\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .md\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .lg\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .md\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .lg\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .md\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .lg\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .md\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .lg\:bg-bottom { - background-position: bottom; + .md\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .lg\:bg-center { - background-position: center; + .md\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .lg\:bg-left { - background-position: left; + .md\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .lg\:bg-left-bottom { - background-position: left bottom; + .md\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .lg\:bg-left-top { - background-position: left top; + .md\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .lg\:bg-right { - background-position: right; + .md\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .lg\:bg-right-bottom { - background-position: right bottom; + .md\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .lg\:bg-right-top { - background-position: right top; + .md\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .lg\:bg-top { - background-position: top; + .md\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .lg\:bg-repeat { - background-repeat: repeat; + .md\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .md\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .md\:inset-y-full { + top: 100%; + bottom: 100%; } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .md\:inset-x-full { + right: 100%; + left: 100%; } - .lg\:bg-repeat-round { - background-repeat: round; + .md\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .lg\:bg-repeat-space { - background-repeat: space; + .md\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .lg\:bg-auto { - background-size: auto; + .md\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .lg\:bg-cover { - background-size: cover; + .md\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .lg\:bg-contain { - background-size: contain; + .md\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .lg\:border-collapse { - border-collapse: collapse; + .md\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .lg\:border-separate { - border-collapse: separate; + .md\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .lg\:border-transparent { - border-color: transparent; + .md\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .lg\:border-current { - border-color: currentColor; + .md\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .lg\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .lg\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .lg\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .lg\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:-inset-y-full { + top: -100%; + bottom: -100%; } - .lg\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:-inset-x-full { + right: -100%; + left: -100%; } - .lg\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:top-0 { + top: 0; } - .lg\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:right-0 { + right: 0; } - .lg\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:bottom-0 { + bottom: 0; } - .lg\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:left-0 { + left: 0; } - .lg\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:top-1 { + top: 0.25rem; } - .lg\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:right-1 { + right: 0.25rem; } - .lg\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:bottom-1 { + bottom: 0.25rem; } - .lg\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:left-1 { + left: 0.25rem; } - .lg\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:top-2 { + top: 0.5rem; } - .lg\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:right-2 { + right: 0.5rem; } - .lg\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:bottom-2 { + bottom: 0.5rem; } - .lg\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:left-2 { + left: 0.5rem; } - .lg\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:top-3 { + top: 0.75rem; } - .lg\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:right-3 { + right: 0.75rem; } - .lg\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:bottom-3 { + bottom: 0.75rem; } - .lg\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:left-3 { + left: 0.75rem; } - .lg\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:top-4 { + top: 1rem; } - .lg\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:right-4 { + right: 1rem; } - .lg\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:bottom-4 { + bottom: 1rem; } - .lg\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:left-4 { + left: 1rem; } - .lg\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:top-5 { + top: 1.25rem; } - .lg\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:right-5 { + right: 1.25rem; } - .lg\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:bottom-5 { + bottom: 1.25rem; } - .lg\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:left-5 { + left: 1.25rem; } - .lg\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:top-6 { + top: 1.5rem; } - .lg\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:right-6 { + right: 1.5rem; } - .lg\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:bottom-6 { + bottom: 1.5rem; } - .lg\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:left-6 { + left: 1.5rem; } - .lg\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:top-7 { + top: 1.75rem; } - .lg\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:right-7 { + right: 1.75rem; } - .lg\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:bottom-7 { + bottom: 1.75rem; } - .lg\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:left-7 { + left: 1.75rem; } - .lg\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:top-8 { + top: 2rem; } - .lg\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:right-8 { + right: 2rem; } - .lg\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:bottom-8 { + bottom: 2rem; } - .lg\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:left-8 { + left: 2rem; } - .lg\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:top-9 { + top: 2.25rem; } - .lg\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:right-9 { + right: 2.25rem; } - .lg\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:bottom-9 { + bottom: 2.25rem; } - .lg\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:left-9 { + left: 2.25rem; } - .lg\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:top-10 { + top: 2.5rem; } - .lg\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:right-10 { + right: 2.5rem; } - .lg\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:bottom-10 { + bottom: 2.5rem; } - .lg\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:left-10 { + left: 2.5rem; } - .lg\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:top-12 { + top: 3rem; } - .lg\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:right-12 { + right: 3rem; } - .lg\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:bottom-12 { + bottom: 3rem; } - .lg\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:left-12 { + left: 3rem; } - .lg\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:top-14 { + top: 3.5rem; } - .lg\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:right-14 { + right: 3.5rem; } - .lg\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:bottom-14 { + bottom: 3.5rem; } - .lg\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:left-14 { + left: 3.5rem; } - .lg\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:top-16 { + top: 4rem; } - .lg\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:right-16 { + right: 4rem; } - .lg\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:bottom-16 { + bottom: 4rem; } - .lg\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:left-16 { + left: 4rem; } - .lg\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:top-20 { + top: 5rem; } - .lg\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:right-20 { + right: 5rem; } - .lg\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:bottom-20 { + bottom: 5rem; } - .lg\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:left-20 { + left: 5rem; } - .lg\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:top-24 { + top: 6rem; } - .lg\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:right-24 { + right: 6rem; } - .lg\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:bottom-24 { + bottom: 6rem; } - .lg\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:left-24 { + left: 6rem; } - .lg\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:top-28 { + top: 7rem; } - .lg\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:right-28 { + right: 7rem; } - .lg\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:bottom-28 { + bottom: 7rem; } - .group:hover .lg\:group-hover\:border-transparent { - border-color: transparent; + .md\:left-28 { + left: 7rem; } - .group:hover .lg\:group-hover\:border-current { - border-color: currentColor; + .md\:top-32 { + top: 8rem; } - .group:hover .lg\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:right-32 { + right: 8rem; } - .group:hover .lg\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:bottom-32 { + bottom: 8rem; } - .group:hover .lg\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:left-32 { + left: 8rem; } - .group:hover .lg\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:top-36 { + top: 9rem; } - .group:hover .lg\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:right-36 { + right: 9rem; } - .group:hover .lg\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:bottom-36 { + bottom: 9rem; } - .group:hover .lg\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:left-36 { + left: 9rem; } - .group:hover .lg\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:top-40 { + top: 10rem; } - .group:hover .lg\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:right-40 { + right: 10rem; } - .group:hover .lg\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:bottom-40 { + bottom: 10rem; } - .group:hover .lg\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:left-40 { + left: 10rem; } - .group:hover .lg\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:top-44 { + top: 11rem; } - .group:hover .lg\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:right-44 { + right: 11rem; } - .group:hover .lg\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:bottom-44 { + bottom: 11rem; } - .group:hover .lg\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:left-44 { + left: 11rem; } - .group:hover .lg\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:top-48 { + top: 12rem; } - .group:hover .lg\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:right-48 { + right: 12rem; } - .group:hover .lg\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:bottom-48 { + bottom: 12rem; } - .group:hover .lg\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:left-48 { + left: 12rem; } - .group:hover .lg\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:top-52 { + top: 13rem; } - .group:hover .lg\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:right-52 { + right: 13rem; } - .group:hover .lg\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:bottom-52 { + bottom: 13rem; } - .group:hover .lg\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:left-52 { + left: 13rem; } - .group:hover .lg\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:top-56 { + top: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:right-56 { + right: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:bottom-56 { + bottom: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:left-56 { + left: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:top-60 { + top: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:right-60 { + right: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:bottom-60 { + bottom: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:left-60 { + left: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:top-64 { + top: 16rem; } - .group:hover .lg\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:right-64 { + right: 16rem; } - .group:hover .lg\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:bottom-64 { + bottom: 16rem; } - .group:hover .lg\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:left-64 { + left: 16rem; } - .group:hover .lg\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:top-72 { + top: 18rem; } - .group:hover .lg\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:right-72 { + right: 18rem; } - .group:hover .lg\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:bottom-72 { + bottom: 18rem; } - .group:hover .lg\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:left-72 { + left: 18rem; } - .group:hover .lg\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:top-80 { + top: 20rem; } - .group:hover .lg\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:right-80 { + right: 20rem; } - .group:hover .lg\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:bottom-80 { + bottom: 20rem; } - .group:hover .lg\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:left-80 { + left: 20rem; } - .group:hover .lg\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:top-96 { + top: 24rem; } - .group:hover .lg\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:right-96 { + right: 24rem; } - .group:hover .lg\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:bottom-96 { + bottom: 24rem; } - .group:hover .lg\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:left-96 { + left: 24rem; } - .group:hover .lg\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:top-auto { + top: auto; } - .group:hover .lg\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:right-auto { + right: auto; } - .group:hover .lg\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:bottom-auto { + bottom: auto; } - .group:hover .lg\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:left-auto { + left: auto; } - .group:hover .lg\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:top-px { + top: 1px; } - .group:hover .lg\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:right-px { + right: 1px; } - .group:hover .lg\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:bottom-px { + bottom: 1px; } - .group:hover .lg\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:left-px { + left: 1px; } - .group:hover .lg\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:top-0\.5 { + top: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:right-0\.5 { + right: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:bottom-0\.5 { + bottom: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:left-0\.5 { + left: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:top-1\.5 { + top: 0.375rem; } - .group:hover .lg\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:right-1\.5 { + right: 0.375rem; } - .group:hover .lg\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:bottom-1\.5 { + bottom: 0.375rem; } - .group:hover .lg\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:left-1\.5 { + left: 0.375rem; } - .group:hover .lg\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:top-2\.5 { + top: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:right-2\.5 { + right: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:bottom-2\.5 { + bottom: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:left-2\.5 { + left: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:top-3\.5 { + top: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:right-3\.5 { + right: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:bottom-3\.5 { + bottom: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:left-3\.5 { + left: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:-top-1 { + top: -0.25rem; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .md\:-right-1 { + right: -0.25rem; } - .lg\:hover\:border-current:hover { - border-color: currentColor; + .md\:-bottom-1 { + bottom: -0.25rem; } - .lg\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:-left-1 { + left: -0.25rem; } - .lg\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:-top-2 { + top: -0.5rem; } - .lg\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:-right-2 { + right: -0.5rem; } - .lg\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:-bottom-2 { + bottom: -0.5rem; } - .lg\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:-left-2 { + left: -0.5rem; } - .lg\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:-top-3 { + top: -0.75rem; } - .lg\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:-right-3 { + right: -0.75rem; } - .lg\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:-bottom-3 { + bottom: -0.75rem; } - .lg\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:-left-3 { + left: -0.75rem; } - .lg\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:-top-4 { + top: -1rem; } - .lg\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:-right-4 { + right: -1rem; } - .lg\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:-bottom-4 { + bottom: -1rem; } - .lg\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:-left-4 { + left: -1rem; } - .lg\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:-top-5 { + top: -1.25rem; } - .lg\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:-right-5 { + right: -1.25rem; } - .lg\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:-bottom-5 { + bottom: -1.25rem; } - .lg\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:-left-5 { + left: -1.25rem; } - .lg\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:-top-6 { + top: -1.5rem; } - .lg\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:-right-6 { + right: -1.5rem; } - .lg\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:-bottom-6 { + bottom: -1.5rem; } - .lg\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:-left-6 { + left: -1.5rem; } - .lg\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:-top-7 { + top: -1.75rem; } - .lg\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:-right-7 { + right: -1.75rem; } - .lg\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:-bottom-7 { + bottom: -1.75rem; } - .lg\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:-left-7 { + left: -1.75rem; } - .lg\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:-top-8 { + top: -2rem; } - .lg\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:-right-8 { + right: -2rem; } - .lg\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:-bottom-8 { + bottom: -2rem; } - .lg\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:-left-8 { + left: -2rem; } - .lg\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:-top-9 { + top: -2.25rem; } - .lg\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:-right-9 { + right: -2.25rem; } - .lg\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:-bottom-9 { + bottom: -2.25rem; } - .lg\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:-left-9 { + left: -2.25rem; } - .lg\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:-top-10 { + top: -2.5rem; } - .lg\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:-right-10 { + right: -2.5rem; } - .lg\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:-bottom-10 { + bottom: -2.5rem; } - .lg\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:-left-10 { + left: -2.5rem; } - .lg\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:-top-12 { + top: -3rem; } - .lg\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:-right-12 { + right: -3rem; } - .lg\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:-bottom-12 { + bottom: -3rem; } - .lg\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:-left-12 { + left: -3rem; } - .lg\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:-top-14 { + top: -3.5rem; } - .lg\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:-right-14 { + right: -3.5rem; } - .lg\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:-bottom-14 { + bottom: -3.5rem; } - .lg\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:-left-14 { + left: -3.5rem; } - .lg\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:-top-16 { + top: -4rem; } - .lg\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:-right-16 { + right: -4rem; } - .lg\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:-bottom-16 { + bottom: -4rem; } - .lg\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:-left-16 { + left: -4rem; } - .lg\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:-top-20 { + top: -5rem; } - .lg\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:-right-20 { + right: -5rem; } - .lg\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:-bottom-20 { + bottom: -5rem; } - .lg\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:-left-20 { + left: -5rem; } - .lg\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:-top-24 { + top: -6rem; } - .lg\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:-right-24 { + right: -6rem; } - .lg\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:-bottom-24 { + bottom: -6rem; } - .lg\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:-left-24 { + left: -6rem; } - .lg\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:-top-28 { + top: -7rem; } - .lg\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:-right-28 { + right: -7rem; } - .lg\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:-bottom-28 { + bottom: -7rem; } - .lg\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:-left-28 { + left: -7rem; } - .lg\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:-top-32 { + top: -8rem; } - .lg\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:-right-32 { + right: -8rem; } - .lg\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:-bottom-32 { + bottom: -8rem; } - .lg\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:-left-32 { + left: -8rem; } - .lg\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:-top-36 { + top: -9rem; } - .lg\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:-right-36 { + right: -9rem; } - .lg\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:-bottom-36 { + bottom: -9rem; } - .lg\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:-left-36 { + left: -9rem; } - .lg\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:-top-40 { + top: -10rem; } - .lg\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:-right-40 { + right: -10rem; } - .lg\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:-bottom-40 { + bottom: -10rem; } - .lg\:focus\:border-transparent:focus { - border-color: transparent; + .md\:-left-40 { + left: -10rem; } - .lg\:focus\:border-current:focus { - border-color: currentColor; + .md\:-top-44 { + top: -11rem; } - .lg\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:-right-44 { + right: -11rem; } - .lg\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:-bottom-44 { + bottom: -11rem; } - .lg\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:-left-44 { + left: -11rem; } - .lg\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:-top-48 { + top: -12rem; } - .lg\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:-right-48 { + right: -12rem; } - .lg\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:-bottom-48 { + bottom: -12rem; } - .lg\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:-left-48 { + left: -12rem; } - .lg\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:-top-52 { + top: -13rem; } - .lg\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:-right-52 { + right: -13rem; } - .lg\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:-bottom-52 { + bottom: -13rem; } - .lg\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:-left-52 { + left: -13rem; } - .lg\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:-top-56 { + top: -14rem; } - .lg\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:-right-56 { + right: -14rem; } - .lg\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:-bottom-56 { + bottom: -14rem; } - .lg\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:-left-56 { + left: -14rem; } - .lg\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:-top-60 { + top: -15rem; } - .lg\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:-right-60 { + right: -15rem; } - .lg\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:-bottom-60 { + bottom: -15rem; } - .lg\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:-left-60 { + left: -15rem; } - .lg\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:-top-64 { + top: -16rem; } - .lg\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:-right-64 { + right: -16rem; } - .lg\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:-bottom-64 { + bottom: -16rem; } - .lg\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:-left-64 { + left: -16rem; } - .lg\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:-top-72 { + top: -18rem; } - .lg\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:-right-72 { + right: -18rem; } - .lg\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:-bottom-72 { + bottom: -18rem; } - .lg\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:-left-72 { + left: -18rem; } - .lg\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:-top-80 { + top: -20rem; } - .lg\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:-right-80 { + right: -20rem; } - .lg\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:-bottom-80 { + bottom: -20rem; } - .lg\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:-left-80 { + left: -20rem; } - .lg\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:-top-96 { + top: -24rem; } - .lg\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:-right-96 { + right: -24rem; } - .lg\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:-bottom-96 { + bottom: -24rem; } - .lg\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:-left-96 { + left: -24rem; } - .lg\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:-top-px { + top: -1px; } - .lg\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:-right-px { + right: -1px; } - .lg\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:-bottom-px { + bottom: -1px; } - .lg\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:-left-px { + left: -1px; } - .lg\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:-top-0\.5 { + top: -0.125rem; } - .lg\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:-right-0\.5 { + right: -0.125rem; } - .lg\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:-bottom-0\.5 { + bottom: -0.125rem; } - .lg\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:-left-0\.5 { + left: -0.125rem; } - .lg\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:-top-1\.5 { + top: -0.375rem; } - .lg\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:-right-1\.5 { + right: -0.375rem; } - .lg\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:-bottom-1\.5 { + bottom: -0.375rem; } - .lg\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:-left-1\.5 { + left: -0.375rem; } - .lg\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:-top-2\.5 { + top: -0.625rem; } - .lg\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:-right-2\.5 { + right: -0.625rem; } - .lg\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:-bottom-2\.5 { + bottom: -0.625rem; } - .lg\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:-left-2\.5 { + left: -0.625rem; } - .lg\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:-top-3\.5 { + top: -0.875rem; } - .lg\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:-right-3\.5 { + right: -0.875rem; } - .lg\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:-bottom-3\.5 { + bottom: -0.875rem; } - .lg\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:-left-3\.5 { + left: -0.875rem; } - .lg\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:top-1\/2 { + top: 50%; } - .lg\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:right-1\/2 { + right: 50%; } - .lg\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:bottom-1\/2 { + bottom: 50%; } - .lg\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:left-1\/2 { + left: 50%; } - .lg\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:top-1\/3 { + top: 33.333333%; } - .lg\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:right-1\/3 { + right: 33.333333%; } - .lg\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:bottom-1\/3 { + bottom: 33.333333%; } - .lg\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:left-1\/3 { + left: 33.333333%; } - .lg\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:top-2\/3 { + top: 66.666667%; } - .lg\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:right-2\/3 { + right: 66.666667%; } - .lg\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:bottom-2\/3 { + bottom: 66.666667%; } - .lg\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:left-2\/3 { + left: 66.666667%; } - .lg\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:top-1\/4 { + top: 25%; } - .lg\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:right-1\/4 { + right: 25%; } - .lg\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:bottom-1\/4 { + bottom: 25%; } - .lg\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:left-1\/4 { + left: 25%; } - .lg\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:top-2\/4 { + top: 50%; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:border-transparent { - border-color: transparent; - } + .md\:right-2\/4 { + right: 50%; + } - .lg\:dark\:border-current { - border-color: currentColor; - } + .md\:bottom-2\/4 { + bottom: 50%; + } - .lg\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:left-2\/4 { + left: 50%; + } - .lg\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:top-3\/4 { + top: 75%; + } - .lg\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .md\:right-3\/4 { + right: 75%; + } - .lg\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .md\:bottom-3\/4 { + bottom: 75%; + } - .lg\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .md\:left-3\/4 { + left: 75%; + } - .lg\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .md\:top-full { + top: 100%; + } - .lg\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .md\:right-full { + right: 100%; + } - .lg\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .md\:bottom-full { + bottom: 100%; + } - .lg\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .md\:left-full { + left: 100%; + } - .lg\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .md\:-top-1\/2 { + top: -50%; + } - .lg\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .md\:-right-1\/2 { + right: -50%; + } - .lg\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .md\:-bottom-1\/2 { + bottom: -50%; + } - .lg\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .md\:-left-1\/2 { + left: -50%; + } - .lg\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .md\:-top-1\/3 { + top: -33.333333%; + } - .lg\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .md\:-right-1\/3 { + right: -33.333333%; + } - .lg\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .md\:-bottom-1\/3 { + bottom: -33.333333%; + } - .lg\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .md\:-left-1\/3 { + left: -33.333333%; + } - .lg\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .md\:-top-2\/3 { + top: -66.666667%; + } - .lg\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .md\:-right-2\/3 { + right: -66.666667%; + } - .lg\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .md\:-bottom-2\/3 { + bottom: -66.666667%; + } - .lg\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .md\:-left-2\/3 { + left: -66.666667%; + } - .lg\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .md\:-top-1\/4 { + top: -25%; + } - .lg\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .md\:-right-1\/4 { + right: -25%; + } - .lg\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .md\:-bottom-1\/4 { + bottom: -25%; + } - .lg\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .md\:-left-1\/4 { + left: -25%; + } - .lg\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .md\:-top-2\/4 { + top: -50%; + } - .lg\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .md\:-right-2\/4 { + right: -50%; + } - .lg\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .md\:-bottom-2\/4 { + bottom: -50%; + } - .lg\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .md\:-left-2\/4 { + left: -50%; + } - .lg\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .md\:-top-3\/4 { + top: -75%; + } - .lg\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .md\:-right-3\/4 { + right: -75%; + } - .lg\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .md\:-bottom-3\/4 { + bottom: -75%; + } - .lg\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .md\:-left-3\/4 { + left: -75%; + } - .lg\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .md\:-top-full { + top: -100%; + } - .lg\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .md\:-right-full { + right: -100%; + } - .lg\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .md\:-bottom-full { + bottom: -100%; + } - .lg\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .md\:-left-full { + left: -100%; + } - .lg\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .md\:resize-none { + resize: none; + } - .lg\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .md\:resize-y { + resize: vertical; + } - .lg\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .md\:resize-x { + resize: horizontal; + } - .lg\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .md\:resize { + resize: both; + } - .lg\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .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\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .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\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .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\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .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\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } - .lg\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } - .lg\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } - .lg\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .md\:shadow-none { + box-shadow: none; + } - .lg\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .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\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .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\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .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\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .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\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } - .lg\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } - .lg\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } - .lg\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .md\:hover\:shadow-none:hover { + box-shadow: none; + } - .lg\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .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\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .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\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .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\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .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\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } - .lg\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } - .lg\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } - .lg\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .md\:focus\:shadow-none:focus { + box-shadow: none; + } - .lg\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .md\:fill-current { + fill: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .md\:stroke-current { + stroke: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .md\:stroke-0 { + stroke-width: 0; + } - .group:hover .lg\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:stroke-1 { + stroke-width: 1; + } - .group:hover .lg\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:stroke-2 { + stroke-width: 2; + } - .group:hover .lg\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .md\:table-auto { + table-layout: auto; + } - .group:hover .lg\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .md\:table-fixed { + table-layout: fixed; + } - .group:hover .lg\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .md\:text-left { + text-align: left; + } - .group:hover .lg\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .md\:text-center { + text-align: center; + } - .group:hover .lg\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .md\:text-right { + text-align: right; + } - .group:hover .lg\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .md\:text-justify { + text-align: justify; + } - .group:hover .lg\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .md\:text-transparent { + color: transparent; + } - .group:hover .lg\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .md\:text-current { + color: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .md\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .md\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .md\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .md\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .md\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .md\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .md\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .md\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .md\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .md\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .md\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .md\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .md\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .md\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .md\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .md\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .md\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .md\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .md\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .md\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .md\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .md\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .md\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .md\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .md\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .md\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .md\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .md\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .md\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .md\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .md\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .md\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .md\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .md\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .md\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .md\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .md\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .md\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .md\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .md\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .md\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .md\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .md\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .md\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .md\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .md\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .md\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .md\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .md\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .md\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .md\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .md\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .md\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .md\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .md\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .md\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .md\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .md\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .md\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .md\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .md\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); + } - .lg\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .md\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .md\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); + } - .lg\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); + } - .lg\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .md\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .md\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .md\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .md\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .md\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .md\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-transparent { + color: transparent; + } - .lg\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-current { + color: currentColor; + } - .lg\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); + } - .lg\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .group:hover .md\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .group:hover .md\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); + } - .lg\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); + } - .lg\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .md\:hover\:text-transparent:hover { + color: transparent; + } - .lg\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .md\:hover\:text-current:hover { + color: currentColor; + } - .lg\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .md\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .md\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .md\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .md\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .md\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .md\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .md\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .md\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .md\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .md\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .md\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .md\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .md\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .md\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .md\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .md\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .md\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .md\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .md\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .md\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .md\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .md\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .md\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .md\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .md\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .md\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .md\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .md\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .md\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .md\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .md\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .md\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .md\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .md\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .md\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .md\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .md\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .md\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .md\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .md\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .md\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .md\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .md\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .md\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .md\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .md\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .md\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .md\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .md\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .md\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .md\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .md\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .md\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .md\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .md\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .md\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .md\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .md\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .md\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .md\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .md\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .lg\:border-opacity-0 { - --border-opacity: 0; + .md\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:border-opacity-25 { - --border-opacity: 0.25; + .md\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .lg\:border-opacity-50 { - --border-opacity: 0.5; + .md\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .lg\:border-opacity-75 { - --border-opacity: 0.75; + .md\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .lg\:border-opacity-100 { - --border-opacity: 1; + .md\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-0 { - --border-opacity: 0; + .md\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; + .md\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; + .md\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; + .md\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-100 { - --border-opacity: 1; + .md\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .lg\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .md\:focus\:text-transparent:focus { + color: transparent; } - .lg\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .md\:focus\:text-current:focus { + color: currentColor; } - .lg\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .md\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .md\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .md\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .lg\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .md\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .lg\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .md\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .lg\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .md\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .lg\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .md\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .lg\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .md\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .lg\:rounded-none { - border-radius: 0; + .md\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .lg\:rounded-sm { - border-radius: 0.125rem; + .md\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .lg\:rounded { - border-radius: 0.25rem; + .md\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .lg\:rounded-md { - border-radius: 0.375rem; + .md\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .lg\:rounded-lg { - border-radius: 0.5rem; + .md\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .lg\:rounded-xl { - border-radius: 0.75rem; + .md\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .lg\:rounded-2xl { - border-radius: 1rem; + .md\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .lg\:rounded-3xl { - border-radius: 1.5rem; + .md\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .lg\:rounded-full { - border-radius: 9999px; + .md\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .lg\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .lg\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .lg\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .lg\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .md\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .lg\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .md\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .lg\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .lg\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .md\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .lg\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .md\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .lg\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .md\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .lg\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .md\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .lg\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .md\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .lg\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .md\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .lg\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .md\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .lg\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .md\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .lg\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .md\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .lg\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .md\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .lg\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .md\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .lg\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .md\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .lg\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .md\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .md\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .md\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .lg\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .md\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .lg\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .md\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .lg\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .md\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .lg\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .md\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:text-opacity-0 { + --text-opacity: 0; } - .lg\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .md\:text-opacity-25 { + --text-opacity: 0.25; } - .lg\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .md\:text-opacity-50 { + --text-opacity: 0.5; } - .lg\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .md\:text-opacity-75 { + --text-opacity: 0.75; } - .lg\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .md\:text-opacity-100 { + --text-opacity: 1; } - .lg\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .lg\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .lg\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .lg\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .lg\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .group:hover .md\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .lg\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .md\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .lg\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .md\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .lg\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .md\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .lg\:border-solid { - border-style: solid; + .md\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .lg\:border-dashed { - border-style: dashed; + .md\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .lg\:border-dotted { - border-style: dotted; + .md\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .lg\:border-double { - border-style: double; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:border-none { - border-style: none; + .md\:overflow-ellipsis { + text-overflow: ellipsis; } - .lg\:border-0 { - border-width: 0; + .md\:overflow-clip { + text-overflow: clip; } - .lg\:border-2 { - border-width: 2px; + .md\:italic { + font-style: italic; } - .lg\:border-4 { - border-width: 4px; + .md\:not-italic { + font-style: normal; } - .lg\:border-8 { - border-width: 8px; + .md\:uppercase { + text-transform: uppercase; } - .lg\:border { - border-width: 1px; + .md\:lowercase { + text-transform: lowercase; } - .lg\:border-t-0 { - border-top-width: 0; + .md\:capitalize { + text-transform: capitalize; } - .lg\:border-r-0 { - border-right-width: 0; + .md\:normal-case { + text-transform: none; } - .lg\:border-b-0 { - border-bottom-width: 0; + .md\:underline { + text-decoration: underline; } - .lg\:border-l-0 { - border-left-width: 0; + .md\:line-through { + text-decoration: line-through; } - .lg\:border-t-2 { - border-top-width: 2px; + .md\:no-underline { + text-decoration: none; } - .lg\:border-r-2 { - border-right-width: 2px; + .md\:hover\:underline:hover { + text-decoration: underline; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:border-l-2 { - border-left-width: 2px; + .md\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:border-t-4 { - border-top-width: 4px; + .md\:focus\:underline:focus { + text-decoration: underline; } - .lg\:border-r-4 { - border-right-width: 4px; + .md\:focus\:line-through:focus { + text-decoration: line-through; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .md\:focus\:no-underline:focus { + text-decoration: none; } - .lg\:border-l-4 { - border-left-width: 4px; + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:border-t-8 { - border-top-width: 8px; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:border-r-8 { - border-right-width: 8px; + .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .lg\:border-b-8 { - border-bottom-width: 8px; + .md\:normal-nums { + font-variant-numeric: normal; } - .lg\:border-l-8 { - border-left-width: 8px; + .md\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .lg\:border-t { - border-top-width: 1px; + .md\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .lg\:border-r { - border-right-width: 1px; + .md\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .lg\:border-b { - border-bottom-width: 1px; + .md\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .lg\:border-l { - border-left-width: 1px; + .md\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .lg\:box-border { - box-sizing: border-box; + .md\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .lg\:box-content { - box-sizing: content-box; + .md\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .lg\:cursor-auto { - cursor: auto; + .md\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .lg\:cursor-default { - cursor: default; + .md\:tracking-tighter { + letter-spacing: -0.05em; } - .lg\:cursor-pointer { - cursor: pointer; + .md\:tracking-tight { + letter-spacing: -0.025em; } - .lg\:cursor-wait { - cursor: wait; + .md\:tracking-normal { + letter-spacing: 0; } - .lg\:cursor-text { - cursor: text; + .md\:tracking-wide { + letter-spacing: 0.025em; } - .lg\:cursor-move { - cursor: move; + .md\:tracking-wider { + letter-spacing: 0.05em; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .md\:tracking-widest { + letter-spacing: 0.1em; } - .lg\:block { - display: block; + .md\:select-none { + user-select: none; } - .lg\:inline-block { - display: inline-block; + .md\:select-text { + user-select: text; } - .lg\:inline { - display: inline; + .md\:select-all { + user-select: all; } - .lg\:flex { - display: flex; + .md\:select-auto { + user-select: auto; } - .lg\:inline-flex { - display: inline-flex; + .md\:align-baseline { + vertical-align: baseline; } - .lg\:table { - display: table; + .md\:align-top { + vertical-align: top; } - .lg\:table-caption { - display: table-caption; + .md\:align-middle { + vertical-align: middle; } - .lg\:table-cell { - display: table-cell; + .md\:align-bottom { + vertical-align: bottom; } - .lg\:table-column { - display: table-column; + .md\:align-text-top { + vertical-align: text-top; } - .lg\:table-column-group { - display: table-column-group; + .md\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:table-footer-group { - display: table-footer-group; + .md\:visible { + visibility: visible; } - .lg\:table-header-group { - display: table-header-group; + .md\:invisible { + visibility: hidden; } - .lg\:table-row-group { - display: table-row-group; + .md\:whitespace-normal { + white-space: normal; } - .lg\:table-row { - display: table-row; + .md\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:flow-root { - display: flow-root; + .md\:whitespace-pre { + white-space: pre; } - .lg\:grid { - display: grid; + .md\:whitespace-pre-line { + white-space: pre-line; } - .lg\:inline-grid { - display: inline-grid; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:contents { - display: contents; + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .lg\:hidden { - display: none; + .md\:break-words { + overflow-wrap: break-word; } - .lg\:flex-row { - flex-direction: row; + .md\:break-all { + word-break: break-all; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .md\:w-0 { + width: 0; } - .lg\:flex-col { - flex-direction: column; + .md\:w-1 { + width: 0.25rem; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .md\:w-2 { + width: 0.5rem; } - .lg\:flex-wrap { - flex-wrap: wrap; + .md\:w-3 { + width: 0.75rem; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:w-4 { + width: 1rem; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .md\:w-5 { + width: 1.25rem; } - .lg\:place-items-auto { - place-items: auto; + .md\:w-6 { + width: 1.5rem; } - .lg\:place-items-start { - place-items: start; + .md\:w-7 { + width: 1.75rem; } - .lg\:place-items-end { - place-items: end; + .md\:w-8 { + width: 2rem; } - .lg\:place-items-center { - place-items: center; + .md\:w-9 { + width: 2.25rem; } - .lg\:place-items-stretch { - place-items: stretch; + .md\:w-10 { + width: 2.5rem; } - .lg\:place-content-center { - place-content: center; + .md\:w-12 { + width: 3rem; } - .lg\:place-content-start { - place-content: start; + .md\:w-14 { + width: 3.5rem; } - .lg\:place-content-end { - place-content: end; + .md\:w-16 { + width: 4rem; } - .lg\:place-content-between { - place-content: space-between; + .md\:w-20 { + width: 5rem; } - .lg\:place-content-around { - place-content: space-around; + .md\:w-24 { + width: 6rem; } - .lg\:place-content-evenly { - place-content: space-evenly; + .md\:w-28 { + width: 7rem; } - .lg\:place-content-stretch { - place-content: stretch; + .md\:w-32 { + width: 8rem; } - .lg\:place-self-auto { - place-self: auto; + .md\:w-36 { + width: 9rem; } - .lg\:place-self-start { - place-self: start; + .md\:w-40 { + width: 10rem; } - .lg\:place-self-end { - place-self: end; + .md\:w-44 { + width: 11rem; } - .lg\:place-self-center { - place-self: center; + .md\:w-48 { + width: 12rem; } - .lg\:place-self-stretch { - place-self: stretch; + .md\:w-52 { + width: 13rem; } - .lg\:items-start { - align-items: flex-start; + .md\:w-56 { + width: 14rem; } - .lg\:items-end { - align-items: flex-end; + .md\:w-60 { + width: 15rem; } - .lg\:items-center { - align-items: center; + .md\:w-64 { + width: 16rem; } - .lg\:items-baseline { - align-items: baseline; + .md\:w-72 { + width: 18rem; } - .lg\:items-stretch { - align-items: stretch; + .md\:w-80 { + width: 20rem; } - .lg\:content-center { - align-content: center; + .md\:w-96 { + width: 24rem; } - .lg\:content-start { - align-content: flex-start; + .md\:w-auto { + width: auto; } - .lg\:content-end { - align-content: flex-end; + .md\:w-px { + width: 1px; } - .lg\:content-between { - align-content: space-between; + .md\:w-0\.5 { + width: 0.125rem; } - .lg\:content-around { - align-content: space-around; + .md\:w-1\.5 { + width: 0.375rem; } - .lg\:content-evenly { - align-content: space-evenly; + .md\:w-2\.5 { + width: 0.625rem; } - .lg\:self-auto { - align-self: auto; + .md\:w-3\.5 { + width: 0.875rem; } - .lg\:self-start { - align-self: flex-start; + .md\:w-1\/2 { + width: 50%; } - .lg\:self-end { - align-self: flex-end; + .md\:w-1\/3 { + width: 33.333333%; } - .lg\:self-center { - align-self: center; + .md\:w-2\/3 { + width: 66.666667%; } - .lg\:self-stretch { - align-self: stretch; + .md\:w-1\/4 { + width: 25%; } - .lg\:justify-items-auto { - justify-items: auto; + .md\:w-2\/4 { + width: 50%; } - .lg\:justify-items-start { - justify-items: start; + .md\:w-3\/4 { + width: 75%; } - .lg\:justify-items-end { - justify-items: end; + .md\:w-1\/5 { + width: 20%; } - .lg\:justify-items-center { - justify-items: center; + .md\:w-2\/5 { + width: 40%; } - .lg\:justify-items-stretch { - justify-items: stretch; + .md\:w-3\/5 { + width: 60%; } - .lg\:justify-start { - justify-content: flex-start; + .md\:w-4\/5 { + width: 80%; } - .lg\:justify-end { - justify-content: flex-end; + .md\:w-1\/6 { + width: 16.666667%; } - .lg\:justify-center { - justify-content: center; + .md\:w-2\/6 { + width: 33.333333%; } - .lg\:justify-between { - justify-content: space-between; + .md\:w-3\/6 { + width: 50%; } - .lg\:justify-around { - justify-content: space-around; + .md\:w-4\/6 { + width: 66.666667%; } - .lg\:justify-evenly { - justify-content: space-evenly; + .md\:w-5\/6 { + width: 83.333333%; } - .lg\:justify-self-auto { - justify-self: auto; + .md\:w-1\/12 { + width: 8.333333%; } - .lg\:justify-self-start { - justify-self: start; + .md\:w-2\/12 { + width: 16.666667%; } - .lg\:justify-self-end { - justify-self: end; + .md\:w-3\/12 { + width: 25%; } - .lg\:justify-self-center { - justify-self: center; + .md\:w-4\/12 { + width: 33.333333%; } - .lg\:justify-self-stretch { - justify-self: stretch; + .md\:w-5\/12 { + width: 41.666667%; } - .lg\:flex-1 { - flex: 1 1 0%; + .md\:w-6\/12 { + width: 50%; } - .lg\:flex-auto { - flex: 1 1 auto; + .md\:w-7\/12 { + width: 58.333333%; } - .lg\:flex-initial { - flex: 0 1 auto; + .md\:w-8\/12 { + width: 66.666667%; } - .lg\:flex-none { - flex: none; + .md\:w-9\/12 { + width: 75%; } - .lg\:flex-grow-0 { - flex-grow: 0; + .md\:w-10\/12 { + width: 83.333333%; } - .lg\:flex-grow { - flex-grow: 1; + .md\:w-11\/12 { + width: 91.666667%; } - .lg\:flex-shrink-0 { - flex-shrink: 0; + .md\:w-full { + width: 100%; } - .lg\:flex-shrink { - flex-shrink: 1; + .md\:w-screen { + width: 100vw; } - .lg\:order-1 { - order: 1; + .md\:w-min { + width: min-content; } - .lg\:order-2 { - order: 2; + .md\:w-max { + width: max-content; } - .lg\:order-3 { - order: 3; + .md\:z-0 { + z-index: 0; } - .lg\:order-4 { - order: 4; + .md\:z-10 { + z-index: 10; } - .lg\:order-5 { - order: 5; + .md\:z-20 { + z-index: 20; } - .lg\:order-6 { - order: 6; + .md\:z-30 { + z-index: 30; } - .lg\:order-7 { - order: 7; + .md\:z-40 { + z-index: 40; } - .lg\:order-8 { - order: 8; + .md\:z-50 { + z-index: 50; } - .lg\:order-9 { - order: 9; + .md\:z-auto { + z-index: auto; } - .lg\:order-10 { - order: 10; + .md\:focus\:z-0:focus { + z-index: 0; } - .lg\:order-11 { - order: 11; + .md\:focus\:z-10:focus { + z-index: 10; } - .lg\:order-12 { - order: 12; + .md\:focus\:z-20:focus { + z-index: 20; } - .lg\:order-first { - order: -9999; + .md\:focus\:z-30:focus { + z-index: 30; } - .lg\:order-last { - order: 9999; + .md\:focus\:z-40:focus { + z-index: 40; } - .lg\:order-none { - order: 0; + .md\:focus\:z-50:focus { + z-index: 50; } - .lg\:float-right { - float: right; + .md\:focus\:z-auto:focus { + z-index: auto; } - .lg\:float-left { - float: left; + .md\:gap-0 { + grid-gap: 0; + gap: 0; } - .lg\:float-none { - float: none; + .md\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .lg\:clear-left { - clear: left; + .md\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .lg\:clear-right { - clear: right; + .md\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .lg\:clear-both { - clear: both; + .md\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .lg\:clear-none { - clear: none; + .md\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .lg\:font-sans { - font-family: ui-sans-serif, 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-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .lg\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .md\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .lg\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .md\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .lg\:font-thin { - font-weight: 100; + .md\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .lg\:font-extralight { - font-weight: 200; + .md\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .lg\:font-light { - font-weight: 300; + .md\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .lg\:font-normal { - font-weight: 400; + .md\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .lg\:font-medium { - font-weight: 500; + .md\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .lg\:font-semibold { - font-weight: 600; + .md\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .lg\:font-bold { - font-weight: 700; + .md\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .lg\:font-extrabold { - font-weight: 800; + .md\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .lg\:font-black { - font-weight: 900; + .md\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .lg\:hover\:font-thin:hover { - font-weight: 100; + .md\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .lg\:hover\:font-extralight:hover { - font-weight: 200; + .md\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .md\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .md\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .md\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .md\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .md\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .md\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .lg\:focus\:font-thin:focus { - font-weight: 100; + .md\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .lg\:focus\:font-extralight:focus { - font-weight: 200; + .md\:gap-px { + grid-gap: 1px; + gap: 1px; } - .lg\:focus\:font-light:focus { - font-weight: 300; + .md\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .lg\:focus\:font-normal:focus { - font-weight: 400; + .md\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .lg\:focus\:font-medium:focus { - font-weight: 500; + .md\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .lg\:focus\:font-semibold:focus { - font-weight: 600; + .md\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .lg\:focus\:font-bold:focus { - font-weight: 700; + .md\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800; + .md\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:focus\:font-black:focus { - font-weight: 900; + .md\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:h-0 { - height: 0; + .md\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:h-1 { - height: 0.25rem; + .md\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .lg\:h-2 { - height: 0.5rem; + .md\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:h-3 { - height: 0.75rem; + .md\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:h-4 { - height: 1rem; + .md\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .lg\:h-5 { - height: 1.25rem; + .md\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .lg\:h-6 { - height: 1.5rem; + .md\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .lg\:h-7 { - height: 1.75rem; + .md\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:h-8 { - height: 2rem; + .md\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .lg\:h-9 { - height: 2.25rem; + .md\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .lg\:h-10 { - height: 2.5rem; + .md\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .lg\:h-12 { - height: 3rem; + .md\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .lg\:h-14 { - height: 3.5rem; + .md\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .lg\:h-16 { - height: 4rem; + .md\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .lg\:h-20 { - height: 5rem; + .md\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .lg\:h-24 { - height: 6rem; + .md\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .lg\:h-28 { - height: 7rem; + .md\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .lg\:h-32 { - height: 8rem; + .md\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .lg\:h-36 { - height: 9rem; + .md\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .lg\:h-40 { - height: 10rem; + .md\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .lg\:h-44 { - height: 11rem; + .md\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .lg\:h-48 { - height: 12rem; + .md\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .lg\:h-52 { - height: 13rem; + .md\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .lg\:h-56 { - height: 14rem; + .md\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .lg\:h-60 { - height: 15rem; + .md\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .lg\:h-64 { - height: 16rem; + .md\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .lg\:h-72 { - height: 18rem; + .md\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .lg\:h-80 { - height: 20rem; + .md\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .lg\:h-96 { - height: 24rem; + .md\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .lg\:h-auto { - height: auto; + .md\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .lg\:h-px { - height: 1px; + .md\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .lg\:h-0\.5 { - height: 0.125rem; + .md\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .lg\:h-1\.5 { - height: 0.375rem; + .md\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .lg\:h-2\.5 { - height: 0.625rem; + .md\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .lg\:h-3\.5 { - height: 0.875rem; + .md\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .lg\:h-full { - height: 100%; + .md\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .lg\:h-screen { - height: 100vh; + .md\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .lg\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .md\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .md\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .md\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .md\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .lg\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .md\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .md\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .lg\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .md\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .md\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; + .md\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .lg\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .md\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .lg\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .md\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .lg\:text-8xl { - font-size: 6rem; - line-height: 1; + .md\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .lg\:text-9xl { - font-size: 8rem; - line-height: 1; + .md\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .lg\:leading-3 { - line-height: .75rem; + .md\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .lg\:leading-4 { - line-height: 1rem; + .md\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .lg\:leading-5 { - line-height: 1.25rem; + .md\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .lg\:leading-6 { - line-height: 1.5rem; + .md\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .lg\:leading-7 { - line-height: 1.75rem; + .md\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .lg\:leading-8 { - line-height: 2rem; + .md\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .lg\:leading-9 { - line-height: 2.25rem; + .md\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .lg\:leading-10 { - line-height: 2.5rem; + .md\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .lg\:leading-none { - line-height: 1; + .md\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .lg\:leading-tight { - line-height: 1.25; + .md\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .lg\:leading-snug { - line-height: 1.375; + .md\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .lg\:leading-normal { - line-height: 1.5; + .md\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .lg\:leading-relaxed { - line-height: 1.625; + .md\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .lg\:leading-loose { - line-height: 2; + .md\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .lg\:list-inside { - list-style-position: inside; + .md\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .lg\:list-outside { - list-style-position: outside; + .md\:grid-flow-row { + grid-auto-flow: row; } - .lg\:list-none { - list-style-type: none; + .md\:grid-flow-col { + grid-auto-flow: column; } - .lg\:list-disc { - list-style-type: disc; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:list-decimal { - list-style-type: decimal; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:m-0 { - margin: 0; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:m-1 { - margin: 0.25rem; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:m-2 { - margin: 0.5rem; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:m-3 { - margin: 0.75rem; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:m-4 { - margin: 1rem; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:m-5 { - margin: 1.25rem; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:m-6 { - margin: 1.5rem; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:m-7 { - margin: 1.75rem; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:m-8 { - margin: 2rem; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:m-9 { - margin: 2.25rem; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:m-10 { - margin: 2.5rem; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:m-12 { - margin: 3rem; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:m-14 { - margin: 3.5rem; + .md\:grid-cols-none { + grid-template-columns: none; } - .lg\:m-16 { - margin: 4rem; + .md\:auto-cols-auto { + grid-auto-columns: auto; } - .lg\:m-20 { - margin: 5rem; + .md\:auto-cols-min { + grid-auto-columns: min-content; } - .lg\:m-24 { - margin: 6rem; + .md\:auto-cols-max { + grid-auto-columns: max-content; } - .lg\:m-28 { - margin: 7rem; + .md\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .lg\:m-32 { - margin: 8rem; + .md\:col-auto { + grid-column: auto; } - .lg\:m-36 { - margin: 9rem; + .md\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:m-40 { - margin: 10rem; + .md\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:m-44 { - margin: 11rem; + .md\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:m-48 { - margin: 12rem; + .md\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:m-52 { - margin: 13rem; + .md\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:m-56 { - margin: 14rem; + .md\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:m-60 { - margin: 15rem; + .md\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:m-64 { - margin: 16rem; + .md\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:m-72 { - margin: 18rem; + .md\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:m-80 { - margin: 20rem; + .md\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:m-96 { - margin: 24rem; + .md\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:m-auto { - margin: auto; + .md\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:m-px { - margin: 1px; + .md\:col-span-full { + grid-column: 1 / -1; } - .lg\:m-0\.5 { - margin: 0.125rem; + .md\:col-start-1 { + grid-column-start: 1; } - .lg\:m-1\.5 { - margin: 0.375rem; + .md\:col-start-2 { + grid-column-start: 2; } - .lg\:m-2\.5 { - margin: 0.625rem; + .md\:col-start-3 { + grid-column-start: 3; } - .lg\:m-3\.5 { - margin: 0.875rem; + .md\:col-start-4 { + grid-column-start: 4; } - .lg\:-m-1 { - margin: -0.25rem; + .md\:col-start-5 { + grid-column-start: 5; } - .lg\:-m-2 { - margin: -0.5rem; + .md\:col-start-6 { + grid-column-start: 6; } - .lg\:-m-3 { - margin: -0.75rem; + .md\:col-start-7 { + grid-column-start: 7; } - .lg\:-m-4 { - margin: -1rem; + .md\:col-start-8 { + grid-column-start: 8; } - .lg\:-m-5 { - margin: -1.25rem; + .md\:col-start-9 { + grid-column-start: 9; } - .lg\:-m-6 { - margin: -1.5rem; + .md\:col-start-10 { + grid-column-start: 10; } - .lg\:-m-7 { - margin: -1.75rem; + .md\:col-start-11 { + grid-column-start: 11; } - .lg\:-m-8 { - margin: -2rem; + .md\:col-start-12 { + grid-column-start: 12; } - .lg\:-m-9 { - margin: -2.25rem; + .md\:col-start-13 { + grid-column-start: 13; } - .lg\:-m-10 { - margin: -2.5rem; + .md\:col-start-auto { + grid-column-start: auto; } - .lg\:-m-12 { - margin: -3rem; + .md\:col-end-1 { + grid-column-end: 1; } - .lg\:-m-14 { - margin: -3.5rem; + .md\:col-end-2 { + grid-column-end: 2; } - .lg\:-m-16 { - margin: -4rem; + .md\:col-end-3 { + grid-column-end: 3; } - .lg\:-m-20 { - margin: -5rem; + .md\:col-end-4 { + grid-column-end: 4; } - .lg\:-m-24 { - margin: -6rem; + .md\:col-end-5 { + grid-column-end: 5; } - .lg\:-m-28 { - margin: -7rem; + .md\:col-end-6 { + grid-column-end: 6; } - .lg\:-m-32 { - margin: -8rem; + .md\:col-end-7 { + grid-column-end: 7; } - .lg\:-m-36 { - margin: -9rem; + .md\:col-end-8 { + grid-column-end: 8; } - .lg\:-m-40 { - margin: -10rem; + .md\:col-end-9 { + grid-column-end: 9; } - .lg\:-m-44 { - margin: -11rem; + .md\:col-end-10 { + grid-column-end: 10; } - .lg\:-m-48 { - margin: -12rem; + .md\:col-end-11 { + grid-column-end: 11; } - .lg\:-m-52 { - margin: -13rem; + .md\:col-end-12 { + grid-column-end: 12; } - .lg\:-m-56 { - margin: -14rem; + .md\:col-end-13 { + grid-column-end: 13; } - .lg\:-m-60 { - margin: -15rem; + .md\:col-end-auto { + grid-column-end: auto; } - .lg\:-m-64 { - margin: -16rem; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:-m-72 { - margin: -18rem; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:-m-80 { - margin: -20rem; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:-m-96 { - margin: -24rem; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:-m-px { - margin: -1px; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:-m-0\.5 { - margin: -0.125rem; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:-m-1\.5 { - margin: -0.375rem; + .md\:grid-rows-none { + grid-template-rows: none; } - .lg\:-m-2\.5 { - margin: -0.625rem; + .md\:auto-rows-auto { + grid-auto-rows: auto; } - .lg\:-m-3\.5 { - margin: -0.875rem; + .md\:auto-rows-min { + grid-auto-rows: min-content; } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:auto-rows-max { + grid-auto-rows: max-content; } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:row-auto { + grid-row: auto; } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:row-span-full { + grid-row: 1 / -1; } - .lg\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:row-start-1 { + grid-row-start: 1; } - .lg\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:row-start-2 { + grid-row-start: 2; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:row-start-3 { + grid-row-start: 3; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:row-start-4 { + grid-row-start: 4; } - .lg\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .md\:row-start-5 { + grid-row-start: 5; } - .lg\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .md\:row-start-6 { + grid-row-start: 6; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:row-start-7 { + grid-row-start: 7; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:row-start-auto { + grid-row-start: auto; } - .lg\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .md\:row-end-1 { + grid-row-end: 1; } - .lg\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .md\:row-end-2 { + grid-row-end: 2; } - .lg\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:row-end-3 { + grid-row-end: 3; } - .lg\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:row-end-4 { + grid-row-end: 4; } - .lg\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:row-end-5 { + grid-row-end: 5; } - .lg\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:row-end-6 { + grid-row-end: 6; } - .lg\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .md\:row-end-7 { + grid-row-end: 7; } - .lg\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .md\:row-end-auto { + grid-row-end: auto; } - .lg\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .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\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:transform-none { + transform: none; } - .lg\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:origin-center { + transform-origin: center; } - .lg\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:origin-top { + transform-origin: top; } - .lg\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:origin-top-right { + transform-origin: top right; } - .lg\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .md\:origin-right { + transform-origin: right; } - .lg\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .md\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:origin-bottom { + transform-origin: bottom; } - .lg\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .md\:origin-left { + transform-origin: left; } - .lg\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .md\:origin-top-left { + transform-origin: top left; } - .lg\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .md\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .md\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .md\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .md\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .md\:scale-x-0 { + --transform-scale-x: 0; } - .lg\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .md\:scale-x-50 { + --transform-scale-x: .5; } - .lg\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:scale-x-75 { + --transform-scale-x: .75; } - .lg\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:scale-x-90 { + --transform-scale-x: .9; } - .lg\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .md\:scale-x-95 { + --transform-scale-x: .95; } - .lg\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .md\:scale-x-100 { + --transform-scale-x: 1; } - .lg\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .md\:scale-x-105 { + --transform-scale-x: 1.05; } - .lg\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .md\:scale-x-110 { + --transform-scale-x: 1.1; } - .lg\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .md\:scale-x-125 { + --transform-scale-x: 1.25; } - .lg\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .md\:scale-x-150 { + --transform-scale-x: 1.5; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:scale-y-0 { + --transform-scale-y: 0; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:scale-y-50 { + --transform-scale-y: .5; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:scale-y-75 { + --transform-scale-y: .75; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:scale-y-90 { + --transform-scale-y: .9; } - .lg\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .md\:scale-y-95 { + --transform-scale-y: .95; } - .lg\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .md\:scale-y-100 { + --transform-scale-y: 1; } - .lg\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .md\:scale-y-105 { + --transform-scale-y: 1.05; } - .lg\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .md\:scale-y-110 { + --transform-scale-y: 1.1; } - .lg\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:scale-y-125 { + --transform-scale-y: 1.25; } - .lg\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:scale-y-150 { + --transform-scale-y: 1.5; } - .lg\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .lg\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .lg\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .lg\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .lg\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .lg\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .lg\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .lg\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .lg\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .lg\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .lg\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .lg\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .lg\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .lg\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .lg\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .lg\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .lg\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .lg\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .lg\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .lg\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .lg\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .lg\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .lg\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .lg\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .lg\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .lg\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .lg\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .lg\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .lg\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .lg\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .lg\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .lg\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .lg\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .lg\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .lg\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .md\:rotate-0 { + --transform-rotate: 0; } - .lg\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .md\:rotate-1 { + --transform-rotate: 1deg; } - .lg\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .md\:rotate-2 { + --transform-rotate: 2deg; } - .lg\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .md\:rotate-3 { + --transform-rotate: 3deg; } - .lg\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .md\:rotate-6 { + --transform-rotate: 6deg; } - .lg\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .md\:rotate-12 { + --transform-rotate: 12deg; } - .lg\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .md\:rotate-45 { + --transform-rotate: 45deg; } - .lg\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .md\:rotate-90 { + --transform-rotate: 90deg; } - .lg\:mt-0 { - margin-top: 0; + .md\:rotate-180 { + --transform-rotate: 180deg; } - .lg\:mr-0 { - margin-right: 0; + .md\:-rotate-180 { + --transform-rotate: -180deg; } - .lg\:mb-0 { - margin-bottom: 0; + .md\:-rotate-90 { + --transform-rotate: -90deg; } - .lg\:ml-0 { - margin-left: 0; + .md\:-rotate-45 { + --transform-rotate: -45deg; } - .lg\:mt-1 { - margin-top: 0.25rem; + .md\:-rotate-12 { + --transform-rotate: -12deg; } - .lg\:mr-1 { - margin-right: 0.25rem; + .md\:-rotate-6 { + --transform-rotate: -6deg; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .md\:-rotate-3 { + --transform-rotate: -3deg; } - .lg\:ml-1 { - margin-left: 0.25rem; + .md\:-rotate-2 { + --transform-rotate: -2deg; } - .lg\:mt-2 { - margin-top: 0.5rem; + .md\:-rotate-1 { + --transform-rotate: -1deg; } - .lg\:mr-2 { - margin-right: 0.5rem; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .md\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .lg\:ml-2 { - margin-left: 0.5rem; + .md\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .lg\:mt-3 { - margin-top: 0.75rem; + .md\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .lg\:mr-3 { - margin-right: 0.75rem; + .md\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .md\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .lg\:ml-3 { - margin-left: 0.75rem; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .lg\:mt-4 { - margin-top: 1rem; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .lg\:mr-4 { - margin-right: 1rem; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .lg\:mb-4 { - margin-bottom: 1rem; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .lg\:ml-4 { - margin-left: 1rem; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .lg\:mt-5 { - margin-top: 1.25rem; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .lg\:mr-5 { - margin-right: 1.25rem; + .md\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .md\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .lg\:ml-5 { - margin-left: 1.25rem; + .md\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .lg\:mt-6 { - margin-top: 1.5rem; + .md\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .lg\:mr-6 { - margin-right: 1.5rem; + .md\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .lg\:ml-6 { - margin-left: 1.5rem; + .md\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .lg\:mt-7 { - margin-top: 1.75rem; + .md\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .lg\:mr-7 { - margin-right: 1.75rem; + .md\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .lg\:mb-7 { - margin-bottom: 1.75rem; + .md\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .lg\:ml-7 { - margin-left: 1.75rem; + .md\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .lg\:mt-8 { - margin-top: 2rem; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .lg\:mr-8 { - margin-right: 2rem; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .lg\:mb-8 { - margin-bottom: 2rem; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .lg\:ml-8 { - margin-left: 2rem; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .lg\:mt-9 { - margin-top: 2.25rem; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .lg\:mr-9 { - margin-right: 2.25rem; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .lg\:mb-9 { - margin-bottom: 2.25rem; + .md\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .lg\:ml-9 { - margin-left: 2.25rem; + .md\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .lg\:mt-10 { - margin-top: 2.5rem; + .md\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .lg\:mr-10 { - margin-right: 2.5rem; + .md\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .md\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - .lg\:ml-10 { - margin-left: 2.5rem; + .md\:translate-x-0 { + --transform-translate-x: 0; } - .lg\:mt-12 { - margin-top: 3rem; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .lg\:mr-12 { - margin-right: 3rem; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .lg\:mb-12 { - margin-bottom: 3rem; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .lg\:ml-12 { - margin-left: 3rem; + .md\:translate-x-4 { + --transform-translate-x: 1rem; } - .lg\:mt-14 { - margin-top: 3.5rem; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .lg\:mr-14 { - margin-right: 3.5rem; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .lg\:mb-14 { - margin-bottom: 3.5rem; + .md\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .lg\:ml-14 { - margin-left: 3.5rem; + .md\:translate-x-8 { + --transform-translate-x: 2rem; } - .lg\:mt-16 { - margin-top: 4rem; + .md\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .lg\:mr-16 { - margin-right: 4rem; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .lg\:mb-16 { - margin-bottom: 4rem; + .md\:translate-x-12 { + --transform-translate-x: 3rem; } - .lg\:ml-16 { - margin-left: 4rem; + .md\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .lg\:mt-20 { - margin-top: 5rem; + .md\:translate-x-16 { + --transform-translate-x: 4rem; } - .lg\:mr-20 { - margin-right: 5rem; + .md\:translate-x-20 { + --transform-translate-x: 5rem; } - .lg\:mb-20 { - margin-bottom: 5rem; + .md\:translate-x-24 { + --transform-translate-x: 6rem; } - .lg\:ml-20 { - margin-left: 5rem; + .md\:translate-x-28 { + --transform-translate-x: 7rem; } - .lg\:mt-24 { - margin-top: 6rem; + .md\:translate-x-32 { + --transform-translate-x: 8rem; } - .lg\:mr-24 { - margin-right: 6rem; + .md\:translate-x-36 { + --transform-translate-x: 9rem; } - .lg\:mb-24 { - margin-bottom: 6rem; + .md\:translate-x-40 { + --transform-translate-x: 10rem; } - .lg\:ml-24 { - margin-left: 6rem; + .md\:translate-x-44 { + --transform-translate-x: 11rem; } - .lg\:mt-28 { - margin-top: 7rem; + .md\:translate-x-48 { + --transform-translate-x: 12rem; } - .lg\:mr-28 { - margin-right: 7rem; + .md\:translate-x-52 { + --transform-translate-x: 13rem; } - .lg\:mb-28 { - margin-bottom: 7rem; + .md\:translate-x-56 { + --transform-translate-x: 14rem; } - .lg\:ml-28 { - margin-left: 7rem; + .md\:translate-x-60 { + --transform-translate-x: 15rem; } - .lg\:mt-32 { - margin-top: 8rem; + .md\:translate-x-64 { + --transform-translate-x: 16rem; } - .lg\:mr-32 { - margin-right: 8rem; + .md\:translate-x-72 { + --transform-translate-x: 18rem; } - .lg\:mb-32 { - margin-bottom: 8rem; + .md\:translate-x-80 { + --transform-translate-x: 20rem; } - .lg\:ml-32 { - margin-left: 8rem; + .md\:translate-x-96 { + --transform-translate-x: 24rem; } - .lg\:mt-36 { - margin-top: 9rem; + .md\:translate-x-px { + --transform-translate-x: 1px; } - .lg\:mr-36 { - margin-right: 9rem; + .md\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .lg\:mb-36 { - margin-bottom: 9rem; + .md\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .lg\:ml-36 { - margin-left: 9rem; + .md\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .lg\:mt-40 { - margin-top: 10rem; + .md\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .lg\:mr-40 { - margin-right: 10rem; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .lg\:mb-40 { - margin-bottom: 10rem; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .lg\:ml-40 { - margin-left: 10rem; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .lg\:mt-44 { - margin-top: 11rem; + .md\:-translate-x-4 { + --transform-translate-x: -1rem; } - .lg\:mr-44 { - margin-right: 11rem; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .lg\:mb-44 { - margin-bottom: 11rem; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .lg\:ml-44 { - margin-left: 11rem; + .md\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .lg\:mt-48 { - margin-top: 12rem; + .md\:-translate-x-8 { + --transform-translate-x: -2rem; } - .lg\:mr-48 { - margin-right: 12rem; + .md\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .lg\:mb-48 { - margin-bottom: 12rem; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .lg\:ml-48 { - margin-left: 12rem; + .md\:-translate-x-12 { + --transform-translate-x: -3rem; } - .lg\:mt-52 { - margin-top: 13rem; + .md\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .lg\:mr-52 { - margin-right: 13rem; + .md\:-translate-x-16 { + --transform-translate-x: -4rem; } - .lg\:mb-52 { - margin-bottom: 13rem; + .md\:-translate-x-20 { + --transform-translate-x: -5rem; } - .lg\:ml-52 { - margin-left: 13rem; + .md\:-translate-x-24 { + --transform-translate-x: -6rem; } - .lg\:mt-56 { - margin-top: 14rem; + .md\:-translate-x-28 { + --transform-translate-x: -7rem; } - .lg\:mr-56 { - margin-right: 14rem; + .md\:-translate-x-32 { + --transform-translate-x: -8rem; } - .lg\:mb-56 { - margin-bottom: 14rem; + .md\:-translate-x-36 { + --transform-translate-x: -9rem; } - .lg\:ml-56 { - margin-left: 14rem; + .md\:-translate-x-40 { + --transform-translate-x: -10rem; } - .lg\:mt-60 { - margin-top: 15rem; + .md\:-translate-x-44 { + --transform-translate-x: -11rem; } - .lg\:mr-60 { - margin-right: 15rem; + .md\:-translate-x-48 { + --transform-translate-x: -12rem; } - .lg\:mb-60 { - margin-bottom: 15rem; + .md\:-translate-x-52 { + --transform-translate-x: -13rem; } - .lg\:ml-60 { - margin-left: 15rem; + .md\:-translate-x-56 { + --transform-translate-x: -14rem; } - .lg\:mt-64 { - margin-top: 16rem; + .md\:-translate-x-60 { + --transform-translate-x: -15rem; } - .lg\:mr-64 { - margin-right: 16rem; + .md\:-translate-x-64 { + --transform-translate-x: -16rem; } - .lg\:mb-64 { - margin-bottom: 16rem; + .md\:-translate-x-72 { + --transform-translate-x: -18rem; } - .lg\:ml-64 { - margin-left: 16rem; + .md\:-translate-x-80 { + --transform-translate-x: -20rem; } - .lg\:mt-72 { - margin-top: 18rem; + .md\:-translate-x-96 { + --transform-translate-x: -24rem; } - .lg\:mr-72 { - margin-right: 18rem; + .md\:-translate-x-px { + --transform-translate-x: -1px; } - .lg\:mb-72 { - margin-bottom: 18rem; + .md\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .lg\:ml-72 { - margin-left: 18rem; + .md\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .lg\:mt-80 { - margin-top: 20rem; + .md\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .lg\:mr-80 { - margin-right: 20rem; + .md\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .lg\:mb-80 { - margin-bottom: 20rem; + .md\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .lg\:ml-80 { - margin-left: 20rem; + .md\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .lg\:mt-96 { - margin-top: 24rem; + .md\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .lg\:mr-96 { - margin-right: 24rem; + .md\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .lg\:mb-96 { - margin-bottom: 24rem; + .md\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .lg\:ml-96 { - margin-left: 24rem; + .md\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .lg\:mt-auto { - margin-top: auto; + .md\:translate-x-full { + --transform-translate-x: 100%; } - .lg\:mr-auto { - margin-right: auto; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .lg\:mb-auto { - margin-bottom: auto; + .md\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .lg\:ml-auto { - margin-left: auto; + .md\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .lg\:mt-px { - margin-top: 1px; + .md\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .lg\:mr-px { - margin-right: 1px; + .md\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .lg\:mb-px { - margin-bottom: 1px; + .md\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .lg\:ml-px { - margin-left: 1px; + .md\:-translate-x-full { + --transform-translate-x: -100%; } - .lg\:mt-0\.5 { - margin-top: 0.125rem; + .md\:translate-y-0 { + --transform-translate-y: 0; } - .lg\:mr-0\.5 { - margin-right: 0.125rem; + .md\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .lg\:mb-0\.5 { - margin-bottom: 0.125rem; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .lg\:ml-0\.5 { - margin-left: 0.125rem; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .lg\:mt-1\.5 { - margin-top: 0.375rem; + .md\:translate-y-4 { + --transform-translate-y: 1rem; } - .lg\:mr-1\.5 { - margin-right: 0.375rem; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .lg\:mb-1\.5 { - margin-bottom: 0.375rem; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .lg\:ml-1\.5 { - margin-left: 0.375rem; + .md\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .lg\:mt-2\.5 { - margin-top: 0.625rem; + .md\:translate-y-8 { + --transform-translate-y: 2rem; } - .lg\:mr-2\.5 { - margin-right: 0.625rem; + .md\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .lg\:mb-2\.5 { - margin-bottom: 0.625rem; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .lg\:ml-2\.5 { - margin-left: 0.625rem; + .md\:translate-y-12 { + --transform-translate-y: 3rem; } - .lg\:mt-3\.5 { - margin-top: 0.875rem; + .md\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .lg\:mr-3\.5 { - margin-right: 0.875rem; + .md\:translate-y-16 { + --transform-translate-y: 4rem; } - .lg\:mb-3\.5 { - margin-bottom: 0.875rem; + .md\:translate-y-20 { + --transform-translate-y: 5rem; } - .lg\:ml-3\.5 { - margin-left: 0.875rem; + .md\:translate-y-24 { + --transform-translate-y: 6rem; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .md\:translate-y-28 { + --transform-translate-y: 7rem; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .md\:translate-y-32 { + --transform-translate-y: 8rem; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .md\:translate-y-36 { + --transform-translate-y: 9rem; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .md\:translate-y-40 { + --transform-translate-y: 10rem; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .md\:translate-y-44 { + --transform-translate-y: 11rem; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .md\:translate-y-48 { + --transform-translate-y: 12rem; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .md\:translate-y-52 { + --transform-translate-y: 13rem; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .md\:translate-y-56 { + --transform-translate-y: 14rem; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .md\:translate-y-60 { + --transform-translate-y: 15rem; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .md\:translate-y-64 { + --transform-translate-y: 16rem; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .md\:translate-y-72 { + --transform-translate-y: 18rem; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .md\:translate-y-80 { + --transform-translate-y: 20rem; } - .lg\:-mt-4 { - margin-top: -1rem; + .md\:translate-y-96 { + --transform-translate-y: 24rem; } - .lg\:-mr-4 { - margin-right: -1rem; + .md\:translate-y-px { + --transform-translate-y: 1px; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .md\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .lg\:-ml-4 { - margin-left: -1rem; + .md\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .md\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .md\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .md\:-translate-y-4 { + --transform-translate-y: -1rem; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .lg\:-mt-7 { - margin-top: -1.75rem; + .md\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .lg\:-mr-7 { - margin-right: -1.75rem; + .md\:-translate-y-8 { + --transform-translate-y: -2rem; } - .lg\:-mb-7 { - margin-bottom: -1.75rem; + .md\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .lg\:-ml-7 { - margin-left: -1.75rem; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .lg\:-mt-8 { - margin-top: -2rem; + .md\:-translate-y-12 { + --transform-translate-y: -3rem; } - .lg\:-mr-8 { - margin-right: -2rem; + .md\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .md\:-translate-y-16 { + --transform-translate-y: -4rem; } - .lg\:-ml-8 { - margin-left: -2rem; + .md\:-translate-y-20 { + --transform-translate-y: -5rem; } - .lg\:-mt-9 { - margin-top: -2.25rem; + .md\:-translate-y-24 { + --transform-translate-y: -6rem; } - .lg\:-mr-9 { - margin-right: -2.25rem; + .md\:-translate-y-28 { + --transform-translate-y: -7rem; } - .lg\:-mb-9 { - margin-bottom: -2.25rem; + .md\:-translate-y-32 { + --transform-translate-y: -8rem; } - .lg\:-ml-9 { - margin-left: -2.25rem; + .md\:-translate-y-36 { + --transform-translate-y: -9rem; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .md\:-translate-y-40 { + --transform-translate-y: -10rem; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .md\:-translate-y-44 { + --transform-translate-y: -11rem; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .md\:-translate-y-48 { + --transform-translate-y: -12rem; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .md\:-translate-y-52 { + --transform-translate-y: -13rem; } - .lg\:-mt-12 { - margin-top: -3rem; + .md\:-translate-y-56 { + --transform-translate-y: -14rem; } - .lg\:-mr-12 { - margin-right: -3rem; + .md\:-translate-y-60 { + --transform-translate-y: -15rem; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .md\:-translate-y-64 { + --transform-translate-y: -16rem; } - .lg\:-ml-12 { - margin-left: -3rem; + .md\:-translate-y-72 { + --transform-translate-y: -18rem; } - .lg\:-mt-14 { - margin-top: -3.5rem; + .md\:-translate-y-80 { + --transform-translate-y: -20rem; } - .lg\:-mr-14 { - margin-right: -3.5rem; + .md\:-translate-y-96 { + --transform-translate-y: -24rem; } - .lg\:-mb-14 { - margin-bottom: -3.5rem; + .md\:-translate-y-px { + --transform-translate-y: -1px; } - .lg\:-ml-14 { - margin-left: -3.5rem; + .md\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .lg\:-mt-16 { - margin-top: -4rem; + .md\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .lg\:-mr-16 { - margin-right: -4rem; + .md\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .md\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .lg\:-ml-16 { - margin-left: -4rem; + .md\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .lg\:-mt-20 { - margin-top: -5rem; + .md\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .lg\:-mr-20 { - margin-right: -5rem; + .md\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .md\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .lg\:-ml-20 { - margin-left: -5rem; + .md\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .lg\:-mt-24 { - margin-top: -6rem; + .md\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .lg\:-mr-24 { - margin-right: -6rem; + .md\:translate-y-full { + --transform-translate-y: 100%; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .lg\:-ml-24 { - margin-left: -6rem; + .md\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .lg\:-mt-28 { - margin-top: -7rem; + .md\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .lg\:-mr-28 { - margin-right: -7rem; + .md\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .lg\:-mb-28 { - margin-bottom: -7rem; + .md\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .lg\:-ml-28 { - margin-left: -7rem; + .md\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .lg\:-mt-32 { - margin-top: -8rem; + .md\:-translate-y-full { + --transform-translate-y: -100%; } - .lg\:-mr-32 { - margin-right: -8rem; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .lg\:-ml-32 { - margin-left: -8rem; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .lg\:-mt-36 { - margin-top: -9rem; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .lg\:-mr-36 { - margin-right: -9rem; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .lg\:-mb-36 { - margin-bottom: -9rem; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .lg\:-ml-36 { - margin-left: -9rem; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .lg\:-mt-40 { - margin-top: -10rem; + .md\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .lg\:-mr-40 { - margin-right: -10rem; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .md\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .lg\:-ml-40 { - margin-left: -10rem; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .lg\:-mt-44 { - margin-top: -11rem; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .lg\:-mr-44 { - margin-right: -11rem; + .md\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .lg\:-mb-44 { - margin-bottom: -11rem; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .lg\:-ml-44 { - margin-left: -11rem; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .lg\:-mt-48 { - margin-top: -12rem; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .lg\:-mr-48 { - margin-right: -12rem; + .md\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .lg\:-ml-48 { - margin-left: -12rem; + .md\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .lg\:-mt-52 { - margin-top: -13rem; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .lg\:-mr-52 { - margin-right: -13rem; + .md\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .lg\:-mb-52 { - margin-bottom: -13rem; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .lg\:-ml-52 { - margin-left: -13rem; + .md\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .lg\:-mt-56 { - margin-top: -14rem; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .lg\:-mr-56 { - margin-right: -14rem; + .md\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .lg\:-ml-56 { - margin-left: -14rem; + .md\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .lg\:-mt-60 { - margin-top: -15rem; + .md\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .lg\:-mr-60 { - margin-right: -15rem; + .md\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .lg\:-mb-60 { - margin-bottom: -15rem; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .lg\:-ml-60 { - margin-left: -15rem; + .md\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .lg\:-mt-64 { - margin-top: -16rem; + .md\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .lg\:-mr-64 { - margin-right: -16rem; + .md\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .md\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .lg\:-ml-64 { - margin-left: -16rem; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .lg\:-mt-72 { - margin-top: -18rem; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .lg\:-mr-72 { - margin-right: -18rem; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .lg\:-mb-72 { - margin-bottom: -18rem; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .lg\:-ml-72 { - margin-left: -18rem; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .lg\:-mt-80 { - margin-top: -20rem; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .lg\:-mr-80 { - margin-right: -20rem; + .md\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .lg\:-mb-80 { - margin-bottom: -20rem; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .lg\:-ml-80 { - margin-left: -20rem; + .md\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .lg\:-mt-96 { - margin-top: -24rem; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .lg\:-mr-96 { - margin-right: -24rem; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .lg\:-mb-96 { - margin-bottom: -24rem; + .md\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .lg\:-ml-96 { - margin-left: -24rem; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .lg\:-mt-px { - margin-top: -1px; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .lg\:-mr-px { - margin-right: -1px; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .lg\:-mb-px { - margin-bottom: -1px; + .md\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .lg\:-ml-px { - margin-left: -1px; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .lg\:-mt-0\.5 { - margin-top: -0.125rem; + .md\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .lg\:-mr-0\.5 { - margin-right: -0.125rem; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .lg\:-mb-0\.5 { - margin-bottom: -0.125rem; + .md\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .lg\:-ml-0\.5 { - margin-left: -0.125rem; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - - .lg\:-mt-1\.5 { - margin-top: -0.375rem; + + .md\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .lg\:-mr-1\.5 { - margin-right: -0.375rem; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .lg\:-mb-1\.5 { - margin-bottom: -0.375rem; + .md\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .lg\:-ml-1\.5 { - margin-left: -0.375rem; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .lg\:-mt-2\.5 { - margin-top: -0.625rem; + .md\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .lg\:-mr-2\.5 { - margin-right: -0.625rem; + .md\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .lg\:-mb-2\.5 { - margin-bottom: -0.625rem; + .md\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .lg\:-ml-2\.5 { - margin-left: -0.625rem; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .lg\:-mt-3\.5 { - margin-top: -0.875rem; + .md\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .lg\:-mr-3\.5 { - margin-right: -0.875rem; + .md\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .lg\:-mb-3\.5 { - margin-bottom: -0.875rem; + .md\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .lg\:-ml-3\.5 { - margin-left: -0.875rem; + .md\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .lg\:max-h-0 { - max-height: 0; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .lg\:max-h-1 { - max-height: 0.25rem; + .md\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .lg\:max-h-2 { - max-height: 0.5rem; + .md\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .lg\:max-h-3 { - max-height: 0.75rem; + .md\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .lg\:max-h-4 { - max-height: 1rem; + .md\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .lg\:max-h-5 { - max-height: 1.25rem; + .md\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .lg\:max-h-6 { - max-height: 1.5rem; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .lg\:max-h-7 { - max-height: 1.75rem; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .lg\:max-h-8 { - max-height: 2rem; + .md\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .lg\:max-h-9 { - max-height: 2.25rem; + .md\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .lg\:max-h-10 { - max-height: 2.5rem; + .md\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .lg\:max-h-12 { - max-height: 3rem; + .md\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .lg\:max-h-14 { - max-height: 3.5rem; + .md\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .lg\:max-h-16 { - max-height: 4rem; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .lg\:max-h-20 { - max-height: 5rem; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .lg\:max-h-24 { - max-height: 6rem; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .lg\:max-h-28 { - max-height: 7rem; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .lg\:max-h-32 { - max-height: 8rem; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .lg\:max-h-36 { - max-height: 9rem; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .lg\:max-h-40 { - max-height: 10rem; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .lg\:max-h-44 { - max-height: 11rem; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .lg\:max-h-48 { - max-height: 12rem; + .md\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .lg\:max-h-52 { - max-height: 13rem; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .lg\:max-h-56 { - max-height: 14rem; + .md\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .lg\:max-h-60 { - max-height: 15rem; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .lg\:max-h-64 { - max-height: 16rem; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .lg\:max-h-72 { - max-height: 18rem; + .md\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .lg\:max-h-80 { - max-height: 20rem; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .lg\:max-h-96 { - max-height: 24rem; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .lg\:max-h-px { - max-height: 1px; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .lg\:max-h-0\.5 { - max-height: 0.125rem; + .md\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .lg\:max-h-1\.5 { - max-height: 0.375rem; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .lg\:max-h-2\.5 { - max-height: 0.625rem; + .md\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .lg\:max-h-3\.5 { - max-height: 0.875rem; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .lg\:max-h-full { - max-height: 100%; + .md\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .lg\:max-h-screen { - max-height: 100vh; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .lg\:max-w-0 { - max-width: 0rem; + .md\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .lg\:max-w-none { - max-width: none; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .lg\:max-w-xs { - max-width: 20rem; + .md\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .lg\:max-w-sm { - max-width: 24rem; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .lg\:max-w-md { - max-width: 28rem; + .md\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .lg\:max-w-lg { - max-width: 32rem; + .md\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .lg\:max-w-xl { - max-width: 36rem; + .md\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .lg\:max-w-2xl { - max-width: 42rem; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .lg\:max-w-3xl { - max-width: 48rem; + .md\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .lg\:max-w-4xl { - max-width: 56rem; + .md\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .lg\:max-w-5xl { - max-width: 64rem; + .md\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .lg\:max-w-6xl { - max-width: 72rem; + .md\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .lg\:max-w-7xl { - max-width: 80rem; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .lg\:max-w-full { - max-width: 100%; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .lg\:max-w-min { - max-width: min-content; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .lg\:max-w-max { - max-width: max-content; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .lg\:max-w-screen-sm { - max-width: 640px; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .lg\:max-w-screen-md { - max-width: 768px; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .lg\:max-w-screen-lg { - max-width: 1024px; + .md\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .lg\:max-w-screen-xl { - max-width: 1280px; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .lg\:max-w-screen-2xl { - max-width: 1536px; + .md\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .lg\:min-h-0 { - min-height: 0; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .lg\:min-h-full { - min-height: 100%; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .lg\:min-h-screen { - min-height: 100vh; + .md\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .lg\:min-w-0 { - min-width: 0; + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .lg\:min-w-full { - min-width: 100%; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .lg\:min-w-min { - min-width: min-content; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .lg\:min-w-max { - min-width: max-content; + .md\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .lg\:object-contain { - object-fit: contain; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .lg\:object-cover { - object-fit: cover; + .md\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .lg\:object-fill { - object-fit: fill; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .lg\:object-none { - object-fit: none; + .md\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .lg\:object-scale-down { - object-fit: scale-down; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .lg\:object-bottom { - object-position: bottom; + .md\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .lg\:object-center { - object-position: center; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .lg\:object-left { - object-position: left; + .md\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .lg\:object-left-bottom { - object-position: left bottom; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .lg\:object-left-top { - object-position: left top; + .md\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .lg\:object-right { - object-position: right; + .md\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .lg\:object-right-bottom { - object-position: right bottom; + .md\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .lg\:object-right-top { - object-position: right top; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .lg\:object-top { - object-position: top; + .md\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .lg\:opacity-0 { - opacity: 0; + .md\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .lg\:opacity-25 { - opacity: 0.25; + .md\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .lg\:opacity-50 { - opacity: 0.5; + .md\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .lg\:opacity-75 { - opacity: 0.75; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .lg\:opacity-100 { - opacity: 1; + .md\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .group:hover .lg\:group-hover\:opacity-0 { - opacity: 0; + .md\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .group:hover .lg\:group-hover\:opacity-25 { - opacity: 0.25; + .md\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .group:hover .lg\:group-hover\:opacity-50 { - opacity: 0.5; + .md\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .group:hover .lg\:group-hover\:opacity-75 { - opacity: 0.75; + .md\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .group:hover .lg\:group-hover\:opacity-100 { - opacity: 1; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .lg\:hover\:opacity-0:hover { - opacity: 0; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .lg\:hover\:opacity-25:hover { - opacity: 0.25; + .md\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .lg\:hover\:opacity-50:hover { - opacity: 0.5; + .md\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .lg\:hover\:opacity-75:hover { - opacity: 0.75; + .md\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .lg\:hover\:opacity-100:hover { - opacity: 1; + .md\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .lg\:focus\:opacity-0:focus { - opacity: 0; + .md\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .lg\:focus\:opacity-25:focus { - opacity: 0.25; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .lg\:focus\:opacity-50:focus { - opacity: 0.5; + .md\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .lg\:focus\:opacity-75:focus { - opacity: 0.75; + .md\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .lg\:focus\:opacity-100:focus { - opacity: 1; + .md\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .lg\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .md\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .lg\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .md\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .lg\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .md\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .lg\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .md\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .lg\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .md\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .lg\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .md\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .lg\:overflow-auto { - overflow: auto; + .md\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .lg\:overflow-hidden { - overflow: hidden; + .md\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .lg\:overflow-visible { - overflow: visible; + .md\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .lg\:overflow-scroll { - overflow: scroll; + .md\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .lg\:overflow-x-auto { - overflow-x: auto; + .md\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .lg\:overflow-y-auto { - overflow-y: auto; + .md\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .md\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .md\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .lg\:overflow-x-visible { - overflow-x: visible; + .md\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .lg\:overflow-y-visible { - overflow-y: visible; + .md\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .md\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .md\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .lg\:overscroll-auto { - overscroll-behavior: auto; + .md\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .lg\:overscroll-contain { - overscroll-behavior: contain; + .md\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .lg\:overscroll-none { - overscroll-behavior: none; + .md\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .lg\:overscroll-y-auto { - overscroll-behavior-y: auto; + .md\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .lg\:overscroll-y-contain { - overscroll-behavior-y: contain; + .md\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .lg\:overscroll-y-none { - overscroll-behavior-y: none; + .md\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .lg\:overscroll-x-auto { - overscroll-behavior-x: auto; + .md\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .lg\:overscroll-x-contain { - overscroll-behavior-x: contain; + .md\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .lg\:overscroll-x-none { - overscroll-behavior-x: none; + .md\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .lg\:p-0 { - padding: 0; + .md\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .lg\:p-1 { - padding: 0.25rem; + .md\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .lg\:p-2 { - padding: 0.5rem; + .md\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .lg\:p-3 { - padding: 0.75rem; + .md\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .lg\:p-4 { - padding: 1rem; + .md\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .lg\:p-5 { - padding: 1.25rem; + .md\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .lg\:p-6 { - padding: 1.5rem; + .md\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .lg\:p-7 { - padding: 1.75rem; + .md\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .lg\:p-8 { - padding: 2rem; + .md\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .lg\:p-9 { - padding: 2.25rem; + .md\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .lg\:p-10 { - padding: 2.5rem; + .md\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .lg\:p-12 { - padding: 3rem; + .md\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .lg\:p-14 { - padding: 3.5rem; + .md\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .lg\:p-16 { - padding: 4rem; + .md\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .lg\:p-20 { - padding: 5rem; + .md\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .lg\:p-24 { - padding: 6rem; + .md\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .lg\:p-28 { - padding: 7rem; + .md\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .lg\:p-32 { - padding: 8rem; + .md\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .lg\:p-36 { - padding: 9rem; + .md\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .lg\:p-40 { - padding: 10rem; + .md\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .lg\:p-44 { - padding: 11rem; + .md\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .lg\:p-48 { - padding: 12rem; + .md\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .lg\:p-52 { - padding: 13rem; + .md\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .lg\:p-56 { - padding: 14rem; + .md\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .lg\:p-60 { - padding: 15rem; + .md\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .lg\:p-64 { - padding: 16rem; + .md\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .lg\:p-72 { - padding: 18rem; + .md\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .lg\:p-80 { - padding: 20rem; + .md\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .lg\:p-96 { - padding: 24rem; + .md\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .lg\:p-px { - padding: 1px; + .md\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .lg\:p-0\.5 { - padding: 0.125rem; + .md\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .lg\:p-1\.5 { - padding: 0.375rem; + .md\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .lg\:p-2\.5 { - padding: 0.625rem; + .md\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .lg\:p-3\.5 { - padding: 0.875rem; + .md\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .md\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .md\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .md\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .md\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .md\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .md\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .md\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .md\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .md\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .md\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .md\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .md\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .md\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .md\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .lg\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .md\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .lg\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .md\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .md\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .lg\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .md\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .lg\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .md\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .md\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .lg\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .md\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .lg\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .md\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .md\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .md\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .md\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .md\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .md\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .lg\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .md\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .lg\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .md\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .md\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .lg\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .md\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .lg\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .md\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .md\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .md\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .lg\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .md\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .lg\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .md\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .md\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .md\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .lg\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .md\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .lg\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .md\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .md\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .md\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .lg\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .md\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .lg\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .md\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .md\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .lg\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .md\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .lg\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .md\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .lg\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .md\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .lg\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .md\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .lg\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .md\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .lg\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .md\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .lg\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .md\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .md\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .md\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .lg\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .md\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .lg\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .md\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .lg\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .md\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .lg\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .md\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .lg\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .md\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .lg\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .md\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .lg\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .md\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .lg\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .md\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .lg\:pt-0 { - padding-top: 0; + .md\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .lg\:pr-0 { - padding-right: 0; + .md\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .lg\:pb-0 { - padding-bottom: 0; + .md\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .lg\:pl-0 { - padding-left: 0; + .md\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .lg\:pt-1 { - padding-top: 0.25rem; + .md\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .lg\:pr-1 { - padding-right: 0.25rem; + .md\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .lg\:pb-1 { - padding-bottom: 0.25rem; + .md\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .lg\:pl-1 { - padding-left: 0.25rem; + .md\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .lg\:pt-2 { - padding-top: 0.5rem; + .md\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .lg\:pr-2 { - padding-right: 0.5rem; + .md\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .md\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .lg\:pl-2 { - padding-left: 0.5rem; + .md\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .lg\:pt-3 { - padding-top: 0.75rem; + .md\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .lg\:pr-3 { - padding-right: 0.75rem; + .md\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .md\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .lg\:pl-3 { - padding-left: 0.75rem; + .md\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .lg\:pt-4 { - padding-top: 1rem; + .md\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .lg\:pr-4 { - padding-right: 1rem; + .md\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .lg\:pb-4 { - padding-bottom: 1rem; + .md\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .lg\:pl-4 { - padding-left: 1rem; + .md\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .lg\:pt-5 { - padding-top: 1.25rem; + .md\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .lg\:pr-5 { - padding-right: 1.25rem; + .md\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .lg\:pb-5 { - padding-bottom: 1.25rem; + .md\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .lg\:pl-5 { - padding-left: 1.25rem; + .md\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .lg\:pt-6 { - padding-top: 1.5rem; + .md\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .lg\:pr-6 { - padding-right: 1.5rem; + .md\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .md\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .lg\:pl-6 { - padding-left: 1.5rem; + .md\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .lg\:pt-7 { - padding-top: 1.75rem; + .md\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .lg\:pr-7 { - padding-right: 1.75rem; + .md\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .lg\:pb-7 { - padding-bottom: 1.75rem; + .md\:skew-x-0 { + --transform-skew-x: 0; } - .lg\:pl-7 { - padding-left: 1.75rem; + .md\:skew-x-1 { + --transform-skew-x: 1deg; } - .lg\:pt-8 { - padding-top: 2rem; + .md\:skew-x-2 { + --transform-skew-x: 2deg; } - .lg\:pr-8 { - padding-right: 2rem; + .md\:skew-x-3 { + --transform-skew-x: 3deg; } - .lg\:pb-8 { - padding-bottom: 2rem; + .md\:skew-x-6 { + --transform-skew-x: 6deg; } - .lg\:pl-8 { - padding-left: 2rem; + .md\:skew-x-12 { + --transform-skew-x: 12deg; } - .lg\:pt-9 { - padding-top: 2.25rem; + .md\:-skew-x-12 { + --transform-skew-x: -12deg; } - .lg\:pr-9 { - padding-right: 2.25rem; + .md\:-skew-x-6 { + --transform-skew-x: -6deg; } - .lg\:pb-9 { - padding-bottom: 2.25rem; + .md\:-skew-x-3 { + --transform-skew-x: -3deg; } - .lg\:pl-9 { - padding-left: 2.25rem; + .md\:-skew-x-2 { + --transform-skew-x: -2deg; } - .lg\:pt-10 { - padding-top: 2.5rem; + .md\:-skew-x-1 { + --transform-skew-x: -1deg; } - .lg\:pr-10 { - padding-right: 2.5rem; + .md\:skew-y-0 { + --transform-skew-y: 0; } - .lg\:pb-10 { - padding-bottom: 2.5rem; + .md\:skew-y-1 { + --transform-skew-y: 1deg; } - .lg\:pl-10 { - padding-left: 2.5rem; + .md\:skew-y-2 { + --transform-skew-y: 2deg; } - .lg\:pt-12 { - padding-top: 3rem; + .md\:skew-y-3 { + --transform-skew-y: 3deg; } - .lg\:pr-12 { - padding-right: 3rem; + .md\:skew-y-6 { + --transform-skew-y: 6deg; } - .lg\:pb-12 { - padding-bottom: 3rem; + .md\:skew-y-12 { + --transform-skew-y: 12deg; } - .lg\:pl-12 { - padding-left: 3rem; + .md\:-skew-y-12 { + --transform-skew-y: -12deg; } - .lg\:pt-14 { - padding-top: 3.5rem; + .md\:-skew-y-6 { + --transform-skew-y: -6deg; } - .lg\:pr-14 { - padding-right: 3.5rem; + .md\:-skew-y-3 { + --transform-skew-y: -3deg; } - .lg\:pb-14 { - padding-bottom: 3.5rem; + .md\:-skew-y-2 { + --transform-skew-y: -2deg; } - .lg\:pl-14 { - padding-left: 3.5rem; + .md\:-skew-y-1 { + --transform-skew-y: -1deg; } - .lg\:pt-16 { - padding-top: 4rem; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .lg\:pr-16 { - padding-right: 4rem; + .md\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .lg\:pb-16 { - padding-bottom: 4rem; + .md\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .lg\:pl-16 { - padding-left: 4rem; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .lg\:pt-20 { - padding-top: 5rem; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .lg\:pr-20 { - padding-right: 5rem; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .lg\:pb-20 { - padding-bottom: 5rem; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .lg\:pl-20 { - padding-left: 5rem; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .lg\:pt-24 { - padding-top: 6rem; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .lg\:pr-24 { - padding-right: 6rem; + .md\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .lg\:pb-24 { - padding-bottom: 6rem; + .md\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .lg\:pl-24 { - padding-left: 6rem; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .lg\:pt-28 { - padding-top: 7rem; + .md\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .lg\:pr-28 { - padding-right: 7rem; + .md\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .lg\:pb-28 { - padding-bottom: 7rem; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .lg\:pl-28 { - padding-left: 7rem; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .lg\:pt-32 { - padding-top: 8rem; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .lg\:pr-32 { - padding-right: 8rem; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .lg\:pb-32 { - padding-bottom: 8rem; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .lg\:pl-32 { - padding-left: 8rem; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .lg\:pt-36 { - padding-top: 9rem; + .md\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .lg\:pr-36 { - padding-right: 9rem; + .md\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .lg\:pb-36 { - padding-bottom: 9rem; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .lg\:pl-36 { - padding-left: 9rem; + .md\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .lg\:pt-40 { - padding-top: 10rem; + .md\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .lg\:pr-40 { - padding-right: 10rem; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .lg\:pb-40 { - padding-bottom: 10rem; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .lg\:pl-40 { - padding-left: 10rem; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .lg\:pt-44 { - padding-top: 11rem; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .lg\:pr-44 { - padding-right: 11rem; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .lg\:pb-44 { - padding-bottom: 11rem; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .lg\:pl-44 { - padding-left: 11rem; + .md\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .lg\:pt-48 { - padding-top: 12rem; + .md\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .lg\:pr-48 { - padding-right: 12rem; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .lg\:pb-48 { - padding-bottom: 12rem; + .md\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .lg\:pl-48 { - padding-left: 12rem; + .md\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .lg\:pt-52 { - padding-top: 13rem; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .lg\:pr-52 { - padding-right: 13rem; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .lg\:pb-52 { - padding-bottom: 13rem; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .lg\:pl-52 { - padding-left: 13rem; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .lg\:pt-56 { - padding-top: 14rem; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .lg\:pr-56 { - padding-right: 14rem; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .lg\:pb-56 { - padding-bottom: 14rem; + .md\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .lg\:pl-56 { - padding-left: 14rem; + .md\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .lg\:pt-60 { - padding-top: 15rem; + .md\:transition-none { + transition-property: none; } - .lg\:pr-60 { - padding-right: 15rem; + .md\:transition-all { + transition-property: all; } - .lg\:pb-60 { - padding-bottom: 15rem; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .lg\:pl-60 { - padding-left: 15rem; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .lg\:pt-64 { - padding-top: 16rem; + .md\:transition-opacity { + transition-property: opacity; } - .lg\:pr-64 { - padding-right: 16rem; + .md\:transition-shadow { + transition-property: box-shadow; } - .lg\:pb-64 { - padding-bottom: 16rem; + .md\:transition-transform { + transition-property: transform; } - .lg\:pl-64 { - padding-left: 16rem; + .md\:ease-linear { + transition-timing-function: linear; } - .lg\:pt-72 { - padding-top: 18rem; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .lg\:pr-72 { - padding-right: 18rem; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .lg\:pb-72 { - padding-bottom: 18rem; + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .lg\:pl-72 { - padding-left: 18rem; + .md\:duration-75 { + transition-duration: 75ms; } - .lg\:pt-80 { - padding-top: 20rem; + .md\:duration-100 { + transition-duration: 100ms; } - .lg\:pr-80 { - padding-right: 20rem; + .md\:duration-150 { + transition-duration: 150ms; } - .lg\:pb-80 { - padding-bottom: 20rem; + .md\:duration-200 { + transition-duration: 200ms; } - .lg\:pl-80 { - padding-left: 20rem; + .md\:duration-300 { + transition-duration: 300ms; } - .lg\:pt-96 { - padding-top: 24rem; + .md\:duration-500 { + transition-duration: 500ms; } - .lg\:pr-96 { - padding-right: 24rem; + .md\:duration-700 { + transition-duration: 700ms; } - .lg\:pb-96 { - padding-bottom: 24rem; + .md\:duration-1000 { + transition-duration: 1000ms; } - .lg\:pl-96 { - padding-left: 24rem; + .md\:delay-75 { + transition-delay: 75ms; } - .lg\:pt-px { - padding-top: 1px; + .md\:delay-100 { + transition-delay: 100ms; } - .lg\:pr-px { - padding-right: 1px; + .md\:delay-150 { + transition-delay: 150ms; } - .lg\:pb-px { - padding-bottom: 1px; + .md\:delay-200 { + transition-delay: 200ms; } - .lg\:pl-px { - padding-left: 1px; + .md\:delay-300 { + transition-delay: 300ms; } - .lg\:pt-0\.5 { - padding-top: 0.125rem; + .md\:delay-500 { + transition-delay: 500ms; } - .lg\:pr-0\.5 { - padding-right: 0.125rem; + .md\:delay-700 { + transition-delay: 700ms; } - .lg\:pb-0\.5 { - padding-bottom: 0.125rem; + .md\:delay-1000 { + transition-delay: 1000ms; } - .lg\:pl-0\.5 { - padding-left: 0.125rem; + .md\:animate-none { + animation: none; } - .lg\:pt-1\.5 { - padding-top: 0.375rem; + .md\:animate-spin { + animation: spin 1s linear infinite; } - .lg\:pr-1\.5 { - padding-right: 0.375rem; + .md\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:pb-1\.5 { - padding-bottom: 0.375rem; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .lg\:pl-1\.5 { - padding-left: 0.375rem; + .md\:animate-bounce { + animation: bounce 1s infinite; } - .lg\:pt-2\.5 { - padding-top: 0.625rem; + .md\:example { + font-weight: 700; + color: #ef4444; } +} - .lg\:pr-2\.5 { - padding-right: 0.625rem; +@media (min-width: 1024px) { + .lg\:container { + width: 100%; } - .lg\:pb-2\.5 { - padding-bottom: 0.625rem; + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } } - .lg\:pl-2\.5 { - padding-left: 0.625rem; + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } } - .lg\:pt-3\.5 { - padding-top: 0.875rem; + @media (min-width: 1024px) { + .lg\:container { + max-width: 1024px; + } } - .lg\:pr-3\.5 { - padding-right: 0.875rem; + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } } - .lg\:pb-3\.5 { - padding-bottom: 0.875rem; + @media (min-width: 1536px) { + .lg\:container { + max-width: 1536px; + } } - .lg\:pl-3\.5 { - padding-left: 0.875rem; + .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\:placeholder-transparent::placeholder { - color: transparent; + .lg\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-current::placeholder { - color: currentColor; + .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\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-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\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .lg\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-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\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .lg\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-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\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .lg\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-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\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .lg\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-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\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .lg\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-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\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .lg\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-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\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-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\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .lg\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-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\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-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\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-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\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .lg\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-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\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-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\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-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\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-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\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .lg\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .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\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-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\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .lg\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-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\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-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\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .lg\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-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\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-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\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .lg\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-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\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-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\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .lg\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-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\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-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\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .lg\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-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\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .lg\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-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\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .lg\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-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\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-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\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .lg\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-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\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .lg\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-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\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-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\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .lg\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-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\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-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\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-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\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-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\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .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\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-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\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-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\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .lg\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-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\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-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\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .lg\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-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\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-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\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-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\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .lg\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-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\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-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\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-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\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-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\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .lg\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .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\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-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\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .lg\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-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\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-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\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .lg\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-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\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-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\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .lg\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-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\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-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\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .lg\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-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\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-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\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .lg\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-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\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .lg\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-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\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .lg\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-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\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-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\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-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\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-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\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-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\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-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\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-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\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-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\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-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\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-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\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .lg\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .lg\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .lg\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .lg\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } - .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .lg\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } - .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .lg\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } - .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .lg\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .lg\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .lg\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .lg\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .lg\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .lg\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .lg\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .lg\:static { - position: static; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .lg\:fixed { - position: fixed; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .lg\:absolute { - position: absolute; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .lg\:relative { - position: relative; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .lg\:sticky { - position: sticky; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .lg\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .lg\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .lg\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .lg\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .lg\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .lg\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .lg\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .lg\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .lg\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .lg\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .lg\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .lg\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .lg\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .lg\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .lg\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .lg\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .lg\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .lg\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .lg\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .lg\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .lg\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .lg\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .lg\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .lg\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .lg\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .lg\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .lg\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .lg\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .lg\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .lg\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .lg\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .lg\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .lg\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .lg\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .lg\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .lg\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .lg\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .lg\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .lg\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .lg\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .lg\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .lg\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .lg\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .lg\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .lg\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .lg\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .lg\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .lg\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .lg\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .lg\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .lg\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .lg\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .lg\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .lg\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .lg\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .lg\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .lg\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .lg\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .lg\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .lg\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .lg\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .lg\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .lg\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .lg\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .lg\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .lg\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .lg\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .lg\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .lg\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .lg\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .lg\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .lg\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .lg\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .lg\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .lg\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .lg\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .lg\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .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\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .lg\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .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\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .lg\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .lg\:appearance-none { + appearance: none; } - .lg\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .lg\:bg-fixed { + background-attachment: fixed; } - .lg\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:bg-local { + background-attachment: local; } - .lg\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:bg-scroll { + background-attachment: scroll; } - .lg\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:bg-clip-border { + background-clip: border-box; } - .lg\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:bg-clip-padding { + background-clip: padding-box; } - .lg\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:bg-clip-content { + background-clip: content-box; } - .lg\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:bg-clip-text { + background-clip: text; } - .lg\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .lg\:bg-transparent { + background-color: transparent; } - .lg\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:bg-current { + background-color: currentColor; } - .lg\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .lg\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .lg\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .lg\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .lg\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .lg\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .lg\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:inset-x-0 { - right: 0; - left: 0; + .lg\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .lg\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .lg\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .lg\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .lg\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .lg\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .lg\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .lg\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:inset-x-4 { - right: 1rem; - left: 1rem; + .lg\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .lg\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .lg\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .lg\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .lg\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .lg\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .lg\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .lg\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:inset-x-8 { - right: 2rem; - left: 2rem; + .lg\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .lg\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .lg\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .lg\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .lg\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .lg\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:inset-x-12 { - right: 3rem; - left: 3rem; + .lg\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .lg\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .lg\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .lg\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:inset-x-16 { - right: 4rem; - left: 4rem; + .lg\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .lg\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:inset-x-20 { - right: 5rem; - left: 5rem; + .lg\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .lg\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:inset-x-24 { - right: 6rem; - left: 6rem; + .lg\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .lg\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:inset-x-28 { - right: 7rem; - left: 7rem; + .lg\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .lg\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:inset-x-32 { - right: 8rem; - left: 8rem; + .lg\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .lg\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:inset-x-36 { - right: 9rem; - left: 9rem; + .lg\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .lg\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:inset-x-40 { - right: 10rem; - left: 10rem; + .lg\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .lg\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:inset-x-44 { - right: 11rem; - left: 11rem; + .lg\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .lg\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:inset-x-48 { - right: 12rem; - left: 12rem; + .lg\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .lg\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:inset-x-52 { - right: 13rem; - left: 13rem; + .lg\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .lg\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:inset-x-56 { - right: 14rem; - left: 14rem; + .lg\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .lg\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:inset-x-60 { - right: 15rem; - left: 15rem; + .lg\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .lg\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:inset-x-64 { - right: 16rem; - left: 16rem; + .lg\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .lg\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:inset-x-72 { - right: 18rem; - left: 18rem; + .lg\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .lg\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:inset-x-80 { - right: 20rem; - left: 20rem; + .lg\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .lg\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:inset-x-96 { - right: 24rem; - left: 24rem; + .lg\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:inset-x-auto { - right: auto; - left: auto; + .lg\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:inset-y-px { - top: 1px; - bottom: 1px; + .lg\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:inset-x-px { - right: 1px; - left: 1px; + .lg\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .lg\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .lg\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .lg\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .lg\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .group:hover .lg\:group-hover\:bg-transparent { + background-color: transparent; } - .lg\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .group:hover .lg\:group-hover\:bg-current { + background-color: currentColor; } - .lg\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .group:hover .lg\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .group:hover .lg\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .group:hover .lg\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .group:hover .lg\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); + } + + .group:hover .lg\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .group:hover .lg\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .group:hover .lg\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .group:hover .lg\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .group:hover .lg\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .group:hover .lg\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:-inset-x-4 { - right: -1rem; - left: -1rem; + .group:hover .lg\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .group:hover .lg\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .group:hover .lg\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .group:hover .lg\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .group:hover .lg\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .group:hover .lg\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .group:hover .lg\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .group:hover .lg\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:-inset-x-8 { - right: -2rem; - left: -2rem; + .group:hover .lg\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .group:hover .lg\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .group:hover .lg\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .group:hover .lg\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .group:hover .lg\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .group:hover .lg\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:-inset-x-12 { - right: -3rem; - left: -3rem; + .group:hover .lg\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .group:hover .lg\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .group:hover .lg\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .group:hover .lg\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:-inset-x-16 { - right: -4rem; - left: -4rem; + .group:hover .lg\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .group:hover .lg\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:-inset-x-20 { - right: -5rem; - left: -5rem; + .group:hover .lg\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .group:hover .lg\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:-inset-x-24 { - right: -6rem; - left: -6rem; + .group:hover .lg\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .group:hover .lg\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:-inset-x-28 { - right: -7rem; - left: -7rem; + .group:hover .lg\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .group:hover .lg\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:-inset-x-32 { - right: -8rem; - left: -8rem; + .group:hover .lg\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .group:hover .lg\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:-inset-x-36 { - right: -9rem; - left: -9rem; + .group:hover .lg\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .group:hover .lg\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:-inset-x-40 { - right: -10rem; - left: -10rem; + .group:hover .lg\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .group:hover .lg\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:-inset-x-44 { - right: -11rem; - left: -11rem; + .group:hover .lg\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .group:hover .lg\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:-inset-x-48 { - right: -12rem; - left: -12rem; + .group:hover .lg\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .group:hover .lg\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:-inset-x-52 { - right: -13rem; - left: -13rem; + .group:hover .lg\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .group:hover .lg\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:-inset-x-56 { - right: -14rem; - left: -14rem; + .group:hover .lg\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .group:hover .lg\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:-inset-x-60 { - right: -15rem; - left: -15rem; + .group:hover .lg\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .group:hover .lg\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:-inset-x-64 { - right: -16rem; - left: -16rem; + .group:hover .lg\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .group:hover .lg\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:-inset-x-72 { - right: -18rem; - left: -18rem; + .group:hover .lg\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .group:hover .lg\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:-inset-x-80 { - right: -20rem; - left: -20rem; + .group:hover .lg\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .group:hover .lg\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:-inset-x-96 { - right: -24rem; - left: -24rem; + .group:hover .lg\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:-inset-y-px { - top: -1px; - bottom: -1px; + .group:hover .lg\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:-inset-x-px { - right: -1px; - left: -1px; + .group:hover .lg\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .group:hover .lg\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .group:hover .lg\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .group:hover .lg\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .group:hover .lg\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .group:hover .lg\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .group:hover .lg\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .group:hover .lg\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .group:hover .lg\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .group:hover .lg\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:inset-x-1\/2 { - right: 50%; - left: 50%; + .group:hover .lg\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .group:hover .lg\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .lg\:hover\:bg-transparent:hover { + background-color: transparent; } - .lg\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:hover\:bg-current:hover { + background-color: currentColor; } - .lg\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .lg\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .lg\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:inset-x-1\/4 { - right: 25%; - left: 25%; + .lg\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .lg\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .lg\:inset-x-2\/4 { - right: 50%; - left: 50%; + .lg\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .lg\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:inset-x-3\/4 { - right: 75%; - left: 75%; + .lg\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:inset-y-full { - top: 100%; - bottom: 100%; + .lg\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:inset-x-full { - right: 100%; - left: 100%; + .lg\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .lg\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .lg\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .lg\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .lg\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .lg\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .lg\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .lg\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .lg\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .lg\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .lg\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .lg\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .lg\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:-inset-y-full { - top: -100%; - bottom: -100%; + .lg\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:-inset-x-full { - right: -100%; - left: -100%; + .lg\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:top-0 { - top: 0; + .lg\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:right-0 { - right: 0; + .lg\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:bottom-0 { - bottom: 0; + .lg\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:left-0 { - left: 0; + .lg\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:top-1 { - top: 0.25rem; + .lg\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:right-1 { - right: 0.25rem; + .lg\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:bottom-1 { - bottom: 0.25rem; + .lg\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:left-1 { - left: 0.25rem; + .lg\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:top-2 { - top: 0.5rem; + .lg\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:right-2 { - right: 0.5rem; + .lg\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:bottom-2 { - bottom: 0.5rem; + .lg\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:left-2 { - left: 0.5rem; + .lg\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:top-3 { - top: 0.75rem; + .lg\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:right-3 { - right: 0.75rem; + .lg\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:bottom-3 { - bottom: 0.75rem; + .lg\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:left-3 { - left: 0.75rem; + .lg\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:top-4 { - top: 1rem; + .lg\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:right-4 { - right: 1rem; + .lg\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:bottom-4 { - bottom: 1rem; + .lg\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:left-4 { - left: 1rem; + .lg\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:top-5 { - top: 1.25rem; + .lg\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:right-5 { - right: 1.25rem; + .lg\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:bottom-5 { - bottom: 1.25rem; + .lg\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:left-5 { - left: 1.25rem; + .lg\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:top-6 { - top: 1.5rem; + .lg\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:right-6 { - right: 1.5rem; + .lg\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:bottom-6 { - bottom: 1.5rem; + .lg\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:left-6 { - left: 1.5rem; + .lg\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:top-7 { - top: 1.75rem; + .lg\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:right-7 { - right: 1.75rem; + .lg\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:bottom-7 { - bottom: 1.75rem; + .lg\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:left-7 { - left: 1.75rem; + .lg\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:top-8 { - top: 2rem; + .lg\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:right-8 { - right: 2rem; + .lg\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:bottom-8 { - bottom: 2rem; + .lg\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:left-8 { - left: 2rem; + .lg\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:top-9 { - top: 2.25rem; + .lg\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:right-9 { - right: 2.25rem; + .lg\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:bottom-9 { - bottom: 2.25rem; + .lg\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:left-9 { - left: 2.25rem; + .lg\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:top-10 { - top: 2.5rem; + .lg\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:right-10 { - right: 2.5rem; + .lg\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:bottom-10 { - bottom: 2.5rem; + .lg\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:left-10 { - left: 2.5rem; + .lg\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:top-12 { - top: 3rem; + .lg\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:right-12 { - right: 3rem; + .lg\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:bottom-12 { - bottom: 3rem; + .lg\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:left-12 { - left: 3rem; + .lg\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:top-14 { - top: 3.5rem; + .lg\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:right-14 { - right: 3.5rem; + .lg\:focus\:bg-transparent:focus { + background-color: transparent; } - .lg\:bottom-14 { - bottom: 3.5rem; + .lg\:focus\:bg-current:focus { + background-color: currentColor; } - .lg\:left-14 { - left: 3.5rem; + .lg\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:top-16 { - top: 4rem; + .lg\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:right-16 { - right: 4rem; + .lg\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:bottom-16 { - bottom: 4rem; + .lg\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .lg\:left-16 { - left: 4rem; + .lg\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:top-20 { - top: 5rem; + .lg\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:right-20 { - right: 5rem; + .lg\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:bottom-20 { - bottom: 5rem; + .lg\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:left-20 { - left: 5rem; + .lg\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:top-24 { - top: 6rem; + .lg\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:right-24 { - right: 6rem; + .lg\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:bottom-24 { - bottom: 6rem; + .lg\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:left-24 { - left: 6rem; + .lg\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:top-28 { - top: 7rem; + .lg\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:right-28 { - right: 7rem; + .lg\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:bottom-28 { - bottom: 7rem; + .lg\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:left-28 { - left: 7rem; + .lg\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:top-32 { - top: 8rem; + .lg\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:right-32 { - right: 8rem; + .lg\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:bottom-32 { - bottom: 8rem; + .lg\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:left-32 { - left: 8rem; + .lg\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:top-36 { - top: 9rem; + .lg\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:right-36 { - right: 9rem; + .lg\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:bottom-36 { - bottom: 9rem; + .lg\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:left-36 { - left: 9rem; + .lg\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:top-40 { - top: 10rem; + .lg\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:right-40 { - right: 10rem; + .lg\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:bottom-40 { - bottom: 10rem; + .lg\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:left-40 { - left: 10rem; + .lg\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:top-44 { - top: 11rem; + .lg\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:right-44 { - right: 11rem; + .lg\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:bottom-44 { - bottom: 11rem; + .lg\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:left-44 { - left: 11rem; + .lg\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:top-48 { - top: 12rem; + .lg\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:right-48 { - right: 12rem; + .lg\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:bottom-48 { - bottom: 12rem; + .lg\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:left-48 { - left: 12rem; + .lg\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:top-52 { - top: 13rem; + .lg\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:right-52 { - right: 13rem; + .lg\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:bottom-52 { - bottom: 13rem; + .lg\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:left-52 { - left: 13rem; + .lg\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:top-56 { - top: 14rem; + .lg\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:right-56 { - right: 14rem; + .lg\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:bottom-56 { - bottom: 14rem; + .lg\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:left-56 { - left: 14rem; + .lg\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:top-60 { - top: 15rem; + .lg\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:right-60 { - right: 15rem; + .lg\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:bottom-60 { - bottom: 15rem; + .lg\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:left-60 { - left: 15rem; + .lg\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:top-64 { - top: 16rem; + .lg\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:right-64 { - right: 16rem; + .lg\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:bottom-64 { - bottom: 16rem; + .lg\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:left-64 { - left: 16rem; + .lg\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:top-72 { - top: 18rem; + .lg\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:right-72 { - right: 18rem; + .lg\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:bottom-72 { - bottom: 18rem; + .lg\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:left-72 { - left: 18rem; + .lg\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:top-80 { - top: 20rem; + .lg\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:right-80 { - right: 20rem; + .lg\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:bottom-80 { - bottom: 20rem; + .lg\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:left-80 { - left: 20rem; + .lg\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:top-96 { - top: 24rem; + .lg\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:right-96 { - right: 24rem; + .lg\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:bottom-96 { - bottom: 24rem; + .lg\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:left-96 { - left: 24rem; + .lg\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:top-auto { - top: auto; + .lg\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:right-auto { - right: auto; + .lg\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:bottom-auto { - bottom: auto; + .lg\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:left-auto { - left: auto; + .lg\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:top-px { - top: 1px; + .lg\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:right-px { - right: 1px; + .lg\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:bottom-px { - bottom: 1px; + .lg\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:left-px { - left: 1px; + .lg\:bg-none { + background-image: none; } - .lg\:top-0\.5 { - top: 0.125rem; + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .lg\:right-0\.5 { - right: 0.125rem; + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .lg\:bottom-0\.5 { - bottom: 0.125rem; + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .lg\:left-0\.5 { - left: 0.125rem; + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .lg\:top-1\.5 { - top: 0.375rem; + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .lg\:right-1\.5 { - right: 0.375rem; + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .lg\:bottom-1\.5 { - bottom: 0.375rem; + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .lg\:left-1\.5 { - left: 0.375rem; + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .lg\:top-2\.5 { - top: 0.625rem; + .lg\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:right-2\.5 { - right: 0.625rem; + .lg\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:bottom-2\.5 { - bottom: 0.625rem; + .lg\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:left-2\.5 { - left: 0.625rem; + .lg\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:top-3\.5 { - top: 0.875rem; + .lg\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:right-3\.5 { - right: 0.875rem; + .lg\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:bottom-3\.5 { - bottom: 0.875rem; + .lg\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:left-3\.5 { - left: 0.875rem; + .lg\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-top-1 { - top: -0.25rem; + .lg\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-right-1 { - right: -0.25rem; + .lg\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-bottom-1 { - bottom: -0.25rem; + .lg\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-left-1 { - left: -0.25rem; + .lg\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-top-2 { - top: -0.5rem; + .lg\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-right-2 { - right: -0.5rem; + .lg\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-bottom-2 { - bottom: -0.5rem; + .lg\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-left-2 { - left: -0.5rem; + .lg\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-top-3 { - top: -0.75rem; + .lg\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-right-3 { - right: -0.75rem; + .lg\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-bottom-3 { - bottom: -0.75rem; + .lg\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-left-3 { - left: -0.75rem; + .lg\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-top-4 { - top: -1rem; + .lg\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-right-4 { - right: -1rem; + .lg\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-bottom-4 { - bottom: -1rem; + .lg\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-left-4 { - left: -1rem; + .lg\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-top-5 { - top: -1.25rem; + .lg\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-right-5 { - right: -1.25rem; + .lg\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-bottom-5 { - bottom: -1.25rem; + .lg\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-left-5 { - left: -1.25rem; + .lg\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-top-6 { - top: -1.5rem; + .lg\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-right-6 { - right: -1.5rem; + .lg\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-bottom-6 { - bottom: -1.5rem; + .lg\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-left-6 { - left: -1.5rem; + .lg\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-top-7 { - top: -1.75rem; + .lg\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:-right-7 { - right: -1.75rem; + .lg\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:-bottom-7 { - bottom: -1.75rem; + .lg\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:-left-7 { - left: -1.75rem; + .lg\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:-top-8 { - top: -2rem; + .lg\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:-right-8 { - right: -2rem; + .lg\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:-bottom-8 { - bottom: -2rem; + .lg\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:-left-8 { - left: -2rem; + .lg\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:-top-9 { - top: -2.25rem; + .lg\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:-right-9 { - right: -2.25rem; + .lg\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:-bottom-9 { - bottom: -2.25rem; + .lg\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:-left-9 { - left: -2.25rem; + .lg\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:-top-10 { - top: -2.5rem; + .lg\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:-right-10 { - right: -2.5rem; + .lg\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:-bottom-10 { - bottom: -2.5rem; + .lg\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:-left-10 { - left: -2.5rem; + .lg\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:-top-12 { - top: -3rem; + .lg\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:-right-12 { - right: -3rem; + .lg\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:-bottom-12 { - bottom: -3rem; + .lg\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:-left-12 { - left: -3rem; + .lg\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:-top-14 { - top: -3.5rem; + .lg\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:-right-14 { - right: -3.5rem; + .lg\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:-bottom-14 { - bottom: -3.5rem; + .lg\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:-left-14 { - left: -3.5rem; + .lg\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:-top-16 { - top: -4rem; + .lg\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:-right-16 { - right: -4rem; + .lg\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:-bottom-16 { - bottom: -4rem; + .lg\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:-left-16 { - left: -4rem; + .lg\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:-top-20 { - top: -5rem; + .lg\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-right-20 { - right: -5rem; + .lg\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-bottom-20 { - bottom: -5rem; + .lg\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-left-20 { - left: -5rem; + .lg\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-top-24 { - top: -6rem; + .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\:-right-24 { - right: -6rem; + .lg\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:-bottom-24 { - bottom: -6rem; + .lg\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:-left-24 { - left: -6rem; + .lg\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:-top-28 { - top: -7rem; + .lg\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:-right-28 { - right: -7rem; + .lg\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:-bottom-28 { - bottom: -7rem; + .lg\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:-left-28 { - left: -7rem; + .lg\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:-top-32 { - top: -8rem; + .lg\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:-right-32 { - right: -8rem; + .lg\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:-bottom-32 { - bottom: -8rem; + .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\:-left-32 { - left: -8rem; + .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\:-top-36 { - top: -9rem; + .lg\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:-right-36 { - right: -9rem; + .lg\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:-bottom-36 { - bottom: -9rem; + .lg\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:-left-36 { - left: -9rem; + .lg\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-top-40 { - top: -10rem; + .lg\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:-right-40 { - right: -10rem; + .lg\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-bottom-40 { - bottom: -10rem; + .lg\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-left-40 { - left: -10rem; + .lg\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-top-44 { - top: -11rem; + .lg\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-right-44 { - right: -11rem; + .lg\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-bottom-44 { - bottom: -11rem; + .lg\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-left-44 { - left: -11rem; + .lg\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-top-48 { - top: -12rem; + .lg\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-right-48 { - right: -12rem; + .lg\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-bottom-48 { - bottom: -12rem; + .lg\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-left-48 { - left: -12rem; + .lg\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-top-52 { - top: -13rem; + .lg\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-right-52 { - right: -13rem; + .lg\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-bottom-52 { - bottom: -13rem; + .lg\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-left-52 { - left: -13rem; + .lg\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-top-56 { - top: -14rem; + .lg\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-right-56 { - right: -14rem; + .lg\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-bottom-56 { - bottom: -14rem; + .lg\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-left-56 { - left: -14rem; + .lg\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-top-60 { - top: -15rem; + .lg\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-right-60 { - right: -15rem; + .lg\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-bottom-60 { - bottom: -15rem; + .lg\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-left-60 { - left: -15rem; + .lg\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-top-64 { - top: -16rem; + .lg\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-right-64 { - right: -16rem; + .lg\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-bottom-64 { - bottom: -16rem; + .lg\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:-left-64 { - left: -16rem; + .lg\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:-top-72 { - top: -18rem; + .lg\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:-right-72 { - right: -18rem; + .lg\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:-bottom-72 { - bottom: -18rem; + .lg\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:-left-72 { - left: -18rem; + .lg\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:-top-80 { - top: -20rem; + .lg\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:-right-80 { - right: -20rem; + .lg\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:-bottom-80 { - bottom: -20rem; + .lg\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:-left-80 { - left: -20rem; + .lg\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:-top-96 { - top: -24rem; + .lg\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:-right-96 { - right: -24rem; + .lg\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:-bottom-96 { - bottom: -24rem; + .lg\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:-left-96 { - left: -24rem; + .lg\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:-top-px { - top: -1px; + .lg\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:-right-px { - right: -1px; + .lg\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:-bottom-px { - bottom: -1px; + .lg\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:-left-px { - left: -1px; + .lg\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:-top-0\.5 { - top: -0.125rem; + .lg\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:-right-0\.5 { - right: -0.125rem; + .lg\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:-bottom-0\.5 { - bottom: -0.125rem; + .lg\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:-left-0\.5 { - left: -0.125rem; + .lg\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:-top-1\.5 { - top: -0.375rem; + .lg\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:-right-1\.5 { - right: -0.375rem; + .lg\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:-bottom-1\.5 { - bottom: -0.375rem; + .lg\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:-left-1\.5 { - left: -0.375rem; + .lg\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:-top-2\.5 { - top: -0.625rem; + .lg\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:-right-2\.5 { - right: -0.625rem; + .lg\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:-bottom-2\.5 { - bottom: -0.625rem; + .lg\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-left-2\.5 { - left: -0.625rem; + .lg\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-top-3\.5 { - top: -0.875rem; + .lg\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-right-3\.5 { - right: -0.875rem; + .lg\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-bottom-3\.5 { - bottom: -0.875rem; + .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\:-left-3\.5 { - left: -0.875rem; + .lg\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:top-1\/2 { - top: 50%; + .lg\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:right-1\/2 { - right: 50%; + .lg\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:bottom-1\/2 { - bottom: 50%; + .lg\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:left-1\/2 { - left: 50%; + .lg\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:top-1\/3 { - top: 33.333333%; + .lg\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:right-1\/3 { - right: 33.333333%; + .lg\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:bottom-1\/3 { - bottom: 33.333333%; + .lg\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:left-1\/3 { - left: 33.333333%; + .lg\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:top-2\/3 { - top: 66.666667%; + .lg\:to-transparent { + --gradient-to-color: transparent; } - .lg\:right-2\/3 { - right: 66.666667%; + .lg\:to-current { + --gradient-to-color: currentColor; } - .lg\:bottom-2\/3 { - bottom: 66.666667%; + .lg\:to-black { + --gradient-to-color: #000; } - .lg\:left-2\/3 { - left: 66.666667%; + .lg\:to-white { + --gradient-to-color: #fff; } - .lg\:top-1\/4 { - top: 25%; + .lg\:to-gray-50 { + --gradient-to-color: #fafafa; } - .lg\:right-1\/4 { - right: 25%; + .lg\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .lg\:bottom-1\/4 { - bottom: 25%; + .lg\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .lg\:left-1\/4 { - left: 25%; + .lg\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .lg\:top-2\/4 { - top: 50%; + .lg\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .lg\:right-2\/4 { - right: 50%; + .lg\:to-gray-500 { + --gradient-to-color: #71717a; } - .lg\:bottom-2\/4 { - bottom: 50%; + .lg\:to-gray-600 { + --gradient-to-color: #52525b; } - .lg\:left-2\/4 { - left: 50%; + .lg\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .lg\:top-3\/4 { - top: 75%; + .lg\:to-gray-800 { + --gradient-to-color: #27272a; } - .lg\:right-3\/4 { - right: 75%; + .lg\:to-gray-900 { + --gradient-to-color: #18181b; } - .lg\:bottom-3\/4 { - bottom: 75%; + .lg\:to-red-50 { + --gradient-to-color: #fef2f2; } - .lg\:left-3\/4 { - left: 75%; + .lg\:to-red-100 { + --gradient-to-color: #fee2e2; } - .lg\:top-full { - top: 100%; + .lg\:to-red-200 { + --gradient-to-color: #fecaca; } - .lg\:right-full { - right: 100%; + .lg\:to-red-300 { + --gradient-to-color: #fca5a5; } - .lg\:bottom-full { - bottom: 100%; + .lg\:to-red-400 { + --gradient-to-color: #f87171; } - .lg\:left-full { - left: 100%; + .lg\:to-red-500 { + --gradient-to-color: #ef4444; } - .lg\:-top-1\/2 { - top: -50%; + .lg\:to-red-600 { + --gradient-to-color: #dc2626; } - .lg\:-right-1\/2 { - right: -50%; + .lg\:to-red-700 { + --gradient-to-color: #b91c1c; } - .lg\:-bottom-1\/2 { - bottom: -50%; + .lg\:to-red-800 { + --gradient-to-color: #991b1b; } - .lg\:-left-1\/2 { - left: -50%; + .lg\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .lg\:-top-1\/3 { - top: -33.333333%; + .lg\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .lg\:-right-1\/3 { - right: -33.333333%; + .lg\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .lg\:-bottom-1\/3 { - bottom: -33.333333%; + .lg\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .lg\:-left-1\/3 { - left: -33.333333%; + .lg\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .lg\:-top-2\/3 { - top: -66.666667%; + .lg\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .lg\:-right-2\/3 { - right: -66.666667%; + .lg\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .lg\:-bottom-2\/3 { - bottom: -66.666667%; + .lg\:to-yellow-600 { + --gradient-to-color: #d97706; } - .lg\:-left-2\/3 { - left: -66.666667%; + .lg\:to-yellow-700 { + --gradient-to-color: #b45309; } - .lg\:-top-1\/4 { - top: -25%; + .lg\:to-yellow-800 { + --gradient-to-color: #92400e; } - .lg\:-right-1\/4 { - right: -25%; + .lg\:to-yellow-900 { + --gradient-to-color: #78350f; } - .lg\:-bottom-1\/4 { - bottom: -25%; + .lg\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .lg\:-left-1\/4 { - left: -25%; + .lg\:to-green-100 { + --gradient-to-color: #d1fae5; } - .lg\:-top-2\/4 { - top: -50%; + .lg\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .lg\:-right-2\/4 { - right: -50%; + .lg\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .lg\:-bottom-2\/4 { - bottom: -50%; + .lg\:to-green-400 { + --gradient-to-color: #34d399; } - .lg\:-left-2\/4 { - left: -50%; + .lg\:to-green-500 { + --gradient-to-color: #10b981; } - .lg\:-top-3\/4 { - top: -75%; + .lg\:to-green-600 { + --gradient-to-color: #059669; } - .lg\:-right-3\/4 { - right: -75%; + .lg\:to-green-700 { + --gradient-to-color: #047857; } - .lg\:-bottom-3\/4 { - bottom: -75%; + .lg\:to-green-800 { + --gradient-to-color: #065f46; } - .lg\:-left-3\/4 { - left: -75%; + .lg\:to-green-900 { + --gradient-to-color: #064e3b; } - .lg\:-top-full { - top: -100%; + .lg\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .lg\:-right-full { - right: -100%; + .lg\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .lg\:-bottom-full { - bottom: -100%; + .lg\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .lg\:-left-full { - left: -100%; + .lg\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .lg\:resize-none { - resize: none; + .lg\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .lg\:resize-y { - resize: vertical; + .lg\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .lg\:resize-x { - resize: horizontal; + .lg\:to-blue-600 { + --gradient-to-color: #2563eb; } - .lg\:resize { - resize: both; + .lg\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:to-blue-800 { + --gradient-to-color: #1e40af; } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .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\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .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\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .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\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .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\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .lg\:shadow-none { - box-shadow: none; + .lg\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .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\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .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\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .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\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .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\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:to-pink-400 { + --gradient-to-color: #f472b6; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:to-pink-500 { + --gradient-to-color: #ec4899; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:to-pink-600 { + --gradient-to-color: #db2777; } - .lg\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:to-pink-700 { + --gradient-to-color: #be185d; } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:to-pink-800 { + --gradient-to-color: #9d174d; } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:to-pink-900 { + --gradient-to-color: #831843; } - .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\: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\: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\: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\: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\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .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\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:fill-current { - fill: currentColor; + .lg\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:stroke-current { - stroke: currentColor; + .lg\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:stroke-0 { - stroke-width: 0; + .lg\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:stroke-1 { - stroke-width: 1; + .lg\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:stroke-2 { - stroke-width: 2; + .lg\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:table-auto { - table-layout: auto; + .lg\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:table-fixed { - table-layout: fixed; + .lg\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:text-left { - text-align: left; + .lg\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:text-center { - text-align: center; + .lg\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:text-right { - text-align: right; + .lg\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:text-justify { - text-align: justify; + .lg\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:text-transparent { - color: transparent; + .lg\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:text-current { - color: currentColor; + .lg\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, 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)); } - .lg\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, 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)); } - .lg\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, 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)); } - .lg\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .group:hover .lg\:group-hover\:text-transparent { - color: transparent; + .lg\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .group:hover .lg\:group-hover\:text-current { - color: currentColor; + .lg\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .group:hover .lg\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .group:hover .lg\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .group:hover .lg\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .group:hover .lg\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .group:hover .lg\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .group:hover .lg\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .group:hover .lg\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .group:hover .lg\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .group:hover .lg\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .group:hover .lg\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .group:hover .lg\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .group:hover .lg\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .group:hover .lg\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .group:hover .lg\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .group:hover .lg\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .group:hover .lg\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .group:hover .lg\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .group:hover .lg\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .group:hover .lg\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .group:hover .lg\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .group:hover .lg\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .group:hover .lg\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .group:hover .lg\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .group:hover .lg\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .group:hover .lg\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .group:hover .lg\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .group:hover .lg\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .group:hover .lg\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .group:hover .lg\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .group:hover .lg\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .group:hover .lg\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .group:hover .lg\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .group:hover .lg\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .group:hover .lg\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .group:hover .lg\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .group:hover .lg\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .group:hover .lg\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .group:hover .lg\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .group:hover .lg\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .group:hover .lg\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .group:hover .lg\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .group:hover .lg\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .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)); } - .group:hover .lg\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .group:hover .lg\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .group:hover .lg\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .group:hover .lg\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .group:hover .lg\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .group:hover .lg\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .group:hover .lg\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .group:hover .lg\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .group:hover .lg\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .group:hover .lg\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .lg\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .group:hover .lg\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .lg\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .group:hover .lg\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:hover\:to-black:hover { + --gradient-to-color: #000; } - .group:hover .lg\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .group:hover .lg\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .group:hover .lg\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .group:hover .lg\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .group:hover .lg\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .group:hover .lg\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .group:hover .lg\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .group:hover .lg\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .group:hover .lg\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .group:hover .lg\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .group:hover .lg\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .group:hover .lg\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .group:hover .lg\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .group:hover .lg\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .group:hover .lg\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .group:hover .lg\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .lg\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .lg\:hover\:text-current:hover { - color: currentColor; + .lg\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .lg\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .lg\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .lg\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .lg\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .lg\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .lg\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .lg\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .lg\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .lg\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .lg\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .lg\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .lg\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .lg\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .lg\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .lg\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .lg\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .lg\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .lg\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .lg\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .lg\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .lg\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .lg\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .lg\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .lg\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .lg\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .lg\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .lg\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .lg\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .lg\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .lg\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .lg\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .lg\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .lg\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .lg\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .lg\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .lg\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .lg\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .lg\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .lg\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .lg\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .lg\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .lg\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .lg\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .lg\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .lg\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .lg\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .lg\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .lg\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .lg\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .lg\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .lg\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .lg\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .lg\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .lg\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .lg\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .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\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .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\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:focus\:text-current:focus { - color: currentColor; + .lg\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .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\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .lg\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .lg\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - @media (prefers-color-scheme: dark) { - .lg\:dark\:text-transparent { - color: transparent; - } - - .lg\:dark\:text-current { - color: currentColor; - } + .lg\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .lg\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .lg\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .lg\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .lg\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .lg\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .lg\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .lg\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .lg\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .lg\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .lg\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .lg\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .lg\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .lg\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .lg\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .lg\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .lg\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .lg\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .lg\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .lg\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .lg\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .lg\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .lg\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .lg\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .lg\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .lg\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .lg\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .lg\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .lg\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .lg\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .lg\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .lg\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .lg\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .lg\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .lg\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .lg\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .lg\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .lg\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .lg\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .lg\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .lg\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .lg\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .lg\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .lg\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .lg\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .lg\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .lg\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .lg\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .lg\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .lg\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .lg\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .lg\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .lg\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .lg\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .lg\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .lg\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .lg\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .lg\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .lg\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .lg\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .lg\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .lg\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .lg\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .lg\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .lg\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .lg\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .lg\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .lg\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .lg\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .lg\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .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\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .lg\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .lg\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .lg\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .lg\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .lg\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .lg\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .lg\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .lg\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .lg\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .lg\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .lg\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .lg\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .lg\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .lg\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .lg\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .lg\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .lg\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .lg\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .lg\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .lg\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .lg\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .lg\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .lg\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .lg\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .lg\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .lg\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .lg\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .lg\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .lg\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .lg\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .lg\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .lg\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .lg\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .lg\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .lg\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .lg\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .lg\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .lg\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .lg\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .lg\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .lg\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .lg\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .lg\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .lg\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .lg\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .lg\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .lg\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .lg\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .lg\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .lg\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .lg\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .lg\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .lg\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .group:hover .lg\:dark\:group-hover\:text-transparent { - color: transparent; - } + .lg\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .group:hover .lg\:dark\:group-hover\:text-current { - color: currentColor; - } + .lg\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .group:hover .lg\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .group:hover .lg\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .group:hover .lg\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .group:hover .lg\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .group:hover .lg\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .group:hover .lg\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .group:hover .lg\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .group:hover .lg\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .group:hover .lg\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .group:hover .lg\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .group:hover .lg\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .group:hover .lg\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .group:hover .lg\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .group:hover .lg\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .group:hover .lg\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .group:hover .lg\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .group:hover .lg\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .group:hover .lg\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .group:hover .lg\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .group:hover .lg\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .group:hover .lg\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .lg\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .group:hover .lg\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .lg\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .lg\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .lg\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .lg\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .lg\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .lg\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .lg\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .lg\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .lg\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .lg\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .lg\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .group:hover .lg\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .lg\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .group:hover .lg\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .lg\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .group:hover .lg\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .lg\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .group:hover .lg\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .lg\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .group:hover .lg\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .lg\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .group:hover .lg\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .lg\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .group:hover .lg\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .lg\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .group:hover .lg\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .lg\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .group:hover .lg\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .lg\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .group:hover .lg\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .lg\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .group:hover .lg\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .lg\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .group:hover .lg\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .lg\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .group:hover .lg\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .lg\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .group:hover .lg\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .lg\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .group:hover .lg\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .lg\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .group:hover .lg\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .lg\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .group:hover .lg\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .lg\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .group:hover .lg\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .lg\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .group:hover .lg\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .lg\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .group:hover .lg\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .lg\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .group:hover .lg\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .lg\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .group:hover .lg\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .lg\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; + } - .group:hover .lg\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .lg\:bg-opacity-0 { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .lg\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .lg\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .lg\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .lg\:bg-opacity-100 { + --bg-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-100 { + --bg-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .lg\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .lg\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .lg\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; + } - .lg\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .lg\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; + } - .lg\:dark\:hover\:text-current:hover { - color: currentColor; - } + .lg\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; + } - .lg\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:bg-bottom { + background-position: bottom; + } - .lg\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:bg-center { + background-position: center; + } - .lg\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:bg-left { + background-position: left; + } - .lg\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:bg-left-bottom { + background-position: left bottom; + } - .lg\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:bg-left-top { + background-position: left top; + } - .lg\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:bg-right { + background-position: right; + } - .lg\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:bg-right-bottom { + background-position: right bottom; + } - .lg\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:bg-right-top { + background-position: right top; + } - .lg\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:bg-top { + background-position: top; + } - .lg\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:bg-repeat { + background-repeat: repeat; + } - .lg\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:bg-no-repeat { + background-repeat: no-repeat; + } - .lg\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:bg-repeat-x { + background-repeat: repeat-x; + } - .lg\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:bg-repeat-y { + background-repeat: repeat-y; + } - .lg\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:bg-repeat-round { + background-repeat: round; + } - .lg\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:bg-repeat-space { + background-repeat: space; + } - .lg\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:bg-auto { + background-size: auto; + } - .lg\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:bg-cover { + background-size: cover; + } - .lg\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:bg-contain { + background-size: contain; + } - .lg\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:border-collapse { + border-collapse: collapse; + } - .lg\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:border-separate { + border-collapse: separate; + } - .lg\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .lg\:border-transparent { + border-color: transparent; + } - .lg\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .lg\:border-current { + border-color: currentColor; + } - .lg\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .lg\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .lg\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .lg\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .lg\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .lg\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .lg\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .lg\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .lg\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .lg\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .lg\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .lg\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .lg\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .lg\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .lg\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .lg\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .lg\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .lg\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .lg\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .lg\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .lg\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .lg\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .lg\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .lg\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .lg\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .lg\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .lg\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .lg\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .lg\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .lg\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .lg\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .lg\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .lg\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .lg\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .lg\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .lg\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .lg\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .lg\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .lg\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .lg\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .lg\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .lg\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .lg\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .lg\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .lg\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .lg\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .lg\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .lg\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .lg\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .lg\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .lg\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); + } - .lg\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .lg\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); + } - .lg\:dark\:focus\:text-current:focus { - color: currentColor; - } + .lg\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); + } - .lg\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); + } - .lg\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-transparent { + border-color: transparent; + } - .lg\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-current { + border-color: currentColor; + } - .lg\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:text-opacity-0 { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:text-opacity-25 { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:text-opacity-50 { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:text-opacity-75 { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:text-opacity-100 { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-0 { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-100 { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .group:hover .lg\:group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:overflow-ellipsis { - text-overflow: ellipsis; + .group:hover .lg\:group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:overflow-clip { - text-overflow: clip; + .lg\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:italic { - font-style: italic; + .lg\:hover\:border-current:hover { + border-color: currentColor; } - .lg\:not-italic { - font-style: normal; + .lg\:hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:uppercase { - text-transform: uppercase; + .lg\:hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:lowercase { - text-transform: lowercase; + .lg\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:capitalize { - text-transform: capitalize; + .lg\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:normal-case { - text-transform: none; + .lg\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:underline { - text-decoration: underline; + .lg\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:line-through { - text-decoration: line-through; + .lg\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:no-underline { - text-decoration: none; + .lg\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:focus\:underline:focus { - text-decoration: underline; + .lg\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .lg\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .lg\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:normal-nums { - font-variant-numeric: normal; + .lg\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .lg\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .lg\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .lg\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .lg\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .lg\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .lg\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .lg\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .lg\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .lg\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .lg\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .lg\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .lg\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:select-none { - user-select: none; + .lg\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:select-text { - user-select: text; + .lg\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:select-all { - user-select: all; + .lg\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:select-auto { - user-select: auto; + .lg\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:align-top { - vertical-align: top; + .lg\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:align-middle { - vertical-align: middle; + .lg\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:visible { - visibility: visible; + .lg\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:invisible { - visibility: hidden; + .lg\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:whitespace-normal { - white-space: normal; + .lg\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:whitespace-pre { - white-space: pre; + .lg\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:break-words { - overflow-wrap: break-word; + .lg\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:break-all { - word-break: break-all; + .lg\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:w-0 { - width: 0; + .lg\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:w-1 { - width: 0.25rem; + .lg\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:w-2 { - width: 0.5rem; + .lg\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:w-3 { - width: 0.75rem; + .lg\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:w-4 { - width: 1rem; + .lg\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:w-5 { - width: 1.25rem; + .lg\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:w-6 { - width: 1.5rem; + .lg\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:w-7 { - width: 1.75rem; + .lg\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:w-8 { - width: 2rem; + .lg\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:w-9 { - width: 2.25rem; + .lg\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:w-10 { - width: 2.5rem; + .lg\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:w-12 { - width: 3rem; + .lg\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:w-14 { - width: 3.5rem; + .lg\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:w-16 { - width: 4rem; + .lg\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:w-20 { - width: 5rem; + .lg\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:w-24 { - width: 6rem; + .lg\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:w-28 { - width: 7rem; + .lg\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:w-32 { - width: 8rem; + .lg\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:w-36 { - width: 9rem; + .lg\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:w-40 { - width: 10rem; + .lg\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:w-44 { - width: 11rem; + .lg\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:w-48 { - width: 12rem; + .lg\:focus\:border-current:focus { + border-color: currentColor; } - .lg\:w-52 { - width: 13rem; + .lg\:focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:w-56 { - width: 14rem; + .lg\:focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:w-60 { - width: 15rem; + .lg\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:w-64 { - width: 16rem; + .lg\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:w-72 { - width: 18rem; + .lg\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:w-80 { - width: 20rem; + .lg\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:w-96 { - width: 24rem; + .lg\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:w-auto { - width: auto; + .lg\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:w-px { - width: 1px; + .lg\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:w-0\.5 { - width: 0.125rem; + .lg\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:w-1\.5 { - width: 0.375rem; + .lg\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:w-2\.5 { - width: 0.625rem; + .lg\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:w-3\.5 { - width: 0.875rem; + .lg\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:w-1\/2 { - width: 50%; + .lg\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:w-1\/3 { - width: 33.333333%; + .lg\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:w-2\/3 { - width: 66.666667%; + .lg\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:w-1\/4 { - width: 25%; + .lg\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:w-2\/4 { - width: 50%; + .lg\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:w-3\/4 { - width: 75%; + .lg\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:w-1\/5 { - width: 20%; + .lg\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:w-2\/5 { - width: 40%; + .lg\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:w-3\/5 { - width: 60%; + .lg\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:w-4\/5 { - width: 80%; + .lg\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:w-1\/6 { - width: 16.666667%; + .lg\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:w-3\/6 { - width: 50%; + .lg\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:w-4\/6 { - width: 66.666667%; + .lg\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:w-5\/6 { - width: 83.333333%; + .lg\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:w-1\/12 { - width: 8.333333%; + .lg\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:w-2\/12 { - width: 16.666667%; + .lg\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:w-3\/12 { - width: 25%; + .lg\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:w-4\/12 { - width: 33.333333%; + .lg\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:w-5\/12 { - width: 41.666667%; + .lg\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:w-6\/12 { - width: 50%; + .lg\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:w-7\/12 { - width: 58.333333%; + .lg\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:w-9\/12 { - width: 75%; + .lg\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:w-10\/12 { - width: 83.333333%; + .lg\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:w-full { - width: 100%; + .lg\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:w-screen { - width: 100vw; + .lg\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:w-min { - width: min-content; + .lg\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:w-max { - width: max-content; + .lg\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:z-0 { - z-index: 0; + .lg\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:z-10 { - z-index: 10; + .lg\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:z-20 { - z-index: 20; + .lg\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:z-30 { - z-index: 30; + .lg\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:z-40 { - z-index: 40; + .lg\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:z-50 { - z-index: 50; + .lg\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:z-auto { - z-index: auto; + .lg\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:focus\:z-0:focus { - z-index: 0; + .lg\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:focus\:z-10:focus { - z-index: 10; + .lg\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:focus\:z-20:focus { - z-index: 20; + .lg\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:focus\:z-30:focus { - z-index: 30; + .lg\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:focus\:z-40:focus { - z-index: 40; + .lg\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:focus\:z-50:focus { - z-index: 50; + .lg\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:focus\:z-auto:focus { - z-index: auto; + .lg\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .lg\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .lg\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .lg\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:border-opacity-0 { + --border-opacity: 0; } - .lg\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .lg\:border-opacity-25 { + --border-opacity: 0.25; } - .lg\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:border-opacity-50 { + --border-opacity: 0.5; } - .lg\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .lg\:border-opacity-75 { + --border-opacity: 0.75; } - .lg\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:border-opacity-100 { + --border-opacity: 1; } - .lg\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .group:hover .lg\:group-hover\:border-opacity-0 { + --border-opacity: 0; } - .lg\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .group:hover .lg\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; } - .lg\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .group:hover .lg\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; } - .lg\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .group:hover .lg\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; } - .lg\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .group:hover .lg\:group-hover\:border-opacity-100 { + --border-opacity: 1; } - .lg\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .lg\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .lg\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .lg\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .lg\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .lg\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .lg\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .lg\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .lg\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .lg\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .lg\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .lg\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .lg\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .lg\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .lg\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .lg\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .lg\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .lg\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:rounded-none { + border-radius: 0; } - .lg\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:rounded-sm { + border-radius: 0.125rem; } - .lg\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:rounded { + border-radius: 0.25rem; } - .lg\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:rounded-md { + border-radius: 0.375rem; } - .lg\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:rounded-lg { + border-radius: 0.5rem; } - .lg\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:rounded-xl { + border-radius: 0.75rem; } - .lg\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .lg\:rounded-2xl { + border-radius: 1rem; } - .lg\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:rounded-3xl { + border-radius: 1.5rem; } - .lg\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .lg\:rounded-full { + border-radius: 9999px; } - .lg\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .lg\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .lg\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .lg\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .lg\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .lg\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .lg\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .lg\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .lg\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .lg\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .lg\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .lg\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .lg\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .lg\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .lg\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .lg\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .lg\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .lg\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .lg\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .lg\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .lg\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .lg\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .lg\:rounded-tl-none { + border-top-left-radius: 0; } - .lg\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:rounded-tr-none { + border-top-right-radius: 0; } - .lg\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:rounded-br-none { + border-bottom-right-radius: 0; } - .lg\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; } - .lg\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .lg\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .lg\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .lg\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .lg\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .lg\:rounded-tl { + border-top-left-radius: 0.25rem; } - .lg\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:rounded-tr { + border-top-right-radius: 0.25rem; } - .lg\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .lg\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .lg\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .lg\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .lg\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .lg\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .lg\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .lg\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .lg\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .lg\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .lg\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .lg\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .lg\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .lg\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .lg\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:border-solid { + border-style: solid; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:border-dashed { + border-style: dashed; } - .lg\:grid-cols-none { - grid-template-columns: none; + .lg\:border-dotted { + border-style: dotted; } - .lg\:auto-cols-auto { - grid-auto-columns: auto; + .lg\:border-double { + border-style: double; } - .lg\:auto-cols-min { - grid-auto-columns: min-content; + .lg\:border-none { + border-style: none; } - .lg\:auto-cols-max { - grid-auto-columns: max-content; + .lg\:border-0 { + border-width: 0; } - .lg\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .lg\:border-2 { + border-width: 2px; } - .lg\:col-auto { - grid-column: auto; + .lg\:border-4 { + border-width: 4px; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:border-8 { + border-width: 8px; } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:border { + border-width: 1px; } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:border-t-0 { + border-top-width: 0; } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:border-r-0 { + border-right-width: 0; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:border-b-0 { + border-bottom-width: 0; } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:border-l-0 { + border-left-width: 0; } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:border-t-2 { + border-top-width: 2px; } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:border-r-2 { + border-right-width: 2px; } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:border-b-2 { + border-bottom-width: 2px; } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:border-l-2 { + border-left-width: 2px; } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:border-t-4 { + border-top-width: 4px; } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:border-r-4 { + border-right-width: 4px; } - .lg\:col-span-full { - grid-column: 1 / -1; + .lg\:border-b-4 { + border-bottom-width: 4px; } - .lg\:col-start-1 { - grid-column-start: 1; + .lg\:border-l-4 { + border-left-width: 4px; } - .lg\:col-start-2 { - grid-column-start: 2; + .lg\:border-t-8 { + border-top-width: 8px; } - .lg\:col-start-3 { - grid-column-start: 3; + .lg\:border-r-8 { + border-right-width: 8px; } - .lg\:col-start-4 { - grid-column-start: 4; + .lg\:border-b-8 { + border-bottom-width: 8px; } - .lg\:col-start-5 { - grid-column-start: 5; + .lg\:border-l-8 { + border-left-width: 8px; } - .lg\:col-start-6 { - grid-column-start: 6; + .lg\:border-t { + border-top-width: 1px; } - .lg\:col-start-7 { - grid-column-start: 7; + .lg\:border-r { + border-right-width: 1px; } - .lg\:col-start-8 { - grid-column-start: 8; + .lg\:border-b { + border-bottom-width: 1px; } - .lg\:col-start-9 { - grid-column-start: 9; + .lg\:border-l { + border-left-width: 1px; } - .lg\:col-start-10 { - grid-column-start: 10; + .lg\:box-border { + box-sizing: border-box; } - .lg\:col-start-11 { - grid-column-start: 11; + .lg\:box-content { + box-sizing: content-box; } - .lg\:col-start-12 { - grid-column-start: 12; + .lg\:cursor-auto { + cursor: auto; } - .lg\:col-start-13 { - grid-column-start: 13; + .lg\:cursor-default { + cursor: default; } - .lg\:col-start-auto { - grid-column-start: auto; + .lg\:cursor-pointer { + cursor: pointer; } - .lg\:col-end-1 { - grid-column-end: 1; + .lg\:cursor-wait { + cursor: wait; } - .lg\:col-end-2 { - grid-column-end: 2; + .lg\:cursor-text { + cursor: text; } - .lg\:col-end-3 { - grid-column-end: 3; + .lg\:cursor-move { + cursor: move; } - .lg\:col-end-4 { - grid-column-end: 4; + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:col-end-5 { - grid-column-end: 5; + .lg\:block { + display: block; } - .lg\:col-end-6 { - grid-column-end: 6; + .lg\:inline-block { + display: inline-block; } - .lg\:col-end-7 { - grid-column-end: 7; + .lg\:inline { + display: inline; } - .lg\:col-end-8 { - grid-column-end: 8; + .lg\:flex { + display: flex; } - .lg\:col-end-9 { - grid-column-end: 9; + .lg\:inline-flex { + display: inline-flex; } - .lg\:col-end-10 { - grid-column-end: 10; + .lg\:table { + display: table; } - .lg\:col-end-11 { - grid-column-end: 11; + .lg\:table-caption { + display: table-caption; } - .lg\:col-end-12 { - grid-column-end: 12; + .lg\:table-cell { + display: table-cell; } - .lg\:col-end-13 { - grid-column-end: 13; + .lg\:table-column { + display: table-column; } - .lg\:col-end-auto { - grid-column-end: auto; + .lg\:table-column-group { + display: table-column-group; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:table-footer-group { + display: table-footer-group; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:table-header-group { + display: table-header-group; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:table-row-group { + display: table-row-group; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:table-row { + display: table-row; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:flow-root { + display: flow-root; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:grid { + display: grid; } - .lg\:grid-rows-none { - grid-template-rows: none; + .lg\:inline-grid { + display: inline-grid; } - .lg\:auto-rows-auto { - grid-auto-rows: auto; + .lg\:contents { + display: contents; } - .lg\:auto-rows-min { - grid-auto-rows: min-content; + .lg\:hidden { + display: none; } - .lg\:auto-rows-max { - grid-auto-rows: max-content; + .lg\:flex-row { + flex-direction: row; } - .lg\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:row-auto { - grid-row: auto; + .lg\:flex-col { + flex-direction: column; } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:flex-wrap { + flex-wrap: wrap; } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:place-items-auto { + place-items: auto; } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:place-items-start { + place-items: start; } - .lg\:row-span-full { - grid-row: 1 / -1; + .lg\:place-items-end { + place-items: end; } - .lg\:row-start-1 { - grid-row-start: 1; + .lg\:place-items-center { + place-items: center; } - .lg\:row-start-2 { - grid-row-start: 2; + .lg\:place-items-stretch { + place-items: stretch; } - .lg\:row-start-3 { - grid-row-start: 3; + .lg\:place-content-center { + place-content: center; } - .lg\:row-start-4 { - grid-row-start: 4; + .lg\:place-content-start { + place-content: start; } - .lg\:row-start-5 { - grid-row-start: 5; + .lg\:place-content-end { + place-content: end; } - .lg\:row-start-6 { - grid-row-start: 6; + .lg\:place-content-between { + place-content: space-between; } - .lg\:row-start-7 { - grid-row-start: 7; + .lg\:place-content-around { + place-content: space-around; } - .lg\:row-start-auto { - grid-row-start: auto; + .lg\:place-content-evenly { + place-content: space-evenly; } - .lg\:row-end-1 { - grid-row-end: 1; + .lg\:place-content-stretch { + place-content: stretch; } - .lg\:row-end-2 { - grid-row-end: 2; + .lg\:place-self-auto { + place-self: auto; } - .lg\:row-end-3 { - grid-row-end: 3; + .lg\:place-self-start { + place-self: start; } - .lg\:row-end-4 { - grid-row-end: 4; + .lg\:place-self-end { + place-self: end; } - .lg\:row-end-5 { - grid-row-end: 5; + .lg\:place-self-center { + place-self: center; } - .lg\:row-end-6 { - grid-row-end: 6; + .lg\:place-self-stretch { + place-self: stretch; } - .lg\:row-end-7 { - grid-row-end: 7; + .lg\:items-start { + align-items: flex-start; } - .lg\:row-end-auto { - grid-row-end: auto; + .lg\:items-end { + align-items: flex-end; } - .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\:items-center { + align-items: center; } - .lg\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:items-baseline { + align-items: baseline; } - .lg\:transform-none { - transform: none; + .lg\:items-stretch { + align-items: stretch; } - .lg\:origin-center { - transform-origin: center; + .lg\:content-center { + align-content: center; } - .lg\:origin-top { - transform-origin: top; + .lg\:content-start { + align-content: flex-start; } - .lg\:origin-top-right { - transform-origin: top right; + .lg\:content-end { + align-content: flex-end; } - .lg\:origin-right { - transform-origin: right; + .lg\:content-between { + align-content: space-between; } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .lg\:content-around { + align-content: space-around; } - .lg\:origin-bottom { - transform-origin: bottom; + .lg\:content-evenly { + align-content: space-evenly; } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .lg\:self-auto { + align-self: auto; } - .lg\:origin-left { - transform-origin: left; + .lg\:self-start { + align-self: flex-start; } - .lg\:origin-top-left { - transform-origin: top left; + .lg\:self-end { + align-self: flex-end; } - .lg\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:self-center { + align-self: center; } - .lg\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:self-stretch { + align-self: stretch; } - .lg\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:justify-items-auto { + justify-items: auto; } - .lg\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:justify-items-start { + justify-items: start; } - .lg\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:justify-items-end { + justify-items: end; } - .lg\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:justify-items-center { + justify-items: center; } - .lg\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:justify-items-stretch { + justify-items: stretch; } - .lg\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:justify-start { + justify-content: flex-start; } - .lg\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:justify-end { + justify-content: flex-end; } - .lg\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:justify-center { + justify-content: center; } - .lg\:scale-x-0 { - --transform-scale-x: 0; + .lg\:justify-between { + justify-content: space-between; } - .lg\:scale-x-50 { - --transform-scale-x: .5; + .lg\:justify-around { + justify-content: space-around; } - .lg\:scale-x-75 { - --transform-scale-x: .75; + .lg\:justify-evenly { + justify-content: space-evenly; } - .lg\:scale-x-90 { - --transform-scale-x: .9; + .lg\:justify-self-auto { + justify-self: auto; } - .lg\:scale-x-95 { - --transform-scale-x: .95; + .lg\:justify-self-start { + justify-self: start; } - .lg\:scale-x-100 { - --transform-scale-x: 1; + .lg\:justify-self-end { + justify-self: end; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05; + .lg\:justify-self-center { + justify-self: center; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1; + .lg\:justify-self-stretch { + justify-self: stretch; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25; + .lg\:flex-1 { + flex: 1 1 0%; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5; + .lg\:flex-auto { + flex: 1 1 auto; } - .lg\:scale-y-0 { - --transform-scale-y: 0; + .lg\:flex-initial { + flex: 0 1 auto; } - .lg\:scale-y-50 { - --transform-scale-y: .5; + .lg\:flex-none { + flex: none; } - .lg\:scale-y-75 { - --transform-scale-y: .75; + .lg\:flex-grow-0 { + flex-grow: 0; } - .lg\:scale-y-90 { - --transform-scale-y: .9; + .lg\:flex-grow { + flex-grow: 1; } - .lg\:scale-y-95 { - --transform-scale-y: .95; + .lg\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:scale-y-100 { - --transform-scale-y: 1; + .lg\:flex-shrink { + flex-shrink: 1; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05; + .lg\:order-1 { + order: 1; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1; + .lg\:order-2 { + order: 2; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25; + .lg\:order-3 { + order: 3; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5; + .lg\:order-4 { + order: 4; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:order-5 { + order: 5; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:order-6 { + order: 6; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:order-7 { + order: 7; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:order-8 { + order: 8; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:order-9 { + order: 9; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:order-10 { + order: 10; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:order-11 { + order: 11; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:order-12 { + order: 12; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:order-first { + order: -9999; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:order-last { + order: 9999; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .lg\:order-none { + order: 0; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .lg\:float-right { + float: right; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .lg\:float-left { + float: left; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .lg\:float-none { + float: none; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .lg\:clear-left { + clear: left; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .lg\:clear-right { + clear: right; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .lg\:clear-both { + clear: both; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .lg\:clear-none { + clear: none; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .lg\:font-sans { + font-family: ui-sans-serif, 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\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .lg\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .lg\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .lg\:font-thin { + font-weight: 100; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .lg\:font-extralight { + font-weight: 200; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .lg\:font-light { + font-weight: 300; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .lg\:font-normal { + font-weight: 400; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .lg\:font-medium { + font-weight: 500; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .lg\:font-semibold { + font-weight: 600; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .lg\:font-bold { + font-weight: 700; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .lg\:font-extrabold { + font-weight: 800; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:font-black { + font-weight: 900; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:hover\:font-thin:hover { + font-weight: 100; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:hover\:font-extralight:hover { + font-weight: 200; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:hover\:font-light:hover { + font-weight: 300; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:hover\:font-black:hover { + font-weight: 900; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .lg\:focus\:font-thin:focus { + font-weight: 100; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .lg\:focus\:font-extralight:focus { + font-weight: 200; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .lg\:focus\:font-light:focus { + font-weight: 300; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .lg\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .lg\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .lg\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .lg\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .lg\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .lg\:focus\:font-black:focus { + font-weight: 900; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .lg\:h-0 { + height: 0; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .lg\:h-1 { + height: 0.25rem; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .lg\:h-2 { + height: 0.5rem; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .lg\:h-3 { + height: 0.75rem; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .lg\:h-4 { + height: 1rem; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .lg\:h-5 { + height: 1.25rem; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .lg\:h-6 { + height: 1.5rem; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .lg\:h-7 { + height: 1.75rem; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .lg\:h-8 { + height: 2rem; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .lg\:h-9 { + height: 2.25rem; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .lg\:h-10 { + height: 2.5rem; } - .lg\:rotate-0 { - --transform-rotate: 0; + .lg\:h-12 { + height: 3rem; } - .lg\:rotate-1 { - --transform-rotate: 1deg; + .lg\:h-14 { + height: 3.5rem; } - .lg\:rotate-2 { - --transform-rotate: 2deg; + .lg\:h-16 { + height: 4rem; } - .lg\:rotate-3 { - --transform-rotate: 3deg; + .lg\:h-20 { + height: 5rem; } - .lg\:rotate-6 { - --transform-rotate: 6deg; + .lg\:h-24 { + height: 6rem; } - .lg\:rotate-12 { - --transform-rotate: 12deg; + .lg\:h-28 { + height: 7rem; } - .lg\:rotate-45 { - --transform-rotate: 45deg; + .lg\:h-32 { + height: 8rem; } - .lg\:rotate-90 { - --transform-rotate: 90deg; + .lg\:h-36 { + height: 9rem; } - .lg\:rotate-180 { - --transform-rotate: 180deg; + .lg\:h-40 { + height: 10rem; } - .lg\:-rotate-180 { - --transform-rotate: -180deg; + .lg\:h-44 { + height: 11rem; } - .lg\:-rotate-90 { - --transform-rotate: -90deg; + .lg\:h-48 { + height: 12rem; } - .lg\:-rotate-45 { - --transform-rotate: -45deg; + .lg\:h-52 { + height: 13rem; } - .lg\:-rotate-12 { - --transform-rotate: -12deg; + .lg\:h-56 { + height: 14rem; } - .lg\:-rotate-6 { - --transform-rotate: -6deg; + .lg\:h-60 { + height: 15rem; } - .lg\:-rotate-3 { - --transform-rotate: -3deg; + .lg\:h-64 { + height: 16rem; } - .lg\:-rotate-2 { - --transform-rotate: -2deg; + .lg\:h-72 { + height: 18rem; } - .lg\:-rotate-1 { - --transform-rotate: -1deg; + .lg\:h-80 { + height: 20rem; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0; + .lg\:h-96 { + height: 24rem; } - .lg\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .lg\:h-auto { + height: auto; } - .lg\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .lg\:h-px { + height: 1px; } - .lg\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .lg\:h-0\.5 { + height: 0.125rem; } - .lg\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .lg\:h-1\.5 { + height: 0.375rem; } - .lg\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .lg\:h-2\.5 { + height: 0.625rem; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .lg\:h-3\.5 { + height: 0.875rem; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .lg\:h-full { + height: 100%; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .lg\:h-screen { + height: 100vh; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .lg\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .lg\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .lg\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0; + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .lg\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .lg\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .lg\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .lg\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .lg\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .lg\:leading-3 { + line-height: .75rem; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .lg\:leading-4 { + line-height: 1rem; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .lg\:leading-5 { + line-height: 1.25rem; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .lg\:leading-6 { + line-height: 1.5rem; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .lg\:leading-7 { + line-height: 1.75rem; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .lg\:leading-8 { + line-height: 2rem; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .lg\:leading-9 { + line-height: 2.25rem; } - .lg\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .lg\:leading-10 { + line-height: 2.5rem; } - .lg\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .lg\:leading-none { + line-height: 1; } - .lg\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .lg\:leading-tight { + line-height: 1.25; } - .lg\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .lg\:leading-snug { + line-height: 1.375; } - .lg\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .lg\:leading-normal { + line-height: 1.5; } - .lg\:translate-x-0 { - --transform-translate-x: 0; + .lg\:leading-relaxed { + line-height: 1.625; } - .lg\:translate-x-1 { - --transform-translate-x: 0.25rem; + .lg\:leading-loose { + line-height: 2; } - .lg\:translate-x-2 { - --transform-translate-x: 0.5rem; + .lg\:list-inside { + list-style-position: inside; } - .lg\:translate-x-3 { - --transform-translate-x: 0.75rem; + .lg\:list-outside { + list-style-position: outside; } - .lg\:translate-x-4 { - --transform-translate-x: 1rem; + .lg\:list-none { + list-style-type: none; } - .lg\:translate-x-5 { - --transform-translate-x: 1.25rem; + .lg\:list-disc { + list-style-type: disc; } - .lg\:translate-x-6 { - --transform-translate-x: 1.5rem; + .lg\:list-decimal { + list-style-type: decimal; } - .lg\:translate-x-7 { - --transform-translate-x: 1.75rem; + .lg\:m-0 { + margin: 0; } - .lg\:translate-x-8 { - --transform-translate-x: 2rem; + .lg\:m-1 { + margin: 0.25rem; } - .lg\:translate-x-9 { - --transform-translate-x: 2.25rem; + .lg\:m-2 { + margin: 0.5rem; } - .lg\:translate-x-10 { - --transform-translate-x: 2.5rem; + .lg\:m-3 { + margin: 0.75rem; } - .lg\:translate-x-12 { - --transform-translate-x: 3rem; + .lg\:m-4 { + margin: 1rem; } - .lg\:translate-x-14 { - --transform-translate-x: 3.5rem; + .lg\:m-5 { + margin: 1.25rem; } - .lg\:translate-x-16 { - --transform-translate-x: 4rem; + .lg\:m-6 { + margin: 1.5rem; } - .lg\:translate-x-20 { - --transform-translate-x: 5rem; + .lg\:m-7 { + margin: 1.75rem; } - .lg\:translate-x-24 { - --transform-translate-x: 6rem; + .lg\:m-8 { + margin: 2rem; } - .lg\:translate-x-28 { - --transform-translate-x: 7rem; + .lg\:m-9 { + margin: 2.25rem; } - .lg\:translate-x-32 { - --transform-translate-x: 8rem; + .lg\:m-10 { + margin: 2.5rem; } - .lg\:translate-x-36 { - --transform-translate-x: 9rem; + .lg\:m-12 { + margin: 3rem; } - .lg\:translate-x-40 { - --transform-translate-x: 10rem; + .lg\:m-14 { + margin: 3.5rem; } - .lg\:translate-x-44 { - --transform-translate-x: 11rem; + .lg\:m-16 { + margin: 4rem; } - .lg\:translate-x-48 { - --transform-translate-x: 12rem; + .lg\:m-20 { + margin: 5rem; } - .lg\:translate-x-52 { - --transform-translate-x: 13rem; + .lg\:m-24 { + margin: 6rem; } - .lg\:translate-x-56 { - --transform-translate-x: 14rem; + .lg\:m-28 { + margin: 7rem; } - .lg\:translate-x-60 { - --transform-translate-x: 15rem; + .lg\:m-32 { + margin: 8rem; } - .lg\:translate-x-64 { - --transform-translate-x: 16rem; + .lg\:m-36 { + margin: 9rem; } - .lg\:translate-x-72 { - --transform-translate-x: 18rem; + .lg\:m-40 { + margin: 10rem; } - .lg\:translate-x-80 { - --transform-translate-x: 20rem; + .lg\:m-44 { + margin: 11rem; } - .lg\:translate-x-96 { - --transform-translate-x: 24rem; + .lg\:m-48 { + margin: 12rem; } - .lg\:translate-x-px { - --transform-translate-x: 1px; + .lg\:m-52 { + margin: 13rem; } - .lg\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .lg\:m-56 { + margin: 14rem; } - .lg\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .lg\:m-60 { + margin: 15rem; } - .lg\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .lg\:m-64 { + margin: 16rem; } - .lg\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .lg\:m-72 { + margin: 18rem; } - .lg\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .lg\:m-80 { + margin: 20rem; } - .lg\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .lg\:m-96 { + margin: 24rem; } - .lg\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .lg\:m-auto { + margin: auto; } - .lg\:-translate-x-4 { - --transform-translate-x: -1rem; + .lg\:m-px { + margin: 1px; } - .lg\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .lg\:m-0\.5 { + margin: 0.125rem; } - .lg\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .lg\:m-1\.5 { + margin: 0.375rem; } - .lg\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .lg\:m-2\.5 { + margin: 0.625rem; } - .lg\:-translate-x-8 { - --transform-translate-x: -2rem; + .lg\:m-3\.5 { + margin: 0.875rem; } - .lg\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .lg\:-m-1 { + margin: -0.25rem; } - .lg\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .lg\:-m-2 { + margin: -0.5rem; } - .lg\:-translate-x-12 { - --transform-translate-x: -3rem; + .lg\:-m-3 { + margin: -0.75rem; } - .lg\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .lg\:-m-4 { + margin: -1rem; } - .lg\:-translate-x-16 { - --transform-translate-x: -4rem; + .lg\:-m-5 { + margin: -1.25rem; } - .lg\:-translate-x-20 { - --transform-translate-x: -5rem; + .lg\:-m-6 { + margin: -1.5rem; } - .lg\:-translate-x-24 { - --transform-translate-x: -6rem; + .lg\:-m-7 { + margin: -1.75rem; } - .lg\:-translate-x-28 { - --transform-translate-x: -7rem; + .lg\:-m-8 { + margin: -2rem; } - .lg\:-translate-x-32 { - --transform-translate-x: -8rem; + .lg\:-m-9 { + margin: -2.25rem; } - .lg\:-translate-x-36 { - --transform-translate-x: -9rem; + .lg\:-m-10 { + margin: -2.5rem; } - .lg\:-translate-x-40 { - --transform-translate-x: -10rem; + .lg\:-m-12 { + margin: -3rem; } - .lg\:-translate-x-44 { - --transform-translate-x: -11rem; + .lg\:-m-14 { + margin: -3.5rem; } - .lg\:-translate-x-48 { - --transform-translate-x: -12rem; + .lg\:-m-16 { + margin: -4rem; } - .lg\:-translate-x-52 { - --transform-translate-x: -13rem; + .lg\:-m-20 { + margin: -5rem; } - .lg\:-translate-x-56 { - --transform-translate-x: -14rem; + .lg\:-m-24 { + margin: -6rem; } - .lg\:-translate-x-60 { - --transform-translate-x: -15rem; + .lg\:-m-28 { + margin: -7rem; } - .lg\:-translate-x-64 { - --transform-translate-x: -16rem; + .lg\:-m-32 { + margin: -8rem; } - .lg\:-translate-x-72 { - --transform-translate-x: -18rem; + .lg\:-m-36 { + margin: -9rem; } - .lg\:-translate-x-80 { - --transform-translate-x: -20rem; + .lg\:-m-40 { + margin: -10rem; } - .lg\:-translate-x-96 { - --transform-translate-x: -24rem; + .lg\:-m-44 { + margin: -11rem; } - .lg\:-translate-x-px { - --transform-translate-x: -1px; + .lg\:-m-48 { + margin: -12rem; } - .lg\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .lg\:-m-52 { + margin: -13rem; } - .lg\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .lg\:-m-56 { + margin: -14rem; } - .lg\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .lg\:-m-60 { + margin: -15rem; } - .lg\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .lg\:-m-64 { + margin: -16rem; } - .lg\:translate-x-1\/2 { - --transform-translate-x: 50%; + .lg\:-m-72 { + margin: -18rem; } - .lg\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .lg\:-m-80 { + margin: -20rem; } - .lg\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .lg\:-m-96 { + margin: -24rem; } - .lg\:translate-x-1\/4 { - --transform-translate-x: 25%; + .lg\:-m-px { + margin: -1px; } - .lg\:translate-x-2\/4 { - --transform-translate-x: 50%; + .lg\:-m-0\.5 { + margin: -0.125rem; } - .lg\:translate-x-3\/4 { - --transform-translate-x: 75%; + .lg\:-m-1\.5 { + margin: -0.375rem; } - .lg\:translate-x-full { - --transform-translate-x: 100%; + .lg\:-m-2\.5 { + margin: -0.625rem; } - .lg\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .lg\:-m-3\.5 { + margin: -0.875rem; } - .lg\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:-translate-x-full { - --transform-translate-x: -100%; + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:translate-y-0 { - --transform-translate-y: 0; + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:translate-y-1 { - --transform-translate-y: 0.25rem; + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:translate-y-2 { - --transform-translate-y: 0.5rem; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:translate-y-3 { - --transform-translate-y: 0.75rem; + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:translate-y-4 { - --transform-translate-y: 1rem; + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:translate-y-5 { - --transform-translate-y: 1.25rem; + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:translate-y-6 { - --transform-translate-y: 1.5rem; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:translate-y-7 { - --transform-translate-y: 1.75rem; + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:translate-y-8 { - --transform-translate-y: 2rem; + .lg\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:translate-y-9 { - --transform-translate-y: 2.25rem; + .lg\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:translate-y-10 { - --transform-translate-y: 2.5rem; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:translate-y-12 { - --transform-translate-y: 3rem; + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:translate-y-14 { - --transform-translate-y: 3.5rem; + .lg\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:translate-y-16 { - --transform-translate-y: 4rem; + .lg\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:translate-y-20 { - --transform-translate-y: 5rem; + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:translate-y-24 { - --transform-translate-y: 6rem; + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:translate-y-28 { - --transform-translate-y: 7rem; + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:translate-y-32 { - --transform-translate-y: 8rem; + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:translate-y-36 { - --transform-translate-y: 9rem; + .lg\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .lg\:translate-y-40 { - --transform-translate-y: 10rem; + .lg\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .lg\:translate-y-44 { - --transform-translate-y: 11rem; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:translate-y-48 { - --transform-translate-y: 12rem; + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:translate-y-52 { - --transform-translate-y: 13rem; + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:translate-y-56 { - --transform-translate-y: 14rem; + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:translate-y-60 { - --transform-translate-y: 15rem; + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:translate-y-64 { - --transform-translate-y: 16rem; + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:translate-y-72 { - --transform-translate-y: 18rem; + .lg\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:translate-y-80 { - --transform-translate-y: 20rem; + .lg\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:translate-y-96 { - --transform-translate-y: 24rem; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:translate-y-px { - --transform-translate-y: 1px; + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .lg\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .lg\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .lg\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .lg\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:-translate-y-4 { - --transform-translate-y: -1rem; + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .lg\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .lg\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:-translate-y-8 { - --transform-translate-y: -2rem; + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .lg\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .lg\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:-translate-y-12 { - --transform-translate-y: -3rem; + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:-translate-y-16 { - --transform-translate-y: -4rem; + .lg\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:-translate-y-20 { - --transform-translate-y: -5rem; + .lg\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:-translate-y-24 { - --transform-translate-y: -6rem; + .lg\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:-translate-y-28 { - --transform-translate-y: -7rem; + .lg\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:-translate-y-32 { - --transform-translate-y: -8rem; + .lg\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:-translate-y-36 { - --transform-translate-y: -9rem; + .lg\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:-translate-y-40 { - --transform-translate-y: -10rem; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:-translate-y-44 { - --transform-translate-y: -11rem; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:-translate-y-48 { - --transform-translate-y: -12rem; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:-translate-y-52 { - --transform-translate-y: -13rem; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:-translate-y-56 { - --transform-translate-y: -14rem; + .lg\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:-translate-y-60 { - --transform-translate-y: -15rem; + .lg\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:-translate-y-64 { - --transform-translate-y: -16rem; + .lg\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:-translate-y-72 { - --transform-translate-y: -18rem; + .lg\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:-translate-y-80 { - --transform-translate-y: -20rem; + .lg\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:-translate-y-96 { - --transform-translate-y: -24rem; + .lg\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:-translate-y-px { - --transform-translate-y: -1px; + .lg\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .lg\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:translate-y-1\/2 { - --transform-translate-y: 50%; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:translate-y-1\/4 { - --transform-translate-y: 25%; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:translate-y-2\/4 { - --transform-translate-y: 50%; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:translate-y-3\/4 { - --transform-translate-y: 75%; + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:translate-y-full { - --transform-translate-y: 100%; + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .lg\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .lg\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:-translate-y-full { - --transform-translate-y: -100%; + .lg\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .lg\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .lg\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .lg\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .lg\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .lg\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .lg\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .lg\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .lg\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .lg\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .lg\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .lg\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .lg\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .lg\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .lg\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .lg\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .lg\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .lg\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .lg\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .lg\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .lg\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .lg\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .lg\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .lg\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .lg\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .lg\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .lg\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .lg\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .lg\:mt-0 { + margin-top: 0; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .lg\:mr-0 { + margin-right: 0; } - .lg\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .lg\:mb-0 { + margin-bottom: 0; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .lg\:ml-0 { + margin-left: 0; } - .lg\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .lg\:mt-1 { + margin-top: 0.25rem; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .lg\:mr-1 { + margin-right: 0.25rem; } - .lg\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .lg\:ml-1 { + margin-left: 0.25rem; } - .lg\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .lg\:mt-2 { + margin-top: 0.5rem; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .lg\:mr-2 { + margin-right: 0.5rem; } - .lg\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .lg\:ml-2 { + margin-left: 0.5rem; } - .lg\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .lg\:mt-3 { + margin-top: 0.75rem; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .lg\:mr-3 { + margin-right: 0.75rem; } - .lg\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .lg\:ml-3 { + margin-left: 0.75rem; } - .lg\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .lg\:mt-4 { + margin-top: 1rem; } - .lg\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .lg\:mr-4 { + margin-right: 1rem; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .lg\:mb-4 { + margin-bottom: 1rem; } - .lg\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .lg\:ml-4 { + margin-left: 1rem; } - .lg\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .lg\:mt-5 { + margin-top: 1.25rem; } - .lg\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .lg\:mr-5 { + margin-right: 1.25rem; } - .lg\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .lg\:ml-5 { + margin-left: 1.25rem; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .lg\:mt-6 { + margin-top: 1.5rem; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .lg\:mr-6 { + margin-right: 1.5rem; } - .lg\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .lg\:ml-6 { + margin-left: 1.5rem; } - .lg\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .lg\:mt-7 { + margin-top: 1.75rem; } - .lg\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .lg\:mr-7 { + margin-right: 1.75rem; } - .lg\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .lg\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .lg\:ml-7 { + margin-left: 1.75rem; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .lg\:mt-8 { + margin-top: 2rem; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .lg\:mr-8 { + margin-right: 2rem; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .lg\:mb-8 { + margin-bottom: 2rem; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .lg\:ml-8 { + margin-left: 2rem; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .lg\:mt-9 { + margin-top: 2.25rem; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .lg\:mr-9 { + margin-right: 2.25rem; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .lg\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .lg\:ml-9 { + margin-left: 2.25rem; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .lg\:mt-10 { + margin-top: 2.5rem; } - .lg\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .lg\:mr-10 { + margin-right: 2.5rem; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .lg\:ml-10 { + margin-left: 2.5rem; } - .lg\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .lg\:mt-12 { + margin-top: 3rem; } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .lg\:mr-12 { + margin-right: 3rem; } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .lg\:mb-12 { + margin-bottom: 3rem; } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .lg\:ml-12 { + margin-left: 3rem; } - .lg\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .lg\:mt-14 { + margin-top: 3.5rem; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:mr-14 { + margin-right: 3.5rem; } - .lg\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .lg\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .lg\:ml-14 { + margin-left: 3.5rem; } - .lg\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .lg\:mt-16 { + margin-top: 4rem; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:mr-16 { + margin-right: 4rem; } - .lg\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .lg\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .lg\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .lg\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .lg\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .lg\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .lg\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .lg\:mr-24 { + margin-right: 6rem; } - .lg\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .lg\:mb-24 { + margin-bottom: 6rem; } - .lg\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .lg\:ml-24 { + margin-left: 6rem; } - .lg\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .lg\:mt-28 { + margin-top: 7rem; } - .lg\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .lg\:mr-28 { + margin-right: 7rem; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .lg\:mb-28 { + margin-bottom: 7rem; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .lg\:ml-28 { + margin-left: 7rem; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .lg\:mt-32 { + margin-top: 8rem; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:mr-32 { + margin-right: 8rem; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:mb-32 { + margin-bottom: 8rem; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .lg\:ml-32 { + margin-left: 8rem; } - .lg\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .lg\:mt-36 { + margin-top: 9rem; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:mr-36 { + margin-right: 9rem; } - .lg\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .lg\:mb-36 { + margin-bottom: 9rem; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .lg\:ml-36 { + margin-left: 9rem; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:mt-40 { + margin-top: 10rem; } - .lg\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .lg\:mr-40 { + margin-right: 10rem; } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .lg\:mb-40 { + margin-bottom: 10rem; } - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .lg\:ml-40 { + margin-left: 10rem; } - .lg\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .lg\:mt-44 { + margin-top: 11rem; } - .lg\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .lg\:mr-44 { + margin-right: 11rem; } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .lg\:mb-44 { + margin-bottom: 11rem; } - .lg\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .lg\:ml-44 { + margin-left: 11rem; } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .lg\:mt-48 { + margin-top: 12rem; } - .lg\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .lg\:mr-48 { + margin-right: 12rem; } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .lg\:mb-48 { + margin-bottom: 12rem; } - .lg\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .lg\:ml-48 { + margin-left: 12rem; } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .lg\:mt-52 { + margin-top: 13rem; } - .lg\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .lg\:mr-52 { + margin-right: 13rem; } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .lg\:mb-52 { + margin-bottom: 13rem; } - .lg\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .lg\:ml-52 { + margin-left: 13rem; } - .lg\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .lg\:mt-56 { + margin-top: 14rem; } - .lg\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .lg\:mr-56 { + margin-right: 14rem; } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .lg\:mb-56 { + margin-bottom: 14rem; } - .lg\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .lg\:ml-56 { + margin-left: 14rem; } - .lg\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .lg\:mt-60 { + margin-top: 15rem; } - .lg\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .lg\:mr-60 { + margin-right: 15rem; } - .lg\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .lg\:mb-60 { + margin-bottom: 15rem; } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .lg\:ml-60 { + margin-left: 15rem; } - .lg\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .lg\:mt-64 { + margin-top: 16rem; } - .lg\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .lg\:mr-64 { + margin-right: 16rem; } - .lg\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .lg\:mb-64 { + margin-bottom: 16rem; } - .lg\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .lg\:ml-64 { + margin-left: 16rem; } - .lg\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .lg\:mt-72 { + margin-top: 18rem; } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .lg\:mr-72 { + margin-right: 18rem; } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .lg\:mb-72 { + margin-bottom: 18rem; } - .lg\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .lg\:ml-72 { + margin-left: 18rem; } - .lg\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .lg\:mt-80 { + margin-top: 20rem; } - .lg\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .lg\:mr-80 { + margin-right: 20rem; } - .lg\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .lg\:mb-80 { + margin-bottom: 20rem; } - .lg\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .lg\:ml-80 { + margin-left: 20rem; } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .lg\:mt-96 { + margin-top: 24rem; } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .lg\:mr-96 { + margin-right: 24rem; } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .lg\:mb-96 { + margin-bottom: 24rem; } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .lg\:ml-96 { + margin-left: 24rem; } - .lg\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .lg\:mt-auto { + margin-top: auto; } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .lg\:mr-auto { + margin-right: auto; } - .lg\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .lg\:mb-auto { + margin-bottom: auto; } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .lg\:ml-auto { + margin-left: auto; } - .lg\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .lg\:mt-px { + margin-top: 1px; } - .lg\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .lg\:mr-px { + margin-right: 1px; } - .lg\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .lg\:mb-px { + margin-bottom: 1px; } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .lg\:ml-px { + margin-left: 1px; } - .lg\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .lg\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .lg\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .lg\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .lg\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .lg\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .lg\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .lg\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .lg\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .lg\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .lg\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .lg\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .lg\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .lg\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .lg\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .lg\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .lg\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .lg\:-mr-3 { + margin-right: -0.75rem; } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .lg\:-mt-5 { + margin-top: -1.25rem; } - .lg\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .lg\:-mr-5 { + margin-right: -1.25rem; } - .lg\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .lg\:-ml-5 { + margin-left: -1.25rem; } - .lg\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .lg\:-mt-7 { + margin-top: -1.75rem; } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .lg\:-mr-7 { + margin-right: -1.75rem; } - .lg\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .lg\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .lg\:-ml-7 { + margin-left: -1.75rem; } - .lg\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .lg\:-mt-9 { + margin-top: -2.25rem; } - .lg\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .lg\:-mr-9 { + margin-right: -2.25rem; } - .lg\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .lg\:-mb-9 { + margin-bottom: -2.25rem; } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .lg\:-ml-9 { + margin-left: -2.25rem; } - .lg\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .lg\:-mt-10 { + margin-top: -2.5rem; } - .lg\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .lg\:-mr-10 { + margin-right: -2.5rem; } - .lg\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .lg\:-ml-10 { + margin-left: -2.5rem; } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .lg\:-mt-12 { + margin-top: -3rem; } - .lg\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .lg\:-mr-12 { + margin-right: -3rem; } - .lg\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .lg\:-mb-12 { + margin-bottom: -3rem; } - .lg\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .lg\:-ml-12 { + margin-left: -3rem; } - .lg\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .lg\:-mt-14 { + margin-top: -3.5rem; } - .lg\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .lg\:-mr-14 { + margin-right: -3.5rem; } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .lg\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .lg\:-ml-14 { + margin-left: -3.5rem; } - .lg\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .lg\:-mt-16 { + margin-top: -4rem; } - .lg\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .lg\:-mr-16 { + margin-right: -4rem; } - .lg\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .lg\:-mb-16 { + margin-bottom: -4rem; } - .lg\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .lg\:-ml-16 { + margin-left: -4rem; } - .lg\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .lg\:-mt-20 { + margin-top: -5rem; } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .lg\:-mr-20 { + margin-right: -5rem; } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .lg\:-mb-20 { + margin-bottom: -5rem; } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .lg\:-ml-20 { + margin-left: -5rem; } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .lg\:-mt-24 { + margin-top: -6rem; } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .lg\:-mr-24 { + margin-right: -6rem; } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .lg\:-mb-24 { + margin-bottom: -6rem; } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .lg\:-ml-24 { + margin-left: -6rem; } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .lg\:-mt-28 { + margin-top: -7rem; } - .lg\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .lg\:-mr-28 { + margin-right: -7rem; } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .lg\:-mb-28 { + margin-bottom: -7rem; } - .lg\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .lg\:-ml-28 { + margin-left: -7rem; } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .lg\:-mt-32 { + margin-top: -8rem; } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .lg\:-mr-32 { + margin-right: -8rem; } - .lg\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .lg\:-mb-32 { + margin-bottom: -8rem; } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .lg\:-ml-32 { + margin-left: -8rem; } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .lg\:-mt-36 { + margin-top: -9rem; } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .lg\:-mr-36 { + margin-right: -9rem; } - .lg\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .lg\:-mb-36 { + margin-bottom: -9rem; } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .lg\:-ml-36 { + margin-left: -9rem; } - .lg\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .lg\:-mt-40 { + margin-top: -10rem; } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .lg\:-mr-40 { + margin-right: -10rem; } - .lg\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .lg\:-mb-40 { + margin-bottom: -10rem; } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .lg\:-ml-40 { + margin-left: -10rem; } - .lg\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .lg\:-mt-44 { + margin-top: -11rem; } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .lg\:-mr-44 { + margin-right: -11rem; } - .lg\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .lg\:-mb-44 { + margin-bottom: -11rem; } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .lg\:-ml-44 { + margin-left: -11rem; } - .lg\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .lg\:-mt-48 { + margin-top: -12rem; } - .lg\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .lg\:-mr-48 { + margin-right: -12rem; } - .lg\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .lg\:-mb-48 { + margin-bottom: -12rem; } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .lg\:-ml-48 { + margin-left: -12rem; } - .lg\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .lg\:-mt-52 { + margin-top: -13rem; } - .lg\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .lg\:-mr-52 { + margin-right: -13rem; } - .lg\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .lg\:-mb-52 { + margin-bottom: -13rem; } - .lg\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .lg\:-ml-52 { + margin-left: -13rem; } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .lg\:-mt-56 { + margin-top: -14rem; } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .lg\:-mr-56 { + margin-right: -14rem; } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .lg\:-mb-56 { + margin-bottom: -14rem; } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .lg\:-ml-56 { + margin-left: -14rem; } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .lg\:-mt-60 { + margin-top: -15rem; } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .lg\:-mr-60 { + margin-right: -15rem; } - .lg\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .lg\:-mb-60 { + margin-bottom: -15rem; } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .lg\:-ml-60 { + margin-left: -15rem; } - .lg\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .lg\:-mt-64 { + margin-top: -16rem; } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .lg\:-mr-64 { + margin-right: -16rem; } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .lg\:-mb-64 { + margin-bottom: -16rem; } - .lg\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .lg\:-ml-64 { + margin-left: -16rem; } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .lg\:-mt-72 { + margin-top: -18rem; } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .lg\:-mr-72 { + margin-right: -18rem; } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .lg\:-mb-72 { + margin-bottom: -18rem; } - .lg\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .lg\:-ml-72 { + margin-left: -18rem; } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .lg\:-mt-80 { + margin-top: -20rem; } - .lg\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .lg\:-mr-80 { + margin-right: -20rem; } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .lg\:-mb-80 { + margin-bottom: -20rem; } - .lg\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .lg\:-ml-80 { + margin-left: -20rem; } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .lg\:-mt-96 { + margin-top: -24rem; } - .lg\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .lg\:-mr-96 { + margin-right: -24rem; } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .lg\:-mb-96 { + margin-bottom: -24rem; } - .lg\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .lg\:-ml-96 { + margin-left: -24rem; } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .lg\:-mt-px { + margin-top: -1px; } - .lg\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .lg\:-mr-px { + margin-right: -1px; } - .lg\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .lg\:-ml-px { + margin-left: -1px; } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .lg\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .lg\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .lg\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .lg\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .lg\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .lg\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .lg\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .lg\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .lg\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .lg\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .lg\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .lg\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .lg\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .lg\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .lg\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .lg\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .lg\:max-h-0 { + max-height: 0; } - .lg\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .lg\:max-h-1 { + max-height: 0.25rem; } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .lg\:max-h-2 { + max-height: 0.5rem; } - .lg\:skew-x-0 { - --transform-skew-x: 0; + .lg\:max-h-3 { + max-height: 0.75rem; } - .lg\:skew-x-1 { - --transform-skew-x: 1deg; + .lg\:max-h-4 { + max-height: 1rem; } - .lg\:skew-x-2 { - --transform-skew-x: 2deg; + .lg\:max-h-5 { + max-height: 1.25rem; } - .lg\:skew-x-3 { - --transform-skew-x: 3deg; + .lg\:max-h-6 { + max-height: 1.5rem; } - .lg\:skew-x-6 { - --transform-skew-x: 6deg; + .lg\:max-h-7 { + max-height: 1.75rem; } - .lg\:skew-x-12 { - --transform-skew-x: 12deg; + .lg\:max-h-8 { + max-height: 2rem; } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg; + .lg\:max-h-9 { + max-height: 2.25rem; } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg; + .lg\:max-h-10 { + max-height: 2.5rem; } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg; + .lg\:max-h-12 { + max-height: 3rem; } - .lg\:-skew-x-2 { - --transform-skew-x: -2deg; + .lg\:max-h-14 { + max-height: 3.5rem; } - .lg\:-skew-x-1 { - --transform-skew-x: -1deg; + .lg\:max-h-16 { + max-height: 4rem; } - .lg\:skew-y-0 { - --transform-skew-y: 0; + .lg\:max-h-20 { + max-height: 5rem; } - .lg\:skew-y-1 { - --transform-skew-y: 1deg; + .lg\:max-h-24 { + max-height: 6rem; } - .lg\:skew-y-2 { - --transform-skew-y: 2deg; + .lg\:max-h-28 { + max-height: 7rem; } - .lg\:skew-y-3 { - --transform-skew-y: 3deg; + .lg\:max-h-32 { + max-height: 8rem; } - .lg\:skew-y-6 { - --transform-skew-y: 6deg; + .lg\:max-h-36 { + max-height: 9rem; } - .lg\:skew-y-12 { - --transform-skew-y: 12deg; + .lg\:max-h-40 { + max-height: 10rem; } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg; + .lg\:max-h-44 { + max-height: 11rem; } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg; + .lg\:max-h-48 { + max-height: 12rem; } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg; + .lg\:max-h-52 { + max-height: 13rem; } - .lg\:-skew-y-2 { - --transform-skew-y: -2deg; + .lg\:max-h-56 { + max-height: 14rem; } - .lg\:-skew-y-1 { - --transform-skew-y: -1deg; + .lg\:max-h-60 { + max-height: 15rem; } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .lg\:max-h-64 { + max-height: 16rem; } - .lg\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .lg\:max-h-72 { + max-height: 18rem; } - .lg\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .lg\:max-h-80 { + max-height: 20rem; } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .lg\:max-h-96 { + max-height: 24rem; } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .lg\:max-h-px { + max-height: 1px; } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .lg\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .lg\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .lg\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .lg\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .lg\:max-h-full { + max-height: 100%; } - .lg\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .lg\:max-w-0 { + max-width: 0rem; } - .lg\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .lg\:max-w-none { + max-width: none; } - .lg\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .lg\:max-w-sm { + max-width: 24rem; } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .lg\:max-w-md { + max-width: 28rem; } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .lg\:max-w-lg { + max-width: 32rem; } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .lg\:max-w-xl { + max-width: 36rem; } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .lg\:max-w-2xl { + max-width: 42rem; } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .lg\:max-w-3xl { + max-width: 48rem; } - .lg\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .lg\:max-w-4xl { + max-width: 56rem; } - .lg\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .lg\:max-w-5xl { + max-width: 64rem; } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .lg\:max-w-6xl { + max-width: 72rem; } - .lg\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .lg\:max-w-7xl { + max-width: 80rem; } - .lg\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .lg\:max-w-full { + max-width: 100%; } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .lg\:max-w-min { + max-width: min-content; } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .lg\:max-w-max { + max-width: max-content; } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .lg\:max-w-screen-sm { + max-width: 640px; } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .lg\:max-w-screen-md { + max-width: 768px; } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .lg\:max-w-screen-lg { + max-width: 1024px; } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .lg\:max-w-screen-xl { + max-width: 1280px; } - .lg\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .lg\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .lg\:min-h-0 { + min-height: 0; } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .lg\:min-h-full { + min-height: 100%; } - .lg\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .lg\:min-h-screen { + min-height: 100vh; } - .lg\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .lg\:min-w-0 { + min-width: 0; } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .lg\:min-w-full { + min-width: 100%; } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .lg\:min-w-min { + min-width: min-content; } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .lg\:min-w-max { + min-width: max-content; } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .lg\:object-contain { + object-fit: contain; } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .lg\:object-cover { + object-fit: cover; } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .lg\:object-fill { + object-fit: fill; } - .lg\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .lg\:object-none { + object-fit: none; } - .lg\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .lg\:object-scale-down { + object-fit: scale-down; } - .lg\:transition-none { - transition-property: none; + .lg\:object-bottom { + object-position: bottom; } - .lg\:transition-all { - transition-property: all; + .lg\:object-center { + object-position: center; } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .lg\:object-left { + object-position: left; } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .lg\:object-left-bottom { + object-position: left bottom; } - .lg\:transition-opacity { - transition-property: opacity; + .lg\:object-left-top { + object-position: left top; } - .lg\:transition-shadow { - transition-property: box-shadow; + .lg\:object-right { + object-position: right; } - .lg\:transition-transform { - transition-property: transform; + .lg\:object-right-bottom { + object-position: right bottom; } - .lg\:ease-linear { - transition-timing-function: linear; + .lg\:object-right-top { + object-position: right top; } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .lg\:object-top { + object-position: top; } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .lg\:opacity-0 { + opacity: 0; } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .lg\:opacity-25 { + opacity: 0.25; } - .lg\:duration-75 { - transition-duration: 75ms; + .lg\:opacity-50 { + opacity: 0.5; } - .lg\:duration-100 { - transition-duration: 100ms; + .lg\:opacity-75 { + opacity: 0.75; } - .lg\:duration-150 { - transition-duration: 150ms; + .lg\:opacity-100 { + opacity: 1; } - .lg\:duration-200 { - transition-duration: 200ms; + .group:hover .lg\:group-hover\:opacity-0 { + opacity: 0; } - .lg\:duration-300 { - transition-duration: 300ms; + .group:hover .lg\:group-hover\:opacity-25 { + opacity: 0.25; } - .lg\:duration-500 { - transition-duration: 500ms; + .group:hover .lg\:group-hover\:opacity-50 { + opacity: 0.5; } - .lg\:duration-700 { - transition-duration: 700ms; + .group:hover .lg\:group-hover\:opacity-75 { + opacity: 0.75; } - .lg\:duration-1000 { - transition-duration: 1000ms; + .group:hover .lg\:group-hover\:opacity-100 { + opacity: 1; } - .lg\:delay-75 { - transition-delay: 75ms; + .lg\:hover\:opacity-0:hover { + opacity: 0; } - .lg\:delay-100 { - transition-delay: 100ms; + .lg\:hover\:opacity-25:hover { + opacity: 0.25; } - .lg\:delay-150 { - transition-delay: 150ms; + .lg\:hover\:opacity-50:hover { + opacity: 0.5; } - .lg\:delay-200 { - transition-delay: 200ms; + .lg\:hover\:opacity-75:hover { + opacity: 0.75; } - .lg\:delay-300 { - transition-delay: 300ms; + .lg\:hover\:opacity-100:hover { + opacity: 1; } - .lg\:delay-500 { - transition-delay: 500ms; + .lg\:focus\:opacity-0:focus { + opacity: 0; } - .lg\:delay-700 { - transition-delay: 700ms; + .lg\:focus\:opacity-25:focus { + opacity: 0.25; } - .lg\:delay-1000 { - transition-delay: 1000ms; + .lg\:focus\:opacity-50:focus { + opacity: 0.5; } - .lg\:animate-none { - animation: none; + .lg\:focus\:opacity-75:focus { + opacity: 0.75; } - .lg\:animate-spin { - animation: spin 1s linear infinite; + .lg\:focus\:opacity-100:focus { + opacity: 1; } - .lg\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .lg\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .lg\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .lg\:animate-bounce { - animation: bounce 1s infinite; + .lg\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .lg\:example { - font-weight: 700; - color: #ef4444; + .lg\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } -} -@media (min-width: 1280px) { - .xl\:container { - width: 100%; + .lg\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - @media (min-width: 640px) { - .xl\:container { - max-width: 640px; - } + .lg\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - @media (min-width: 768px) { - .xl\:container { - max-width: 768px; - } + .lg\:overflow-auto { + overflow: auto; } - @media (min-width: 1024px) { - .xl\:container { - max-width: 1024px; - } + .lg\:overflow-hidden { + overflow: hidden; } - @media (min-width: 1280px) { - .xl\:container { - max-width: 1280px; - } + .lg\:overflow-visible { + overflow: visible; } - @media (min-width: 1536px) { - .xl\:container { - max-width: 1536px; - } + .lg\:overflow-scroll { + overflow: scroll; } - .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\:overflow-x-auto { + overflow-x: auto; } - .xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-auto { + overflow-y: auto; } - .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\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .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\:overflow-x-visible { + overflow-x: visible; } - .xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-visible { + overflow-y: visible; } - .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\:overflow-x-scroll { + overflow-x: scroll; } - .xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .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\:overscroll-auto { + overscroll-behavior: auto; } - .xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-contain { + overscroll-behavior: contain; } - .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\:overscroll-none { + overscroll-behavior: none; } - .xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .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\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-y-none { + overscroll-behavior-y: none; } - .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\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .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\:overscroll-x-none { + overscroll-behavior-x: none; } - .xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .lg\:p-0 { + padding: 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)); + .lg\:p-1 { + padding: 0.25rem; } - .xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:p-2 { + padding: 0.5rem; } - .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\:p-3 { + padding: 0.75rem; } - .xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:p-4 { + padding: 1rem; } - .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\:p-5 { + padding: 1.25rem; } - .xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .lg\:p-6 { + padding: 1.5rem; } - .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\:p-7 { + padding: 1.75rem; } - .xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:p-8 { + padding: 2rem; } - .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\:p-9 { + padding: 2.25rem; } - .xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .lg\:p-10 { + padding: 2.5rem; } - .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\:p-12 { + padding: 3rem; } - .xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .lg\:p-14 { + padding: 3.5rem; } - .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\:p-16 { + padding: 4rem; } - .xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .lg\:p-20 { + padding: 5rem; } - .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\:p-24 { + padding: 6rem; } - .xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .lg\:p-28 { + padding: 7rem; } - .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\:p-32 { + padding: 8rem; } - .xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .lg\:p-36 { + padding: 9rem; } - .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\:p-40 { + padding: 10rem; } - .xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .lg\:p-44 { + padding: 11rem; } - .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\:p-48 { + padding: 12rem; } - .xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .lg\:p-52 { + padding: 13rem; } - .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\:p-56 { + padding: 14rem; } - .xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .lg\:p-60 { + padding: 15rem; } - .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\:p-64 { + padding: 16rem; } - .xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .lg\:p-72 { + padding: 18rem; } - .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\:p-80 { + padding: 20rem; } - .xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .lg\:p-96 { + padding: 24rem; } - .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\:p-px { + padding: 1px; } - .xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .lg\:p-0\.5 { + padding: 0.125rem; } - .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\:p-1\.5 { + padding: 0.375rem; } - .xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .lg\:p-2\.5 { + padding: 0.625rem; } - .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\:p-3\.5 { + padding: 0.875rem; } - .xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .lg\:py-0 { + padding-top: 0; + padding-bottom: 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)); + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .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\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .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\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .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\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .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\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.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\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .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\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .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\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .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\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .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\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .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\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .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\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .lg\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .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\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .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\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .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\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .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\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .lg\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .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\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .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\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .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\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .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\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .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\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .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\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .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\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .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\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .lg\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .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\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .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\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .lg\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .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\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .lg\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .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\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .lg\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .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\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .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\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .lg\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .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\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .lg\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .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\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .lg\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .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\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .lg\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .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\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-0 { + padding-top: 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\:pr-0 { + padding-right: 0; } - .xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .lg\:pb-0 { + padding-bottom: 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)); + .lg\:pl-0 { + padding-left: 0; } - .xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-1 { + padding-top: 0.25rem; } - .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\:pr-1 { + padding-right: 0.25rem; } - .xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .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\:pl-1 { + padding-left: 0.25rem; } - .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-2 { + padding-top: 0.5rem; } - .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\:pr-2 { + padding-right: 0.5rem; } - .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .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\:pl-2 { + padding-left: 0.5rem; } - .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-3 { + padding-top: 0.75rem; } - .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\:pr-3 { + padding-right: 0.75rem; } - .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .lg\:pl-3 { + padding-left: 0.75rem; } - .xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .lg\:pt-4 { + padding-top: 1rem; } - .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\:pr-4 { + padding-right: 1rem; } - .xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .lg\:pb-4 { + padding-bottom: 1rem; } - .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\:pl-4 { + padding-left: 1rem; } - .xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .lg\:pt-5 { + padding-top: 1.25rem; } - .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\:pr-5 { + padding-right: 1.25rem; } - .xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .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\:pl-5 { + padding-left: 1.25rem; } - .xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .lg\:pt-6 { + padding-top: 1.5rem; } - .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\:pr-6 { + padding-right: 1.5rem; } - .xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .lg\:pl-6 { + padding-left: 1.5rem; } - .xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .lg\:pt-7 { + padding-top: 1.75rem; } - .xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .lg\:pr-7 { + padding-right: 1.75rem; } - .xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .lg\:pb-7 { + padding-bottom: 1.75rem; } - .xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .lg\:pl-7 { + padding-left: 1.75rem; } - .xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .lg\:pt-8 { + padding-top: 2rem; } - .xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); + .lg\:pr-8 { + padding-right: 2rem; } - .xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); + .lg\:pb-8 { + padding-bottom: 2rem; } - .xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); + .lg\:pl-8 { + padding-left: 2rem; } - .xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); + .lg\:pt-9 { + padding-top: 2.25rem; } - .xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); + .lg\:pr-9 { + padding-right: 2.25rem; } - .xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); + .lg\:pb-9 { + padding-bottom: 2.25rem; } - .xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); + .lg\:pl-9 { + padding-left: 2.25rem; } - .xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); + .lg\:pt-10 { + padding-top: 2.5rem; } - .xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); + .lg\:pr-10 { + padding-right: 2.5rem; } - .xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); + .lg\:pl-10 { + padding-left: 2.5rem; } - .xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); + .lg\:pt-12 { + padding-top: 3rem; } - .xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); + .lg\:pr-12 { + padding-right: 3rem; } - .xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); + .lg\:pb-12 { + padding-bottom: 3rem; } - .xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); + .lg\:pl-12 { + padding-left: 3rem; } - .xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); + .lg\:pt-14 { + padding-top: 3.5rem; } - .xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); + .lg\:pr-14 { + padding-right: 3.5rem; } - .xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); + .lg\:pb-14 { + padding-bottom: 3.5rem; } - .xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); + .lg\:pl-14 { + padding-left: 3.5rem; } - .xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); + .lg\:pt-16 { + padding-top: 4rem; } - .xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); + .lg\:pr-16 { + padding-right: 4rem; } - .xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); + .lg\:pb-16 { + padding-bottom: 4rem; } - .xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); + .lg\:pl-16 { + padding-left: 4rem; } - .xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); + .lg\:pt-20 { + padding-top: 5rem; } - .xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); + .lg\:pr-20 { + padding-right: 5rem; } - .xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); + .lg\:pb-20 { + padding-bottom: 5rem; } - .xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); + .lg\:pl-20 { + padding-left: 5rem; } - .xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); + .lg\:pt-24 { + padding-top: 6rem; } - .xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); + .lg\:pr-24 { + padding-right: 6rem; } - .xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); + .lg\:pb-24 { + padding-bottom: 6rem; } - .xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); + .lg\:pl-24 { + padding-left: 6rem; } - .xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); + .lg\:pt-28 { + padding-top: 7rem; } - .xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); + .lg\:pr-28 { + padding-right: 7rem; } - .xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); + .lg\:pb-28 { + padding-bottom: 7rem; } - .xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); + .lg\:pl-28 { + padding-left: 7rem; } - .xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); + .lg\:pt-32 { + padding-top: 8rem; } - .xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); + .lg\:pr-32 { + padding-right: 8rem; } - .xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); + .lg\:pb-32 { + padding-bottom: 8rem; } - .xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); + .lg\:pl-32 { + padding-left: 8rem; } - .xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); + .lg\:pt-36 { + padding-top: 9rem; } - .xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); + .lg\:pr-36 { + padding-right: 9rem; } - .xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); + .lg\:pb-36 { + padding-bottom: 9rem; } - .xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); + .lg\:pl-36 { + padding-left: 9rem; } - .xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); + .lg\:pt-40 { + padding-top: 10rem; } - .xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); + .lg\:pr-40 { + padding-right: 10rem; } - .xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); + .lg\:pb-40 { + padding-bottom: 10rem; } - .xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); + .lg\:pl-40 { + padding-left: 10rem; } - .xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); + .lg\:pt-44 { + padding-top: 11rem; } - .xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); + .lg\:pr-44 { + padding-right: 11rem; } - .xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); + .lg\:pb-44 { + padding-bottom: 11rem; } - .xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); + .lg\:pl-44 { + padding-left: 11rem; } - .xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); + .lg\:pt-48 { + padding-top: 12rem; } - .xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); + .lg\:pr-48 { + padding-right: 12rem; } - .xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); + .lg\:pb-48 { + padding-bottom: 12rem; } - .xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); + .lg\:pl-48 { + padding-left: 12rem; } - .xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); + .lg\:pt-52 { + padding-top: 13rem; } - .xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); + .lg\:pr-52 { + padding-right: 13rem; } - .xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); + .lg\:pb-52 { + padding-bottom: 13rem; } - .xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); + .lg\:pl-52 { + padding-left: 13rem; } - .xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); + .lg\:pt-56 { + padding-top: 14rem; } - .xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .lg\:pr-56 { + padding-right: 14rem; } - .xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); + .lg\:pb-56 { + padding-bottom: 14rem; } - .xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); + .lg\:pl-56 { + padding-left: 14rem; } - .xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); + .lg\:pt-60 { + padding-top: 15rem; } - .xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); + .lg\:pr-60 { + padding-right: 15rem; } - .xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); + .lg\:pb-60 { + padding-bottom: 15rem; } - .xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); + .lg\:pl-60 { + padding-left: 15rem; } - .xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); + .lg\:pt-64 { + padding-top: 16rem; } - .xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); + .lg\:pr-64 { + padding-right: 16rem; } - .xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); + .lg\:pb-64 { + padding-bottom: 16rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .lg\:pl-64 { + padding-left: 16rem; + } - .xl\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } + .lg\:pt-72 { + padding-top: 18rem; + } - .xl\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } + .lg\:pr-72 { + padding-right: 18rem; + } - .xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } + .lg\:pb-72 { + padding-bottom: 18rem; + } - .xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } + .lg\:pl-72 { + padding-left: 18rem; + } - .xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } + .lg\:pt-80 { + padding-top: 20rem; + } - .xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } + .lg\:pr-80 { + padding-right: 20rem; + } - .xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } + .lg\:pb-80 { + padding-bottom: 20rem; + } - .xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } + .lg\:pl-80 { + padding-left: 20rem; + } - .xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } + .lg\:pt-96 { + padding-top: 24rem; + } - .xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } + .lg\:pr-96 { + padding-right: 24rem; + } - .xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } + .lg\:pb-96 { + padding-bottom: 24rem; + } - .xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } + .lg\:pl-96 { + padding-left: 24rem; + } - .xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } + .lg\:pt-px { + padding-top: 1px; + } - .xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } + .lg\:pr-px { + padding-right: 1px; + } - .xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } + .lg\:pb-px { + padding-bottom: 1px; + } - .xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } + .lg\:pl-px { + padding-left: 1px; + } - .xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } + .lg\:pt-0\.5 { + padding-top: 0.125rem; + } - .xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } + .lg\:pr-0\.5 { + padding-right: 0.125rem; + } - .xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } + .lg\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } + .lg\:pl-0\.5 { + padding-left: 0.125rem; + } - .xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } + .lg\:pt-1\.5 { + padding-top: 0.375rem; + } - .xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } + .lg\:pr-1\.5 { + padding-right: 0.375rem; + } - .xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } + .lg\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } + .lg\:pl-1\.5 { + padding-left: 0.375rem; + } - .xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } + .lg\:pt-2\.5 { + padding-top: 0.625rem; + } - .xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } + .lg\:pr-2\.5 { + padding-right: 0.625rem; + } - .xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } + .lg\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } + .lg\:pl-2\.5 { + padding-left: 0.625rem; + } - .xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } + .lg\:pt-3\.5 { + padding-top: 0.875rem; + } - .xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } + .lg\:pr-3\.5 { + padding-right: 0.875rem; + } - .xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } + .lg\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } + .lg\:pl-3\.5 { + padding-left: 0.875rem; + } - .xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } + .lg\:placeholder-transparent::placeholder { + color: transparent; + } - .xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } + .lg\:placeholder-current::placeholder { + color: currentColor; + } - .xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } + .lg\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } + .lg\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } + .lg\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } + .lg\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } + .lg\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } + .lg\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } + .lg\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } + .lg\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } + .lg\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } + .lg\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } + .lg\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } + .lg\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } + .lg\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } + .lg\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } + .lg\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } + .lg\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } + .lg\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } + .lg\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } + .lg\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } + .lg\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } + .lg\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } + .lg\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } + .lg\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } + .lg\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } + .lg\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } + .lg\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } + .lg\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } + .lg\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .lg\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } + .lg\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } + .lg\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } + .lg\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } + .lg\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } + .lg\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } + .lg\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } + .lg\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } + .lg\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } + .lg\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .lg\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .lg\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .lg\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .lg\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .lg\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .lg\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .lg\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .lg\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .lg\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .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\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .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\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .xl\:appearance-none { - appearance: none; + .lg\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .xl\:bg-fixed { - background-attachment: fixed; + .lg\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .xl\:bg-local { - background-attachment: local; + .lg\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .xl\:bg-scroll { - background-attachment: scroll; + .lg\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .xl\:bg-clip-border { - background-clip: border-box; + .lg\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .xl\:bg-clip-padding { - background-clip: padding-box; + .lg\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .xl\:bg-clip-content { - background-clip: content-box; + .lg\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .xl\:bg-clip-text { - background-clip: text; + .lg\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .xl\:bg-transparent { - background-color: transparent; + .lg\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .xl\:bg-current { - background-color: currentColor; + .lg\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .xl\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .xl\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .xl\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .xl\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .xl\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .xl\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .xl\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .xl\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .xl\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .xl\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .xl\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .xl\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .xl\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .xl\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .xl\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } - .xl\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } - .xl\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } - .xl\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } - .xl\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } - .xl\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } - .xl\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } - .xl\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } - .xl\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } - .xl\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } - .xl\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } - .xl\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } - .xl\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } - .xl\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } - .xl\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } - .xl\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } - .xl\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } - .xl\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } - .xl\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } - .xl\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } - .xl\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } - .xl\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } - .xl\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } - .xl\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } - .xl\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } - .xl\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } - .xl\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } - .xl\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } - .xl\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } - .xl\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } - .xl\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } - .xl\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } - .xl\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } - .xl\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } - .xl\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } - .xl\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .xl\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .xl\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .xl\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .xl\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .xl\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .xl\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .xl\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .xl\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .xl\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .xl\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .xl\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .xl\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .xl\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .xl\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .xl\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .xl\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .xl\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .xl\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .xl\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .xl\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .xl\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .xl\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-transparent { - background-color: transparent; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-current { - background-color: currentColor; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .group:hover .xl\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .group:hover .xl\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .group:hover .xl\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .group:hover .xl\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .group:hover .xl\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .group:hover .xl\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .group:hover .xl\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .group:hover .xl\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .group:hover .xl\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .group:hover .xl\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:pointer-events-none { + pointer-events: none; } - .group:hover .xl\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:pointer-events-auto { + pointer-events: auto; } - .group:hover .xl\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:static { + position: static; } - .group:hover .xl\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:fixed { + position: fixed; } - .group:hover .xl\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:absolute { + position: absolute; } - .group:hover .xl\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:relative { + position: relative; } - .group:hover .xl\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:sticky { + position: sticky; } - .group:hover .xl\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .group:hover .xl\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .group:hover .xl\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .group:hover .xl\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .group:hover .xl\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .group:hover .xl\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .group:hover .xl\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .group:hover .xl\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .group:hover .xl\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .group:hover .xl\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .group:hover .xl\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .group:hover .xl\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .group:hover .xl\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .group:hover .xl\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .group:hover .xl\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .group:hover .xl\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .group:hover .xl\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .group:hover .xl\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .group:hover .xl\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .group:hover .xl\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .group:hover .xl\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .group:hover .xl\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .group:hover .xl\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .group:hover .xl\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .group:hover .xl\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .group:hover .xl\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .group:hover .xl\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .group:hover .xl\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .group:hover .xl\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .group:hover .xl\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .group:hover .xl\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .group:hover .xl\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .group:hover .xl\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .group:hover .xl\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .group:hover .xl\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .group:hover .xl\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .group:hover .xl\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .group:hover .xl\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .group:hover .xl\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .group:hover .xl\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .group:hover .xl\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .group:hover .xl\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .group:hover .xl\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .group:hover .xl\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .group:hover .xl\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .xl\:hover\:bg-current:hover { - background-color: currentColor; + .lg\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .xl\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .xl\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .xl\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .xl\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .xl\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .xl\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .xl\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .xl\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .xl\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .xl\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .xl\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .xl\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .xl\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .xl\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .xl\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:inset-y-0 { + top: 0; + bottom: 0; } - .xl\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:inset-x-0 { + right: 0; + left: 0; } - .xl\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .xl\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .xl\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .xl\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .xl\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:inset-x-4 { + right: 1rem; + left: 1rem; } - .xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:inset-x-8 { + right: 2rem; + left: 2rem; } - .xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:inset-x-12 { + right: 3rem; + left: 3rem; } - .xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:inset-x-16 { + right: 4rem; + left: 4rem; } - .xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:inset-x-20 { + right: 5rem; + left: 5rem; } - .xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:inset-x-24 { + right: 6rem; + left: 6rem; } - .xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:inset-x-28 { + right: 7rem; + left: 7rem; } - .xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:inset-x-32 { + right: 8rem; + left: 8rem; } - .xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:inset-x-36 { + right: 9rem; + left: 9rem; } - .xl\:focus\:bg-current:focus { - background-color: currentColor; + .lg\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:inset-x-40 { + right: 10rem; + left: 10rem; } - .xl\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:inset-x-44 { + right: 11rem; + left: 11rem; } - .xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:inset-x-48 { + right: 12rem; + left: 12rem; } - .xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:inset-x-52 { + right: 13rem; + left: 13rem; } - .xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:inset-x-56 { + right: 14rem; + left: 14rem; } - .xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:inset-x-60 { + right: 15rem; + left: 15rem; } - .xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:inset-x-64 { + right: 16rem; + left: 16rem; } - .xl\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:inset-x-72 { + right: 18rem; + left: 18rem; } - .xl\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:inset-x-80 { + right: 20rem; + left: 20rem; } - .xl\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:inset-x-96 { + right: 24rem; + left: 24rem; } - .xl\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .xl\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:inset-x-auto { + right: auto; + left: auto; } - .xl\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:inset-y-px { + top: 1px; + bottom: 1px; } - .xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:inset-x-px { + right: 1px; + left: 1px; } - .xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .xl\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .xl\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .xl\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .xl\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .xl\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .xl\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .xl\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .xl\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .xl\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .xl\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:bg-transparent { - background-color: transparent; - } - - .xl\:dark\:bg-current { - background-color: currentColor; - } - - .xl\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .xl\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .xl\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .xl\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .xl\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .xl\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .lg\:-inset-x-48 { + right: -12rem; + left: -12rem; + } - .xl\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .lg\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } - .xl\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .lg\:-inset-x-52 { + right: -13rem; + left: -13rem; + } - .xl\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .lg\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } - .xl\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .lg\:-inset-x-56 { + right: -14rem; + left: -14rem; + } - .xl\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .lg\:-inset-y-60 { + top: -15rem; + bottom: -15rem; + } - .xl\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .lg\:-inset-x-60 { + right: -15rem; + left: -15rem; + } - .xl\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .lg\:-inset-y-64 { + top: -16rem; + bottom: -16rem; + } - .xl\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .lg\:-inset-x-64 { + right: -16rem; + left: -16rem; + } - .xl\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .lg\:-inset-y-72 { + top: -18rem; + bottom: -18rem; + } - .xl\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .lg\:-inset-x-72 { + right: -18rem; + left: -18rem; + } - .xl\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .lg\:-inset-y-80 { + top: -20rem; + bottom: -20rem; + } - .xl\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .lg\:-inset-x-80 { + right: -20rem; + left: -20rem; + } - .xl\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .lg\:-inset-y-96 { + top: -24rem; + bottom: -24rem; + } - .xl\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .lg\:-inset-x-96 { + right: -24rem; + left: -24rem; + } - .xl\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .lg\:-inset-y-px { + top: -1px; + bottom: -1px; + } - .xl\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .lg\:-inset-x-px { + right: -1px; + left: -1px; + } - .xl\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .lg\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; + } - .xl\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .lg\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; + } - .xl\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .lg\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; + } - .xl\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .lg\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; + } - .xl\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .lg\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; + } - .xl\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .lg\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; + } - .xl\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .lg\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; + } - .xl\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .lg\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; + } - .xl\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .lg\:inset-y-1\/2 { + top: 50%; + bottom: 50%; + } - .xl\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .lg\:inset-x-1\/2 { + right: 50%; + left: 50%; + } - .xl\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .lg\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; + } - .xl\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .lg\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; + } - .xl\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .lg\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; + } - .xl\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .lg\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; + } - .xl\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .lg\:inset-y-1\/4 { + top: 25%; + bottom: 25%; + } - .xl\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .lg\:inset-x-1\/4 { + right: 25%; + left: 25%; + } - .xl\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .lg\:inset-y-2\/4 { + top: 50%; + bottom: 50%; + } - .xl\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .lg\:inset-x-2\/4 { + right: 50%; + left: 50%; + } - .xl\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .lg\:inset-y-3\/4 { + top: 75%; + bottom: 75%; + } - .xl\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .lg\:inset-x-3\/4 { + right: 75%; + left: 75%; + } - .xl\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .lg\:inset-y-full { + top: 100%; + bottom: 100%; + } - .xl\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .lg\:inset-x-full { + right: 100%; + left: 100%; + } - .xl\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .lg\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; + } - .xl\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .lg\:-inset-x-1\/2 { + right: -50%; + left: -50%; + } - .xl\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .lg\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; + } - .xl\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .lg\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; + } - .xl\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .lg\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; + } - .xl\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .lg\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; + } - .xl\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .lg\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; + } - .xl\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .lg\:-inset-x-1\/4 { + right: -25%; + left: -25%; + } - .xl\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .lg\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; + } - .xl\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .lg\:-inset-x-2\/4 { + right: -50%; + left: -50%; + } - .xl\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .lg\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; + } - .xl\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .lg\:-inset-x-3\/4 { + right: -75%; + left: -75%; + } - .xl\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .lg\:-inset-y-full { + top: -100%; + bottom: -100%; + } - .xl\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .lg\:-inset-x-full { + right: -100%; + left: -100%; + } - .xl\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .lg\:top-0 { + top: 0; + } - .xl\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .lg\:right-0 { + right: 0; + } - .xl\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .lg\:bottom-0 { + bottom: 0; + } - .xl\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .lg\:left-0 { + left: 0; + } - .xl\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .lg\:top-1 { + top: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .lg\:right-1 { + right: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .lg\:bottom-1 { + bottom: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .lg\:left-1 { + left: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .lg\:top-2 { + top: 0.5rem; + } - .xl\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .lg\:right-2 { + right: 0.5rem; + } - .xl\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .lg\:bottom-2 { + bottom: 0.5rem; + } - .xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .lg\:left-2 { + left: 0.5rem; + } - .xl\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .lg\:top-3 { + top: 0.75rem; + } - .xl\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .lg\:right-3 { + right: 0.75rem; + } - .xl\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .lg\:bottom-3 { + bottom: 0.75rem; + } - .xl\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .lg\:left-3 { + left: 0.75rem; + } - .xl\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .lg\:top-4 { + top: 1rem; + } - .xl\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .lg\:right-4 { + right: 1rem; + } - .xl\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .lg\:bottom-4 { + bottom: 1rem; + } - .xl\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .lg\:left-4 { + left: 1rem; + } - .xl\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .lg\:top-5 { + top: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .lg\:right-5 { + right: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .lg\:bottom-5 { + bottom: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .lg\:left-5 { + left: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .lg\:top-6 { + top: 1.5rem; + } - .xl\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .lg\:right-6 { + right: 1.5rem; + } - .xl\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .lg\:bottom-6 { + bottom: 1.5rem; + } - .xl\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .lg\:left-6 { + left: 1.5rem; + } - .xl\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .lg\:top-7 { + top: 1.75rem; + } - .xl\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .lg\:right-7 { + right: 1.75rem; + } - .xl\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .lg\:bottom-7 { + bottom: 1.75rem; + } - .xl\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .lg\:left-7 { + left: 1.75rem; + } - .xl\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .lg\:top-8 { + top: 2rem; + } - .xl\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .lg\:right-8 { + right: 2rem; + } - .xl\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .lg\:bottom-8 { + bottom: 2rem; + } - .xl\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .lg\:left-8 { + left: 2rem; + } - .xl\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .lg\:top-9 { + top: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .lg\:right-9 { + right: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .lg\:bottom-9 { + bottom: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .lg\:left-9 { + left: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .lg\:top-10 { + top: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .lg\:right-10 { + right: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .lg\:bottom-10 { + bottom: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .lg\:left-10 { + left: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .lg\:top-12 { + top: 3rem; + } - .xl\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .lg\:right-12 { + right: 3rem; + } - .xl\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .lg\:bottom-12 { + bottom: 3rem; + } - .xl\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .lg\:left-12 { + left: 3rem; + } - .xl\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .lg\:top-14 { + top: 3.5rem; + } - .xl\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .lg\:right-14 { + right: 3.5rem; + } - .xl\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .lg\:bottom-14 { + bottom: 3.5rem; + } - .xl\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .lg\:left-14 { + left: 3.5rem; + } - .xl\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .lg\:top-16 { + top: 4rem; + } - .xl\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .lg\:right-16 { + right: 4rem; + } - .xl\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .lg\:bottom-16 { + bottom: 4rem; + } - .xl\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .lg\:left-16 { + left: 4rem; + } - .xl\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .lg\:top-20 { + top: 5rem; + } - .xl\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .lg\:right-20 { + right: 5rem; + } - .xl\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .lg\:bottom-20 { + bottom: 5rem; + } - .xl\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .lg\:left-20 { + left: 5rem; + } - .xl\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .lg\:top-24 { + top: 6rem; + } - .xl\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .lg\:right-24 { + right: 6rem; + } - .xl\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .lg\:bottom-24 { + bottom: 6rem; + } - .xl\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .lg\:left-24 { + left: 6rem; + } - .xl\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .lg\:top-28 { + top: 7rem; + } - .xl\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .lg\:right-28 { + right: 7rem; + } - .xl\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .lg\:bottom-28 { + bottom: 7rem; + } - .xl\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .lg\:left-28 { + left: 7rem; + } - .xl\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .lg\:top-32 { + top: 8rem; + } - .xl\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .lg\:right-32 { + right: 8rem; + } - .xl\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .lg\:bottom-32 { + bottom: 8rem; + } - .xl\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .lg\:left-32 { + left: 8rem; + } - .xl\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .lg\:top-36 { + top: 9rem; + } - .xl\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .lg\:right-36 { + right: 9rem; + } - .xl\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .lg\:bottom-36 { + bottom: 9rem; + } - .xl\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .lg\:left-36 { + left: 9rem; + } - .xl\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .lg\:top-40 { + top: 10rem; + } - .xl\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .lg\:right-40 { + right: 10rem; + } - .xl\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .lg\:bottom-40 { + bottom: 10rem; + } - .xl\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .lg\:left-40 { + left: 10rem; + } - .xl\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .lg\:top-44 { + top: 11rem; + } - .xl\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .lg\:right-44 { + right: 11rem; + } - .xl\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .lg\:bottom-44 { + bottom: 11rem; + } - .xl\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .lg\:left-44 { + left: 11rem; + } - .xl\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .lg\:top-48 { + top: 12rem; } - .xl\:bg-none { - background-image: none; + .lg\:right-48 { + right: 12rem; } - .xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .lg\:bottom-48 { + bottom: 12rem; } - .xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .lg\:left-48 { + left: 12rem; } - .xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .lg\:top-52 { + top: 13rem; } - .xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .lg\:right-52 { + right: 13rem; } - .xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .lg\:bottom-52 { + bottom: 13rem; } - .xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .lg\:left-52 { + left: 13rem; } - .xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .lg\:top-56 { + top: 14rem; } - .xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .lg\:right-56 { + right: 14rem; } - .xl\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:bottom-56 { + bottom: 14rem; } - .xl\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:left-56 { + left: 14rem; } - .xl\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:top-60 { + top: 15rem; } - .xl\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:right-60 { + right: 15rem; } - .xl\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:bottom-60 { + bottom: 15rem; } - .xl\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:left-60 { + left: 15rem; } - .xl\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:top-64 { + top: 16rem; } - .xl\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:right-64 { + right: 16rem; } - .xl\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:bottom-64 { + bottom: 16rem; } - .xl\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:left-64 { + left: 16rem; } - .xl\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:top-72 { + top: 18rem; } - .xl\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:right-72 { + right: 18rem; } - .xl\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:bottom-72 { + bottom: 18rem; } - .xl\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:left-72 { + left: 18rem; } - .xl\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:top-80 { + top: 20rem; } - .xl\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:right-80 { + right: 20rem; } - .xl\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:bottom-80 { + bottom: 20rem; } - .xl\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:left-80 { + left: 20rem; } - .xl\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:top-96 { + top: 24rem; } - .xl\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:right-96 { + right: 24rem; } - .xl\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:bottom-96 { + bottom: 24rem; } - .xl\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:left-96 { + left: 24rem; } - .xl\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:top-auto { + top: auto; } - .xl\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:right-auto { + right: auto; } - .xl\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:bottom-auto { + bottom: auto; } - .xl\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:left-auto { + left: auto; } - .xl\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:top-px { + top: 1px; } - .xl\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:right-px { + right: 1px; } - .xl\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:bottom-px { + bottom: 1px; } - .xl\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:left-px { + left: 1px; } - .xl\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:top-0\.5 { + top: 0.125rem; } - .xl\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:right-0\.5 { + right: 0.125rem; } - .xl\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:left-0\.5 { + left: 0.125rem; } - .xl\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:top-1\.5 { + top: 0.375rem; } - .xl\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:right-1\.5 { + right: 0.375rem; } - .xl\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:left-1\.5 { + left: 0.375rem; } - .xl\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:top-2\.5 { + top: 0.625rem; } - .xl\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:right-2\.5 { + right: 0.625rem; } - .xl\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:left-2\.5 { + left: 0.625rem; } - .xl\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:top-3\.5 { + top: 0.875rem; } - .xl\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:right-3\.5 { + right: 0.875rem; } - .xl\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:left-3\.5 { + left: 0.875rem; } - .xl\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:-top-1 { + top: -0.25rem; } - .xl\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:-right-1 { + right: -0.25rem; } - .xl\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:-bottom-1 { + bottom: -0.25rem; } - .xl\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:-left-1 { + left: -0.25rem; } - .xl\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:-top-2 { + top: -0.5rem; } - .xl\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:-right-2 { + right: -0.5rem; } - .xl\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:-bottom-2 { + bottom: -0.5rem; } - .xl\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:-left-2 { + left: -0.5rem; } - .xl\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:-top-3 { + top: -0.75rem; } - .xl\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:-right-3 { + right: -0.75rem; } - .xl\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:-bottom-3 { + bottom: -0.75rem; } - .xl\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:-left-3 { + left: -0.75rem; } - .xl\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:-top-4 { + top: -1rem; } - .xl\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:-right-4 { + right: -1rem; } - .xl\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:-bottom-4 { + bottom: -1rem; } - .xl\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:-left-4 { + left: -1rem; } - .xl\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:-top-5 { + top: -1.25rem; } - .xl\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:-right-5 { + right: -1.25rem; } - .xl\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:-bottom-5 { + bottom: -1.25rem; } - .xl\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:-left-5 { + left: -1.25rem; } - .xl\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:-top-6 { + top: -1.5rem; } - .xl\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:-right-6 { + right: -1.5rem; } - .xl\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:-bottom-6 { + bottom: -1.5rem; } - .xl\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:-left-6 { + left: -1.5rem; } - .xl\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:-top-7 { + top: -1.75rem; } - .xl\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:-right-7 { + right: -1.75rem; } - .xl\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:-bottom-7 { + bottom: -1.75rem; } - .xl\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:-left-7 { + left: -1.75rem; } - .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)); + .lg\:-top-8 { + top: -2rem; } - .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)); + .lg\:-right-8 { + right: -2rem; } - .xl\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-bottom-8 { + bottom: -2rem; } - .xl\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-left-8 { + left: -2rem; } - .xl\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:-top-9 { + top: -2.25rem; + } + + .lg\:-right-9 { + right: -2.25rem; } - .xl\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:-bottom-9 { + bottom: -2.25rem; } - .xl\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:-left-9 { + left: -2.25rem; } - .xl\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:-top-10 { + top: -2.5rem; } - .xl\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:-right-10 { + right: -2.5rem; } - .xl\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:-bottom-10 { + bottom: -2.5rem; } - .xl\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:-left-10 { + left: -2.5rem; } - .xl\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:-top-12 { + top: -3rem; } - .xl\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:-right-12 { + right: -3rem; } - .xl\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:-bottom-12 { + bottom: -3rem; } - .xl\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:-left-12 { + left: -3rem; } - .xl\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:-top-14 { + top: -3.5rem; } - .xl\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:-right-14 { + right: -3.5rem; } - .xl\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:-bottom-14 { + bottom: -3.5rem; } - .xl\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:-left-14 { + left: -3.5rem; } - .xl\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:-top-16 { + top: -4rem; } - .xl\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:-right-16 { + right: -4rem; } - .xl\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:-bottom-16 { + bottom: -4rem; } - .xl\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:-left-16 { + left: -4rem; } - .xl\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:-top-20 { + top: -5rem; } - .xl\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:-right-20 { + right: -5rem; } - .xl\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:-bottom-20 { + bottom: -5rem; } - .xl\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:-left-20 { + left: -5rem; } - .xl\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:-top-24 { + top: -6rem; } - .xl\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:-right-24 { + right: -6rem; } - .xl\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:-bottom-24 { + bottom: -6rem; } - .xl\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:-left-24 { + left: -6rem; } - .xl\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:-top-28 { + top: -7rem; } - .xl\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:-right-28 { + right: -7rem; } - .xl\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:-bottom-28 { + bottom: -7rem; } - .xl\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:-left-28 { + left: -7rem; } - .xl\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:-top-32 { + top: -8rem; } - .xl\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:-right-32 { + right: -8rem; } - .xl\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:-bottom-32 { + bottom: -8rem; } - .xl\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:-left-32 { + left: -8rem; } - .xl\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:-top-36 { + top: -9rem; } - .xl\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:-right-36 { + right: -9rem; } - .xl\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:-bottom-36 { + bottom: -9rem; } - .xl\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:-left-36 { + left: -9rem; } - .xl\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:-top-40 { + top: -10rem; } - .xl\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:-right-40 { + right: -10rem; } - .xl\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:-bottom-40 { + bottom: -10rem; } - .xl\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:-left-40 { + left: -10rem; } - .xl\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:-top-44 { + top: -11rem; } - .xl\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:-right-44 { + right: -11rem; } - .xl\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:-bottom-44 { + bottom: -11rem; } - .xl\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:-left-44 { + left: -11rem; } - .xl\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:-top-48 { + top: -12rem; } - .xl\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:-right-48 { + right: -12rem; } - .xl\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:-bottom-48 { + bottom: -12rem; } - .xl\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:-left-48 { + left: -12rem; } - .xl\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:-top-52 { + top: -13rem; } - .xl\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:-right-52 { + right: -13rem; } - .xl\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:-bottom-52 { + bottom: -13rem; } - .xl\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:-left-52 { + left: -13rem; } - .xl\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:-top-56 { + top: -14rem; } - .xl\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:-right-56 { + right: -14rem; } - .xl\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:-bottom-56 { + bottom: -14rem; } - .xl\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:-left-56 { + left: -14rem; } - .xl\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:-top-60 { + top: -15rem; } - .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)); + .lg\:-right-60 { + right: -15rem; } - .xl\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:-bottom-60 { + bottom: -15rem; } - .xl\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:-left-60 { + left: -15rem; } - .xl\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:-top-64 { + top: -16rem; } - .xl\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:-right-64 { + right: -16rem; } - .xl\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:-bottom-64 { + bottom: -16rem; } - .xl\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:-left-64 { + left: -16rem; } - .xl\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:-top-72 { + top: -18rem; } - .xl\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:-right-72 { + right: -18rem; } - .xl\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:-bottom-72 { + bottom: -18rem; } - .xl\:to-transparent { - --gradient-to-color: transparent; + .lg\:-left-72 { + left: -18rem; } - .xl\:to-current { - --gradient-to-color: currentColor; + .lg\:-top-80 { + top: -20rem; } - .xl\:to-black { - --gradient-to-color: #000; + .lg\:-right-80 { + right: -20rem; } - .xl\:to-white { - --gradient-to-color: #fff; + .lg\:-bottom-80 { + bottom: -20rem; } - .xl\:to-gray-50 { - --gradient-to-color: #fafafa; + .lg\:-left-80 { + left: -20rem; } - .xl\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .lg\:-top-96 { + top: -24rem; } - .xl\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .lg\:-right-96 { + right: -24rem; } - .xl\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .lg\:-bottom-96 { + bottom: -24rem; } - .xl\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .lg\:-left-96 { + left: -24rem; } - .xl\:to-gray-500 { - --gradient-to-color: #71717a; + .lg\:-top-px { + top: -1px; } - .xl\:to-gray-600 { - --gradient-to-color: #52525b; + .lg\:-right-px { + right: -1px; } - .xl\:to-gray-700 { - --gradient-to-color: #3f3f46; + .lg\:-bottom-px { + bottom: -1px; } - .xl\:to-gray-800 { - --gradient-to-color: #27272a; + .lg\:-left-px { + left: -1px; } - .xl\:to-gray-900 { - --gradient-to-color: #18181b; + .lg\:-top-0\.5 { + top: -0.125rem; } - .xl\:to-red-50 { - --gradient-to-color: #fef2f2; + .lg\:-right-0\.5 { + right: -0.125rem; } - .xl\:to-red-100 { - --gradient-to-color: #fee2e2; + .lg\:-bottom-0\.5 { + bottom: -0.125rem; } - .xl\:to-red-200 { - --gradient-to-color: #fecaca; + .lg\:-left-0\.5 { + left: -0.125rem; } - .xl\:to-red-300 { - --gradient-to-color: #fca5a5; + .lg\:-top-1\.5 { + top: -0.375rem; } - .xl\:to-red-400 { - --gradient-to-color: #f87171; + .lg\:-right-1\.5 { + right: -0.375rem; } - .xl\:to-red-500 { - --gradient-to-color: #ef4444; + .lg\:-bottom-1\.5 { + bottom: -0.375rem; } - .xl\:to-red-600 { - --gradient-to-color: #dc2626; + .lg\:-left-1\.5 { + left: -0.375rem; } - .xl\:to-red-700 { - --gradient-to-color: #b91c1c; + .lg\:-top-2\.5 { + top: -0.625rem; } - .xl\:to-red-800 { - --gradient-to-color: #991b1b; + .lg\:-right-2\.5 { + right: -0.625rem; } - .xl\:to-red-900 { - --gradient-to-color: #7f1d1d; + .lg\:-bottom-2\.5 { + bottom: -0.625rem; } - .xl\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .lg\:-left-2\.5 { + left: -0.625rem; } - .xl\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .lg\:-top-3\.5 { + top: -0.875rem; } - .xl\:to-yellow-200 { - --gradient-to-color: #fde68a; + .lg\:-right-3\.5 { + right: -0.875rem; } - .xl\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .lg\:-bottom-3\.5 { + bottom: -0.875rem; } - .xl\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .lg\:-left-3\.5 { + left: -0.875rem; } - .xl\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .lg\:top-1\/2 { + top: 50%; } - .xl\:to-yellow-600 { - --gradient-to-color: #d97706; + .lg\:right-1\/2 { + right: 50%; } - .xl\:to-yellow-700 { - --gradient-to-color: #b45309; + .lg\:bottom-1\/2 { + bottom: 50%; } - .xl\:to-yellow-800 { - --gradient-to-color: #92400e; + .lg\:left-1\/2 { + left: 50%; } - .xl\:to-yellow-900 { - --gradient-to-color: #78350f; + .lg\:top-1\/3 { + top: 33.333333%; } - .xl\:to-green-50 { - --gradient-to-color: #ecfdf5; + .lg\:right-1\/3 { + right: 33.333333%; } - .xl\:to-green-100 { - --gradient-to-color: #d1fae5; + .lg\:bottom-1\/3 { + bottom: 33.333333%; } - .xl\:to-green-200 { - --gradient-to-color: #a7f3d0; + .lg\:left-1\/3 { + left: 33.333333%; } - .xl\:to-green-300 { - --gradient-to-color: #6ee7b7; + .lg\:top-2\/3 { + top: 66.666667%; } - .xl\:to-green-400 { - --gradient-to-color: #34d399; + .lg\:right-2\/3 { + right: 66.666667%; } - .xl\:to-green-500 { - --gradient-to-color: #10b981; + .lg\:bottom-2\/3 { + bottom: 66.666667%; } - .xl\:to-green-600 { - --gradient-to-color: #059669; + .lg\:left-2\/3 { + left: 66.666667%; } - .xl\:to-green-700 { - --gradient-to-color: #047857; + .lg\:top-1\/4 { + top: 25%; } - .xl\:to-green-800 { - --gradient-to-color: #065f46; + .lg\:right-1\/4 { + right: 25%; } - .xl\:to-green-900 { - --gradient-to-color: #064e3b; + .lg\:bottom-1\/4 { + bottom: 25%; } - .xl\:to-blue-50 { - --gradient-to-color: #eff6ff; + .lg\:left-1\/4 { + left: 25%; } - .xl\:to-blue-100 { - --gradient-to-color: #dbeafe; + .lg\:top-2\/4 { + top: 50%; } - .xl\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .lg\:right-2\/4 { + right: 50%; } - .xl\:to-blue-300 { - --gradient-to-color: #93c5fd; + .lg\:bottom-2\/4 { + bottom: 50%; } - .xl\:to-blue-400 { - --gradient-to-color: #60a5fa; + .lg\:left-2\/4 { + left: 50%; } - .xl\:to-blue-500 { - --gradient-to-color: #3b82f6; + .lg\:top-3\/4 { + top: 75%; } - .xl\:to-blue-600 { - --gradient-to-color: #2563eb; + .lg\:right-3\/4 { + right: 75%; } - .xl\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .lg\:bottom-3\/4 { + bottom: 75%; } - .xl\:to-blue-800 { - --gradient-to-color: #1e40af; + .lg\:left-3\/4 { + left: 75%; } - .xl\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .lg\:top-full { + top: 100%; } - .xl\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .lg\:right-full { + right: 100%; } - .xl\:to-purple-100 { - --gradient-to-color: #ede9fe; + .lg\:bottom-full { + bottom: 100%; } - .xl\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .lg\:left-full { + left: 100%; } - .xl\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .lg\:-top-1\/2 { + top: -50%; } - .xl\:to-purple-400 { - --gradient-to-color: #a78bfa; + .lg\:-right-1\/2 { + right: -50%; } - .xl\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .lg\:-bottom-1\/2 { + bottom: -50%; } - .xl\:to-purple-600 { - --gradient-to-color: #7c3aed; + .lg\:-left-1\/2 { + left: -50%; } - .xl\:to-purple-700 { - --gradient-to-color: #6d28d9; + .lg\:-top-1\/3 { + top: -33.333333%; } - .xl\:to-purple-800 { - --gradient-to-color: #5b21b6; + .lg\:-right-1\/3 { + right: -33.333333%; } - .xl\:to-purple-900 { - --gradient-to-color: #4c1d95; + .lg\:-bottom-1\/3 { + bottom: -33.333333%; } - .xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .lg\:-left-1\/3 { + left: -33.333333%; } - .xl\:to-pink-100 { - --gradient-to-color: #fce7f3; + .lg\:-top-2\/3 { + top: -66.666667%; } - .xl\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .lg\:-right-2\/3 { + right: -66.666667%; } - .xl\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .lg\:-bottom-2\/3 { + bottom: -66.666667%; } - .xl\:to-pink-400 { - --gradient-to-color: #f472b6; + .lg\:-left-2\/3 { + left: -66.666667%; } - .xl\:to-pink-500 { - --gradient-to-color: #ec4899; + .lg\:-top-1\/4 { + top: -25%; } - .xl\:to-pink-600 { - --gradient-to-color: #db2777; + .lg\:-right-1\/4 { + right: -25%; } - .xl\:to-pink-700 { - --gradient-to-color: #be185d; + .lg\:-bottom-1\/4 { + bottom: -25%; } - .xl\:to-pink-800 { - --gradient-to-color: #9d174d; + .lg\:-left-1\/4 { + left: -25%; } - .xl\:to-pink-900 { - --gradient-to-color: #831843; + .lg\:-top-2\/4 { + top: -50%; } - .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)); + .lg\:-right-2\/4 { + right: -50%; } - .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)); + .lg\:-bottom-2\/4 { + bottom: -50%; } - .xl\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-left-2\/4 { + left: -50%; } - .xl\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-top-3\/4 { + top: -75%; } - .xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:-right-3\/4 { + right: -75%; } - .xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:-bottom-3\/4 { + bottom: -75%; } - .xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:-left-3\/4 { + left: -75%; } - .xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:-top-full { + top: -100%; } - .xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:-right-full { + right: -100%; } - .xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:-bottom-full { + bottom: -100%; } - .xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:-left-full { + left: -100%; } - .xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:resize-none { + resize: none; } - .xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:resize-y { + resize: vertical; } - .xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:resize-x { + resize: horizontal; } - .xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:resize { + resize: both; } - .xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .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); } - .xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .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); } - .xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .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); } - .xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:shadow-none { + box-shadow: none; } - .xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .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); } - .xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .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); } - .xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .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); } - .xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .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); } - .xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .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); } - .xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .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); } - .xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .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); } - .xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .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); } - .xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:fill-current { + fill: currentColor; } - .xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:stroke-current { + stroke: currentColor; } - .xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:stroke-0 { + stroke-width: 0; } - .xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:stroke-1 { + stroke-width: 1; } - .xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:stroke-2 { + stroke-width: 2; } - .xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:table-auto { + table-layout: auto; } - .xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:table-fixed { + table-layout: fixed; } - .xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:text-left { + text-align: left; } - .xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:text-center { + text-align: center; } - .xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:text-right { + text-align: right; } - .xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:text-justify { + text-align: justify; } - .xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:text-transparent { + color: transparent; } - .xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:text-current { + color: currentColor; } - .xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-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)); + .lg\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-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)); + .lg\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-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)); + .lg\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .lg\:group-hover\:text-transparent { + color: transparent; } - .xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .lg\:group-hover\:text-current { + color: currentColor; } - .xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .lg\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .lg\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .lg\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .lg\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .lg\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .lg\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-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)); + .group:hover .lg\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .lg\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .group:hover .lg\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .group:hover .lg\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .group:hover .lg\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .group:hover .lg\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .group:hover .lg\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .group:hover .lg\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .group:hover .lg\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .group:hover .lg\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .group:hover .lg\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .group:hover .lg\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:to-black:hover { - --gradient-to-color: #000; + .group:hover .lg\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:to-white:hover { - --gradient-to-color: #fff; + .group:hover .lg\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .group:hover .lg\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .group:hover .lg\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .group:hover .lg\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .group:hover .lg\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .group:hover .lg\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .group:hover .lg\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .group:hover .lg\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .group:hover .lg\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .group:hover .lg\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .group:hover .lg\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .group:hover .lg\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .group:hover .lg\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .group:hover .lg\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .group:hover .lg\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .group:hover .lg\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .group:hover .lg\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .group:hover .lg\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .group:hover .lg\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .group:hover .lg\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .group:hover .lg\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .group:hover .lg\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .group:hover .lg\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .group:hover .lg\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .group:hover .lg\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .group:hover .lg\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .group:hover .lg\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .group:hover .lg\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .group:hover .lg\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .group:hover .lg\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .group:hover .lg\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .group:hover .lg\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .group:hover .lg\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .group:hover .lg\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .group:hover .lg\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .group:hover .lg\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .group:hover .lg\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .group:hover .lg\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .group:hover .lg\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .group:hover .lg\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .group:hover .lg\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .group:hover .lg\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .group:hover .lg\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .group:hover .lg\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .group:hover .lg\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .group:hover .lg\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .group:hover .lg\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .group:hover .lg\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .group:hover .lg\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .group:hover .lg\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .group:hover .lg\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .group:hover .lg\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .group:hover .lg\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .lg\:hover\:text-current:hover { + color: currentColor; } - .xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .lg\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .lg\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .lg\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .lg\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .lg\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .lg\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .lg\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .lg\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .lg\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .lg\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .lg\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .lg\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .lg\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .lg\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .lg\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .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)); + .lg\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .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)); + .lg\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:focus\:text-transparent:focus { + color: transparent; } - .xl\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:focus\:text-current:focus { + color: currentColor; } - .xl\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .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)); + .lg\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .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)); + .lg\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .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)); + .lg\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:text-opacity-0 { + --text-opacity: 0; } - .xl\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:text-opacity-100 { + --text-opacity: 1; } - .xl\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .lg\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .xl\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .lg\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .lg\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .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)); + .group:hover .lg\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .lg\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .xl\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .xl\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .xl\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .xl\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .xl\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .xl\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .xl\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .xl\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .xl\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .lg\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .xl\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .lg\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .xl\:focus\:to-black:focus { - --gradient-to-color: #000; + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:focus\:to-white:focus { - --gradient-to-color: #fff; + .lg\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; + .lg\:overflow-clip { + text-overflow: clip; } - .xl\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; + .lg\:italic { + font-style: italic; } - .xl\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; + .lg\:not-italic { + font-style: normal; } - .xl\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; + .lg\:uppercase { + text-transform: uppercase; } - .xl\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; + .lg\:lowercase { + text-transform: lowercase; } - .xl\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; + .lg\:capitalize { + text-transform: capitalize; } - .xl\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; + .lg\:normal-case { + text-transform: none; } - .xl\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; + .lg\:underline { + text-decoration: underline; } - .xl\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; + .lg\:line-through { + text-decoration: line-through; } - .xl\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; + .lg\:no-underline { + text-decoration: none; } - .xl\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .xl\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; + .lg\:focus\:underline:focus { + text-decoration: underline; } - .xl\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; + .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .xl\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; + .lg\:normal-nums { + font-variant-numeric: normal; } - .xl\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; + .lg\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .xl\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; + .lg\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .xl\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; + .lg\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .xl\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; + .lg\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .xl\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; + .lg\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .xl\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; + .lg\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .xl\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; + .lg\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .xl\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; + .lg\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .xl\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .xl\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .xl\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; + .lg\:tracking-normal { + letter-spacing: 0; } - .xl\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .xl\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .xl\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .xl\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; + .lg\:select-none { + user-select: none; } - .xl\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; + .lg\:select-text { + user-select: text; } - .xl\:focus\:to-green-600:focus { - --gradient-to-color: #059669; + .lg\:select-all { + user-select: all; } - .xl\:focus\:to-green-700:focus { - --gradient-to-color: #047857; + .lg\:select-auto { + user-select: auto; } - .xl\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; + .lg\:align-baseline { + vertical-align: baseline; } - .xl\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; + .lg\:align-top { + vertical-align: top; } - .xl\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; + .lg\:align-middle { + vertical-align: middle; } - .xl\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; + .lg\:align-bottom { + vertical-align: bottom; } - .xl\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; + .lg\:align-text-top { + vertical-align: text-top; } - .xl\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; + .lg\:visible { + visibility: visible; } - .xl\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; + .lg\:invisible { + visibility: hidden; } - .xl\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; + .lg\:whitespace-normal { + white-space: normal; } - .xl\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; + .lg\:whitespace-pre { + white-space: pre; } - .xl\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .xl\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; + .lg\:break-words { + overflow-wrap: break-word; } - .xl\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; + .lg\:break-all { + word-break: break-all; } - .xl\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; + .lg\:w-0 { + width: 0; } - .xl\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; + .lg\:w-1 { + width: 0.25rem; } - .xl\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; + .lg\:w-2 { + width: 0.5rem; } - .xl\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; + .lg\:w-3 { + width: 0.75rem; } - .xl\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; + .lg\:w-4 { + width: 1rem; } - .xl\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; + .lg\:w-5 { + width: 1.25rem; } - .xl\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .lg\:w-6 { + width: 1.5rem; } - .xl\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; + .lg\:w-7 { + width: 1.75rem; } - .xl\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; + .lg\:w-8 { + width: 2rem; } - .xl\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; + .lg\:w-9 { + width: 2.25rem; } - .xl\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; + .lg\:w-10 { + width: 2.5rem; } - .xl\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; + .lg\:w-12 { + width: 3rem; } - .xl\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; + .lg\:w-14 { + width: 3.5rem; } - .xl\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; + .lg\:w-16 { + width: 4rem; } - .xl\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; + .lg\:w-20 { + width: 5rem; } - .xl\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; + .lg\:w-24 { + width: 6rem; } - @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)); - } + .lg\:w-28 { + width: 7rem; + } - .xl\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:w-32 { + width: 8rem; + } - .xl\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:w-36 { + width: 9rem; + } - .xl\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:w-40 { + width: 10rem; + } - .xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:w-44 { + width: 11rem; + } - .xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:w-48 { + width: 12rem; + } - .xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:w-52 { + width: 13rem; + } - .xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:w-56 { + width: 14rem; + } - .xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:w-60 { + width: 15rem; + } - .xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:w-64 { + width: 16rem; + } - .xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:w-72 { + width: 18rem; + } - .xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:w-80 { + width: 20rem; + } - .xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:w-96 { + width: 24rem; + } - .xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:w-auto { + width: auto; + } - .xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:w-px { + width: 1px; + } - .xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:w-0\.5 { + width: 0.125rem; + } - .xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:w-1\.5 { + width: 0.375rem; + } - .xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:w-2\.5 { + width: 0.625rem; + } - .xl\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:w-3\.5 { + width: 0.875rem; + } - .xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:w-1\/2 { + width: 50%; + } - .xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:w-1\/3 { + width: 33.333333%; + } - .xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:w-2\/3 { + width: 66.666667%; + } - .xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:w-1\/4 { + width: 25%; + } - .xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:w-2\/4 { + width: 50%; + } - .xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:w-3\/4 { + width: 75%; + } - .xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:w-1\/5 { + width: 20%; + } - .xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:w-2\/5 { + width: 40%; + } - .xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:w-3\/5 { + width: 60%; + } - .xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:w-4\/5 { + width: 80%; + } - .xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:w-1\/6 { + width: 16.666667%; + } - .xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:w-2\/6 { + width: 33.333333%; + } - .xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:w-3\/6 { + width: 50%; + } - .xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:w-4\/6 { + width: 66.666667%; + } - .xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:w-5\/6 { + width: 83.333333%; + } - .xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:w-1\/12 { + width: 8.333333%; + } - .xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:w-2\/12 { + width: 16.666667%; + } - .xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:w-3\/12 { + width: 25%; + } - .xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:w-4\/12 { + width: 33.333333%; + } - .xl\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:w-5\/12 { + width: 41.666667%; + } - .xl\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:w-6\/12 { + width: 50%; + } - .xl\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:w-7\/12 { + width: 58.333333%; + } - .xl\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:w-8\/12 { + width: 66.666667%; + } - .xl\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:w-9\/12 { + width: 75%; + } - .xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:w-10\/12 { + width: 83.333333%; + } - .xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:w-11\/12 { + width: 91.666667%; + } - .xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:w-full { + width: 100%; + } - .xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:w-screen { + width: 100vw; + } - .xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:w-min { + width: min-content; + } - .xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:w-max { + width: max-content; + } - .xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:z-0 { + z-index: 0; + } - .xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:z-10 { + z-index: 10; + } - .xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:z-20 { + z-index: 20; + } - .xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:z-30 { + z-index: 30; + } - .xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:z-40 { + z-index: 40; + } - .xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:z-50 { + z-index: 50; + } - .xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:z-auto { + z-index: auto; + } - .xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:focus\:z-0:focus { + z-index: 0; + } - .xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:focus\:z-10:focus { + z-index: 10; + } - .xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:focus\:z-20:focus { + z-index: 20; + } - .xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:focus\:z-30:focus { + z-index: 30; + } - .xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:focus\:z-40:focus { + z-index: 40; + } - .xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:focus\:z-50:focus { + z-index: 50; + } - .xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:focus\:z-auto:focus { + z-index: auto; + } - .xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:gap-0 { + grid-gap: 0; + gap: 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)); - } + .lg\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; + } - .xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; + } - .xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; + } - .xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:gap-4 { + grid-gap: 1rem; + gap: 1rem; + } - .xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; + } - .xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; + } - .xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; + } - .xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:gap-8 { + grid-gap: 2rem; + gap: 2rem; + } - .xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; + } - .xl\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; + } - .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)); - } + .lg\:gap-12 { + grid-gap: 3rem; + gap: 3rem; + } - .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)); - } + .lg\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; + } - .xl\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:gap-16 { + grid-gap: 4rem; + gap: 4rem; + } - .xl\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:gap-20 { + grid-gap: 5rem; + gap: 5rem; + } - .xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:gap-24 { + grid-gap: 6rem; + gap: 6rem; + } - .xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:gap-28 { + grid-gap: 7rem; + gap: 7rem; + } - .xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:gap-32 { + grid-gap: 8rem; + gap: 8rem; + } - .xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:gap-36 { + grid-gap: 9rem; + gap: 9rem; + } - .xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:gap-40 { + grid-gap: 10rem; + gap: 10rem; + } - .xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:gap-44 { + grid-gap: 11rem; + gap: 11rem; + } - .xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:gap-48 { + grid-gap: 12rem; + gap: 12rem; + } - .xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:gap-52 { + grid-gap: 13rem; + gap: 13rem; + } - .xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:gap-56 { + grid-gap: 14rem; + gap: 14rem; + } - .xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:gap-60 { + grid-gap: 15rem; + gap: 15rem; + } - .xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:gap-64 { + grid-gap: 16rem; + gap: 16rem; + } - .xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:gap-72 { + grid-gap: 18rem; + gap: 18rem; + } - .xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:gap-80 { + grid-gap: 20rem; + gap: 20rem; + } - .xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:gap-96 { + grid-gap: 24rem; + gap: 24rem; + } - .xl\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:gap-px { + grid-gap: 1px; + gap: 1px; + } - .xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; + } - .xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; + } - .xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; + } - .xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; + } - .xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; + } - .xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; + } - .xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; + } - .xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; + } - .xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; + } - .xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; + } - .xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; + } - .xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; + } - .xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; + } - .xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; + } - .xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; + } - .xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; + } - .xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; + } - .xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; + } - .xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; + } - .xl\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; + } - .xl\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; + } - .xl\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; + } - .xl\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; + } - .xl\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; + } - .xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; + } - .xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; + } - .xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; + } - .xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; + } - .xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; + } - .xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; + } - .xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; + } - .xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; + } - .xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; + } - .xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; + } - .xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; + } - .xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; + } - .xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; + } - .xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; + } - .xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; + } - .xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; + } - .xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; + } - .xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; + } - .xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; + } - .xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; + } - .xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; + } - .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)); - } + .lg\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; + } - .xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; + } - .xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; + } - .xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; + } - .xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; + } - .xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; + } - .xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; + } - .xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; + } - .xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; + } - .xl\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; + } - .xl\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .lg\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; + } - .xl\:dark\:to-current { - --gradient-to-color: currentColor; - } + .lg\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; + } - .xl\:dark\:to-black { - --gradient-to-color: #000; - } + .lg\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; + } - .xl\:dark\:to-white { - --gradient-to-color: #fff; - } + .lg\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; + } - .xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .lg\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; + } - .xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .lg\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; + } - .xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .lg\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; + } - .xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .lg\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; + } - .xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .lg\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; + } - .xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .lg\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; + } - .xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .lg\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; + } - .xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .lg\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; + } - .xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .lg\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; + } - .xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .lg\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; + } - .xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .lg\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; + } - .xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .lg\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; + } - .xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .lg\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; + } - .xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .lg\:grid-flow-row { + grid-auto-flow: row; + } - .xl\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .lg\:grid-flow-col { + grid-auto-flow: column; + } - .xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; + } - .xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; + } - .xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } - .xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } - .xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .lg\:grid-cols-none { + grid-template-columns: none; + } - .xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .lg\:auto-cols-auto { + grid-auto-columns: auto; + } - .xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .lg\:auto-cols-min { + grid-auto-columns: min-content; + } - .xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .lg\:auto-cols-max { + grid-auto-columns: max-content; + } - .xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .lg\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); + } - .xl\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .lg\:col-auto { + grid-column: auto; + } - .xl\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } - .xl\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } - .xl\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } - .xl\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } - .xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } - .xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .lg\:col-span-6 { + grid-column: span 6 / span 6; + } - .xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .lg\:col-span-7 { + grid-column: span 7 / span 7; + } - .xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .lg\:col-span-8 { + grid-column: span 8 / span 8; + } - .xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .lg\:col-span-9 { + grid-column: span 9 / span 9; + } - .xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .lg\:col-span-10 { + grid-column: span 10 / span 10; + } - .xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .lg\:col-span-11 { + grid-column: span 11 / span 11; + } - .xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .lg\:col-span-12 { + grid-column: span 12 / span 12; + } - .xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .lg\:col-span-full { + grid-column: 1 / -1; + } - .xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .lg\:col-start-1 { + grid-column-start: 1; + } - .xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .lg\:col-start-2 { + grid-column-start: 2; + } - .xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .lg\:col-start-3 { + grid-column-start: 3; + } - .xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .lg\:col-start-4 { + grid-column-start: 4; + } - .xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .lg\:col-start-5 { + grid-column-start: 5; + } - .xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .lg\:col-start-6 { + grid-column-start: 6; + } - .xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .lg\:col-start-7 { + grid-column-start: 7; + } - .xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .lg\:col-start-8 { + grid-column-start: 8; + } - .xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .lg\:col-start-9 { + grid-column-start: 9; + } - .xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .lg\:col-start-10 { + grid-column-start: 10; + } - .xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .lg\:col-start-11 { + grid-column-start: 11; + } - .xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .lg\:col-start-12 { + grid-column-start: 12; + } - .xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .lg\:col-start-13 { + grid-column-start: 13; + } - .xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .lg\:col-start-auto { + grid-column-start: auto; + } - .xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .lg\:col-end-1 { + grid-column-end: 1; + } - .xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .lg\:col-end-2 { + grid-column-end: 2; + } - .xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .lg\:col-end-3 { + grid-column-end: 3; + } - .xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .lg\:col-end-4 { + grid-column-end: 4; + } - .xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .lg\:col-end-5 { + grid-column-end: 5; + } - .xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .lg\:col-end-6 { + grid-column-end: 6; + } - .xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .lg\:col-end-7 { + grid-column-end: 7; + } - .xl\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .lg\:col-end-8 { + grid-column-end: 8; + } - .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)); - } + .lg\:col-end-9 { + grid-column-end: 9; + } - .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)); - } + .lg\:col-end-10 { + grid-column-end: 10; + } - .xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:col-end-11 { + grid-column-end: 11; + } - .xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:col-end-12 { + grid-column-end: 12; + } - .xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:col-end-13 { + grid-column-end: 13; + } - .xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:col-end-auto { + grid-column-end: auto; + } - .xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:grid-rows-none { + grid-template-rows: none; + } - .xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:auto-rows-auto { + grid-auto-rows: auto; + } - .xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:auto-rows-min { + grid-auto-rows: min-content; + } - .xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:auto-rows-max { + grid-auto-rows: max-content; + } - .xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); + } - .xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:row-auto { + grid-row: auto; + } - .xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:row-span-1 { + grid-row: span 1 / span 1; + } - .xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:row-span-2 { + grid-row: span 2 / span 2; + } - .xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:row-span-3 { + grid-row: span 3 / span 3; + } - .xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:row-span-4 { + grid-row: span 4 / span 4; + } - .xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:row-span-5 { + grid-row: span 5 / span 5; + } - .xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:row-span-6 { + grid-row: span 6 / span 6; + } - .xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:row-span-full { + grid-row: 1 / -1; + } - .xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:row-start-1 { + grid-row-start: 1; + } - .xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:row-start-2 { + grid-row-start: 2; + } - .xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:row-start-3 { + grid-row-start: 3; + } - .xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:row-start-4 { + grid-row-start: 4; + } - .xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:row-start-5 { + grid-row-start: 5; + } - .xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:row-start-6 { + grid-row-start: 6; + } - .xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:row-start-7 { + grid-row-start: 7; + } - .xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:row-start-auto { + grid-row-start: auto; + } - .xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:row-end-1 { + grid-row-end: 1; + } - .xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:row-end-2 { + grid-row-end: 2; + } - .xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:row-end-3 { + grid-row-end: 3; + } - .xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:row-end-4 { + grid-row-end: 4; + } - .xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:row-end-5 { + grid-row-end: 5; + } - .xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:row-end-6 { + grid-row-end: 6; + } - .xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:row-end-7 { + grid-row-end: 7; + } - .xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:row-end-auto { + grid-row-end: auto; + } - .xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .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\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:transform-none { + transform: none; + } - .xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:origin-center { + transform-origin: center; + } - .xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:origin-top { + transform-origin: top; + } - .xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:origin-top-right { + transform-origin: top right; + } - .xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:origin-right { + transform-origin: right; + } - .xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:origin-bottom-right { + transform-origin: bottom right; + } - .xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:origin-bottom { + transform-origin: bottom; + } - .xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:origin-bottom-left { + transform-origin: bottom left; + } - .xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:origin-left { + transform-origin: left; + } - .xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:origin-top-left { + transform-origin: top left; + } - .xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:scale-x-0 { + --transform-scale-x: 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)); - } + .lg\:scale-x-50 { + --transform-scale-x: .5; + } - .xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:scale-x-75 { + --transform-scale-x: .75; + } - .xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:scale-x-90 { + --transform-scale-x: .9; + } - .xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:scale-x-95 { + --transform-scale-x: .95; + } - .xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:scale-x-100 { + --transform-scale-x: 1; + } - .xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:scale-x-105 { + --transform-scale-x: 1.05; + } - .xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:scale-x-110 { + --transform-scale-x: 1.1; + } - .xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:scale-x-125 { + --transform-scale-x: 1.25; + } - .xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:scale-x-150 { + --transform-scale-x: 1.5; + } - .xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:scale-y-0 { + --transform-scale-y: 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)); - } + .lg\:scale-y-50 { + --transform-scale-y: .5; + } - .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)); - } + .lg\:scale-y-75 { + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:scale-y-90 { + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:scale-y-95 { + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:scale-y-100 { + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:scale-y-105 { + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:scale-y-110 { + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:scale-y-125 { + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:scale-y-150 { + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0; + } - .xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5; + } - .xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75; + } - .xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9; + } - .xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95; + } - .xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1; + } - .xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; + } - .xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; + } - .xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; + } - .xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; + } - .xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0; + } - .xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5; + } - .xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75; + } - .xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9; + } - .xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95; + } - .xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1; + } - .xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; + } - .xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; + } - .xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; + } - .xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; + } - .xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95; + } - .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)); - } + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:rotate-0 { + --transform-rotate: 0; + } - .xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:rotate-1 { + --transform-rotate: 1deg; + } - .xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:rotate-2 { + --transform-rotate: 2deg; + } - .xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:rotate-3 { + --transform-rotate: 3deg; + } - .xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:rotate-6 { + --transform-rotate: 6deg; + } - .xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .lg\:rotate-12 { + --transform-rotate: 12deg; + } - .xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .lg\:rotate-45 { + --transform-rotate: 45deg; + } - .xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .lg\:rotate-90 { + --transform-rotate: 90deg; + } - .xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .lg\:rotate-180 { + --transform-rotate: 180deg; + } - .xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .lg\:-rotate-180 { + --transform-rotate: -180deg; + } - .xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .lg\:-rotate-90 { + --transform-rotate: -90deg; + } - .xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .lg\:-rotate-45 { + --transform-rotate: -45deg; + } - .xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .lg\:-rotate-12 { + --transform-rotate: -12deg; + } - .xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .lg\:-rotate-6 { + --transform-rotate: -6deg; + } - .xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .lg\:-rotate-3 { + --transform-rotate: -3deg; + } - .xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .lg\:-rotate-2 { + --transform-rotate: -2deg; + } - .xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .lg\:-rotate-1 { + --transform-rotate: -1deg; + } - .xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0; + } - .xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .lg\:hover\:rotate-1:hover { + --transform-rotate: 1deg; + } - .xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .lg\:hover\:rotate-2:hover { + --transform-rotate: 2deg; + } - .xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .lg\:hover\:rotate-3:hover { + --transform-rotate: 3deg; + } - .xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .lg\:hover\:rotate-6:hover { + --transform-rotate: 6deg; + } - .xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .lg\:hover\:rotate-12:hover { + --transform-rotate: 12deg; + } - .xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg; + } - .xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg; + } - .xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg; + } - .xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; + } - .xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; + } - .xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; + } - .xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .lg\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; + } - .xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .lg\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; + } - .xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .lg\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; + } - .xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .lg\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; + } - .xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .lg\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; + } - .xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0; + } - .xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .lg\:focus\:rotate-1:focus { + --transform-rotate: 1deg; + } - .xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .lg\:focus\:rotate-2:focus { + --transform-rotate: 2deg; + } - .xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .lg\:focus\:rotate-3:focus { + --transform-rotate: 3deg; + } - .xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .lg\:focus\:rotate-6:focus { + --transform-rotate: 6deg; + } - .xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .lg\:focus\:rotate-12:focus { + --transform-rotate: 12deg; + } - .xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg; + } - .xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg; + } - .xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg; + } - .xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; + } - .xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; + } - .xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; + } - .xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .lg\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; + } - .xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .lg\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; + } - .xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .lg\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; + } - .xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .lg\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; + } - .xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .lg\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; + } - .xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .lg\:translate-x-0 { + --transform-translate-x: 0; + } - .xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem; + } - .xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .lg\:translate-x-4 { + --transform-translate-x: 1rem; + } - .xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .lg\:translate-x-7 { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .lg\:translate-x-8 { + --transform-translate-x: 2rem; + } - .xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .lg\:translate-x-9 { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .lg\:translate-x-12 { + --transform-translate-x: 3rem; + } - .xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .lg\:translate-x-14 { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .lg\:translate-x-16 { + --transform-translate-x: 4rem; + } - .xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .lg\:translate-x-20 { + --transform-translate-x: 5rem; + } - .xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .lg\:translate-x-24 { + --transform-translate-x: 6rem; + } - .xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .lg\:translate-x-28 { + --transform-translate-x: 7rem; + } - .xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .lg\:translate-x-32 { + --transform-translate-x: 8rem; + } - .xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .lg\:translate-x-36 { + --transform-translate-x: 9rem; + } - .xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .lg\:translate-x-40 { + --transform-translate-x: 10rem; + } - .xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .lg\:translate-x-44 { + --transform-translate-x: 11rem; + } - .xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .lg\:translate-x-48 { + --transform-translate-x: 12rem; + } - .xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .lg\:translate-x-52 { + --transform-translate-x: 13rem; + } - .xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .lg\:translate-x-56 { + --transform-translate-x: 14rem; + } - .xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .lg\:translate-x-60 { + --transform-translate-x: 15rem; + } - .xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .lg\:translate-x-64 { + --transform-translate-x: 16rem; + } - .xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .lg\:translate-x-72 { + --transform-translate-x: 18rem; + } - .xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .lg\:translate-x-80 { + --transform-translate-x: 20rem; + } - .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)); - } + .lg\:translate-x-96 { + --transform-translate-x: 24rem; + } - .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)); - } + .lg\:translate-x-px { + --transform-translate-x: 1px; + } - .xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:-translate-x-4 { + --transform-translate-x: -1rem; + } - .xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:-translate-x-8 { + --transform-translate-x: -2rem; + } - .xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:-translate-x-9 { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:-translate-x-12 { + --transform-translate-x: -3rem; + } - .xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:-translate-x-14 { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:-translate-x-16 { + --transform-translate-x: -4rem; + } - .xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:-translate-x-20 { + --transform-translate-x: -5rem; + } - .xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:-translate-x-24 { + --transform-translate-x: -6rem; + } - .xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:-translate-x-28 { + --transform-translate-x: -7rem; + } - .xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:-translate-x-32 { + --transform-translate-x: -8rem; + } - .xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:-translate-x-36 { + --transform-translate-x: -9rem; + } - .xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:-translate-x-40 { + --transform-translate-x: -10rem; + } - .xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:-translate-x-44 { + --transform-translate-x: -11rem; + } - .xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:-translate-x-48 { + --transform-translate-x: -12rem; + } - .xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:-translate-x-52 { + --transform-translate-x: -13rem; + } - .xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:-translate-x-56 { + --transform-translate-x: -14rem; + } - .xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:-translate-x-60 { + --transform-translate-x: -15rem; + } - .xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:-translate-x-64 { + --transform-translate-x: -16rem; + } - .xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:-translate-x-72 { + --transform-translate-x: -18rem; + } - .xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:-translate-x-80 { + --transform-translate-x: -20rem; + } - .xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:-translate-x-96 { + --transform-translate-x: -24rem; + } - .xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:-translate-x-px { + --transform-translate-x: -1px; + } - .xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:translate-x-1\/2 { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:translate-x-1\/4 { + --transform-translate-x: 25%; + } - .xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:translate-x-2\/4 { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:translate-x-3\/4 { + --transform-translate-x: 75%; + } - .xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:translate-x-full { + --transform-translate-x: 100%; + } - .xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:-translate-x-1\/4 { + --transform-translate-x: -25%; + } - .xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:-translate-x-2\/4 { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:-translate-x-3\/4 { + --transform-translate-x: -75%; + } - .xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:-translate-x-full { + --transform-translate-x: -100%; + } - .xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:translate-y-0 { + --transform-translate-y: 0; + } - .xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:translate-y-4 { + --transform-translate-y: 1rem; + } - .xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem; + } - .xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:translate-y-7 { + --transform-translate-y: 1.75rem; + } - .xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:translate-y-8 { + --transform-translate-y: 2rem; + } - .xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:translate-y-9 { + --transform-translate-y: 2.25rem; + } - .xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem; + } - .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)); - } + .lg\:translate-y-12 { + --transform-translate-y: 3rem; + } - .xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:translate-y-14 { + --transform-translate-y: 3.5rem; + } - .xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:translate-y-16 { + --transform-translate-y: 4rem; + } - .xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:translate-y-20 { + --transform-translate-y: 5rem; + } - .xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:translate-y-24 { + --transform-translate-y: 6rem; + } - .xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:translate-y-28 { + --transform-translate-y: 7rem; + } - .xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:translate-y-32 { + --transform-translate-y: 8rem; + } - .xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:translate-y-36 { + --transform-translate-y: 9rem; + } - .xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:translate-y-40 { + --transform-translate-y: 10rem; + } - .xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:translate-y-44 { + --transform-translate-y: 11rem; + } - .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)); - } + .lg\:translate-y-48 { + --transform-translate-y: 12rem; + } - .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)); - } + .lg\:translate-y-52 { + --transform-translate-y: 13rem; + } - .xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:translate-y-56 { + --transform-translate-y: 14rem; + } - .xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:translate-y-60 { + --transform-translate-y: 15rem; + } - .xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:translate-y-64 { + --transform-translate-y: 16rem; + } - .xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:translate-y-72 { + --transform-translate-y: 18rem; + } - .xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:translate-y-80 { + --transform-translate-y: 20rem; + } - .xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:translate-y-96 { + --transform-translate-y: 24rem; + } - .xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:translate-y-px { + --transform-translate-y: 1px; + } - .xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; + } - .xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; + } - .xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; + } - .xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; + } - .xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem; + } - .xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem; + } - .xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem; + } - .xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:-translate-y-4 { + --transform-translate-y: -1rem; + } - .xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem; + } - .xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem; + } - .xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:-translate-y-7 { + --transform-translate-y: -1.75rem; + } - .xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:-translate-y-8 { + --transform-translate-y: -2rem; + } - .xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:-translate-y-9 { + --transform-translate-y: -2.25rem; + } - .xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem; + } - .xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:-translate-y-12 { + --transform-translate-y: -3rem; + } - .xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:-translate-y-14 { + --transform-translate-y: -3.5rem; + } - .xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:-translate-y-16 { + --transform-translate-y: -4rem; + } - .xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:-translate-y-20 { + --transform-translate-y: -5rem; + } - .xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:-translate-y-24 { + --transform-translate-y: -6rem; + } - .xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:-translate-y-28 { + --transform-translate-y: -7rem; + } - .xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:-translate-y-32 { + --transform-translate-y: -8rem; + } - .xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:-translate-y-36 { + --transform-translate-y: -9rem; + } - .xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:-translate-y-40 { + --transform-translate-y: -10rem; + } - .xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:-translate-y-44 { + --transform-translate-y: -11rem; + } - .xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:-translate-y-48 { + --transform-translate-y: -12rem; + } - .xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:-translate-y-52 { + --transform-translate-y: -13rem; + } - .xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:-translate-y-56 { + --transform-translate-y: -14rem; + } - .xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:-translate-y-60 { + --transform-translate-y: -15rem; + } - .xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:-translate-y-64 { + --transform-translate-y: -16rem; + } - .xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:-translate-y-72 { + --transform-translate-y: -18rem; + } - .xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:-translate-y-80 { + --transform-translate-y: -20rem; + } - .xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:-translate-y-96 { + --transform-translate-y: -24rem; + } - .xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:-translate-y-px { + --transform-translate-y: -1px; + } - .xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; + } - .xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; + } - .xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; + } - .xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; + } - .xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:translate-y-1\/2 { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; + } - .xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; + } - .xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:translate-y-1\/4 { + --transform-translate-y: 25%; + } - .xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:translate-y-2\/4 { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:translate-y-3\/4 { + --transform-translate-y: 75%; + } - .xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:translate-y-full { + --transform-translate-y: 100%; + } - .xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; + } - .xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; + } - .xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:-translate-y-1\/4 { + --transform-translate-y: -25%; + } - .xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:-translate-y-2\/4 { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:-translate-y-3\/4 { + --transform-translate-y: -75%; + } - .xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:-translate-y-full { + --transform-translate-y: -100%; + } - .xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0; + } - .xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; + } - .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)); - } + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; + } - .xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; + } - .xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; + } - .xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; + } - .xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; + } - .xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; + } - .xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .lg\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; + } - .xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; + } - .xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .lg\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; + } - .xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; + } - .xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .lg\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; + } - .xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; + } - .xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .lg\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; + } - .xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; + } - .xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .lg\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; + } - .xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; + } - .xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .lg\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; + } - .xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .lg\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; + } - .xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .lg\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; + } - .xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; + } - .xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .lg\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .lg\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .lg\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .lg\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; + } - .xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .lg\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; + } - .xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .lg\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; + } - .xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .lg\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; + } - .xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; + } - .xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; + } - .xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .lg\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; + } - .xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; + } - .xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .lg\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; + } - .xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; + } - .xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .lg\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; + } - .xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; + } - .xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .lg\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; + } - .xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; + } - .xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .lg\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; + } - .xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; + } - .xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .lg\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; + } - .xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .lg\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; + } - .xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .lg\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; + } - .xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; + } - .xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .lg\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .lg\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .lg\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .lg\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .lg\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .lg\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .lg\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; + } - .xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .lg\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .lg\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; + } - .xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; + } - .xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .lg\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .lg\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .lg\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; + } - .xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .lg\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .lg\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; + } - .xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; + } - .xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0; + } - .xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; + } - .xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .xl\:bg-opacity-0 { - --bg-opacity: 0; + .lg\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .xl\:bg-opacity-25 { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .xl\:bg-opacity-50 { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .xl\:bg-opacity-75 { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .xl\:bg-opacity-100 { - --bg-opacity: 1; + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .group:hover .xl\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; + .lg\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .group:hover .xl\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .group:hover .xl\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .group:hover .xl\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .group:hover .xl\:group-hover\:bg-opacity-100 { - --bg-opacity: 1; + .lg\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .xl\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .xl\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .xl\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .xl\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .xl\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .xl\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .lg\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .xl\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .xl\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .xl\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .xl\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .lg\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .xl\:bg-bottom { - background-position: bottom; + .lg\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .xl\:bg-center { - background-position: center; + .lg\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .xl\:bg-left { - background-position: left; + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .xl\:bg-left-bottom { - background-position: left bottom; + .lg\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .xl\:bg-left-top { - background-position: left top; + .lg\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .xl\:bg-right { - background-position: right; + .lg\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .xl\:bg-right-bottom { - background-position: right bottom; + .lg\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .xl\:bg-right-top { - background-position: right top; + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .xl\:bg-top { - background-position: top; + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .xl\:bg-repeat { - background-repeat: repeat; + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .xl\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .xl\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .xl\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .xl\:bg-repeat-round { - background-repeat: round; + .lg\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .xl\:bg-repeat-space { - background-repeat: space; + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .xl\:bg-auto { - background-size: auto; + .lg\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .xl\:bg-cover { - background-size: cover; + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .xl\:bg-contain { - background-size: contain; + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .xl\:border-collapse { - border-collapse: collapse; + .lg\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .xl\:border-separate { - border-collapse: separate; + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .xl\:border-transparent { - border-color: transparent; + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .xl\:border-current { - border-color: currentColor; + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .xl\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .xl\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .xl\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .xl\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .xl\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .xl\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .xl\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .xl\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .xl\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .xl\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .xl\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .xl\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .xl\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .xl\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .xl\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .xl\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .xl\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .xl\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .xl\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .xl\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .xl\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .xl\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .xl\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .xl\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .xl\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .xl\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .xl\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .xl\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .xl\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .xl\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .xl\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .xl\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .xl\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .xl\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .xl\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .xl\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .xl\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .xl\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .xl\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .xl\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .xl\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .xl\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .xl\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .xl\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .xl\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .xl\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .xl\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .xl\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .xl\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .xl\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .xl\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .xl\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .xl\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .xl\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .xl\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .xl\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .xl\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .xl\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .xl\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .xl\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .xl\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .xl\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .xl\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .xl\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .xl\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .xl\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .xl\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .xl\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .xl\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .xl\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .xl\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .xl\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .lg\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .group:hover .xl\:group-hover\:border-transparent { - border-color: transparent; + .lg\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .group:hover .xl\:group-hover\:border-current { - border-color: currentColor; + .lg\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .group:hover .xl\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .group:hover .xl\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .group:hover .xl\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .group:hover .xl\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .group:hover .xl\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .group:hover .xl\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .group:hover .xl\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .group:hover .xl\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .group:hover .xl\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .group:hover .xl\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .group:hover .xl\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .group:hover .xl\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .group:hover .xl\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .group:hover .xl\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .group:hover .xl\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .group:hover .xl\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .group:hover .xl\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .group:hover .xl\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .group:hover .xl\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .group:hover .xl\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .group:hover .xl\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .group:hover .xl\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .group:hover .xl\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .group:hover .xl\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .group:hover .xl\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .group:hover .xl\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .group:hover .xl\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .group:hover .xl\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .group:hover .xl\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .group:hover .xl\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .group:hover .xl\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .group:hover .xl\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .group:hover .xl\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .group:hover .xl\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .group:hover .xl\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .group:hover .xl\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .group:hover .xl\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .group:hover .xl\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .group:hover .xl\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .group:hover .xl\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .group:hover .xl\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .group:hover .xl\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .group:hover .xl\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .group:hover .xl\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .group:hover .xl\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .group:hover .xl\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .group:hover .xl\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .group:hover .xl\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .group:hover .xl\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .group:hover .xl\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .group:hover .xl\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .group:hover .xl\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .group:hover .xl\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .group:hover .xl\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .group:hover .xl\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .group:hover .xl\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .group:hover .xl\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .group:hover .xl\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .group:hover .xl\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .group:hover .xl\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .group:hover .xl\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .group:hover .xl\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .group:hover .xl\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .group:hover .xl\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .group:hover .xl\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .group:hover .xl\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .group:hover .xl\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .group:hover .xl\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .group:hover .xl\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .group:hover .xl\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .group:hover .xl\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .group:hover .xl\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .lg\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .xl\:hover\:border-current:hover { - border-color: currentColor; + .lg\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .xl\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .xl\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .xl\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .xl\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .xl\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .xl\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .xl\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .xl\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .xl\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .xl\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .xl\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .xl\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .xl\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .xl\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .xl\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .xl\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .xl\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .xl\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .xl\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .xl\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .xl\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .xl\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .xl\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .xl\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .xl\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .xl\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .xl\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .xl\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .xl\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .xl\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .xl\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .xl\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .xl\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .xl\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .xl\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .xl\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .xl\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .xl\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .xl\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .xl\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .xl\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .xl\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .xl\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .xl\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .xl\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .xl\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .xl\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:skew-x-0 { + --transform-skew-x: 0; } - .xl\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:skew-x-1 { + --transform-skew-x: 1deg; } - .xl\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:skew-x-2 { + --transform-skew-x: 2deg; } - .xl\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:skew-x-3 { + --transform-skew-x: 3deg; } - .xl\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:skew-x-6 { + --transform-skew-x: 6deg; } - .xl\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:skew-x-12 { + --transform-skew-x: 12deg; } - .xl\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:-skew-x-12 { + --transform-skew-x: -12deg; } - .xl\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:-skew-x-6 { + --transform-skew-x: -6deg; } - .xl\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:-skew-x-3 { + --transform-skew-x: -3deg; } - .xl\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:-skew-x-2 { + --transform-skew-x: -2deg; } - .xl\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:-skew-x-1 { + --transform-skew-x: -1deg; } - .xl\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:skew-y-0 { + --transform-skew-y: 0; } - .xl\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:skew-y-1 { + --transform-skew-y: 1deg; } - .xl\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:skew-y-2 { + --transform-skew-y: 2deg; } - .xl\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:skew-y-3 { + --transform-skew-y: 3deg; } - .xl\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:skew-y-6 { + --transform-skew-y: 6deg; } - .xl\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:skew-y-12 { + --transform-skew-y: 12deg; } - .xl\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:-skew-y-12 { + --transform-skew-y: -12deg; } - .xl\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:-skew-y-6 { + --transform-skew-y: -6deg; } - .xl\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:-skew-y-3 { + --transform-skew-y: -3deg; } - .xl\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:-skew-y-2 { + --transform-skew-y: -2deg; } - .xl\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:-skew-y-1 { + --transform-skew-y: -1deg; } - .xl\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .xl\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .xl\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .xl\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .xl\:focus\:border-transparent:focus { - border-color: transparent; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .xl\:focus\:border-current:focus { - border-color: currentColor; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .xl\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .xl\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .xl\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .xl\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .xl\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .xl\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .xl\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .xl\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .xl\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .xl\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .xl\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .xl\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .xl\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .xl\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .xl\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .xl\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .xl\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .xl\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .xl\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .xl\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .xl\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .xl\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .xl\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .xl\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .xl\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .xl\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .xl\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .xl\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .xl\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .xl\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .xl\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .xl\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .xl\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .xl\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .xl\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .xl\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .xl\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .xl\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .xl\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:transition-none { + transition-property: none; } - .xl\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:transition-all { + transition-property: all; } - .xl\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .xl\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .xl\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:transition-opacity { + transition-property: opacity; } - .xl\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:transition-shadow { + transition-property: box-shadow; } - .xl\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:transition-transform { + transition-property: transform; } - .xl\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:ease-linear { + transition-timing-function: linear; } - .xl\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .xl\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .xl\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .xl\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:duration-75 { + transition-duration: 75ms; } - .xl\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:duration-100 { + transition-duration: 100ms; } - .xl\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:duration-150 { + transition-duration: 150ms; } - .xl\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:duration-200 { + transition-duration: 200ms; } - .xl\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:duration-300 { + transition-duration: 300ms; } - .xl\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:duration-500 { + transition-duration: 500ms; } - .xl\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:duration-700 { + transition-duration: 700ms; } - .xl\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:duration-1000 { + transition-duration: 1000ms; } - .xl\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:delay-75 { + transition-delay: 75ms; } - .xl\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:delay-100 { + transition-delay: 100ms; } - .xl\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:delay-150 { + transition-delay: 150ms; } - .xl\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:delay-200 { + transition-delay: 200ms; } - .xl\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:delay-300 { + transition-delay: 300ms; } - .xl\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:delay-500 { + transition-delay: 500ms; } - .xl\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:delay-700 { + transition-delay: 700ms; } - .xl\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:delay-1000 { + transition-delay: 1000ms; } - .xl\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:animate-none { + animation: none; } - .xl\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:animate-spin { + animation: spin 1s linear infinite; } - .xl\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .xl\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:animate-bounce { + animation: bounce 1s infinite; } - .xl\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:example { + font-weight: 700; + color: #ef4444; } +} - .xl\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +@media (min-width: 1280px) { + .xl\:container { + width: 100%; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:border-transparent { - border-color: transparent; + @media (min-width: 640px) { + .xl\:container { + max-width: 640px; } + } - .xl\:dark\:border-current { - border-color: currentColor; + @media (min-width: 768px) { + .xl\:container { + max-width: 768px; } + } - .xl\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + @media (min-width: 1024px) { + .xl\:container { + max-width: 1024px; } + } - .xl\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + @media (min-width: 1280px) { + .xl\:container { + max-width: 1280px; } + } - .xl\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + @media (min-width: 1536px) { + .xl\:container { + max-width: 1536px; } + } - .xl\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-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\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-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\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-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\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-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\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-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\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-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\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-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\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-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\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-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\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-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\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-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\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-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\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-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\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-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\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-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\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-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\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-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\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-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\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-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\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-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\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-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\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-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\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-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\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-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\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-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\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-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\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-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\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-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\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-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\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-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\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-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\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-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\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-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\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-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\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + } + + .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\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + } + + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; + } - .group:hover .xl\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; + } - .group:hover .xl\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + } - .xl\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; + } - .xl\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; + } - .xl\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } - .xl\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } - .xl\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); + } - .xl\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); + } - .xl\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); + } - .xl\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; + } - .xl\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; + } - .xl\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; + } - .xl\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; + } - .xl\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; + } - .xl\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; + } - .xl\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; + } - .xl\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; + } - .xl\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; + } - .xl\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + } - .xl\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .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\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } - .xl\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .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\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } - .xl\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:appearance-none { + appearance: none; + } - .xl\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .xl\:bg-fixed { + background-attachment: fixed; + } - .xl\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:bg-local { + background-attachment: local; + } - .xl\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .xl\:bg-scroll { + background-attachment: scroll; + } - .xl\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:bg-clip-border { + background-clip: border-box; + } - .xl\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .xl\:bg-clip-padding { + background-clip: padding-box; + } - .xl\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:bg-clip-content { + background-clip: content-box; + } - .xl\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .xl\:bg-clip-text { + background-clip: text; + } - .xl\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:bg-transparent { + background-color: transparent; + } - .xl\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .xl\:bg-current { + background-color: currentColor; + } - .xl\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .xl\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .xl\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .xl\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .xl\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .xl\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .xl\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .xl\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .xl\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .xl\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .xl\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .xl\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .xl\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .xl\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .xl\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .xl\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .xl\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .xl\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .xl\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .xl\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .xl\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .xl\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .xl\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .xl\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .xl\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .xl\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .xl\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .xl\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .xl\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .xl\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .xl\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .xl\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .xl\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .xl\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .xl\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .xl\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .xl\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:border-opacity-0 { - --border-opacity: 0; + .xl\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:border-opacity-25 { - --border-opacity: 0.25; + .xl\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:border-opacity-50 { - --border-opacity: 0.5; + .xl\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:border-opacity-75 { - --border-opacity: 0.75; + .xl\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:border-opacity-100 { - --border-opacity: 1; + .xl\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-0 { - --border-opacity: 0; + .xl\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; + .xl\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; + .xl\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; + .xl\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-100 { - --border-opacity: 1; + .xl\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .xl\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .xl\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .xl\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .xl\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .xl\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .xl\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .xl\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .xl\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .xl\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .xl\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:rounded-none { - border-radius: 0; + .xl\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:rounded-sm { - border-radius: 0.125rem; + .xl\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:rounded { - border-radius: 0.25rem; + .xl\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:rounded-md { - border-radius: 0.375rem; + .xl\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:rounded-lg { - border-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-transparent { + background-color: transparent; + } + + .group:hover .xl\:group-hover\:bg-current { + background-color: currentColor; } - .xl\:rounded-xl { - border-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .xl\:rounded-2xl { - border-radius: 1rem; + .group:hover .xl\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .xl\:rounded-3xl { - border-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .xl\:rounded-full { - border-radius: 9999px; + .group:hover .xl\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .xl\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .xl\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .xl\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .xl\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .xl\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .xl\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .xl\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .xl\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .xl\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .xl\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .xl\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .xl\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .xl\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .xl\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .xl\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .xl\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .xl\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .xl\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .xl\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .xl\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .xl\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .xl\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .xl\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .xl\:rounded-tl-none { - border-top-left-radius: 0; + .group:hover .xl\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .xl\:rounded-tr-none { - border-top-right-radius: 0; + .group:hover .xl\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .xl\:rounded-br-none { - border-bottom-right-radius: 0; + .group:hover .xl\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; + .group:hover .xl\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .xl\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .xl\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .xl\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:hover\:bg-current:hover { + background-color: currentColor; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .xl\:border-solid { - border-style: solid; + .xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .xl\:border-dashed { - border-style: dashed; + .xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .xl\:border-dotted { - border-style: dotted; + .xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .xl\:border-double { - border-style: double; + .xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .xl\:border-none { - border-style: none; + .xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .xl\:border-0 { - border-width: 0; + .xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .xl\:border-2 { - border-width: 2px; + .xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .xl\:border-4 { - border-width: 4px; + .xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .xl\:border-8 { - border-width: 8px; + .xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .xl\:border { - border-width: 1px; + .xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .xl\:border-t-0 { - border-top-width: 0; + .xl\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .xl\:border-r-0 { - border-right-width: 0; + .xl\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .xl\:border-b-0 { - border-bottom-width: 0; + .xl\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .xl\:border-l-0 { - border-left-width: 0; + .xl\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .xl\:border-t-2 { - border-top-width: 2px; + .xl\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .xl\:border-r-2 { - border-right-width: 2px; + .xl\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .xl\:border-b-2 { - border-bottom-width: 2px; + .xl\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .xl\:border-t { - border-top-width: 1px; + .xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .xl\:border-r { - border-right-width: 1px; + .xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .xl\:border-l { - border-left-width: 1px; + .xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .xl\:box-border { - box-sizing: border-box; + .xl\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .xl\:box-content { - box-sizing: content-box; + .xl\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .xl\:cursor-auto { - cursor: auto; + .xl\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .xl\:cursor-default { - cursor: default; + .xl\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .xl\:cursor-wait { - cursor: wait; + .xl\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .xl\:cursor-text { - cursor: text; + .xl\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .xl\:cursor-move { - cursor: move; + .xl\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .xl\:block { - display: block; + .xl\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .xl\:inline-block { - display: inline-block; + .xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .xl\:inline { - display: inline; + .xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .xl\:flex { - display: flex; + .xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .xl\:inline-flex { - display: inline-flex; + .xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .xl\:table { - display: table; + .xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .xl\:table-caption { - display: table-caption; + .xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:table-cell { - display: table-cell; + .xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:table-column { - display: table-column; + .xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:table-column-group { - display: table-column-group; + .xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:table-footer-group { - display: table-footer-group; + .xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:table-header-group { - display: table-header-group; + .xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .xl\:table-row-group { - display: table-row-group; + .xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .xl\:table-row { - display: table-row; + .xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .xl\:flow-root { - display: flow-root; + .xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .xl\:grid { - display: grid; + .xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .xl\:inline-grid { - display: inline-grid; + .xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:contents { - display: contents; + .xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:hidden { - display: none; + .xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:flex-row { - flex-direction: row; + .xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:flex-col { - flex-direction: column; + .xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:flex-no-wrap { - flex-wrap: nowrap; + .xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:place-items-auto { - place-items: auto; + .xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:place-items-start { - place-items: start; + .xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:place-items-end { - place-items: end; + .xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:place-items-center { - place-items: center; + .xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:place-items-stretch { - place-items: stretch; + .xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:place-content-center { - place-content: center; + .xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .xl\:place-content-start { - place-content: start; + .xl\:focus\:bg-current:focus { + background-color: currentColor; } - .xl\:place-content-end { - place-content: end; + .xl\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .xl\:place-content-between { - place-content: space-between; + .xl\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .xl\:place-content-around { - place-content: space-around; + .xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .xl\:place-content-evenly { - place-content: space-evenly; + .xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .xl\:place-content-stretch { - place-content: stretch; + .xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .xl\:place-self-auto { - place-self: auto; + .xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .xl\:place-self-start { - place-self: start; + .xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .xl\:place-self-end { - place-self: end; + .xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .xl\:place-self-center { - place-self: center; + .xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .xl\:place-self-stretch { - place-self: stretch; + .xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .xl\:items-start { - align-items: flex-start; + .xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .xl\:items-end { - align-items: flex-end; + .xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .xl\:items-center { - align-items: center; + .xl\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .xl\:items-baseline { - align-items: baseline; + .xl\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .xl\:items-stretch { - align-items: stretch; + .xl\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .xl\:content-center { - align-content: center; + .xl\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .xl\:content-start { - align-content: flex-start; + .xl\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .xl\:content-end { - align-content: flex-end; + .xl\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .xl\:content-between { - align-content: space-between; + .xl\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .xl\:content-around { - align-content: space-around; + .xl\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .xl\:content-evenly { - align-content: space-evenly; + .xl\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .xl\:self-auto { - align-self: auto; + .xl\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .xl\:self-start { - align-self: flex-start; + .xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .xl\:self-end { - align-self: flex-end; + .xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .xl\:self-center { - align-self: center; + .xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .xl\:self-stretch { - align-self: stretch; + .xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .xl\:justify-items-auto { - justify-items: auto; + .xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .xl\:justify-items-start { - justify-items: start; + .xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .xl\:justify-items-end { - justify-items: end; + .xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .xl\:justify-items-center { - justify-items: center; + .xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .xl\:justify-items-stretch { - justify-items: stretch; + .xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .xl\:justify-start { - justify-content: flex-start; + .xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .xl\:justify-end { - justify-content: flex-end; + .xl\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .xl\:justify-center { - justify-content: center; + .xl\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .xl\:justify-between { - justify-content: space-between; + .xl\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .xl\:justify-around { - justify-content: space-around; + .xl\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .xl\:justify-evenly { - justify-content: space-evenly; + .xl\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .xl\:justify-self-auto { - justify-self: auto; + .xl\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .xl\:justify-self-start { - justify-self: start; + .xl\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .xl\:justify-self-end { - justify-self: end; + .xl\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .xl\:justify-self-center { - justify-self: center; + .xl\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .xl\:justify-self-stretch { - justify-self: stretch; + .xl\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .xl\:flex-1 { - flex: 1 1 0%; + .xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .xl\:flex-auto { - flex: 1 1 auto; + .xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .xl\:flex-initial { - flex: 0 1 auto; + .xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .xl\:flex-none { - flex: none; + .xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .xl\:flex-grow-0 { - flex-grow: 0; + .xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .xl\:flex-grow { - flex-grow: 1; + .xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:flex-shrink-0 { - flex-shrink: 0; + .xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:order-1 { - order: 1; + .xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:order-2 { - order: 2; + .xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:order-3 { - order: 3; + .xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .xl\:order-4 { - order: 4; + .xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .xl\:order-5 { - order: 5; + .xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .xl\:order-6 { - order: 6; + .xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .xl\:order-7 { - order: 7; + .xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .xl\:order-8 { - order: 8; + .xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:order-9 { - order: 9; + .xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:order-10 { - order: 10; + .xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:order-11 { - order: 11; + .xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:order-12 { - order: 12; + .xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:order-first { - order: -9999; + .xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:order-last { - order: 9999; + .xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:order-none { - order: 0; + .xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:float-right { - float: right; + .xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:float-left { - float: left; + .xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:float-none { - float: none; + .xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:clearfix:after { - content: ""; - display: table; - clear: both; + .xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:clear-left { - clear: left; + .xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:clear-right { - clear: right; + .xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:clear-both { - clear: both; + .xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:clear-none { - clear: none; + .xl\:bg-none { + background-image: none; } - .xl\:font-sans { - font-family: ui-sans-serif, 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"; + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .xl\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .xl\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .xl\:font-thin { - font-weight: 100; + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .xl\:font-extralight { - font-weight: 200; + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .xl\:font-light { - font-weight: 300; + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .xl\:font-normal { - font-weight: 400; + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .xl\:font-medium { - font-weight: 500; + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .xl\:font-semibold { - font-weight: 600; + .xl\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:font-bold { - font-weight: 700; + .xl\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:font-extrabold { - font-weight: 800; + .xl\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:font-black { - font-weight: 900; + .xl\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:hover\:font-thin:hover { - font-weight: 100; + .xl\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:hover\:font-extralight:hover { - font-weight: 200; + .xl\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:hover\:font-light:hover { - font-weight: 300; + .xl\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:hover\:font-normal:hover { - font-weight: 400; + .xl\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:hover\:font-medium:hover { - font-weight: 500; + .xl\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:hover\:font-semibold:hover { - font-weight: 600; + .xl\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:hover\:font-bold:hover { - font-weight: 700; + .xl\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:hover\:font-extrabold:hover { - font-weight: 800; + .xl\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:hover\:font-black:hover { - font-weight: 900; + .xl\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:focus\:font-thin:focus { - font-weight: 100; + .xl\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:focus\:font-extralight:focus { - font-weight: 200; + .xl\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:focus\:font-light:focus { - font-weight: 300; + .xl\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:focus\:font-normal:focus { - font-weight: 400; + .xl\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:focus\:font-medium:focus { - font-weight: 500; + .xl\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:focus\:font-semibold:focus { - font-weight: 600; + .xl\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:focus\:font-bold:focus { - font-weight: 700; + .xl\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:focus\:font-extrabold:focus { - font-weight: 800; + .xl\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:focus\:font-black:focus { - font-weight: 900; + .xl\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:h-0 { - height: 0; + .xl\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:h-1 { - height: 0.25rem; + .xl\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:h-2 { - height: 0.5rem; + .xl\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:h-3 { - height: 0.75rem; + .xl\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:h-4 { - height: 1rem; + .xl\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:h-5 { - height: 1.25rem; + .xl\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:h-6 { - height: 1.5rem; + .xl\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:h-7 { - height: 1.75rem; + .xl\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:h-8 { - height: 2rem; + .xl\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:h-9 { - height: 2.25rem; + .xl\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:h-10 { - height: 2.5rem; + .xl\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:h-12 { - height: 3rem; + .xl\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:h-14 { - height: 3.5rem; + .xl\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:h-16 { - height: 4rem; + .xl\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:h-20 { - height: 5rem; + .xl\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:h-24 { - height: 6rem; + .xl\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:h-28 { - height: 7rem; + .xl\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:h-32 { - height: 8rem; + .xl\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:h-36 { - height: 9rem; + .xl\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:h-40 { - height: 10rem; + .xl\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:h-44 { - height: 11rem; + .xl\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:h-48 { - height: 12rem; + .xl\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:h-52 { - height: 13rem; + .xl\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:h-56 { - height: 14rem; + .xl\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:h-60 { - height: 15rem; + .xl\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:h-64 { - height: 16rem; + .xl\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:h-72 { - height: 18rem; + .xl\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:h-80 { - height: 20rem; + .xl\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:h-96 { - height: 24rem; + .xl\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:h-auto { - height: auto; + .xl\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:h-px { - height: 1px; + .xl\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:h-0\.5 { - height: 0.125rem; + .xl\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:h-1\.5 { - height: 0.375rem; + .xl\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:h-2\.5 { - height: 0.625rem; + .xl\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:h-3\.5 { - height: 0.875rem; + .xl\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:h-full { - height: 100%; + .xl\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:h-screen { - height: 100vh; + .xl\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .xl\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .xl\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .xl\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .xl\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .xl\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .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\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .xl\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .xl\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:text-5xl { - font-size: 3rem; - line-height: 1; + .xl\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .xl\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .xl\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:text-8xl { - font-size: 6rem; - line-height: 1; + .xl\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:text-9xl { - font-size: 8rem; - line-height: 1; + .xl\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:leading-3 { - line-height: .75rem; + .xl\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:leading-4 { - line-height: 1rem; + .xl\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:leading-5 { - line-height: 1.25rem; + .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\:leading-6 { - line-height: 1.5rem; + .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\:leading-7 { - line-height: 1.75rem; + .xl\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:leading-8 { - line-height: 2rem; + .xl\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:leading-9 { - line-height: 2.25rem; + .xl\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:leading-10 { - line-height: 2.5rem; + .xl\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:leading-none { - line-height: 1; + .xl\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:leading-tight { - line-height: 1.25; + .xl\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:leading-snug { - line-height: 1.375; + .xl\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:leading-normal { - line-height: 1.5; + .xl\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:leading-relaxed { - line-height: 1.625; + .xl\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:leading-loose { - line-height: 2; + .xl\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:list-inside { - list-style-position: inside; + .xl\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:list-outside { - list-style-position: outside; + .xl\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:list-none { - list-style-type: none; + .xl\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:list-disc { - list-style-type: disc; + .xl\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:list-decimal { - list-style-type: decimal; + .xl\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:m-0 { - margin: 0; + .xl\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:m-1 { - margin: 0.25rem; + .xl\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:m-2 { - margin: 0.5rem; + .xl\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:m-3 { - margin: 0.75rem; + .xl\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:m-4 { - margin: 1rem; + .xl\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:m-5 { - margin: 1.25rem; + .xl\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:m-6 { - margin: 1.5rem; + .xl\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:m-7 { - margin: 1.75rem; + .xl\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:m-8 { - margin: 2rem; + .xl\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:m-9 { - margin: 2.25rem; + .xl\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:m-10 { - margin: 2.5rem; + .xl\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:m-12 { - margin: 3rem; + .xl\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:m-14 { - margin: 3.5rem; + .xl\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:m-16 { - margin: 4rem; + .xl\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:m-20 { - margin: 5rem; + .xl\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:m-24 { - margin: 6rem; + .xl\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:m-28 { - margin: 7rem; + .xl\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:m-32 { - margin: 8rem; + .xl\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:m-36 { - margin: 9rem; + .xl\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:m-40 { - margin: 10rem; + .xl\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:m-44 { - margin: 11rem; + .xl\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:m-48 { - margin: 12rem; + .xl\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:m-52 { - margin: 13rem; + .xl\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:m-56 { - margin: 14rem; + .xl\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:m-60 { - margin: 15rem; + .xl\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:m-64 { - margin: 16rem; + .xl\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:m-72 { - margin: 18rem; + .xl\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:m-80 { - margin: 20rem; + .xl\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:m-96 { - margin: 24rem; + .xl\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:m-auto { - margin: auto; + .xl\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:m-px { - margin: 1px; + .xl\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:m-0\.5 { - margin: 0.125rem; + .xl\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:m-1\.5 { - margin: 0.375rem; + .xl\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:m-2\.5 { - margin: 0.625rem; + .xl\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:m-3\.5 { - margin: 0.875rem; + .xl\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-m-4 { - margin: -1rem; + .xl\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-m-5 { - margin: -1.25rem; + .xl\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-m-7 { - margin: -1.75rem; + .xl\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-m-8 { - margin: -2rem; + .xl\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-m-9 { - margin: -2.25rem; + .xl\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-m-10 { - margin: -2.5rem; + .xl\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-m-12 { - margin: -3rem; + .xl\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-m-14 { - margin: -3.5rem; + .xl\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-m-16 { - margin: -4rem; + .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\:-m-20 { - margin: -5rem; + .xl\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-m-24 { - margin: -6rem; + .xl\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-m-28 { - margin: -7rem; + .xl\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-m-32 { - margin: -8rem; + .xl\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-m-36 { - margin: -9rem; + .xl\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-m-40 { - margin: -10rem; + .xl\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-m-44 { - margin: -11rem; + .xl\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-m-48 { - margin: -12rem; + .xl\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:-m-52 { - margin: -13rem; + .xl\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:-m-56 { - margin: -14rem; + .xl\:to-transparent { + --gradient-to-color: transparent; } - .xl\:-m-60 { - margin: -15rem; + .xl\:to-current { + --gradient-to-color: currentColor; } - .xl\:-m-64 { - margin: -16rem; + .xl\:to-black { + --gradient-to-color: #000; } - .xl\:-m-72 { - margin: -18rem; + .xl\:to-white { + --gradient-to-color: #fff; } - .xl\:-m-80 { - margin: -20rem; + .xl\:to-gray-50 { + --gradient-to-color: #fafafa; } - .xl\:-m-96 { - margin: -24rem; + .xl\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .xl\:-m-px { - margin: -1px; + .xl\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .xl\:-m-0\.5 { - margin: -0.125rem; + .xl\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .xl\:-m-1\.5 { - margin: -0.375rem; + .xl\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .xl\:-m-2\.5 { - margin: -0.625rem; + .xl\:to-gray-500 { + --gradient-to-color: #71717a; } - .xl\:-m-3\.5 { - margin: -0.875rem; + .xl\:to-gray-600 { + --gradient-to-color: #52525b; } - .xl\:my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:to-gray-800 { + --gradient-to-color: #27272a; } - .xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:to-gray-900 { + --gradient-to-color: #18181b; } - .xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:to-red-50 { + --gradient-to-color: #fef2f2; } - .xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:to-red-100 { + --gradient-to-color: #fee2e2; } - .xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:to-red-200 { + --gradient-to-color: #fecaca; } - .xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:to-red-300 { + --gradient-to-color: #fca5a5; } - .xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:to-red-400 { + --gradient-to-color: #f87171; } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:to-red-500 { + --gradient-to-color: #ef4444; } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:to-red-600 { + --gradient-to-color: #dc2626; } - .xl\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .xl\:to-red-700 { + --gradient-to-color: #b91c1c; } - .xl\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .xl\:to-red-800 { + --gradient-to-color: #991b1b; } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .xl\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .xl\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .xl\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .xl\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .xl\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .xl\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .xl\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .xl\:to-yellow-600 { + --gradient-to-color: #d97706; } - .xl\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .xl\:to-yellow-700 { + --gradient-to-color: #b45309; } - .xl\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .xl\:to-yellow-800 { + --gradient-to-color: #92400e; } - .xl\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .xl\:to-yellow-900 { + --gradient-to-color: #78350f; } - .xl\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .xl\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .xl\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .xl\:to-green-100 { + --gradient-to-color: #d1fae5; } - .xl\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .xl\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .xl\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .xl\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .xl\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .xl\:to-green-400 { + --gradient-to-color: #34d399; } - .xl\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .xl\:to-green-500 { + --gradient-to-color: #10b981; } - .xl\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .xl\:to-green-600 { + --gradient-to-color: #059669; } - .xl\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .xl\:to-green-700 { + --gradient-to-color: #047857; } - .xl\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .xl\:to-green-800 { + --gradient-to-color: #065f46; } - .xl\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .xl\:to-green-900 { + --gradient-to-color: #064e3b; } - .xl\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .xl\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .xl\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .xl\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .xl\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .xl\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .xl\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .xl\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .xl\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .xl\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .xl\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .xl\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .xl\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .xl\:to-blue-600 { + --gradient-to-color: #2563eb; } - .xl\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .xl\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .xl\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .xl\:to-blue-800 { + --gradient-to-color: #1e40af; } - .xl\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .xl\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .xl\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .xl\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .xl\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .xl\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .xl\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .xl\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .xl\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .xl\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .xl\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .xl\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .xl\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .xl\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .xl\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .xl\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .xl\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .xl\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .xl\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .xl\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .xl\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .xl\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .xl\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .xl\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .xl\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .xl\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .xl\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .xl\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .xl\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .xl\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .xl\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .xl\:to-pink-400 { + --gradient-to-color: #f472b6; } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:to-pink-500 { + --gradient-to-color: #ec4899; } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:to-pink-600 { + --gradient-to-color: #db2777; } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:to-pink-700 { + --gradient-to-color: #be185d; } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:to-pink-800 { + --gradient-to-color: #9d174d; } - .xl\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .xl\:to-pink-900 { + --gradient-to-color: #831843; } - .xl\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .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\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .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\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .xl\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .xl\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .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\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:mt-0 { - margin-top: 0; + .xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:mr-0 { - margin-right: 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\:mb-0 { - margin-bottom: 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\:ml-0 { - margin-left: 0; + .xl\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:mt-1 { - margin-top: 0.25rem; + .xl\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:mr-1 { - margin-right: 0.25rem; + .xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:mb-1 { - margin-bottom: 0.25rem; + .xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:ml-1 { - margin-left: 0.25rem; + .xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:mt-2 { - margin-top: 0.5rem; + .xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:mr-2 { - margin-right: 0.5rem; + .xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:mb-2 { - margin-bottom: 0.5rem; + .xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:ml-2 { - margin-left: 0.5rem; + .xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:mt-3 { - margin-top: 0.75rem; + .xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:mr-3 { - margin-right: 0.75rem; + .xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:mb-3 { - margin-bottom: 0.75rem; + .xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:ml-3 { - margin-left: 0.75rem; + .xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:mt-5 { - margin-top: 1.25rem; + .xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:mr-5 { - margin-right: 1.25rem; + .xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:mb-5 { - margin-bottom: 1.25rem; + .xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:ml-5 { - margin-left: 1.25rem; + .xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:mt-7 { - margin-top: 1.75rem; + .xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:mr-7 { - margin-right: 1.75rem; + .xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:mb-7 { - margin-bottom: 1.75rem; + .xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:ml-7 { - margin-left: 1.75rem; + .xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:mt-9 { - margin-top: 2.25rem; + .xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:mr-9 { - margin-right: 2.25rem; + .xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:mb-9 { - margin-bottom: 2.25rem; + .xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:ml-9 { - margin-left: 2.25rem; + .xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:mt-10 { - margin-top: 2.5rem; + .xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:mr-10 { - margin-right: 2.5rem; + .xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:mb-10 { - margin-bottom: 2.5rem; + .xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:ml-10 { - margin-left: 2.5rem; + .xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:mt-12 { - margin-top: 3rem; + .xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:mr-12 { - margin-right: 3rem; + .xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:mb-12 { - margin-bottom: 3rem; + .xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:ml-12 { - margin-left: 3rem; + .xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:mt-14 { - margin-top: 3.5rem; + .xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:mr-14 { - margin-right: 3.5rem; + .xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:mb-14 { - margin-bottom: 3.5rem; + .xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:ml-14 { - margin-left: 3.5rem; + .xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:mt-16 { - margin-top: 4rem; + .xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:mr-16 { - margin-right: 4rem; + .xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:mb-16 { - margin-bottom: 4rem; + .xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:ml-16 { - margin-left: 4rem; + .xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:mt-20 { - margin-top: 5rem; + .xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:mr-20 { - margin-right: 5rem; + .xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:mb-20 { - margin-bottom: 5rem; + .xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:ml-20 { - margin-left: 5rem; + .xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:mt-24 { - margin-top: 6rem; + .xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:mr-24 { - margin-right: 6rem; + .xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:mb-24 { - margin-bottom: 6rem; + .xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:ml-24 { - margin-left: 6rem; + .xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:mt-28 { - margin-top: 7rem; + .xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:mr-28 { - margin-right: 7rem; + .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\:mb-28 { - margin-bottom: 7rem; + .xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:ml-28 { - margin-left: 7rem; + .xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:mt-32 { - margin-top: 8rem; + .xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:mr-32 { - margin-right: 8rem; + .xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:mb-32 { - margin-bottom: 8rem; + .xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:ml-32 { - margin-left: 8rem; + .xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:mt-36 { - margin-top: 9rem; + .xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:mr-36 { - margin-right: 9rem; + .xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:mb-36 { - margin-bottom: 9rem; + .xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:ml-36 { - margin-left: 9rem; + .xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .xl\:mt-40 { - margin-top: 10rem; + .xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .xl\:mr-40 { - margin-right: 10rem; + .xl\:hover\:to-black:hover { + --gradient-to-color: #000; } - .xl\:mb-40 { - margin-bottom: 10rem; + .xl\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .xl\:ml-40 { - margin-left: 10rem; + .xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .xl\:mt-44 { - margin-top: 11rem; + .xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .xl\:mr-44 { - margin-right: 11rem; + .xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .xl\:mb-44 { - margin-bottom: 11rem; + .xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .xl\:ml-44 { - margin-left: 11rem; + .xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .xl\:mt-48 { - margin-top: 12rem; + .xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .xl\:mr-48 { - margin-right: 12rem; + .xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .xl\:mb-48 { - margin-bottom: 12rem; + .xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .xl\:ml-48 { - margin-left: 12rem; + .xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .xl\:mt-52 { - margin-top: 13rem; + .xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .xl\:mr-52 { - margin-right: 13rem; + .xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .xl\:mb-52 { - margin-bottom: 13rem; + .xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .xl\:ml-52 { - margin-left: 13rem; + .xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .xl\:mt-56 { - margin-top: 14rem; + .xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .xl\:mr-56 { - margin-right: 14rem; + .xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .xl\:mb-56 { - margin-bottom: 14rem; + .xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .xl\:ml-56 { - margin-left: 14rem; + .xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .xl\:mt-60 { - margin-top: 15rem; + .xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .xl\:mr-60 { - margin-right: 15rem; + .xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .xl\:mb-60 { - margin-bottom: 15rem; + .xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .xl\:ml-60 { - margin-left: 15rem; + .xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .xl\:mt-64 { - margin-top: 16rem; + .xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .xl\:mr-64 { - margin-right: 16rem; + .xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .xl\:mb-64 { - margin-bottom: 16rem; + .xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .xl\:ml-64 { - margin-left: 16rem; + .xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .xl\:mt-72 { - margin-top: 18rem; + .xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .xl\:mr-72 { - margin-right: 18rem; + .xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .xl\:mb-72 { - margin-bottom: 18rem; + .xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .xl\:ml-72 { - margin-left: 18rem; + .xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .xl\:mt-80 { - margin-top: 20rem; + .xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .xl\:mr-80 { - margin-right: 20rem; + .xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .xl\:mb-80 { - margin-bottom: 20rem; + .xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .xl\:ml-80 { - margin-left: 20rem; + .xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .xl\:mt-96 { - margin-top: 24rem; + .xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .xl\:mr-96 { - margin-right: 24rem; + .xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .xl\:mb-96 { - margin-bottom: 24rem; + .xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .xl\:ml-96 { - margin-left: 24rem; + .xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .xl\:mt-auto { - margin-top: auto; + .xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .xl\:mr-auto { - margin-right: auto; + .xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .xl\:ml-auto { - margin-left: auto; + .xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .xl\:mt-px { - margin-top: 1px; + .xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .xl\:mr-px { - margin-right: 1px; + .xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .xl\:ml-px { - margin-left: 1px; + .xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .xl\:mt-0\.5 { - margin-top: 0.125rem; + .xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .xl\:mr-0\.5 { - margin-right: 0.125rem; + .xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .xl\:mb-0\.5 { - margin-bottom: 0.125rem; + .xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .xl\:ml-0\.5 { - margin-left: 0.125rem; + .xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .xl\:mt-1\.5 { - margin-top: 0.375rem; + .xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .xl\:mr-1\.5 { - margin-right: 0.375rem; + .xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .xl\:mb-1\.5 { - margin-bottom: 0.375rem; + .xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .xl\:ml-1\.5 { - margin-left: 0.375rem; + .xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .xl\:mt-2\.5 { - margin-top: 0.625rem; + .xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .xl\:mr-2\.5 { - margin-right: 0.625rem; + .xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .xl\:mb-2\.5 { - margin-bottom: 0.625rem; + .xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .xl\:ml-2\.5 { - margin-left: 0.625rem; + .xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .xl\:mt-3\.5 { - margin-top: 0.875rem; + .xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .xl\:mr-3\.5 { - margin-right: 0.875rem; + .xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .xl\:mb-3\.5 { - margin-bottom: 0.875rem; + .xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .xl\:ml-3\.5 { - margin-left: 0.875rem; + .xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .xl\:-mr-1 { - margin-right: -0.25rem; + .xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .xl\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .xl\:-mr-3 { - margin-right: -0.75rem; + .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\:-mb-3 { - margin-bottom: -0.75rem; + .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\:-ml-3 { - margin-left: -0.75rem; + .xl\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-mt-5 { - margin-top: -1.25rem; + .xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-mr-5 { - margin-right: -1.25rem; + .xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:-mb-5 { - margin-bottom: -1.25rem; + .xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:-ml-5 { - margin-left: -1.25rem; + .xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:-mt-7 { - margin-top: -1.75rem; + .xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:-mr-7 { - margin-right: -1.75rem; + .xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:-mb-7 { - margin-bottom: -1.75rem; + .xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:-ml-7 { - margin-left: -1.75rem; + .xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:-mt-9 { - margin-top: -2.25rem; + .xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:-mr-9 { - margin-right: -2.25rem; + .xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:-mb-9 { - margin-bottom: -2.25rem; + .xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:-ml-9 { - margin-left: -2.25rem; + .xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:-mt-10 { - margin-top: -2.5rem; + .xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:-mr-10 { - margin-right: -2.5rem; + .xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:-mb-10 { - margin-bottom: -2.5rem; + .xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:-ml-10 { - margin-left: -2.5rem; + .xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:-mt-12 { - margin-top: -3rem; + .xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:-mr-12 { - margin-right: -3rem; + .xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:-mb-12 { - margin-bottom: -3rem; + .xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:-ml-12 { - margin-left: -3rem; + .xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:-mt-14 { - margin-top: -3.5rem; + .xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:-mr-14 { - margin-right: -3.5rem; + .xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:-mb-14 { - margin-bottom: -3.5rem; + .xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:-ml-14 { - margin-left: -3.5rem; + .xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:-mt-16 { - margin-top: -4rem; + .xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:-mr-16 { - margin-right: -4rem; + .xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:-mb-16 { - margin-bottom: -4rem; + .xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:-ml-16 { - margin-left: -4rem; + .xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:-mt-20 { - margin-top: -5rem; + .xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:-mr-20 { - margin-right: -5rem; + .xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:-mb-20 { - margin-bottom: -5rem; + .xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:-ml-20 { - margin-left: -5rem; + .xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:-mt-24 { - margin-top: -6rem; + .xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:-mr-24 { - margin-right: -6rem; + .xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:-mb-24 { - margin-bottom: -6rem; + .xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:-ml-24 { - margin-left: -6rem; + .xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:-mt-28 { - margin-top: -7rem; + .xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-mr-28 { - margin-right: -7rem; + .xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-mb-28 { - margin-bottom: -7rem; + .xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-ml-28 { - margin-left: -7rem; + .xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-mt-32 { - margin-top: -8rem; + .xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-mr-32 { - margin-right: -8rem; + .xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-mb-32 { - margin-bottom: -8rem; + .xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-ml-32 { - margin-left: -8rem; + .xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-mt-36 { - margin-top: -9rem; + .xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-mr-36 { - margin-right: -9rem; + .xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-mb-36 { - margin-bottom: -9rem; + .xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-ml-36 { - margin-left: -9rem; + .xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-mt-40 { - margin-top: -10rem; + .xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-mr-40 { - margin-right: -10rem; + .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\:-mb-40 { - margin-bottom: -10rem; + .xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-ml-40 { - margin-left: -10rem; + .xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-mt-44 { - margin-top: -11rem; + .xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-mr-44 { - margin-right: -11rem; + .xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-mb-44 { - margin-bottom: -11rem; + .xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-ml-44 { - margin-left: -11rem; + .xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-mt-48 { - margin-top: -12rem; + .xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-mr-48 { - margin-right: -12rem; + .xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:-mb-48 { - margin-bottom: -12rem; + .xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:-ml-48 { - margin-left: -12rem; + .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\:-mt-52 { - margin-top: -13rem; + .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\:-mr-52 { - margin-right: -13rem; + .xl\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-mb-52 { - margin-bottom: -13rem; + .xl\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-ml-52 { - margin-left: -13rem; + .xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:-mt-56 { - margin-top: -14rem; + .xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:-mr-56 { - margin-right: -14rem; + .xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-mb-56 { - margin-bottom: -14rem; + .xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-ml-56 { - margin-left: -14rem; + .xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:-mt-60 { - margin-top: -15rem; + .xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:-mr-60 { - margin-right: -15rem; + .xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:-mb-60 { - margin-bottom: -15rem; + .xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:-ml-60 { - margin-left: -15rem; + .xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:-mt-64 { - margin-top: -16rem; + .xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:-mr-64 { - margin-right: -16rem; + .xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:-mb-64 { - margin-bottom: -16rem; + .xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:-ml-64 { - margin-left: -16rem; + .xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:-mt-72 { - margin-top: -18rem; + .xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:-mr-72 { - margin-right: -18rem; + .xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:-mb-72 { - margin-bottom: -18rem; + .xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:-ml-72 { - margin-left: -18rem; + .xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:-mt-80 { - margin-top: -20rem; + .xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:-mr-80 { - margin-right: -20rem; + .xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:-mb-80 { - margin-bottom: -20rem; + .xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:-ml-80 { - margin-left: -20rem; + .xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:-mt-96 { - margin-top: -24rem; + .xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:-mr-96 { - margin-right: -24rem; + .xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:-mb-96 { - margin-bottom: -24rem; + .xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:-ml-96 { - margin-left: -24rem; + .xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:-mt-px { - margin-top: -1px; + .xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:-mr-px { - margin-right: -1px; + .xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:-ml-px { - margin-left: -1px; + .xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:-mt-0\.5 { - margin-top: -0.125rem; + .xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:-mr-0\.5 { - margin-right: -0.125rem; + .xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:-mb-0\.5 { - margin-bottom: -0.125rem; + .xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:-ml-0\.5 { - margin-left: -0.125rem; + .xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:-mt-1\.5 { - margin-top: -0.375rem; + .xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:-mr-1\.5 { - margin-right: -0.375rem; + .xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:-mb-1\.5 { - margin-bottom: -0.375rem; + .xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:-ml-1\.5 { - margin-left: -0.375rem; + .xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:-mt-2\.5 { - margin-top: -0.625rem; + .xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:-mr-2\.5 { - margin-right: -0.625rem; + .xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:-mb-2\.5 { - margin-bottom: -0.625rem; + .xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:-ml-2\.5 { - margin-left: -0.625rem; + .xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:-mt-3\.5 { - margin-top: -0.875rem; + .xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:-mr-3\.5 { - margin-right: -0.875rem; + .xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:-mb-3\.5 { - margin-bottom: -0.875rem; + .xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:-ml-3\.5 { - margin-left: -0.875rem; + .xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:max-h-0 { - max-height: 0; + .xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:max-h-1 { - max-height: 0.25rem; + .xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:max-h-2 { - max-height: 0.5rem; + .xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:max-h-3 { - max-height: 0.75rem; + .xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:max-h-4 { - max-height: 1rem; + .xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:max-h-5 { - max-height: 1.25rem; + .xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:max-h-6 { - max-height: 1.5rem; + .xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:max-h-7 { - max-height: 1.75rem; + .xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:max-h-8 { - max-height: 2rem; + .xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:max-h-9 { - max-height: 2.25rem; + .xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:max-h-10 { - max-height: 2.5rem; + .xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:max-h-12 { - max-height: 3rem; + .xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:max-h-14 { - max-height: 3.5rem; + .xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:max-h-16 { - max-height: 4rem; + .xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:max-h-20 { - max-height: 5rem; + .xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:max-h-24 { - max-height: 6rem; + .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\:max-h-28 { - max-height: 7rem; + .xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:max-h-32 { - max-height: 8rem; + .xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:max-h-36 { - max-height: 9rem; + .xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:max-h-40 { - max-height: 10rem; + .xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:max-h-44 { - max-height: 11rem; + .xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:max-h-48 { - max-height: 12rem; + .xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:max-h-52 { - max-height: 13rem; + .xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:max-h-56 { - max-height: 14rem; + .xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:max-h-60 { - max-height: 15rem; + .xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:max-h-64 { - max-height: 16rem; + .xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .xl\:max-h-72 { - max-height: 18rem; + .xl\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .xl\:max-h-80 { - max-height: 20rem; + .xl\:focus\:to-black:focus { + --gradient-to-color: #000; } - .xl\:max-h-96 { - max-height: 24rem; + .xl\:focus\:to-white:focus { + --gradient-to-color: #fff; } - .xl\:max-h-px { - max-height: 1px; + .xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; } - .xl\:max-h-0\.5 { - max-height: 0.125rem; + .xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; } - .xl\:max-h-1\.5 { - max-height: 0.375rem; + .xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; } - .xl\:max-h-2\.5 { - max-height: 0.625rem; + .xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; } - .xl\:max-h-3\.5 { - max-height: 0.875rem; + .xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; } - .xl\:max-h-full { - max-height: 100%; + .xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; } - .xl\:max-w-0 { - max-width: 0rem; + .xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; } - .xl\:max-w-none { - max-width: none; + .xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; } - .xl\:max-w-sm { - max-width: 24rem; + .xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; } - .xl\:max-w-md { - max-width: 28rem; + .xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; } - .xl\:max-w-lg { - max-width: 32rem; + .xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; } - .xl\:max-w-xl { - max-width: 36rem; + .xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; } - .xl\:max-w-2xl { - max-width: 42rem; + .xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; } - .xl\:max-w-3xl { - max-width: 48rem; + .xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; } - .xl\:max-w-4xl { - max-width: 56rem; + .xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; } - .xl\:max-w-5xl { - max-width: 64rem; + .xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; } - .xl\:max-w-6xl { - max-width: 72rem; + .xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; } - .xl\:max-w-7xl { - max-width: 80rem; + .xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; } - .xl\:max-w-full { - max-width: 100%; + .xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; } - .xl\:max-w-min { - max-width: min-content; + .xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; } - .xl\:max-w-max { - max-width: max-content; + .xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; } - .xl\:max-w-screen-sm { - max-width: 640px; + .xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; } - .xl\:max-w-screen-md { - max-width: 768px; + .xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; } - .xl\:max-w-screen-lg { - max-width: 1024px; + .xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; } - .xl\:max-w-screen-xl { - max-width: 1280px; + .xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; } - .xl\:max-w-screen-2xl { - max-width: 1536px; + .xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; } - .xl\:min-h-0 { - min-height: 0; + .xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; } - .xl\:min-h-full { - min-height: 100%; + .xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; } - .xl\:min-h-screen { - min-height: 100vh; + .xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; } - .xl\:min-w-0 { - min-width: 0; + .xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .xl\:min-w-full { - min-width: 100%; + .xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .xl\:min-w-min { - min-width: min-content; + .xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .xl\:min-w-max { - min-width: max-content; + .xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .xl\:object-contain { - object-fit: contain; + .xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .xl\:object-cover { - object-fit: cover; + .xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .xl\:object-fill { - object-fit: fill; + .xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .xl\:object-none { - object-fit: none; + .xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .xl\:object-scale-down { - object-fit: scale-down; + .xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .xl\:object-bottom { - object-position: bottom; + .xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .xl\:object-center { - object-position: center; + .xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .xl\:object-left { - object-position: left; + .xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .xl\:object-left-bottom { - object-position: left bottom; + .xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .xl\:object-left-top { - object-position: left top; + .xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .xl\:object-right { - object-position: right; + .xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .xl\:object-right-bottom { - object-position: right bottom; + .xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .xl\:object-right-top { - object-position: right top; + .xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .xl\:object-top { - object-position: top; + .xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .xl\:opacity-0 { - opacity: 0; + .xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .xl\:opacity-25 { - opacity: 0.25; + .xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .xl\:opacity-50 { - opacity: 0.5; + .xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .xl\:opacity-75 { - opacity: 0.75; + .xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .xl\:opacity-100 { - opacity: 1; + .xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .group:hover .xl\:group-hover\:opacity-0 { - opacity: 0; + .xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .group:hover .xl\:group-hover\:opacity-25 { - opacity: 0.25; + .xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .group:hover .xl\:group-hover\:opacity-50 { - opacity: 0.5; + .xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .group:hover .xl\:group-hover\:opacity-75 { - opacity: 0.75; + .xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .group:hover .xl\:group-hover\:opacity-100 { - opacity: 1; + .xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .xl\:hover\:opacity-0:hover { - opacity: 0; + .xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .xl\:hover\:opacity-25:hover { - opacity: 0.25; + .xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .xl\:hover\:opacity-50:hover { - opacity: 0.5; + .xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .xl\:hover\:opacity-75:hover { - opacity: 0.75; + .xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .xl\:hover\:opacity-100:hover { - opacity: 1; + .xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .xl\:focus\:opacity-0:focus { - opacity: 0; + .xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .xl\:focus\:opacity-25:focus { - opacity: 0.25; + .xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .xl\:focus\:opacity-50:focus { - opacity: 0.5; + .xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .xl\:focus\:opacity-75:focus { - opacity: 0.75; + .xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .xl\:focus\:opacity-100:focus { - opacity: 1; + .xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .xl\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .xl\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-opacity-0 { + --bg-opacity: 0; } - .xl\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-opacity-25 { + --bg-opacity: 0.25; } - .xl\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:bg-opacity-50 { + --bg-opacity: 0.5; } - .xl\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-opacity-75 { + --bg-opacity: 0.75; } - .xl\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-opacity-100 { + --bg-opacity: 1; } - .xl\:overflow-auto { - overflow: auto; + .group:hover .xl\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; } - .xl\:overflow-hidden { - overflow: hidden; + .group:hover .xl\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; } - .xl\:overflow-visible { - overflow: visible; + .group:hover .xl\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; } - .xl\:overflow-scroll { - overflow: scroll; + .group:hover .xl\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; } - .xl\:overflow-x-auto { - overflow-x: auto; + .group:hover .xl\:group-hover\:bg-opacity-100 { + --bg-opacity: 1; } - .xl\:overflow-y-auto { - overflow-y: auto; + .xl\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .xl\:overflow-x-hidden { - overflow-x: hidden; + .xl\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .xl\:overflow-y-hidden { - overflow-y: hidden; + .xl\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .xl\:overflow-x-visible { - overflow-x: visible; + .xl\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .xl\:overflow-y-visible { - overflow-y: visible; + .xl\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; } - .xl\:overflow-x-scroll { - overflow-x: scroll; + .xl\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .xl\:overflow-y-scroll { - overflow-y: scroll; + .xl\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .xl\:overscroll-auto { - overscroll-behavior: auto; + .xl\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .xl\:overscroll-contain { - overscroll-behavior: contain; + .xl\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .xl\:overscroll-none { - overscroll-behavior: none; + .xl\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } - .xl\:overscroll-y-auto { - overscroll-behavior-y: auto; + .xl\:bg-bottom { + background-position: bottom; } - .xl\:overscroll-y-contain { - overscroll-behavior-y: contain; + .xl\:bg-center { + background-position: center; } - .xl\:overscroll-y-none { - overscroll-behavior-y: none; + .xl\:bg-left { + background-position: left; } - .xl\:overscroll-x-auto { - overscroll-behavior-x: auto; + .xl\:bg-left-bottom { + background-position: left bottom; } - .xl\:overscroll-x-contain { - overscroll-behavior-x: contain; + .xl\:bg-left-top { + background-position: left top; } - .xl\:overscroll-x-none { - overscroll-behavior-x: none; + .xl\:bg-right { + background-position: right; } - .xl\:p-0 { - padding: 0; + .xl\:bg-right-bottom { + background-position: right bottom; } - .xl\:p-1 { - padding: 0.25rem; + .xl\:bg-right-top { + background-position: right top; } - .xl\:p-2 { - padding: 0.5rem; + .xl\:bg-top { + background-position: top; } - .xl\:p-3 { - padding: 0.75rem; + .xl\:bg-repeat { + background-repeat: repeat; } - .xl\:p-4 { - padding: 1rem; + .xl\:bg-no-repeat { + background-repeat: no-repeat; } - .xl\:p-5 { - padding: 1.25rem; + .xl\:bg-repeat-x { + background-repeat: repeat-x; } - .xl\:p-6 { - padding: 1.5rem; + .xl\:bg-repeat-y { + background-repeat: repeat-y; } - .xl\:p-7 { - padding: 1.75rem; + .xl\:bg-repeat-round { + background-repeat: round; } - .xl\:p-8 { - padding: 2rem; + .xl\:bg-repeat-space { + background-repeat: space; } - .xl\:p-9 { - padding: 2.25rem; + .xl\:bg-auto { + background-size: auto; } - .xl\:p-10 { - padding: 2.5rem; + .xl\:bg-cover { + background-size: cover; } - .xl\:p-12 { - padding: 3rem; + .xl\:bg-contain { + background-size: contain; } - .xl\:p-14 { - padding: 3.5rem; + .xl\:border-collapse { + border-collapse: collapse; } - .xl\:p-16 { - padding: 4rem; + .xl\:border-separate { + border-collapse: separate; } - .xl\:p-20 { - padding: 5rem; + .xl\:border-transparent { + border-color: transparent; } - .xl\:p-24 { - padding: 6rem; + .xl\:border-current { + border-color: currentColor; } - .xl\:p-28 { - padding: 7rem; + .xl\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:p-32 { - padding: 8rem; + .xl\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:p-36 { - padding: 9rem; + .xl\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:p-40 { - padding: 10rem; + .xl\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:p-44 { - padding: 11rem; + .xl\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:p-48 { - padding: 12rem; + .xl\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:p-52 { - padding: 13rem; + .xl\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:p-56 { - padding: 14rem; + .xl\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:p-60 { - padding: 15rem; + .xl\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:p-64 { - padding: 16rem; + .xl\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:p-72 { - padding: 18rem; + .xl\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:p-80 { - padding: 20rem; + .xl\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:p-96 { - padding: 24rem; + .xl\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:p-px { - padding: 1px; + .xl\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:p-0\.5 { - padding: 0.125rem; + .xl\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:p-1\.5 { - padding: 0.375rem; + .xl\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:p-2\.5 { - padding: 0.625rem; + .xl\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:p-3\.5 { - padding: 0.875rem; + .xl\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .xl\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .xl\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .xl\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .xl\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .xl\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .xl\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .xl\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .xl\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .xl\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .xl\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .xl\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .xl\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .xl\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .xl\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .xl\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .xl\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .xl\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .xl\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .xl\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .xl\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .xl\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .xl\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .xl\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .xl\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .xl\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .xl\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .xl\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .xl\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .xl\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .xl\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .xl\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .xl\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .xl\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .xl\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .xl\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .xl\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .xl\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .xl\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .xl\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .xl\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .xl\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .xl\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .xl\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .xl\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .xl\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .xl\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .group:hover .xl\:group-hover\:border-transparent { + border-color: transparent; } - .xl\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .group:hover .xl\:group-hover\:border-current { + border-color: currentColor; } - .xl\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .group:hover .xl\:group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .group:hover .xl\:group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .group:hover .xl\:group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .group:hover .xl\:group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .group:hover .xl\:group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .group:hover .xl\:group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .group:hover .xl\:group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .group:hover .xl\:group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .group:hover .xl\:group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .group:hover .xl\:group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .group:hover .xl\:group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .group:hover .xl\:group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:pt-0 { - padding-top: 0; + .group:hover .xl\:group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:pr-0 { - padding-right: 0; + .group:hover .xl\:group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:pb-0 { - padding-bottom: 0; + .group:hover .xl\:group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:pl-0 { - padding-left: 0; + .group:hover .xl\:group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:pt-1 { - padding-top: 0.25rem; + .group:hover .xl\:group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:pr-1 { - padding-right: 0.25rem; + .group:hover .xl\:group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:pb-1 { - padding-bottom: 0.25rem; + .group:hover .xl\:group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:pl-1 { - padding-left: 0.25rem; + .group:hover .xl\:group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:pt-2 { - padding-top: 0.5rem; + .group:hover .xl\:group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:pr-2 { - padding-right: 0.5rem; + .group:hover .xl\:group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:pb-2 { - padding-bottom: 0.5rem; + .group:hover .xl\:group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:pl-2 { - padding-left: 0.5rem; + .group:hover .xl\:group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:pt-3 { - padding-top: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:pr-3 { - padding-right: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:pb-3 { - padding-bottom: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:pl-3 { - padding-left: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:pt-4 { - padding-top: 1rem; + .group:hover .xl\:group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:pr-4 { - padding-right: 1rem; + .group:hover .xl\:group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:pb-4 { - padding-bottom: 1rem; + .group:hover .xl\:group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:pl-4 { - padding-left: 1rem; + .group:hover .xl\:group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:pt-5 { - padding-top: 1.25rem; + .group:hover .xl\:group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:pr-5 { - padding-right: 1.25rem; + .group:hover .xl\:group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:pb-5 { - padding-bottom: 1.25rem; + .group:hover .xl\:group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:pl-5 { - padding-left: 1.25rem; + .group:hover .xl\:group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:pt-6 { - padding-top: 1.5rem; + .group:hover .xl\:group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:pr-6 { - padding-right: 1.5rem; + .group:hover .xl\:group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .group:hover .xl\:group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:pl-6 { - padding-left: 1.5rem; + .group:hover .xl\:group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:pt-7 { - padding-top: 1.75rem; + .group:hover .xl\:group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:pr-7 { - padding-right: 1.75rem; + .group:hover .xl\:group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:pb-7 { - padding-bottom: 1.75rem; + .group:hover .xl\:group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:pl-7 { - padding-left: 1.75rem; + .group:hover .xl\:group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:pt-8 { - padding-top: 2rem; + .group:hover .xl\:group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:pr-8 { - padding-right: 2rem; + .group:hover .xl\:group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:pb-8 { - padding-bottom: 2rem; + .group:hover .xl\:group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:pl-8 { - padding-left: 2rem; + .group:hover .xl\:group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:pt-9 { - padding-top: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:pr-9 { - padding-right: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:pb-9 { - padding-bottom: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:pl-9 { - padding-left: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:pt-10 { - padding-top: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:pr-10 { - padding-right: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:pb-10 { - padding-bottom: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:pl-10 { - padding-left: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:pt-12 { - padding-top: 3rem; + .group:hover .xl\:group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:pr-12 { - padding-right: 3rem; + .group:hover .xl\:group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:pb-12 { - padding-bottom: 3rem; + .group:hover .xl\:group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:pl-12 { - padding-left: 3rem; + .group:hover .xl\:group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:pt-14 { - padding-top: 3.5rem; + .group:hover .xl\:group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:pr-14 { - padding-right: 3.5rem; + .group:hover .xl\:group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:pb-14 { - padding-bottom: 3.5rem; + .group:hover .xl\:group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:pl-14 { - padding-left: 3.5rem; + .group:hover .xl\:group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:pt-16 { - padding-top: 4rem; + .group:hover .xl\:group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:pr-16 { - padding-right: 4rem; + .group:hover .xl\:group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:pb-16 { - padding-bottom: 4rem; + .group:hover .xl\:group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:pl-16 { - padding-left: 4rem; + .group:hover .xl\:group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:pt-20 { - padding-top: 5rem; + .group:hover .xl\:group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:pr-20 { - padding-right: 5rem; + .group:hover .xl\:group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:pb-20 { - padding-bottom: 5rem; + .group:hover .xl\:group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:pl-20 { - padding-left: 5rem; + .group:hover .xl\:group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:pt-24 { - padding-top: 6rem; + .xl\:hover\:border-transparent:hover { + border-color: transparent; } - .xl\:pr-24 { - padding-right: 6rem; + .xl\:hover\:border-current:hover { + border-color: currentColor; } - .xl\:pb-24 { - padding-bottom: 6rem; + .xl\:hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:pl-24 { - padding-left: 6rem; + .xl\:hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:pt-28 { - padding-top: 7rem; + .xl\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:pr-28 { - padding-right: 7rem; + .xl\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:pb-28 { - padding-bottom: 7rem; + .xl\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:pl-28 { - padding-left: 7rem; + .xl\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:pt-32 { - padding-top: 8rem; + .xl\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:pr-32 { - padding-right: 8rem; + .xl\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:pb-32 { - padding-bottom: 8rem; + .xl\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:pl-32 { - padding-left: 8rem; + .xl\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:pt-36 { - padding-top: 9rem; + .xl\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:pr-36 { - padding-right: 9rem; + .xl\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:pb-36 { - padding-bottom: 9rem; + .xl\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:pl-36 { - padding-left: 9rem; + .xl\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:pt-40 { - padding-top: 10rem; + .xl\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:pr-40 { - padding-right: 10rem; + .xl\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:pb-40 { - padding-bottom: 10rem; + .xl\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:pl-40 { - padding-left: 10rem; + .xl\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:pt-44 { - padding-top: 11rem; + .xl\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:pr-44 { - padding-right: 11rem; + .xl\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:pb-44 { - padding-bottom: 11rem; + .xl\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:pl-44 { - padding-left: 11rem; + .xl\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:pt-48 { - padding-top: 12rem; + .xl\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:pr-48 { - padding-right: 12rem; + .xl\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:pb-48 { - padding-bottom: 12rem; + .xl\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:pl-48 { - padding-left: 12rem; + .xl\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:pt-52 { - padding-top: 13rem; + .xl\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:pr-52 { - padding-right: 13rem; + .xl\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:pb-52 { - padding-bottom: 13rem; + .xl\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:pl-52 { - padding-left: 13rem; + .xl\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:pt-56 { - padding-top: 14rem; + .xl\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:pr-56 { - padding-right: 14rem; + .xl\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:pb-56 { - padding-bottom: 14rem; + .xl\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:pl-56 { - padding-left: 14rem; + .xl\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:pt-60 { - padding-top: 15rem; + .xl\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:pr-60 { - padding-right: 15rem; + .xl\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:pb-60 { - padding-bottom: 15rem; + .xl\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:pl-60 { - padding-left: 15rem; + .xl\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:pt-64 { - padding-top: 16rem; + .xl\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:pr-64 { - padding-right: 16rem; + .xl\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:pb-64 { - padding-bottom: 16rem; + .xl\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:pl-64 { - padding-left: 16rem; + .xl\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:pt-72 { - padding-top: 18rem; + .xl\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:pr-72 { - padding-right: 18rem; + .xl\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:pb-72 { - padding-bottom: 18rem; + .xl\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:pl-72 { - padding-left: 18rem; + .xl\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:pt-80 { - padding-top: 20rem; + .xl\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:pr-80 { - padding-right: 20rem; + .xl\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:pb-80 { - padding-bottom: 20rem; + .xl\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:pl-80 { - padding-left: 20rem; + .xl\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:pt-96 { - padding-top: 24rem; + .xl\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:pr-96 { - padding-right: 24rem; + .xl\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:pb-96 { - padding-bottom: 24rem; + .xl\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:pl-96 { - padding-left: 24rem; + .xl\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:pt-px { - padding-top: 1px; + .xl\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:pr-px { - padding-right: 1px; + .xl\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:pb-px { - padding-bottom: 1px; + .xl\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:pl-px { - padding-left: 1px; + .xl\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:pt-0\.5 { - padding-top: 0.125rem; + .xl\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:pr-0\.5 { - padding-right: 0.125rem; + .xl\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:pb-0\.5 { - padding-bottom: 0.125rem; + .xl\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:pl-0\.5 { - padding-left: 0.125rem; + .xl\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:pt-1\.5 { - padding-top: 0.375rem; + .xl\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:pr-1\.5 { - padding-right: 0.375rem; + .xl\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:pb-1\.5 { - padding-bottom: 0.375rem; + .xl\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:pl-1\.5 { - padding-left: 0.375rem; + .xl\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:pt-2\.5 { - padding-top: 0.625rem; + .xl\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:pr-2\.5 { - padding-right: 0.625rem; + .xl\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:pb-2\.5 { - padding-bottom: 0.625rem; + .xl\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:pl-2\.5 { - padding-left: 0.625rem; + .xl\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:pt-3\.5 { - padding-top: 0.875rem; + .xl\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:pr-3\.5 { - padding-right: 0.875rem; + .xl\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:pb-3\.5 { - padding-bottom: 0.875rem; + .xl\:focus\:border-transparent:focus { + border-color: transparent; } - .xl\:pl-3\.5 { - padding-left: 0.875rem; + .xl\:focus\:border-current:focus { + border-color: currentColor; } - .xl\:placeholder-transparent::placeholder { - color: transparent; + .xl\:focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:placeholder-current::placeholder { - color: currentColor; + .xl\:focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .xl\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .xl\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .xl\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .xl\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .xl\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .xl\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .xl\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .xl\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .xl\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .xl\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .xl\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .xl\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .xl\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .xl\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .xl\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .xl\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .xl\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .xl\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .xl\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .xl\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .xl\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .xl\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .xl\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .xl\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .xl\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .xl\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .xl\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .xl\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .xl\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .xl\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .xl\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .xl\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .xl\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .xl\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .xl\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .xl\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .xl\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .xl\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .xl\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .xl\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .xl\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .xl\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .xl\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .xl\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .xl\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .xl\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .xl\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .xl\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .xl\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .xl\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .xl\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .xl\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .xl\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .xl\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .xl\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .xl\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .xl\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .xl\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .xl\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .xl\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .xl\:border-opacity-0 { + --border-opacity: 0; } - .xl\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .xl\:border-opacity-25 { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .xl\:border-opacity-50 { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .xl\:border-opacity-75 { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .xl\:border-opacity-100 { + --border-opacity: 1; } - .xl\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-0 { + --border-opacity: 0; } - .xl\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-100 { + --border-opacity: 1; } - .xl\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .xl\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .xl\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .xl\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .xl\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .xl\:rounded-none { + border-radius: 0; } - .xl\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .xl\:rounded-sm { + border-radius: 0.125rem; } - .xl\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .xl\:rounded { + border-radius: 0.25rem; } - .xl\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .xl\:rounded-md { + border-radius: 0.375rem; } - .xl\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .xl\:rounded-lg { + border-radius: 0.5rem; } - .xl\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .xl\:rounded-xl { + border-radius: 0.75rem; } - .xl\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .xl\:rounded-2xl { + border-radius: 1rem; } - .xl\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .xl\:rounded-3xl { + border-radius: 1.5rem; } - .xl\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .xl\:rounded-full { + border-radius: 9999px; } - .xl\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .xl\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .xl\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .xl\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .xl\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .xl\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .xl\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .xl\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .xl\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .xl\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .xl\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .xl\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .xl\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .xl\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .xl\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .xl\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .xl\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .xl\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .xl\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .xl\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .xl\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .xl\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .xl\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .xl\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .xl\:rounded-tl-none { + border-top-left-radius: 0; } - .xl\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .xl\:rounded-tr-none { + border-top-right-radius: 0; } - .xl\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .xl\:rounded-br-none { + border-bottom-right-radius: 0; } - .xl\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .xl\:rounded-bl-none { + border-bottom-left-radius: 0; } - .xl\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .xl\:rounded-tl { + border-top-left-radius: 0.25rem; } - .xl\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .xl\:rounded-tr { + border-top-right-radius: 0.25rem; } - .xl\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:placeholder-transparent::placeholder { - color: transparent; - } + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } - .xl\:dark\:placeholder-current::placeholder { - color: currentColor; - } + .xl\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } - .xl\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .xl\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } - .xl\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .xl\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } - .xl\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .xl\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } - .xl\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } - .xl\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } - .xl\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } - .xl\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } - .xl\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; + } - .xl\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; + } - .xl\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; + } - .xl\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } - .xl\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .xl\:border-solid { + border-style: solid; + } - .xl\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .xl\:border-dashed { + border-style: dashed; + } - .xl\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .xl\:border-dotted { + border-style: dotted; + } - .xl\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .xl\:border-double { + border-style: double; + } - .xl\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .xl\:border-none { + border-style: none; + } - .xl\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .xl\:border-0 { + border-width: 0; + } - .xl\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .xl\:border-2 { + border-width: 2px; + } - .xl\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .xl\:border-4 { + border-width: 4px; + } - .xl\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .xl\:border-8 { + border-width: 8px; + } - .xl\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .xl\:border { + border-width: 1px; + } - .xl\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .xl\:border-t-0 { + border-top-width: 0; + } - .xl\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .xl\:border-r-0 { + border-right-width: 0; + } - .xl\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .xl\:border-b-0 { + border-bottom-width: 0; + } - .xl\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .xl\:border-l-0 { + border-left-width: 0; + } - .xl\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .xl\:border-t-2 { + border-top-width: 2px; + } - .xl\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .xl\:border-r-2 { + border-right-width: 2px; + } - .xl\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .xl\:border-b-2 { + border-bottom-width: 2px; + } - .xl\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .xl\:border-l-2 { + border-left-width: 2px; + } - .xl\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .xl\:border-t-4 { + border-top-width: 4px; + } - .xl\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .xl\:border-r-4 { + border-right-width: 4px; + } - .xl\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .xl\:border-b-4 { + border-bottom-width: 4px; + } - .xl\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .xl\:border-l-4 { + border-left-width: 4px; + } - .xl\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .xl\:border-t-8 { + border-top-width: 8px; + } - .xl\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .xl\:border-r-8 { + border-right-width: 8px; + } - .xl\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .xl\:border-b-8 { + border-bottom-width: 8px; + } - .xl\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .xl\:border-l-8 { + border-left-width: 8px; + } - .xl\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .xl\:border-t { + border-top-width: 1px; + } - .xl\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .xl\:border-r { + border-right-width: 1px; + } - .xl\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .xl\:border-b { + border-bottom-width: 1px; + } - .xl\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .xl\:border-l { + border-left-width: 1px; + } - .xl\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .xl\:box-border { + box-sizing: border-box; + } - .xl\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .xl\:box-content { + box-sizing: content-box; + } - .xl\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .xl\:cursor-auto { + cursor: auto; + } - .xl\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .xl\:cursor-default { + cursor: default; + } - .xl\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .xl\:cursor-pointer { + cursor: pointer; + } - .xl\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .xl\:cursor-wait { + cursor: wait; + } - .xl\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .xl\:cursor-text { + cursor: text; + } - .xl\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .xl\:cursor-move { + cursor: move; + } - .xl\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .xl\:cursor-not-allowed { + cursor: not-allowed; + } - .xl\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .xl\:block { + display: block; + } - .xl\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .xl\:inline-block { + display: inline-block; + } - .xl\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .xl\:inline { + display: inline; + } - .xl\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .xl\:flex { + display: flex; + } - .xl\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .xl\:inline-flex { + display: inline-flex; + } - .xl\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .xl\:table { + display: table; + } - .xl\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .xl\:table-caption { + display: table-caption; + } - .xl\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .xl\:table-cell { + display: table-cell; + } - .xl\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .xl\:table-column { + display: table-column; + } - .xl\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .xl\:table-column-group { + display: table-column-group; + } - .xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .xl\:table-footer-group { + display: table-footer-group; + } - .xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .xl\:table-header-group { + display: table-header-group; + } - .xl\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .xl\:table-row-group { + display: table-row-group; + } - .xl\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .xl\:table-row { + display: table-row; + } - .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .xl\:flow-root { + display: flow-root; + } - .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .xl\:grid { + display: grid; + } - .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .xl\:inline-grid { + display: inline-grid; + } - .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .xl\:contents { + display: contents; + } - .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .xl\:hidden { + display: none; + } - .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .xl\:flex-row { + flex-direction: row; + } - .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .xl\:flex-row-reverse { + flex-direction: row-reverse; + } - .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .xl\:flex-col { + flex-direction: column; + } - .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .xl\:flex-col-reverse { + flex-direction: column-reverse; + } - .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .xl\:flex-wrap { + flex-wrap: wrap; + } - .xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .xl\:flex-no-wrap { + flex-wrap: nowrap; + } - .xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .xl\:place-items-auto { + place-items: auto; + } - .xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .xl\:place-items-start { + place-items: start; + } - .xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .xl\:place-items-end { + place-items: end; + } - .xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .xl\:place-items-center { + place-items: center; + } - .xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .xl\:place-items-stretch { + place-items: stretch; + } - .xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .xl\:place-content-center { + place-content: center; + } - .xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .xl\:place-content-start { + place-content: start; + } - .xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .xl\:place-content-end { + place-content: end; + } - .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .xl\:place-content-between { + place-content: space-between; + } - .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .xl\:place-content-around { + place-content: space-around; + } - .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .xl\:place-content-evenly { + place-content: space-evenly; + } - .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .xl\:place-content-stretch { + place-content: stretch; + } - .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .xl\:place-self-auto { + place-self: auto; + } - .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .xl\:place-self-start { + place-self: start; + } - .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .xl\:place-self-end { + place-self: end; + } - .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .xl\:place-self-center { + place-self: center; + } - .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .xl\:place-self-stretch { + place-self: stretch; + } - .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .xl\:items-start { + align-items: flex-start; + } - .xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .xl\:items-end { + align-items: flex-end; + } - .xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .xl\:items-center { + align-items: center; + } - .xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .xl\:items-baseline { + align-items: baseline; + } - .xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .xl\:items-stretch { + align-items: stretch; + } - .xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .xl\:content-center { + align-content: center; + } - .xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .xl\:content-start { + align-content: flex-start; + } - .xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .xl\:content-end { + align-content: flex-end; + } - .xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .xl\:content-between { + align-content: space-between; + } - .xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .xl\:content-around { + align-content: space-around; + } - .xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .xl\:content-evenly { + align-content: space-evenly; + } - .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .xl\:self-auto { + align-self: auto; + } - .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .xl\:self-start { + align-self: flex-start; + } - .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .xl\:self-end { + align-self: flex-end; + } - .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .xl\:self-center { + align-self: center; + } - .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .xl\:self-stretch { + align-self: stretch; + } - .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .xl\:justify-items-auto { + justify-items: auto; + } - .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .xl\:justify-items-start { + justify-items: start; + } - .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .xl\:justify-items-end { + justify-items: end; + } - .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .xl\:justify-items-center { + justify-items: center; + } - .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .xl\:justify-items-stretch { + justify-items: stretch; + } - .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .xl\:justify-start { + justify-content: flex-start; + } - .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .xl\:justify-end { + justify-content: flex-end; + } - .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .xl\:justify-center { + justify-content: center; + } - .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .xl\:justify-between { + justify-content: space-between; + } - .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .xl\:justify-around { + justify-content: space-around; + } - .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .xl\:justify-evenly { + justify-content: space-evenly; + } - .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .xl\:justify-self-auto { + justify-self: auto; + } - .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .xl\:justify-self-start { + justify-self: start; + } - .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .xl\:justify-self-end { + justify-self: end; + } - .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .xl\:justify-self-center { + justify-self: center; + } - .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .xl\:justify-self-stretch { + justify-self: stretch; + } - .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .xl\:flex-1 { + flex: 1 1 0%; + } - .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .xl\:flex-auto { + flex: 1 1 auto; + } - .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .xl\:flex-initial { + flex: 0 1 auto; + } - .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .xl\:flex-none { + flex: none; + } - .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .xl\:flex-grow-0 { + flex-grow: 0; + } - .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .xl\:flex-grow { + flex-grow: 1; + } - .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .xl\:flex-shrink-0 { + flex-shrink: 0; + } - .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .xl\:flex-shrink { + flex-shrink: 1; + } - .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .xl\:order-1 { + order: 1; } - .xl\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .xl\:order-2 { + order: 2; } - .xl\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .xl\:order-3 { + order: 3; } - .xl\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .xl\:order-4 { + order: 4; } - .xl\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .xl\:order-5 { + order: 5; } - .xl\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .xl\:order-6 { + order: 6; } - .xl\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .xl\:order-7 { + order: 7; } - .xl\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .xl\:order-8 { + order: 8; } - .xl\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .xl\:order-9 { + order: 9; } - .xl\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .xl\:order-10 { + order: 10; } - .xl\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .xl\:order-11 { + order: 11; } - .xl\:pointer-events-none { - pointer-events: none; + .xl\:order-12 { + order: 12; } - .xl\:pointer-events-auto { - pointer-events: auto; + .xl\:order-first { + order: -9999; } - .xl\:static { - position: static; + .xl\:order-last { + order: 9999; } - .xl\:fixed { - position: fixed; + .xl\:order-none { + order: 0; } - .xl\:absolute { - position: absolute; + .xl\:float-right { + float: right; } - .xl\:relative { - position: relative; + .xl\:float-left { + float: left; } - .xl\:sticky { - position: sticky; + .xl\:float-none { + float: none; } - .xl\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .xl\:clearfix:after { + content: ""; + display: table; + clear: both; } - .xl\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .xl\:clear-left { + clear: left; } - .xl\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .xl\:clear-right { + clear: right; } - .xl\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .xl\:clear-both { + clear: both; } - .xl\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .xl\:clear-none { + clear: none; } - .xl\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .xl\:font-sans { + font-family: ui-sans-serif, 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"; } - .xl\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .xl\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .xl\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .xl\:font-thin { + font-weight: 100; } - .xl\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .xl\:font-extralight { + font-weight: 200; } - .xl\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .xl\:font-light { + font-weight: 300; } - .xl\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .xl\:font-normal { + font-weight: 400; } - .xl\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .xl\:font-medium { + font-weight: 500; } - .xl\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .xl\:font-semibold { + font-weight: 600; } - .xl\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .xl\:font-bold { + font-weight: 700; } - .xl\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .xl\:font-extrabold { + font-weight: 800; } - .xl\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .xl\:font-black { + font-weight: 900; } - .xl\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .xl\:hover\:font-thin:hover { + font-weight: 100; } - .xl\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .xl\:hover\:font-extralight:hover { + font-weight: 200; } - .xl\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .xl\:hover\:font-light:hover { + font-weight: 300; } - .xl\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .xl\:hover\:font-normal:hover { + font-weight: 400; } - .xl\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .xl\:hover\:font-medium:hover { + font-weight: 500; } - .xl\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .xl\:hover\:font-semibold:hover { + font-weight: 600; } - .xl\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .xl\:hover\:font-bold:hover { + font-weight: 700; } - .xl\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .xl\:hover\:font-extrabold:hover { + font-weight: 800; } - .xl\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .xl\:hover\:font-black:hover { + font-weight: 900; } - .xl\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .xl\:focus\:font-thin:focus { + font-weight: 100; } - .xl\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .xl\:focus\:font-extralight:focus { + font-weight: 200; } - .xl\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .xl\:focus\:font-light:focus { + font-weight: 300; } - .xl\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:focus\:font-normal:focus { + font-weight: 400; } - .xl\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .xl\:focus\:font-medium:focus { + font-weight: 500; } - .xl\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .xl\:focus\:font-semibold:focus { + font-weight: 600; } - .xl\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .xl\:focus\:font-bold:focus { + font-weight: 700; } - .xl\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .xl\:focus\:font-extrabold:focus { + font-weight: 800; } - .xl\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .xl\:focus\:font-black:focus { + font-weight: 900; } - .xl\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .xl\:h-0 { + height: 0; } - .xl\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .xl\:h-1 { + height: 0.25rem; } - .xl\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .xl\:h-2 { + height: 0.5rem; } - .xl\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .xl\:h-3 { + height: 0.75rem; } - .xl\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .xl\:h-4 { + height: 1rem; } - .xl\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .xl\:h-5 { + height: 1.25rem; } - .xl\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .xl\:h-6 { + height: 1.5rem; } - .xl\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .xl\:h-7 { + height: 1.75rem; } - .xl\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .xl\:h-8 { + height: 2rem; } - .xl\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .xl\:h-9 { + height: 2.25rem; } - .xl\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .xl\:h-10 { + height: 2.5rem; } - .xl\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .xl\:h-12 { + height: 3rem; } - .xl\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .xl\:h-14 { + height: 3.5rem; } - .xl\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .xl\:h-16 { + height: 4rem; } - .xl\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .xl\:h-20 { + height: 5rem; } - .xl\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .xl\:h-24 { + height: 6rem; } - .xl\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .xl\:h-28 { + height: 7rem; } - .xl\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .xl\:h-32 { + height: 8rem; } - .xl\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .xl\:h-36 { + height: 9rem; } - .xl\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .xl\:h-40 { + height: 10rem; } - .xl\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .xl\:h-44 { + height: 11rem; } - .xl\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .xl\:h-48 { + height: 12rem; } - .xl\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .xl\:h-52 { + height: 13rem; } - .xl\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .xl\:h-56 { + height: 14rem; } - .xl\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .xl\:h-60 { + height: 15rem; } - .xl\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .xl\:h-64 { + height: 16rem; } - .xl\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .xl\:h-72 { + height: 18rem; } - .xl\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .xl\:h-80 { + height: 20rem; } - .xl\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .xl\:h-96 { + height: 24rem; } - .xl\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .xl\:h-auto { + height: auto; } - .xl\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .xl\:h-px { + height: 1px; } - .xl\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .xl\:h-0\.5 { + height: 0.125rem; } - .xl\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .xl\:h-1\.5 { + height: 0.375rem; } - .xl\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:h-2\.5 { + height: 0.625rem; } - .xl\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .xl\:h-3\.5 { + height: 0.875rem; } - .xl\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .xl\:h-full { + height: 100%; } - .xl\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .xl\:h-screen { + height: 100vh; } - .xl\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .xl\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .xl\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .xl\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .xl\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .xl\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .xl\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .xl\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .xl\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .xl\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; } - .xl\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .xl\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .xl\:inset-y-0 { - top: 0; - bottom: 0; + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .xl\:inset-x-0 { - right: 0; - left: 0; + .xl\:text-8xl { + font-size: 6rem; + line-height: 1; } - .xl\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .xl\:text-9xl { + font-size: 8rem; + line-height: 1; } - .xl\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .xl\:leading-3 { + line-height: .75rem; } - .xl\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .xl\:leading-4 { + line-height: 1rem; } - .xl\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .xl\:leading-5 { + line-height: 1.25rem; } - .xl\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .xl\:leading-6 { + line-height: 1.5rem; } - .xl\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .xl\:leading-7 { + line-height: 1.75rem; } - .xl\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .xl\:leading-8 { + line-height: 2rem; } - .xl\:inset-x-4 { - right: 1rem; - left: 1rem; + .xl\:leading-9 { + line-height: 2.25rem; } - .xl\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .xl\:leading-10 { + line-height: 2.5rem; } - .xl\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .xl\:leading-none { + line-height: 1; } - .xl\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .xl\:leading-tight { + line-height: 1.25; } - .xl\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .xl\:leading-snug { + line-height: 1.375; } - .xl\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .xl\:leading-normal { + line-height: 1.5; } - .xl\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .xl\:leading-relaxed { + line-height: 1.625; } - .xl\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .xl\:leading-loose { + line-height: 2; } - .xl\:inset-x-8 { - right: 2rem; - left: 2rem; + .xl\:list-inside { + list-style-position: inside; } - .xl\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .xl\:list-outside { + list-style-position: outside; } - .xl\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .xl\:list-none { + list-style-type: none; } - .xl\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .xl\:list-disc { + list-style-type: disc; } - .xl\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .xl\:list-decimal { + list-style-type: decimal; } - .xl\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .xl\:m-0 { + margin: 0; } - .xl\:inset-x-12 { - right: 3rem; - left: 3rem; + .xl\:m-1 { + margin: 0.25rem; } - .xl\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .xl\:m-2 { + margin: 0.5rem; } - .xl\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .xl\:m-3 { + margin: 0.75rem; } - .xl\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .xl\:m-4 { + margin: 1rem; } - .xl\:inset-x-16 { - right: 4rem; - left: 4rem; + .xl\:m-5 { + margin: 1.25rem; } - .xl\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .xl\:m-6 { + margin: 1.5rem; } - .xl\:inset-x-20 { - right: 5rem; - left: 5rem; + .xl\:m-7 { + margin: 1.75rem; } - .xl\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .xl\:m-8 { + margin: 2rem; } - .xl\:inset-x-24 { - right: 6rem; - left: 6rem; + .xl\:m-9 { + margin: 2.25rem; } - .xl\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .xl\:m-10 { + margin: 2.5rem; } - .xl\:inset-x-28 { - right: 7rem; - left: 7rem; + .xl\:m-12 { + margin: 3rem; } - .xl\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .xl\:m-14 { + margin: 3.5rem; } - .xl\:inset-x-32 { - right: 8rem; - left: 8rem; + .xl\:m-16 { + margin: 4rem; } - .xl\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .xl\:m-20 { + margin: 5rem; } - .xl\:inset-x-36 { - right: 9rem; - left: 9rem; + .xl\:m-24 { + margin: 6rem; } - .xl\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .xl\:m-28 { + margin: 7rem; } - .xl\:inset-x-40 { - right: 10rem; - left: 10rem; + .xl\:m-32 { + margin: 8rem; } - .xl\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .xl\:m-36 { + margin: 9rem; } - .xl\:inset-x-44 { - right: 11rem; - left: 11rem; + .xl\:m-40 { + margin: 10rem; } - .xl\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .xl\:m-44 { + margin: 11rem; } - .xl\:inset-x-48 { - right: 12rem; - left: 12rem; + .xl\:m-48 { + margin: 12rem; } - .xl\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .xl\:m-52 { + margin: 13rem; } - .xl\:inset-x-52 { - right: 13rem; - left: 13rem; + .xl\:m-56 { + margin: 14rem; } - .xl\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .xl\:m-60 { + margin: 15rem; } - .xl\:inset-x-56 { - right: 14rem; - left: 14rem; + .xl\:m-64 { + margin: 16rem; } - .xl\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .xl\:m-72 { + margin: 18rem; } - .xl\:inset-x-60 { - right: 15rem; - left: 15rem; + .xl\:m-80 { + margin: 20rem; } - .xl\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .xl\:m-96 { + margin: 24rem; } - .xl\:inset-x-64 { - right: 16rem; - left: 16rem; + .xl\:m-auto { + margin: auto; } - .xl\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .xl\:m-px { + margin: 1px; } - .xl\:inset-x-72 { - right: 18rem; - left: 18rem; + .xl\:m-0\.5 { + margin: 0.125rem; } - .xl\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .xl\:m-1\.5 { + margin: 0.375rem; } - .xl\:inset-x-80 { - right: 20rem; - left: 20rem; + .xl\:m-2\.5 { + margin: 0.625rem; } - .xl\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .xl\:m-3\.5 { + margin: 0.875rem; } - .xl\:inset-x-96 { - right: 24rem; - left: 24rem; + .xl\:-m-1 { + margin: -0.25rem; } - .xl\:inset-y-auto { - top: auto; - bottom: auto; + .xl\:-m-2 { + margin: -0.5rem; } - .xl\:inset-x-auto { - right: auto; - left: auto; + .xl\:-m-3 { + margin: -0.75rem; } - .xl\:inset-y-px { - top: 1px; - bottom: 1px; + .xl\:-m-4 { + margin: -1rem; } - .xl\:inset-x-px { - right: 1px; - left: 1px; + .xl\:-m-5 { + margin: -1.25rem; } - .xl\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .xl\:-m-6 { + margin: -1.5rem; } - .xl\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .xl\:-m-7 { + margin: -1.75rem; } - .xl\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .xl\:-m-8 { + margin: -2rem; } - .xl\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .xl\:-m-9 { + margin: -2.25rem; } - .xl\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .xl\:-m-10 { + margin: -2.5rem; } - .xl\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .xl\:-m-12 { + margin: -3rem; } - .xl\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .xl\:-m-14 { + margin: -3.5rem; } - .xl\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .xl\:-m-16 { + margin: -4rem; } - .xl\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .xl\:-m-20 { + margin: -5rem; } - .xl\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .xl\:-m-24 { + margin: -6rem; } - .xl\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .xl\:-m-28 { + margin: -7rem; } - .xl\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .xl\:-m-32 { + margin: -8rem; } - .xl\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .xl\:-m-36 { + margin: -9rem; } - .xl\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .xl\:-m-40 { + margin: -10rem; } - .xl\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .xl\:-m-44 { + margin: -11rem; } - .xl\:-inset-x-4 { - right: -1rem; - left: -1rem; + .xl\:-m-48 { + margin: -12rem; } - .xl\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .xl\:-m-52 { + margin: -13rem; } - .xl\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .xl\:-m-56 { + margin: -14rem; } - .xl\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .xl\:-m-60 { + margin: -15rem; } - .xl\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .xl\:-m-64 { + margin: -16rem; } - .xl\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .xl\:-m-72 { + margin: -18rem; } - .xl\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .xl\:-m-80 { + margin: -20rem; } - .xl\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .xl\:-m-96 { + margin: -24rem; } - .xl\:-inset-x-8 { - right: -2rem; - left: -2rem; + .xl\:-m-px { + margin: -1px; } - .xl\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .xl\:-m-0\.5 { + margin: -0.125rem; } - .xl\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .xl\:-m-1\.5 { + margin: -0.375rem; } - .xl\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .xl\:-m-2\.5 { + margin: -0.625rem; } - .xl\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .xl\:-m-3\.5 { + margin: -0.875rem; } - .xl\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:-inset-x-12 { - right: -3rem; - left: -3rem; + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .xl\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .xl\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .xl\:-inset-x-16 { - right: -4rem; - left: -4rem; + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .xl\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .xl\:-inset-x-20 { - right: -5rem; - left: -5rem; + .xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .xl\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:-inset-x-24 { - right: -6rem; - left: -6rem; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .xl\:-inset-x-28 { - right: -7rem; - left: -7rem; + .xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .xl\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:-inset-x-32 { - right: -8rem; - left: -8rem; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .xl\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .xl\:-inset-x-36 { - right: -9rem; - left: -9rem; + .xl\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .xl\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:-inset-x-40 { - right: -10rem; - left: -10rem; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .xl\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .xl\:-inset-x-44 { - right: -11rem; - left: -11rem; + .xl\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .xl\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .xl\:-inset-x-48 { - right: -12rem; - left: -12rem; + .xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .xl\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .xl\:-inset-x-52 { - right: -13rem; - left: -13rem; + .xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .xl\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .xl\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .xl\:-inset-x-56 { - right: -14rem; - left: -14rem; + .xl\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .xl\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .xl\:-inset-x-60 { - right: -15rem; - left: -15rem; + .xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .xl\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .xl\:-inset-x-64 { - right: -16rem; - left: -16rem; + .xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .xl\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .xl\:-inset-x-72 { - right: -18rem; - left: -18rem; + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .xl\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .xl\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .xl\:-inset-x-80 { - right: -20rem; - left: -20rem; + .xl\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .xl\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .xl\:-inset-x-96 { - right: -24rem; - left: -24rem; + .xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .xl\:-inset-y-px { - top: -1px; - bottom: -1px; + .xl\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .xl\:-inset-x-px { - right: -1px; - left: -1px; + .xl\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .xl\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .xl\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .xl\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .xl\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .xl\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .xl\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .xl\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .xl\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .xl\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .xl\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .xl\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .xl\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .xl\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .xl\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .xl\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .xl\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .xl\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .xl\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .xl\:inset-x-1\/2 { - right: 50%; - left: 50%; + .xl\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .xl\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .xl\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .xl\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .xl\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .xl\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .xl\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .xl\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .xl\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .xl\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .xl\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .xl\:inset-x-1\/4 { - right: 25%; - left: 25%; + .xl\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .xl\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .xl\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .xl\:inset-x-2\/4 { - right: 50%; - left: 50%; + .xl\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .xl\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .xl\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .xl\:inset-x-3\/4 { - right: 75%; - left: 75%; + .xl\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .xl\:inset-y-full { - top: 100%; - bottom: 100%; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:inset-x-full { - right: 100%; - left: 100%; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .xl\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .xl\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .xl\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .xl\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .xl\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .xl\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .xl\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .xl\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .xl\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .xl\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .xl\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .xl\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .xl\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .xl\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .xl\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .xl\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:-inset-y-full { - top: -100%; - bottom: -100%; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:-inset-x-full { - right: -100%; - left: -100%; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:top-0 { - top: 0; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:right-0 { - right: 0; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:bottom-0 { - bottom: 0; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:left-0 { - left: 0; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:top-1 { - top: 0.25rem; + .xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .xl\:right-1 { - right: 0.25rem; + .xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .xl\:bottom-1 { - bottom: 0.25rem; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:left-1 { - left: 0.25rem; + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:top-2 { - top: 0.5rem; + .xl\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .xl\:right-2 { - right: 0.5rem; + .xl\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .xl\:bottom-2 { - bottom: 0.5rem; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:left-2 { - left: 0.5rem; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:top-3 { - top: 0.75rem; + .xl\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .xl\:right-3 { - right: 0.75rem; + .xl\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .xl\:bottom-3 { - bottom: 0.75rem; + .xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .xl\:left-3 { - left: 0.75rem; + .xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .xl\:top-4 { - top: 1rem; + .xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .xl\:right-4 { - right: 1rem; + .xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .xl\:bottom-4 { - bottom: 1rem; + .xl\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .xl\:left-4 { - left: 1rem; + .xl\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .xl\:top-5 { - top: 1.25rem; + .xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .xl\:right-5 { - right: 1.25rem; + .xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .xl\:bottom-5 { - bottom: 1.25rem; + .xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .xl\:left-5 { - left: 1.25rem; + .xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .xl\:top-6 { - top: 1.5rem; + .xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .xl\:right-6 { - right: 1.5rem; + .xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .xl\:bottom-6 { - bottom: 1.5rem; + .xl\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .xl\:left-6 { - left: 1.5rem; + .xl\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .xl\:top-7 { - top: 1.75rem; + .xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .xl\:right-7 { - right: 1.75rem; + .xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .xl\:bottom-7 { - bottom: 1.75rem; + .xl\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .xl\:left-7 { - left: 1.75rem; + .xl\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .xl\:top-8 { - top: 2rem; + .xl\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .xl\:right-8 { - right: 2rem; + .xl\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .xl\:bottom-8 { - bottom: 2rem; + .xl\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .xl\:left-8 { - left: 2rem; + .xl\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .xl\:top-9 { - top: 2.25rem; + .xl\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .xl\:right-9 { - right: 2.25rem; + .xl\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .xl\:bottom-9 { - bottom: 2.25rem; + .xl\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .xl\:left-9 { - left: 2.25rem; + .xl\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .xl\:top-10 { - top: 2.5rem; + .xl\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .xl\:right-10 { - right: 2.5rem; + .xl\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .xl\:bottom-10 { - bottom: 2.5rem; + .xl\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .xl\:left-10 { - left: 2.5rem; + .xl\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .xl\:top-12 { - top: 3rem; + .xl\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .xl\:right-12 { - right: 3rem; + .xl\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .xl\:bottom-12 { - bottom: 3rem; + .xl\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .xl\:left-12 { - left: 3rem; + .xl\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .xl\:top-14 { - top: 3.5rem; + .xl\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .xl\:right-14 { - right: 3.5rem; + .xl\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .xl\:bottom-14 { - bottom: 3.5rem; + .xl\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .xl\:left-14 { - left: 3.5rem; + .xl\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .xl\:top-16 { - top: 4rem; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:right-16 { - right: 4rem; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:bottom-16 { - bottom: 4rem; + .xl\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .xl\:left-16 { - left: 4rem; + .xl\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .xl\:top-20 { - top: 5rem; + .xl\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .xl\:right-20 { - right: 5rem; + .xl\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .xl\:bottom-20 { - bottom: 5rem; + .xl\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .xl\:left-20 { - left: 5rem; + .xl\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .xl\:top-24 { - top: 6rem; + .xl\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .xl\:right-24 { - right: 6rem; + .xl\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .xl\:bottom-24 { - bottom: 6rem; + .xl\:mt-0 { + margin-top: 0; } - .xl\:left-24 { - left: 6rem; + .xl\:mr-0 { + margin-right: 0; } - .xl\:top-28 { - top: 7rem; + .xl\:mb-0 { + margin-bottom: 0; } - .xl\:right-28 { - right: 7rem; + .xl\:ml-0 { + margin-left: 0; } - .xl\:bottom-28 { - bottom: 7rem; + .xl\:mt-1 { + margin-top: 0.25rem; } - .xl\:left-28 { - left: 7rem; + .xl\:mr-1 { + margin-right: 0.25rem; } - .xl\:top-32 { - top: 8rem; + .xl\:mb-1 { + margin-bottom: 0.25rem; } - .xl\:right-32 { - right: 8rem; + .xl\:ml-1 { + margin-left: 0.25rem; } - .xl\:bottom-32 { - bottom: 8rem; + .xl\:mt-2 { + margin-top: 0.5rem; } - .xl\:left-32 { - left: 8rem; + .xl\:mr-2 { + margin-right: 0.5rem; } - .xl\:top-36 { - top: 9rem; + .xl\:mb-2 { + margin-bottom: 0.5rem; } - .xl\:right-36 { - right: 9rem; + .xl\:ml-2 { + margin-left: 0.5rem; } - .xl\:bottom-36 { - bottom: 9rem; + .xl\:mt-3 { + margin-top: 0.75rem; } - .xl\:left-36 { - left: 9rem; + .xl\:mr-3 { + margin-right: 0.75rem; } - .xl\:top-40 { - top: 10rem; + .xl\:mb-3 { + margin-bottom: 0.75rem; } - .xl\:right-40 { - right: 10rem; + .xl\:ml-3 { + margin-left: 0.75rem; } - .xl\:bottom-40 { - bottom: 10rem; + .xl\:mt-4 { + margin-top: 1rem; } - .xl\:left-40 { - left: 10rem; + .xl\:mr-4 { + margin-right: 1rem; } - .xl\:top-44 { - top: 11rem; + .xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:right-44 { - right: 11rem; + .xl\:ml-4 { + margin-left: 1rem; } - .xl\:bottom-44 { - bottom: 11rem; + .xl\:mt-5 { + margin-top: 1.25rem; } - .xl\:left-44 { - left: 11rem; + .xl\:mr-5 { + margin-right: 1.25rem; } - .xl\:top-48 { - top: 12rem; + .xl\:mb-5 { + margin-bottom: 1.25rem; } - .xl\:right-48 { - right: 12rem; + .xl\:ml-5 { + margin-left: 1.25rem; } - .xl\:bottom-48 { - bottom: 12rem; + .xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:left-48 { - left: 12rem; + .xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:top-52 { - top: 13rem; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:right-52 { - right: 13rem; + .xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:bottom-52 { - bottom: 13rem; + .xl\:mt-7 { + margin-top: 1.75rem; } - .xl\:left-52 { - left: 13rem; + .xl\:mr-7 { + margin-right: 1.75rem; } - .xl\:top-56 { - top: 14rem; + .xl\:mb-7 { + margin-bottom: 1.75rem; } - .xl\:right-56 { - right: 14rem; + .xl\:ml-7 { + margin-left: 1.75rem; } - .xl\:bottom-56 { - bottom: 14rem; + .xl\:mt-8 { + margin-top: 2rem; } - .xl\:left-56 { - left: 14rem; + .xl\:mr-8 { + margin-right: 2rem; } - .xl\:top-60 { - top: 15rem; + .xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:right-60 { - right: 15rem; + .xl\:ml-8 { + margin-left: 2rem; } - .xl\:bottom-60 { - bottom: 15rem; + .xl\:mt-9 { + margin-top: 2.25rem; } - .xl\:left-60 { - left: 15rem; + .xl\:mr-9 { + margin-right: 2.25rem; } - .xl\:top-64 { - top: 16rem; + .xl\:mb-9 { + margin-bottom: 2.25rem; } - .xl\:right-64 { - right: 16rem; + .xl\:ml-9 { + margin-left: 2.25rem; } - .xl\:bottom-64 { - bottom: 16rem; + .xl\:mt-10 { + margin-top: 2.5rem; } - .xl\:left-64 { - left: 16rem; + .xl\:mr-10 { + margin-right: 2.5rem; } - .xl\:top-72 { - top: 18rem; + .xl\:mb-10 { + margin-bottom: 2.5rem; } - .xl\:right-72 { - right: 18rem; + .xl\:ml-10 { + margin-left: 2.5rem; } - .xl\:bottom-72 { - bottom: 18rem; + .xl\:mt-12 { + margin-top: 3rem; } - .xl\:left-72 { - left: 18rem; + .xl\:mr-12 { + margin-right: 3rem; } - .xl\:top-80 { - top: 20rem; + .xl\:mb-12 { + margin-bottom: 3rem; } - .xl\:right-80 { - right: 20rem; + .xl\:ml-12 { + margin-left: 3rem; } - .xl\:bottom-80 { - bottom: 20rem; + .xl\:mt-14 { + margin-top: 3.5rem; } - .xl\:left-80 { - left: 20rem; + .xl\:mr-14 { + margin-right: 3.5rem; } - .xl\:top-96 { - top: 24rem; + .xl\:mb-14 { + margin-bottom: 3.5rem; } - .xl\:right-96 { - right: 24rem; + .xl\:ml-14 { + margin-left: 3.5rem; } - .xl\:bottom-96 { - bottom: 24rem; + .xl\:mt-16 { + margin-top: 4rem; } - .xl\:left-96 { - left: 24rem; + .xl\:mr-16 { + margin-right: 4rem; } - .xl\:top-auto { - top: auto; + .xl\:mb-16 { + margin-bottom: 4rem; } - .xl\:right-auto { - right: auto; + .xl\:ml-16 { + margin-left: 4rem; } - .xl\:bottom-auto { - bottom: auto; + .xl\:mt-20 { + margin-top: 5rem; } - .xl\:left-auto { - left: auto; + .xl\:mr-20 { + margin-right: 5rem; } - .xl\:top-px { - top: 1px; + .xl\:mb-20 { + margin-bottom: 5rem; } - .xl\:right-px { - right: 1px; + .xl\:ml-20 { + margin-left: 5rem; } - .xl\:bottom-px { - bottom: 1px; + .xl\:mt-24 { + margin-top: 6rem; } - .xl\:left-px { - left: 1px; + .xl\:mr-24 { + margin-right: 6rem; } - .xl\:top-0\.5 { - top: 0.125rem; + .xl\:mb-24 { + margin-bottom: 6rem; } - .xl\:right-0\.5 { - right: 0.125rem; + .xl\:ml-24 { + margin-left: 6rem; } - .xl\:bottom-0\.5 { - bottom: 0.125rem; + .xl\:mt-28 { + margin-top: 7rem; } - .xl\:left-0\.5 { - left: 0.125rem; + .xl\:mr-28 { + margin-right: 7rem; } - .xl\:top-1\.5 { - top: 0.375rem; + .xl\:mb-28 { + margin-bottom: 7rem; } - .xl\:right-1\.5 { - right: 0.375rem; + .xl\:ml-28 { + margin-left: 7rem; } - .xl\:bottom-1\.5 { - bottom: 0.375rem; + .xl\:mt-32 { + margin-top: 8rem; } - .xl\:left-1\.5 { - left: 0.375rem; + .xl\:mr-32 { + margin-right: 8rem; } - .xl\:top-2\.5 { - top: 0.625rem; + .xl\:mb-32 { + margin-bottom: 8rem; } - .xl\:right-2\.5 { - right: 0.625rem; + .xl\:ml-32 { + margin-left: 8rem; } - .xl\:bottom-2\.5 { - bottom: 0.625rem; + .xl\:mt-36 { + margin-top: 9rem; } - .xl\:left-2\.5 { - left: 0.625rem; + .xl\:mr-36 { + margin-right: 9rem; } - .xl\:top-3\.5 { - top: 0.875rem; + .xl\:mb-36 { + margin-bottom: 9rem; } - .xl\:right-3\.5 { - right: 0.875rem; + .xl\:ml-36 { + margin-left: 9rem; } - .xl\:bottom-3\.5 { - bottom: 0.875rem; + .xl\:mt-40 { + margin-top: 10rem; } - .xl\:left-3\.5 { - left: 0.875rem; + .xl\:mr-40 { + margin-right: 10rem; } - .xl\:-top-1 { - top: -0.25rem; + .xl\:mb-40 { + margin-bottom: 10rem; } - .xl\:-right-1 { - right: -0.25rem; + .xl\:ml-40 { + margin-left: 10rem; } - .xl\:-bottom-1 { - bottom: -0.25rem; + .xl\:mt-44 { + margin-top: 11rem; } - .xl\:-left-1 { - left: -0.25rem; + .xl\:mr-44 { + margin-right: 11rem; } - .xl\:-top-2 { - top: -0.5rem; + .xl\:mb-44 { + margin-bottom: 11rem; } - .xl\:-right-2 { - right: -0.5rem; + .xl\:ml-44 { + margin-left: 11rem; } - .xl\:-bottom-2 { - bottom: -0.5rem; + .xl\:mt-48 { + margin-top: 12rem; } - .xl\:-left-2 { - left: -0.5rem; + .xl\:mr-48 { + margin-right: 12rem; } - .xl\:-top-3 { - top: -0.75rem; + .xl\:mb-48 { + margin-bottom: 12rem; } - .xl\:-right-3 { - right: -0.75rem; + .xl\:ml-48 { + margin-left: 12rem; } - .xl\:-bottom-3 { - bottom: -0.75rem; + .xl\:mt-52 { + margin-top: 13rem; } - .xl\:-left-3 { - left: -0.75rem; + .xl\:mr-52 { + margin-right: 13rem; } - .xl\:-top-4 { - top: -1rem; + .xl\:mb-52 { + margin-bottom: 13rem; } - .xl\:-right-4 { - right: -1rem; + .xl\:ml-52 { + margin-left: 13rem; } - .xl\:-bottom-4 { - bottom: -1rem; + .xl\:mt-56 { + margin-top: 14rem; } - .xl\:-left-4 { - left: -1rem; + .xl\:mr-56 { + margin-right: 14rem; } - .xl\:-top-5 { - top: -1.25rem; + .xl\:mb-56 { + margin-bottom: 14rem; } - .xl\:-right-5 { - right: -1.25rem; + .xl\:ml-56 { + margin-left: 14rem; } - .xl\:-bottom-5 { - bottom: -1.25rem; + .xl\:mt-60 { + margin-top: 15rem; } - .xl\:-left-5 { - left: -1.25rem; + .xl\:mr-60 { + margin-right: 15rem; } - .xl\:-top-6 { - top: -1.5rem; + .xl\:mb-60 { + margin-bottom: 15rem; } - .xl\:-right-6 { - right: -1.5rem; + .xl\:ml-60 { + margin-left: 15rem; } - .xl\:-bottom-6 { - bottom: -1.5rem; + .xl\:mt-64 { + margin-top: 16rem; } - .xl\:-left-6 { - left: -1.5rem; + .xl\:mr-64 { + margin-right: 16rem; } - .xl\:-top-7 { - top: -1.75rem; + .xl\:mb-64 { + margin-bottom: 16rem; } - .xl\:-right-7 { - right: -1.75rem; + .xl\:ml-64 { + margin-left: 16rem; } - .xl\:-bottom-7 { - bottom: -1.75rem; + .xl\:mt-72 { + margin-top: 18rem; } - .xl\:-left-7 { - left: -1.75rem; + .xl\:mr-72 { + margin-right: 18rem; } - .xl\:-top-8 { - top: -2rem; + .xl\:mb-72 { + margin-bottom: 18rem; } - .xl\:-right-8 { - right: -2rem; + .xl\:ml-72 { + margin-left: 18rem; } - .xl\:-bottom-8 { - bottom: -2rem; + .xl\:mt-80 { + margin-top: 20rem; } - .xl\:-left-8 { - left: -2rem; + .xl\:mr-80 { + margin-right: 20rem; } - .xl\:-top-9 { - top: -2.25rem; + .xl\:mb-80 { + margin-bottom: 20rem; } - .xl\:-right-9 { - right: -2.25rem; + .xl\:ml-80 { + margin-left: 20rem; } - .xl\:-bottom-9 { - bottom: -2.25rem; + .xl\:mt-96 { + margin-top: 24rem; } - .xl\:-left-9 { - left: -2.25rem; + .xl\:mr-96 { + margin-right: 24rem; } - .xl\:-top-10 { - top: -2.5rem; + .xl\:mb-96 { + margin-bottom: 24rem; } - .xl\:-right-10 { - right: -2.5rem; + .xl\:ml-96 { + margin-left: 24rem; } - .xl\:-bottom-10 { - bottom: -2.5rem; + .xl\:mt-auto { + margin-top: auto; } - .xl\:-left-10 { - left: -2.5rem; + .xl\:mr-auto { + margin-right: auto; } - .xl\:-top-12 { - top: -3rem; + .xl\:mb-auto { + margin-bottom: auto; } - .xl\:-right-12 { - right: -3rem; + .xl\:ml-auto { + margin-left: auto; } - .xl\:-bottom-12 { - bottom: -3rem; + .xl\:mt-px { + margin-top: 1px; } - .xl\:-left-12 { - left: -3rem; + .xl\:mr-px { + margin-right: 1px; } - .xl\:-top-14 { - top: -3.5rem; + .xl\:mb-px { + margin-bottom: 1px; } - .xl\:-right-14 { - right: -3.5rem; + .xl\:ml-px { + margin-left: 1px; } - .xl\:-bottom-14 { - bottom: -3.5rem; + .xl\:mt-0\.5 { + margin-top: 0.125rem; } - .xl\:-left-14 { - left: -3.5rem; + .xl\:mr-0\.5 { + margin-right: 0.125rem; } - .xl\:-top-16 { - top: -4rem; + .xl\:mb-0\.5 { + margin-bottom: 0.125rem; } - .xl\:-right-16 { - right: -4rem; + .xl\:ml-0\.5 { + margin-left: 0.125rem; } - .xl\:-bottom-16 { - bottom: -4rem; + .xl\:mt-1\.5 { + margin-top: 0.375rem; } - .xl\:-left-16 { - left: -4rem; + .xl\:mr-1\.5 { + margin-right: 0.375rem; } - .xl\:-top-20 { - top: -5rem; + .xl\:mb-1\.5 { + margin-bottom: 0.375rem; } - .xl\:-right-20 { - right: -5rem; + .xl\:ml-1\.5 { + margin-left: 0.375rem; } - .xl\:-bottom-20 { - bottom: -5rem; + .xl\:mt-2\.5 { + margin-top: 0.625rem; } - .xl\:-left-20 { - left: -5rem; + .xl\:mr-2\.5 { + margin-right: 0.625rem; } - .xl\:-top-24 { - top: -6rem; + .xl\:mb-2\.5 { + margin-bottom: 0.625rem; } - .xl\:-right-24 { - right: -6rem; + .xl\:ml-2\.5 { + margin-left: 0.625rem; } - .xl\:-bottom-24 { - bottom: -6rem; + .xl\:mt-3\.5 { + margin-top: 0.875rem; } - .xl\:-left-24 { - left: -6rem; + .xl\:mr-3\.5 { + margin-right: 0.875rem; } - .xl\:-top-28 { - top: -7rem; + .xl\:mb-3\.5 { + margin-bottom: 0.875rem; } - .xl\:-right-28 { - right: -7rem; + .xl\:ml-3\.5 { + margin-left: 0.875rem; } - .xl\:-bottom-28 { - bottom: -7rem; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:-left-28 { - left: -7rem; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:-top-32 { - top: -8rem; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:-right-32 { - right: -8rem; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:-bottom-32 { - bottom: -8rem; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:-left-32 { - left: -8rem; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:-top-36 { - top: -9rem; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:-right-36 { - right: -9rem; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:-bottom-36 { - bottom: -9rem; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:-left-36 { - left: -9rem; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:-top-40 { - top: -10rem; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:-right-40 { - right: -10rem; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:-bottom-40 { - bottom: -10rem; + .xl\:-mt-4 { + margin-top: -1rem; } - .xl\:-left-40 { - left: -10rem; + .xl\:-mr-4 { + margin-right: -1rem; } - .xl\:-top-44 { - top: -11rem; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:-right-44 { - right: -11rem; + .xl\:-ml-4 { + margin-left: -1rem; } - .xl\:-bottom-44 { - bottom: -11rem; + .xl\:-mt-5 { + margin-top: -1.25rem; } - .xl\:-left-44 { - left: -11rem; + .xl\:-mr-5 { + margin-right: -1.25rem; } - .xl\:-top-48 { - top: -12rem; + .xl\:-mb-5 { + margin-bottom: -1.25rem; } - .xl\:-right-48 { - right: -12rem; + .xl\:-ml-5 { + margin-left: -1.25rem; } - .xl\:-bottom-48 { - bottom: -12rem; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:-left-48 { - left: -12rem; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:-top-52 { - top: -13rem; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:-right-52 { - right: -13rem; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:-bottom-52 { - bottom: -13rem; + .xl\:-mt-7 { + margin-top: -1.75rem; } - .xl\:-left-52 { - left: -13rem; + .xl\:-mr-7 { + margin-right: -1.75rem; } - .xl\:-top-56 { - top: -14rem; + .xl\:-mb-7 { + margin-bottom: -1.75rem; } - .xl\:-right-56 { - right: -14rem; + .xl\:-ml-7 { + margin-left: -1.75rem; } - .xl\:-bottom-56 { - bottom: -14rem; + .xl\:-mt-8 { + margin-top: -2rem; } - .xl\:-left-56 { - left: -14rem; + .xl\:-mr-8 { + margin-right: -2rem; } - .xl\:-top-60 { - top: -15rem; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:-right-60 { - right: -15rem; + .xl\:-ml-8 { + margin-left: -2rem; } - .xl\:-bottom-60 { - bottom: -15rem; + .xl\:-mt-9 { + margin-top: -2.25rem; } - .xl\:-left-60 { - left: -15rem; + .xl\:-mr-9 { + margin-right: -2.25rem; } - .xl\:-top-64 { - top: -16rem; + .xl\:-mb-9 { + margin-bottom: -2.25rem; } - .xl\:-right-64 { - right: -16rem; + .xl\:-ml-9 { + margin-left: -2.25rem; } - .xl\:-bottom-64 { - bottom: -16rem; + .xl\:-mt-10 { + margin-top: -2.5rem; } - .xl\:-left-64 { - left: -16rem; + .xl\:-mr-10 { + margin-right: -2.5rem; } - .xl\:-top-72 { - top: -18rem; + .xl\:-mb-10 { + margin-bottom: -2.5rem; } - .xl\:-right-72 { - right: -18rem; + .xl\:-ml-10 { + margin-left: -2.5rem; } - .xl\:-bottom-72 { - bottom: -18rem; + .xl\:-mt-12 { + margin-top: -3rem; } - .xl\:-left-72 { - left: -18rem; + .xl\:-mr-12 { + margin-right: -3rem; } - .xl\:-top-80 { - top: -20rem; + .xl\:-mb-12 { + margin-bottom: -3rem; } - .xl\:-right-80 { - right: -20rem; + .xl\:-ml-12 { + margin-left: -3rem; } - .xl\:-bottom-80 { - bottom: -20rem; + .xl\:-mt-14 { + margin-top: -3.5rem; } - .xl\:-left-80 { - left: -20rem; + .xl\:-mr-14 { + margin-right: -3.5rem; } - .xl\:-top-96 { - top: -24rem; + .xl\:-mb-14 { + margin-bottom: -3.5rem; } - .xl\:-right-96 { - right: -24rem; + .xl\:-ml-14 { + margin-left: -3.5rem; } - .xl\:-bottom-96 { - bottom: -24rem; + .xl\:-mt-16 { + margin-top: -4rem; } - .xl\:-left-96 { - left: -24rem; + .xl\:-mr-16 { + margin-right: -4rem; } - .xl\:-top-px { - top: -1px; + .xl\:-mb-16 { + margin-bottom: -4rem; } - .xl\:-right-px { - right: -1px; + .xl\:-ml-16 { + margin-left: -4rem; } - .xl\:-bottom-px { - bottom: -1px; + .xl\:-mt-20 { + margin-top: -5rem; } - .xl\:-left-px { - left: -1px; + .xl\:-mr-20 { + margin-right: -5rem; } - .xl\:-top-0\.5 { - top: -0.125rem; + .xl\:-mb-20 { + margin-bottom: -5rem; } - .xl\:-right-0\.5 { - right: -0.125rem; + .xl\:-ml-20 { + margin-left: -5rem; } - .xl\:-bottom-0\.5 { - bottom: -0.125rem; + .xl\:-mt-24 { + margin-top: -6rem; } - .xl\:-left-0\.5 { - left: -0.125rem; + .xl\:-mr-24 { + margin-right: -6rem; } - .xl\:-top-1\.5 { - top: -0.375rem; + .xl\:-mb-24 { + margin-bottom: -6rem; } - .xl\:-right-1\.5 { - right: -0.375rem; + .xl\:-ml-24 { + margin-left: -6rem; } - .xl\:-bottom-1\.5 { - bottom: -0.375rem; + .xl\:-mt-28 { + margin-top: -7rem; } - .xl\:-left-1\.5 { - left: -0.375rem; + .xl\:-mr-28 { + margin-right: -7rem; } - .xl\:-top-2\.5 { - top: -0.625rem; + .xl\:-mb-28 { + margin-bottom: -7rem; } - .xl\:-right-2\.5 { - right: -0.625rem; + .xl\:-ml-28 { + margin-left: -7rem; } - .xl\:-bottom-2\.5 { - bottom: -0.625rem; + .xl\:-mt-32 { + margin-top: -8rem; } - .xl\:-left-2\.5 { - left: -0.625rem; + .xl\:-mr-32 { + margin-right: -8rem; } - .xl\:-top-3\.5 { - top: -0.875rem; + .xl\:-mb-32 { + margin-bottom: -8rem; } - .xl\:-right-3\.5 { - right: -0.875rem; + .xl\:-ml-32 { + margin-left: -8rem; } - .xl\:-bottom-3\.5 { - bottom: -0.875rem; + .xl\:-mt-36 { + margin-top: -9rem; } - .xl\:-left-3\.5 { - left: -0.875rem; + .xl\:-mr-36 { + margin-right: -9rem; } - .xl\:top-1\/2 { - top: 50%; + .xl\:-mb-36 { + margin-bottom: -9rem; } - .xl\:right-1\/2 { - right: 50%; + .xl\:-ml-36 { + margin-left: -9rem; } - .xl\:bottom-1\/2 { - bottom: 50%; + .xl\:-mt-40 { + margin-top: -10rem; } - .xl\:left-1\/2 { - left: 50%; + .xl\:-mr-40 { + margin-right: -10rem; } - .xl\:top-1\/3 { - top: 33.333333%; + .xl\:-mb-40 { + margin-bottom: -10rem; } - .xl\:right-1\/3 { - right: 33.333333%; + .xl\:-ml-40 { + margin-left: -10rem; } - .xl\:bottom-1\/3 { - bottom: 33.333333%; + .xl\:-mt-44 { + margin-top: -11rem; } - .xl\:left-1\/3 { - left: 33.333333%; + .xl\:-mr-44 { + margin-right: -11rem; } - .xl\:top-2\/3 { - top: 66.666667%; + .xl\:-mb-44 { + margin-bottom: -11rem; } - .xl\:right-2\/3 { - right: 66.666667%; + .xl\:-ml-44 { + margin-left: -11rem; } - .xl\:bottom-2\/3 { - bottom: 66.666667%; + .xl\:-mt-48 { + margin-top: -12rem; } - .xl\:left-2\/3 { - left: 66.666667%; + .xl\:-mr-48 { + margin-right: -12rem; } - .xl\:top-1\/4 { - top: 25%; + .xl\:-mb-48 { + margin-bottom: -12rem; } - .xl\:right-1\/4 { - right: 25%; + .xl\:-ml-48 { + margin-left: -12rem; } - .xl\:bottom-1\/4 { - bottom: 25%; + .xl\:-mt-52 { + margin-top: -13rem; } - .xl\:left-1\/4 { - left: 25%; + .xl\:-mr-52 { + margin-right: -13rem; } - .xl\:top-2\/4 { - top: 50%; + .xl\:-mb-52 { + margin-bottom: -13rem; } - .xl\:right-2\/4 { - right: 50%; + .xl\:-ml-52 { + margin-left: -13rem; } - .xl\:bottom-2\/4 { - bottom: 50%; + .xl\:-mt-56 { + margin-top: -14rem; } - .xl\:left-2\/4 { - left: 50%; + .xl\:-mr-56 { + margin-right: -14rem; } - .xl\:top-3\/4 { - top: 75%; + .xl\:-mb-56 { + margin-bottom: -14rem; } - .xl\:right-3\/4 { - right: 75%; + .xl\:-ml-56 { + margin-left: -14rem; } - .xl\:bottom-3\/4 { - bottom: 75%; + .xl\:-mt-60 { + margin-top: -15rem; } - .xl\:left-3\/4 { - left: 75%; + .xl\:-mr-60 { + margin-right: -15rem; } - .xl\:top-full { - top: 100%; + .xl\:-mb-60 { + margin-bottom: -15rem; } - .xl\:right-full { - right: 100%; + .xl\:-ml-60 { + margin-left: -15rem; } - .xl\:bottom-full { - bottom: 100%; + .xl\:-mt-64 { + margin-top: -16rem; } - .xl\:left-full { - left: 100%; + .xl\:-mr-64 { + margin-right: -16rem; } - .xl\:-top-1\/2 { - top: -50%; + .xl\:-mb-64 { + margin-bottom: -16rem; } - .xl\:-right-1\/2 { - right: -50%; + .xl\:-ml-64 { + margin-left: -16rem; } - .xl\:-bottom-1\/2 { - bottom: -50%; + .xl\:-mt-72 { + margin-top: -18rem; } - .xl\:-left-1\/2 { - left: -50%; + .xl\:-mr-72 { + margin-right: -18rem; } - .xl\:-top-1\/3 { - top: -33.333333%; + .xl\:-mb-72 { + margin-bottom: -18rem; } - .xl\:-right-1\/3 { - right: -33.333333%; + .xl\:-ml-72 { + margin-left: -18rem; } - .xl\:-bottom-1\/3 { - bottom: -33.333333%; + .xl\:-mt-80 { + margin-top: -20rem; } - .xl\:-left-1\/3 { - left: -33.333333%; + .xl\:-mr-80 { + margin-right: -20rem; } - .xl\:-top-2\/3 { - top: -66.666667%; + .xl\:-mb-80 { + margin-bottom: -20rem; } - .xl\:-right-2\/3 { - right: -66.666667%; + .xl\:-ml-80 { + margin-left: -20rem; } - .xl\:-bottom-2\/3 { - bottom: -66.666667%; + .xl\:-mt-96 { + margin-top: -24rem; } - .xl\:-left-2\/3 { - left: -66.666667%; + .xl\:-mr-96 { + margin-right: -24rem; } - .xl\:-top-1\/4 { - top: -25%; + .xl\:-mb-96 { + margin-bottom: -24rem; } - .xl\:-right-1\/4 { - right: -25%; + .xl\:-ml-96 { + margin-left: -24rem; } - .xl\:-bottom-1\/4 { - bottom: -25%; + .xl\:-mt-px { + margin-top: -1px; } - .xl\:-left-1\/4 { - left: -25%; + .xl\:-mr-px { + margin-right: -1px; } - .xl\:-top-2\/4 { - top: -50%; + .xl\:-mb-px { + margin-bottom: -1px; } - .xl\:-right-2\/4 { - right: -50%; + .xl\:-ml-px { + margin-left: -1px; } - .xl\:-bottom-2\/4 { - bottom: -50%; + .xl\:-mt-0\.5 { + margin-top: -0.125rem; } - .xl\:-left-2\/4 { - left: -50%; + .xl\:-mr-0\.5 { + margin-right: -0.125rem; } - .xl\:-top-3\/4 { - top: -75%; + .xl\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .xl\:-right-3\/4 { - right: -75%; + .xl\:-ml-0\.5 { + margin-left: -0.125rem; } - .xl\:-bottom-3\/4 { - bottom: -75%; + .xl\:-mt-1\.5 { + margin-top: -0.375rem; } - .xl\:-left-3\/4 { - left: -75%; + .xl\:-mr-1\.5 { + margin-right: -0.375rem; } - .xl\:-top-full { - top: -100%; + .xl\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .xl\:-right-full { - right: -100%; + .xl\:-ml-1\.5 { + margin-left: -0.375rem; } - .xl\:-bottom-full { - bottom: -100%; + .xl\:-mt-2\.5 { + margin-top: -0.625rem; } - .xl\:-left-full { - left: -100%; + .xl\:-mr-2\.5 { + margin-right: -0.625rem; } - .xl\:resize-none { - resize: none; + .xl\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .xl\:resize-y { - resize: vertical; + .xl\:-ml-2\.5 { + margin-left: -0.625rem; } - .xl\:resize-x { - resize: horizontal; + .xl\:-mt-3\.5 { + margin-top: -0.875rem; } - .xl\:resize { - resize: both; + .xl\:-mr-3\.5 { + margin-right: -0.875rem; } - .xl\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .xl\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:-ml-3\.5 { + margin-left: -0.875rem; } - .xl\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-0 { + max-height: 0; } - .xl\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .xl\:max-h-1 { + max-height: 0.25rem; } - .xl\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .xl\:max-h-2 { + max-height: 0.5rem; } - .xl\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .xl\:max-h-3 { + max-height: 0.75rem; } - .xl\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:max-h-4 { + max-height: 1rem; } - .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-5 { + max-height: 1.25rem; } - .xl\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:max-h-6 { + max-height: 1.5rem; } - .xl\:shadow-none { - box-shadow: none; + .xl\:max-h-7 { + max-height: 1.75rem; } - .xl\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:max-h-8 { + max-height: 2rem; } - .xl\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:max-h-9 { + max-height: 2.25rem; } - .xl\: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); + .xl\:max-h-10 { + max-height: 2.5rem; } - .xl\: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); + .xl\:max-h-12 { + max-height: 3rem; } - .xl\: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); + .xl\:max-h-14 { + max-height: 3.5rem; } - .xl\: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); + .xl\:max-h-16 { + max-height: 4rem; } - .xl\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:max-h-20 { + max-height: 5rem; } - .xl\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-24 { + max-height: 6rem; } - .xl\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:max-h-28 { + max-height: 7rem; } - .xl\:hover\:shadow-none:hover { - box-shadow: none; + .xl\:max-h-32 { + max-height: 8rem; } - .xl\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:max-h-36 { + max-height: 9rem; } - .xl\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:max-h-40 { + max-height: 10rem; } - .xl\: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); + .xl\:max-h-44 { + max-height: 11rem; } - .xl\: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); + .xl\:max-h-48 { + max-height: 12rem; } - .xl\: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); + .xl\:max-h-52 { + max-height: 13rem; } - .xl\: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); + .xl\:max-h-56 { + max-height: 14rem; } - .xl\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:max-h-60 { + max-height: 15rem; } - .xl\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-64 { + max-height: 16rem; } - .xl\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:max-h-72 { + max-height: 18rem; } - .xl\:focus\:shadow-none:focus { - box-shadow: none; + .xl\:max-h-80 { + max-height: 20rem; } - .xl\:fill-current { - fill: currentColor; + .xl\:max-h-96 { + max-height: 24rem; } - .xl\:stroke-current { - stroke: currentColor; + .xl\:max-h-px { + max-height: 1px; } - .xl\:stroke-0 { - stroke-width: 0; + .xl\:max-h-0\.5 { + max-height: 0.125rem; } - .xl\:stroke-1 { - stroke-width: 1; + .xl\:max-h-1\.5 { + max-height: 0.375rem; } - .xl\:stroke-2 { - stroke-width: 2; + .xl\:max-h-2\.5 { + max-height: 0.625rem; } - .xl\:table-auto { - table-layout: auto; + .xl\:max-h-3\.5 { + max-height: 0.875rem; } - .xl\:table-fixed { - table-layout: fixed; + .xl\:max-h-full { + max-height: 100%; } - .xl\:text-left { - text-align: left; + .xl\:max-h-screen { + max-height: 100vh; } - .xl\:text-center { - text-align: center; + .xl\:max-w-0 { + max-width: 0rem; } - .xl\:text-right { - text-align: right; + .xl\:max-w-none { + max-width: none; } - .xl\:text-justify { - text-align: justify; + .xl\:max-w-xs { + max-width: 20rem; } - .xl\:text-transparent { - color: transparent; + .xl\:max-w-sm { + max-width: 24rem; } - .xl\:text-current { - color: currentColor; + .xl\:max-w-md { + max-width: 28rem; } - .xl\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:max-w-lg { + max-width: 32rem; } - .xl\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:max-w-xl { + max-width: 36rem; } - .xl\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:max-w-2xl { + max-width: 42rem; } - .xl\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:max-w-3xl { + max-width: 48rem; } - .xl\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:max-w-4xl { + max-width: 56rem; } - .xl\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:max-w-5xl { + max-width: 64rem; } - .xl\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:max-w-6xl { + max-width: 72rem; } - .xl\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:max-w-7xl { + max-width: 80rem; } - .xl\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:max-w-full { + max-width: 100%; } - .xl\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:max-w-min { + max-width: min-content; } - .xl\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:max-w-max { + max-width: max-content; } - .xl\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:max-w-screen-sm { + max-width: 640px; } - .xl\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:max-w-screen-md { + max-width: 768px; } - .xl\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:max-w-screen-lg { + max-width: 1024px; } - .xl\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:max-w-screen-xl { + max-width: 1280px; } - .xl\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:max-w-screen-2xl { + max-width: 1536px; } - .xl\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:min-h-0 { + min-height: 0; } - .xl\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:min-h-full { + min-height: 100%; } - .xl\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:min-h-screen { + min-height: 100vh; } - .xl\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:min-w-0 { + min-width: 0; } - .xl\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:min-w-full { + min-width: 100%; } - .xl\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:min-w-min { + min-width: min-content; } - .xl\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:min-w-max { + min-width: max-content; } - .xl\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:object-contain { + object-fit: contain; } - .xl\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:object-cover { + object-fit: cover; } - .xl\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:object-fill { + object-fit: fill; } - .xl\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:object-none { + object-fit: none; } - .xl\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:object-scale-down { + object-fit: scale-down; } - .xl\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:object-bottom { + object-position: bottom; } - .xl\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:object-center { + object-position: center; } - .xl\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:object-left { + object-position: left; } - .xl\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:object-left-bottom { + object-position: left bottom; } - .xl\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:object-left-top { + object-position: left top; } - .xl\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:object-right { + object-position: right; } - .xl\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:object-right-bottom { + object-position: right bottom; } - .xl\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:object-right-top { + object-position: right top; } - .xl\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:object-top { + object-position: top; } - .xl\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:opacity-0 { + opacity: 0; } - .xl\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:opacity-25 { + opacity: 0.25; } - .xl\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:opacity-50 { + opacity: 0.5; } - .xl\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:opacity-75 { + opacity: 0.75; } - .xl\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:opacity-100 { + opacity: 1; } - .xl\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-0 { + opacity: 0; } - .xl\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-25 { + opacity: 0.25; } - .xl\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-50 { + opacity: 0.5; } - .xl\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-75 { + opacity: 0.75; } - .xl\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-100 { + opacity: 1; } - .xl\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:hover\:opacity-0:hover { + opacity: 0; } - .xl\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:hover\:opacity-25:hover { + opacity: 0.25; } - .xl\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:hover\:opacity-50:hover { + opacity: 0.5; } - .xl\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:hover\:opacity-75:hover { + opacity: 0.75; } - .xl\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:hover\:opacity-100:hover { + opacity: 1; } - .xl\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:focus\:opacity-0:focus { + opacity: 0; } - .xl\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:focus\:opacity-25:focus { + opacity: 0.25; } - .xl\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:focus\:opacity-50:focus { + opacity: 0.5; } - .xl\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:focus\:opacity-75:focus { + opacity: 0.75; } - .xl\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:focus\:opacity-100:focus { + opacity: 1; } - .xl\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:overflow-auto { + overflow: auto; } - .xl\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:overflow-hidden { + overflow: hidden; } - .xl\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:overflow-visible { + overflow: visible; } - .xl\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:overflow-scroll { + overflow: scroll; } - .xl\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:overflow-x-auto { + overflow-x: auto; } - .xl\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:overflow-y-auto { + overflow-y: auto; } - .xl\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:overflow-y-hidden { + overflow-y: hidden; } - .xl\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:overflow-x-visible { + overflow-x: visible; } - .group:hover .xl\:group-hover\:text-transparent { - color: transparent; + .xl\:overflow-y-visible { + overflow-y: visible; } - .group:hover .xl\:group-hover\:text-current { - color: currentColor; + .xl\:overflow-x-scroll { + overflow-x: scroll; } - .group:hover .xl\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:overflow-y-scroll { + overflow-y: scroll; } - .group:hover .xl\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:overscroll-auto { + overscroll-behavior: auto; } - .group:hover .xl\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:overscroll-contain { + overscroll-behavior: contain; } - .group:hover .xl\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:overscroll-none { + overscroll-behavior: none; } - .group:hover .xl\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .group:hover .xl\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .group:hover .xl\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:overscroll-y-none { + overscroll-behavior-y: none; } - .group:hover .xl\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .group:hover .xl\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .group:hover .xl\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:overscroll-x-none { + overscroll-behavior-x: none; } - .group:hover .xl\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:p-0 { + padding: 0; } - .group:hover .xl\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:p-1 { + padding: 0.25rem; } - .group:hover .xl\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:p-2 { + padding: 0.5rem; } - .group:hover .xl\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:p-3 { + padding: 0.75rem; } - .group:hover .xl\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:p-4 { + padding: 1rem; } - .group:hover .xl\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:p-5 { + padding: 1.25rem; } - .group:hover .xl\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:p-6 { + padding: 1.5rem; } - .group:hover .xl\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:p-7 { + padding: 1.75rem; } - .group:hover .xl\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:p-8 { + padding: 2rem; } - .group:hover .xl\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:p-9 { + padding: 2.25rem; } - .group:hover .xl\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:p-10 { + padding: 2.5rem; } - .group:hover .xl\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:p-12 { + padding: 3rem; } - .group:hover .xl\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:p-14 { + padding: 3.5rem; } - .group:hover .xl\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:p-16 { + padding: 4rem; } - .group:hover .xl\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:p-20 { + padding: 5rem; } - .group:hover .xl\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:p-24 { + padding: 6rem; } - .group:hover .xl\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:p-28 { + padding: 7rem; } - .group:hover .xl\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:p-32 { + padding: 8rem; } - .group:hover .xl\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:p-36 { + padding: 9rem; } - .group:hover .xl\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:p-40 { + padding: 10rem; } - .group:hover .xl\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:p-44 { + padding: 11rem; } - .group:hover .xl\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:p-48 { + padding: 12rem; } - .group:hover .xl\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:p-52 { + padding: 13rem; } - .group:hover .xl\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:p-56 { + padding: 14rem; } - .group:hover .xl\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:p-60 { + padding: 15rem; } - .group:hover .xl\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:p-64 { + padding: 16rem; } - .group:hover .xl\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:p-72 { + padding: 18rem; } - .group:hover .xl\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:p-80 { + padding: 20rem; } - .group:hover .xl\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:p-96 { + padding: 24rem; } - .group:hover .xl\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:p-px { + padding: 1px; } - .group:hover .xl\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:p-0\.5 { + padding: 0.125rem; } - .group:hover .xl\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:p-1\.5 { + padding: 0.375rem; } - .group:hover .xl\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .xl\:p-2\.5 { + padding: 0.625rem; } - .group:hover .xl\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .xl\:p-3\.5 { + padding: 0.875rem; } - .group:hover .xl\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .group:hover .xl\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .xl\:px-0 { + padding-left: 0; + padding-right: 0; } - .group:hover .xl\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .group:hover .xl\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .group:hover .xl\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .group:hover .xl\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .group:hover .xl\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .group:hover .xl\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .group:hover .xl\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .group:hover .xl\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .group:hover .xl\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .group:hover .xl\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .group:hover .xl\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .group:hover .xl\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .group:hover .xl\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .group:hover .xl\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .group:hover .xl\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .group:hover .xl\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .group:hover .xl\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .group:hover .xl\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .group:hover .xl\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .group:hover .xl\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .group:hover .xl\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .group:hover .xl\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .group:hover .xl\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .group:hover .xl\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .group:hover .xl\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .group:hover .xl\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\:hover\:text-transparent:hover { - color: transparent; + .xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .xl\:hover\:text-current:hover { - color: currentColor; + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .xl\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .xl\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .xl\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .xl\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .xl\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .xl\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .xl\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .xl\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .xl\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .xl\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .xl\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .xl\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .xl\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .xl\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .xl\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .xl\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .xl\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .xl\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .xl\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .xl\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .xl\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .xl\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .xl\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .xl\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .xl\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .xl\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .xl\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .xl\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .xl\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .xl\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .xl\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .xl\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .xl\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .xl\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .xl\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:pt-0 { + padding-top: 0; } - .xl\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:pr-0 { + padding-right: 0; } - .xl\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:pb-0 { + padding-bottom: 0; } - .xl\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:pl-0 { + padding-left: 0; } - .xl\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .xl\:pt-1 { + padding-top: 0.25rem; } - .xl\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .xl\:pr-1 { + padding-right: 0.25rem; } - .xl\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .xl\:pb-1 { + padding-bottom: 0.25rem; } - .xl\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .xl\:pl-1 { + padding-left: 0.25rem; } - .xl\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .xl\:pt-2 { + padding-top: 0.5rem; } - .xl\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:pr-2 { + padding-right: 0.5rem; } - .xl\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:pb-2 { + padding-bottom: 0.5rem; } - .xl\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:pl-2 { + padding-left: 0.5rem; } - .xl\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:pt-3 { + padding-top: 0.75rem; } - .xl\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:pr-3 { + padding-right: 0.75rem; } - .xl\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:pl-3 { + padding-left: 0.75rem; } - .xl\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:pt-4 { + padding-top: 1rem; } - .xl\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:pr-4 { + padding-right: 1rem; } - .xl\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:pb-4 { + padding-bottom: 1rem; } - .xl\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:pl-4 { + padding-left: 1rem; } - .xl\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:pt-5 { + padding-top: 1.25rem; } - .xl\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:pr-5 { + padding-right: 1.25rem; } - .xl\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:pb-5 { + padding-bottom: 1.25rem; } - .xl\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:pl-5 { + padding-left: 1.25rem; } - .xl\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:pt-6 { + padding-top: 1.5rem; } - .xl\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:pr-6 { + padding-right: 1.5rem; } - .xl\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:pl-6 { + padding-left: 1.5rem; } - .xl\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:pt-7 { + padding-top: 1.75rem; } - .xl\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:pr-7 { + padding-right: 1.75rem; } - .xl\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:pb-7 { + padding-bottom: 1.75rem; } - .xl\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:pl-7 { + padding-left: 1.75rem; } - .xl\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:pt-8 { + padding-top: 2rem; } - .xl\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:pr-8 { + padding-right: 2rem; } - .xl\:focus\:text-transparent:focus { - color: transparent; + .xl\:pb-8 { + padding-bottom: 2rem; } - .xl\:focus\:text-current:focus { - color: currentColor; + .xl\:pl-8 { + padding-left: 2rem; } - .xl\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:pt-9 { + padding-top: 2.25rem; } - .xl\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:pr-9 { + padding-right: 2.25rem; } - .xl\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:pb-9 { + padding-bottom: 2.25rem; } - .xl\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:pl-9 { + padding-left: 2.25rem; } - .xl\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:pt-10 { + padding-top: 2.5rem; } - .xl\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:pr-10 { + padding-right: 2.5rem; } - .xl\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:pl-10 { + padding-left: 2.5rem; } - .xl\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:pt-12 { + padding-top: 3rem; } - .xl\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:pr-12 { + padding-right: 3rem; } - .xl\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:pb-12 { + padding-bottom: 3rem; } - .xl\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:pl-12 { + padding-left: 3rem; } - .xl\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:pt-14 { + padding-top: 3.5rem; } - .xl\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:pr-14 { + padding-right: 3.5rem; } - .xl\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:pb-14 { + padding-bottom: 3.5rem; } - .xl\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:pl-14 { + padding-left: 3.5rem; } - .xl\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:pt-16 { + padding-top: 4rem; } - .xl\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:pr-16 { + padding-right: 4rem; } - .xl\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:pb-16 { + padding-bottom: 4rem; } - .xl\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:pl-16 { + padding-left: 4rem; } - .xl\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:pt-20 { + padding-top: 5rem; } - .xl\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:pr-20 { + padding-right: 5rem; } - .xl\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:pb-20 { + padding-bottom: 5rem; } - .xl\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:pl-20 { + padding-left: 5rem; } - .xl\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:pt-24 { + padding-top: 6rem; } - .xl\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:pr-24 { + padding-right: 6rem; } - .xl\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:pb-24 { + padding-bottom: 6rem; } - .xl\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:pl-24 { + padding-left: 6rem; } - .xl\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:pt-28 { + padding-top: 7rem; } - .xl\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:pr-28 { + padding-right: 7rem; } - .xl\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:pb-28 { + padding-bottom: 7rem; } - .xl\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:pl-28 { + padding-left: 7rem; } - .xl\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:pt-32 { + padding-top: 8rem; } - .xl\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:pr-32 { + padding-right: 8rem; } - .xl\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:pb-32 { + padding-bottom: 8rem; } - .xl\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:pl-32 { + padding-left: 8rem; } - .xl\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:pt-36 { + padding-top: 9rem; } - .xl\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:pr-36 { + padding-right: 9rem; } - .xl\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:pb-36 { + padding-bottom: 9rem; } - .xl\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:pl-36 { + padding-left: 9rem; } - .xl\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:pt-40 { + padding-top: 10rem; } - .xl\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:pr-40 { + padding-right: 10rem; } - .xl\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .xl\:pb-40 { + padding-bottom: 10rem; } - .xl\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .xl\:pl-40 { + padding-left: 10rem; } - .xl\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .xl\:pt-44 { + padding-top: 11rem; } - .xl\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .xl\:pr-44 { + padding-right: 11rem; } - .xl\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .xl\:pb-44 { + padding-bottom: 11rem; } - .xl\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:pl-44 { + padding-left: 11rem; } - .xl\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:pt-48 { + padding-top: 12rem; } - .xl\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:pr-48 { + padding-right: 12rem; } - .xl\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:pb-48 { + padding-bottom: 12rem; } - .xl\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:pl-48 { + padding-left: 12rem; } - .xl\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:pt-52 { + padding-top: 13rem; } - .xl\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:pr-52 { + padding-right: 13rem; } - .xl\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:pb-52 { + padding-bottom: 13rem; } - .xl\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:pl-52 { + padding-left: 13rem; } - .xl\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:pt-56 { + padding-top: 14rem; } - .xl\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:pr-56 { + padding-right: 14rem; } - .xl\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:pb-56 { + padding-bottom: 14rem; } - .xl\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:pl-56 { + padding-left: 14rem; } - .xl\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:pt-60 { + padding-top: 15rem; } - .xl\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:pr-60 { + padding-right: 15rem; } - .xl\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:pb-60 { + padding-bottom: 15rem; } - .xl\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:pl-60 { + padding-left: 15rem; } - .xl\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:pt-64 { + padding-top: 16rem; } - .xl\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:pr-64 { + padding-right: 16rem; } - .xl\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:pb-64 { + padding-bottom: 16rem; } - .xl\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:pl-64 { + padding-left: 16rem; } - .xl\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:pt-72 { + padding-top: 18rem; } - .xl\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:pr-72 { + padding-right: 18rem; } - .xl\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:pb-72 { + padding-bottom: 18rem; } - .xl\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:pl-72 { + padding-left: 18rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:text-transparent { - color: transparent; - } - - .xl\:dark\:text-current { - color: currentColor; - } + .xl\:pt-80 { + padding-top: 20rem; + } - .xl\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:pr-80 { + padding-right: 20rem; + } - .xl\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:pb-80 { + padding-bottom: 20rem; + } - .xl\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:pl-80 { + padding-left: 20rem; + } - .xl\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:pt-96 { + padding-top: 24rem; + } - .xl\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:pr-96 { + padding-right: 24rem; + } - .xl\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:pb-96 { + padding-bottom: 24rem; + } - .xl\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:pl-96 { + padding-left: 24rem; + } - .xl\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:pt-px { + padding-top: 1px; + } - .xl\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:pr-px { + padding-right: 1px; + } - .xl\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:pb-px { + padding-bottom: 1px; + } - .xl\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:pl-px { + padding-left: 1px; + } - .xl\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:pt-0\.5 { + padding-top: 0.125rem; + } - .xl\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:pr-0\.5 { + padding-right: 0.125rem; + } - .xl\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .xl\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:pl-0\.5 { + padding-left: 0.125rem; + } - .xl\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:pt-1\.5 { + padding-top: 0.375rem; + } - .xl\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:pr-1\.5 { + padding-right: 0.375rem; + } - .xl\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .xl\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:pl-1\.5 { + padding-left: 0.375rem; + } - .xl\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:pt-2\.5 { + padding-top: 0.625rem; + } - .xl\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:pr-2\.5 { + padding-right: 0.625rem; + } - .xl\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .xl\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:pl-2\.5 { + padding-left: 0.625rem; + } - .xl\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:pt-3\.5 { + padding-top: 0.875rem; + } - .xl\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:pr-3\.5 { + padding-right: 0.875rem; + } - .xl\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .xl\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:pl-3\.5 { + padding-left: 0.875rem; + } - .xl\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:placeholder-transparent::placeholder { + color: transparent; + } - .xl\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:placeholder-current::placeholder { + color: currentColor; + } - .xl\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .xl\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .xl\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-transparent { - color: transparent; - } + .xl\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-current { - color: currentColor; - } + .xl\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .xl\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-current:hover { - color: currentColor; - } + .xl\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; + } - .xl\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; + } - .xl\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; + } - .xl\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; + } - .xl\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; + } - .xl\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; + } - .xl\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; + } - .xl\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; + } - .xl\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; + } - .xl\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; + } - .xl\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:pointer-events-none { + pointer-events: none; + } - .xl\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:pointer-events-auto { + pointer-events: auto; + } - .xl\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:static { + position: static; + } - .xl\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:fixed { + position: fixed; + } - .xl\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:absolute { + position: absolute; + } - .xl\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:relative { + position: relative; + } - .xl\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:sticky { + position: sticky; + } - .xl\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } - .xl\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } - .xl\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } - .xl\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } - .xl\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } - .xl\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } - .xl\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } - .xl\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } - .xl\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } - .xl\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } - .xl\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } - .xl\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } - .xl\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } - .xl\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } - .xl\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } - .xl\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } - .xl\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } - .xl\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } - .xl\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } - .xl\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } - .xl\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } - .xl\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } - .xl\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } - .xl\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } - .xl\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } - .xl\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } - .xl\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } - .xl\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } - .xl\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .xl\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } - .xl\:dark\:focus\:text-current:focus { - color: currentColor; - } + .xl\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } - .xl\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } - .xl\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } - .xl\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } - .xl\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } - .xl\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } - .xl\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } - .xl\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } - .xl\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } - .xl\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } - .xl\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } - .xl\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; + } - .xl\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } - .xl\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } - .xl\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } - .xl\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } - .xl\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } - .xl\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } - .xl\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } - .xl\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } - .xl\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } - .xl\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } - .xl\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } - .xl\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } - .xl\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } - .xl\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } - .xl\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } - .xl\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } - .xl\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } - .xl\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } - .xl\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } - .xl\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } - .xl\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } - .xl\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } - .xl\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } - .xl\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } - .xl\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } - .xl\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } - .xl\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } - .xl\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .xl\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } - .xl\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } - .xl\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } - .xl\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .xl\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } - .xl\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } - .xl\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .xl\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } - .xl\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } - .xl\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } - .xl\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .xl\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } - .xl\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } - .xl\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:inset-y-0 { + top: 0; + bottom: 0; + } - .xl\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:inset-x-0 { + right: 0; + left: 0; + } - .xl\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } - .xl\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } - .xl\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } - .xl\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } - .xl\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } - .xl\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } - .xl\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } - .xl\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:inset-x-4 { + right: 1rem; + left: 1rem; + } - .xl\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } - .xl\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } - .xl\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } - .xl\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } - .xl\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } - .xl\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } - .xl\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } - .xl\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:inset-x-8 { + right: 2rem; + left: 2rem; + } - .xl\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } - .xl\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .xl\:text-opacity-0 { - --text-opacity: 0; + .xl\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .xl\:text-opacity-25 { - --text-opacity: 0.25; + .xl\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .xl\:text-opacity-50 { - --text-opacity: 0.5; + .xl\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:text-opacity-75 { - --text-opacity: 0.75; + .xl\:inset-x-12 { + right: 3rem; + left: 3rem; } - .xl\:text-opacity-100 { - --text-opacity: 1; + .xl\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .group:hover .xl\:group-hover\:text-opacity-0 { - --text-opacity: 0; + .xl\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .group:hover .xl\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; + .xl\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .group:hover .xl\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; + .xl\:inset-x-16 { + right: 4rem; + left: 4rem; } - .group:hover .xl\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; + .xl\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .group:hover .xl\:group-hover\:text-opacity-100 { - --text-opacity: 1; + .xl\:inset-x-20 { + right: 5rem; + left: 5rem; } - .xl\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .xl\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .xl\:inset-x-24 { + right: 6rem; + left: 6rem; } - .xl\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .xl\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .xl\:inset-x-28 { + right: 7rem; + left: 7rem; } - .xl\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .xl\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .xl\:inset-x-32 { + right: 8rem; + left: 8rem; } - .xl\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .xl\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .xl\:inset-x-36 { + right: 9rem; + left: 9rem; } - .xl\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .xl\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .xl\:inset-x-40 { + right: 10rem; + left: 10rem; } - .xl\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:overflow-ellipsis { - text-overflow: ellipsis; + .xl\:inset-x-44 { + right: 11rem; + left: 11rem; } - .xl\:overflow-clip { - text-overflow: clip; + .xl\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:italic { - font-style: italic; + .xl\:inset-x-48 { + right: 12rem; + left: 12rem; } - .xl\:not-italic { - font-style: normal; + .xl\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:uppercase { - text-transform: uppercase; + .xl\:inset-x-52 { + right: 13rem; + left: 13rem; } - .xl\:lowercase { - text-transform: lowercase; + .xl\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:capitalize { - text-transform: capitalize; + .xl\:inset-x-56 { + right: 14rem; + left: 14rem; } - .xl\:normal-case { - text-transform: none; + .xl\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:underline { - text-decoration: underline; + .xl\:inset-x-60 { + right: 15rem; + left: 15rem; } - .xl\:line-through { - text-decoration: line-through; + .xl\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:no-underline { - text-decoration: none; + .xl\:inset-x-64 { + right: 16rem; + left: 16rem; } - .xl\:hover\:underline:hover { - text-decoration: underline; + .xl\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:inset-x-72 { + right: 18rem; + left: 18rem; } - .xl\:hover\:no-underline:hover { - text-decoration: none; + .xl\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:focus\:underline:focus { - text-decoration: underline; + .xl\:inset-x-80 { + right: 20rem; + left: 20rem; } - .xl\:focus\:line-through:focus { - text-decoration: line-through; + .xl\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:focus\:no-underline:focus { - text-decoration: none; + .xl\:inset-x-96 { + right: 24rem; + left: 24rem; } - .xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:inset-y-auto { + top: auto; + bottom: auto; } - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:inset-x-auto { + right: auto; + left: auto; } - .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .xl\:inset-y-px { + top: 1px; + bottom: 1px; } - .xl\:normal-nums { - font-variant-numeric: normal; + .xl\:inset-x-px { + right: 1px; + left: 1px; } - .xl\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .xl\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .xl\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .xl\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .xl\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .xl\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .xl\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .xl\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .xl\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .xl\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .xl\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .xl\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .xl\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .xl\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .xl\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .xl\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .xl\:tracking-tighter { - letter-spacing: -0.05em; + .xl\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .xl\:tracking-tight { - letter-spacing: -0.025em; + .xl\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .xl\:tracking-normal { - letter-spacing: 0; + .xl\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .xl\:tracking-wide { - letter-spacing: 0.025em; + .xl\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .xl\:tracking-wider { - letter-spacing: 0.05em; + .xl\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .xl\:tracking-widest { - letter-spacing: 0.1em; + .xl\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .xl\:select-none { - user-select: none; + .xl\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .xl\:select-text { - user-select: text; + .xl\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .xl\:select-all { - user-select: all; + .xl\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .xl\:select-auto { - user-select: auto; + .xl\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .xl\:align-baseline { - vertical-align: baseline; + .xl\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .xl\:align-top { - vertical-align: top; + .xl\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .xl\:align-middle { - vertical-align: middle; + .xl\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .xl\:align-bottom { - vertical-align: bottom; + .xl\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .xl\:align-text-top { - vertical-align: text-top; + .xl\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .xl\:align-text-bottom { - vertical-align: text-bottom; + .xl\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .xl\:visible { - visibility: visible; + .xl\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:invisible { - visibility: hidden; + .xl\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .xl\:whitespace-normal { - white-space: normal; + .xl\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:whitespace-no-wrap { - white-space: nowrap; + .xl\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .xl\:whitespace-pre { - white-space: pre; + .xl\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:whitespace-pre-line { - white-space: pre-line; + .xl\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .xl\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:break-normal { - overflow-wrap: normal; - word-break: normal; + .xl\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .xl\:break-words { - overflow-wrap: break-word; + .xl\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:break-all { - word-break: break-all; + .xl\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .xl\:w-0 { - width: 0; + .xl\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:w-1 { - width: 0.25rem; + .xl\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .xl\:w-2 { - width: 0.5rem; + .xl\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:w-3 { - width: 0.75rem; + .xl\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .xl\:w-4 { - width: 1rem; + .xl\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:w-5 { - width: 1.25rem; + .xl\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .xl\:w-6 { - width: 1.5rem; + .xl\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:w-7 { - width: 1.75rem; + .xl\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .xl\:w-8 { - width: 2rem; + .xl\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:w-9 { - width: 2.25rem; + .xl\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .xl\:w-10 { - width: 2.5rem; + .xl\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:w-12 { - width: 3rem; + .xl\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .xl\:w-14 { - width: 3.5rem; + .xl\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:w-16 { - width: 4rem; + .xl\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .xl\:w-20 { - width: 5rem; + .xl\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .xl\:w-24 { - width: 6rem; + .xl\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .xl\:w-28 { - width: 7rem; + .xl\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .xl\:w-32 { - width: 8rem; + .xl\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .xl\:w-36 { - width: 9rem; + .xl\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .xl\:w-40 { - width: 10rem; + .xl\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .xl\:w-44 { - width: 11rem; + .xl\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .xl\:w-48 { - width: 12rem; + .xl\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .xl\:w-52 { - width: 13rem; + .xl\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .xl\:w-56 { - width: 14rem; + .xl\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .xl\:w-60 { - width: 15rem; + .xl\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .xl\:w-64 { - width: 16rem; + .xl\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .xl\:w-72 { - width: 18rem; + .xl\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .xl\:w-80 { - width: 20rem; + .xl\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .xl\:w-96 { - width: 24rem; + .xl\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .xl\:w-auto { - width: auto; + .xl\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .xl\:w-px { - width: 1px; + .xl\:-inset-y-px { + top: -1px; + bottom: -1px; } - .xl\:w-0\.5 { - width: 0.125rem; + .xl\:-inset-x-px { + right: -1px; + left: -1px; } - .xl\:w-1\.5 { - width: 0.375rem; + .xl\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .xl\:w-2\.5 { - width: 0.625rem; + .xl\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .xl\:w-3\.5 { - width: 0.875rem; + .xl\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .xl\:w-1\/2 { - width: 50%; + .xl\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .xl\:w-1\/3 { - width: 33.333333%; + .xl\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .xl\:w-2\/3 { - width: 66.666667%; + .xl\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .xl\:w-1\/4 { - width: 25%; + .xl\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .xl\:w-2\/4 { - width: 50%; + .xl\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .xl\:w-3\/4 { - width: 75%; + .xl\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .xl\:w-1\/5 { - width: 20%; + .xl\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .xl\:w-2\/5 { - width: 40%; + .xl\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .xl\:w-3\/5 { - width: 60%; + .xl\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .xl\:w-4\/5 { - width: 80%; + .xl\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .xl\:w-1\/6 { - width: 16.666667%; + .xl\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .xl\:w-2\/6 { - width: 33.333333%; + .xl\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .xl\:w-3\/6 { - width: 50%; + .xl\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .xl\:w-4\/6 { - width: 66.666667%; + .xl\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .xl\:w-5\/6 { - width: 83.333333%; + .xl\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .xl\:w-1\/12 { - width: 8.333333%; + .xl\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .xl\:w-2\/12 { - width: 16.666667%; + .xl\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .xl\:w-3\/12 { - width: 25%; + .xl\:inset-y-full { + top: 100%; + bottom: 100%; } - .xl\:w-4\/12 { - width: 33.333333%; + .xl\:inset-x-full { + right: 100%; + left: 100%; } - .xl\:w-5\/12 { - width: 41.666667%; + .xl\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .xl\:w-6\/12 { - width: 50%; + .xl\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .xl\:w-7\/12 { - width: 58.333333%; + .xl\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .xl\:w-8\/12 { - width: 66.666667%; + .xl\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .xl\:w-9\/12 { - width: 75%; + .xl\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .xl\:w-10\/12 { - width: 83.333333%; + .xl\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .xl\:w-11\/12 { - width: 91.666667%; + .xl\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .xl\:w-full { - width: 100%; + .xl\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .xl\:w-screen { - width: 100vw; + .xl\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .xl\:w-min { - width: min-content; + .xl\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .xl\:w-max { - width: max-content; + .xl\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .xl\:z-0 { - z-index: 0; + .xl\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .xl\:z-10 { - z-index: 10; + .xl\:-inset-y-full { + top: -100%; + bottom: -100%; } - .xl\:z-20 { - z-index: 20; + .xl\:-inset-x-full { + right: -100%; + left: -100%; } - .xl\:z-30 { - z-index: 30; + .xl\:top-0 { + top: 0; } - .xl\:z-40 { - z-index: 40; + .xl\:right-0 { + right: 0; } - .xl\:z-50 { - z-index: 50; + .xl\:bottom-0 { + bottom: 0; } - .xl\:z-auto { - z-index: auto; + .xl\:left-0 { + left: 0; } - .xl\:focus\:z-0:focus { - z-index: 0; + .xl\:top-1 { + top: 0.25rem; } - .xl\:focus\:z-10:focus { - z-index: 10; + .xl\:right-1 { + right: 0.25rem; } - .xl\:focus\:z-20:focus { - z-index: 20; + .xl\:bottom-1 { + bottom: 0.25rem; } - .xl\:focus\:z-30:focus { - z-index: 30; + .xl\:left-1 { + left: 0.25rem; } - .xl\:focus\:z-40:focus { - z-index: 40; + .xl\:top-2 { + top: 0.5rem; } - .xl\:focus\:z-50:focus { - z-index: 50; + .xl\:right-2 { + right: 0.5rem; } - .xl\:focus\:z-auto:focus { - z-index: auto; + .xl\:bottom-2 { + bottom: 0.5rem; } - .xl\:gap-0 { - grid-gap: 0; - gap: 0; + .xl\:left-2 { + left: 0.5rem; } - .xl\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .xl\:top-3 { + top: 0.75rem; } - .xl\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .xl\:right-3 { + right: 0.75rem; } - .xl\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .xl\:bottom-3 { + bottom: 0.75rem; } - .xl\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .xl\:left-3 { + left: 0.75rem; } - .xl\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .xl\:top-4 { + top: 1rem; } - .xl\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .xl\:right-4 { + right: 1rem; } - .xl\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .xl\:bottom-4 { + bottom: 1rem; } - .xl\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .xl\:left-4 { + left: 1rem; } - .xl\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .xl\:top-5 { + top: 1.25rem; } - .xl\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .xl\:right-5 { + right: 1.25rem; } - .xl\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .xl\:bottom-5 { + bottom: 1.25rem; } - .xl\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .xl\:left-5 { + left: 1.25rem; } - .xl\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .xl\:top-6 { + top: 1.5rem; } - .xl\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .xl\:right-6 { + right: 1.5rem; } - .xl\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .xl\:bottom-6 { + bottom: 1.5rem; } - .xl\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .xl\:left-6 { + left: 1.5rem; } - .xl\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .xl\:top-7 { + top: 1.75rem; } - .xl\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .xl\:right-7 { + right: 1.75rem; } - .xl\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .xl\:bottom-7 { + bottom: 1.75rem; } - .xl\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .xl\:left-7 { + left: 1.75rem; } - .xl\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .xl\:top-8 { + top: 2rem; } - .xl\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .xl\:right-8 { + right: 2rem; } - .xl\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .xl\:bottom-8 { + bottom: 2rem; } - .xl\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .xl\:left-8 { + left: 2rem; } - .xl\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .xl\:top-9 { + top: 2.25rem; } - .xl\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .xl\:right-9 { + right: 2.25rem; } - .xl\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .xl\:bottom-9 { + bottom: 2.25rem; } - .xl\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .xl\:left-9 { + left: 2.25rem; } - .xl\:gap-px { - grid-gap: 1px; - gap: 1px; + .xl\:top-10 { + top: 2.5rem; } - .xl\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .xl\:right-10 { + right: 2.5rem; } - .xl\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .xl\:bottom-10 { + bottom: 2.5rem; } - .xl\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .xl\:left-10 { + left: 2.5rem; } - .xl\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .xl\:top-12 { + top: 3rem; } - .xl\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .xl\:right-12 { + right: 3rem; } - .xl\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .xl\:bottom-12 { + bottom: 3rem; } - .xl\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .xl\:left-12 { + left: 3rem; } - .xl\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .xl\:top-14 { + top: 3.5rem; } - .xl\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .xl\:right-14 { + right: 3.5rem; } - .xl\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .xl\:bottom-14 { + bottom: 3.5rem; } - .xl\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .xl\:left-14 { + left: 3.5rem; } - .xl\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .xl\:top-16 { + top: 4rem; } - .xl\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .xl\:right-16 { + right: 4rem; } - .xl\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .xl\:bottom-16 { + bottom: 4rem; } - .xl\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .xl\:left-16 { + left: 4rem; } - .xl\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .xl\:top-20 { + top: 5rem; } - .xl\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .xl\:right-20 { + right: 5rem; } - .xl\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .xl\:bottom-20 { + bottom: 5rem; } - .xl\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .xl\:left-20 { + left: 5rem; } - .xl\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .xl\:top-24 { + top: 6rem; } - .xl\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .xl\:right-24 { + right: 6rem; } - .xl\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .xl\:bottom-24 { + bottom: 6rem; } - .xl\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .xl\:left-24 { + left: 6rem; } - .xl\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .xl\:top-28 { + top: 7rem; } - .xl\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .xl\:right-28 { + right: 7rem; } - .xl\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .xl\:bottom-28 { + bottom: 7rem; } - .xl\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .xl\:left-28 { + left: 7rem; } - .xl\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .xl\:top-32 { + top: 8rem; } - .xl\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .xl\:right-32 { + right: 8rem; } - .xl\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .xl\:bottom-32 { + bottom: 8rem; } - .xl\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .xl\:left-32 { + left: 8rem; } - .xl\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .xl\:top-36 { + top: 9rem; } - .xl\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .xl\:right-36 { + right: 9rem; } - .xl\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .xl\:bottom-36 { + bottom: 9rem; } - .xl\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .xl\:left-36 { + left: 9rem; } - .xl\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .xl\:top-40 { + top: 10rem; } - .xl\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .xl\:right-40 { + right: 10rem; } - .xl\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .xl\:bottom-40 { + bottom: 10rem; } - .xl\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .xl\:left-40 { + left: 10rem; } - .xl\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .xl\:top-44 { + top: 11rem; } - .xl\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .xl\:right-44 { + right: 11rem; } - .xl\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .xl\:bottom-44 { + bottom: 11rem; } - .xl\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .xl\:left-44 { + left: 11rem; } - .xl\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .xl\:top-48 { + top: 12rem; } - .xl\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .xl\:right-48 { + right: 12rem; } - .xl\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .xl\:bottom-48 { + bottom: 12rem; } - .xl\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .xl\:left-48 { + left: 12rem; } - .xl\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .xl\:top-52 { + top: 13rem; } - .xl\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .xl\:right-52 { + right: 13rem; } - .xl\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .xl\:bottom-52 { + bottom: 13rem; } - .xl\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .xl\:left-52 { + left: 13rem; } - .xl\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .xl\:top-56 { + top: 14rem; } - .xl\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .xl\:right-56 { + right: 14rem; } - .xl\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .xl\:bottom-56 { + bottom: 14rem; } - .xl\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .xl\:left-56 { + left: 14rem; } - .xl\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .xl\:top-60 { + top: 15rem; } - .xl\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .xl\:right-60 { + right: 15rem; } - .xl\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .xl\:bottom-60 { + bottom: 15rem; } - .xl\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .xl\:left-60 { + left: 15rem; } - .xl\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .xl\:top-64 { + top: 16rem; } - .xl\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .xl\:right-64 { + right: 16rem; } - .xl\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .xl\:bottom-64 { + bottom: 16rem; } - .xl\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .xl\:left-64 { + left: 16rem; } - .xl\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .xl\:top-72 { + top: 18rem; } - .xl\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .xl\:right-72 { + right: 18rem; } - .xl\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .xl\:bottom-72 { + bottom: 18rem; } - .xl\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .xl\:left-72 { + left: 18rem; } - .xl\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .xl\:top-80 { + top: 20rem; } - .xl\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .xl\:right-80 { + right: 20rem; } - .xl\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .xl\:bottom-80 { + bottom: 20rem; } - .xl\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .xl\:left-80 { + left: 20rem; } - .xl\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .xl\:top-96 { + top: 24rem; } - .xl\:grid-flow-row { - grid-auto-flow: row; + .xl\:right-96 { + right: 24rem; } - .xl\:grid-flow-col { - grid-auto-flow: column; + .xl\:bottom-96 { + bottom: 24rem; } - .xl\:grid-flow-row-dense { - grid-auto-flow: row dense; + .xl\:left-96 { + left: 24rem; } - .xl\:grid-flow-col-dense { - grid-auto-flow: column dense; + .xl\:top-auto { + top: auto; } - .xl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .xl\:right-auto { + right: auto; } - .xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .xl\:bottom-auto { + bottom: auto; } - .xl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .xl\:left-auto { + left: auto; } - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .xl\:top-px { + top: 1px; } - .xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .xl\:right-px { + right: 1px; } - .xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .xl\:bottom-px { + bottom: 1px; } - .xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .xl\:left-px { + left: 1px; } - .xl\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .xl\:top-0\.5 { + top: 0.125rem; } - .xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .xl\:right-0\.5 { + right: 0.125rem; } - .xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .xl\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .xl\:left-0\.5 { + left: 0.125rem; } - .xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .xl\:top-1\.5 { + top: 0.375rem; } - .xl\:grid-cols-none { - grid-template-columns: none; + .xl\:right-1\.5 { + right: 0.375rem; } - .xl\:auto-cols-auto { - grid-auto-columns: auto; + .xl\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:auto-cols-min { - grid-auto-columns: min-content; + .xl\:left-1\.5 { + left: 0.375rem; } - .xl\:auto-cols-max { - grid-auto-columns: max-content; + .xl\:top-2\.5 { + top: 0.625rem; } - .xl\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .xl\:right-2\.5 { + right: 0.625rem; } - .xl\:col-auto { - grid-column: auto; + .xl\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:col-span-1 { - grid-column: span 1 / span 1; + .xl\:left-2\.5 { + left: 0.625rem; } - .xl\:col-span-2 { - grid-column: span 2 / span 2; + .xl\:top-3\.5 { + top: 0.875rem; } - .xl\:col-span-3 { - grid-column: span 3 / span 3; + .xl\:right-3\.5 { + right: 0.875rem; } - .xl\:col-span-4 { - grid-column: span 4 / span 4; + .xl\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:col-span-5 { - grid-column: span 5 / span 5; + .xl\:left-3\.5 { + left: 0.875rem; } - .xl\:col-span-6 { - grid-column: span 6 / span 6; + .xl\:-top-1 { + top: -0.25rem; } - .xl\:col-span-7 { - grid-column: span 7 / span 7; + .xl\:-right-1 { + right: -0.25rem; } - .xl\:col-span-8 { - grid-column: span 8 / span 8; + .xl\:-bottom-1 { + bottom: -0.25rem; } - .xl\:col-span-9 { - grid-column: span 9 / span 9; + .xl\:-left-1 { + left: -0.25rem; } - .xl\:col-span-10 { - grid-column: span 10 / span 10; + .xl\:-top-2 { + top: -0.5rem; } - .xl\:col-span-11 { - grid-column: span 11 / span 11; + .xl\:-right-2 { + right: -0.5rem; } - .xl\:col-span-12 { - grid-column: span 12 / span 12; + .xl\:-bottom-2 { + bottom: -0.5rem; } - .xl\:col-span-full { - grid-column: 1 / -1; + .xl\:-left-2 { + left: -0.5rem; } - .xl\:col-start-1 { - grid-column-start: 1; + .xl\:-top-3 { + top: -0.75rem; } - .xl\:col-start-2 { - grid-column-start: 2; + .xl\:-right-3 { + right: -0.75rem; } - .xl\:col-start-3 { - grid-column-start: 3; + .xl\:-bottom-3 { + bottom: -0.75rem; } - .xl\:col-start-4 { - grid-column-start: 4; + .xl\:-left-3 { + left: -0.75rem; } - .xl\:col-start-5 { - grid-column-start: 5; + .xl\:-top-4 { + top: -1rem; } - .xl\:col-start-6 { - grid-column-start: 6; + .xl\:-right-4 { + right: -1rem; } - .xl\:col-start-7 { - grid-column-start: 7; + .xl\:-bottom-4 { + bottom: -1rem; } - .xl\:col-start-8 { - grid-column-start: 8; + .xl\:-left-4 { + left: -1rem; } - .xl\:col-start-9 { - grid-column-start: 9; + .xl\:-top-5 { + top: -1.25rem; } - .xl\:col-start-10 { - grid-column-start: 10; + .xl\:-right-5 { + right: -1.25rem; } - .xl\:col-start-11 { - grid-column-start: 11; + .xl\:-bottom-5 { + bottom: -1.25rem; } - .xl\:col-start-12 { - grid-column-start: 12; + .xl\:-left-5 { + left: -1.25rem; } - .xl\:col-start-13 { - grid-column-start: 13; + .xl\:-top-6 { + top: -1.5rem; } - .xl\:col-start-auto { - grid-column-start: auto; + .xl\:-right-6 { + right: -1.5rem; } - .xl\:col-end-1 { - grid-column-end: 1; + .xl\:-bottom-6 { + bottom: -1.5rem; } - .xl\:col-end-2 { - grid-column-end: 2; + .xl\:-left-6 { + left: -1.5rem; } - .xl\:col-end-3 { - grid-column-end: 3; + .xl\:-top-7 { + top: -1.75rem; } - .xl\:col-end-4 { - grid-column-end: 4; + .xl\:-right-7 { + right: -1.75rem; } - .xl\:col-end-5 { - grid-column-end: 5; + .xl\:-bottom-7 { + bottom: -1.75rem; } - .xl\:col-end-6 { - grid-column-end: 6; + .xl\:-left-7 { + left: -1.75rem; } - .xl\:col-end-7 { - grid-column-end: 7; + .xl\:-top-8 { + top: -2rem; } - .xl\:col-end-8 { - grid-column-end: 8; + .xl\:-right-8 { + right: -2rem; } - .xl\:col-end-9 { - grid-column-end: 9; + .xl\:-bottom-8 { + bottom: -2rem; } - .xl\:col-end-10 { - grid-column-end: 10; + .xl\:-left-8 { + left: -2rem; } - .xl\:col-end-11 { - grid-column-end: 11; + .xl\:-top-9 { + top: -2.25rem; } - .xl\:col-end-12 { - grid-column-end: 12; + .xl\:-right-9 { + right: -2.25rem; } - .xl\:col-end-13 { - grid-column-end: 13; + .xl\:-bottom-9 { + bottom: -2.25rem; } - .xl\:col-end-auto { - grid-column-end: auto; + .xl\:-left-9 { + left: -2.25rem; } - .xl\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .xl\:-top-10 { + top: -2.5rem; } - .xl\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .xl\:-right-10 { + right: -2.5rem; } - .xl\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .xl\:-bottom-10 { + bottom: -2.5rem; } - .xl\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .xl\:-left-10 { + left: -2.5rem; } - .xl\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .xl\:-top-12 { + top: -3rem; } - .xl\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .xl\:-right-12 { + right: -3rem; } - .xl\:grid-rows-none { - grid-template-rows: none; + .xl\:-bottom-12 { + bottom: -3rem; } - .xl\:auto-rows-auto { - grid-auto-rows: auto; + .xl\:-left-12 { + left: -3rem; } - .xl\:auto-rows-min { - grid-auto-rows: min-content; + .xl\:-top-14 { + top: -3.5rem; } - .xl\:auto-rows-max { - grid-auto-rows: max-content; + .xl\:-right-14 { + right: -3.5rem; } - .xl\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .xl\:-bottom-14 { + bottom: -3.5rem; } - .xl\:row-auto { - grid-row: auto; + .xl\:-left-14 { + left: -3.5rem; } - .xl\:row-span-1 { - grid-row: span 1 / span 1; + .xl\:-top-16 { + top: -4rem; } - .xl\:row-span-2 { - grid-row: span 2 / span 2; + .xl\:-right-16 { + right: -4rem; } - .xl\:row-span-3 { - grid-row: span 3 / span 3; + .xl\:-bottom-16 { + bottom: -4rem; } - .xl\:row-span-4 { - grid-row: span 4 / span 4; + .xl\:-left-16 { + left: -4rem; } - .xl\:row-span-5 { - grid-row: span 5 / span 5; + .xl\:-top-20 { + top: -5rem; } - .xl\:row-span-6 { - grid-row: span 6 / span 6; + .xl\:-right-20 { + right: -5rem; } - .xl\:row-span-full { - grid-row: 1 / -1; + .xl\:-bottom-20 { + bottom: -5rem; } - .xl\:row-start-1 { - grid-row-start: 1; + .xl\:-left-20 { + left: -5rem; } - .xl\:row-start-2 { - grid-row-start: 2; + .xl\:-top-24 { + top: -6rem; } - .xl\:row-start-3 { - grid-row-start: 3; + .xl\:-right-24 { + right: -6rem; } - .xl\:row-start-4 { - grid-row-start: 4; + .xl\:-bottom-24 { + bottom: -6rem; } - .xl\:row-start-5 { - grid-row-start: 5; + .xl\:-left-24 { + left: -6rem; } - .xl\:row-start-6 { - grid-row-start: 6; + .xl\:-top-28 { + top: -7rem; } - .xl\:row-start-7 { - grid-row-start: 7; + .xl\:-right-28 { + right: -7rem; } - .xl\:row-start-auto { - grid-row-start: auto; + .xl\:-bottom-28 { + bottom: -7rem; } - .xl\:row-end-1 { - grid-row-end: 1; + .xl\:-left-28 { + left: -7rem; } - .xl\:row-end-2 { - grid-row-end: 2; + .xl\:-top-32 { + top: -8rem; } - .xl\:row-end-3 { - grid-row-end: 3; + .xl\:-right-32 { + right: -8rem; } - .xl\:row-end-4 { - grid-row-end: 4; + .xl\:-bottom-32 { + bottom: -8rem; } - .xl\:row-end-5 { - grid-row-end: 5; + .xl\:-left-32 { + left: -8rem; } - .xl\:row-end-6 { - grid-row-end: 6; + .xl\:-top-36 { + top: -9rem; } - .xl\:row-end-7 { - grid-row-end: 7; + .xl\:-right-36 { + right: -9rem; } - .xl\:row-end-auto { - grid-row-end: auto; + .xl\:-bottom-36 { + bottom: -9rem; } - .xl\: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\:-left-36 { + left: -9rem; } - .xl\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:-top-40 { + top: -10rem; } - .xl\:transform-none { - transform: none; + .xl\:-right-40 { + right: -10rem; } - .xl\:origin-center { - transform-origin: center; + .xl\:-bottom-40 { + bottom: -10rem; } - .xl\:origin-top { - transform-origin: top; + .xl\:-left-40 { + left: -10rem; } - .xl\:origin-top-right { - transform-origin: top right; + .xl\:-top-44 { + top: -11rem; } - .xl\:origin-right { - transform-origin: right; + .xl\:-right-44 { + right: -11rem; } - .xl\:origin-bottom-right { - transform-origin: bottom right; + .xl\:-bottom-44 { + bottom: -11rem; } - .xl\:origin-bottom { - transform-origin: bottom; + .xl\:-left-44 { + left: -11rem; } - .xl\:origin-bottom-left { - transform-origin: bottom left; + .xl\:-top-48 { + top: -12rem; } - .xl\:origin-left { - transform-origin: left; + .xl\:-right-48 { + right: -12rem; } - .xl\:origin-top-left { - transform-origin: top left; + .xl\:-bottom-48 { + bottom: -12rem; } - .xl\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-left-48 { + left: -12rem; } - .xl\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-top-52 { + top: -13rem; } - .xl\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-right-52 { + right: -13rem; } - .xl\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-bottom-52 { + bottom: -13rem; } - .xl\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-left-52 { + left: -13rem; } - .xl\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-top-56 { + top: -14rem; } - .xl\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-right-56 { + right: -14rem; } - .xl\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:-bottom-56 { + bottom: -14rem; } - .xl\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-left-56 { + left: -14rem; } - .xl\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-top-60 { + top: -15rem; } - .xl\:scale-x-0 { - --transform-scale-x: 0; + .xl\:-right-60 { + right: -15rem; } - .xl\:scale-x-50 { - --transform-scale-x: .5; + .xl\:-bottom-60 { + bottom: -15rem; } - .xl\:scale-x-75 { - --transform-scale-x: .75; + .xl\:-left-60 { + left: -15rem; } - .xl\:scale-x-90 { - --transform-scale-x: .9; + .xl\:-top-64 { + top: -16rem; } - .xl\:scale-x-95 { - --transform-scale-x: .95; + .xl\:-right-64 { + right: -16rem; } - .xl\:scale-x-100 { - --transform-scale-x: 1; + .xl\:-bottom-64 { + bottom: -16rem; } - .xl\:scale-x-105 { - --transform-scale-x: 1.05; + .xl\:-left-64 { + left: -16rem; } - .xl\:scale-x-110 { - --transform-scale-x: 1.1; + .xl\:-top-72 { + top: -18rem; } - .xl\:scale-x-125 { - --transform-scale-x: 1.25; + .xl\:-right-72 { + right: -18rem; } - .xl\:scale-x-150 { - --transform-scale-x: 1.5; + .xl\:-bottom-72 { + bottom: -18rem; } - .xl\:scale-y-0 { - --transform-scale-y: 0; + .xl\:-left-72 { + left: -18rem; } - .xl\:scale-y-50 { - --transform-scale-y: .5; + .xl\:-top-80 { + top: -20rem; } - .xl\:scale-y-75 { - --transform-scale-y: .75; + .xl\:-right-80 { + right: -20rem; } - .xl\:scale-y-90 { - --transform-scale-y: .9; + .xl\:-bottom-80 { + bottom: -20rem; } - .xl\:scale-y-95 { - --transform-scale-y: .95; + .xl\:-left-80 { + left: -20rem; } - .xl\:scale-y-100 { - --transform-scale-y: 1; + .xl\:-top-96 { + top: -24rem; } - .xl\:scale-y-105 { - --transform-scale-y: 1.05; + .xl\:-right-96 { + right: -24rem; } - .xl\:scale-y-110 { - --transform-scale-y: 1.1; + .xl\:-bottom-96 { + bottom: -24rem; } - .xl\:scale-y-125 { - --transform-scale-y: 1.25; + .xl\:-left-96 { + left: -24rem; } - .xl\:scale-y-150 { - --transform-scale-y: 1.5; + .xl\:-top-px { + top: -1px; } - .xl\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-right-px { + right: -1px; } - .xl\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-bottom-px { + bottom: -1px; } - .xl\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-left-px { + left: -1px; } - .xl\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-top-0\.5 { + top: -0.125rem; } - .xl\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-right-0\.5 { + right: -0.125rem; } - .xl\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-bottom-0\.5 { + bottom: -0.125rem; } - .xl\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-left-0\.5 { + left: -0.125rem; } - - .xl\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + + .xl\:-top-1\.5 { + top: -0.375rem; } - .xl\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-right-1\.5 { + right: -0.375rem; } - .xl\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-bottom-1\.5 { + bottom: -0.375rem; } - .xl\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .xl\:-left-1\.5 { + left: -0.375rem; } - .xl\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .xl\:-top-2\.5 { + top: -0.625rem; } - .xl\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .xl\:-right-2\.5 { + right: -0.625rem; } - .xl\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .xl\:-bottom-2\.5 { + bottom: -0.625rem; } - .xl\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .xl\:-left-2\.5 { + left: -0.625rem; } - .xl\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .xl\:-top-3\.5 { + top: -0.875rem; } - .xl\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .xl\:-right-3\.5 { + right: -0.875rem; } - .xl\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .xl\:-bottom-3\.5 { + bottom: -0.875rem; } - .xl\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .xl\:-left-3\.5 { + left: -0.875rem; } - .xl\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .xl\:top-1\/2 { + top: 50%; } - .xl\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .xl\:right-1\/2 { + right: 50%; } - .xl\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .xl\:bottom-1\/2 { + bottom: 50%; } - .xl\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .xl\:left-1\/2 { + left: 50%; } - .xl\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .xl\:top-1\/3 { + top: 33.333333%; } - .xl\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .xl\:right-1\/3 { + right: 33.333333%; } - .xl\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .xl\:bottom-1\/3 { + bottom: 33.333333%; } - .xl\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .xl\:left-1\/3 { + left: 33.333333%; } - .xl\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .xl\:top-2\/3 { + top: 66.666667%; } - .xl\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .xl\:right-2\/3 { + right: 66.666667%; } - .xl\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .xl\:bottom-2\/3 { + bottom: 66.666667%; } - .xl\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:left-2\/3 { + left: 66.666667%; } - .xl\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:top-1\/4 { + top: 25%; } - .xl\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:right-1\/4 { + right: 25%; } - .xl\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:bottom-1\/4 { + bottom: 25%; } - .xl\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:left-1\/4 { + left: 25%; } - .xl\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:top-2\/4 { + top: 50%; } - .xl\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:right-2\/4 { + right: 50%; } - .xl\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:bottom-2\/4 { + bottom: 50%; } - .xl\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:left-2\/4 { + left: 50%; } - .xl\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:top-3\/4 { + top: 75%; } - .xl\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .xl\:right-3\/4 { + right: 75%; } - .xl\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .xl\:bottom-3\/4 { + bottom: 75%; } - .xl\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .xl\:left-3\/4 { + left: 75%; } - .xl\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .xl\:top-full { + top: 100%; } - .xl\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .xl\:right-full { + right: 100%; } - .xl\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .xl\:bottom-full { + bottom: 100%; } - .xl\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .xl\:left-full { + left: 100%; } - .xl\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .xl\:-top-1\/2 { + top: -50%; } - .xl\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .xl\:-right-1\/2 { + right: -50%; } - .xl\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .xl\:-bottom-1\/2 { + bottom: -50%; } - .xl\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .xl\:-left-1\/2 { + left: -50%; } - .xl\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .xl\:-top-1\/3 { + top: -33.333333%; } - .xl\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .xl\:-right-1\/3 { + right: -33.333333%; } - .xl\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .xl\:-bottom-1\/3 { + bottom: -33.333333%; } - .xl\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .xl\:-left-1\/3 { + left: -33.333333%; } - .xl\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .xl\:-top-2\/3 { + top: -66.666667%; } - .xl\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .xl\:-right-2\/3 { + right: -66.666667%; } - .xl\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .xl\:-bottom-2\/3 { + bottom: -66.666667%; } - .xl\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .xl\:-left-2\/3 { + left: -66.666667%; } - .xl\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .xl\:-top-1\/4 { + top: -25%; } - .xl\:rotate-0 { - --transform-rotate: 0; + .xl\:-right-1\/4 { + right: -25%; } - .xl\:rotate-1 { - --transform-rotate: 1deg; + .xl\:-bottom-1\/4 { + bottom: -25%; } - .xl\:rotate-2 { - --transform-rotate: 2deg; + .xl\:-left-1\/4 { + left: -25%; } - .xl\:rotate-3 { - --transform-rotate: 3deg; + .xl\:-top-2\/4 { + top: -50%; } - .xl\:rotate-6 { - --transform-rotate: 6deg; + .xl\:-right-2\/4 { + right: -50%; } - .xl\:rotate-12 { - --transform-rotate: 12deg; + .xl\:-bottom-2\/4 { + bottom: -50%; } - .xl\:rotate-45 { - --transform-rotate: 45deg; + .xl\:-left-2\/4 { + left: -50%; } - .xl\:rotate-90 { - --transform-rotate: 90deg; + .xl\:-top-3\/4 { + top: -75%; } - .xl\:rotate-180 { - --transform-rotate: 180deg; + .xl\:-right-3\/4 { + right: -75%; } - .xl\:-rotate-180 { - --transform-rotate: -180deg; + .xl\:-bottom-3\/4 { + bottom: -75%; } - .xl\:-rotate-90 { - --transform-rotate: -90deg; + .xl\:-left-3\/4 { + left: -75%; } - .xl\:-rotate-45 { - --transform-rotate: -45deg; + .xl\:-top-full { + top: -100%; } - .xl\:-rotate-12 { - --transform-rotate: -12deg; + .xl\:-right-full { + right: -100%; } - .xl\:-rotate-6 { - --transform-rotate: -6deg; + .xl\:-bottom-full { + bottom: -100%; } - .xl\:-rotate-3 { - --transform-rotate: -3deg; + .xl\:-left-full { + left: -100%; } - .xl\:-rotate-2 { - --transform-rotate: -2deg; + .xl\:resize-none { + resize: none; } - .xl\:-rotate-1 { - --transform-rotate: -1deg; + .xl\:resize-y { + resize: vertical; } - .xl\:hover\:rotate-0:hover { - --transform-rotate: 0; + .xl\:resize-x { + resize: horizontal; } - .xl\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .xl\:resize { + resize: both; } - .xl\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .xl\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .xl\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .xl\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .xl\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .xl\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .xl\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .xl\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .xl\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .xl\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .xl\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .xl\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .xl\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .xl\:shadow-none { + box-shadow: none; } - .xl\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .xl\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .xl\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .xl\: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); } - .xl\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .xl\: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); } - .xl\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .xl\: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); } - .xl\:focus\:rotate-0:focus { - --transform-rotate: 0; + .xl\: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); } - .xl\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .xl\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .xl\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .xl\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .xl\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .xl\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .xl\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .xl\: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); } - .xl\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .xl\: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); } - .xl\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .xl\: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); } - .xl\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .xl\: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); } - .xl\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .xl\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .xl\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .xl\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .xl\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .xl\:fill-current { + fill: currentColor; } - .xl\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .xl\:stroke-current { + stroke: currentColor; } - .xl\:translate-x-0 { - --transform-translate-x: 0; + .xl\:stroke-0 { + stroke-width: 0; } - .xl\:translate-x-1 { - --transform-translate-x: 0.25rem; + .xl\:stroke-1 { + stroke-width: 1; } - .xl\:translate-x-2 { - --transform-translate-x: 0.5rem; + .xl\:stroke-2 { + stroke-width: 2; } - .xl\:translate-x-3 { - --transform-translate-x: 0.75rem; + .xl\:table-auto { + table-layout: auto; } - .xl\:translate-x-4 { - --transform-translate-x: 1rem; + .xl\:table-fixed { + table-layout: fixed; } - .xl\:translate-x-5 { - --transform-translate-x: 1.25rem; + .xl\:text-left { + text-align: left; } - .xl\:translate-x-6 { - --transform-translate-x: 1.5rem; + .xl\:text-center { + text-align: center; } - .xl\:translate-x-7 { - --transform-translate-x: 1.75rem; + .xl\:text-right { + text-align: right; } - .xl\:translate-x-8 { - --transform-translate-x: 2rem; + .xl\:text-justify { + text-align: justify; } - .xl\:translate-x-9 { - --transform-translate-x: 2.25rem; + .xl\:text-transparent { + color: transparent; } - .xl\:translate-x-10 { - --transform-translate-x: 2.5rem; + .xl\:text-current { + color: currentColor; } - .xl\:translate-x-12 { - --transform-translate-x: 3rem; + .xl\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:translate-x-14 { - --transform-translate-x: 3.5rem; + .xl\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:translate-x-16 { - --transform-translate-x: 4rem; + .xl\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:translate-x-20 { - --transform-translate-x: 5rem; + .xl\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:translate-x-24 { - --transform-translate-x: 6rem; + .xl\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:translate-x-28 { - --transform-translate-x: 7rem; + .xl\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:translate-x-32 { - --transform-translate-x: 8rem; + .xl\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:translate-x-36 { - --transform-translate-x: 9rem; + .xl\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:translate-x-40 { - --transform-translate-x: 10rem; + .xl\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:translate-x-44 { - --transform-translate-x: 11rem; + .xl\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:translate-x-48 { - --transform-translate-x: 12rem; + .xl\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:translate-x-52 { - --transform-translate-x: 13rem; + .xl\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:translate-x-56 { - --transform-translate-x: 14rem; + .xl\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:translate-x-60 { - --transform-translate-x: 15rem; + .xl\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:translate-x-64 { - --transform-translate-x: 16rem; + .xl\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:translate-x-72 { - --transform-translate-x: 18rem; + .xl\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:translate-x-80 { - --transform-translate-x: 20rem; + .xl\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:translate-x-96 { - --transform-translate-x: 24rem; + .xl\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:translate-x-px { - --transform-translate-x: 1px; + .xl\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .xl\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .xl\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .xl\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .xl\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .xl\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .xl\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .xl\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:-translate-x-4 { - --transform-translate-x: -1rem; + .xl\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .xl\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .xl\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .xl\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:-translate-x-8 { - --transform-translate-x: -2rem; + .xl\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .xl\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .xl\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:-translate-x-12 { - --transform-translate-x: -3rem; + .xl\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .xl\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:-translate-x-16 { - --transform-translate-x: -4rem; + .xl\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:-translate-x-20 { - --transform-translate-x: -5rem; + .xl\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:-translate-x-24 { - --transform-translate-x: -6rem; + .xl\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:-translate-x-28 { - --transform-translate-x: -7rem; + .xl\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:-translate-x-32 { - --transform-translate-x: -8rem; + .xl\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:-translate-x-36 { - --transform-translate-x: -9rem; + .xl\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:-translate-x-40 { - --transform-translate-x: -10rem; + .xl\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:-translate-x-44 { - --transform-translate-x: -11rem; + .xl\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:-translate-x-48 { - --transform-translate-x: -12rem; + .xl\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:-translate-x-52 { - --transform-translate-x: -13rem; + .xl\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:-translate-x-56 { - --transform-translate-x: -14rem; + .xl\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:-translate-x-60 { - --transform-translate-x: -15rem; + .xl\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:-translate-x-64 { - --transform-translate-x: -16rem; + .xl\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:-translate-x-72 { - --transform-translate-x: -18rem; + .xl\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:-translate-x-80 { - --transform-translate-x: -20rem; + .xl\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:-translate-x-96 { - --transform-translate-x: -24rem; + .xl\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:-translate-x-px { - --transform-translate-x: -1px; + .xl\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .xl\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .xl\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .xl\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .xl\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:translate-x-1\/2 { - --transform-translate-x: 50%; + .xl\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .xl\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .xl\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:translate-x-1\/4 { - --transform-translate-x: 25%; + .xl\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:translate-x-2\/4 { - --transform-translate-x: 50%; + .xl\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:translate-x-3\/4 { - --transform-translate-x: 75%; + .xl\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:translate-x-full { - --transform-translate-x: 100%; + .xl\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .xl\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .xl\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .xl\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .xl\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .xl\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .xl\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:-translate-x-full { - --transform-translate-x: -100%; + .xl\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:translate-y-0 { - --transform-translate-y: 0; + .xl\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:translate-y-1 { - --transform-translate-y: 0.25rem; + .xl\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:translate-y-2 { - --transform-translate-y: 0.5rem; + .group:hover .xl\:group-hover\:text-transparent { + color: transparent; } - .xl\:translate-y-3 { - --transform-translate-y: 0.75rem; + .group:hover .xl\:group-hover\:text-current { + color: currentColor; } - .xl\:translate-y-4 { - --transform-translate-y: 1rem; + .group:hover .xl\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:translate-y-5 { - --transform-translate-y: 1.25rem; + .group:hover .xl\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:translate-y-6 { - --transform-translate-y: 1.5rem; + .group:hover .xl\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:translate-y-7 { - --transform-translate-y: 1.75rem; + .group:hover .xl\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:translate-y-8 { - --transform-translate-y: 2rem; + .group:hover .xl\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:translate-y-9 { - --transform-translate-y: 2.25rem; + .group:hover .xl\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:translate-y-10 { - --transform-translate-y: 2.5rem; + .group:hover .xl\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:translate-y-12 { - --transform-translate-y: 3rem; + .group:hover .xl\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:translate-y-14 { - --transform-translate-y: 3.5rem; + .group:hover .xl\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:translate-y-16 { - --transform-translate-y: 4rem; + .group:hover .xl\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:translate-y-20 { - --transform-translate-y: 5rem; + .group:hover .xl\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:translate-y-24 { - --transform-translate-y: 6rem; + .group:hover .xl\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:translate-y-28 { - --transform-translate-y: 7rem; + .group:hover .xl\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:translate-y-32 { - --transform-translate-y: 8rem; + .group:hover .xl\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:translate-y-36 { - --transform-translate-y: 9rem; + .group:hover .xl\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:translate-y-40 { - --transform-translate-y: 10rem; + .group:hover .xl\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:translate-y-44 { - --transform-translate-y: 11rem; + .group:hover .xl\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:translate-y-48 { - --transform-translate-y: 12rem; + .group:hover .xl\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:translate-y-52 { - --transform-translate-y: 13rem; + .group:hover .xl\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:translate-y-56 { - --transform-translate-y: 14rem; + .group:hover .xl\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:translate-y-60 { - --transform-translate-y: 15rem; + .group:hover .xl\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:translate-y-64 { - --transform-translate-y: 16rem; + .group:hover .xl\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:translate-y-72 { - --transform-translate-y: 18rem; + .group:hover .xl\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:translate-y-80 { - --transform-translate-y: 20rem; + .group:hover .xl\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:translate-y-96 { - --transform-translate-y: 24rem; + .group:hover .xl\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:translate-y-px { - --transform-translate-y: 1px; + .group:hover .xl\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .group:hover .xl\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .group:hover .xl\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .group:hover .xl\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .group:hover .xl\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .group:hover .xl\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .group:hover .xl\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .group:hover .xl\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:-translate-y-4 { - --transform-translate-y: -1rem; + .group:hover .xl\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .group:hover .xl\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .group:hover .xl\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .group:hover .xl\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:-translate-y-8 { - --transform-translate-y: -2rem; + .group:hover .xl\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .group:hover .xl\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .group:hover .xl\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:-translate-y-12 { - --transform-translate-y: -3rem; + .group:hover .xl\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .group:hover .xl\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:-translate-y-16 { - --transform-translate-y: -4rem; + .group:hover .xl\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:-translate-y-20 { - --transform-translate-y: -5rem; + .group:hover .xl\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:-translate-y-24 { - --transform-translate-y: -6rem; + .group:hover .xl\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:-translate-y-28 { - --transform-translate-y: -7rem; + .group:hover .xl\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:-translate-y-32 { - --transform-translate-y: -8rem; + .group:hover .xl\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:-translate-y-36 { - --transform-translate-y: -9rem; + .group:hover .xl\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:-translate-y-40 { - --transform-translate-y: -10rem; + .group:hover .xl\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:-translate-y-44 { - --transform-translate-y: -11rem; + .group:hover .xl\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:-translate-y-48 { - --transform-translate-y: -12rem; + .group:hover .xl\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:-translate-y-52 { - --transform-translate-y: -13rem; + .group:hover .xl\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:-translate-y-56 { - --transform-translate-y: -14rem; + .group:hover .xl\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:-translate-y-60 { - --transform-translate-y: -15rem; + .group:hover .xl\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:-translate-y-64 { - --transform-translate-y: -16rem; + .group:hover .xl\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:-translate-y-72 { - --transform-translate-y: -18rem; + .group:hover .xl\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:-translate-y-80 { - --transform-translate-y: -20rem; + .group:hover .xl\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:-translate-y-96 { - --transform-translate-y: -24rem; + .group:hover .xl\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:-translate-y-px { - --transform-translate-y: -1px; + .group:hover .xl\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .group:hover .xl\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .group:hover .xl\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .group:hover .xl\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .group:hover .xl\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:translate-y-1\/2 { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .group:hover .xl\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .group:hover .xl\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:translate-y-1\/4 { - --transform-translate-y: 25%; + .group:hover .xl\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:translate-y-2\/4 { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:translate-y-3\/4 { - --transform-translate-y: 75%; + .group:hover .xl\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:translate-y-full { - --transform-translate-y: 100%; + .group:hover .xl\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .group:hover .xl\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .group:hover .xl\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .xl\:hover\:text-transparent:hover { + color: transparent; } - .xl\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .xl\:hover\:text-current:hover { + color: currentColor; } - .xl\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .xl\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .xl\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:-translate-y-full { - --transform-translate-y: -100%; + .xl\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .xl\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .xl\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .xl\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .xl\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .xl\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .xl\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .xl\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .xl\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .xl\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .xl\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .xl\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .xl\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .xl\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .xl\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .xl\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .xl\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .xl\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .xl\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .xl\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .xl\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .xl\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .xl\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .xl\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .xl\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .xl\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .xl\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .xl\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .xl\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .xl\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .xl\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .xl\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .xl\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .xl\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .xl\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .xl\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .xl\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .xl\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .xl\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .xl\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .xl\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .xl\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .xl\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .xl\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .xl\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .xl\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .xl\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .xl\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .xl\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .xl\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .xl\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .xl\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .xl\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .xl\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .xl\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .xl\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .xl\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .xl\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .xl\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .xl\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .xl\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .xl\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .xl\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .xl\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .xl\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .xl\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .xl\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .xl\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .xl\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .xl\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .xl\:focus\:text-transparent:focus { + color: transparent; } - .xl\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .xl\:focus\:text-current:focus { + color: currentColor; } - .xl\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .xl\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .xl\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .xl\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .xl\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .xl\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .xl\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .xl\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .xl\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .xl\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .xl\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .xl\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .xl\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .xl\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .xl\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .xl\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .xl\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .xl\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .xl\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .xl\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .xl\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .xl\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .xl\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .xl\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .xl\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .xl\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .xl\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .xl\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .xl\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .xl\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .xl\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .xl\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .xl\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .xl\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .xl\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .xl\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .xl\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .xl\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .xl\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .xl\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .xl\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .xl\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .xl\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .xl\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .xl\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .xl\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .xl\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .xl\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .xl\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .xl\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .xl\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .xl\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .xl\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .xl\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .xl\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .xl\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .xl\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .xl\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .xl\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .xl\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .xl\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .xl\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .xl\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .xl\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .xl\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .xl\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .xl\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .xl\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .xl\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .xl\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .xl\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .xl\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .xl\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .xl\:text-opacity-0 { + --text-opacity: 0; } - .xl\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .xl\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .xl\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .xl\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .xl\:text-opacity-100 { + --text-opacity: 1; } - .xl\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .xl\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .group:hover .xl\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .group:hover .xl\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .group:hover .xl\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .xl\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .xl\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .xl\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .xl\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .xl\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .xl\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .xl\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .xl\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .xl\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .xl\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .xl\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .xl\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .xl\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .xl\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .xl\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .xl\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .xl\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .xl\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .xl\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .xl\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .xl\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .xl\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .xl\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .xl\:overflow-clip { + text-overflow: clip; } - .xl\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .xl\:italic { + font-style: italic; } - .xl\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .xl\:not-italic { + font-style: normal; } - .xl\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .xl\:uppercase { + text-transform: uppercase; } - .xl\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .xl\:lowercase { + text-transform: lowercase; } - - .xl\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + + .xl\:capitalize { + text-transform: capitalize; } - .xl\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .xl\:normal-case { + text-transform: none; } - .xl\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .xl\:underline { + text-decoration: underline; } - .xl\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .xl\:line-through { + text-decoration: line-through; } - .xl\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .xl\:no-underline { + text-decoration: none; } - .xl\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .xl\:hover\:underline:hover { + text-decoration: underline; } - .xl\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .xl\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .xl\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .xl\:focus\:underline:focus { + text-decoration: underline; } - .xl\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .xl\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .xl\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .xl\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .xl\:normal-nums { + font-variant-numeric: normal; } - .xl\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .xl\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .xl\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .xl\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .xl\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .xl\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .xl\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .xl\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .xl\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .xl\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .xl\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .xl\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .xl\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .xl\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .xl\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .xl\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .xl\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .xl\:tracking-tighter { + letter-spacing: -0.05em; } - .xl\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .xl\:tracking-tight { + letter-spacing: -0.025em; } - .xl\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .xl\:tracking-normal { + letter-spacing: 0; } - .xl\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .xl\:tracking-wide { + letter-spacing: 0.025em; } - .xl\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .xl\:tracking-wider { + letter-spacing: 0.05em; } - .xl\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .xl\:tracking-widest { + letter-spacing: 0.1em; } - .xl\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .xl\:select-none { + user-select: none; } - .xl\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .xl\:select-text { + user-select: text; } - .xl\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .xl\:select-all { + user-select: all; } - .xl\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .xl\:select-auto { + user-select: auto; } - .xl\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .xl\:align-baseline { + vertical-align: baseline; } - .xl\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .xl\:align-top { + vertical-align: top; } - .xl\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .xl\:align-middle { + vertical-align: middle; } - .xl\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .xl\:align-bottom { + vertical-align: bottom; } - .xl\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .xl\:align-text-top { + vertical-align: text-top; } - .xl\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .xl\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .xl\:visible { + visibility: visible; } - .xl\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .xl\:invisible { + visibility: hidden; } - .xl\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .xl\:whitespace-normal { + white-space: normal; } - .xl\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .xl\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .xl\:whitespace-pre { + white-space: pre; } - .xl\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .xl\:whitespace-pre-line { + white-space: pre-line; } - .xl\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .xl\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .xl\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .xl\:break-words { + overflow-wrap: break-word; } - .xl\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .xl\:break-all { + word-break: break-all; } - .xl\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .xl\:w-0 { + width: 0; } - .xl\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .xl\:w-1 { + width: 0.25rem; } - .xl\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .xl\:w-2 { + width: 0.5rem; } - .xl\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .xl\:w-3 { + width: 0.75rem; } - .xl\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .xl\:w-4 { + width: 1rem; } - .xl\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .xl\:w-5 { + width: 1.25rem; } - .xl\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .xl\:w-6 { + width: 1.5rem; } - .xl\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .xl\:w-7 { + width: 1.75rem; } - .xl\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .xl\:w-8 { + width: 2rem; } - .xl\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .xl\:w-9 { + width: 2.25rem; } - .xl\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .xl\:w-10 { + width: 2.5rem; } - .xl\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .xl\:w-12 { + width: 3rem; } - .xl\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .xl\:w-14 { + width: 3.5rem; } - .xl\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .xl\:w-16 { + width: 4rem; } - .xl\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .xl\:w-20 { + width: 5rem; } - .xl\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .xl\:w-24 { + width: 6rem; } - .xl\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .xl\:w-28 { + width: 7rem; } - .xl\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .xl\:w-32 { + width: 8rem; } - .xl\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .xl\:w-36 { + width: 9rem; } - .xl\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .xl\:w-40 { + width: 10rem; } - .xl\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .xl\:w-44 { + width: 11rem; } - .xl\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .xl\:w-48 { + width: 12rem; } - .xl\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .xl\:w-52 { + width: 13rem; } - .xl\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .xl\:w-56 { + width: 14rem; } - .xl\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .xl\:w-60 { + width: 15rem; } - .xl\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .xl\:w-64 { + width: 16rem; } - .xl\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .xl\:w-72 { + width: 18rem; } - .xl\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .xl\:w-80 { + width: 20rem; } - .xl\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .xl\:w-96 { + width: 24rem; } - .xl\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .xl\:w-auto { + width: auto; } - .xl\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .xl\:w-px { + width: 1px; } - .xl\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .xl\:w-0\.5 { + width: 0.125rem; } - .xl\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .xl\:w-1\.5 { + width: 0.375rem; } - .xl\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .xl\:w-2\.5 { + width: 0.625rem; } - .xl\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .xl\:w-3\.5 { + width: 0.875rem; } - .xl\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .xl\:w-1\/2 { + width: 50%; } - .xl\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .xl\:w-1\/3 { + width: 33.333333%; } - .xl\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .xl\:w-2\/3 { + width: 66.666667%; } - .xl\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .xl\:w-1\/4 { + width: 25%; } - .xl\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .xl\:w-2\/4 { + width: 50%; } - .xl\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .xl\:w-3\/4 { + width: 75%; } - .xl\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .xl\:w-1\/5 { + width: 20%; } - .xl\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .xl\:w-2\/5 { + width: 40%; } - .xl\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .xl\:w-3\/5 { + width: 60%; } - .xl\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .xl\:w-4\/5 { + width: 80%; } - .xl\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .xl\:w-1\/6 { + width: 16.666667%; } - .xl\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .xl\:w-2\/6 { + width: 33.333333%; } - .xl\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .xl\:w-3\/6 { + width: 50%; } - .xl\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .xl\:w-4\/6 { + width: 66.666667%; } - .xl\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .xl\:w-5\/6 { + width: 83.333333%; } - .xl\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .xl\:w-1\/12 { + width: 8.333333%; } - .xl\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .xl\:w-2\/12 { + width: 16.666667%; } - .xl\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .xl\:w-3\/12 { + width: 25%; } - .xl\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .xl\:w-4\/12 { + width: 33.333333%; } - .xl\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .xl\:w-5\/12 { + width: 41.666667%; } - .xl\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .xl\:w-6\/12 { + width: 50%; } - .xl\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .xl\:w-7\/12 { + width: 58.333333%; } - .xl\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .xl\:w-8\/12 { + width: 66.666667%; } - .xl\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .xl\:w-9\/12 { + width: 75%; } - .xl\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .xl\:w-10\/12 { + width: 83.333333%; } - .xl\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .xl\:w-11\/12 { + width: 91.666667%; } - .xl\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .xl\:w-full { + width: 100%; } - .xl\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .xl\:w-screen { + width: 100vw; } - .xl\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .xl\:w-min { + width: min-content; } - .xl\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .xl\:w-max { + width: max-content; } - .xl\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .xl\:z-0 { + z-index: 0; } - .xl\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .xl\:z-10 { + z-index: 10; } - .xl\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .xl\:z-20 { + z-index: 20; } - .xl\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .xl\:z-30 { + z-index: 30; } - .xl\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .xl\:z-40 { + z-index: 40; } - .xl\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .xl\:z-50 { + z-index: 50; } - .xl\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .xl\:z-auto { + z-index: auto; } - .xl\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .xl\:focus\:z-0:focus { + z-index: 0; } - .xl\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .xl\:focus\:z-10:focus { + z-index: 10; } - .xl\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .xl\:focus\:z-20:focus { + z-index: 20; } - .xl\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .xl\:focus\:z-30:focus { + z-index: 30; } - .xl\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .xl\:focus\:z-40:focus { + z-index: 40; } - .xl\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .xl\:focus\:z-50:focus { + z-index: 50; } - .xl\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .xl\:focus\:z-auto:focus { + z-index: auto; } - .xl\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .xl\:gap-0 { + grid-gap: 0; + gap: 0; } - .xl\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .xl\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .xl\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .xl\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .xl\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .xl\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .xl\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .xl\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .xl\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .xl\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .xl\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .xl\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .xl\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .xl\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .xl\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .xl\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .xl\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .xl\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .xl\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .xl\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .xl\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .xl\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .xl\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .xl\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .xl\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .xl\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .xl\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .xl\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .xl\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .xl\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .xl\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .xl\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .xl\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .xl\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .xl\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .xl\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .xl\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .xl\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .xl\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .xl\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .xl\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .xl\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .xl\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .xl\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .xl\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .xl\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .xl\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .xl\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .xl\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .xl\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .xl\:skew-x-0 { - --transform-skew-x: 0; + .xl\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .xl\:skew-x-1 { - --transform-skew-x: 1deg; + .xl\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .xl\:skew-x-2 { - --transform-skew-x: 2deg; + .xl\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .xl\:skew-x-3 { - --transform-skew-x: 3deg; + .xl\:gap-px { + grid-gap: 1px; + gap: 1px; } - .xl\:skew-x-6 { - --transform-skew-x: 6deg; + .xl\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .xl\:skew-x-12 { - --transform-skew-x: 12deg; + .xl\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .xl\:-skew-x-12 { - --transform-skew-x: -12deg; + .xl\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .xl\:-skew-x-6 { - --transform-skew-x: -6deg; + .xl\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .xl\:-skew-x-3 { - --transform-skew-x: -3deg; + .xl\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .xl\:-skew-x-2 { - --transform-skew-x: -2deg; + .xl\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .xl\:-skew-x-1 { - --transform-skew-x: -1deg; + .xl\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .xl\:skew-y-0 { - --transform-skew-y: 0; + .xl\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .xl\:skew-y-1 { - --transform-skew-y: 1deg; + .xl\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .xl\:skew-y-2 { - --transform-skew-y: 2deg; + .xl\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .xl\:skew-y-3 { - --transform-skew-y: 3deg; + .xl\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .xl\:skew-y-6 { - --transform-skew-y: 6deg; + .xl\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .xl\:skew-y-12 { - --transform-skew-y: 12deg; + .xl\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .xl\:-skew-y-12 { - --transform-skew-y: -12deg; + .xl\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .xl\:-skew-y-6 { - --transform-skew-y: -6deg; + .xl\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .xl\:-skew-y-3 { - --transform-skew-y: -3deg; + .xl\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .xl\:-skew-y-2 { - --transform-skew-y: -2deg; + .xl\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .xl\:-skew-y-1 { - --transform-skew-y: -1deg; + .xl\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .xl\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .xl\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .xl\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .xl\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .xl\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .xl\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .xl\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .xl\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .xl\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .xl\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .xl\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .xl\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .xl\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .xl\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .xl\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .xl\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .xl\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .xl\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .xl\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .xl\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .xl\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .xl\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .xl\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .xl\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .xl\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .xl\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .xl\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .xl\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .xl\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .xl\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .xl\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .xl\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .xl\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .xl\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .xl\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .xl\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .xl\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .xl\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .xl\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .xl\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .xl\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .xl\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .xl\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .xl\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .xl\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .xl\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .xl\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .xl\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .xl\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .xl\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .xl\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .xl\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .xl\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .xl\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .xl\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .xl\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .xl\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .xl\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .xl\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .xl\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .xl\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .xl\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .xl\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .xl\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .xl\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .xl\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .xl\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .xl\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .xl\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .xl\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .xl\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .xl\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .xl\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .xl\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .xl\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .xl\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .xl\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .xl\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .xl\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .xl\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .xl\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .xl\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .xl\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .xl\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .xl\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .xl\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .xl\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .xl\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .xl\:transition-none { - transition-property: none; + .xl\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .xl\:transition-all { - transition-property: all; + .xl\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .xl\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .xl\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .xl\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .xl\:transition-opacity { - transition-property: opacity; + .xl\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .xl\:transition-shadow { - transition-property: box-shadow; + .xl\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .xl\:transition-transform { - transition-property: transform; + .xl\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .xl\:ease-linear { - transition-timing-function: linear; + .xl\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .xl\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .xl\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .xl\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:grid-flow-row { + grid-auto-flow: row; } - .xl\:duration-75 { - transition-duration: 75ms; + .xl\:grid-flow-col { + grid-auto-flow: column; } - .xl\:duration-100 { - transition-duration: 100ms; + .xl\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .xl\:duration-150 { - transition-duration: 150ms; + .xl\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .xl\:duration-200 { - transition-duration: 200ms; + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .xl\:duration-300 { - transition-duration: 300ms; + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .xl\:duration-500 { - transition-duration: 500ms; + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .xl\:duration-700 { - transition-duration: 700ms; + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .xl\:duration-1000 { - transition-duration: 1000ms; + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .xl\:delay-75 { - transition-delay: 75ms; + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .xl\:delay-100 { - transition-delay: 100ms; + .xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .xl\:delay-150 { - transition-delay: 150ms; + .xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .xl\:delay-200 { - transition-delay: 200ms; + .xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .xl\:delay-300 { - transition-delay: 300ms; + .xl\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .xl\:delay-500 { - transition-delay: 500ms; + .xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .xl\:delay-700 { - transition-delay: 700ms; + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .xl\:delay-1000 { - transition-delay: 1000ms; + .xl\:grid-cols-none { + grid-template-columns: none; } - .xl\:animate-none { - animation: none; + .xl\:auto-cols-auto { + grid-auto-columns: auto; } - .xl\:animate-spin { - animation: spin 1s linear infinite; + .xl\:auto-cols-min { + grid-auto-columns: min-content; } - .xl\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .xl\:auto-cols-max { + grid-auto-columns: max-content; } - .xl\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .xl\:animate-bounce { - animation: bounce 1s infinite; + .xl\:col-auto { + grid-column: auto; } - .xl\:example { - font-weight: 700; - color: #ef4444; + .xl\:col-span-1 { + grid-column: span 1 / span 1; } -} -@media (min-width: 1536px) { - .\32xl\:container { - width: 100%; + .xl\:col-span-2 { + grid-column: span 2 / span 2; } - @media (min-width: 640px) { - .\32xl\:container { - max-width: 640px; - } + .xl\:col-span-3 { + grid-column: span 3 / span 3; } - @media (min-width: 768px) { - .\32xl\:container { - max-width: 768px; - } + .xl\:col-span-4 { + grid-column: span 4 / span 4; } - @media (min-width: 1024px) { - .\32xl\:container { - max-width: 1024px; - } + .xl\:col-span-5 { + grid-column: span 5 / span 5; } - @media (min-width: 1280px) { - .\32xl\:container { - max-width: 1280px; - } + .xl\:col-span-6 { + grid-column: span 6 / span 6; } - @media (min-width: 1536px) { - .\32xl\:container { - max-width: 1536px; - } + .xl\:col-span-7 { + grid-column: span 7 / span 7; } - .\32xl\: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\:col-span-8 { + grid-column: span 8 / span 8; } - .\32xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .xl\:col-span-9 { + grid-column: span 9 / span 9; } - .\32xl\: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\:col-span-10 { + grid-column: span 10 / span 10; } - .\32xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-11 { + grid-column: span 11 / span 11; } - .\32xl\: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\:col-span-12 { + grid-column: span 12 / span 12; } - .\32xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-full { + grid-column: 1 / -1; } - .\32xl\: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\:col-start-1 { + grid-column-start: 1; } - .\32xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-2 { + grid-column-start: 2; } - .\32xl\: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\:col-start-3 { + grid-column-start: 3; } - .\32xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-4 { + grid-column-start: 4; } - .\32xl\: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\:col-start-5 { + grid-column-start: 5; } - .\32xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-6 { + grid-column-start: 6; } - .\32xl\: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\:col-start-7 { + grid-column-start: 7; } - .\32xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-8 { + grid-column-start: 8; } - .\32xl\: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\:col-start-9 { + grid-column-start: 9; } - .\32xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-10 { + grid-column-start: 10; } - .\32xl\: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\:col-start-11 { + grid-column-start: 11; } - .\32xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-12 { + grid-column-start: 12; } - .\32xl\: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\:col-start-13 { + grid-column-start: 13; } - .\32xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-auto { + grid-column-start: auto; } - .\32xl\: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\:col-end-1 { + grid-column-end: 1; } - .\32xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-2 { + grid-column-end: 2; } - .\32xl\: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\:col-end-3 { + grid-column-end: 3; } - .\32xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-4 { + grid-column-end: 4; } - .\32xl\: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\:col-end-5 { + grid-column-end: 5; } - .\32xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-6 { + grid-column-end: 6; } - .\32xl\: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\:col-end-7 { + grid-column-end: 7; } - .\32xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-8 { + grid-column-end: 8; } - .\32xl\: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\:col-end-9 { + grid-column-end: 9; } - .\32xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-10 { + grid-column-end: 10; } - .\32xl\: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\:col-end-11 { + grid-column-end: 11; } - .\32xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-12 { + grid-column-end: 12; } - .\32xl\: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\:col-end-13 { + grid-column-end: 13; } - .\32xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-auto { + grid-column-end: auto; } - .\32xl\: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\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .\32xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .\32xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .\32xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-none { + grid-template-rows: none; } - .\32xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .xl\:auto-rows-auto { + grid-auto-rows: auto; } - .\32xl\: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\:auto-rows-min { + grid-auto-rows: min-content; } - .\32xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .xl\:auto-rows-max { + grid-auto-rows: max-content; } - .\32xl\: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\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .\32xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .xl\:row-auto { + grid-row: auto; } - .\32xl\: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\:row-span-1 { + grid-row: span 1 / span 1; } - .\32xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-2 { + grid-row: span 2 / span 2; } - .\32xl\: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\:row-span-3 { + grid-row: span 3 / span 3; } - .\32xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-4 { + grid-row: span 4 / span 4; } - .\32xl\: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\:row-span-5 { + grid-row: span 5 / span 5; } - .\32xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-6 { + grid-row: span 6 / span 6; } - .\32xl\: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\:row-span-full { + grid-row: 1 / -1; } - .\32xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-1 { + grid-row-start: 1; } - .\32xl\: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\:row-start-2 { + grid-row-start: 2; } - .\32xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-3 { + grid-row-start: 3; } - .\32xl\: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\:row-start-4 { + grid-row-start: 4; } - .\32xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-5 { + grid-row-start: 5; } - .\32xl\: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\:row-start-6 { + grid-row-start: 6; } - .\32xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .xl\:row-start-7 { + grid-row-start: 7; } - .\32xl\: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\:row-start-auto { + grid-row-start: auto; } - .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-1 { + grid-row-end: 1; } - .\32xl\: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\:row-end-2 { + grid-row-end: 2; } - .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-3 { + grid-row-end: 3; } - .\32xl\: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\:row-end-4 { + grid-row-end: 4; } - .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-5 { + grid-row-end: 5; } - .\32xl\: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\:row-end-6 { + grid-row-end: 6; } - .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-7 { + grid-row-end: 7; } - .\32xl\:-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\:row-end-auto { + grid-row-end: auto; } - .\32xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .xl\: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)); } - .\32xl\:-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\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .\32xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .xl\:transform-none { + transform: none; } - .\32xl\:-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\:origin-center { + transform-origin: center; } - .\32xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-top { + transform-origin: top; } - .\32xl\:-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\:origin-top-right { + transform-origin: top right; } - .\32xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-right { + transform-origin: right; } - .\32xl\:-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\:origin-bottom-right { + transform-origin: bottom right; } - .\32xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-bottom { + transform-origin: bottom; } - .\32xl\:-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\:origin-bottom-left { + transform-origin: bottom left; } - .\32xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-left { + transform-origin: left; } - .\32xl\:-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\:origin-top-left { + transform-origin: top left; } - .\32xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\:-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\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:-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\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:-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\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:-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\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:-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\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-0 { + --transform-scale-x: 0; } - .\32xl\:-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\:scale-x-50 { + --transform-scale-x: .5; } - .\32xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-75 { + --transform-scale-x: .75; } - .\32xl\:-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\:scale-x-90 { + --transform-scale-x: .9; } - .\32xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-95 { + --transform-scale-x: .95; } - .\32xl\:-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\:scale-x-100 { + --transform-scale-x: 1; } - .\32xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-105 { + --transform-scale-x: 1.05; } - .\32xl\:-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\:scale-x-110 { + --transform-scale-x: 1.1; } - .\32xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-125 { + --transform-scale-x: 1.25; } - .\32xl\:-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\:scale-x-150 { + --transform-scale-x: 1.5; } - .\32xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-0 { + --transform-scale-y: 0; } - .\32xl\:-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\:scale-y-50 { + --transform-scale-y: .5; } - .\32xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-75 { + --transform-scale-y: .75; } - .\32xl\:-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\:scale-y-90 { + --transform-scale-y: .9; } - .\32xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-95 { + --transform-scale-y: .95; } - .\32xl\:-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\:scale-y-100 { + --transform-scale-y: 1; } - .\32xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-105 { + --transform-scale-y: 1.05; } - .\32xl\:-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\:scale-y-110 { + --transform-scale-y: 1.1; } - .\32xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-125 { + --transform-scale-y: 1.25; } - .\32xl\:-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\:scale-y-150 { + --transform-scale-y: 1.5; } - .\32xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\:-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\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:-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\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:-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\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:-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\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:-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\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .\32xl\:-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\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .\32xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .\32xl\:-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\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .\32xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .\32xl\:-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\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .\32xl\:-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\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .\32xl\:-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\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .\32xl\:-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\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .\32xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .xl\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .\32xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .xl\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .\32xl\: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\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .\32xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .\32xl\: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\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .\32xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .\32xl\: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\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .\32xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\: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\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\: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\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .xl\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .xl\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .xl\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .xl\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .xl\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .xl\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); + .xl\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); + .xl\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); + .xl\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); + .xl\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); + .xl\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); + .xl\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); + .xl\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); + .xl\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); + .xl\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); + .xl\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .\32xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); + .xl\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .\32xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); + .xl\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .\32xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); + .xl\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .\32xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); + .xl\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .\32xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); + .xl\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .\32xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); + .xl\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .\32xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); + .xl\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .\32xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); + .xl\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .\32xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); + .xl\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .\32xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); + .xl\:rotate-0 { + --transform-rotate: 0; } - .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); + .xl\:rotate-1 { + --transform-rotate: 1deg; } - .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); + .xl\:rotate-2 { + --transform-rotate: 2deg; } - .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); + .xl\:rotate-3 { + --transform-rotate: 3deg; } - .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); + .xl\:rotate-6 { + --transform-rotate: 6deg; } - .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); + .xl\:rotate-12 { + --transform-rotate: 12deg; } - .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); + .xl\:rotate-45 { + --transform-rotate: 45deg; } - .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); + .xl\:rotate-90 { + --transform-rotate: 90deg; } - .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); + .xl\:rotate-180 { + --transform-rotate: 180deg; } - .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); + .xl\:-rotate-180 { + --transform-rotate: -180deg; } - .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); + .xl\:-rotate-90 { + --transform-rotate: -90deg; } - .\32xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); + .xl\:-rotate-45 { + --transform-rotate: -45deg; } - .\32xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); + .xl\:-rotate-12 { + --transform-rotate: -12deg; } - .\32xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); + .xl\:-rotate-6 { + --transform-rotate: -6deg; } - .\32xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); + .xl\:-rotate-3 { + --transform-rotate: -3deg; } - .\32xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); + .xl\:-rotate-2 { + --transform-rotate: -2deg; } - .\32xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); + .xl\:-rotate-1 { + --transform-rotate: -1deg; } - .\32xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); + .xl\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .\32xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); + .xl\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .\32xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); + .xl\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .\32xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); + .xl\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); + .xl\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); + .xl\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); + .xl\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); + .xl\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); + .xl\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); + .xl\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); + .xl\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); + .xl\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); + .xl\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); + .xl\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); + .xl\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); + .xl\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); + .xl\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); + .xl\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); + .xl\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); + .xl\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); + .xl\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); + .xl\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); + .xl\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); + .xl\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .xl\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); + .xl\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); + .xl\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); + .xl\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); + .xl\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); + .xl\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); + .xl\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); + .xl\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); + .xl\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); + .xl\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .\32xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .xl\:translate-x-0 { + --transform-translate-x: 0; + } - .\32xl\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } + .xl\:translate-x-1 { + --transform-translate-x: 0.25rem; + } - .\32xl\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } + .xl\:translate-x-2 { + --transform-translate-x: 0.5rem; + } - .\32xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } + .xl\:translate-x-3 { + --transform-translate-x: 0.75rem; + } - .\32xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } + .xl\:translate-x-4 { + --transform-translate-x: 1rem; + } - .\32xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } + .xl\:translate-x-5 { + --transform-translate-x: 1.25rem; + } - .\32xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } + .xl\:translate-x-6 { + --transform-translate-x: 1.5rem; + } - .\32xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } + .xl\:translate-x-7 { + --transform-translate-x: 1.75rem; + } - .\32xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } + .xl\:translate-x-8 { + --transform-translate-x: 2rem; + } - .\32xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } + .xl\:translate-x-9 { + --transform-translate-x: 2.25rem; + } - .\32xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } + .xl\:translate-x-10 { + --transform-translate-x: 2.5rem; + } - .\32xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } + .xl\:translate-x-12 { + --transform-translate-x: 3rem; + } - .\32xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } + .xl\:translate-x-14 { + --transform-translate-x: 3.5rem; + } - .\32xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } + .xl\:translate-x-16 { + --transform-translate-x: 4rem; + } - .\32xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } + .xl\:translate-x-20 { + --transform-translate-x: 5rem; + } - .\32xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } + .xl\:translate-x-24 { + --transform-translate-x: 6rem; + } - .\32xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } + .xl\:translate-x-28 { + --transform-translate-x: 7rem; + } - .\32xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } + .xl\:translate-x-32 { + --transform-translate-x: 8rem; + } - .\32xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } + .xl\:translate-x-36 { + --transform-translate-x: 9rem; + } - .\32xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } + .xl\:translate-x-40 { + --transform-translate-x: 10rem; + } - .\32xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } + .xl\:translate-x-44 { + --transform-translate-x: 11rem; + } - .\32xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } + .xl\:translate-x-48 { + --transform-translate-x: 12rem; + } - .\32xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } + .xl\:translate-x-52 { + --transform-translate-x: 13rem; + } - .\32xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } + .xl\:translate-x-56 { + --transform-translate-x: 14rem; + } - .\32xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } + .xl\:translate-x-60 { + --transform-translate-x: 15rem; + } - .\32xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } + .xl\:translate-x-64 { + --transform-translate-x: 16rem; + } - .\32xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } + .xl\:translate-x-72 { + --transform-translate-x: 18rem; + } - .\32xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } + .xl\:translate-x-80 { + --transform-translate-x: 20rem; + } - .\32xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } + .xl\:translate-x-96 { + --transform-translate-x: 24rem; + } - .\32xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } + .xl\:translate-x-px { + --transform-translate-x: 1px; + } - .\32xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } + .xl\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; + } - .\32xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } + .xl\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; + } - .\32xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } + .xl\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; + } - .\32xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } + .xl\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; + } - .\32xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } + .xl\:-translate-x-1 { + --transform-translate-x: -0.25rem; + } - .\32xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } + .xl\:-translate-x-2 { + --transform-translate-x: -0.5rem; + } - .\32xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } + .xl\:-translate-x-3 { + --transform-translate-x: -0.75rem; + } - .\32xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } + .xl\:-translate-x-4 { + --transform-translate-x: -1rem; + } - .\32xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } + .xl\:-translate-x-5 { + --transform-translate-x: -1.25rem; + } - .\32xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } + .xl\:-translate-x-6 { + --transform-translate-x: -1.5rem; + } - .\32xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } + .xl\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } - .\32xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } + .xl\:-translate-x-8 { + --transform-translate-x: -2rem; + } - .\32xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } + .xl\:-translate-x-9 { + --transform-translate-x: -2.25rem; + } - .\32xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } + .xl\:-translate-x-10 { + --transform-translate-x: -2.5rem; + } - .\32xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } + .xl\:-translate-x-12 { + --transform-translate-x: -3rem; + } - .\32xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } + .xl\:-translate-x-14 { + --transform-translate-x: -3.5rem; + } - .\32xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } + .xl\:-translate-x-16 { + --transform-translate-x: -4rem; + } - .\32xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } + .xl\:-translate-x-20 { + --transform-translate-x: -5rem; + } - .\32xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } + .xl\:-translate-x-24 { + --transform-translate-x: -6rem; + } - .\32xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } + .xl\:-translate-x-28 { + --transform-translate-x: -7rem; + } - .\32xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } + .xl\:-translate-x-32 { + --transform-translate-x: -8rem; + } - .\32xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } + .xl\:-translate-x-36 { + --transform-translate-x: -9rem; + } - .\32xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } + .xl\:-translate-x-40 { + --transform-translate-x: -10rem; + } - .\32xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } + .xl\:-translate-x-44 { + --transform-translate-x: -11rem; + } - .\32xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } + .xl\:-translate-x-48 { + --transform-translate-x: -12rem; + } - .\32xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } + .xl\:-translate-x-52 { + --transform-translate-x: -13rem; + } - .\32xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } + .xl\:-translate-x-56 { + --transform-translate-x: -14rem; + } - .\32xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } + .xl\:-translate-x-60 { + --transform-translate-x: -15rem; + } - .\32xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } + .xl\:-translate-x-64 { + --transform-translate-x: -16rem; + } - .\32xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } + .xl\:-translate-x-72 { + --transform-translate-x: -18rem; + } - .\32xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } + .xl\:-translate-x-80 { + --transform-translate-x: -20rem; + } - .\32xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } + .xl\:-translate-x-96 { + --transform-translate-x: -24rem; + } - .\32xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } + .xl\:-translate-x-px { + --transform-translate-x: -1px; + } - .\32xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .xl\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; + } - .\32xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } + .xl\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; + } - .\32xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } + .xl\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; + } - .\32xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } + .xl\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; + } - .\32xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } + .xl\:translate-x-1\/2 { + --transform-translate-x: 50%; + } - .\32xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } + .xl\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; + } - .\32xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } + .xl\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; + } - .\32xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } + .xl\:translate-x-1\/4 { + --transform-translate-x: 25%; + } - .\32xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } + .xl\:translate-x-2\/4 { + --transform-translate-x: 50%; + } - .\32xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } + .xl\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .\32xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .xl\:translate-x-full { + --transform-translate-x: 100%; } - .\32xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .xl\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .\32xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .xl\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .\32xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .xl\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .\32xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .xl\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .\32xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .xl\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .\32xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .xl\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .\32xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .xl\:-translate-x-full { + --transform-translate-x: -100%; } - .\32xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .xl\:translate-y-0 { + --transform-translate-y: 0; } - .\32xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .xl\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .\32xl\: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\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .\32xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .\32xl\: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\:translate-y-4 { + --transform-translate-y: 1rem; } - .\32xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .\32xl\:appearance-none { - appearance: none; + .xl\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .\32xl\:bg-fixed { - background-attachment: fixed; + .xl\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .\32xl\:bg-local { - background-attachment: local; + .xl\:translate-y-8 { + --transform-translate-y: 2rem; } - .\32xl\:bg-scroll { - background-attachment: scroll; + .xl\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .\32xl\:bg-clip-border { - background-clip: border-box; + .xl\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .\32xl\:bg-clip-padding { - background-clip: padding-box; + .xl\:translate-y-12 { + --transform-translate-y: 3rem; } - .\32xl\:bg-clip-content { - background-clip: content-box; + .xl\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .\32xl\:bg-clip-text { - background-clip: text; + .xl\:translate-y-16 { + --transform-translate-y: 4rem; } - .\32xl\:bg-transparent { - background-color: transparent; + .xl\:translate-y-20 { + --transform-translate-y: 5rem; } - .\32xl\:bg-current { - background-color: currentColor; + .xl\:translate-y-24 { + --transform-translate-y: 6rem; } - .\32xl\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:translate-y-28 { + --transform-translate-y: 7rem; } - .\32xl\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:translate-y-32 { + --transform-translate-y: 8rem; } - .\32xl\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:translate-y-36 { + --transform-translate-y: 9rem; } - .\32xl\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:translate-y-40 { + --transform-translate-y: 10rem; } - .\32xl\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:translate-y-44 { + --transform-translate-y: 11rem; } - .\32xl\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:translate-y-48 { + --transform-translate-y: 12rem; } - .\32xl\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:translate-y-52 { + --transform-translate-y: 13rem; } - .\32xl\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:translate-y-56 { + --transform-translate-y: 14rem; } - .\32xl\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:translate-y-60 { + --transform-translate-y: 15rem; } - .\32xl\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:translate-y-64 { + --transform-translate-y: 16rem; } - .\32xl\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:translate-y-72 { + --transform-translate-y: 18rem; } - .\32xl\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:translate-y-80 { + --transform-translate-y: 20rem; } - .\32xl\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:translate-y-96 { + --transform-translate-y: 24rem; } - .\32xl\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:translate-y-px { + --transform-translate-y: 1px; } - .\32xl\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .\32xl\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .\32xl\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .\32xl\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .\32xl\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .\32xl\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .\32xl\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .\32xl\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:-translate-y-4 { + --transform-translate-y: -1rem; } - .\32xl\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .\32xl\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .\32xl\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .\32xl\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:-translate-y-8 { + --transform-translate-y: -2rem; } - .\32xl\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .\32xl\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .\32xl\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:-translate-y-12 { + --transform-translate-y: -3rem; } - .\32xl\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .\32xl\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:-translate-y-16 { + --transform-translate-y: -4rem; } - .\32xl\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:-translate-y-20 { + --transform-translate-y: -5rem; } - .\32xl\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:-translate-y-24 { + --transform-translate-y: -6rem; } - .\32xl\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:-translate-y-28 { + --transform-translate-y: -7rem; } - .\32xl\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:-translate-y-32 { + --transform-translate-y: -8rem; } - .\32xl\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:-translate-y-36 { + --transform-translate-y: -9rem; } - .\32xl\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:-translate-y-40 { + --transform-translate-y: -10rem; } - .\32xl\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:-translate-y-44 { + --transform-translate-y: -11rem; } - .\32xl\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:-translate-y-48 { + --transform-translate-y: -12rem; } - .\32xl\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:-translate-y-52 { + --transform-translate-y: -13rem; } - .\32xl\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:-translate-y-56 { + --transform-translate-y: -14rem; } - .\32xl\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:-translate-y-60 { + --transform-translate-y: -15rem; } - .\32xl\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:-translate-y-64 { + --transform-translate-y: -16rem; } - .\32xl\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:-translate-y-72 { + --transform-translate-y: -18rem; } - .\32xl\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:-translate-y-80 { + --transform-translate-y: -20rem; } - .\32xl\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:-translate-y-96 { + --transform-translate-y: -24rem; } - .\32xl\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:-translate-y-px { + --transform-translate-y: -1px; } - .\32xl\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .\32xl\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .\32xl\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .\32xl\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .\32xl\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .\32xl\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .\32xl\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .\32xl\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .\32xl\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .\32xl\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .\32xl\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:translate-y-full { + --transform-translate-y: 100%; } - .\32xl\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .\32xl\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .\32xl\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .\32xl\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .\32xl\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .\32xl\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .\32xl\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:-translate-y-full { + --transform-translate-y: -100%; } - .\32xl\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .\32xl\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .\32xl\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .\32xl\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .\32xl\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .\32xl\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .\32xl\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .group:hover .\32xl\:group-hover\:bg-transparent { - background-color: transparent; + .xl\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .group:hover .\32xl\:group-hover\:bg-current { - background-color: currentColor; + .xl\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .group:hover .\32xl\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .group:hover .\32xl\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .group:hover .\32xl\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .group:hover .\32xl\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .group:hover .\32xl\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .group:hover .\32xl\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .group:hover .\32xl\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .group:hover .\32xl\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .group:hover .\32xl\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .group:hover .\32xl\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .group:hover .\32xl\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .group:hover .\32xl\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .group:hover .\32xl\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .group:hover .\32xl\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .group:hover .\32xl\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .group:hover .\32xl\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .group:hover .\32xl\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .group:hover .\32xl\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .group:hover .\32xl\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .group:hover .\32xl\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .group:hover .\32xl\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .group:hover .\32xl\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .group:hover .\32xl\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .group:hover .\32xl\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .group:hover .\32xl\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .group:hover .\32xl\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .group:hover .\32xl\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .group:hover .\32xl\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .group:hover .\32xl\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .group:hover .\32xl\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .group:hover .\32xl\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .group:hover .\32xl\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .group:hover .\32xl\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .group:hover .\32xl\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .group:hover .\32xl\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .group:hover .\32xl\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .group:hover .\32xl\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .group:hover .\32xl\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .group:hover .\32xl\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .group:hover .\32xl\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .group:hover .\32xl\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .group:hover .\32xl\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .group:hover .\32xl\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .group:hover .\32xl\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .group:hover .\32xl\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .group:hover .\32xl\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .group:hover .\32xl\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .group:hover .\32xl\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .group:hover .\32xl\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .group:hover .\32xl\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .group:hover .\32xl\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .group:hover .\32xl\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .group:hover .\32xl\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .group:hover .\32xl\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .group:hover .\32xl\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .group:hover .\32xl\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .group:hover .\32xl\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .\32xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .\32xl\:hover\:bg-current:hover { - background-color: currentColor; + .xl\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .\32xl\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .\32xl\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .\32xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .\32xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .\32xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .\32xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .\32xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .\32xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .\32xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .\32xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .\32xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .\32xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .\32xl\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .\32xl\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .\32xl\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .\32xl\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .\32xl\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .\32xl\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .\32xl\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .\32xl\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .\32xl\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .\32xl\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .\32xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .\32xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .\32xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .\32xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .\32xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .\32xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .\32xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .\32xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .\32xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .\32xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .\32xl\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .\32xl\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .\32xl\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .\32xl\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .\32xl\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .\32xl\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .\32xl\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .\32xl\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .\32xl\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .\32xl\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .\32xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .\32xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .\32xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .\32xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .\32xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .\32xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .\32xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .\32xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .\32xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .\32xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .\32xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .\32xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .\32xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .\32xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .\32xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .\32xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .\32xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .\32xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .\32xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .\32xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .\32xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .\32xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .\32xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .\32xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .\32xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .\32xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .\32xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .\32xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .\32xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .\32xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .\32xl\:focus\:bg-transparent:focus { - background-color: transparent; + .xl\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .\32xl\:focus\:bg-current:focus { - background-color: currentColor; + .xl\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .\32xl\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .\32xl\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .\32xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .\32xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .\32xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .\32xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .\32xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .\32xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .\32xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .\32xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .\32xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .\32xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .\32xl\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .\32xl\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .\32xl\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .\32xl\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .\32xl\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .\32xl\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .\32xl\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .\32xl\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .\32xl\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .\32xl\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .\32xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .\32xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .\32xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .\32xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .\32xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .\32xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .\32xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .\32xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .\32xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .\32xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .\32xl\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .\32xl\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .\32xl\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .\32xl\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .\32xl\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .\32xl\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .\32xl\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .\32xl\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .\32xl\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .\32xl\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .\32xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .\32xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .\32xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .\32xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .\32xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .\32xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .\32xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .\32xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .\32xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .\32xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .\32xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .\32xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .\32xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .\32xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .\32xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .\32xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .\32xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .\32xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .\32xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .\32xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .\32xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .\32xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .\32xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .\32xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .\32xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .\32xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .\32xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .\32xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .\32xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .\32xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:bg-transparent { - background-color: transparent; - } + .xl\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; + } - .\32xl\:dark\:bg-current { - background-color: currentColor; - } + .xl\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; + } - .\32xl\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .xl\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; + } - .\32xl\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .xl\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; + } - .\32xl\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .xl\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; + } - .\32xl\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .xl\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; + } - .\32xl\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .xl\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; + } - .\32xl\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; + } - .\32xl\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; + } - .\32xl\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; + } - .\32xl\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; + } - .\32xl\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; + } - .\32xl\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; + } - .\32xl\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; + } - .\32xl\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .xl\:focus\:translate-y-0:focus { + --transform-translate-y: 0; + } - .\32xl\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; + } - .\32xl\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; + } - .\32xl\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .xl\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; + } - .\32xl\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .xl\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; + } - .\32xl\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .xl\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; + } - .\32xl\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .xl\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; + } - .\32xl\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .xl\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; + } - .\32xl\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .xl\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; + } - .\32xl\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .xl\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; + } - .\32xl\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .xl\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; + } - .\32xl\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .xl\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; + } - .\32xl\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .xl\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; + } - .\32xl\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .xl\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; + } - .\32xl\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .xl\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; + } - .\32xl\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .xl\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; + } - .\32xl\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .xl\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; + } - .\32xl\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .xl\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; + } - .\32xl\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .xl\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; + } - .\32xl\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .xl\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; + } - .\32xl\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .xl\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; + } - .\32xl\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .xl\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; + } - .\32xl\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .xl\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; + } - .\32xl\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .xl\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; + } - .\32xl\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .xl\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; + } - .\32xl\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .xl\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; + } - .\32xl\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .xl\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; + } - .\32xl\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .xl\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; + } - .\32xl\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .xl\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; + } - .\32xl\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .xl\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; + } - .\32xl\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .xl\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; + } - .\32xl\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; + } - .\32xl\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; + } - .\32xl\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .xl\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; + } - .\32xl\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; + } - .\32xl\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; + } - .\32xl\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; + } - .\32xl\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; + } - .\32xl\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; + } - .\32xl\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; + } - .\32xl\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; + } - .\32xl\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; + } - .\32xl\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; + } - .\32xl\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; + } - .\32xl\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; + } - .\32xl\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; + } - .\32xl\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; + } - .\32xl\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; + } - .\32xl\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; + } - .\32xl\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; + } - .\32xl\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; + } - .\32xl\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; + } - .\32xl\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; + } - .\32xl\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; + } - .\32xl\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; + } - .\32xl\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; + } - .\32xl\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; + } - .\32xl\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; + } - .\32xl\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; + } - .\32xl\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } + .xl\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-current { - background-color: currentColor; - } + .xl\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; + } - .group:hover .\32xl\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .xl\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .xl\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .xl\:skew-x-0 { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .xl\:skew-x-1 { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .xl\:skew-x-2 { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .xl\:skew-x-3 { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .xl\:skew-x-6 { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .xl\:skew-x-12 { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .xl\:-skew-x-12 { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .xl\:-skew-x-6 { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .xl\:-skew-x-3 { + --transform-skew-x: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .xl\:-skew-x-2 { + --transform-skew-x: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .xl\:-skew-x-1 { + --transform-skew-x: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .xl\:skew-y-0 { + --transform-skew-y: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .xl\:skew-y-1 { + --transform-skew-y: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .xl\:skew-y-2 { + --transform-skew-y: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .xl\:skew-y-3 { + --transform-skew-y: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .xl\:skew-y-6 { + --transform-skew-y: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .xl\:skew-y-12 { + --transform-skew-y: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .xl\:-skew-y-12 { + --transform-skew-y: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .xl\:-skew-y-6 { + --transform-skew-y: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .xl\:-skew-y-3 { + --transform-skew-y: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .xl\:-skew-y-2 { + --transform-skew-y: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .xl\:-skew-y-1 { + --transform-skew-y: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .xl\:hover\:skew-x-0:hover { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .xl\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .xl\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .xl\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .xl\:hover\:skew-y-0:hover { + --transform-skew-y: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .xl\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .xl\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .xl\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .xl\:focus\:skew-x-0:focus { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .xl\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .xl\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .xl\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .xl\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .xl\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .xl\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .xl\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .xl\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; + } - .\32xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .xl\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; + } - .\32xl\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .xl\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; + } - .\32xl\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .xl\:focus\:skew-y-0:focus { + --transform-skew-y: 0; + } - .\32xl\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .xl\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; + } - .\32xl\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .xl\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; + } - .\32xl\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .xl\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; + } - .\32xl\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .xl\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; + } - .\32xl\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .xl\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; + } - .\32xl\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; + } - .\32xl\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; + } - .\32xl\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; + } - .\32xl\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; + } - .\32xl\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; + } - .\32xl\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .xl\:transition-none { + transition-property: none; + } - .\32xl\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .xl\:transition-all { + transition-property: all; + } - .\32xl\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .xl\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + } - .\32xl\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .xl\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + } - .\32xl\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .xl\:transition-opacity { + transition-property: opacity; + } - .\32xl\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .xl\:transition-shadow { + transition-property: box-shadow; + } - .\32xl\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .xl\:transition-transform { + transition-property: transform; + } - .\32xl\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .xl\:ease-linear { + transition-timing-function: linear; + } - .\32xl\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .xl\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + } - .\32xl\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .xl\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } - .\32xl\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .xl\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } - .\32xl\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .xl\:duration-75 { + transition-duration: 75ms; + } - .\32xl\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .xl\:duration-100 { + transition-duration: 100ms; + } - .\32xl\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .xl\:duration-150 { + transition-duration: 150ms; + } - .\32xl\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .xl\:duration-200 { + transition-duration: 200ms; + } - .\32xl\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .xl\:duration-300 { + transition-duration: 300ms; + } - .\32xl\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .xl\:duration-500 { + transition-duration: 500ms; + } - .\32xl\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .xl\:duration-700 { + transition-duration: 700ms; + } - .\32xl\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .xl\:duration-1000 { + transition-duration: 1000ms; + } - .\32xl\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .xl\:delay-75 { + transition-delay: 75ms; + } - .\32xl\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .xl\:delay-100 { + transition-delay: 100ms; + } - .\32xl\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .xl\:delay-150 { + transition-delay: 150ms; + } - .\32xl\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .xl\:delay-200 { + transition-delay: 200ms; + } - .\32xl\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .xl\:delay-300 { + transition-delay: 300ms; + } - .\32xl\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .xl\:delay-500 { + transition-delay: 500ms; + } - .\32xl\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .xl\:delay-700 { + transition-delay: 700ms; + } - .\32xl\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .xl\:delay-1000 { + transition-delay: 1000ms; + } - .\32xl\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .xl\:animate-none { + animation: none; + } - .\32xl\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .xl\:animate-spin { + animation: spin 1s linear infinite; + } - .\32xl\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .xl\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } - .\32xl\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + } - .\32xl\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .xl\:animate-bounce { + animation: bounce 1s infinite; + } - .\32xl\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .xl\:example { + font-weight: 700; + color: #ef4444; + } +} - .\32xl\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +@media (min-width: 1536px) { + .\32xl\:container { + width: 100%; + } - .\32xl\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + @media (min-width: 640px) { + .\32xl\:container { + max-width: 640px; } + } - .\32xl\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + @media (min-width: 768px) { + .\32xl\:container { + max-width: 768px; } + } - .\32xl\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + @media (min-width: 1024px) { + .\32xl\:container { + max-width: 1024px; } + } - .\32xl\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + @media (min-width: 1280px) { + .\32xl\:container { + max-width: 1280px; } + } - .\32xl\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + @media (min-width: 1536px) { + .\32xl\:container { + max-width: 1536px; } + } - .\32xl\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .\32xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .\32xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .\32xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .\32xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .\32xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .\32xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .\32xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .\32xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .\32xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .\32xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .\32xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .\32xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .\32xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .\32xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .\32xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .\32xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .\32xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .\32xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .\32xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .\32xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .\32xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .\32xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .\32xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .\32xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .\32xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .\32xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .\32xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .\32xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .\32xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .\32xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .\32xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .\32xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .\32xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .\32xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .\32xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .\32xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .\32xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .\32xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .\32xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .\32xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .\32xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .\32xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .\32xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .\32xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-none { - background-image: none; + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .\32xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .\32xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .\32xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .\32xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:-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)); } - .\32xl\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .\32xl\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .\32xl\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\: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)); } - .\32xl\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\: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)); } - .\32xl\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\: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)); } - .\32xl\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\: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)); } - .\32xl\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\: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)); } - .\32xl\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .\32xl\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .\32xl\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .\32xl\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .\32xl\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .\32xl\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .\32xl\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .\32xl\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .\32xl\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .\32xl\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .\32xl\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .\32xl\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .\32xl\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .\32xl\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .\32xl\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .\32xl\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .\32xl\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .\32xl\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .\32xl\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .\32xl\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .\32xl\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .\32xl\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .\32xl\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .\32xl\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .\32xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .\32xl\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .\32xl\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .\32xl\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .\32xl\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .\32xl\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .\32xl\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .\32xl\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .\32xl\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .\32xl\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .\32xl\: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)); + .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .\32xl\: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)); + .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .\32xl\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .\32xl\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .\32xl\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .\32xl\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .\32xl\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .\32xl\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .\32xl\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .\32xl\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .\32xl\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .\32xl\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .\32xl\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .\32xl\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .\32xl\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .\32xl\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .\32xl\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .\32xl\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .\32xl\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .\32xl\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .\32xl\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .\32xl\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .\32xl\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .\32xl\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .\32xl\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .\32xl\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .\32xl\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .\32xl\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .\32xl\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .\32xl\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .\32xl\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .\32xl\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .\32xl\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .\32xl\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .\32xl\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .\32xl\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .\32xl\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .\32xl\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .\32xl\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .\32xl\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .\32xl\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .\32xl\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .\32xl\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .\32xl\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .\32xl\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .\32xl\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .\32xl\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .\32xl\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .\32xl\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .\32xl\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .\32xl\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .\32xl\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .\32xl\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .\32xl\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\: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; } - .\32xl\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .\32xl\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\: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; } - .\32xl\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .\32xl\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:appearance-none { + appearance: none; } - .\32xl\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:bg-fixed { + background-attachment: fixed; } - .\32xl\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:bg-local { + background-attachment: local; } - .\32xl\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:bg-scroll { + background-attachment: scroll; } - .\32xl\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:bg-clip-border { + background-clip: border-box; } - .\32xl\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:bg-clip-padding { + background-clip: padding-box; } - .\32xl\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:bg-clip-content { + background-clip: content-box; } - .\32xl\: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)); + .\32xl\:bg-clip-text { + background-clip: text; } - .\32xl\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:bg-transparent { + background-color: transparent; } - .\32xl\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:bg-current { + background-color: currentColor; } - .\32xl\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\:to-transparent { - --gradient-to-color: transparent; + .\32xl\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\:to-current { - --gradient-to-color: currentColor; + .\32xl\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:to-black { - --gradient-to-color: #000; + .\32xl\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:to-white { - --gradient-to-color: #fff; + .\32xl\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:to-gray-50 { - --gradient-to-color: #fafafa; + .\32xl\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .\32xl\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .\32xl\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .\32xl\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .\32xl\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:to-gray-500 { - --gradient-to-color: #71717a; + .\32xl\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:to-gray-600 { - --gradient-to-color: #52525b; + .\32xl\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:to-gray-700 { - --gradient-to-color: #3f3f46; + .\32xl\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:to-gray-800 { - --gradient-to-color: #27272a; + .\32xl\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:to-gray-900 { - --gradient-to-color: #18181b; + .\32xl\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:to-red-50 { - --gradient-to-color: #fef2f2; + .\32xl\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:to-red-100 { - --gradient-to-color: #fee2e2; + .\32xl\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:to-red-200 { - --gradient-to-color: #fecaca; + .\32xl\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:to-red-300 { - --gradient-to-color: #fca5a5; + .\32xl\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:to-red-400 { - --gradient-to-color: #f87171; + .\32xl\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:to-red-500 { - --gradient-to-color: #ef4444; + .\32xl\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:to-red-600 { - --gradient-to-color: #dc2626; + .\32xl\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:to-red-700 { - --gradient-to-color: #b91c1c; + .\32xl\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:to-red-800 { - --gradient-to-color: #991b1b; + .\32xl\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:to-red-900 { - --gradient-to-color: #7f1d1d; + .\32xl\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .\32xl\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .\32xl\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:to-yellow-200 { - --gradient-to-color: #fde68a; + .\32xl\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .\32xl\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .\32xl\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .\32xl\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:to-yellow-600 { - --gradient-to-color: #d97706; + .\32xl\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:to-yellow-700 { - --gradient-to-color: #b45309; + .\32xl\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:to-yellow-800 { - --gradient-to-color: #92400e; + .\32xl\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:to-yellow-900 { - --gradient-to-color: #78350f; + .\32xl\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:to-green-50 { - --gradient-to-color: #ecfdf5; + .\32xl\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:to-green-100 { - --gradient-to-color: #d1fae5; + .\32xl\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:to-green-200 { - --gradient-to-color: #a7f3d0; + .\32xl\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:to-green-300 { - --gradient-to-color: #6ee7b7; + .\32xl\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:to-green-400 { - --gradient-to-color: #34d399; + .\32xl\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:to-green-500 { - --gradient-to-color: #10b981; + .\32xl\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:to-green-600 { - --gradient-to-color: #059669; + .\32xl\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:to-green-700 { - --gradient-to-color: #047857; + .\32xl\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:to-green-800 { - --gradient-to-color: #065f46; + .\32xl\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:to-green-900 { - --gradient-to-color: #064e3b; + .\32xl\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:to-blue-50 { - --gradient-to-color: #eff6ff; + .\32xl\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:to-blue-100 { - --gradient-to-color: #dbeafe; + .\32xl\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .\32xl\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:to-blue-300 { - --gradient-to-color: #93c5fd; + .\32xl\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:to-blue-400 { - --gradient-to-color: #60a5fa; + .\32xl\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:to-blue-500 { - --gradient-to-color: #3b82f6; + .\32xl\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:to-blue-600 { - --gradient-to-color: #2563eb; + .\32xl\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .\32xl\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:to-blue-800 { - --gradient-to-color: #1e40af; + .\32xl\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .\32xl\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .\32xl\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:to-purple-100 { - --gradient-to-color: #ede9fe; + .\32xl\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .\32xl\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .\32xl\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:to-purple-400 { - --gradient-to-color: #a78bfa; + .\32xl\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .\32xl\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:to-purple-600 { - --gradient-to-color: #7c3aed; + .\32xl\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:to-purple-700 { - --gradient-to-color: #6d28d9; + .\32xl\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:to-purple-800 { - --gradient-to-color: #5b21b6; + .\32xl\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:to-purple-900 { - --gradient-to-color: #4c1d95; + .\32xl\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .\32xl\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:to-pink-100 { - --gradient-to-color: #fce7f3; + .group:hover .\32xl\:group-hover\:bg-transparent { + background-color: transparent; } - .\32xl\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .group:hover .\32xl\:group-hover\:bg-current { + background-color: currentColor; } - .\32xl\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .group:hover .\32xl\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:to-pink-400 { - --gradient-to-color: #f472b6; + .group:hover .\32xl\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:to-pink-500 { - --gradient-to-color: #ec4899; + .group:hover .\32xl\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:to-pink-600 { - --gradient-to-color: #db2777; + .group:hover .\32xl\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:to-pink-700 { - --gradient-to-color: #be185d; + .group:hover .\32xl\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:to-pink-800 { - --gradient-to-color: #9d174d; + .group:hover .\32xl\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:to-pink-900 { - --gradient-to-color: #831843; + .group:hover .\32xl\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .group:hover .\32xl\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .group:hover .\32xl\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .group:hover .\32xl\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .group:hover .\32xl\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .group:hover .\32xl\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .group:hover .\32xl\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .group:hover .\32xl\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .group:hover .\32xl\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .group:hover .\32xl\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .group:hover .\32xl\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .group:hover .\32xl\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .group:hover .\32xl\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .group:hover .\32xl\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .group:hover .\32xl\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .group:hover .\32xl\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .group:hover .\32xl\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .group:hover .\32xl\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .group:hover .\32xl\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .group:hover .\32xl\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .group:hover .\32xl\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\: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)); + .group:hover .\32xl\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .\32xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:hover\:bg-current:hover { + background-color: currentColor; } - .\32xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\: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)); + .\32xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\: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)); + .\32xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\: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)); + .\32xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .\32xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:focus\:bg-current:focus { + background-color: currentColor; } - .\32xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .\32xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .\32xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:hover\:to-black:hover { - --gradient-to-color: #000; + .\32xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:hover\:to-white:hover { - --gradient-to-color: #fff; + .\32xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .\32xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .\32xl\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .\32xl\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .\32xl\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .\32xl\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .\32xl\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .\32xl\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .\32xl\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .\32xl\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .\32xl\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .\32xl\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .\32xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .\32xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .\32xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .\32xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .\32xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .\32xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .\32xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .\32xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .\32xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .\32xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .\32xl\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .\32xl\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .\32xl\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .\32xl\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .\32xl\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .\32xl\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .\32xl\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .\32xl\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .\32xl\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .\32xl\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .\32xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .\32xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .\32xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .\32xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .\32xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .\32xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .\32xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .\32xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .\32xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .\32xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .\32xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .\32xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .\32xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .\32xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .\32xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .\32xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .\32xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .\32xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .\32xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .\32xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .\32xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .\32xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .\32xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .\32xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .\32xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .\32xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .\32xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .\32xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .\32xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .\32xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .\32xl\:bg-none { + background-image: none; } - .\32xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .\32xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .\32xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .\32xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .\32xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .\32xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .\32xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .\32xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .\32xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .\32xl\:focus\:from-transparent:focus { + .\32xl\:from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:from-current:focus { + .\32xl\:from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:from-black:focus { + .\32xl\:from-black { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:from-white:focus { + .\32xl\:from-white { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:from-gray-50:focus { + .\32xl\:from-gray-50 { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .\32xl\:focus\:from-gray-100:focus { + .\32xl\:from-gray-100 { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .\32xl\:focus\:from-gray-200:focus { + .\32xl\:from-gray-200 { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .\32xl\:focus\:from-gray-300:focus { + .\32xl\:from-gray-300 { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .\32xl\:focus\:from-gray-400:focus { + .\32xl\:from-gray-400 { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .\32xl\:focus\:from-gray-500:focus { + .\32xl\:from-gray-500 { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .\32xl\:focus\:from-gray-600:focus { + .\32xl\:from-gray-600 { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .\32xl\:focus\:from-gray-700:focus { + .\32xl\:from-gray-700 { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .\32xl\:focus\:from-gray-800:focus { + .\32xl\:from-gray-800 { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .\32xl\:focus\:from-gray-900:focus { + .\32xl\:from-gray-900 { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .\32xl\:focus\:from-red-50:focus { + .\32xl\:from-red-50 { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .\32xl\:focus\:from-red-100:focus { + .\32xl\:from-red-100 { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .\32xl\:focus\:from-red-200:focus { + .\32xl\:from-red-200 { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .\32xl\:focus\:from-red-300:focus { + .\32xl\:from-red-300 { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .\32xl\:focus\:from-red-400:focus { + .\32xl\:from-red-400 { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .\32xl\:focus\:from-red-500:focus { + .\32xl\:from-red-500 { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .\32xl\:focus\:from-red-600:focus { + .\32xl\:from-red-600 { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .\32xl\:focus\:from-red-700:focus { + .\32xl\:from-red-700 { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .\32xl\:focus\:from-red-800:focus { + .\32xl\:from-red-800 { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .\32xl\:focus\:from-red-900:focus { + .\32xl\:from-red-900 { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .\32xl\:focus\:from-yellow-50:focus { + .\32xl\:from-yellow-50 { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .\32xl\:focus\:from-yellow-100:focus { + .\32xl\:from-yellow-100 { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .\32xl\:focus\:from-yellow-200:focus { + .\32xl\:from-yellow-200 { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .\32xl\:focus\:from-yellow-300:focus { + .\32xl\:from-yellow-300 { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .\32xl\:focus\:from-yellow-400:focus { + .\32xl\:from-yellow-400 { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .\32xl\:focus\:from-yellow-500:focus { + .\32xl\:from-yellow-500 { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .\32xl\:focus\:from-yellow-600:focus { + .\32xl\:from-yellow-600 { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .\32xl\:focus\:from-yellow-700:focus { + .\32xl\:from-yellow-700 { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .\32xl\:focus\:from-yellow-800:focus { + .\32xl\:from-yellow-800 { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .\32xl\:focus\:from-yellow-900:focus { + .\32xl\:from-yellow-900 { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .\32xl\:focus\:from-green-50:focus { + .\32xl\:from-green-50 { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .\32xl\:focus\:from-green-100:focus { + .\32xl\:from-green-100 { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .\32xl\:focus\:from-green-200:focus { + .\32xl\:from-green-200 { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .\32xl\:focus\:from-green-300:focus { + .\32xl\:from-green-300 { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .\32xl\:focus\:from-green-400:focus { + .\32xl\:from-green-400 { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .\32xl\:focus\:from-green-500:focus { + .\32xl\:from-green-500 { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .\32xl\:focus\:from-green-600:focus { + .\32xl\:from-green-600 { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .\32xl\:focus\:from-green-700:focus { + .\32xl\:from-green-700 { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .\32xl\:focus\:from-green-800:focus { + .\32xl\:from-green-800 { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .\32xl\:focus\:from-green-900:focus { + .\32xl\:from-green-900 { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .\32xl\:focus\:from-blue-50:focus { + .\32xl\:from-blue-50 { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .\32xl\:focus\:from-blue-100:focus { + .\32xl\:from-blue-100 { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .\32xl\:focus\:from-blue-200:focus { + .\32xl\:from-blue-200 { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .\32xl\:focus\:from-blue-300:focus { + .\32xl\:from-blue-300 { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .\32xl\:focus\:from-blue-400:focus { + .\32xl\:from-blue-400 { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .\32xl\:focus\:from-blue-500:focus { + .\32xl\:from-blue-500 { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .\32xl\:focus\:from-blue-600:focus { + .\32xl\:from-blue-600 { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .\32xl\:focus\:from-blue-700:focus { + .\32xl\:from-blue-700 { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .\32xl\:focus\:from-blue-800:focus { + .\32xl\:from-blue-800 { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .\32xl\:focus\:from-blue-900:focus { + .\32xl\:from-blue-900 { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .\32xl\:focus\:from-purple-50:focus { + .\32xl\:from-purple-50 { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .\32xl\:focus\:from-purple-100:focus { + .\32xl\:from-purple-100 { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .\32xl\:focus\:from-purple-200:focus { + .\32xl\:from-purple-200 { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .\32xl\:focus\:from-purple-300:focus { + .\32xl\:from-purple-300 { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .\32xl\:focus\:from-purple-400:focus { + .\32xl\:from-purple-400 { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .\32xl\:focus\:from-purple-500:focus { + .\32xl\:from-purple-500 { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .\32xl\:focus\:from-purple-600:focus { + .\32xl\:from-purple-600 { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .\32xl\:focus\:from-purple-700:focus { + .\32xl\:from-purple-700 { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .\32xl\:focus\:from-purple-800:focus { + .\32xl\:from-purple-800 { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .\32xl\:focus\:from-purple-900:focus { + .\32xl\:from-purple-900 { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .\32xl\:focus\:from-pink-50:focus { + .\32xl\:from-pink-50 { --gradient-from-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .\32xl\:focus\:from-pink-100:focus { + .\32xl\:from-pink-100 { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .\32xl\:focus\:from-pink-200:focus { + .\32xl\:from-pink-200 { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .\32xl\:focus\:from-pink-300:focus { + .\32xl\:from-pink-300 { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .\32xl\:focus\:from-pink-400:focus { + .\32xl\:from-pink-400 { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .\32xl\:focus\:from-pink-500:focus { + .\32xl\:from-pink-500 { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .\32xl\:focus\:from-pink-600:focus { + .\32xl\:from-pink-600 { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .\32xl\:focus\:from-pink-700:focus { + .\32xl\:from-pink-700 { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .\32xl\:focus\:from-pink-800:focus { + .\32xl\:from-pink-800 { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .\32xl\:focus\:from-pink-900:focus { + .\32xl\:from-pink-900 { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .\32xl\:focus\:via-transparent:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-current:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-black:focus { + .\32xl\:via-black { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:via-white:focus { + .\32xl\:via-white { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:via-gray-50:focus { + .\32xl\:via-gray-50 { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .\32xl\:focus\:via-gray-100:focus { + .\32xl\:via-gray-100 { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .\32xl\:focus\:via-gray-200:focus { + .\32xl\:via-gray-200 { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .\32xl\:focus\:via-gray-300:focus { + .\32xl\:via-gray-300 { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .\32xl\:focus\:via-gray-400:focus { + .\32xl\:via-gray-400 { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .\32xl\:focus\:via-gray-500:focus { + .\32xl\:via-gray-500 { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .\32xl\:focus\:via-gray-600:focus { + .\32xl\:via-gray-600 { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .\32xl\:focus\:via-gray-700:focus { + .\32xl\:via-gray-700 { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .\32xl\:focus\:via-gray-800:focus { + .\32xl\:via-gray-800 { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .\32xl\:focus\:via-gray-900:focus { + .\32xl\:via-gray-900 { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .\32xl\:focus\:via-red-50:focus { + .\32xl\:via-red-50 { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .\32xl\:focus\:via-red-100:focus { + .\32xl\:via-red-100 { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .\32xl\:focus\:via-red-200:focus { + .\32xl\:via-red-200 { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .\32xl\:focus\:via-red-300:focus { + .\32xl\:via-red-300 { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .\32xl\:focus\:via-red-400:focus { + .\32xl\:via-red-400 { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .\32xl\:focus\:via-red-500:focus { + .\32xl\:via-red-500 { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .\32xl\:focus\:via-red-600:focus { + .\32xl\:via-red-600 { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .\32xl\:focus\:via-red-700:focus { + .\32xl\:via-red-700 { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .\32xl\:focus\:via-red-800:focus { + .\32xl\:via-red-800 { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .\32xl\:focus\:via-red-900:focus { + .\32xl\:via-red-900 { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .\32xl\:focus\:via-yellow-50:focus { + .\32xl\:via-yellow-50 { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .\32xl\:focus\:via-yellow-100:focus { + .\32xl\:via-yellow-100 { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .\32xl\:focus\:via-yellow-200:focus { + .\32xl\:via-yellow-200 { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .\32xl\:focus\:via-yellow-300:focus { + .\32xl\:via-yellow-300 { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .\32xl\:focus\:via-yellow-400:focus { + .\32xl\:via-yellow-400 { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .\32xl\:focus\:via-yellow-500:focus { + .\32xl\:via-yellow-500 { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .\32xl\:focus\:via-yellow-600:focus { + .\32xl\:via-yellow-600 { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .\32xl\:focus\:via-yellow-700:focus { + .\32xl\:via-yellow-700 { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .\32xl\:focus\:via-yellow-800:focus { + .\32xl\:via-yellow-800 { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .\32xl\:focus\:via-yellow-900:focus { + .\32xl\:via-yellow-900 { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .\32xl\:focus\:via-green-50:focus { + .\32xl\:via-green-50 { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .\32xl\:focus\:via-green-100:focus { + .\32xl\:via-green-100 { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .\32xl\:focus\:via-green-200:focus { + .\32xl\:via-green-200 { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .\32xl\:focus\:via-green-300:focus { + .\32xl\:via-green-300 { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .\32xl\:focus\:via-green-400:focus { + .\32xl\:via-green-400 { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .\32xl\:focus\:via-green-500:focus { + .\32xl\:via-green-500 { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .\32xl\:focus\:via-green-600:focus { + .\32xl\:via-green-600 { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .\32xl\:focus\:via-green-700:focus { + .\32xl\:via-green-700 { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .\32xl\:focus\:via-green-800:focus { + .\32xl\:via-green-800 { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .\32xl\:focus\:via-green-900:focus { + .\32xl\:via-green-900 { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .\32xl\:focus\:via-blue-50:focus { + .\32xl\:via-blue-50 { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .\32xl\:focus\:via-blue-100:focus { + .\32xl\:via-blue-100 { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .\32xl\:focus\:via-blue-200:focus { + .\32xl\:via-blue-200 { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .\32xl\:focus\:via-blue-300:focus { + .\32xl\:via-blue-300 { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .\32xl\:focus\:via-blue-400:focus { + .\32xl\:via-blue-400 { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .\32xl\:focus\:via-blue-500:focus { + .\32xl\:via-blue-500 { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .\32xl\:focus\:via-blue-600:focus { + .\32xl\:via-blue-600 { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .\32xl\:focus\:via-blue-700:focus { + .\32xl\:via-blue-700 { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .\32xl\:focus\:via-blue-800:focus { + .\32xl\:via-blue-800 { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .\32xl\:focus\:via-blue-900:focus { + .\32xl\:via-blue-900 { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .\32xl\:focus\:via-purple-50:focus { + .\32xl\:via-purple-50 { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .\32xl\:focus\:via-purple-100:focus { + .\32xl\:via-purple-100 { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .\32xl\:focus\:via-purple-200:focus { + .\32xl\:via-purple-200 { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .\32xl\:focus\:via-purple-300:focus { + .\32xl\:via-purple-300 { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .\32xl\:focus\:via-purple-400:focus { + .\32xl\:via-purple-400 { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .\32xl\:focus\:via-purple-500:focus { + .\32xl\:via-purple-500 { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .\32xl\:focus\:via-purple-600:focus { + .\32xl\:via-purple-600 { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .\32xl\:focus\:via-purple-700:focus { + .\32xl\:via-purple-700 { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .\32xl\:focus\:via-purple-800:focus { + .\32xl\:via-purple-800 { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .\32xl\:focus\:via-purple-900:focus { + .\32xl\:via-purple-900 { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .\32xl\:focus\:via-pink-50:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-pink-100:focus { + .\32xl\:via-pink-100 { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .\32xl\:focus\:via-pink-200:focus { + .\32xl\:via-pink-200 { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .\32xl\:focus\:via-pink-300:focus { + .\32xl\:via-pink-300 { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .\32xl\:focus\:via-pink-400:focus { + .\32xl\:via-pink-400 { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .\32xl\:focus\:via-pink-500:focus { + .\32xl\:via-pink-500 { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .\32xl\:focus\:via-pink-600:focus { + .\32xl\:via-pink-600 { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .\32xl\:focus\:via-pink-700:focus { + .\32xl\:via-pink-700 { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .\32xl\:focus\:via-pink-800:focus { + .\32xl\:via-pink-800 { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .\32xl\:focus\:via-pink-900:focus { + .\32xl\:via-pink-900 { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .\32xl\:focus\:to-transparent:focus { + .\32xl\:to-transparent { --gradient-to-color: transparent; } - .\32xl\:focus\:to-current:focus { + .\32xl\:to-current { --gradient-to-color: currentColor; } - .\32xl\:focus\:to-black:focus { + .\32xl\:to-black { --gradient-to-color: #000; } - .\32xl\:focus\:to-white:focus { + .\32xl\:to-white { --gradient-to-color: #fff; } - .\32xl\:focus\:to-gray-50:focus { + .\32xl\:to-gray-50 { --gradient-to-color: #fafafa; } - .\32xl\:focus\:to-gray-100:focus { + .\32xl\:to-gray-100 { --gradient-to-color: #f4f4f5; } - .\32xl\:focus\:to-gray-200:focus { + .\32xl\:to-gray-200 { --gradient-to-color: #e4e4e7; } - .\32xl\:focus\:to-gray-300:focus { + .\32xl\:to-gray-300 { --gradient-to-color: #d4d4d8; } - .\32xl\:focus\:to-gray-400:focus { + .\32xl\:to-gray-400 { --gradient-to-color: #a1a1aa; } - .\32xl\:focus\:to-gray-500:focus { + .\32xl\:to-gray-500 { --gradient-to-color: #71717a; } - .\32xl\:focus\:to-gray-600:focus { + .\32xl\:to-gray-600 { --gradient-to-color: #52525b; } - .\32xl\:focus\:to-gray-700:focus { + .\32xl\:to-gray-700 { --gradient-to-color: #3f3f46; } - .\32xl\:focus\:to-gray-800:focus { + .\32xl\:to-gray-800 { --gradient-to-color: #27272a; } - .\32xl\:focus\:to-gray-900:focus { + .\32xl\:to-gray-900 { --gradient-to-color: #18181b; } - .\32xl\:focus\:to-red-50:focus { + .\32xl\:to-red-50 { --gradient-to-color: #fef2f2; } - .\32xl\:focus\:to-red-100:focus { + .\32xl\:to-red-100 { --gradient-to-color: #fee2e2; } - .\32xl\:focus\:to-red-200:focus { + .\32xl\:to-red-200 { --gradient-to-color: #fecaca; } - .\32xl\:focus\:to-red-300:focus { + .\32xl\:to-red-300 { --gradient-to-color: #fca5a5; } - .\32xl\:focus\:to-red-400:focus { + .\32xl\:to-red-400 { --gradient-to-color: #f87171; } - .\32xl\:focus\:to-red-500:focus { + .\32xl\:to-red-500 { --gradient-to-color: #ef4444; } - .\32xl\:focus\:to-red-600:focus { + .\32xl\:to-red-600 { --gradient-to-color: #dc2626; } - .\32xl\:focus\:to-red-700:focus { + .\32xl\:to-red-700 { --gradient-to-color: #b91c1c; } - .\32xl\:focus\:to-red-800:focus { + .\32xl\:to-red-800 { --gradient-to-color: #991b1b; } - .\32xl\:focus\:to-red-900:focus { + .\32xl\:to-red-900 { --gradient-to-color: #7f1d1d; } - .\32xl\:focus\:to-yellow-50:focus { + .\32xl\:to-yellow-50 { --gradient-to-color: #fffbeb; } - .\32xl\:focus\:to-yellow-100:focus { + .\32xl\:to-yellow-100 { --gradient-to-color: #fef3c7; } - .\32xl\:focus\:to-yellow-200:focus { + .\32xl\:to-yellow-200 { --gradient-to-color: #fde68a; } - .\32xl\:focus\:to-yellow-300:focus { + .\32xl\:to-yellow-300 { --gradient-to-color: #fcd34d; } - .\32xl\:focus\:to-yellow-400:focus { + .\32xl\:to-yellow-400 { --gradient-to-color: #fbbf24; } - .\32xl\:focus\:to-yellow-500:focus { + .\32xl\:to-yellow-500 { --gradient-to-color: #f59e0b; } - .\32xl\:focus\:to-yellow-600:focus { + .\32xl\:to-yellow-600 { --gradient-to-color: #d97706; } - .\32xl\:focus\:to-yellow-700:focus { + .\32xl\:to-yellow-700 { --gradient-to-color: #b45309; } - .\32xl\:focus\:to-yellow-800:focus { + .\32xl\:to-yellow-800 { --gradient-to-color: #92400e; } - .\32xl\:focus\:to-yellow-900:focus { + .\32xl\:to-yellow-900 { --gradient-to-color: #78350f; } - .\32xl\:focus\:to-green-50:focus { + .\32xl\:to-green-50 { --gradient-to-color: #ecfdf5; } - .\32xl\:focus\:to-green-100:focus { + .\32xl\:to-green-100 { --gradient-to-color: #d1fae5; } - .\32xl\:focus\:to-green-200:focus { + .\32xl\:to-green-200 { --gradient-to-color: #a7f3d0; } - .\32xl\:focus\:to-green-300:focus { + .\32xl\:to-green-300 { --gradient-to-color: #6ee7b7; } - .\32xl\:focus\:to-green-400:focus { + .\32xl\:to-green-400 { --gradient-to-color: #34d399; } - .\32xl\:focus\:to-green-500:focus { + .\32xl\:to-green-500 { --gradient-to-color: #10b981; } - .\32xl\:focus\:to-green-600:focus { + .\32xl\:to-green-600 { --gradient-to-color: #059669; } - .\32xl\:focus\:to-green-700:focus { + .\32xl\:to-green-700 { --gradient-to-color: #047857; } - .\32xl\:focus\:to-green-800:focus { + .\32xl\:to-green-800 { --gradient-to-color: #065f46; } - .\32xl\:focus\:to-green-900:focus { + .\32xl\:to-green-900 { --gradient-to-color: #064e3b; } - .\32xl\:focus\:to-blue-50:focus { + .\32xl\:to-blue-50 { --gradient-to-color: #eff6ff; } - .\32xl\:focus\:to-blue-100:focus { + .\32xl\:to-blue-100 { --gradient-to-color: #dbeafe; } - .\32xl\:focus\:to-blue-200:focus { + .\32xl\:to-blue-200 { --gradient-to-color: #bfdbfe; } - .\32xl\:focus\:to-blue-300:focus { + .\32xl\:to-blue-300 { --gradient-to-color: #93c5fd; } - .\32xl\:focus\:to-blue-400:focus { + .\32xl\:to-blue-400 { --gradient-to-color: #60a5fa; } - .\32xl\:focus\:to-blue-500:focus { + .\32xl\:to-blue-500 { --gradient-to-color: #3b82f6; } - .\32xl\:focus\:to-blue-600:focus { + .\32xl\:to-blue-600 { --gradient-to-color: #2563eb; } - .\32xl\:focus\:to-blue-700:focus { + .\32xl\:to-blue-700 { --gradient-to-color: #1d4ed8; } - .\32xl\:focus\:to-blue-800:focus { + .\32xl\:to-blue-800 { --gradient-to-color: #1e40af; } - .\32xl\:focus\:to-blue-900:focus { + .\32xl\:to-blue-900 { --gradient-to-color: #1e3a8a; } - .\32xl\:focus\:to-purple-50:focus { + .\32xl\:to-purple-50 { --gradient-to-color: #f5f3ff; } - .\32xl\:focus\:to-purple-100:focus { + .\32xl\:to-purple-100 { --gradient-to-color: #ede9fe; } - .\32xl\:focus\:to-purple-200:focus { + .\32xl\:to-purple-200 { --gradient-to-color: #ddd6fe; } - .\32xl\:focus\:to-purple-300:focus { + .\32xl\:to-purple-300 { --gradient-to-color: #c4b5fd; } - .\32xl\:focus\:to-purple-400:focus { + .\32xl\:to-purple-400 { --gradient-to-color: #a78bfa; } - .\32xl\:focus\:to-purple-500:focus { + .\32xl\:to-purple-500 { --gradient-to-color: #8b5cf6; } - .\32xl\:focus\:to-purple-600:focus { + .\32xl\:to-purple-600 { --gradient-to-color: #7c3aed; } - .\32xl\:focus\:to-purple-700:focus { + .\32xl\:to-purple-700 { --gradient-to-color: #6d28d9; } - .\32xl\:focus\:to-purple-800:focus { + .\32xl\:to-purple-800 { --gradient-to-color: #5b21b6; } - .\32xl\:focus\:to-purple-900:focus { + .\32xl\:to-purple-900 { --gradient-to-color: #4c1d95; } - .\32xl\:focus\:to-pink-50:focus { + .\32xl\:to-pink-50 { --gradient-to-color: #fdf2f8; } - .\32xl\:focus\:to-pink-100:focus { + .\32xl\:to-pink-100 { --gradient-to-color: #fce7f3; } - .\32xl\:focus\:to-pink-200:focus { + .\32xl\:to-pink-200 { --gradient-to-color: #fbcfe8; } - .\32xl\:focus\:to-pink-300:focus { + .\32xl\:to-pink-300 { --gradient-to-color: #f9a8d4; } - .\32xl\:focus\:to-pink-400:focus { + .\32xl\:to-pink-400 { --gradient-to-color: #f472b6; } - .\32xl\:focus\:to-pink-500:focus { + .\32xl\:to-pink-500 { --gradient-to-color: #ec4899; } - .\32xl\:focus\:to-pink-600:focus { + .\32xl\:to-pink-600 { --gradient-to-color: #db2777; } - .\32xl\:focus\:to-pink-700:focus { + .\32xl\:to-pink-700 { --gradient-to-color: #be185d; } - .\32xl\:focus\:to-pink-800:focus { + .\32xl\:to-pink-800 { --gradient-to-color: #9d174d; } - .\32xl\:focus\:to-pink-900:focus { + .\32xl\:to-pink-900 { --gradient-to-color: #831843; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .\32xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .\32xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .\32xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .\32xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .\32xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .\32xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .\32xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .\32xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .\32xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .\32xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .\32xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .\32xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .\32xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .\32xl\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .\32xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .\32xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .\32xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .\32xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .\32xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .\32xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .\32xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .\32xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .\32xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .\32xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .\32xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .\32xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .\32xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .\32xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .\32xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .\32xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .\32xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .\32xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .\32xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .\32xl\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .\32xl\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .\32xl\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .\32xl\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .\32xl\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .\32xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .\32xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .\32xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .\32xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .\32xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .\32xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .\32xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .\32xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .\32xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .\32xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .\32xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .\32xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .\32xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .\32xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .\32xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .\32xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .\32xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .\32xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .\32xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .\32xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .\32xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .\32xl\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } - - .\32xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .\32xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .\32xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .\32xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .\32xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .\32xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .\32xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .\32xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .\32xl\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .\32xl\: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)); - } - - .\32xl\: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)); - } - - .\32xl\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .\32xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .\32xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .\32xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .\32xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .\32xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .\32xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .\32xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .\32xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .\32xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .\32xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .\32xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .\32xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .\32xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .\32xl\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .\32xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .\32xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .\32xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .\32xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .\32xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .\32xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .\32xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .\32xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .\32xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .\32xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .\32xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .\32xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .\32xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .\32xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .\32xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .\32xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .\32xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .\32xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .\32xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .\32xl\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .\32xl\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .\32xl\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .\32xl\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .\32xl\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .\32xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .\32xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .\32xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .\32xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .\32xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .\32xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .\32xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .\32xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .\32xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .\32xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .\32xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .\32xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .\32xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .\32xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .\32xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .\32xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .\32xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .\32xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .\32xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .\32xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .\32xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .\32xl\: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)); - } - - .\32xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .\32xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .\32xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .\32xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .\32xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .\32xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .\32xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .\32xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .\32xl\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .\32xl\:dark\:to-transparent { - --gradient-to-color: transparent; - } - - .\32xl\:dark\:to-current { - --gradient-to-color: currentColor; - } - - .\32xl\:dark\:to-black { - --gradient-to-color: #000; - } - - .\32xl\:dark\:to-white { - --gradient-to-color: #fff; - } - - .\32xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .\32xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .\32xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .\32xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .\32xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .\32xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .\32xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .\32xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .\32xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .\32xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .\32xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .\32xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .\32xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .\32xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .\32xl\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } - - .\32xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .\32xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .\32xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .\32xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .\32xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .\32xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .\32xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .\32xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .\32xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .\32xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .\32xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .\32xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .\32xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .\32xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .\32xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .\32xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .\32xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .\32xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .\32xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .\32xl\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } - - .\32xl\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } - - .\32xl\:dark\:to-green-600 { - --gradient-to-color: #059669; - } - - .\32xl\:dark\:to-green-700 { - --gradient-to-color: #047857; - } - - .\32xl\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } - - .\32xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .\32xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .\32xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .\32xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .\32xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .\32xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .\32xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .\32xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .\32xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .\32xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .\32xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .\32xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .\32xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .\32xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .\32xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .\32xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .\32xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .\32xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .\32xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .\32xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .\32xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .\32xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .\32xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .\32xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .\32xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .\32xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .\32xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .\32xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .\32xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .\32xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .\32xl\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } - - .\32xl\: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)); - } + .\32xl\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\: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)); - } + .\32xl\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .\32xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .\32xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .\32xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .\32xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .\32xl\:hover\:to-black:hover { + --gradient-to-color: #000; + } - .\32xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .\32xl\:hover\:to-white:hover { + --gradient-to-color: #fff; + } - .\32xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .\32xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; + } - .\32xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .\32xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; + } - .\32xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .\32xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; + } - .\32xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .\32xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; + } - .\32xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .\32xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; + } - .\32xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .\32xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; + } - .\32xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .\32xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; + } - .\32xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .\32xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; + } - .\32xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .\32xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; + } - .\32xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .\32xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; + } - .\32xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .\32xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; + } - .\32xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .\32xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; + } - .\32xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .\32xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; + } - .\32xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .\32xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; + } - .\32xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .\32xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; + } - .\32xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .\32xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; + } - .\32xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .\32xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; + } - .\32xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .\32xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; + } - .\32xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .\32xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; + } - .\32xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .\32xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; + } - .\32xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .\32xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; + } - .\32xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .\32xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; + } - .\32xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .\32xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; + } - .\32xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .\32xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; + } - .\32xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .\32xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; + } - .\32xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .\32xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; + } - .\32xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .\32xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; + } - .\32xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .\32xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; + } - .\32xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .\32xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; + } - .\32xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .\32xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; + } - .\32xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .\32xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; + } - .\32xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .\32xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; + } - .\32xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .\32xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; + } - .\32xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .\32xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; + } - .\32xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .\32xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; + } - .\32xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .\32xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; + } - .\32xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .\32xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669; + } - .\32xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .\32xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857; + } - .\32xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .\32xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; + } - .\32xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .\32xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; + } - .\32xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .\32xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; + } - .\32xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .\32xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; + } - .\32xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .\32xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; + } - .\32xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .\32xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; + } - .\32xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .\32xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; + } - .\32xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .\32xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; + } - .\32xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .\32xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; + } - .\32xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .\32xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; + } - .\32xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .\32xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; + } - .\32xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .\32xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; + } - .\32xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .\32xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; + } - .\32xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .\32xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; + } - .\32xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .\32xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; + } - .\32xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .\32xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; + } - .\32xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .\32xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; + } - .\32xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .\32xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; + } - .\32xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .\32xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; + } - .\32xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .\32xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; + } - .\32xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .\32xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; + } - .\32xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .\32xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; + } - .\32xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .\32xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .\32xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .\32xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; + } - .\32xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .\32xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; + } - .\32xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .\32xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; + } - .\32xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .\32xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; + } - .\32xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .\32xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; + } - .\32xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .\32xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; + } - .\32xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .\32xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; + } - .\32xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .\32xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; + } - .\32xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .\32xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; + } - .\32xl\: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)); - } + .\32xl\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\: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)); - } + .\32xl\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .\32xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .\32xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .\32xl\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .\32xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .\32xl\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .\32xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .\32xl\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .\32xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .\32xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .\32xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .\32xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .\32xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .\32xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .\32xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .\32xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .\32xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .\32xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .\32xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .\32xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .\32xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .\32xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .\32xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .\32xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .\32xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .\32xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .\32xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .\32xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .\32xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .\32xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .\32xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .\32xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .\32xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .\32xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .\32xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .\32xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .\32xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .\32xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .\32xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .\32xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .\32xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .\32xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .\32xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .\32xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .\32xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .\32xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .\32xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .\32xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .\32xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .\32xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .\32xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .\32xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .\32xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .\32xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .\32xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .\32xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .\32xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .\32xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .\32xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .\32xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .\32xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .\32xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .\32xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .\32xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .\32xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .\32xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .\32xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .\32xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .\32xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .\32xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .\32xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .\32xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .\32xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .\32xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .\32xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .\32xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .\32xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .\32xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .\32xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .\32xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .\32xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .\32xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .\32xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .\32xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .\32xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .\32xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .\32xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .\32xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .\32xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .\32xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .\32xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .\32xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .\32xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .\32xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .\32xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .\32xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .\32xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .\32xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .\32xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .\32xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .\32xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .\32xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .\32xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .\32xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .\32xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .\32xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .\32xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .\32xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .\32xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .\32xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .\32xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .\32xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .\32xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .\32xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .\32xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .\32xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .\32xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .\32xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .\32xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .\32xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .\32xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .\32xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .\32xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .\32xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .\32xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .\32xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .\32xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .\32xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .\32xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .\32xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .\32xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .\32xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .\32xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .\32xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .\32xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .\32xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .\32xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .\32xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .\32xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .\32xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .\32xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .\32xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .\32xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .\32xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .\32xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .\32xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .\32xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .\32xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } .\32xl\:bg-opacity-0 { @@ -168048,1480 +119894,6 @@ video { border-color: rgba(131, 24, 67, var(--border-opacity)); } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:border-transparent { - border-color: transparent; - } - - .\32xl\:dark\:border-current { - border-color: currentColor; - } - - .\32xl\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .\32xl\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .\32xl\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .\32xl\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } - - .\32xl\:dark\:hover\:border-current:hover { - border-color: currentColor; - } - - .\32xl\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } - - .\32xl\:dark\:focus\:border-current:focus { - border-color: currentColor; - } - - .\32xl\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - } - .\32xl\:border-opacity-0 { --border-opacity: 0; } @@ -175255,744 +125627,6 @@ video { color: rgba(131, 24, 67, var(--placeholder-opacity)); } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .\32xl\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .\32xl\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .\32xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .\32xl\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } - } - .\32xl\:placeholder-opacity-0::placeholder { --placeholder-opacity: 0; } @@ -180419,1480 +130053,6 @@ video { color: rgba(131, 24, 67, var(--text-opacity)); } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:text-transparent { - color: transparent; - } - - .\32xl\:dark\:text-current { - color: currentColor; - } - - .\32xl\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .\32xl\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .\32xl\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .\32xl\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .\32xl\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .\32xl\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-transparent:focus { - color: transparent; - } - - .\32xl\:dark\:focus\:text-current:focus { - color: currentColor; - } - - .\32xl\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - } - .\32xl\:text-opacity-0 { --text-opacity: 0; } diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index d81b7ebca01b..1099a681dfa6 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -1808,376 +1808,6 @@ video { border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; } -@media (prefers-color-scheme: dark) { - .dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } - - .dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } - - .dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } - - .dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } - - .dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } - - .dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } - - .dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } - - .dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } - - .dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } - - .dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } - - .dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } - - .dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } - - .dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } - - .dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } - - .dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } - - .dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } - - .dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } - - .dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } - - .dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } - - .dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } - - .dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } - - .dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } - - .dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } - - .dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } - - .dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } - - .dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } - - .dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } - - .dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } -} - .divide-solid > :not(template) ~ :not(template) { border-style: solid !important; } @@ -3768,162652 +3398,114868 @@ video { background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } -@media (prefers-color-scheme: dark) { - .dark\:bg-transparent { - background-color: transparent !important; - } +.bg-none { + background-image: none !important; +} - .dark\:bg-current { - background-color: currentColor !important; - } +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; +} - .dark\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; +} - .dark\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; +} - .dark\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; +} - .dark\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; +} - .dark\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; +} - .dark\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; +} - .dark\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; +} - .dark\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.from-transparent { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +} - .dark\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.from-current { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +} - .dark\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.from-black { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +} - .dark\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.from-white { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +} - .dark\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.from-gray-50 { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; +} - .dark\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.from-gray-100 { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; +} - .dark\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.from-gray-200 { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; +} - .dark\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.from-gray-300 { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; +} - .dark\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.from-gray-400 { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; +} - .dark\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.from-gray-500 { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; +} - .dark\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.from-gray-600 { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; +} - .dark\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.from-gray-700 { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; +} - .dark\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.from-gray-800 { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; +} - .dark\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.from-gray-900 { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; +} - .dark\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.from-red-50 { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; +} - .dark\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.from-red-100 { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; +} - .dark\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.from-red-200 { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; +} - .dark\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.from-red-300 { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; +} - .dark\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.from-red-400 { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; +} - .dark\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.from-red-500 { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; +} - .dark\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.from-red-600 { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; +} - .dark\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.from-red-700 { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; +} - .dark\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.from-red-800 { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; +} - .dark\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.from-red-900 { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; +} - .dark\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.from-yellow-50 { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; +} - .dark\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.from-yellow-100 { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; +} - .dark\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.from-yellow-200 { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; +} - .dark\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.from-yellow-300 { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; +} - .dark\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.from-yellow-400 { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; +} - .dark\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.from-yellow-500 { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; +} - .dark\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.from-yellow-600 { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; +} - .dark\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.from-yellow-700 { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; +} - .dark\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.from-yellow-800 { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; +} - .dark\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.from-yellow-900 { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; +} - .dark\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.from-green-50 { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; +} - .dark\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.from-green-100 { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; +} - .dark\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.from-green-200 { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; +} - .dark\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.from-green-300 { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; +} - .dark\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.from-green-400 { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; +} - .dark\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.from-green-500 { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; +} - .dark\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.from-green-600 { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; +} - .dark\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.from-green-700 { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; +} - .dark\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.from-green-800 { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; +} - .dark\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.from-green-900 { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; +} - .dark\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.from-blue-50 { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; +} - .dark\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.from-blue-100 { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; +} - .dark\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.from-blue-200 { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; +} - .dark\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.from-blue-300 { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; +} - .dark\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.from-blue-400 { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; +} - .dark\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.from-blue-500 { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; +} - .dark\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.from-blue-600 { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; +} - .dark\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.from-blue-700 { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; +} - .dark\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.from-blue-800 { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; +} - .dark\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.from-blue-900 { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; +} - .dark\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.from-purple-50 { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; +} - .dark\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.from-purple-100 { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; +} - .dark\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.from-purple-200 { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; +} - .dark\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.from-purple-300 { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; +} - .dark\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.from-purple-400 { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; +} - .dark\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.from-purple-500 { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; +} - .dark\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.from-purple-600 { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; +} - .dark\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.from-purple-700 { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; +} - .dark\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.from-purple-800 { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; +} - .dark\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.from-purple-900 { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; +} - .dark\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.from-pink-50 { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-transparent { - background-color: transparent !important; - } +.from-pink-100 { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-current { - background-color: currentColor !important; - } +.from-pink-200 { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.from-pink-300 { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.from-pink-400 { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.from-pink-500 { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.from-pink-600 { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.from-pink-700 { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.from-pink-800 { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.from-pink-900 { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.via-transparent { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.via-current { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.via-black { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.via-white { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.via-gray-50 { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.via-gray-100 { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.via-gray-200 { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.via-gray-300 { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.via-gray-400 { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.via-gray-500 { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.via-gray-600 { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.via-gray-700 { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.via-gray-800 { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.via-gray-900 { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.via-red-50 { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.via-red-100 { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.via-red-200 { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.via-red-300 { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.via-red-400 { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.via-red-500 { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.via-red-600 { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.via-red-700 { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.via-red-800 { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.via-red-900 { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.via-yellow-50 { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.via-yellow-100 { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.via-yellow-200 { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.via-yellow-300 { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.via-yellow-400 { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.via-yellow-500 { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.via-yellow-600 { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.via-yellow-700 { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.via-yellow-800 { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.via-yellow-900 { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.via-green-50 { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.via-green-100 { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.via-green-200 { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.via-green-300 { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.via-green-400 { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.via-green-500 { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.via-green-600 { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.via-green-700 { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.via-green-800 { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.via-green-900 { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.via-blue-50 { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.via-blue-100 { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.via-blue-200 { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.via-blue-300 { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.via-blue-400 { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.via-blue-500 { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.via-blue-600 { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.via-blue-700 { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.via-blue-800 { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.via-blue-900 { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.via-purple-50 { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.via-purple-100 { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.via-purple-200 { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.via-purple-300 { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.via-purple-400 { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.via-purple-500 { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.via-purple-600 { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.via-purple-700 { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.via-purple-800 { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.via-purple-900 { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; +} - .group:hover .dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.via-pink-50 { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; +} - .dark\:hover\:bg-transparent:hover { - background-color: transparent !important; - } - - .dark\:hover\:bg-current:hover { - background-color: currentColor !important; - } - - .dark\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .dark\:focus\:bg-transparent:focus { - background-color: transparent !important; - } +.via-pink-100 { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; +} - .dark\:focus\:bg-current:focus { - background-color: currentColor !important; - } +.via-pink-200 { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; +} - .dark\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.via-pink-300 { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; +} - .dark\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.via-pink-400 { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; +} - .dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.via-pink-500 { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; +} - .dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.via-pink-600 { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; +} - .dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.via-pink-700 { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; +} - .dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.via-pink-800 { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; +} - .dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.via-pink-900 { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; +} - .dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.to-transparent { + --gradient-to-color: transparent !important; +} - .dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.to-current { + --gradient-to-color: currentColor !important; +} - .dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.to-black { + --gradient-to-color: #000 !important; +} - .dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.to-white { + --gradient-to-color: #fff !important; +} - .dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.to-gray-50 { + --gradient-to-color: #fafafa !important; +} - .dark\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.to-gray-100 { + --gradient-to-color: #f4f4f5 !important; +} - .dark\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.to-gray-200 { + --gradient-to-color: #e4e4e7 !important; +} - .dark\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.to-gray-300 { + --gradient-to-color: #d4d4d8 !important; +} - .dark\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.to-gray-400 { + --gradient-to-color: #a1a1aa !important; +} - .dark\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.to-gray-500 { + --gradient-to-color: #71717a !important; +} - .dark\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.to-gray-600 { + --gradient-to-color: #52525b !important; +} - .dark\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.to-gray-700 { + --gradient-to-color: #3f3f46 !important; +} - .dark\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.to-gray-800 { + --gradient-to-color: #27272a !important; +} - .dark\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.to-gray-900 { + --gradient-to-color: #18181b !important; +} - .dark\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.to-red-50 { + --gradient-to-color: #fef2f2 !important; +} - .dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.to-red-100 { + --gradient-to-color: #fee2e2 !important; +} - .dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.to-red-200 { + --gradient-to-color: #fecaca !important; +} - .dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.to-red-300 { + --gradient-to-color: #fca5a5 !important; +} - .dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.to-red-400 { + --gradient-to-color: #f87171 !important; +} - .dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.to-red-500 { + --gradient-to-color: #ef4444 !important; +} - .dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.to-red-600 { + --gradient-to-color: #dc2626 !important; +} - .dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.to-red-700 { + --gradient-to-color: #b91c1c !important; +} - .dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.to-red-800 { + --gradient-to-color: #991b1b !important; +} - .dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.to-red-900 { + --gradient-to-color: #7f1d1d !important; +} - .dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.to-yellow-50 { + --gradient-to-color: #fffbeb !important; +} - .dark\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.to-yellow-100 { + --gradient-to-color: #fef3c7 !important; +} - .dark\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.to-yellow-200 { + --gradient-to-color: #fde68a !important; +} - .dark\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.to-yellow-300 { + --gradient-to-color: #fcd34d !important; +} - .dark\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.to-yellow-400 { + --gradient-to-color: #fbbf24 !important; +} - .dark\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.to-yellow-500 { + --gradient-to-color: #f59e0b !important; +} - .dark\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.to-yellow-600 { + --gradient-to-color: #d97706 !important; +} - .dark\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.to-yellow-700 { + --gradient-to-color: #b45309 !important; +} - .dark\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.to-yellow-800 { + --gradient-to-color: #92400e !important; +} - .dark\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.to-yellow-900 { + --gradient-to-color: #78350f !important; +} - .dark\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.to-green-50 { + --gradient-to-color: #ecfdf5 !important; +} - .dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.to-green-100 { + --gradient-to-color: #d1fae5 !important; +} - .dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.to-green-200 { + --gradient-to-color: #a7f3d0 !important; +} - .dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.to-green-300 { + --gradient-to-color: #6ee7b7 !important; +} - .dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.to-green-400 { + --gradient-to-color: #34d399 !important; +} - .dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.to-green-500 { + --gradient-to-color: #10b981 !important; +} - .dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.to-green-600 { + --gradient-to-color: #059669 !important; +} - .dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.to-green-700 { + --gradient-to-color: #047857 !important; +} - .dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.to-green-800 { + --gradient-to-color: #065f46 !important; +} - .dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.to-green-900 { + --gradient-to-color: #064e3b !important; +} - .dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.to-blue-50 { + --gradient-to-color: #eff6ff !important; +} - .dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.to-blue-100 { + --gradient-to-color: #dbeafe !important; +} - .dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.to-blue-200 { + --gradient-to-color: #bfdbfe !important; +} - .dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.to-blue-300 { + --gradient-to-color: #93c5fd !important; +} - .dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.to-blue-400 { + --gradient-to-color: #60a5fa !important; +} - .dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.to-blue-500 { + --gradient-to-color: #3b82f6 !important; +} - .dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.to-blue-600 { + --gradient-to-color: #2563eb !important; +} - .dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.to-blue-700 { + --gradient-to-color: #1d4ed8 !important; +} - .dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.to-blue-800 { + --gradient-to-color: #1e40af !important; +} - .dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.to-blue-900 { + --gradient-to-color: #1e3a8a !important; +} - .dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.to-purple-50 { + --gradient-to-color: #f5f3ff !important; +} - .dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.to-purple-100 { + --gradient-to-color: #ede9fe !important; +} - .dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.to-purple-200 { + --gradient-to-color: #ddd6fe !important; +} - .dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.to-purple-300 { + --gradient-to-color: #c4b5fd !important; +} - .dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.to-purple-400 { + --gradient-to-color: #a78bfa !important; +} - .dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.to-purple-500 { + --gradient-to-color: #8b5cf6 !important; +} - .dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.to-purple-600 { + --gradient-to-color: #7c3aed !important; +} - .dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.to-purple-700 { + --gradient-to-color: #6d28d9 !important; +} - .dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.to-purple-800 { + --gradient-to-color: #5b21b6 !important; +} - .dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.to-purple-900 { + --gradient-to-color: #4c1d95 !important; +} - .dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.to-pink-50 { + --gradient-to-color: #fdf2f8 !important; } -.bg-none { - background-image: none !important; +.to-pink-100 { + --gradient-to-color: #fce7f3 !important; } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; +.to-pink-200 { + --gradient-to-color: #fbcfe8 !important; } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; +.to-pink-300 { + --gradient-to-color: #f9a8d4 !important; } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; +.to-pink-400 { + --gradient-to-color: #f472b6 !important; } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; +.to-pink-500 { + --gradient-to-color: #ec4899 !important; } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; +.to-pink-600 { + --gradient-to-color: #db2777 !important; } -.bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; +.to-pink-700 { + --gradient-to-color: #be185d !important; } -.bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; +.to-pink-800 { + --gradient-to-color: #9d174d !important; } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; +.to-pink-900 { + --gradient-to-color: #831843 !important; } -.from-transparent { +.hover\:from-transparent:hover { --gradient-from-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.from-current { +.hover\:from-current:hover { --gradient-from-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.from-black { +.hover\:from-black:hover { --gradient-from-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.from-white { +.hover\:from-white:hover { --gradient-from-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.from-gray-50 { +.hover\:from-gray-50:hover { --gradient-from-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } -.from-gray-100 { +.hover\:from-gray-100:hover { --gradient-from-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } -.from-gray-200 { +.hover\:from-gray-200:hover { --gradient-from-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } -.from-gray-300 { +.hover\:from-gray-300:hover { --gradient-from-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } -.from-gray-400 { +.hover\:from-gray-400:hover { --gradient-from-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } -.from-gray-500 { +.hover\:from-gray-500:hover { --gradient-from-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } -.from-gray-600 { +.hover\:from-gray-600:hover { --gradient-from-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } -.from-gray-700 { +.hover\:from-gray-700:hover { --gradient-from-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } -.from-gray-800 { +.hover\:from-gray-800:hover { --gradient-from-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } -.from-gray-900 { +.hover\:from-gray-900:hover { --gradient-from-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } -.from-red-50 { +.hover\:from-red-50:hover { --gradient-from-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } -.from-red-100 { +.hover\:from-red-100:hover { --gradient-from-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } -.from-red-200 { +.hover\:from-red-200:hover { --gradient-from-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } -.from-red-300 { +.hover\:from-red-300:hover { --gradient-from-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } -.from-red-400 { +.hover\:from-red-400:hover { --gradient-from-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } -.from-red-500 { +.hover\:from-red-500:hover { --gradient-from-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } -.from-red-600 { +.hover\:from-red-600:hover { --gradient-from-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } -.from-red-700 { +.hover\:from-red-700:hover { --gradient-from-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } -.from-red-800 { +.hover\:from-red-800:hover { --gradient-from-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } -.from-red-900 { +.hover\:from-red-900:hover { --gradient-from-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } -.from-yellow-50 { +.hover\:from-yellow-50:hover { --gradient-from-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } -.from-yellow-100 { +.hover\:from-yellow-100:hover { --gradient-from-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } -.from-yellow-200 { +.hover\:from-yellow-200:hover { --gradient-from-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } -.from-yellow-300 { +.hover\:from-yellow-300:hover { --gradient-from-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } -.from-yellow-400 { +.hover\:from-yellow-400:hover { --gradient-from-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } -.from-yellow-500 { +.hover\:from-yellow-500:hover { --gradient-from-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } -.from-yellow-600 { +.hover\:from-yellow-600:hover { --gradient-from-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } -.from-yellow-700 { +.hover\:from-yellow-700:hover { --gradient-from-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } -.from-yellow-800 { +.hover\:from-yellow-800:hover { --gradient-from-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } -.from-yellow-900 { +.hover\:from-yellow-900:hover { --gradient-from-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } -.from-green-50 { +.hover\:from-green-50:hover { --gradient-from-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } -.from-green-100 { +.hover\:from-green-100:hover { --gradient-from-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } -.from-green-200 { +.hover\:from-green-200:hover { --gradient-from-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } -.from-green-300 { +.hover\:from-green-300:hover { --gradient-from-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } -.from-green-400 { +.hover\:from-green-400:hover { --gradient-from-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } -.from-green-500 { +.hover\:from-green-500:hover { --gradient-from-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } -.from-green-600 { +.hover\:from-green-600:hover { --gradient-from-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } -.from-green-700 { +.hover\:from-green-700:hover { --gradient-from-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } -.from-green-800 { +.hover\:from-green-800:hover { --gradient-from-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } -.from-green-900 { +.hover\:from-green-900:hover { --gradient-from-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } -.from-blue-50 { +.hover\:from-blue-50:hover { --gradient-from-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } -.from-blue-100 { +.hover\:from-blue-100:hover { --gradient-from-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } -.from-blue-200 { +.hover\:from-blue-200:hover { --gradient-from-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } -.from-blue-300 { +.hover\:from-blue-300:hover { --gradient-from-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } -.from-blue-400 { +.hover\:from-blue-400:hover { --gradient-from-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } -.from-blue-500 { +.hover\:from-blue-500:hover { --gradient-from-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } -.from-blue-600 { +.hover\:from-blue-600:hover { --gradient-from-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } -.from-blue-700 { +.hover\:from-blue-700:hover { --gradient-from-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } -.from-blue-800 { +.hover\:from-blue-800:hover { --gradient-from-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } -.from-blue-900 { +.hover\:from-blue-900:hover { --gradient-from-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } -.from-purple-50 { +.hover\:from-purple-50:hover { --gradient-from-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } -.from-purple-100 { +.hover\:from-purple-100:hover { --gradient-from-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } -.from-purple-200 { +.hover\:from-purple-200:hover { --gradient-from-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } -.from-purple-300 { +.hover\:from-purple-300:hover { --gradient-from-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } -.from-purple-400 { +.hover\:from-purple-400:hover { --gradient-from-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } -.from-purple-500 { +.hover\:from-purple-500:hover { --gradient-from-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } -.from-purple-600 { +.hover\:from-purple-600:hover { --gradient-from-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } -.from-purple-700 { +.hover\:from-purple-700:hover { --gradient-from-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } -.from-purple-800 { +.hover\:from-purple-800:hover { --gradient-from-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } -.from-purple-900 { +.hover\:from-purple-900:hover { --gradient-from-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } -.from-pink-50 { +.hover\:from-pink-50:hover { --gradient-from-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } -.from-pink-100 { +.hover\:from-pink-100:hover { --gradient-from-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } -.from-pink-200 { +.hover\:from-pink-200:hover { --gradient-from-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } -.from-pink-300 { +.hover\:from-pink-300:hover { --gradient-from-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } -.from-pink-400 { +.hover\:from-pink-400:hover { --gradient-from-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } -.from-pink-500 { +.hover\:from-pink-500:hover { --gradient-from-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } -.from-pink-600 { +.hover\:from-pink-600:hover { --gradient-from-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } -.from-pink-700 { +.hover\:from-pink-700:hover { --gradient-from-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } -.from-pink-800 { +.hover\:from-pink-800:hover { --gradient-from-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } -.from-pink-900 { +.hover\:from-pink-900:hover { --gradient-from-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } -.via-transparent { +.hover\:via-transparent:hover { --gradient-via-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.via-current { +.hover\:via-current:hover { --gradient-via-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.via-black { +.hover\:via-black:hover { --gradient-via-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.via-white { +.hover\:via-white:hover { --gradient-via-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.via-gray-50 { +.hover\:via-gray-50:hover { --gradient-via-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } -.via-gray-100 { +.hover\:via-gray-100:hover { --gradient-via-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } -.via-gray-200 { +.hover\:via-gray-200:hover { --gradient-via-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } -.via-gray-300 { +.hover\:via-gray-300:hover { --gradient-via-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } -.via-gray-400 { +.hover\:via-gray-400:hover { --gradient-via-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } -.via-gray-500 { +.hover\:via-gray-500:hover { --gradient-via-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } -.via-gray-600 { +.hover\:via-gray-600:hover { --gradient-via-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } -.via-gray-700 { +.hover\:via-gray-700:hover { --gradient-via-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } -.via-gray-800 { +.hover\:via-gray-800:hover { --gradient-via-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } -.via-gray-900 { +.hover\:via-gray-900:hover { --gradient-via-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } -.via-red-50 { +.hover\:via-red-50:hover { --gradient-via-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } -.via-red-100 { +.hover\:via-red-100:hover { --gradient-via-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } -.via-red-200 { +.hover\:via-red-200:hover { --gradient-via-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } -.via-red-300 { +.hover\:via-red-300:hover { --gradient-via-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } -.via-red-400 { +.hover\:via-red-400:hover { --gradient-via-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } -.via-red-500 { +.hover\:via-red-500:hover { --gradient-via-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } -.via-red-600 { +.hover\:via-red-600:hover { --gradient-via-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } -.via-red-700 { +.hover\:via-red-700:hover { --gradient-via-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } -.via-red-800 { +.hover\:via-red-800:hover { --gradient-via-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } -.via-red-900 { +.hover\:via-red-900:hover { --gradient-via-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } -.via-yellow-50 { +.hover\:via-yellow-50:hover { --gradient-via-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } -.via-yellow-100 { +.hover\:via-yellow-100:hover { --gradient-via-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } -.via-yellow-200 { +.hover\:via-yellow-200:hover { --gradient-via-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } -.via-yellow-300 { +.hover\:via-yellow-300:hover { --gradient-via-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } -.via-yellow-400 { +.hover\:via-yellow-400:hover { --gradient-via-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } -.via-yellow-500 { +.hover\:via-yellow-500:hover { --gradient-via-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } -.via-yellow-600 { +.hover\:via-yellow-600:hover { --gradient-via-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } -.via-yellow-700 { +.hover\:via-yellow-700:hover { --gradient-via-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } -.via-yellow-800 { +.hover\:via-yellow-800:hover { --gradient-via-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } -.via-yellow-900 { +.hover\:via-yellow-900:hover { --gradient-via-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } -.via-green-50 { +.hover\:via-green-50:hover { --gradient-via-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } -.via-green-100 { +.hover\:via-green-100:hover { --gradient-via-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } -.via-green-200 { +.hover\:via-green-200:hover { --gradient-via-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } -.via-green-300 { +.hover\:via-green-300:hover { --gradient-via-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } -.via-green-400 { +.hover\:via-green-400:hover { --gradient-via-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } -.via-green-500 { +.hover\:via-green-500:hover { --gradient-via-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } -.via-green-600 { +.hover\:via-green-600:hover { --gradient-via-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } -.via-green-700 { +.hover\:via-green-700:hover { --gradient-via-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } -.via-green-800 { +.hover\:via-green-800:hover { --gradient-via-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } -.via-green-900 { +.hover\:via-green-900:hover { --gradient-via-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } -.via-blue-50 { +.hover\:via-blue-50:hover { --gradient-via-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } -.via-blue-100 { +.hover\:via-blue-100:hover { --gradient-via-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } -.via-blue-200 { +.hover\:via-blue-200:hover { --gradient-via-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } -.via-blue-300 { +.hover\:via-blue-300:hover { --gradient-via-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } -.via-blue-400 { +.hover\:via-blue-400:hover { --gradient-via-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } -.via-blue-500 { +.hover\:via-blue-500:hover { --gradient-via-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } -.via-blue-600 { +.hover\:via-blue-600:hover { --gradient-via-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } -.via-blue-700 { +.hover\:via-blue-700:hover { --gradient-via-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } -.via-blue-800 { +.hover\:via-blue-800:hover { --gradient-via-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } -.via-blue-900 { +.hover\:via-blue-900:hover { --gradient-via-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } -.via-purple-50 { +.hover\:via-purple-50:hover { --gradient-via-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } -.via-purple-100 { +.hover\:via-purple-100:hover { --gradient-via-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } -.via-purple-200 { +.hover\:via-purple-200:hover { --gradient-via-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } -.via-purple-300 { +.hover\:via-purple-300:hover { --gradient-via-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } -.via-purple-400 { +.hover\:via-purple-400:hover { --gradient-via-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } -.via-purple-500 { +.hover\:via-purple-500:hover { --gradient-via-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } -.via-purple-600 { +.hover\:via-purple-600:hover { --gradient-via-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } -.via-purple-700 { +.hover\:via-purple-700:hover { --gradient-via-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } -.via-purple-800 { +.hover\:via-purple-800:hover { --gradient-via-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } -.via-purple-900 { +.hover\:via-purple-900:hover { --gradient-via-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } -.via-pink-50 { +.hover\:via-pink-50:hover { --gradient-via-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } -.via-pink-100 { +.hover\:via-pink-100:hover { --gradient-via-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } -.via-pink-200 { +.hover\:via-pink-200:hover { --gradient-via-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } -.via-pink-300 { +.hover\:via-pink-300:hover { --gradient-via-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } -.via-pink-400 { +.hover\:via-pink-400:hover { --gradient-via-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } -.via-pink-500 { +.hover\:via-pink-500:hover { --gradient-via-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } -.via-pink-600 { +.hover\:via-pink-600:hover { --gradient-via-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } -.via-pink-700 { +.hover\:via-pink-700:hover { --gradient-via-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } -.via-pink-800 { +.hover\:via-pink-800:hover { --gradient-via-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } -.via-pink-900 { +.hover\:via-pink-900:hover { --gradient-via-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } -.to-transparent { +.hover\:to-transparent:hover { --gradient-to-color: transparent !important; } -.to-current { +.hover\:to-current:hover { --gradient-to-color: currentColor !important; } -.to-black { +.hover\:to-black:hover { --gradient-to-color: #000 !important; } -.to-white { +.hover\:to-white:hover { --gradient-to-color: #fff !important; } -.to-gray-50 { +.hover\:to-gray-50:hover { --gradient-to-color: #fafafa !important; } -.to-gray-100 { +.hover\:to-gray-100:hover { --gradient-to-color: #f4f4f5 !important; } -.to-gray-200 { +.hover\:to-gray-200:hover { --gradient-to-color: #e4e4e7 !important; } -.to-gray-300 { +.hover\:to-gray-300:hover { --gradient-to-color: #d4d4d8 !important; } -.to-gray-400 { +.hover\:to-gray-400:hover { --gradient-to-color: #a1a1aa !important; } -.to-gray-500 { +.hover\:to-gray-500:hover { --gradient-to-color: #71717a !important; } -.to-gray-600 { +.hover\:to-gray-600:hover { --gradient-to-color: #52525b !important; } -.to-gray-700 { +.hover\:to-gray-700:hover { --gradient-to-color: #3f3f46 !important; } -.to-gray-800 { +.hover\:to-gray-800:hover { --gradient-to-color: #27272a !important; } -.to-gray-900 { +.hover\:to-gray-900:hover { --gradient-to-color: #18181b !important; } -.to-red-50 { +.hover\:to-red-50:hover { --gradient-to-color: #fef2f2 !important; } -.to-red-100 { +.hover\:to-red-100:hover { --gradient-to-color: #fee2e2 !important; } -.to-red-200 { +.hover\:to-red-200:hover { --gradient-to-color: #fecaca !important; } -.to-red-300 { +.hover\:to-red-300:hover { --gradient-to-color: #fca5a5 !important; } -.to-red-400 { +.hover\:to-red-400:hover { --gradient-to-color: #f87171 !important; } -.to-red-500 { +.hover\:to-red-500:hover { --gradient-to-color: #ef4444 !important; } -.to-red-600 { +.hover\:to-red-600:hover { --gradient-to-color: #dc2626 !important; } -.to-red-700 { +.hover\:to-red-700:hover { --gradient-to-color: #b91c1c !important; } -.to-red-800 { +.hover\:to-red-800:hover { --gradient-to-color: #991b1b !important; } -.to-red-900 { +.hover\:to-red-900:hover { --gradient-to-color: #7f1d1d !important; } -.to-yellow-50 { +.hover\:to-yellow-50:hover { --gradient-to-color: #fffbeb !important; } -.to-yellow-100 { +.hover\:to-yellow-100:hover { --gradient-to-color: #fef3c7 !important; } -.to-yellow-200 { +.hover\:to-yellow-200:hover { --gradient-to-color: #fde68a !important; } -.to-yellow-300 { +.hover\:to-yellow-300:hover { --gradient-to-color: #fcd34d !important; } -.to-yellow-400 { +.hover\:to-yellow-400:hover { --gradient-to-color: #fbbf24 !important; } -.to-yellow-500 { +.hover\:to-yellow-500:hover { --gradient-to-color: #f59e0b !important; } -.to-yellow-600 { +.hover\:to-yellow-600:hover { --gradient-to-color: #d97706 !important; } -.to-yellow-700 { +.hover\:to-yellow-700:hover { --gradient-to-color: #b45309 !important; } -.to-yellow-800 { +.hover\:to-yellow-800:hover { --gradient-to-color: #92400e !important; } -.to-yellow-900 { +.hover\:to-yellow-900:hover { --gradient-to-color: #78350f !important; } -.to-green-50 { +.hover\:to-green-50:hover { --gradient-to-color: #ecfdf5 !important; } -.to-green-100 { +.hover\:to-green-100:hover { --gradient-to-color: #d1fae5 !important; } -.to-green-200 { +.hover\:to-green-200:hover { --gradient-to-color: #a7f3d0 !important; } -.to-green-300 { +.hover\:to-green-300:hover { --gradient-to-color: #6ee7b7 !important; } -.to-green-400 { +.hover\:to-green-400:hover { --gradient-to-color: #34d399 !important; } -.to-green-500 { +.hover\:to-green-500:hover { --gradient-to-color: #10b981 !important; } -.to-green-600 { +.hover\:to-green-600:hover { --gradient-to-color: #059669 !important; } -.to-green-700 { +.hover\:to-green-700:hover { --gradient-to-color: #047857 !important; } -.to-green-800 { +.hover\:to-green-800:hover { --gradient-to-color: #065f46 !important; } -.to-green-900 { +.hover\:to-green-900:hover { --gradient-to-color: #064e3b !important; } -.to-blue-50 { +.hover\:to-blue-50:hover { --gradient-to-color: #eff6ff !important; } -.to-blue-100 { +.hover\:to-blue-100:hover { --gradient-to-color: #dbeafe !important; } -.to-blue-200 { +.hover\:to-blue-200:hover { --gradient-to-color: #bfdbfe !important; } -.to-blue-300 { +.hover\:to-blue-300:hover { --gradient-to-color: #93c5fd !important; } -.to-blue-400 { +.hover\:to-blue-400:hover { --gradient-to-color: #60a5fa !important; } -.to-blue-500 { +.hover\:to-blue-500:hover { --gradient-to-color: #3b82f6 !important; } -.to-blue-600 { +.hover\:to-blue-600:hover { --gradient-to-color: #2563eb !important; } -.to-blue-700 { +.hover\:to-blue-700:hover { --gradient-to-color: #1d4ed8 !important; } -.to-blue-800 { +.hover\:to-blue-800:hover { --gradient-to-color: #1e40af !important; } -.to-blue-900 { +.hover\:to-blue-900:hover { --gradient-to-color: #1e3a8a !important; } -.to-purple-50 { +.hover\:to-purple-50:hover { --gradient-to-color: #f5f3ff !important; } -.to-purple-100 { +.hover\:to-purple-100:hover { --gradient-to-color: #ede9fe !important; } -.to-purple-200 { +.hover\:to-purple-200:hover { --gradient-to-color: #ddd6fe !important; } -.to-purple-300 { +.hover\:to-purple-300:hover { --gradient-to-color: #c4b5fd !important; } -.to-purple-400 { +.hover\:to-purple-400:hover { --gradient-to-color: #a78bfa !important; } -.to-purple-500 { +.hover\:to-purple-500:hover { --gradient-to-color: #8b5cf6 !important; } -.to-purple-600 { +.hover\:to-purple-600:hover { --gradient-to-color: #7c3aed !important; } -.to-purple-700 { +.hover\:to-purple-700:hover { --gradient-to-color: #6d28d9 !important; } -.to-purple-800 { +.hover\:to-purple-800:hover { --gradient-to-color: #5b21b6 !important; } -.to-purple-900 { +.hover\:to-purple-900:hover { --gradient-to-color: #4c1d95 !important; } -.to-pink-50 { +.hover\:to-pink-50:hover { --gradient-to-color: #fdf2f8 !important; } -.to-pink-100 { +.hover\:to-pink-100:hover { --gradient-to-color: #fce7f3 !important; } -.to-pink-200 { +.hover\:to-pink-200:hover { --gradient-to-color: #fbcfe8 !important; } -.to-pink-300 { +.hover\:to-pink-300:hover { --gradient-to-color: #f9a8d4 !important; } -.to-pink-400 { +.hover\:to-pink-400:hover { --gradient-to-color: #f472b6 !important; } -.to-pink-500 { +.hover\:to-pink-500:hover { --gradient-to-color: #ec4899 !important; } -.to-pink-600 { +.hover\:to-pink-600:hover { --gradient-to-color: #db2777 !important; } -.to-pink-700 { +.hover\:to-pink-700:hover { --gradient-to-color: #be185d !important; } -.to-pink-800 { +.hover\:to-pink-800:hover { --gradient-to-color: #9d174d !important; } -.to-pink-900 { +.hover\:to-pink-900:hover { --gradient-to-color: #831843 !important; } -.hover\:from-transparent:hover { +.focus\:from-transparent:focus { --gradient-from-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.hover\:from-current:hover { +.focus\:from-current:focus { --gradient-from-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.hover\:from-black:hover { +.focus\:from-black:focus { --gradient-from-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.hover\:from-white:hover { +.focus\:from-white:focus { --gradient-from-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.hover\:from-gray-50:hover { +.focus\:from-gray-50:focus { --gradient-from-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } -.hover\:from-gray-100:hover { +.focus\:from-gray-100:focus { --gradient-from-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } -.hover\:from-gray-200:hover { +.focus\:from-gray-200:focus { --gradient-from-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } -.hover\:from-gray-300:hover { +.focus\:from-gray-300:focus { --gradient-from-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } -.hover\:from-gray-400:hover { +.focus\:from-gray-400:focus { --gradient-from-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } -.hover\:from-gray-500:hover { +.focus\:from-gray-500:focus { --gradient-from-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } -.hover\:from-gray-600:hover { +.focus\:from-gray-600:focus { --gradient-from-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } -.hover\:from-gray-700:hover { +.focus\:from-gray-700:focus { --gradient-from-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } -.hover\:from-gray-800:hover { +.focus\:from-gray-800:focus { --gradient-from-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } -.hover\:from-gray-900:hover { +.focus\:from-gray-900:focus { --gradient-from-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } -.hover\:from-red-50:hover { +.focus\:from-red-50:focus { --gradient-from-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } -.hover\:from-red-100:hover { +.focus\:from-red-100:focus { --gradient-from-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } -.hover\:from-red-200:hover { +.focus\:from-red-200:focus { --gradient-from-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } -.hover\:from-red-300:hover { +.focus\:from-red-300:focus { --gradient-from-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } -.hover\:from-red-400:hover { +.focus\:from-red-400:focus { --gradient-from-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } -.hover\:from-red-500:hover { +.focus\:from-red-500:focus { --gradient-from-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } -.hover\:from-red-600:hover { +.focus\:from-red-600:focus { --gradient-from-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } -.hover\:from-red-700:hover { +.focus\:from-red-700:focus { --gradient-from-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } -.hover\:from-red-800:hover { +.focus\:from-red-800:focus { --gradient-from-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } -.hover\:from-red-900:hover { +.focus\:from-red-900:focus { --gradient-from-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } -.hover\:from-yellow-50:hover { +.focus\:from-yellow-50:focus { --gradient-from-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } -.hover\:from-yellow-100:hover { +.focus\:from-yellow-100:focus { --gradient-from-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } -.hover\:from-yellow-200:hover { +.focus\:from-yellow-200:focus { --gradient-from-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } -.hover\:from-yellow-300:hover { +.focus\:from-yellow-300:focus { --gradient-from-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } -.hover\:from-yellow-400:hover { +.focus\:from-yellow-400:focus { --gradient-from-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } -.hover\:from-yellow-500:hover { +.focus\:from-yellow-500:focus { --gradient-from-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } -.hover\:from-yellow-600:hover { +.focus\:from-yellow-600:focus { --gradient-from-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } -.hover\:from-yellow-700:hover { +.focus\:from-yellow-700:focus { --gradient-from-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } -.hover\:from-yellow-800:hover { +.focus\:from-yellow-800:focus { --gradient-from-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } -.hover\:from-yellow-900:hover { +.focus\:from-yellow-900:focus { --gradient-from-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } -.hover\:from-green-50:hover { +.focus\:from-green-50:focus { --gradient-from-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } -.hover\:from-green-100:hover { +.focus\:from-green-100:focus { --gradient-from-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } -.hover\:from-green-200:hover { +.focus\:from-green-200:focus { --gradient-from-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } -.hover\:from-green-300:hover { +.focus\:from-green-300:focus { --gradient-from-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } -.hover\:from-green-400:hover { +.focus\:from-green-400:focus { --gradient-from-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } -.hover\:from-green-500:hover { +.focus\:from-green-500:focus { --gradient-from-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } -.hover\:from-green-600:hover { +.focus\:from-green-600:focus { --gradient-from-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } -.hover\:from-green-700:hover { +.focus\:from-green-700:focus { --gradient-from-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } -.hover\:from-green-800:hover { +.focus\:from-green-800:focus { --gradient-from-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } -.hover\:from-green-900:hover { +.focus\:from-green-900:focus { --gradient-from-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } -.hover\:from-blue-50:hover { +.focus\:from-blue-50:focus { --gradient-from-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } -.hover\:from-blue-100:hover { +.focus\:from-blue-100:focus { --gradient-from-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } -.hover\:from-blue-200:hover { +.focus\:from-blue-200:focus { --gradient-from-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } -.hover\:from-blue-300:hover { +.focus\:from-blue-300:focus { --gradient-from-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } -.hover\:from-blue-400:hover { +.focus\:from-blue-400:focus { --gradient-from-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } -.hover\:from-blue-500:hover { +.focus\:from-blue-500:focus { --gradient-from-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } -.hover\:from-blue-600:hover { +.focus\:from-blue-600:focus { --gradient-from-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } -.hover\:from-blue-700:hover { +.focus\:from-blue-700:focus { --gradient-from-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } -.hover\:from-blue-800:hover { +.focus\:from-blue-800:focus { --gradient-from-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } -.hover\:from-blue-900:hover { +.focus\:from-blue-900:focus { --gradient-from-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } -.hover\:from-purple-50:hover { +.focus\:from-purple-50:focus { --gradient-from-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } -.hover\:from-purple-100:hover { +.focus\:from-purple-100:focus { --gradient-from-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } -.hover\:from-purple-200:hover { +.focus\:from-purple-200:focus { --gradient-from-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } -.hover\:from-purple-300:hover { +.focus\:from-purple-300:focus { --gradient-from-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } -.hover\:from-purple-400:hover { +.focus\:from-purple-400:focus { --gradient-from-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } -.hover\:from-purple-500:hover { +.focus\:from-purple-500:focus { --gradient-from-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } -.hover\:from-purple-600:hover { +.focus\:from-purple-600:focus { --gradient-from-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } -.hover\:from-purple-700:hover { +.focus\:from-purple-700:focus { --gradient-from-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } -.hover\:from-purple-800:hover { +.focus\:from-purple-800:focus { --gradient-from-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } -.hover\:from-purple-900:hover { +.focus\:from-purple-900:focus { --gradient-from-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } -.hover\:from-pink-50:hover { +.focus\:from-pink-50:focus { --gradient-from-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } -.hover\:from-pink-100:hover { +.focus\:from-pink-100:focus { --gradient-from-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } -.hover\:from-pink-200:hover { +.focus\:from-pink-200:focus { --gradient-from-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } -.hover\:from-pink-300:hover { +.focus\:from-pink-300:focus { --gradient-from-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } -.hover\:from-pink-400:hover { +.focus\:from-pink-400:focus { --gradient-from-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } -.hover\:from-pink-500:hover { +.focus\:from-pink-500:focus { --gradient-from-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } -.hover\:from-pink-600:hover { +.focus\:from-pink-600:focus { --gradient-from-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } -.hover\:from-pink-700:hover { +.focus\:from-pink-700:focus { --gradient-from-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } -.hover\:from-pink-800:hover { +.focus\:from-pink-800:focus { --gradient-from-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } -.hover\:from-pink-900:hover { +.focus\:from-pink-900:focus { --gradient-from-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } -.hover\:via-transparent:hover { +.focus\:via-transparent:focus { --gradient-via-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.hover\:via-current:hover { +.focus\:via-current:focus { --gradient-via-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.hover\:via-black:hover { +.focus\:via-black:focus { --gradient-via-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } -.hover\:via-white:hover { +.focus\:via-white:focus { --gradient-via-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } -.hover\:via-gray-50:hover { +.focus\:via-gray-50:focus { --gradient-via-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } -.hover\:via-gray-100:hover { +.focus\:via-gray-100:focus { --gradient-via-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } -.hover\:via-gray-200:hover { +.focus\:via-gray-200:focus { --gradient-via-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } -.hover\:via-gray-300:hover { +.focus\:via-gray-300:focus { --gradient-via-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } -.hover\:via-gray-400:hover { +.focus\:via-gray-400:focus { --gradient-via-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } -.hover\:via-gray-500:hover { +.focus\:via-gray-500:focus { --gradient-via-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } -.hover\:via-gray-600:hover { +.focus\:via-gray-600:focus { --gradient-via-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } -.hover\:via-gray-700:hover { +.focus\:via-gray-700:focus { --gradient-via-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } -.hover\:via-gray-800:hover { +.focus\:via-gray-800:focus { --gradient-via-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } -.hover\:via-gray-900:hover { +.focus\:via-gray-900:focus { --gradient-via-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } -.hover\:via-red-50:hover { +.focus\:via-red-50:focus { --gradient-via-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } -.hover\:via-red-100:hover { +.focus\:via-red-100:focus { --gradient-via-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } -.hover\:via-red-200:hover { +.focus\:via-red-200:focus { --gradient-via-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } -.hover\:via-red-300:hover { +.focus\:via-red-300:focus { --gradient-via-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } -.hover\:via-red-400:hover { +.focus\:via-red-400:focus { --gradient-via-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } -.hover\:via-red-500:hover { +.focus\:via-red-500:focus { --gradient-via-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } -.hover\:via-red-600:hover { +.focus\:via-red-600:focus { --gradient-via-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } -.hover\:via-red-700:hover { +.focus\:via-red-700:focus { --gradient-via-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } -.hover\:via-red-800:hover { +.focus\:via-red-800:focus { --gradient-via-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } -.hover\:via-red-900:hover { +.focus\:via-red-900:focus { --gradient-via-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } -.hover\:via-yellow-50:hover { +.focus\:via-yellow-50:focus { --gradient-via-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } -.hover\:via-yellow-100:hover { +.focus\:via-yellow-100:focus { --gradient-via-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } -.hover\:via-yellow-200:hover { +.focus\:via-yellow-200:focus { --gradient-via-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } -.hover\:via-yellow-300:hover { +.focus\:via-yellow-300:focus { --gradient-via-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } -.hover\:via-yellow-400:hover { +.focus\:via-yellow-400:focus { --gradient-via-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } -.hover\:via-yellow-500:hover { +.focus\:via-yellow-500:focus { --gradient-via-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } -.hover\:via-yellow-600:hover { +.focus\:via-yellow-600:focus { --gradient-via-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } -.hover\:via-yellow-700:hover { +.focus\:via-yellow-700:focus { --gradient-via-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } -.hover\:via-yellow-800:hover { +.focus\:via-yellow-800:focus { --gradient-via-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } -.hover\:via-yellow-900:hover { +.focus\:via-yellow-900:focus { --gradient-via-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } -.hover\:via-green-50:hover { +.focus\:via-green-50:focus { --gradient-via-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } -.hover\:via-green-100:hover { +.focus\:via-green-100:focus { --gradient-via-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } -.hover\:via-green-200:hover { +.focus\:via-green-200:focus { --gradient-via-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } -.hover\:via-green-300:hover { +.focus\:via-green-300:focus { --gradient-via-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } -.hover\:via-green-400:hover { +.focus\:via-green-400:focus { --gradient-via-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } -.hover\:via-green-500:hover { +.focus\:via-green-500:focus { --gradient-via-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } -.hover\:via-green-600:hover { +.focus\:via-green-600:focus { --gradient-via-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } -.hover\:via-green-700:hover { +.focus\:via-green-700:focus { --gradient-via-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } -.hover\:via-green-800:hover { +.focus\:via-green-800:focus { --gradient-via-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } -.hover\:via-green-900:hover { +.focus\:via-green-900:focus { --gradient-via-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } -.hover\:via-blue-50:hover { +.focus\:via-blue-50:focus { --gradient-via-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } -.hover\:via-blue-100:hover { +.focus\:via-blue-100:focus { --gradient-via-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } -.hover\:via-blue-200:hover { +.focus\:via-blue-200:focus { --gradient-via-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } -.hover\:via-blue-300:hover { +.focus\:via-blue-300:focus { --gradient-via-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } -.hover\:via-blue-400:hover { +.focus\:via-blue-400:focus { --gradient-via-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } -.hover\:via-blue-500:hover { +.focus\:via-blue-500:focus { --gradient-via-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } -.hover\:via-blue-600:hover { +.focus\:via-blue-600:focus { --gradient-via-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } -.hover\:via-blue-700:hover { +.focus\:via-blue-700:focus { --gradient-via-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } -.hover\:via-blue-800:hover { +.focus\:via-blue-800:focus { --gradient-via-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } -.hover\:via-blue-900:hover { +.focus\:via-blue-900:focus { --gradient-via-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } -.hover\:via-purple-50:hover { +.focus\:via-purple-50:focus { --gradient-via-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } -.hover\:via-purple-100:hover { +.focus\:via-purple-100:focus { --gradient-via-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } -.hover\:via-purple-200:hover { +.focus\:via-purple-200:focus { --gradient-via-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } -.hover\:via-purple-300:hover { +.focus\:via-purple-300:focus { --gradient-via-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } -.hover\:via-purple-400:hover { +.focus\:via-purple-400:focus { --gradient-via-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } -.hover\:via-purple-500:hover { +.focus\:via-purple-500:focus { --gradient-via-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } -.hover\:via-purple-600:hover { +.focus\:via-purple-600:focus { --gradient-via-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } -.hover\:via-purple-700:hover { +.focus\:via-purple-700:focus { --gradient-via-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } -.hover\:via-purple-800:hover { +.focus\:via-purple-800:focus { --gradient-via-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } -.hover\:via-purple-900:hover { +.focus\:via-purple-900:focus { --gradient-via-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } -.hover\:via-pink-50:hover { +.focus\:via-pink-50:focus { --gradient-via-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } -.hover\:via-pink-100:hover { +.focus\:via-pink-100:focus { --gradient-via-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } -.hover\:via-pink-200:hover { +.focus\:via-pink-200:focus { --gradient-via-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } -.hover\:via-pink-300:hover { +.focus\:via-pink-300:focus { --gradient-via-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } -.hover\:via-pink-400:hover { +.focus\:via-pink-400:focus { --gradient-via-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } -.hover\:via-pink-500:hover { +.focus\:via-pink-500:focus { --gradient-via-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } -.hover\:via-pink-600:hover { +.focus\:via-pink-600:focus { --gradient-via-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } -.hover\:via-pink-700:hover { +.focus\:via-pink-700:focus { --gradient-via-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } -.hover\:via-pink-800:hover { +.focus\:via-pink-800:focus { --gradient-via-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } -.hover\:via-pink-900:hover { +.focus\:via-pink-900:focus { --gradient-via-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } -.hover\:to-transparent:hover { +.focus\:to-transparent:focus { --gradient-to-color: transparent !important; } -.hover\:to-current:hover { +.focus\:to-current:focus { --gradient-to-color: currentColor !important; } -.hover\:to-black:hover { +.focus\:to-black:focus { --gradient-to-color: #000 !important; } -.hover\:to-white:hover { +.focus\:to-white:focus { --gradient-to-color: #fff !important; } -.hover\:to-gray-50:hover { +.focus\:to-gray-50:focus { --gradient-to-color: #fafafa !important; } -.hover\:to-gray-100:hover { +.focus\:to-gray-100:focus { --gradient-to-color: #f4f4f5 !important; } -.hover\:to-gray-200:hover { +.focus\:to-gray-200:focus { --gradient-to-color: #e4e4e7 !important; } -.hover\:to-gray-300:hover { +.focus\:to-gray-300:focus { --gradient-to-color: #d4d4d8 !important; } -.hover\:to-gray-400:hover { +.focus\:to-gray-400:focus { --gradient-to-color: #a1a1aa !important; } -.hover\:to-gray-500:hover { +.focus\:to-gray-500:focus { --gradient-to-color: #71717a !important; } -.hover\:to-gray-600:hover { +.focus\:to-gray-600:focus { --gradient-to-color: #52525b !important; } -.hover\:to-gray-700:hover { +.focus\:to-gray-700:focus { --gradient-to-color: #3f3f46 !important; } -.hover\:to-gray-800:hover { +.focus\:to-gray-800:focus { --gradient-to-color: #27272a !important; } -.hover\:to-gray-900:hover { +.focus\:to-gray-900:focus { --gradient-to-color: #18181b !important; } -.hover\:to-red-50:hover { +.focus\:to-red-50:focus { --gradient-to-color: #fef2f2 !important; } -.hover\:to-red-100:hover { +.focus\:to-red-100:focus { --gradient-to-color: #fee2e2 !important; } -.hover\:to-red-200:hover { +.focus\:to-red-200:focus { --gradient-to-color: #fecaca !important; } -.hover\:to-red-300:hover { +.focus\:to-red-300:focus { --gradient-to-color: #fca5a5 !important; } -.hover\:to-red-400:hover { +.focus\:to-red-400:focus { --gradient-to-color: #f87171 !important; } -.hover\:to-red-500:hover { +.focus\:to-red-500:focus { --gradient-to-color: #ef4444 !important; } -.hover\:to-red-600:hover { +.focus\:to-red-600:focus { --gradient-to-color: #dc2626 !important; } -.hover\:to-red-700:hover { +.focus\:to-red-700:focus { --gradient-to-color: #b91c1c !important; } -.hover\:to-red-800:hover { +.focus\:to-red-800:focus { --gradient-to-color: #991b1b !important; } -.hover\:to-red-900:hover { +.focus\:to-red-900:focus { --gradient-to-color: #7f1d1d !important; } -.hover\:to-yellow-50:hover { +.focus\:to-yellow-50:focus { --gradient-to-color: #fffbeb !important; } -.hover\:to-yellow-100:hover { +.focus\:to-yellow-100:focus { --gradient-to-color: #fef3c7 !important; } -.hover\:to-yellow-200:hover { +.focus\:to-yellow-200:focus { --gradient-to-color: #fde68a !important; } -.hover\:to-yellow-300:hover { +.focus\:to-yellow-300:focus { --gradient-to-color: #fcd34d !important; } -.hover\:to-yellow-400:hover { +.focus\:to-yellow-400:focus { --gradient-to-color: #fbbf24 !important; } -.hover\:to-yellow-500:hover { +.focus\:to-yellow-500:focus { --gradient-to-color: #f59e0b !important; } -.hover\:to-yellow-600:hover { +.focus\:to-yellow-600:focus { --gradient-to-color: #d97706 !important; } -.hover\:to-yellow-700:hover { +.focus\:to-yellow-700:focus { --gradient-to-color: #b45309 !important; } -.hover\:to-yellow-800:hover { +.focus\:to-yellow-800:focus { --gradient-to-color: #92400e !important; } -.hover\:to-yellow-900:hover { +.focus\:to-yellow-900:focus { --gradient-to-color: #78350f !important; } -.hover\:to-green-50:hover { +.focus\:to-green-50:focus { --gradient-to-color: #ecfdf5 !important; } -.hover\:to-green-100:hover { +.focus\:to-green-100:focus { --gradient-to-color: #d1fae5 !important; } -.hover\:to-green-200:hover { +.focus\:to-green-200:focus { --gradient-to-color: #a7f3d0 !important; } -.hover\:to-green-300:hover { +.focus\:to-green-300:focus { --gradient-to-color: #6ee7b7 !important; } -.hover\:to-green-400:hover { +.focus\:to-green-400:focus { --gradient-to-color: #34d399 !important; } -.hover\:to-green-500:hover { +.focus\:to-green-500:focus { --gradient-to-color: #10b981 !important; } -.hover\:to-green-600:hover { +.focus\:to-green-600:focus { --gradient-to-color: #059669 !important; } -.hover\:to-green-700:hover { +.focus\:to-green-700:focus { --gradient-to-color: #047857 !important; } -.hover\:to-green-800:hover { +.focus\:to-green-800:focus { --gradient-to-color: #065f46 !important; } -.hover\:to-green-900:hover { +.focus\:to-green-900:focus { --gradient-to-color: #064e3b !important; } -.hover\:to-blue-50:hover { +.focus\:to-blue-50:focus { --gradient-to-color: #eff6ff !important; } -.hover\:to-blue-100:hover { +.focus\:to-blue-100:focus { --gradient-to-color: #dbeafe !important; } -.hover\:to-blue-200:hover { +.focus\:to-blue-200:focus { --gradient-to-color: #bfdbfe !important; } -.hover\:to-blue-300:hover { +.focus\:to-blue-300:focus { --gradient-to-color: #93c5fd !important; } -.hover\:to-blue-400:hover { +.focus\:to-blue-400:focus { --gradient-to-color: #60a5fa !important; } -.hover\:to-blue-500:hover { +.focus\:to-blue-500:focus { --gradient-to-color: #3b82f6 !important; } -.hover\:to-blue-600:hover { +.focus\:to-blue-600:focus { --gradient-to-color: #2563eb !important; } -.hover\:to-blue-700:hover { +.focus\:to-blue-700:focus { --gradient-to-color: #1d4ed8 !important; } -.hover\:to-blue-800:hover { +.focus\:to-blue-800:focus { --gradient-to-color: #1e40af !important; } -.hover\:to-blue-900:hover { +.focus\:to-blue-900:focus { --gradient-to-color: #1e3a8a !important; } -.hover\:to-purple-50:hover { +.focus\:to-purple-50:focus { --gradient-to-color: #f5f3ff !important; } -.hover\:to-purple-100:hover { +.focus\:to-purple-100:focus { --gradient-to-color: #ede9fe !important; } -.hover\:to-purple-200:hover { +.focus\:to-purple-200:focus { --gradient-to-color: #ddd6fe !important; } -.hover\:to-purple-300:hover { +.focus\:to-purple-300:focus { --gradient-to-color: #c4b5fd !important; } -.hover\:to-purple-400:hover { +.focus\:to-purple-400:focus { --gradient-to-color: #a78bfa !important; } -.hover\:to-purple-500:hover { +.focus\:to-purple-500:focus { --gradient-to-color: #8b5cf6 !important; } -.hover\:to-purple-600:hover { +.focus\:to-purple-600:focus { --gradient-to-color: #7c3aed !important; } -.hover\:to-purple-700:hover { +.focus\:to-purple-700:focus { --gradient-to-color: #6d28d9 !important; } -.hover\:to-purple-800:hover { +.focus\:to-purple-800:focus { --gradient-to-color: #5b21b6 !important; } -.hover\:to-purple-900:hover { +.focus\:to-purple-900:focus { --gradient-to-color: #4c1d95 !important; } -.hover\:to-pink-50:hover { +.focus\:to-pink-50:focus { --gradient-to-color: #fdf2f8 !important; } -.hover\:to-pink-100:hover { +.focus\:to-pink-100:focus { --gradient-to-color: #fce7f3 !important; } -.hover\:to-pink-200:hover { +.focus\:to-pink-200:focus { --gradient-to-color: #fbcfe8 !important; } -.hover\:to-pink-300:hover { +.focus\:to-pink-300:focus { --gradient-to-color: #f9a8d4 !important; } -.hover\:to-pink-400:hover { +.focus\:to-pink-400:focus { --gradient-to-color: #f472b6 !important; } -.hover\:to-pink-500:hover { +.focus\:to-pink-500:focus { --gradient-to-color: #ec4899 !important; } -.hover\:to-pink-600:hover { +.focus\:to-pink-600:focus { --gradient-to-color: #db2777 !important; } -.hover\:to-pink-700:hover { +.focus\:to-pink-700:focus { --gradient-to-color: #be185d !important; } -.hover\:to-pink-800:hover { +.focus\:to-pink-800:focus { --gradient-to-color: #9d174d !important; } -.hover\:to-pink-900:hover { +.focus\:to-pink-900:focus { --gradient-to-color: #831843 !important; } -.focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +.bg-opacity-0 { + --bg-opacity: 0 !important; } -.focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +.bg-opacity-25 { + --bg-opacity: 0.25 !important; } -.focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +.bg-opacity-50 { + --bg-opacity: 0.5 !important; } -.focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +.bg-opacity-75 { + --bg-opacity: 0.75 !important; } -.focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; +.bg-opacity-100 { + --bg-opacity: 1 !important; } -.focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; +.group:hover .group-hover\:bg-opacity-0 { + --bg-opacity: 0 !important; } -.focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; +.group:hover .group-hover\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } -.focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; +.group:hover .group-hover\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } -.focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; +.group:hover .group-hover\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } -.focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; +.group:hover .group-hover\:bg-opacity-100 { + --bg-opacity: 1 !important; } -.focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; +.hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; } -.focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; +.hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; } -.focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; +.hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; } -.focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; +.hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; } -.focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; +.hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; } -.focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; +.focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; } -.focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; +.focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; } -.focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; +.focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; } -.focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; +.focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; } -.focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; +.focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } -.focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; +.bg-bottom { + background-position: bottom !important; } -.focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; +.bg-center { + background-position: center !important; } -.focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; +.bg-left { + background-position: left !important; } -.focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; +.bg-left-bottom { + background-position: left bottom !important; } -.focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; +.bg-left-top { + background-position: left top !important; } -.focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; +.bg-right { + background-position: right !important; } -.focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; +.bg-right-bottom { + background-position: right bottom !important; } -.focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; +.bg-right-top { + background-position: right top !important; } -.focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; +.bg-top { + background-position: top !important; } -.focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; +.bg-repeat { + background-repeat: repeat !important; } -.focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; +.bg-no-repeat { + background-repeat: no-repeat !important; } -.focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; +.bg-repeat-x { + background-repeat: repeat-x !important; } -.focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; +.bg-repeat-y { + background-repeat: repeat-y !important; } -.focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; +.bg-repeat-round { + background-repeat: round !important; } -.focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; +.bg-repeat-space { + background-repeat: space !important; } -.focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; +.bg-auto { + background-size: auto !important; } -.focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; +.bg-cover { + background-size: cover !important; } -.focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; +.bg-contain { + background-size: contain !important; } -.focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; +.border-collapse { + border-collapse: collapse !important; } -.focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; +.border-separate { + border-collapse: separate !important; } -.focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; +.border-transparent { + border-color: transparent !important; } -.focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; +.border-current { + border-color: currentColor !important; } -.focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; +.border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } -.focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; +.border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } -.focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; +.border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } -.focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; +.border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } -.focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; +.border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } -.focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; +.border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } -.focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; +.border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } -.focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; +.border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } -.focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; +.border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } -.focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; +.border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } -.focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; +.border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } -.focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; +.border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } -.focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; +.border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } -.focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; +.border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } -.focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; +.border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } -.focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; +.border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } -.focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; +.border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } -.focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; +.border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } -.focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; +.border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } -.focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; +.border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } -.focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; +.border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } -.focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; +.border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } -.focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; +.border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } -.focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; +.border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } -.focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; +.border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } -.focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; +.border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } -.focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; +.border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } -.focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; +.border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } -.focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; +.border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } -.focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; +.border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } -.focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; +.border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } -.focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; +.border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } -.focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +.border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } -.focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +.border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } -.focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; +.border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } -.focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; +.border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } -.focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; +.border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } -.focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; +.border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } -.focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; +.border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } -.focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; +.border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } -.focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; +.border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } -.focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; +.border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } -.focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; +.border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } -.focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; +.border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } -.focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; +.border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } -.focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; +.border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } -.focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; +.border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } -.focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; +.border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } -.focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; +.border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } -.focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; +.border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } -.focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; +.border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } -.focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; +.border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } -.focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; +.border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } -.focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; +.border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } -.focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; +.border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } -.focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; +.border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } -.focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; +.border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } -.focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; +.border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } -.focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; +.border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } -.focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; +.border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } -.focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; +.border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } -.focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; +.border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } -.focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; +.border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } -.focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; +.border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } -.focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; +.border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } -.focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; +.border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } -.focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; +.border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } -.focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; +.border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } -.focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; +.border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } -.focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; +.border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } -.focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; +.border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } -.focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; +.border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } -.focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; +.group:hover .group-hover\:border-transparent { + border-color: transparent !important; } -.focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; +.group:hover .group-hover\:border-current { + border-color: currentColor !important; } -.focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; +.group:hover .group-hover\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } -.focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; +.group:hover .group-hover\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } -.focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; +.group:hover .group-hover\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } -.focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; +.group:hover .group-hover\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } -.focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; +.group:hover .group-hover\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } -.focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; +.group:hover .group-hover\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } -.focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; +.group:hover .group-hover\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } -.focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; +.group:hover .group-hover\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } -.focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; +.group:hover .group-hover\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } -.focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; +.group:hover .group-hover\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } -.focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; +.group:hover .group-hover\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } -.focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; +.group:hover .group-hover\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } -.focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; +.group:hover .group-hover\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } -.focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; +.group:hover .group-hover\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } -.focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; +.group:hover .group-hover\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } -.focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; +.group:hover .group-hover\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } -.focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; +.group:hover .group-hover\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } -.focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; +.group:hover .group-hover\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } -.focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; +.group:hover .group-hover\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } -.focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; +.group:hover .group-hover\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } -.focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; +.group:hover .group-hover\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } -.focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; +.group:hover .group-hover\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } -.focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; +.group:hover .group-hover\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } -.focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; +.group:hover .group-hover\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } -.focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; +.group:hover .group-hover\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } -.focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; +.group:hover .group-hover\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } -.focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; +.group:hover .group-hover\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } -.focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; +.group:hover .group-hover\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } -.focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; +.group:hover .group-hover\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } -.focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; +.group:hover .group-hover\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } -.focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; +.group:hover .group-hover\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } -.focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; +.group:hover .group-hover\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } -.focus\:to-transparent:focus { - --gradient-to-color: transparent !important; +.group:hover .group-hover\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } -.focus\:to-current:focus { - --gradient-to-color: currentColor !important; +.group:hover .group-hover\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } -.focus\:to-black:focus { - --gradient-to-color: #000 !important; +.group:hover .group-hover\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } -.focus\:to-white:focus { - --gradient-to-color: #fff !important; +.group:hover .group-hover\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } -.focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; +.group:hover .group-hover\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } -.focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; +.group:hover .group-hover\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } -.focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; +.group:hover .group-hover\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } -.focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; +.group:hover .group-hover\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } -.focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; +.group:hover .group-hover\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } -.focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; +.group:hover .group-hover\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } -.focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; +.group:hover .group-hover\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } -.focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; +.group:hover .group-hover\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } -.focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; +.group:hover .group-hover\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } -.focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; +.group:hover .group-hover\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } -.focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; +.group:hover .group-hover\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } -.focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; +.group:hover .group-hover\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } -.focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; +.group:hover .group-hover\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } -.focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; +.group:hover .group-hover\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } -.focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; +.group:hover .group-hover\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } -.focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; +.group:hover .group-hover\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } -.focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; +.group:hover .group-hover\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } -.focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; +.group:hover .group-hover\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } -.focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; +.group:hover .group-hover\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } -.focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; +.group:hover .group-hover\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } -.focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; +.group:hover .group-hover\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } -.focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; +.group:hover .group-hover\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } -.focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; +.group:hover .group-hover\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } -.focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; +.group:hover .group-hover\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } -.focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; +.group:hover .group-hover\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } -.focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; +.group:hover .group-hover\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } -.focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; +.group:hover .group-hover\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } -.focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; +.group:hover .group-hover\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } -.focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; +.group:hover .group-hover\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } -.focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; +.group:hover .group-hover\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } -.focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; +.group:hover .group-hover\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } -.focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; +.group:hover .group-hover\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } -.focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; +.group:hover .group-hover\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } -.focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; +.group:hover .group-hover\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } -.focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; +.group:hover .group-hover\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } -.focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; +.group:hover .group-hover\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } -.focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; +.hover\:border-transparent:hover { + border-color: transparent !important; } -.focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; +.hover\:border-current:hover { + border-color: currentColor !important; } -.focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; +.hover\:border-black:hover { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } -.focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; +.hover\:border-white:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } -.focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; +.hover\:border-gray-50:hover { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } -.focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; +.hover\:border-gray-100:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } -.focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; +.hover\:border-gray-200:hover { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } -.focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; +.hover\:border-gray-300:hover { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } -.focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; +.hover\:border-gray-400:hover { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } -.focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; +.hover\:border-gray-500:hover { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } -.focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; +.hover\:border-gray-600:hover { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } -.focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; +.hover\:border-gray-700:hover { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } -.focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; +.hover\:border-gray-800:hover { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } -.focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; +.hover\:border-gray-900:hover { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } -.focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; +.hover\:border-red-50:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } -.focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; +.hover\:border-red-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } -.focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; +.hover\:border-red-200:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } -.focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; +.hover\:border-red-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } -.focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; +.hover\:border-red-400:hover { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } -.focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; +.hover\:border-red-500:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } -.focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; +.hover\:border-red-600:hover { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } -.focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; +.hover\:border-red-700:hover { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } -.focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; +.hover\:border-red-800:hover { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } -.focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; +.hover\:border-red-900:hover { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } -.focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; +.hover\:border-yellow-50:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } -.focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; +.hover\:border-yellow-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } -.focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; +.hover\:border-yellow-200:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } -.focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; +.hover\:border-yellow-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } -.focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; +.hover\:border-yellow-400:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } -.focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; +.hover\:border-yellow-500:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } -.focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; +.hover\:border-yellow-600:hover { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } -.focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; +.hover\:border-yellow-700:hover { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } -.focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; +.hover\:border-yellow-800:hover { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } -.focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; +.hover\:border-yellow-900:hover { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } -@media (prefers-color-scheme: dark) { - .dark\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .dark\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.hover\:border-green-50:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; +} - .dark\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.hover\:border-green-100:hover { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; +} - .dark\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.hover\:border-green-200:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; +} - .dark\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } +.hover\:border-green-300:hover { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; +} - .dark\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } +.hover\:border-green-400:hover { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; +} - .dark\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } +.hover\:border-green-500:hover { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; +} - .dark\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } +.hover\:border-green-600:hover { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; +} - .dark\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } +.hover\:border-green-700:hover { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; +} - .dark\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } +.hover\:border-green-800:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; +} - .dark\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } +.hover\:border-green-900:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; +} - .dark\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } +.hover\:border-blue-50:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; +} - .dark\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } +.hover\:border-blue-100:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; +} - .dark\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } +.hover\:border-blue-200:hover { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; +} - .dark\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } +.hover\:border-blue-300:hover { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; +} - .dark\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } +.hover\:border-blue-400:hover { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; +} - .dark\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } +.hover\:border-blue-500:hover { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; +} - .dark\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } +.hover\:border-blue-600:hover { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; +} - .dark\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } +.hover\:border-blue-700:hover { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; +} - .dark\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } +.hover\:border-blue-800:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; +} - .dark\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } +.hover\:border-blue-900:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; +} - .dark\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } +.hover\:border-purple-50:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; +} - .dark\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } +.hover\:border-purple-100:hover { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; +} - .dark\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } +.hover\:border-purple-200:hover { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; +} - .dark\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } +.hover\:border-purple-300:hover { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; +} - .dark\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } +.hover\:border-purple-400:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; +} - .dark\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } +.hover\:border-purple-500:hover { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; +} - .dark\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } +.hover\:border-purple-600:hover { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; +} - .dark\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .dark\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } +.hover\:border-purple-700:hover { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; +} - .dark\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } +.hover\:border-purple-800:hover { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; +} - .dark\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } +.hover\:border-purple-900:hover { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; +} - .dark\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } +.hover\:border-pink-50:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; +} - .dark\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } +.hover\:border-pink-100:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; +} - .dark\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } +.hover\:border-pink-200:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; +} - .dark\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } +.hover\:border-pink-300:hover { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; +} - .dark\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } +.hover\:border-pink-400:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; +} - .dark\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } +.hover\:border-pink-500:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; +} - .dark\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } +.hover\:border-pink-600:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; +} - .dark\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } +.hover\:border-pink-700:hover { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; +} - .dark\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } +.hover\:border-pink-800:hover { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; +} - .dark\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } +.hover\:border-pink-900:hover { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +} - .dark\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } +.focus\:border-transparent:focus { + border-color: transparent !important; +} - .dark\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } +.focus\:border-current:focus { + border-color: currentColor !important; +} - .dark\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } +.focus\:border-black:focus { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; +} - .dark\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } +.focus\:border-white:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; +} - .dark\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } +.focus\:border-gray-50:focus { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; +} - .dark\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } +.focus\:border-gray-100:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; +} - .dark\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } +.focus\:border-gray-200:focus { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; +} - .dark\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } +.focus\:border-gray-300:focus { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; +} - .dark\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } +.focus\:border-gray-400:focus { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; +} - .dark\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } +.focus\:border-gray-500:focus { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; +} - .dark\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } +.focus\:border-gray-600:focus { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; +} - .dark\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } +.focus\:border-gray-700:focus { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; +} - .dark\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } +.focus\:border-gray-800:focus { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; +} - .dark\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } +.focus\:border-gray-900:focus { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; +} - .dark\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } +.focus\:border-red-50:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; +} - .dark\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } +.focus\:border-red-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; +} - .dark\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } +.focus\:border-red-200:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; +} - .dark\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } +.focus\:border-red-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; +} - .dark\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } +.focus\:border-red-400:focus { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; +} - .dark\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } +.focus\:border-red-500:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; +} - .dark\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } +.focus\:border-red-600:focus { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; +} - .dark\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } +.focus\:border-red-700:focus { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; +} - .dark\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } +.focus\:border-red-800:focus { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; +} - .dark\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } +.focus\:border-red-900:focus { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; +} - .dark\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } +.focus\:border-yellow-50:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; +} - .dark\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } +.focus\:border-yellow-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; +} - .dark\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } +.focus\:border-yellow-200:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; +} - .dark\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } +.focus\:border-yellow-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; +} - .dark\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } +.focus\:border-yellow-400:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; +} - .dark\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } +.focus\:border-yellow-500:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; +} - .dark\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } +.focus\:border-yellow-600:focus { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; +} - .dark\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } +.focus\:border-yellow-700:focus { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; +} - .dark\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.focus\:border-yellow-800:focus { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; +} - .dark\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.focus\:border-yellow-900:focus { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; +} - .dark\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.focus\:border-green-50:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; +} - .dark\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.focus\:border-green-100:focus { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; +} - .dark\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } +.focus\:border-green-200:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; +} - .dark\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } +.focus\:border-green-300:focus { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; +} - .dark\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } +.focus\:border-green-400:focus { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; +} - .dark\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } +.focus\:border-green-500:focus { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; +} - .dark\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } +.focus\:border-green-600:focus { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; +} - .dark\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } +.focus\:border-green-700:focus { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; +} - .dark\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } +.focus\:border-green-800:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; +} - .dark\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } +.focus\:border-green-900:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; +} - .dark\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } +.focus\:border-blue-50:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; +} - .dark\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } +.focus\:border-blue-100:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; +} - .dark\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } +.focus\:border-blue-200:focus { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; +} - .dark\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } +.focus\:border-blue-300:focus { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; +} - .dark\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } +.focus\:border-blue-400:focus { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; +} - .dark\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } +.focus\:border-blue-500:focus { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; +} - .dark\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } +.focus\:border-blue-600:focus { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; +} - .dark\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } +.focus\:border-blue-700:focus { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; +} - .dark\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } +.focus\:border-blue-800:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; +} - .dark\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } +.focus\:border-blue-900:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; +} - .dark\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } +.focus\:border-purple-50:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; +} - .dark\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } +.focus\:border-purple-100:focus { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; +} - .dark\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } +.focus\:border-purple-200:focus { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; +} - .dark\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } +.focus\:border-purple-300:focus { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; +} - .dark\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } +.focus\:border-purple-400:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; +} - .dark\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } +.focus\:border-purple-500:focus { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; +} - .dark\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } +.focus\:border-purple-600:focus { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; +} - .dark\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } +.focus\:border-purple-700:focus { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; +} - .dark\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } +.focus\:border-purple-800:focus { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; +} - .dark\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } +.focus\:border-purple-900:focus { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; +} - .dark\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } +.focus\:border-pink-50:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; +} - .dark\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } +.focus\:border-pink-100:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; +} - .dark\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } +.focus\:border-pink-200:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; +} - .dark\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } +.focus\:border-pink-300:focus { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; +} - .dark\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } +.focus\:border-pink-400:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; +} - .dark\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } +.focus\:border-pink-500:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; +} - .dark\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } +.focus\:border-pink-600:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; +} - .dark\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } +.focus\:border-pink-700:focus { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; +} - .dark\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } +.focus\:border-pink-800:focus { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; +} - .dark\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } +.focus\:border-pink-900:focus { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +} - .dark\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } +.border-opacity-0 { + --border-opacity: 0 !important; +} - .dark\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } +.border-opacity-25 { + --border-opacity: 0.25 !important; +} - .dark\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } +.border-opacity-50 { + --border-opacity: 0.5 !important; +} - .dark\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } +.border-opacity-75 { + --border-opacity: 0.75 !important; +} - .dark\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } +.border-opacity-100 { + --border-opacity: 1 !important; +} - .dark\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } +.group:hover .group-hover\:border-opacity-0 { + --border-opacity: 0 !important; +} - .dark\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } +.group:hover .group-hover\:border-opacity-25 { + --border-opacity: 0.25 !important; +} - .dark\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } +.group:hover .group-hover\:border-opacity-50 { + --border-opacity: 0.5 !important; +} - .dark\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } +.group:hover .group-hover\:border-opacity-75 { + --border-opacity: 0.75 !important; +} - .dark\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } +.group:hover .group-hover\:border-opacity-100 { + --border-opacity: 1 !important; +} - .dark\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } +.hover\:border-opacity-0:hover { + --border-opacity: 0 !important; +} - .dark\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } +.hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; +} - .dark\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } +.hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; +} - .dark\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } +.hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; +} - .dark\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } +.hover\:border-opacity-100:hover { + --border-opacity: 1 !important; +} - .dark\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } +.focus\:border-opacity-0:focus { + --border-opacity: 0 !important; +} - .dark\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } +.focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; +} - .dark\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } +.focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; +} - .dark\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } +.focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; +} - .dark\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } +.focus\:border-opacity-100:focus { + --border-opacity: 1 !important; +} - .dark\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } +.rounded-none { + border-radius: 0 !important; +} - .dark\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } +.rounded-sm { + border-radius: 0.125rem !important; +} - .dark\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } +.rounded { + border-radius: 0.25rem !important; +} - .dark\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } +.rounded-md { + border-radius: 0.375rem !important; +} - .dark\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } +.rounded-lg { + border-radius: 0.5rem !important; +} - .dark\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } +.rounded-xl { + border-radius: 0.75rem !important; +} - .dark\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } +.rounded-2xl { + border-radius: 1rem !important; +} - .dark\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } +.rounded-3xl { + border-radius: 1.5rem !important; +} - .dark\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } +.rounded-full { + border-radius: 9999px !important; +} - .dark\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } +.rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} - .dark\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } +.rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} - .dark\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } +.rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} - .dark\:to-transparent { - --gradient-to-color: transparent !important; - } +.rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} - .dark\:to-current { - --gradient-to-color: currentColor !important; - } +.rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; +} - .dark\:to-black { - --gradient-to-color: #000 !important; - } +.rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; +} - .dark\:to-white { - --gradient-to-color: #fff !important; - } +.rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; +} - .dark\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } +.rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; +} - .dark\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } +.rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; +} - .dark\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } +.rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; +} - .dark\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } +.rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} - .dark\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } +.rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; +} - .dark\:to-gray-500 { - --gradient-to-color: #71717a !important; - } +.rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; +} - .dark\:to-gray-600 { - --gradient-to-color: #52525b !important; - } +.rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; +} - .dark\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } +.rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; +} - .dark\:to-gray-800 { - --gradient-to-color: #27272a !important; - } +.rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; +} - .dark\:to-gray-900 { - --gradient-to-color: #18181b !important; - } +.rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; +} - .dark\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } +.rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; +} - .dark\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } +.rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; +} - .dark\:to-red-200 { - --gradient-to-color: #fecaca !important; - } +.rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; +} - .dark\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } +.rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; +} - .dark\:to-red-400 { - --gradient-to-color: #f87171 !important; - } +.rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; +} - .dark\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } +.rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} - .dark\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } +.rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; +} - .dark\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } +.rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; +} - .dark\:to-red-800 { - --gradient-to-color: #991b1b !important; - } +.rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; +} - .dark\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } +.rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; +} - .dark\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } +.rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; +} - .dark\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } +.rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; +} - .dark\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } +.rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; +} - .dark\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; +} - .dark\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } +.rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; +} - .dark\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } +.rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; +} - .dark\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } +.rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; +} - .dark\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } +.rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; +} - .dark\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } +.rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; +} - .dark\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } +.rounded-tl-none { + border-top-left-radius: 0 !important; +} - .dark\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } +.rounded-tr-none { + border-top-right-radius: 0 !important; +} - .dark\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } +.rounded-br-none { + border-bottom-right-radius: 0 !important; +} - .dark\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } +.rounded-bl-none { + border-bottom-left-radius: 0 !important; +} - .dark\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } +.rounded-tl-sm { + border-top-left-radius: 0.125rem !important; +} - .dark\:to-green-400 { - --gradient-to-color: #34d399 !important; - } +.rounded-tr-sm { + border-top-right-radius: 0.125rem !important; +} - .dark\:to-green-500 { - --gradient-to-color: #10b981 !important; - } +.rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; +} - .dark\:to-green-600 { - --gradient-to-color: #059669 !important; - } +.rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; +} - .dark\:to-green-700 { - --gradient-to-color: #047857 !important; - } +.rounded-tl { + border-top-left-radius: 0.25rem !important; +} - .dark\:to-green-800 { - --gradient-to-color: #065f46 !important; - } +.rounded-tr { + border-top-right-radius: 0.25rem !important; +} - .dark\:to-green-900 { - --gradient-to-color: #064e3b !important; - } +.rounded-br { + border-bottom-right-radius: 0.25rem !important; +} - .dark\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } +.rounded-bl { + border-bottom-left-radius: 0.25rem !important; +} - .dark\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } +.rounded-tl-md { + border-top-left-radius: 0.375rem !important; +} - .dark\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } +.rounded-tr-md { + border-top-right-radius: 0.375rem !important; +} - .dark\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } +.rounded-br-md { + border-bottom-right-radius: 0.375rem !important; +} - .dark\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } +.rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; +} - .dark\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } +.rounded-tl-lg { + border-top-left-radius: 0.5rem !important; +} - .dark\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } +.rounded-tr-lg { + border-top-right-radius: 0.5rem !important; +} - .dark\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } +.rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; +} - .dark\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } +.rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; +} - .dark\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } +.rounded-tl-xl { + border-top-left-radius: 0.75rem !important; +} - .dark\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } +.rounded-tr-xl { + border-top-right-radius: 0.75rem !important; +} - .dark\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } +.rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; +} - .dark\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; +} - .dark\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } +.rounded-tl-2xl { + border-top-left-radius: 1rem !important; +} - .dark\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } +.rounded-tr-2xl { + border-top-right-radius: 1rem !important; +} - .dark\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } +.rounded-br-2xl { + border-bottom-right-radius: 1rem !important; +} - .dark\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } +.rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; +} - .dark\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } +.rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; +} - .dark\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } +.rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; +} - .dark\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; +} - .dark\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; +} - .dark\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } +.rounded-tl-full { + border-top-left-radius: 9999px !important; +} - .dark\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } +.rounded-tr-full { + border-top-right-radius: 9999px !important; +} - .dark\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } +.rounded-br-full { + border-bottom-right-radius: 9999px !important; +} - .dark\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } +.rounded-bl-full { + border-bottom-left-radius: 9999px !important; +} - .dark\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } +.border-solid { + border-style: solid !important; +} - .dark\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } +.border-dashed { + border-style: dashed !important; +} - .dark\:to-pink-700 { - --gradient-to-color: #be185d !important; - } +.border-dotted { + border-style: dotted !important; +} - .dark\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } +.border-double { + border-style: double !important; +} - .dark\:to-pink-900 { - --gradient-to-color: #831843 !important; - } +.border-none { + border-style: none !important; +} - .dark\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.border-0 { + border-width: 0 !important; +} - .dark\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.border-2 { + border-width: 2px !important; +} - .dark\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.border-4 { + border-width: 4px !important; +} - .dark\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.border-8 { + border-width: 8px !important; +} - .dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } +.border { + border-width: 1px !important; +} - .dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } +.border-t-0 { + border-top-width: 0 !important; +} - .dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } +.border-r-0 { + border-right-width: 0 !important; +} - .dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } +.border-b-0 { + border-bottom-width: 0 !important; +} - .dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } +.border-l-0 { + border-left-width: 0 !important; +} - .dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } +.border-t-2 { + border-top-width: 2px !important; +} - .dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } +.border-r-2 { + border-right-width: 2px !important; +} - .dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } +.border-b-2 { + border-bottom-width: 2px !important; +} - .dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } +.border-l-2 { + border-left-width: 2px !important; +} - .dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } +.border-t-4 { + border-top-width: 4px !important; +} - .dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } +.border-r-4 { + border-right-width: 4px !important; +} - .dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } +.border-b-4 { + border-bottom-width: 4px !important; +} - .dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } +.border-l-4 { + border-left-width: 4px !important; +} - .dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } +.border-t-8 { + border-top-width: 8px !important; +} - .dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } +.border-r-8 { + border-right-width: 8px !important; +} - .dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } +.border-b-8 { + border-bottom-width: 8px !important; +} - .dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } +.border-l-8 { + border-left-width: 8px !important; +} - .dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } +.border-t { + border-top-width: 1px !important; +} - .dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } +.border-r { + border-right-width: 1px !important; +} - .dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } +.border-b { + border-bottom-width: 1px !important; +} - .dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } +.border-l { + border-left-width: 1px !important; +} - .dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } +.box-border { + box-sizing: border-box !important; +} - .dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } +.box-content { + box-sizing: content-box !important; +} - .dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } +.cursor-auto { + cursor: auto !important; +} - .dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } +.cursor-default { + cursor: default !important; +} - .dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } +.cursor-pointer { + cursor: pointer !important; +} - .dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } +.cursor-wait { + cursor: wait !important; +} - .dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } +.cursor-text { + cursor: text !important; +} - .dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } +.cursor-move { + cursor: move !important; +} - .dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } +.cursor-not-allowed { + cursor: not-allowed !important; +} - .dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } +.block { + display: block !important; +} - .dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } +.inline-block { + display: inline-block !important; +} - .dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } +.inline { + display: inline !important; +} - .dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } +.flex { + display: flex !important; +} - .dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } +.inline-flex { + display: inline-flex !important; +} - .dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } +.table { + display: table !important; +} - .dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } +.table-caption { + display: table-caption !important; +} - .dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } +.table-cell { + display: table-cell !important; +} - .dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } +.table-column { + display: table-column !important; +} - .dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } +.table-column-group { + display: table-column-group !important; +} - .dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } +.table-footer-group { + display: table-footer-group !important; +} - .dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } +.table-header-group { + display: table-header-group !important; +} - .dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } +.table-row-group { + display: table-row-group !important; +} - .dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } +.table-row { + display: table-row !important; +} - .dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } +.flow-root { + display: flow-root !important; +} - .dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } +.grid { + display: grid !important; +} - .dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } +.inline-grid { + display: inline-grid !important; +} - .dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } +.contents { + display: contents !important; +} - .dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } +.hidden { + display: none !important; +} - .dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } +.flex-row { + flex-direction: row !important; +} - .dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } +.flex-row-reverse { + flex-direction: row-reverse !important; +} - .dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } +.flex-col { + flex-direction: column !important; +} - .dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } +.flex-col-reverse { + flex-direction: column-reverse !important; +} - .dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } +.flex-wrap { + flex-wrap: wrap !important; +} - .dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} - .dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } +.flex-no-wrap { + flex-wrap: nowrap !important; +} - .dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } +.place-items-auto { + place-items: auto !important; +} - .dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } +.place-items-start { + place-items: start !important; +} - .dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } +.place-items-end { + place-items: end !important; +} - .dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } +.place-items-center { + place-items: center !important; +} - .dark\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } +.place-items-stretch { + place-items: stretch !important; +} - .dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } +.place-content-center { + place-content: center !important; +} - .dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } +.place-content-start { + place-content: start !important; +} - .dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } +.place-content-end { + place-content: end !important; +} - .dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } +.place-content-between { + place-content: space-between !important; +} - .dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } +.place-content-around { + place-content: space-around !important; +} - .dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } +.place-content-evenly { + place-content: space-evenly !important; +} - .dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } +.place-content-stretch { + place-content: stretch !important; +} - .dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } +.place-self-auto { + place-self: auto !important; +} - .dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } +.place-self-start { + place-self: start !important; +} - .dark\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.place-self-end { + place-self: end !important; +} - .dark\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.place-self-center { + place-self: center !important; +} - .dark\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.place-self-stretch { + place-self: stretch !important; +} - .dark\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.items-start { + align-items: flex-start !important; +} - .dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } +.items-end { + align-items: flex-end !important; +} - .dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } +.items-center { + align-items: center !important; +} - .dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } +.items-baseline { + align-items: baseline !important; +} - .dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } +.items-stretch { + align-items: stretch !important; +} - .dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } +.content-center { + align-content: center !important; +} - .dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } +.content-start { + align-content: flex-start !important; +} - .dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } +.content-end { + align-content: flex-end !important; +} - .dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } +.content-between { + align-content: space-between !important; +} - .dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } +.content-around { + align-content: space-around !important; +} - .dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } +.content-evenly { + align-content: space-evenly !important; +} - .dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } +.self-auto { + align-self: auto !important; +} - .dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } +.self-start { + align-self: flex-start !important; +} - .dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } +.self-end { + align-self: flex-end !important; +} - .dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } +.self-center { + align-self: center !important; +} - .dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } +.self-stretch { + align-self: stretch !important; +} - .dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } +.justify-items-auto { + justify-items: auto !important; +} - .dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } +.justify-items-start { + justify-items: start !important; +} - .dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } +.justify-items-end { + justify-items: end !important; +} - .dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } +.justify-items-center { + justify-items: center !important; +} - .dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } +.justify-items-stretch { + justify-items: stretch !important; +} - .dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } +.justify-start { + justify-content: flex-start !important; +} - .dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } +.justify-end { + justify-content: flex-end !important; +} - .dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } +.justify-center { + justify-content: center !important; +} - .dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } +.justify-between { + justify-content: space-between !important; +} - .dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } +.justify-around { + justify-content: space-around !important; +} - .dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } +.justify-evenly { + justify-content: space-evenly !important; +} - .dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } +.justify-self-auto { + justify-self: auto !important; +} - .dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } +.justify-self-start { + justify-self: start !important; +} - .dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } +.justify-self-end { + justify-self: end !important; +} - .dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } +.justify-self-center { + justify-self: center !important; +} - .dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } +.justify-self-stretch { + justify-self: stretch !important; +} - .dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } +.flex-1 { + flex: 1 1 0% !important; +} - .dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } +.flex-auto { + flex: 1 1 auto !important; +} - .dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } +.flex-initial { + flex: 0 1 auto !important; +} - .dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } +.flex-none { + flex: none !important; +} - .dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } +.flex-grow-0 { + flex-grow: 0 !important; +} - .dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } +.flex-grow { + flex-grow: 1 !important; +} - .dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } +.flex-shrink-0 { + flex-shrink: 0 !important; +} - .dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } +.flex-shrink { + flex-shrink: 1 !important; +} - .dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } +.order-1 { + order: 1 !important; +} - .dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } +.order-2 { + order: 2 !important; +} - .dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } +.order-3 { + order: 3 !important; +} - .dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } +.order-4 { + order: 4 !important; +} - .dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } +.order-5 { + order: 5 !important; +} - .dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } +.order-6 { + order: 6 !important; +} - .dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } +.order-7 { + order: 7 !important; +} - .dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } +.order-8 { + order: 8 !important; +} - .dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } +.order-9 { + order: 9 !important; +} - .dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } +.order-10 { + order: 10 !important; +} - .dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } +.order-11 { + order: 11 !important; +} - .dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } +.order-12 { + order: 12 !important; +} - .dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } +.order-first { + order: -9999 !important; +} - .dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } +.order-last { + order: 9999 !important; +} - .dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } +.order-none { + order: 0 !important; +} - .dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } +.float-right { + float: right !important; +} - .dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } +.float-left { + float: left !important; +} - .dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } +.float-none { + float: none !important; +} - .dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } +.clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; +} - .dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } +.clear-left { + clear: left !important; +} - .dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } +.clear-right { + clear: right !important; +} - .dark\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } +.clear-both { + clear: both !important; +} - .dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } +.clear-none { + clear: none !important; +} - .dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } +.font-sans { + font-family: ui-sans-serif, 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" !important; +} - .dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; +} - .dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +} - .dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } +.font-thin { + font-weight: 100 !important; +} - .dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } +.font-extralight { + font-weight: 200 !important; +} - .dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } +.font-light { + font-weight: 300 !important; +} - .dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } +.font-normal { + font-weight: 400 !important; +} - .dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } +.font-medium { + font-weight: 500 !important; +} - .dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } +.font-semibold { + font-weight: 600 !important; +} - .dark\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } +.font-bold { + font-weight: 700 !important; +} - .dark\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } +.font-extrabold { + font-weight: 800 !important; +} - .dark\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } +.font-black { + font-weight: 900 !important; +} - .dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } +.hover\:font-thin:hover { + font-weight: 100 !important; +} - .dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } +.hover\:font-extralight:hover { + font-weight: 200 !important; +} - .dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } +.hover\:font-light:hover { + font-weight: 300 !important; +} - .dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } +.hover\:font-normal:hover { + font-weight: 400 !important; +} - .dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } +.hover\:font-medium:hover { + font-weight: 500 !important; +} - .dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } +.hover\:font-semibold:hover { + font-weight: 600 !important; +} - .dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } +.hover\:font-bold:hover { + font-weight: 700 !important; +} - .dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } +.hover\:font-extrabold:hover { + font-weight: 800 !important; +} - .dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } +.hover\:font-black:hover { + font-weight: 900 !important; +} - .dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } +.focus\:font-thin:focus { + font-weight: 100 !important; +} - .dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } +.focus\:font-extralight:focus { + font-weight: 200 !important; +} - .dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } +.focus\:font-light:focus { + font-weight: 300 !important; +} - .dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } +.focus\:font-normal:focus { + font-weight: 400 !important; +} - .dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } +.focus\:font-medium:focus { + font-weight: 500 !important; +} - .dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } +.focus\:font-semibold:focus { + font-weight: 600 !important; +} - .dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } +.focus\:font-bold:focus { + font-weight: 700 !important; +} - .dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } +.focus\:font-extrabold:focus { + font-weight: 800 !important; +} - .dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } +.focus\:font-black:focus { + font-weight: 900 !important; +} - .dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } +.h-0 { + height: 0 !important; +} - .dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } +.h-1 { + height: 0.25rem !important; +} - .dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } +.h-2 { + height: 0.5rem !important; +} - .dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } +.h-3 { + height: 0.75rem !important; +} - .dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } +.h-4 { + height: 1rem !important; +} - .dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } +.h-5 { + height: 1.25rem !important; +} - .dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } +.h-6 { + height: 1.5rem !important; +} - .dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } +.h-7 { + height: 1.75rem !important; +} - .dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } +.h-8 { + height: 2rem !important; +} - .dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } +.h-9 { + height: 2.25rem !important; +} - .dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } +.h-10 { + height: 2.5rem !important; +} - .dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } +.h-12 { + height: 3rem !important; +} - .dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } +.h-14 { + height: 3.5rem !important; +} - .dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } +.h-16 { + height: 4rem !important; +} - .dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } +.h-20 { + height: 5rem !important; +} - .dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } +.h-24 { + height: 6rem !important; +} - .dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } +.h-28 { + height: 7rem !important; +} - .dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } +.h-32 { + height: 8rem !important; +} - .dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } +.h-36 { + height: 9rem !important; +} - .dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } +.h-40 { + height: 10rem !important; +} - .dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } +.h-44 { + height: 11rem !important; +} - .dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } +.h-48 { + height: 12rem !important; +} - .dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } +.h-52 { + height: 13rem !important; +} - .dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } +.h-56 { + height: 14rem !important; +} - .dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } +.h-60 { + height: 15rem !important; +} - .dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } +.h-64 { + height: 16rem !important; +} - .dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } +.h-72 { + height: 18rem !important; +} - .dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } +.h-80 { + height: 20rem !important; +} - .dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } +.h-96 { + height: 24rem !important; +} - .dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } +.h-auto { + height: auto !important; +} - .dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } +.h-px { + height: 1px !important; +} - .dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } +.h-0\.5 { + height: 0.125rem !important; +} - .dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } +.h-1\.5 { + height: 0.375rem !important; +} - .dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } +.h-2\.5 { + height: 0.625rem !important; +} - .dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } +.h-3\.5 { + height: 0.875rem !important; +} - .dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } +.h-full { + height: 100% !important; +} - .dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } +.h-screen { + height: 100vh !important; +} - .dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } +.text-xs { + font-size: 0.75rem !important; + line-height: 1rem !important; +} - .dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } +.text-sm { + font-size: 0.875rem !important; + line-height: 1.25rem !important; +} - .dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } +.text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; +} - .dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } +.text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; +} - .dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } +.text-xl { + font-size: 1.25rem !important; + line-height: 1.75rem !important; +} - .dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } +.text-2xl { + font-size: 1.5rem !important; + line-height: 2rem !important; +} - .dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } +.text-3xl { + font-size: 1.875rem !important; + line-height: 2.25rem !important; +} - .dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } +.text-4xl { + font-size: 2.25rem !important; + line-height: 2.5rem !important; +} - .dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } +.text-5xl { + font-size: 3rem !important; + line-height: 1 !important; +} - .dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } +.text-6xl { + font-size: 3.75rem !important; + line-height: 1 !important; +} - .dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } +.text-7xl { + font-size: 4.5rem !important; + line-height: 1 !important; +} - .dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } +.text-8xl { + font-size: 6rem !important; + line-height: 1 !important; +} - .dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } +.text-9xl { + font-size: 8rem !important; + line-height: 1 !important; +} - .dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } +.leading-3 { + line-height: .75rem !important; +} - .dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } +.leading-4 { + line-height: 1rem !important; +} - .dark\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.leading-5 { + line-height: 1.25rem !important; +} - .dark\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.leading-6 { + line-height: 1.5rem !important; +} - .dark\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.leading-7 { + line-height: 1.75rem !important; +} - .dark\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.leading-8 { + line-height: 2rem !important; +} - .dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } +.leading-9 { + line-height: 2.25rem !important; +} - .dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } +.leading-10 { + line-height: 2.5rem !important; +} - .dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } +.leading-none { + line-height: 1 !important; +} - .dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } +.leading-tight { + line-height: 1.25 !important; +} - .dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } +.leading-snug { + line-height: 1.375 !important; +} - .dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } +.leading-normal { + line-height: 1.5 !important; +} - .dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } +.leading-relaxed { + line-height: 1.625 !important; +} - .dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } +.leading-loose { + line-height: 2 !important; +} - .dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } +.list-inside { + list-style-position: inside !important; +} - .dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } +.list-outside { + list-style-position: outside !important; +} - .dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } +.list-none { + list-style-type: none !important; +} - .dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } +.list-disc { + list-style-type: disc !important; +} - .dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } +.list-decimal { + list-style-type: decimal !important; +} - .dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } +.m-0 { + margin: 0 !important; +} - .dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } +.m-1 { + margin: 0.25rem !important; +} - .dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } +.m-2 { + margin: 0.5rem !important; +} - .dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } +.m-3 { + margin: 0.75rem !important; +} - .dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } +.m-4 { + margin: 1rem !important; +} - .dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } +.m-5 { + margin: 1.25rem !important; +} - .dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } +.m-6 { + margin: 1.5rem !important; +} - .dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } +.m-7 { + margin: 1.75rem !important; +} - .dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } +.m-8 { + margin: 2rem !important; +} - .dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } +.m-9 { + margin: 2.25rem !important; +} - .dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } +.m-10 { + margin: 2.5rem !important; +} - .dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } +.m-12 { + margin: 3rem !important; +} - .dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } +.m-14 { + margin: 3.5rem !important; +} - .dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } +.m-16 { + margin: 4rem !important; +} - .dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } +.m-20 { + margin: 5rem !important; +} - .dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } +.m-24 { + margin: 6rem !important; +} - .dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } +.m-28 { + margin: 7rem !important; +} - .dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } +.m-32 { + margin: 8rem !important; +} - .dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } +.m-36 { + margin: 9rem !important; +} - .dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } +.m-40 { + margin: 10rem !important; +} - .dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } +.m-44 { + margin: 11rem !important; +} - .dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } +.m-48 { + margin: 12rem !important; +} - .dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } +.m-52 { + margin: 13rem !important; +} - .dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } +.m-56 { + margin: 14rem !important; +} - .dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } +.m-60 { + margin: 15rem !important; +} - .dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } +.m-64 { + margin: 16rem !important; +} - .dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } +.m-72 { + margin: 18rem !important; +} - .dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } +.m-80 { + margin: 20rem !important; +} - .dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } +.m-96 { + margin: 24rem !important; +} - .dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } +.m-auto { + margin: auto !important; +} - .dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } +.m-px { + margin: 1px !important; +} - .dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } +.m-0\.5 { + margin: 0.125rem !important; +} - .dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } +.m-1\.5 { + margin: 0.375rem !important; +} - .dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } +.m-2\.5 { + margin: 0.625rem !important; +} - .dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } +.m-3\.5 { + margin: 0.875rem !important; +} - .dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } +.-m-1 { + margin: -0.25rem !important; +} - .dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } +.-m-2 { + margin: -0.5rem !important; +} - .dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } +.-m-3 { + margin: -0.75rem !important; +} - .dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } +.-m-4 { + margin: -1rem !important; +} - .dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } +.-m-5 { + margin: -1.25rem !important; +} - .dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } +.-m-6 { + margin: -1.5rem !important; +} - .dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } +.-m-7 { + margin: -1.75rem !important; +} - .dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } +.-m-8 { + margin: -2rem !important; +} - .dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } +.-m-9 { + margin: -2.25rem !important; +} - .dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } +.-m-10 { + margin: -2.5rem !important; +} - .dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } +.-m-12 { + margin: -3rem !important; +} - .dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } +.-m-14 { + margin: -3.5rem !important; +} - .dark\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } +.-m-16 { + margin: -4rem !important; +} - .dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } +.-m-20 { + margin: -5rem !important; +} - .dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } +.-m-24 { + margin: -6rem !important; +} - .dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } +.-m-28 { + margin: -7rem !important; +} - .dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } +.-m-32 { + margin: -8rem !important; +} - .dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } +.-m-36 { + margin: -9rem !important; +} - .dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } +.-m-40 { + margin: -10rem !important; +} - .dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } +.-m-44 { + margin: -11rem !important; +} - .dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } +.-m-48 { + margin: -12rem !important; +} - .dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } +.-m-52 { + margin: -13rem !important; +} - .dark\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.-m-56 { + margin: -14rem !important; +} - .dark\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.-m-60 { + margin: -15rem !important; +} - .dark\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } +.-m-64 { + margin: -16rem !important; +} - .dark\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } +.-m-72 { + margin: -18rem !important; +} - .dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } +.-m-80 { + margin: -20rem !important; +} - .dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } +.-m-96 { + margin: -24rem !important; +} - .dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } +.-m-px { + margin: -1px !important; +} - .dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } +.-m-0\.5 { + margin: -0.125rem !important; +} - .dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } +.-m-1\.5 { + margin: -0.375rem !important; +} - .dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } +.-m-2\.5 { + margin: -0.625rem !important; +} - .dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } +.-m-3\.5 { + margin: -0.875rem !important; +} - .dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} - .dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } +.mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; +} - .dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} - .dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } +.mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; +} - .dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} - .dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } +.mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; +} - .dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } +.my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; +} - .dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } +.mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; +} - .dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } +.my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} - .dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } +.mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; +} - .dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } +.my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; +} - .dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } +.mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; +} - .dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } +.my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} - .dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } +.mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; +} - .dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } +.my-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; +} - .dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } +.mx-7 { + margin-left: 1.75rem !important; + margin-right: 1.75rem !important; +} - .dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } +.my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; +} - .dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } +.mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; +} - .dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } +.my-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; +} - .dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } +.mx-9 { + margin-left: 2.25rem !important; + margin-right: 2.25rem !important; +} - .dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } +.my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; +} - .dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } +.mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; +} - .dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } +.my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} - .dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } +.mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; +} - .dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } +.my-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; +} - .dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } +.mx-14 { + margin-left: 3.5rem !important; + margin-right: 3.5rem !important; +} - .dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } +.my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; +} - .dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } +.mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; +} - .dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } +.my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; +} - .dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } +.mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; +} - .dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } +.my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; +} - .dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } +.mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; +} - .dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } +.my-28 { + margin-top: 7rem !important; + margin-bottom: 7rem !important; +} - .dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } +.mx-28 { + margin-left: 7rem !important; + margin-right: 7rem !important; +} - .dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } +.my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; +} - .dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } +.mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; +} - .dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } +.my-36 { + margin-top: 9rem !important; + margin-bottom: 9rem !important; +} - .dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } +.mx-36 { + margin-left: 9rem !important; + margin-right: 9rem !important; +} - .dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } +.my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; +} - .dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } +.mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; +} - .dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } +.my-44 { + margin-top: 11rem !important; + margin-bottom: 11rem !important; +} - .dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } +.mx-44 { + margin-left: 11rem !important; + margin-right: 11rem !important; +} - .dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } +.my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; +} - .dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } +.mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; +} - .dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } +.my-52 { + margin-top: 13rem !important; + margin-bottom: 13rem !important; +} - .dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } +.mx-52 { + margin-left: 13rem !important; + margin-right: 13rem !important; +} - .dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } +.my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; +} - .dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } +.mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; +} - .dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } +.my-60 { + margin-top: 15rem !important; + margin-bottom: 15rem !important; +} - .dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } +.mx-60 { + margin-left: 15rem !important; + margin-right: 15rem !important; +} - .dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } +.my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; +} - .dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } +.mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; +} - .dark\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } +.my-72 { + margin-top: 18rem !important; + margin-bottom: 18rem !important; +} - .dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } +.mx-72 { + margin-left: 18rem !important; + margin-right: 18rem !important; +} - .dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } +.my-80 { + margin-top: 20rem !important; + margin-bottom: 20rem !important; +} - .dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } +.mx-80 { + margin-left: 20rem !important; + margin-right: 20rem !important; +} - .dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } +.my-96 { + margin-top: 24rem !important; + margin-bottom: 24rem !important; +} - .dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } +.mx-96 { + margin-left: 24rem !important; + margin-right: 24rem !important; +} - .dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} - .dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } +.mx-auto { + margin-left: auto !important; + margin-right: auto !important; +} - .dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } +.my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; +} - .dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } +.mx-px { + margin-left: 1px !important; + margin-right: 1px !important; +} - .dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } +.my-0\.5 { + margin-top: 0.125rem !important; + margin-bottom: 0.125rem !important; +} - .dark\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } +.mx-0\.5 { + margin-left: 0.125rem !important; + margin-right: 0.125rem !important; +} - .dark\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } +.my-1\.5 { + margin-top: 0.375rem !important; + margin-bottom: 0.375rem !important; +} - .dark\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } +.mx-1\.5 { + margin-left: 0.375rem !important; + margin-right: 0.375rem !important; +} - .dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } +.my-2\.5 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; +} - .dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } +.mx-2\.5 { + margin-left: 0.625rem !important; + margin-right: 0.625rem !important; +} - .dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } +.my-3\.5 { + margin-top: 0.875rem !important; + margin-bottom: 0.875rem !important; +} - .dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } +.mx-3\.5 { + margin-left: 0.875rem !important; + margin-right: 0.875rem !important; +} - .dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } +.-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; +} - .dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } +.-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; +} - .dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } +.-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; +} - .dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } +.-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; +} - .dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } +.-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; +} - .dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } +.-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; +} - .dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } +.-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; +} - .dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } +.-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; +} - .dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } +.-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; +} - .dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } +.-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; +} - .dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } +.-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; +} - .dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } +.-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; +} - .dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } +.-my-7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; +} - .dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } +.-mx-7 { + margin-left: -1.75rem !important; + margin-right: -1.75rem !important; +} - .dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } +.-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; +} - .dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } +.-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; +} - .dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } +.-my-9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; +} - .dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } +.-mx-9 { + margin-left: -2.25rem !important; + margin-right: -2.25rem !important; +} - .dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } +.-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; +} - .dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } +.-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; +} - .dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } +.-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; +} - .dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } +.-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; +} - .dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } +.-my-14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; +} - .dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } +.-mx-14 { + margin-left: -3.5rem !important; + margin-right: -3.5rem !important; +} - .dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } +.-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; +} - .dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } +.-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; +} - .dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } +.-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; +} - .dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } +.-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; +} - .dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } +.-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; +} - .dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } +.-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; +} - .dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } +.-my-28 { + margin-top: -7rem !important; + margin-bottom: -7rem !important; +} - .dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } +.-mx-28 { + margin-left: -7rem !important; + margin-right: -7rem !important; +} - .dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } +.-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; +} - .dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } +.-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; +} - .dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } +.-my-36 { + margin-top: -9rem !important; + margin-bottom: -9rem !important; +} - .dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } +.-mx-36 { + margin-left: -9rem !important; + margin-right: -9rem !important; +} - .dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } +.-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; +} - .dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } +.-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; +} - .dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } +.-my-44 { + margin-top: -11rem !important; + margin-bottom: -11rem !important; +} - .dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } +.-mx-44 { + margin-left: -11rem !important; + margin-right: -11rem !important; +} - .dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } +.-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; +} - .dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } +.-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; +} - .dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } +.-my-52 { + margin-top: -13rem !important; + margin-bottom: -13rem !important; +} - .dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } +.-mx-52 { + margin-left: -13rem !important; + margin-right: -13rem !important; +} - .dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } +.-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; +} - .dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } +.-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; +} - .dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } +.-my-60 { + margin-top: -15rem !important; + margin-bottom: -15rem !important; +} - .dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } +.-mx-60 { + margin-left: -15rem !important; + margin-right: -15rem !important; +} - .dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } +.-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; +} - .dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } +.-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; +} - .dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } +.-my-72 { + margin-top: -18rem !important; + margin-bottom: -18rem !important; +} - .dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } +.-mx-72 { + margin-left: -18rem !important; + margin-right: -18rem !important; +} - .dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } +.-my-80 { + margin-top: -20rem !important; + margin-bottom: -20rem !important; +} - .dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } +.-mx-80 { + margin-left: -20rem !important; + margin-right: -20rem !important; +} - .dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } +.-my-96 { + margin-top: -24rem !important; + margin-bottom: -24rem !important; +} - .dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } +.-mx-96 { + margin-left: -24rem !important; + margin-right: -24rem !important; +} - .dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } +.-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; +} - .dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } +.-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; +} - .dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } +.-my-0\.5 { + margin-top: -0.125rem !important; + margin-bottom: -0.125rem !important; +} - .dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } +.-mx-0\.5 { + margin-left: -0.125rem !important; + margin-right: -0.125rem !important; +} - .dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } +.-my-1\.5 { + margin-top: -0.375rem !important; + margin-bottom: -0.375rem !important; +} - .dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } +.-mx-1\.5 { + margin-left: -0.375rem !important; + margin-right: -0.375rem !important; +} - .dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } +.-my-2\.5 { + margin-top: -0.625rem !important; + margin-bottom: -0.625rem !important; +} - .dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } +.-mx-2\.5 { + margin-left: -0.625rem !important; + margin-right: -0.625rem !important; +} - .dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } +.-my-3\.5 { + margin-top: -0.875rem !important; + margin-bottom: -0.875rem !important; +} - .dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } +.-mx-3\.5 { + margin-left: -0.875rem !important; + margin-right: -0.875rem !important; } -.bg-opacity-0 { - --bg-opacity: 0 !important; +.mt-0 { + margin-top: 0 !important; } -.bg-opacity-25 { - --bg-opacity: 0.25 !important; +.mr-0 { + margin-right: 0 !important; } -.bg-opacity-50 { - --bg-opacity: 0.5 !important; +.mb-0 { + margin-bottom: 0 !important; } -.bg-opacity-75 { - --bg-opacity: 0.75 !important; +.ml-0 { + margin-left: 0 !important; } -.bg-opacity-100 { - --bg-opacity: 1 !important; +.mt-1 { + margin-top: 0.25rem !important; } -.group:hover .group-hover\:bg-opacity-0 { - --bg-opacity: 0 !important; +.mr-1 { + margin-right: 0.25rem !important; } -.group:hover .group-hover\:bg-opacity-25 { - --bg-opacity: 0.25 !important; +.mb-1 { + margin-bottom: 0.25rem !important; } -.group:hover .group-hover\:bg-opacity-50 { - --bg-opacity: 0.5 !important; +.ml-1 { + margin-left: 0.25rem !important; } -.group:hover .group-hover\:bg-opacity-75 { - --bg-opacity: 0.75 !important; +.mt-2 { + margin-top: 0.5rem !important; } -.group:hover .group-hover\:bg-opacity-100 { - --bg-opacity: 1 !important; +.mr-2 { + margin-right: 0.5rem !important; } -.hover\:bg-opacity-0:hover { - --bg-opacity: 0 !important; +.mb-2 { + margin-bottom: 0.5rem !important; } -.hover\:bg-opacity-25:hover { - --bg-opacity: 0.25 !important; +.ml-2 { + margin-left: 0.5rem !important; } -.hover\:bg-opacity-50:hover { - --bg-opacity: 0.5 !important; +.mt-3 { + margin-top: 0.75rem !important; } -.hover\:bg-opacity-75:hover { - --bg-opacity: 0.75 !important; +.mr-3 { + margin-right: 0.75rem !important; } -.hover\:bg-opacity-100:hover { - --bg-opacity: 1 !important; +.mb-3 { + margin-bottom: 0.75rem !important; } -.focus\:bg-opacity-0:focus { - --bg-opacity: 0 !important; +.ml-3 { + margin-left: 0.75rem !important; } -.focus\:bg-opacity-25:focus { - --bg-opacity: 0.25 !important; +.mt-4 { + margin-top: 1rem !important; } -.focus\:bg-opacity-50:focus { - --bg-opacity: 0.5 !important; +.mr-4 { + margin-right: 1rem !important; } -.focus\:bg-opacity-75:focus { - --bg-opacity: 0.75 !important; +.mb-4 { + margin-bottom: 1rem !important; } -.focus\:bg-opacity-100:focus { - --bg-opacity: 1 !important; +.ml-4 { + margin-left: 1rem !important; } -.bg-bottom { - background-position: bottom !important; +.mt-5 { + margin-top: 1.25rem !important; } -.bg-center { - background-position: center !important; +.mr-5 { + margin-right: 1.25rem !important; } -.bg-left { - background-position: left !important; +.mb-5 { + margin-bottom: 1.25rem !important; } -.bg-left-bottom { - background-position: left bottom !important; +.ml-5 { + margin-left: 1.25rem !important; } -.bg-left-top { - background-position: left top !important; +.mt-6 { + margin-top: 1.5rem !important; } -.bg-right { - background-position: right !important; +.mr-6 { + margin-right: 1.5rem !important; } -.bg-right-bottom { - background-position: right bottom !important; +.mb-6 { + margin-bottom: 1.5rem !important; } -.bg-right-top { - background-position: right top !important; +.ml-6 { + margin-left: 1.5rem !important; } -.bg-top { - background-position: top !important; +.mt-7 { + margin-top: 1.75rem !important; } -.bg-repeat { - background-repeat: repeat !important; +.mr-7 { + margin-right: 1.75rem !important; } -.bg-no-repeat { - background-repeat: no-repeat !important; +.mb-7 { + margin-bottom: 1.75rem !important; } -.bg-repeat-x { - background-repeat: repeat-x !important; +.ml-7 { + margin-left: 1.75rem !important; } -.bg-repeat-y { - background-repeat: repeat-y !important; +.mt-8 { + margin-top: 2rem !important; } -.bg-repeat-round { - background-repeat: round !important; +.mr-8 { + margin-right: 2rem !important; } -.bg-repeat-space { - background-repeat: space !important; +.mb-8 { + margin-bottom: 2rem !important; } -.bg-auto { - background-size: auto !important; +.ml-8 { + margin-left: 2rem !important; } -.bg-cover { - background-size: cover !important; +.mt-9 { + margin-top: 2.25rem !important; } -.bg-contain { - background-size: contain !important; +.mr-9 { + margin-right: 2.25rem !important; } -.border-collapse { - border-collapse: collapse !important; +.mb-9 { + margin-bottom: 2.25rem !important; } -.border-separate { - border-collapse: separate !important; +.ml-9 { + margin-left: 2.25rem !important; } -.border-transparent { - border-color: transparent !important; +.mt-10 { + margin-top: 2.5rem !important; } -.border-current { - border-color: currentColor !important; +.mr-10 { + margin-right: 2.5rem !important; } -.border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; +.mb-10 { + margin-bottom: 2.5rem !important; } -.border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; +.ml-10 { + margin-left: 2.5rem !important; } -.border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; +.mt-12 { + margin-top: 3rem !important; } -.border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; +.mr-12 { + margin-right: 3rem !important; } -.border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; +.mb-12 { + margin-bottom: 3rem !important; } -.border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; +.ml-12 { + margin-left: 3rem !important; } -.border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; +.mt-14 { + margin-top: 3.5rem !important; } -.border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; +.mr-14 { + margin-right: 3.5rem !important; } -.border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; +.mb-14 { + margin-bottom: 3.5rem !important; } -.border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; +.ml-14 { + margin-left: 3.5rem !important; } -.border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; +.mt-16 { + margin-top: 4rem !important; } -.border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; +.mr-16 { + margin-right: 4rem !important; } -.border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; +.mb-16 { + margin-bottom: 4rem !important; } -.border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; +.ml-16 { + margin-left: 4rem !important; } -.border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; +.mt-20 { + margin-top: 5rem !important; } -.border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; +.mr-20 { + margin-right: 5rem !important; } -.border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; +.mb-20 { + margin-bottom: 5rem !important; } -.border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; +.ml-20 { + margin-left: 5rem !important; } -.border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; +.mt-24 { + margin-top: 6rem !important; } -.border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; +.mr-24 { + margin-right: 6rem !important; } -.border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; +.mb-24 { + margin-bottom: 6rem !important; } -.border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; +.ml-24 { + margin-left: 6rem !important; } -.border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; +.mt-28 { + margin-top: 7rem !important; } -.border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; +.mr-28 { + margin-right: 7rem !important; } -.border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; +.mb-28 { + margin-bottom: 7rem !important; } -.border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; +.ml-28 { + margin-left: 7rem !important; } -.border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; +.mt-32 { + margin-top: 8rem !important; } -.border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; +.mr-32 { + margin-right: 8rem !important; } -.border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; +.mb-32 { + margin-bottom: 8rem !important; } -.border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; +.ml-32 { + margin-left: 8rem !important; } -.border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; +.mt-36 { + margin-top: 9rem !important; } -.border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; +.mr-36 { + margin-right: 9rem !important; } -.border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; +.mb-36 { + margin-bottom: 9rem !important; } -.border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; +.ml-36 { + margin-left: 9rem !important; } -.border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; +.mt-40 { + margin-top: 10rem !important; } -.border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; +.mr-40 { + margin-right: 10rem !important; } -.border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; +.mb-40 { + margin-bottom: 10rem !important; } -.border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; +.ml-40 { + margin-left: 10rem !important; } -.border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; +.mt-44 { + margin-top: 11rem !important; } -.border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; +.mr-44 { + margin-right: 11rem !important; } -.border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; +.mb-44 { + margin-bottom: 11rem !important; } -.border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; +.ml-44 { + margin-left: 11rem !important; } -.border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; +.mt-48 { + margin-top: 12rem !important; } -.border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; +.mr-48 { + margin-right: 12rem !important; } -.border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; +.mb-48 { + margin-bottom: 12rem !important; } -.border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; +.ml-48 { + margin-left: 12rem !important; } -.border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; +.mt-52 { + margin-top: 13rem !important; } -.border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; +.mr-52 { + margin-right: 13rem !important; } -.border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; +.mb-52 { + margin-bottom: 13rem !important; } -.border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; +.ml-52 { + margin-left: 13rem !important; } -.border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; +.mt-56 { + margin-top: 14rem !important; } -.border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; +.mr-56 { + margin-right: 14rem !important; } -.border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; +.mb-56 { + margin-bottom: 14rem !important; } -.border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; +.ml-56 { + margin-left: 14rem !important; } -.border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; +.mt-60 { + margin-top: 15rem !important; } -.border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; +.mr-60 { + margin-right: 15rem !important; } -.border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; +.mb-60 { + margin-bottom: 15rem !important; } -.border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; +.ml-60 { + margin-left: 15rem !important; } -.border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; +.mt-64 { + margin-top: 16rem !important; } -.border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; +.mr-64 { + margin-right: 16rem !important; } -.border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; +.mb-64 { + margin-bottom: 16rem !important; } -.border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; +.ml-64 { + margin-left: 16rem !important; } -.border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; +.mt-72 { + margin-top: 18rem !important; } -.border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; +.mr-72 { + margin-right: 18rem !important; } -.border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; +.mb-72 { + margin-bottom: 18rem !important; } -.border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; +.ml-72 { + margin-left: 18rem !important; } -.border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; +.mt-80 { + margin-top: 20rem !important; } -.border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; +.mr-80 { + margin-right: 20rem !important; } -.border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; +.mb-80 { + margin-bottom: 20rem !important; } -.border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; +.ml-80 { + margin-left: 20rem !important; } -.border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; +.mt-96 { + margin-top: 24rem !important; } -.border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +.mr-96 { + margin-right: 24rem !important; } -.group:hover .group-hover\:border-transparent { - border-color: transparent !important; +.mb-96 { + margin-bottom: 24rem !important; } -.group:hover .group-hover\:border-current { - border-color: currentColor !important; +.ml-96 { + margin-left: 24rem !important; } -.group:hover .group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; +.mt-auto { + margin-top: auto !important; } -.group:hover .group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; +.mr-auto { + margin-right: auto !important; } -.group:hover .group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; +.mb-auto { + margin-bottom: auto !important; } -.group:hover .group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; +.ml-auto { + margin-left: auto !important; } -.group:hover .group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; +.mt-px { + margin-top: 1px !important; } -.group:hover .group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; +.mr-px { + margin-right: 1px !important; } -.group:hover .group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; +.mb-px { + margin-bottom: 1px !important; } -.group:hover .group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; +.ml-px { + margin-left: 1px !important; } -.group:hover .group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; +.mt-0\.5 { + margin-top: 0.125rem !important; } -.group:hover .group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; +.mr-0\.5 { + margin-right: 0.125rem !important; } -.group:hover .group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; +.mb-0\.5 { + margin-bottom: 0.125rem !important; } -.group:hover .group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; +.ml-0\.5 { + margin-left: 0.125rem !important; } -.group:hover .group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; +.mt-1\.5 { + margin-top: 0.375rem !important; } -.group:hover .group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; +.mr-1\.5 { + margin-right: 0.375rem !important; } -.group:hover .group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; +.mb-1\.5 { + margin-bottom: 0.375rem !important; } -.group:hover .group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; +.ml-1\.5 { + margin-left: 0.375rem !important; } -.group:hover .group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; +.mt-2\.5 { + margin-top: 0.625rem !important; } -.group:hover .group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; +.mr-2\.5 { + margin-right: 0.625rem !important; } -.group:hover .group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; +.mb-2\.5 { + margin-bottom: 0.625rem !important; } -.group:hover .group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; +.ml-2\.5 { + margin-left: 0.625rem !important; } -.group:hover .group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; +.mt-3\.5 { + margin-top: 0.875rem !important; } -.group:hover .group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; +.mr-3\.5 { + margin-right: 0.875rem !important; } -.group:hover .group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; +.mb-3\.5 { + margin-bottom: 0.875rem !important; } -.group:hover .group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; +.ml-3\.5 { + margin-left: 0.875rem !important; } -.group:hover .group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; +.-mt-1 { + margin-top: -0.25rem !important; } -.group:hover .group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; +.-mr-1 { + margin-right: -0.25rem !important; } -.group:hover .group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; +.-mb-1 { + margin-bottom: -0.25rem !important; } -.group:hover .group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; +.-ml-1 { + margin-left: -0.25rem !important; } -.group:hover .group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; +.-mt-2 { + margin-top: -0.5rem !important; } -.group:hover .group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; +.-mr-2 { + margin-right: -0.5rem !important; } -.group:hover .group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; +.-mb-2 { + margin-bottom: -0.5rem !important; } -.group:hover .group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; +.-ml-2 { + margin-left: -0.5rem !important; } -.group:hover .group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; +.-mt-3 { + margin-top: -0.75rem !important; } -.group:hover .group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; +.-mr-3 { + margin-right: -0.75rem !important; } -.group:hover .group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; +.-mb-3 { + margin-bottom: -0.75rem !important; } -.group:hover .group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; +.-ml-3 { + margin-left: -0.75rem !important; } -.group:hover .group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; +.-mt-4 { + margin-top: -1rem !important; } -.group:hover .group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; +.-mr-4 { + margin-right: -1rem !important; } -.group:hover .group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; +.-mb-4 { + margin-bottom: -1rem !important; } -.group:hover .group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; +.-ml-4 { + margin-left: -1rem !important; } -.group:hover .group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; +.-mt-5 { + margin-top: -1.25rem !important; } -.group:hover .group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; +.-mr-5 { + margin-right: -1.25rem !important; } -.group:hover .group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; +.-mb-5 { + margin-bottom: -1.25rem !important; } -.group:hover .group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; +.-ml-5 { + margin-left: -1.25rem !important; } -.group:hover .group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; +.-mt-6 { + margin-top: -1.5rem !important; } -.group:hover .group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; +.-mr-6 { + margin-right: -1.5rem !important; } -.group:hover .group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; +.-mb-6 { + margin-bottom: -1.5rem !important; } -.group:hover .group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; +.-ml-6 { + margin-left: -1.5rem !important; } -.group:hover .group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; +.-mt-7 { + margin-top: -1.75rem !important; } -.group:hover .group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; +.-mr-7 { + margin-right: -1.75rem !important; } -.group:hover .group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; +.-mb-7 { + margin-bottom: -1.75rem !important; } -.group:hover .group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; +.-ml-7 { + margin-left: -1.75rem !important; } -.group:hover .group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; +.-mt-8 { + margin-top: -2rem !important; } -.group:hover .group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; +.-mr-8 { + margin-right: -2rem !important; } -.group:hover .group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; +.-mb-8 { + margin-bottom: -2rem !important; } -.group:hover .group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; +.-ml-8 { + margin-left: -2rem !important; } -.group:hover .group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; +.-mt-9 { + margin-top: -2.25rem !important; } -.group:hover .group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; +.-mr-9 { + margin-right: -2.25rem !important; } -.group:hover .group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; +.-mb-9 { + margin-bottom: -2.25rem !important; } -.group:hover .group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; +.-ml-9 { + margin-left: -2.25rem !important; } -.group:hover .group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; +.-mt-10 { + margin-top: -2.5rem !important; } -.group:hover .group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; +.-mr-10 { + margin-right: -2.5rem !important; } -.group:hover .group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; +.-mb-10 { + margin-bottom: -2.5rem !important; } -.group:hover .group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; +.-ml-10 { + margin-left: -2.5rem !important; } -.group:hover .group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; +.-mt-12 { + margin-top: -3rem !important; } -.group:hover .group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; +.-mr-12 { + margin-right: -3rem !important; } -.group:hover .group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; +.-mb-12 { + margin-bottom: -3rem !important; } -.group:hover .group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; +.-ml-12 { + margin-left: -3rem !important; } -.group:hover .group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; +.-mt-14 { + margin-top: -3.5rem !important; } -.group:hover .group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; +.-mr-14 { + margin-right: -3.5rem !important; } -.group:hover .group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; +.-mb-14 { + margin-bottom: -3.5rem !important; } -.group:hover .group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +.-ml-14 { + margin-left: -3.5rem !important; } -.hover\:border-transparent:hover { - border-color: transparent !important; +.-mt-16 { + margin-top: -4rem !important; } -.hover\:border-current:hover { - border-color: currentColor !important; +.-mr-16 { + margin-right: -4rem !important; } -.hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; +.-mb-16 { + margin-bottom: -4rem !important; } -.hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; +.-ml-16 { + margin-left: -4rem !important; } -.hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; +.-mt-20 { + margin-top: -5rem !important; } -.hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; +.-mr-20 { + margin-right: -5rem !important; } -.hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; +.-mb-20 { + margin-bottom: -5rem !important; } -.hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; +.-ml-20 { + margin-left: -5rem !important; } -.hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; +.-mt-24 { + margin-top: -6rem !important; } -.hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; +.-mr-24 { + margin-right: -6rem !important; } -.hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; +.-mb-24 { + margin-bottom: -6rem !important; } -.hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; +.-ml-24 { + margin-left: -6rem !important; } -.hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; +.-mt-28 { + margin-top: -7rem !important; } -.hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; +.-mr-28 { + margin-right: -7rem !important; } -.hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; +.-mb-28 { + margin-bottom: -7rem !important; } -.hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; +.-ml-28 { + margin-left: -7rem !important; } -.hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; +.-mt-32 { + margin-top: -8rem !important; } -.hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; +.-mr-32 { + margin-right: -8rem !important; } -.hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; +.-mb-32 { + margin-bottom: -8rem !important; } -.hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; +.-ml-32 { + margin-left: -8rem !important; } -.hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; +.-mt-36 { + margin-top: -9rem !important; } -.hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; +.-mr-36 { + margin-right: -9rem !important; } -.hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; +.-mb-36 { + margin-bottom: -9rem !important; } -.hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; +.-ml-36 { + margin-left: -9rem !important; } -.hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; +.-mt-40 { + margin-top: -10rem !important; } -.hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; +.-mr-40 { + margin-right: -10rem !important; } -.hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; +.-mb-40 { + margin-bottom: -10rem !important; } -.hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; +.-ml-40 { + margin-left: -10rem !important; } -.hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; +.-mt-44 { + margin-top: -11rem !important; } -.hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; +.-mr-44 { + margin-right: -11rem !important; } -.hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; +.-mb-44 { + margin-bottom: -11rem !important; } -.hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; +.-ml-44 { + margin-left: -11rem !important; } -.hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; +.-mt-48 { + margin-top: -12rem !important; } -.hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; +.-mr-48 { + margin-right: -12rem !important; } -.hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; +.-mb-48 { + margin-bottom: -12rem !important; } -.hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; +.-ml-48 { + margin-left: -12rem !important; } -.hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; +.-mt-52 { + margin-top: -13rem !important; } -.hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; +.-mr-52 { + margin-right: -13rem !important; } -.hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; +.-mb-52 { + margin-bottom: -13rem !important; } -.hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; +.-ml-52 { + margin-left: -13rem !important; } -.hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; +.-mt-56 { + margin-top: -14rem !important; } -.hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; +.-mr-56 { + margin-right: -14rem !important; } -.hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; +.-mb-56 { + margin-bottom: -14rem !important; } -.hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; +.-ml-56 { + margin-left: -14rem !important; } -.hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; +.-mt-60 { + margin-top: -15rem !important; } -.hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; +.-mr-60 { + margin-right: -15rem !important; } -.hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; +.-mb-60 { + margin-bottom: -15rem !important; } -.hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; +.-ml-60 { + margin-left: -15rem !important; } -.hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; +.-mt-64 { + margin-top: -16rem !important; } -.hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; +.-mr-64 { + margin-right: -16rem !important; } -.hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; +.-mb-64 { + margin-bottom: -16rem !important; } -.hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; +.-ml-64 { + margin-left: -16rem !important; } -.hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; +.-mt-72 { + margin-top: -18rem !important; } -.hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; +.-mr-72 { + margin-right: -18rem !important; } -.hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; +.-mb-72 { + margin-bottom: -18rem !important; } -.hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; +.-ml-72 { + margin-left: -18rem !important; } -.hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; +.-mt-80 { + margin-top: -20rem !important; } -.hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; +.-mr-80 { + margin-right: -20rem !important; } -.hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; +.-mb-80 { + margin-bottom: -20rem !important; } -.hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; +.-ml-80 { + margin-left: -20rem !important; } -.hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; +.-mt-96 { + margin-top: -24rem !important; } -.hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; +.-mr-96 { + margin-right: -24rem !important; } -.hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; +.-mb-96 { + margin-bottom: -24rem !important; } -.hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; +.-ml-96 { + margin-left: -24rem !important; } -.hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; +.-mt-px { + margin-top: -1px !important; } -.hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; +.-mr-px { + margin-right: -1px !important; } -.hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; +.-mb-px { + margin-bottom: -1px !important; } -.hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; +.-ml-px { + margin-left: -1px !important; } -.hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; +.-mt-0\.5 { + margin-top: -0.125rem !important; } -.hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; +.-mr-0\.5 { + margin-right: -0.125rem !important; } -.hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; +.-mb-0\.5 { + margin-bottom: -0.125rem !important; } -.hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; +.-ml-0\.5 { + margin-left: -0.125rem !important; } -.hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; +.-mt-1\.5 { + margin-top: -0.375rem !important; } -.hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +.-mr-1\.5 { + margin-right: -0.375rem !important; } -.focus\:border-transparent:focus { - border-color: transparent !important; +.-mb-1\.5 { + margin-bottom: -0.375rem !important; } -.focus\:border-current:focus { - border-color: currentColor !important; +.-ml-1\.5 { + margin-left: -0.375rem !important; } -.focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; +.-mt-2\.5 { + margin-top: -0.625rem !important; } -.focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; +.-mr-2\.5 { + margin-right: -0.625rem !important; } -.focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; +.-mb-2\.5 { + margin-bottom: -0.625rem !important; } -.focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; +.-ml-2\.5 { + margin-left: -0.625rem !important; } -.focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; +.-mt-3\.5 { + margin-top: -0.875rem !important; } -.focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; +.-mr-3\.5 { + margin-right: -0.875rem !important; } -.focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; +.-mb-3\.5 { + margin-bottom: -0.875rem !important; } -.focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; +.-ml-3\.5 { + margin-left: -0.875rem !important; } -.focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; +.max-h-0 { + max-height: 0 !important; } -.focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; +.max-h-1 { + max-height: 0.25rem !important; } -.focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; +.max-h-2 { + max-height: 0.5rem !important; } -.focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; +.max-h-3 { + max-height: 0.75rem !important; } -.focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; +.max-h-4 { + max-height: 1rem !important; } -.focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; +.max-h-5 { + max-height: 1.25rem !important; } -.focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; +.max-h-6 { + max-height: 1.5rem !important; } -.focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; +.max-h-7 { + max-height: 1.75rem !important; } -.focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; +.max-h-8 { + max-height: 2rem !important; } -.focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; +.max-h-9 { + max-height: 2.25rem !important; } -.focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; +.max-h-10 { + max-height: 2.5rem !important; } -.focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; +.max-h-12 { + max-height: 3rem !important; } -.focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; +.max-h-14 { + max-height: 3.5rem !important; } -.focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; +.max-h-16 { + max-height: 4rem !important; } -.focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; +.max-h-20 { + max-height: 5rem !important; } -.focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; +.max-h-24 { + max-height: 6rem !important; } -.focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; +.max-h-28 { + max-height: 7rem !important; } -.focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; +.max-h-32 { + max-height: 8rem !important; } -.focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; +.max-h-36 { + max-height: 9rem !important; } -.focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; +.max-h-40 { + max-height: 10rem !important; } -.focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; +.max-h-44 { + max-height: 11rem !important; } -.focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; +.max-h-48 { + max-height: 12rem !important; } -.focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; +.max-h-52 { + max-height: 13rem !important; } -.focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; +.max-h-56 { + max-height: 14rem !important; } -.focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; +.max-h-60 { + max-height: 15rem !important; } -.focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; +.max-h-64 { + max-height: 16rem !important; } -.focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; +.max-h-72 { + max-height: 18rem !important; } -.focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; +.max-h-80 { + max-height: 20rem !important; } -.focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; +.max-h-96 { + max-height: 24rem !important; } -.focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; +.max-h-px { + max-height: 1px !important; } -.focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; +.max-h-0\.5 { + max-height: 0.125rem !important; } -.focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; +.max-h-1\.5 { + max-height: 0.375rem !important; } -.focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; +.max-h-2\.5 { + max-height: 0.625rem !important; } -.focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; +.max-h-3\.5 { + max-height: 0.875rem !important; } -.focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; +.max-h-full { + max-height: 100% !important; } -.focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; +.max-h-screen { + max-height: 100vh !important; } -.focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; +.max-w-0 { + max-width: 0rem !important; } -.focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; +.max-w-none { + max-width: none !important; } -.focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; +.max-w-xs { + max-width: 20rem !important; } -.focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; +.max-w-sm { + max-width: 24rem !important; } -.focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; +.max-w-md { + max-width: 28rem !important; } -.focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; +.max-w-lg { + max-width: 32rem !important; } -.focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; +.max-w-xl { + max-width: 36rem !important; } -.focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; +.max-w-2xl { + max-width: 42rem !important; } -.focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; +.max-w-3xl { + max-width: 48rem !important; } -.focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; +.max-w-4xl { + max-width: 56rem !important; } -.focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; +.max-w-5xl { + max-width: 64rem !important; } -.focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; +.max-w-6xl { + max-width: 72rem !important; } -.focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; +.max-w-7xl { + max-width: 80rem !important; } -.focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; +.max-w-full { + max-width: 100% !important; } -.focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; +.max-w-min { + max-width: min-content !important; } -.focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; +.max-w-max { + max-width: max-content !important; } -.focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; +.max-w-screen-sm { + max-width: 640px !important; } -.focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; +.max-w-screen-md { + max-width: 768px !important; } -.focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; +.max-w-screen-lg { + max-width: 1024px !important; } -.focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; +.max-w-screen-xl { + max-width: 1280px !important; } -.focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; +.max-w-screen-2xl { + max-width: 1536px !important; } -.focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; +.min-h-0 { + min-height: 0 !important; } -.focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; +.min-h-full { + min-height: 100% !important; } -.focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; +.min-h-screen { + min-height: 100vh !important; } -.focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; +.min-w-0 { + min-width: 0 !important; } -.focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; +.min-w-full { + min-width: 100% !important; } -.focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; +.min-w-min { + min-width: min-content !important; } -.focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +.min-w-max { + min-width: max-content !important; } -@media (prefers-color-scheme: dark) { - .dark\:border-transparent { - border-color: transparent !important; - } - - .dark\:border-current { - border-color: currentColor !important; - } +.object-contain { + object-fit: contain !important; +} - .dark\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } +.object-cover { + object-fit: cover !important; +} - .dark\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } +.object-fill { + object-fit: fill !important; +} - .dark\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } +.object-none { + object-fit: none !important; +} - .dark\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } +.object-scale-down { + object-fit: scale-down !important; +} - .dark\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } +.object-bottom { + object-position: bottom !important; +} - .dark\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } +.object-center { + object-position: center !important; +} - .dark\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } +.object-left { + object-position: left !important; +} - .dark\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } +.object-left-bottom { + object-position: left bottom !important; +} - .dark\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } +.object-left-top { + object-position: left top !important; +} - .dark\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } +.object-right { + object-position: right !important; +} - .dark\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } +.object-right-bottom { + object-position: right bottom !important; +} - .dark\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } +.object-right-top { + object-position: right top !important; +} - .dark\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } +.object-top { + object-position: top !important; +} - .dark\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } +.opacity-0 { + opacity: 0 !important; +} - .dark\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } +.opacity-25 { + opacity: 0.25 !important; +} - .dark\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } +.opacity-50 { + opacity: 0.5 !important; +} - .dark\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } +.opacity-75 { + opacity: 0.75 !important; +} - .dark\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } +.opacity-100 { + opacity: 1 !important; +} - .dark\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } +.group:hover .group-hover\:opacity-0 { + opacity: 0 !important; +} - .dark\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } +.group:hover .group-hover\:opacity-25 { + opacity: 0.25 !important; +} - .dark\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } +.group:hover .group-hover\:opacity-50 { + opacity: 0.5 !important; +} - .dark\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } +.group:hover .group-hover\:opacity-75 { + opacity: 0.75 !important; +} - .dark\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } +.group:hover .group-hover\:opacity-100 { + opacity: 1 !important; +} - .dark\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } +.hover\:opacity-0:hover { + opacity: 0 !important; +} - .dark\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } +.hover\:opacity-25:hover { + opacity: 0.25 !important; +} - .dark\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } +.hover\:opacity-50:hover { + opacity: 0.5 !important; +} - .dark\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } +.hover\:opacity-75:hover { + opacity: 0.75 !important; +} - .dark\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } +.hover\:opacity-100:hover { + opacity: 1 !important; +} - .dark\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } +.focus\:opacity-0:focus { + opacity: 0 !important; +} - .dark\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } +.focus\:opacity-25:focus { + opacity: 0.25 !important; +} - .dark\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } +.focus\:opacity-50:focus { + opacity: 0.5 !important; +} - .dark\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } +.focus\:opacity-75:focus { + opacity: 0.75 !important; +} - .dark\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } +.focus\:opacity-100:focus { + opacity: 1 !important; +} - .dark\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } +.outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} - .dark\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } +.outline-white { + outline: 2px dotted white !important; + outline-offset: 2px !important; +} - .dark\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } +.outline-black { + outline: 2px dotted black !important; + outline-offset: 2px !important; +} - .dark\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } +.focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; +} - .dark\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } +.focus\:outline-white:focus { + outline: 2px dotted white !important; + outline-offset: 2px !important; +} - .dark\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } +.focus\:outline-black:focus { + outline: 2px dotted black !important; + outline-offset: 2px !important; +} - .dark\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } +.overflow-auto { + overflow: auto !important; +} - .dark\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } +.overflow-hidden { + overflow: hidden !important; +} - .dark\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } +.overflow-visible { + overflow: visible !important; +} - .dark\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } +.overflow-scroll { + overflow: scroll !important; +} - .dark\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } +.overflow-x-auto { + overflow-x: auto !important; +} - .dark\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } +.overflow-y-auto { + overflow-y: auto !important; +} - .dark\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } +.overflow-x-hidden { + overflow-x: hidden !important; +} - .dark\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } +.overflow-y-hidden { + overflow-y: hidden !important; +} - .dark\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } +.overflow-x-visible { + overflow-x: visible !important; +} - .dark\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } +.overflow-y-visible { + overflow-y: visible !important; +} - .dark\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } +.overflow-x-scroll { + overflow-x: scroll !important; +} - .dark\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } +.overflow-y-scroll { + overflow-y: scroll !important; +} - .dark\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } +.overscroll-auto { + overscroll-behavior: auto !important; +} - .dark\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } +.overscroll-contain { + overscroll-behavior: contain !important; +} - .dark\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } +.overscroll-none { + overscroll-behavior: none !important; +} - .dark\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } +.overscroll-y-auto { + overscroll-behavior-y: auto !important; +} - .dark\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } +.overscroll-y-contain { + overscroll-behavior-y: contain !important; +} - .dark\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } +.overscroll-y-none { + overscroll-behavior-y: none !important; +} - .dark\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } +.overscroll-x-auto { + overscroll-behavior-x: auto !important; +} - .dark\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } +.overscroll-x-contain { + overscroll-behavior-x: contain !important; +} - .dark\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } +.overscroll-x-none { + overscroll-behavior-x: none !important; +} - .dark\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } +.p-0 { + padding: 0 !important; +} - .dark\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } +.p-1 { + padding: 0.25rem !important; +} - .dark\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } +.p-2 { + padding: 0.5rem !important; +} - .dark\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } +.p-3 { + padding: 0.75rem !important; +} - .dark\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } +.p-4 { + padding: 1rem !important; +} - .dark\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } +.p-5 { + padding: 1.25rem !important; +} - .dark\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } +.p-6 { + padding: 1.5rem !important; +} - .dark\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } +.p-7 { + padding: 1.75rem !important; +} - .dark\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } +.p-8 { + padding: 2rem !important; +} - .dark\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } +.p-9 { + padding: 2.25rem !important; +} - .dark\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } +.p-10 { + padding: 2.5rem !important; +} - .dark\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } +.p-12 { + padding: 3rem !important; +} - .group:hover .dark\:group-hover\:border-transparent { - border-color: transparent !important; - } +.p-14 { + padding: 3.5rem !important; +} - .group:hover .dark\:group-hover\:border-current { - border-color: currentColor !important; - } +.p-16 { + padding: 4rem !important; +} - .group:hover .dark\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } +.p-20 { + padding: 5rem !important; +} - .group:hover .dark\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } +.p-24 { + padding: 6rem !important; +} - .group:hover .dark\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } +.p-28 { + padding: 7rem !important; +} - .group:hover .dark\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } +.p-32 { + padding: 8rem !important; +} - .group:hover .dark\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } +.p-36 { + padding: 9rem !important; +} - .group:hover .dark\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } +.p-40 { + padding: 10rem !important; +} - .group:hover .dark\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } +.p-44 { + padding: 11rem !important; +} - .group:hover .dark\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } +.p-48 { + padding: 12rem !important; +} - .group:hover .dark\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } +.p-52 { + padding: 13rem !important; +} - .group:hover .dark\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } +.p-56 { + padding: 14rem !important; +} - .group:hover .dark\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } +.p-60 { + padding: 15rem !important; +} - .group:hover .dark\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } +.p-64 { + padding: 16rem !important; +} - .group:hover .dark\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } +.p-72 { + padding: 18rem !important; +} - .group:hover .dark\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } +.p-80 { + padding: 20rem !important; +} - .group:hover .dark\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } +.p-96 { + padding: 24rem !important; +} - .group:hover .dark\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } +.p-px { + padding: 1px !important; +} - .group:hover .dark\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } +.p-0\.5 { + padding: 0.125rem !important; +} - .group:hover .dark\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } +.p-1\.5 { + padding: 0.375rem !important; +} - .group:hover .dark\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } +.p-2\.5 { + padding: 0.625rem !important; +} - .group:hover .dark\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } +.p-3\.5 { + padding: 0.875rem !important; +} - .group:hover .dark\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} - .group:hover .dark\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } +.px-0 { + padding-left: 0 !important; + padding-right: 0 !important; +} - .group:hover .dark\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } +.px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } +.px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } +.py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } +.px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } +.py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } +.px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } +.py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; +} - .group:hover .dark\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } +.px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; +} - .group:hover .dark\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } +.py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} - .group:hover .dark\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } +.px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; +} - .group:hover .dark\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } +.py-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; +} - .group:hover .dark\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } +.px-7 { + padding-left: 1.75rem !important; + padding-right: 1.75rem !important; +} - .group:hover .dark\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } +.py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; +} - .group:hover .dark\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } +.px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; +} - .group:hover .dark\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } +.py-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; +} - .group:hover .dark\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } +.px-9 { + padding-left: 2.25rem !important; + padding-right: 2.25rem !important; +} - .group:hover .dark\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } +.py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; +} - .group:hover .dark\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } +.px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; +} - .group:hover .dark\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } +.py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} - .group:hover .dark\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } +.px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; +} - .group:hover .dark\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } +.py-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; +} - .group:hover .dark\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } +.px-14 { + padding-left: 3.5rem !important; + padding-right: 3.5rem !important; +} - .group:hover .dark\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } +.py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; +} - .group:hover .dark\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } +.px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; +} - .group:hover .dark\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } +.py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; +} - .group:hover .dark\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } +.px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; +} - .group:hover .dark\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } +.py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; +} - .group:hover .dark\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } +.px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; +} - .group:hover .dark\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } +.py-28 { + padding-top: 7rem !important; + padding-bottom: 7rem !important; +} - .group:hover .dark\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } +.px-28 { + padding-left: 7rem !important; + padding-right: 7rem !important; +} - .group:hover .dark\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } +.py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; +} - .group:hover .dark\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } +.px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; +} - .group:hover .dark\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } +.py-36 { + padding-top: 9rem !important; + padding-bottom: 9rem !important; +} - .group:hover .dark\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } +.px-36 { + padding-left: 9rem !important; + padding-right: 9rem !important; +} - .group:hover .dark\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } +.py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; +} - .group:hover .dark\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } +.px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; +} - .group:hover .dark\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } +.py-44 { + padding-top: 11rem !important; + padding-bottom: 11rem !important; +} - .group:hover .dark\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } +.px-44 { + padding-left: 11rem !important; + padding-right: 11rem !important; +} - .group:hover .dark\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } +.py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; +} - .group:hover .dark\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } +.px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; +} - .group:hover .dark\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } +.py-52 { + padding-top: 13rem !important; + padding-bottom: 13rem !important; +} - .group:hover .dark\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } +.px-52 { + padding-left: 13rem !important; + padding-right: 13rem !important; +} - .group:hover .dark\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } +.py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; +} - .group:hover .dark\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } +.px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; +} - .group:hover .dark\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } +.py-60 { + padding-top: 15rem !important; + padding-bottom: 15rem !important; +} - .group:hover .dark\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } +.px-60 { + padding-left: 15rem !important; + padding-right: 15rem !important; +} - .group:hover .dark\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } +.py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; +} - .group:hover .dark\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } +.px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; +} - .dark\:hover\:border-transparent:hover { - border-color: transparent !important; - } +.py-72 { + padding-top: 18rem !important; + padding-bottom: 18rem !important; +} - .dark\:hover\:border-current:hover { - border-color: currentColor !important; - } +.px-72 { + padding-left: 18rem !important; + padding-right: 18rem !important; +} - .dark\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } +.py-80 { + padding-top: 20rem !important; + padding-bottom: 20rem !important; +} - .dark\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } +.px-80 { + padding-left: 20rem !important; + padding-right: 20rem !important; +} - .dark\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } +.py-96 { + padding-top: 24rem !important; + padding-bottom: 24rem !important; +} - .dark\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } +.px-96 { + padding-left: 24rem !important; + padding-right: 24rem !important; +} - .dark\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } +.py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; +} - .dark\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } +.px-px { + padding-left: 1px !important; + padding-right: 1px !important; +} - .dark\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } +.py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; +} - .dark\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } +.px-0\.5 { + padding-left: 0.125rem !important; + padding-right: 0.125rem !important; +} - .dark\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } +.py-1\.5 { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; +} - .dark\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } +.px-1\.5 { + padding-left: 0.375rem !important; + padding-right: 0.375rem !important; +} - .dark\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } +.py-2\.5 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; +} - .dark\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } +.px-2\.5 { + padding-left: 0.625rem !important; + padding-right: 0.625rem !important; +} - .dark\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } +.py-3\.5 { + padding-top: 0.875rem !important; + padding-bottom: 0.875rem !important; +} - .dark\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } +.px-3\.5 { + padding-left: 0.875rem !important; + padding-right: 0.875rem !important; +} - .dark\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } +.pt-0 { + padding-top: 0 !important; +} - .dark\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } +.pr-0 { + padding-right: 0 !important; +} - .dark\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } +.pb-0 { + padding-bottom: 0 !important; +} - .dark\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } +.pl-0 { + padding-left: 0 !important; +} - .dark\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } +.pt-1 { + padding-top: 0.25rem !important; +} - .dark\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } +.pr-1 { + padding-right: 0.25rem !important; +} - .dark\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } +.pb-1 { + padding-bottom: 0.25rem !important; +} - .dark\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } +.pl-1 { + padding-left: 0.25rem !important; +} - .dark\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } +.pt-2 { + padding-top: 0.5rem !important; +} - .dark\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } +.pr-2 { + padding-right: 0.5rem !important; +} - .dark\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } +.pb-2 { + padding-bottom: 0.5rem !important; +} - .dark\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } +.pl-2 { + padding-left: 0.5rem !important; +} - .dark\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } +.pt-3 { + padding-top: 0.75rem !important; +} - .dark\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } +.pr-3 { + padding-right: 0.75rem !important; +} - .dark\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } +.pb-3 { + padding-bottom: 0.75rem !important; +} - .dark\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } +.pl-3 { + padding-left: 0.75rem !important; +} - .dark\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } +.pt-4 { + padding-top: 1rem !important; +} - .dark\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } +.pr-4 { + padding-right: 1rem !important; +} - .dark\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } +.pb-4 { + padding-bottom: 1rem !important; +} - .dark\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } +.pl-4 { + padding-left: 1rem !important; +} - .dark\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } +.pt-5 { + padding-top: 1.25rem !important; +} - .dark\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } +.pr-5 { + padding-right: 1.25rem !important; +} - .dark\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } +.pb-5 { + padding-bottom: 1.25rem !important; +} - .dark\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } +.pl-5 { + padding-left: 1.25rem !important; +} - .dark\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } +.pt-6 { + padding-top: 1.5rem !important; +} - .dark\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } +.pr-6 { + padding-right: 1.5rem !important; +} - .dark\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } +.pb-6 { + padding-bottom: 1.5rem !important; +} - .dark\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } +.pl-6 { + padding-left: 1.5rem !important; +} - .dark\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } +.pt-7 { + padding-top: 1.75rem !important; +} - .dark\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } +.pr-7 { + padding-right: 1.75rem !important; +} - .dark\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } +.pb-7 { + padding-bottom: 1.75rem !important; +} - .dark\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } +.pl-7 { + padding-left: 1.75rem !important; +} - .dark\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } +.pt-8 { + padding-top: 2rem !important; +} - .dark\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } +.pr-8 { + padding-right: 2rem !important; +} - .dark\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } +.pb-8 { + padding-bottom: 2rem !important; +} - .dark\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } +.pl-8 { + padding-left: 2rem !important; +} - .dark\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } +.pt-9 { + padding-top: 2.25rem !important; +} - .dark\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } +.pr-9 { + padding-right: 2.25rem !important; +} - .dark\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } +.pb-9 { + padding-bottom: 2.25rem !important; +} - .dark\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } +.pl-9 { + padding-left: 2.25rem !important; +} - .dark\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } +.pt-10 { + padding-top: 2.5rem !important; +} - .dark\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } +.pr-10 { + padding-right: 2.5rem !important; +} - .dark\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } +.pb-10 { + padding-bottom: 2.5rem !important; +} - .dark\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } +.pl-10 { + padding-left: 2.5rem !important; +} - .dark\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } +.pt-12 { + padding-top: 3rem !important; +} - .dark\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } +.pr-12 { + padding-right: 3rem !important; +} - .dark\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } +.pb-12 { + padding-bottom: 3rem !important; +} - .dark\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } +.pl-12 { + padding-left: 3rem !important; +} - .dark\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } +.pt-14 { + padding-top: 3.5rem !important; +} - .dark\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } +.pr-14 { + padding-right: 3.5rem !important; +} - .dark\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } +.pb-14 { + padding-bottom: 3.5rem !important; +} - .dark\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } +.pl-14 { + padding-left: 3.5rem !important; +} - .dark\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } +.pt-16 { + padding-top: 4rem !important; +} - .dark\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } +.pr-16 { + padding-right: 4rem !important; +} - .dark\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } +.pb-16 { + padding-bottom: 4rem !important; +} - .dark\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } +.pl-16 { + padding-left: 4rem !important; +} - .dark\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } +.pt-20 { + padding-top: 5rem !important; +} - .dark\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } +.pr-20 { + padding-right: 5rem !important; +} - .dark\:focus\:border-transparent:focus { - border-color: transparent !important; - } +.pb-20 { + padding-bottom: 5rem !important; +} - .dark\:focus\:border-current:focus { - border-color: currentColor !important; - } +.pl-20 { + padding-left: 5rem !important; +} - .dark\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } +.pt-24 { + padding-top: 6rem !important; +} - .dark\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } +.pr-24 { + padding-right: 6rem !important; +} - .dark\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } +.pb-24 { + padding-bottom: 6rem !important; +} - .dark\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } +.pl-24 { + padding-left: 6rem !important; +} - .dark\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } +.pt-28 { + padding-top: 7rem !important; +} - .dark\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } +.pr-28 { + padding-right: 7rem !important; +} - .dark\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } +.pb-28 { + padding-bottom: 7rem !important; +} - .dark\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } +.pl-28 { + padding-left: 7rem !important; +} - .dark\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } +.pt-32 { + padding-top: 8rem !important; +} - .dark\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } +.pr-32 { + padding-right: 8rem !important; +} - .dark\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } +.pb-32 { + padding-bottom: 8rem !important; +} - .dark\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } +.pl-32 { + padding-left: 8rem !important; +} - .dark\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } +.pt-36 { + padding-top: 9rem !important; +} - .dark\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } +.pr-36 { + padding-right: 9rem !important; +} - .dark\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } +.pb-36 { + padding-bottom: 9rem !important; +} - .dark\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } +.pl-36 { + padding-left: 9rem !important; +} - .dark\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } +.pt-40 { + padding-top: 10rem !important; +} - .dark\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } +.pr-40 { + padding-right: 10rem !important; +} - .dark\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } +.pb-40 { + padding-bottom: 10rem !important; +} - .dark\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } +.pl-40 { + padding-left: 10rem !important; +} - .dark\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } +.pt-44 { + padding-top: 11rem !important; +} - .dark\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } +.pr-44 { + padding-right: 11rem !important; +} - .dark\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } +.pb-44 { + padding-bottom: 11rem !important; +} - .dark\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } +.pl-44 { + padding-left: 11rem !important; +} - .dark\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } +.pt-48 { + padding-top: 12rem !important; +} - .dark\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } +.pr-48 { + padding-right: 12rem !important; +} - .dark\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } +.pb-48 { + padding-bottom: 12rem !important; +} - .dark\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } +.pl-48 { + padding-left: 12rem !important; +} - .dark\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } +.pt-52 { + padding-top: 13rem !important; +} - .dark\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } +.pr-52 { + padding-right: 13rem !important; +} - .dark\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } +.pb-52 { + padding-bottom: 13rem !important; +} - .dark\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } +.pl-52 { + padding-left: 13rem !important; +} - .dark\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } +.pt-56 { + padding-top: 14rem !important; +} - .dark\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } +.pr-56 { + padding-right: 14rem !important; +} - .dark\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } +.pb-56 { + padding-bottom: 14rem !important; +} - .dark\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } +.pl-56 { + padding-left: 14rem !important; +} - .dark\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } +.pt-60 { + padding-top: 15rem !important; +} - .dark\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } +.pr-60 { + padding-right: 15rem !important; +} - .dark\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } +.pb-60 { + padding-bottom: 15rem !important; +} - .dark\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } +.pl-60 { + padding-left: 15rem !important; +} - .dark\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } +.pt-64 { + padding-top: 16rem !important; +} - .dark\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } +.pr-64 { + padding-right: 16rem !important; +} - .dark\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .dark\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .dark\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .dark\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } +.pb-64 { + padding-bottom: 16rem !important; +} - .dark\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } +.pl-64 { + padding-left: 16rem !important; } -.border-opacity-0 { - --border-opacity: 0 !important; +.pt-72 { + padding-top: 18rem !important; } -.border-opacity-25 { - --border-opacity: 0.25 !important; +.pr-72 { + padding-right: 18rem !important; } -.border-opacity-50 { - --border-opacity: 0.5 !important; +.pb-72 { + padding-bottom: 18rem !important; } -.border-opacity-75 { - --border-opacity: 0.75 !important; +.pl-72 { + padding-left: 18rem !important; } -.border-opacity-100 { - --border-opacity: 1 !important; +.pt-80 { + padding-top: 20rem !important; } -.group:hover .group-hover\:border-opacity-0 { - --border-opacity: 0 !important; +.pr-80 { + padding-right: 20rem !important; } -.group:hover .group-hover\:border-opacity-25 { - --border-opacity: 0.25 !important; +.pb-80 { + padding-bottom: 20rem !important; } -.group:hover .group-hover\:border-opacity-50 { - --border-opacity: 0.5 !important; +.pl-80 { + padding-left: 20rem !important; } -.group:hover .group-hover\:border-opacity-75 { - --border-opacity: 0.75 !important; +.pt-96 { + padding-top: 24rem !important; } -.group:hover .group-hover\:border-opacity-100 { - --border-opacity: 1 !important; +.pr-96 { + padding-right: 24rem !important; } -.hover\:border-opacity-0:hover { - --border-opacity: 0 !important; +.pb-96 { + padding-bottom: 24rem !important; } -.hover\:border-opacity-25:hover { - --border-opacity: 0.25 !important; +.pl-96 { + padding-left: 24rem !important; } -.hover\:border-opacity-50:hover { - --border-opacity: 0.5 !important; +.pt-px { + padding-top: 1px !important; } -.hover\:border-opacity-75:hover { - --border-opacity: 0.75 !important; +.pr-px { + padding-right: 1px !important; } -.hover\:border-opacity-100:hover { - --border-opacity: 1 !important; +.pb-px { + padding-bottom: 1px !important; } -.focus\:border-opacity-0:focus { - --border-opacity: 0 !important; +.pl-px { + padding-left: 1px !important; } -.focus\:border-opacity-25:focus { - --border-opacity: 0.25 !important; +.pt-0\.5 { + padding-top: 0.125rem !important; } -.focus\:border-opacity-50:focus { - --border-opacity: 0.5 !important; +.pr-0\.5 { + padding-right: 0.125rem !important; } -.focus\:border-opacity-75:focus { - --border-opacity: 0.75 !important; +.pb-0\.5 { + padding-bottom: 0.125rem !important; } -.focus\:border-opacity-100:focus { - --border-opacity: 1 !important; +.pl-0\.5 { + padding-left: 0.125rem !important; } -.rounded-none { - border-radius: 0 !important; +.pt-1\.5 { + padding-top: 0.375rem !important; } -.rounded-sm { - border-radius: 0.125rem !important; +.pr-1\.5 { + padding-right: 0.375rem !important; } -.rounded { - border-radius: 0.25rem !important; +.pb-1\.5 { + padding-bottom: 0.375rem !important; } -.rounded-md { - border-radius: 0.375rem !important; +.pl-1\.5 { + padding-left: 0.375rem !important; } -.rounded-lg { - border-radius: 0.5rem !important; +.pt-2\.5 { + padding-top: 0.625rem !important; } -.rounded-xl { - border-radius: 0.75rem !important; +.pr-2\.5 { + padding-right: 0.625rem !important; } -.rounded-2xl { - border-radius: 1rem !important; +.pb-2\.5 { + padding-bottom: 0.625rem !important; } -.rounded-3xl { - border-radius: 1.5rem !important; +.pl-2\.5 { + padding-left: 0.625rem !important; } -.rounded-full { - border-radius: 9999px !important; +.pt-3\.5 { + padding-top: 0.875rem !important; } -.rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; +.pr-3\.5 { + padding-right: 0.875rem !important; } -.rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; +.pb-3\.5 { + padding-bottom: 0.875rem !important; } -.rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; +.pl-3\.5 { + padding-left: 0.875rem !important; } -.rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; +.placeholder-transparent::placeholder { + color: transparent !important; } -.rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; +.placeholder-current::placeholder { + color: currentColor !important; } -.rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; +.placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } -.rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; +.placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } -.rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; +.placeholder-gray-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; } -.rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; +.placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; } -.rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; +.placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; } -.rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; +.placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; } -.rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; +.placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; } -.rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; +.placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; } -.rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; +.placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; } -.rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; +.placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; } -.rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; +.placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; } -.rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; +.placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; } -.rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; +.placeholder-red-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; } -.rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; +.placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; } -.rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; +.placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; } -.rounded-t-xl { - border-top-left-radius: 0.75rem !important; - border-top-right-radius: 0.75rem !important; +.placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; } -.rounded-r-xl { - border-top-right-radius: 0.75rem !important; - border-bottom-right-radius: 0.75rem !important; +.placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; } -.rounded-b-xl { - border-bottom-right-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; +.placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; } -.rounded-l-xl { - border-top-left-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; +.placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; } -.rounded-t-2xl { - border-top-left-radius: 1rem !important; - border-top-right-radius: 1rem !important; +.placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; } -.rounded-r-2xl { - border-top-right-radius: 1rem !important; - border-bottom-right-radius: 1rem !important; +.placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; } -.rounded-b-2xl { - border-bottom-right-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; +.placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; } -.rounded-l-2xl { - border-top-left-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; +.placeholder-yellow-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; } -.rounded-t-3xl { - border-top-left-radius: 1.5rem !important; - border-top-right-radius: 1.5rem !important; +.placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; } -.rounded-r-3xl { - border-top-right-radius: 1.5rem !important; - border-bottom-right-radius: 1.5rem !important; +.placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; } -.rounded-b-3xl { - border-bottom-right-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; +.placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; } -.rounded-l-3xl { - border-top-left-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; +.placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; } -.rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; +.placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; } -.rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; +.placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; } -.rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; +.placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; } -.rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; +.placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; } -.rounded-tl-none { - border-top-left-radius: 0 !important; +.placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; } -.rounded-tr-none { - border-top-right-radius: 0 !important; +.placeholder-green-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; } -.rounded-br-none { - border-bottom-right-radius: 0 !important; +.placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; } -.rounded-bl-none { - border-bottom-left-radius: 0 !important; +.placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; } -.rounded-tl-sm { - border-top-left-radius: 0.125rem !important; +.placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; } -.rounded-tr-sm { - border-top-right-radius: 0.125rem !important; +.placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; } -.rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; +.placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; } -.rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; +.placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; } -.rounded-tl { - border-top-left-radius: 0.25rem !important; +.placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; } -.rounded-tr { - border-top-right-radius: 0.25rem !important; +.placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; } -.rounded-br { - border-bottom-right-radius: 0.25rem !important; +.placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; } -.rounded-bl { - border-bottom-left-radius: 0.25rem !important; +.placeholder-blue-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; } -.rounded-tl-md { - border-top-left-radius: 0.375rem !important; +.placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; } -.rounded-tr-md { - border-top-right-radius: 0.375rem !important; +.placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; } -.rounded-br-md { - border-bottom-right-radius: 0.375rem !important; +.placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; } -.rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; +.placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; } -.rounded-tl-lg { - border-top-left-radius: 0.5rem !important; +.placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; } -.rounded-tr-lg { - border-top-right-radius: 0.5rem !important; +.placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; } -.rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; +.placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; } -.rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; +.placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; } -.rounded-tl-xl { - border-top-left-radius: 0.75rem !important; +.placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; } -.rounded-tr-xl { - border-top-right-radius: 0.75rem !important; +.placeholder-purple-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; } -.rounded-br-xl { - border-bottom-right-radius: 0.75rem !important; +.placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; } -.rounded-bl-xl { - border-bottom-left-radius: 0.75rem !important; +.placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; } -.rounded-tl-2xl { - border-top-left-radius: 1rem !important; +.placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; } -.rounded-tr-2xl { - border-top-right-radius: 1rem !important; +.placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; } -.rounded-br-2xl { - border-bottom-right-radius: 1rem !important; +.placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; } -.rounded-bl-2xl { - border-bottom-left-radius: 1rem !important; +.placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; } -.rounded-tl-3xl { - border-top-left-radius: 1.5rem !important; +.placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; } -.rounded-tr-3xl { - border-top-right-radius: 1.5rem !important; +.placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; } -.rounded-br-3xl { - border-bottom-right-radius: 1.5rem !important; +.placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; } -.rounded-bl-3xl { - border-bottom-left-radius: 1.5rem !important; +.placeholder-pink-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; } -.rounded-tl-full { - border-top-left-radius: 9999px !important; +.placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; } -.rounded-tr-full { - border-top-right-radius: 9999px !important; +.placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; } -.rounded-br-full { - border-bottom-right-radius: 9999px !important; +.placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; } -.rounded-bl-full { - border-bottom-left-radius: 9999px !important; +.placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; } -.border-solid { - border-style: solid !important; +.placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; } -.border-dashed { - border-style: dashed !important; +.placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; } -.border-dotted { - border-style: dotted !important; +.placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; } -.border-double { - border-style: double !important; +.placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; } -.border-none { - border-style: none !important; +.placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } -.border-0 { - border-width: 0 !important; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } -.border-2 { - border-width: 2px !important; +.focus\:placeholder-current:focus::placeholder { + color: currentColor !important; } -.border-4 { - border-width: 4px !important; +.focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } -.border-8 { - border-width: 8px !important; +.focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } -.border { - border-width: 1px !important; +.focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; } -.border-t-0 { - border-top-width: 0 !important; +.focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; } -.border-r-0 { - border-right-width: 0 !important; +.focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; } -.border-b-0 { - border-bottom-width: 0 !important; +.focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; } -.border-l-0 { - border-left-width: 0 !important; +.focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; } -.border-t-2 { - border-top-width: 2px !important; +.focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; } -.border-r-2 { - border-right-width: 2px !important; +.focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; } -.border-b-2 { - border-bottom-width: 2px !important; +.focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; } -.border-l-2 { - border-left-width: 2px !important; +.focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; } -.border-t-4 { - border-top-width: 4px !important; +.focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; } -.border-r-4 { - border-right-width: 4px !important; +.focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; } -.border-b-4 { - border-bottom-width: 4px !important; +.focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; } -.border-l-4 { - border-left-width: 4px !important; +.focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; } -.border-t-8 { - border-top-width: 8px !important; +.focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; } -.border-r-8 { - border-right-width: 8px !important; +.focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; } -.border-b-8 { - border-bottom-width: 8px !important; +.focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; } -.border-l-8 { - border-left-width: 8px !important; +.focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; } -.border-t { - border-top-width: 1px !important; +.focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; } -.border-r { - border-right-width: 1px !important; +.focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; } -.border-b { - border-bottom-width: 1px !important; +.focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; } -.border-l { - border-left-width: 1px !important; +.focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; } -.box-border { - box-sizing: border-box !important; +.focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; } -.box-content { - box-sizing: content-box !important; +.focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; } -.cursor-auto { - cursor: auto !important; +.focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; } -.cursor-default { - cursor: default !important; +.focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; } -.cursor-pointer { - cursor: pointer !important; +.focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; } -.cursor-wait { - cursor: wait !important; +.focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; } -.cursor-text { - cursor: text !important; +.focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; } -.cursor-move { - cursor: move !important; +.focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; } -.cursor-not-allowed { - cursor: not-allowed !important; +.focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; } -.block { - display: block !important; +.focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; } -.inline-block { - display: inline-block !important; +.focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; } -.inline { - display: inline !important; +.focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; } -.flex { - display: flex !important; +.focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; } -.inline-flex { - display: inline-flex !important; +.focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; } -.table { - display: table !important; +.focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; } -.table-caption { - display: table-caption !important; +.focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; } -.table-cell { - display: table-cell !important; +.focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; } -.table-column { - display: table-column !important; +.focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; } -.table-column-group { - display: table-column-group !important; +.focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; } -.table-footer-group { - display: table-footer-group !important; +.focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; } -.table-header-group { - display: table-header-group !important; +.focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; } -.table-row-group { - display: table-row-group !important; +.focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; } -.table-row { - display: table-row !important; +.focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; } -.flow-root { - display: flow-root !important; +.focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; } -.grid { - display: grid !important; +.focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; } -.inline-grid { - display: inline-grid !important; +.focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; } -.contents { - display: contents !important; +.focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; } -.hidden { - display: none !important; +.focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; } -.flex-row { - flex-direction: row !important; +.focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; } -.flex-row-reverse { - flex-direction: row-reverse !important; +.focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; } -.flex-col { - flex-direction: column !important; +.focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; } -.flex-col-reverse { - flex-direction: column-reverse !important; +.focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; } -.flex-wrap { - flex-wrap: wrap !important; +.focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; } -.flex-wrap-reverse { - flex-wrap: wrap-reverse !important; +.focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; } -.flex-no-wrap { - flex-wrap: nowrap !important; +.focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; } -.place-items-auto { - place-items: auto !important; +.focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; } -.place-items-start { - place-items: start !important; +.focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; } -.place-items-end { - place-items: end !important; +.focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; } -.place-items-center { - place-items: center !important; +.focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; } -.place-items-stretch { - place-items: stretch !important; +.focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; } -.place-content-center { - place-content: center !important; +.focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; } -.place-content-start { - place-content: start !important; +.focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; } -.place-content-end { - place-content: end !important; +.focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; } -.place-content-between { - place-content: space-between !important; +.focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; } -.place-content-around { - place-content: space-around !important; +.focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; } -.place-content-evenly { - place-content: space-evenly !important; +.focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; } -.place-content-stretch { - place-content: stretch !important; +.focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; } -.place-self-auto { - place-self: auto !important; +.focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; } -.place-self-start { - place-self: start !important; +.focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } -.place-self-end { - place-self: end !important; +.placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; } -.place-self-center { - place-self: center !important; +.placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; } -.place-self-stretch { - place-self: stretch !important; +.placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; } -.items-start { - align-items: flex-start !important; +.placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; } -.items-end { - align-items: flex-end !important; +.placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; } -.items-center { - align-items: center !important; +.focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; } -.items-baseline { - align-items: baseline !important; +.focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; } -.items-stretch { - align-items: stretch !important; +.focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; } -.content-center { - align-content: center !important; +.focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; } -.content-start { - align-content: flex-start !important; +.focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } -.content-end { - align-content: flex-end !important; +.pointer-events-none { + pointer-events: none !important; } -.content-between { - align-content: space-between !important; +.pointer-events-auto { + pointer-events: auto !important; } -.content-around { - align-content: space-around !important; +.static { + position: static !important; } -.content-evenly { - align-content: space-evenly !important; +.fixed { + position: fixed !important; } -.self-auto { - align-self: auto !important; +.absolute { + position: absolute !important; } -.self-start { - align-self: flex-start !important; +.relative { + position: relative !important; } -.self-end { - align-self: flex-end !important; +.sticky { + position: sticky !important; } -.self-center { - align-self: center !important; +.inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } -.self-stretch { - align-self: stretch !important; +.inset-1 { + top: 0.25rem !important; + right: 0.25rem !important; + bottom: 0.25rem !important; + left: 0.25rem !important; } -.justify-items-auto { - justify-items: auto !important; +.inset-2 { + top: 0.5rem !important; + right: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.5rem !important; } -.justify-items-start { - justify-items: start !important; +.inset-3 { + top: 0.75rem !important; + right: 0.75rem !important; + bottom: 0.75rem !important; + left: 0.75rem !important; } -.justify-items-end { - justify-items: end !important; +.inset-4 { + top: 1rem !important; + right: 1rem !important; + bottom: 1rem !important; + left: 1rem !important; } -.justify-items-center { - justify-items: center !important; +.inset-5 { + top: 1.25rem !important; + right: 1.25rem !important; + bottom: 1.25rem !important; + left: 1.25rem !important; } -.justify-items-stretch { - justify-items: stretch !important; +.inset-6 { + top: 1.5rem !important; + right: 1.5rem !important; + bottom: 1.5rem !important; + left: 1.5rem !important; } -.justify-start { - justify-content: flex-start !important; +.inset-7 { + top: 1.75rem !important; + right: 1.75rem !important; + bottom: 1.75rem !important; + left: 1.75rem !important; } -.justify-end { - justify-content: flex-end !important; +.inset-8 { + top: 2rem !important; + right: 2rem !important; + bottom: 2rem !important; + left: 2rem !important; } -.justify-center { - justify-content: center !important; +.inset-9 { + top: 2.25rem !important; + right: 2.25rem !important; + bottom: 2.25rem !important; + left: 2.25rem !important; } -.justify-between { - justify-content: space-between !important; +.inset-10 { + top: 2.5rem !important; + right: 2.5rem !important; + bottom: 2.5rem !important; + left: 2.5rem !important; } -.justify-around { - justify-content: space-around !important; +.inset-12 { + top: 3rem !important; + right: 3rem !important; + bottom: 3rem !important; + left: 3rem !important; } -.justify-evenly { - justify-content: space-evenly !important; +.inset-14 { + top: 3.5rem !important; + right: 3.5rem !important; + bottom: 3.5rem !important; + left: 3.5rem !important; } -.justify-self-auto { - justify-self: auto !important; +.inset-16 { + top: 4rem !important; + right: 4rem !important; + bottom: 4rem !important; + left: 4rem !important; } -.justify-self-start { - justify-self: start !important; +.inset-20 { + top: 5rem !important; + right: 5rem !important; + bottom: 5rem !important; + left: 5rem !important; } -.justify-self-end { - justify-self: end !important; +.inset-24 { + top: 6rem !important; + right: 6rem !important; + bottom: 6rem !important; + left: 6rem !important; } -.justify-self-center { - justify-self: center !important; +.inset-28 { + top: 7rem !important; + right: 7rem !important; + bottom: 7rem !important; + left: 7rem !important; } -.justify-self-stretch { - justify-self: stretch !important; +.inset-32 { + top: 8rem !important; + right: 8rem !important; + bottom: 8rem !important; + left: 8rem !important; } -.flex-1 { - flex: 1 1 0% !important; +.inset-36 { + top: 9rem !important; + right: 9rem !important; + bottom: 9rem !important; + left: 9rem !important; } -.flex-auto { - flex: 1 1 auto !important; +.inset-40 { + top: 10rem !important; + right: 10rem !important; + bottom: 10rem !important; + left: 10rem !important; } -.flex-initial { - flex: 0 1 auto !important; +.inset-44 { + top: 11rem !important; + right: 11rem !important; + bottom: 11rem !important; + left: 11rem !important; } -.flex-none { - flex: none !important; +.inset-48 { + top: 12rem !important; + right: 12rem !important; + bottom: 12rem !important; + left: 12rem !important; } -.flex-grow-0 { - flex-grow: 0 !important; +.inset-52 { + top: 13rem !important; + right: 13rem !important; + bottom: 13rem !important; + left: 13rem !important; } -.flex-grow { - flex-grow: 1 !important; +.inset-56 { + top: 14rem !important; + right: 14rem !important; + bottom: 14rem !important; + left: 14rem !important; } -.flex-shrink-0 { - flex-shrink: 0 !important; +.inset-60 { + top: 15rem !important; + right: 15rem !important; + bottom: 15rem !important; + left: 15rem !important; } -.flex-shrink { - flex-shrink: 1 !important; +.inset-64 { + top: 16rem !important; + right: 16rem !important; + bottom: 16rem !important; + left: 16rem !important; } -.order-1 { - order: 1 !important; +.inset-72 { + top: 18rem !important; + right: 18rem !important; + bottom: 18rem !important; + left: 18rem !important; } -.order-2 { - order: 2 !important; +.inset-80 { + top: 20rem !important; + right: 20rem !important; + bottom: 20rem !important; + left: 20rem !important; } -.order-3 { - order: 3 !important; +.inset-96 { + top: 24rem !important; + right: 24rem !important; + bottom: 24rem !important; + left: 24rem !important; } -.order-4 { - order: 4 !important; +.inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } -.order-5 { - order: 5 !important; +.inset-px { + top: 1px !important; + right: 1px !important; + bottom: 1px !important; + left: 1px !important; } -.order-6 { - order: 6 !important; +.inset-0\.5 { + top: 0.125rem !important; + right: 0.125rem !important; + bottom: 0.125rem !important; + left: 0.125rem !important; } -.order-7 { - order: 7 !important; +.inset-1\.5 { + top: 0.375rem !important; + right: 0.375rem !important; + bottom: 0.375rem !important; + left: 0.375rem !important; } -.order-8 { - order: 8 !important; +.inset-2\.5 { + top: 0.625rem !important; + right: 0.625rem !important; + bottom: 0.625rem !important; + left: 0.625rem !important; } -.order-9 { - order: 9 !important; +.inset-3\.5 { + top: 0.875rem !important; + right: 0.875rem !important; + bottom: 0.875rem !important; + left: 0.875rem !important; } -.order-10 { - order: 10 !important; +.-inset-1 { + top: -0.25rem !important; + right: -0.25rem !important; + bottom: -0.25rem !important; + left: -0.25rem !important; } -.order-11 { - order: 11 !important; +.-inset-2 { + top: -0.5rem !important; + right: -0.5rem !important; + bottom: -0.5rem !important; + left: -0.5rem !important; } -.order-12 { - order: 12 !important; +.-inset-3 { + top: -0.75rem !important; + right: -0.75rem !important; + bottom: -0.75rem !important; + left: -0.75rem !important; } -.order-first { - order: -9999 !important; +.-inset-4 { + top: -1rem !important; + right: -1rem !important; + bottom: -1rem !important; + left: -1rem !important; } -.order-last { - order: 9999 !important; +.-inset-5 { + top: -1.25rem !important; + right: -1.25rem !important; + bottom: -1.25rem !important; + left: -1.25rem !important; } -.order-none { - order: 0 !important; +.-inset-6 { + top: -1.5rem !important; + right: -1.5rem !important; + bottom: -1.5rem !important; + left: -1.5rem !important; } -.float-right { - float: right !important; +.-inset-7 { + top: -1.75rem !important; + right: -1.75rem !important; + bottom: -1.75rem !important; + left: -1.75rem !important; } -.float-left { - float: left !important; +.-inset-8 { + top: -2rem !important; + right: -2rem !important; + bottom: -2rem !important; + left: -2rem !important; } -.float-none { - float: none !important; +.-inset-9 { + top: -2.25rem !important; + right: -2.25rem !important; + bottom: -2.25rem !important; + left: -2.25rem !important; } -.clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; +.-inset-10 { + top: -2.5rem !important; + right: -2.5rem !important; + bottom: -2.5rem !important; + left: -2.5rem !important; } -.clear-left { - clear: left !important; +.-inset-12 { + top: -3rem !important; + right: -3rem !important; + bottom: -3rem !important; + left: -3rem !important; } -.clear-right { - clear: right !important; +.-inset-14 { + top: -3.5rem !important; + right: -3.5rem !important; + bottom: -3.5rem !important; + left: -3.5rem !important; } -.clear-both { - clear: both !important; +.-inset-16 { + top: -4rem !important; + right: -4rem !important; + bottom: -4rem !important; + left: -4rem !important; } -.clear-none { - clear: none !important; +.-inset-20 { + top: -5rem !important; + right: -5rem !important; + bottom: -5rem !important; + left: -5rem !important; } -.font-sans { - font-family: ui-sans-serif, 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" !important; +.-inset-24 { + top: -6rem !important; + right: -6rem !important; + bottom: -6rem !important; + left: -6rem !important; } -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; +.-inset-28 { + top: -7rem !important; + right: -7rem !important; + bottom: -7rem !important; + left: -7rem !important; } -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; +.-inset-32 { + top: -8rem !important; + right: -8rem !important; + bottom: -8rem !important; + left: -8rem !important; } -.font-thin { - font-weight: 100 !important; +.-inset-36 { + top: -9rem !important; + right: -9rem !important; + bottom: -9rem !important; + left: -9rem !important; } -.font-extralight { - font-weight: 200 !important; +.-inset-40 { + top: -10rem !important; + right: -10rem !important; + bottom: -10rem !important; + left: -10rem !important; } -.font-light { - font-weight: 300 !important; +.-inset-44 { + top: -11rem !important; + right: -11rem !important; + bottom: -11rem !important; + left: -11rem !important; } -.font-normal { - font-weight: 400 !important; +.-inset-48 { + top: -12rem !important; + right: -12rem !important; + bottom: -12rem !important; + left: -12rem !important; } -.font-medium { - font-weight: 500 !important; +.-inset-52 { + top: -13rem !important; + right: -13rem !important; + bottom: -13rem !important; + left: -13rem !important; } -.font-semibold { - font-weight: 600 !important; +.-inset-56 { + top: -14rem !important; + right: -14rem !important; + bottom: -14rem !important; + left: -14rem !important; } -.font-bold { - font-weight: 700 !important; +.-inset-60 { + top: -15rem !important; + right: -15rem !important; + bottom: -15rem !important; + left: -15rem !important; } -.font-extrabold { - font-weight: 800 !important; +.-inset-64 { + top: -16rem !important; + right: -16rem !important; + bottom: -16rem !important; + left: -16rem !important; } -.font-black { - font-weight: 900 !important; +.-inset-72 { + top: -18rem !important; + right: -18rem !important; + bottom: -18rem !important; + left: -18rem !important; } -.hover\:font-thin:hover { - font-weight: 100 !important; +.-inset-80 { + top: -20rem !important; + right: -20rem !important; + bottom: -20rem !important; + left: -20rem !important; } -.hover\:font-extralight:hover { - font-weight: 200 !important; +.-inset-96 { + top: -24rem !important; + right: -24rem !important; + bottom: -24rem !important; + left: -24rem !important; } -.hover\:font-light:hover { - font-weight: 300 !important; +.-inset-px { + top: -1px !important; + right: -1px !important; + bottom: -1px !important; + left: -1px !important; } -.hover\:font-normal:hover { - font-weight: 400 !important; +.-inset-0\.5 { + top: -0.125rem !important; + right: -0.125rem !important; + bottom: -0.125rem !important; + left: -0.125rem !important; } -.hover\:font-medium:hover { - font-weight: 500 !important; +.-inset-1\.5 { + top: -0.375rem !important; + right: -0.375rem !important; + bottom: -0.375rem !important; + left: -0.375rem !important; } -.hover\:font-semibold:hover { - font-weight: 600 !important; +.-inset-2\.5 { + top: -0.625rem !important; + right: -0.625rem !important; + bottom: -0.625rem !important; + left: -0.625rem !important; } -.hover\:font-bold:hover { - font-weight: 700 !important; +.-inset-3\.5 { + top: -0.875rem !important; + right: -0.875rem !important; + bottom: -0.875rem !important; + left: -0.875rem !important; } -.hover\:font-extrabold:hover { - font-weight: 800 !important; +.inset-1\/2 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; } -.hover\:font-black:hover { - font-weight: 900 !important; +.inset-1\/3 { + top: 33.333333% !important; + right: 33.333333% !important; + bottom: 33.333333% !important; + left: 33.333333% !important; } -.focus\:font-thin:focus { - font-weight: 100 !important; +.inset-2\/3 { + top: 66.666667% !important; + right: 66.666667% !important; + bottom: 66.666667% !important; + left: 66.666667% !important; } -.focus\:font-extralight:focus { - font-weight: 200 !important; +.inset-1\/4 { + top: 25% !important; + right: 25% !important; + bottom: 25% !important; + left: 25% !important; } -.focus\:font-light:focus { - font-weight: 300 !important; +.inset-2\/4 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; } -.focus\:font-normal:focus { - font-weight: 400 !important; +.inset-3\/4 { + top: 75% !important; + right: 75% !important; + bottom: 75% !important; + left: 75% !important; } -.focus\:font-medium:focus { - font-weight: 500 !important; +.inset-full { + top: 100% !important; + right: 100% !important; + bottom: 100% !important; + left: 100% !important; } -.focus\:font-semibold:focus { - font-weight: 600 !important; +.-inset-1\/2 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; } -.focus\:font-bold:focus { - font-weight: 700 !important; +.-inset-1\/3 { + top: -33.333333% !important; + right: -33.333333% !important; + bottom: -33.333333% !important; + left: -33.333333% !important; } -.focus\:font-extrabold:focus { - font-weight: 800 !important; +.-inset-2\/3 { + top: -66.666667% !important; + right: -66.666667% !important; + bottom: -66.666667% !important; + left: -66.666667% !important; } -.focus\:font-black:focus { - font-weight: 900 !important; +.-inset-1\/4 { + top: -25% !important; + right: -25% !important; + bottom: -25% !important; + left: -25% !important; } -.h-0 { - height: 0 !important; +.-inset-2\/4 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; } -.h-1 { - height: 0.25rem !important; +.-inset-3\/4 { + top: -75% !important; + right: -75% !important; + bottom: -75% !important; + left: -75% !important; } -.h-2 { - height: 0.5rem !important; +.-inset-full { + top: -100% !important; + right: -100% !important; + bottom: -100% !important; + left: -100% !important; } -.h-3 { - height: 0.75rem !important; +.inset-y-0 { + top: 0 !important; + bottom: 0 !important; } -.h-4 { - height: 1rem !important; +.inset-x-0 { + right: 0 !important; + left: 0 !important; } -.h-5 { - height: 1.25rem !important; +.inset-y-1 { + top: 0.25rem !important; + bottom: 0.25rem !important; } -.h-6 { - height: 1.5rem !important; +.inset-x-1 { + right: 0.25rem !important; + left: 0.25rem !important; } -.h-7 { - height: 1.75rem !important; +.inset-y-2 { + top: 0.5rem !important; + bottom: 0.5rem !important; } -.h-8 { - height: 2rem !important; +.inset-x-2 { + right: 0.5rem !important; + left: 0.5rem !important; } -.h-9 { - height: 2.25rem !important; +.inset-y-3 { + top: 0.75rem !important; + bottom: 0.75rem !important; } -.h-10 { - height: 2.5rem !important; +.inset-x-3 { + right: 0.75rem !important; + left: 0.75rem !important; } -.h-12 { - height: 3rem !important; +.inset-y-4 { + top: 1rem !important; + bottom: 1rem !important; } -.h-14 { - height: 3.5rem !important; +.inset-x-4 { + right: 1rem !important; + left: 1rem !important; } -.h-16 { - height: 4rem !important; +.inset-y-5 { + top: 1.25rem !important; + bottom: 1.25rem !important; } -.h-20 { - height: 5rem !important; +.inset-x-5 { + right: 1.25rem !important; + left: 1.25rem !important; } -.h-24 { - height: 6rem !important; +.inset-y-6 { + top: 1.5rem !important; + bottom: 1.5rem !important; } -.h-28 { - height: 7rem !important; +.inset-x-6 { + right: 1.5rem !important; + left: 1.5rem !important; } -.h-32 { - height: 8rem !important; +.inset-y-7 { + top: 1.75rem !important; + bottom: 1.75rem !important; } -.h-36 { - height: 9rem !important; +.inset-x-7 { + right: 1.75rem !important; + left: 1.75rem !important; } -.h-40 { - height: 10rem !important; +.inset-y-8 { + top: 2rem !important; + bottom: 2rem !important; } -.h-44 { - height: 11rem !important; +.inset-x-8 { + right: 2rem !important; + left: 2rem !important; } -.h-48 { - height: 12rem !important; +.inset-y-9 { + top: 2.25rem !important; + bottom: 2.25rem !important; } -.h-52 { - height: 13rem !important; +.inset-x-9 { + right: 2.25rem !important; + left: 2.25rem !important; } -.h-56 { - height: 14rem !important; +.inset-y-10 { + top: 2.5rem !important; + bottom: 2.5rem !important; } -.h-60 { - height: 15rem !important; +.inset-x-10 { + right: 2.5rem !important; + left: 2.5rem !important; } -.h-64 { - height: 16rem !important; +.inset-y-12 { + top: 3rem !important; + bottom: 3rem !important; } -.h-72 { - height: 18rem !important; +.inset-x-12 { + right: 3rem !important; + left: 3rem !important; } -.h-80 { - height: 20rem !important; +.inset-y-14 { + top: 3.5rem !important; + bottom: 3.5rem !important; } -.h-96 { - height: 24rem !important; +.inset-x-14 { + right: 3.5rem !important; + left: 3.5rem !important; } -.h-auto { - height: auto !important; +.inset-y-16 { + top: 4rem !important; + bottom: 4rem !important; } -.h-px { - height: 1px !important; +.inset-x-16 { + right: 4rem !important; + left: 4rem !important; } -.h-0\.5 { - height: 0.125rem !important; +.inset-y-20 { + top: 5rem !important; + bottom: 5rem !important; } -.h-1\.5 { - height: 0.375rem !important; +.inset-x-20 { + right: 5rem !important; + left: 5rem !important; } -.h-2\.5 { - height: 0.625rem !important; +.inset-y-24 { + top: 6rem !important; + bottom: 6rem !important; } -.h-3\.5 { - height: 0.875rem !important; +.inset-x-24 { + right: 6rem !important; + left: 6rem !important; } -.h-full { - height: 100% !important; +.inset-y-28 { + top: 7rem !important; + bottom: 7rem !important; } -.h-screen { - height: 100vh !important; +.inset-x-28 { + right: 7rem !important; + left: 7rem !important; } -.text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; +.inset-y-32 { + top: 8rem !important; + bottom: 8rem !important; } -.text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; +.inset-x-32 { + right: 8rem !important; + left: 8rem !important; } -.text-base { - font-size: 1rem !important; - line-height: 1.5rem !important; +.inset-y-36 { + top: 9rem !important; + bottom: 9rem !important; } -.text-lg { - font-size: 1.125rem !important; - line-height: 1.75rem !important; +.inset-x-36 { + right: 9rem !important; + left: 9rem !important; } -.text-xl { - font-size: 1.25rem !important; - line-height: 1.75rem !important; +.inset-y-40 { + top: 10rem !important; + bottom: 10rem !important; } -.text-2xl { - font-size: 1.5rem !important; - line-height: 2rem !important; +.inset-x-40 { + right: 10rem !important; + left: 10rem !important; } -.text-3xl { - font-size: 1.875rem !important; - line-height: 2.25rem !important; +.inset-y-44 { + top: 11rem !important; + bottom: 11rem !important; } -.text-4xl { - font-size: 2.25rem !important; - line-height: 2.5rem !important; +.inset-x-44 { + right: 11rem !important; + left: 11rem !important; } -.text-5xl { - font-size: 3rem !important; - line-height: 1 !important; +.inset-y-48 { + top: 12rem !important; + bottom: 12rem !important; } -.text-6xl { - font-size: 3.75rem !important; - line-height: 1 !important; +.inset-x-48 { + right: 12rem !important; + left: 12rem !important; } -.text-7xl { - font-size: 4.5rem !important; - line-height: 1 !important; +.inset-y-52 { + top: 13rem !important; + bottom: 13rem !important; } -.text-8xl { - font-size: 6rem !important; - line-height: 1 !important; +.inset-x-52 { + right: 13rem !important; + left: 13rem !important; } -.text-9xl { - font-size: 8rem !important; - line-height: 1 !important; +.inset-y-56 { + top: 14rem !important; + bottom: 14rem !important; } -.leading-3 { - line-height: .75rem !important; +.inset-x-56 { + right: 14rem !important; + left: 14rem !important; } -.leading-4 { - line-height: 1rem !important; +.inset-y-60 { + top: 15rem !important; + bottom: 15rem !important; } -.leading-5 { - line-height: 1.25rem !important; +.inset-x-60 { + right: 15rem !important; + left: 15rem !important; } -.leading-6 { - line-height: 1.5rem !important; +.inset-y-64 { + top: 16rem !important; + bottom: 16rem !important; } -.leading-7 { - line-height: 1.75rem !important; +.inset-x-64 { + right: 16rem !important; + left: 16rem !important; } -.leading-8 { - line-height: 2rem !important; +.inset-y-72 { + top: 18rem !important; + bottom: 18rem !important; } -.leading-9 { - line-height: 2.25rem !important; +.inset-x-72 { + right: 18rem !important; + left: 18rem !important; } -.leading-10 { - line-height: 2.5rem !important; +.inset-y-80 { + top: 20rem !important; + bottom: 20rem !important; } -.leading-none { - line-height: 1 !important; +.inset-x-80 { + right: 20rem !important; + left: 20rem !important; } -.leading-tight { - line-height: 1.25 !important; +.inset-y-96 { + top: 24rem !important; + bottom: 24rem !important; } -.leading-snug { - line-height: 1.375 !important; +.inset-x-96 { + right: 24rem !important; + left: 24rem !important; } -.leading-normal { - line-height: 1.5 !important; +.inset-y-auto { + top: auto !important; + bottom: auto !important; } -.leading-relaxed { - line-height: 1.625 !important; +.inset-x-auto { + right: auto !important; + left: auto !important; } -.leading-loose { - line-height: 2 !important; +.inset-y-px { + top: 1px !important; + bottom: 1px !important; } -.list-inside { - list-style-position: inside !important; +.inset-x-px { + right: 1px !important; + left: 1px !important; } -.list-outside { - list-style-position: outside !important; +.inset-y-0\.5 { + top: 0.125rem !important; + bottom: 0.125rem !important; } -.list-none { - list-style-type: none !important; +.inset-x-0\.5 { + right: 0.125rem !important; + left: 0.125rem !important; } -.list-disc { - list-style-type: disc !important; +.inset-y-1\.5 { + top: 0.375rem !important; + bottom: 0.375rem !important; } -.list-decimal { - list-style-type: decimal !important; +.inset-x-1\.5 { + right: 0.375rem !important; + left: 0.375rem !important; } -.m-0 { - margin: 0 !important; +.inset-y-2\.5 { + top: 0.625rem !important; + bottom: 0.625rem !important; } -.m-1 { - margin: 0.25rem !important; +.inset-x-2\.5 { + right: 0.625rem !important; + left: 0.625rem !important; } -.m-2 { - margin: 0.5rem !important; +.inset-y-3\.5 { + top: 0.875rem !important; + bottom: 0.875rem !important; } -.m-3 { - margin: 0.75rem !important; +.inset-x-3\.5 { + right: 0.875rem !important; + left: 0.875rem !important; } -.m-4 { - margin: 1rem !important; +.-inset-y-1 { + top: -0.25rem !important; + bottom: -0.25rem !important; } -.m-5 { - margin: 1.25rem !important; +.-inset-x-1 { + right: -0.25rem !important; + left: -0.25rem !important; } -.m-6 { - margin: 1.5rem !important; +.-inset-y-2 { + top: -0.5rem !important; + bottom: -0.5rem !important; } -.m-7 { - margin: 1.75rem !important; +.-inset-x-2 { + right: -0.5rem !important; + left: -0.5rem !important; } -.m-8 { - margin: 2rem !important; +.-inset-y-3 { + top: -0.75rem !important; + bottom: -0.75rem !important; } -.m-9 { - margin: 2.25rem !important; +.-inset-x-3 { + right: -0.75rem !important; + left: -0.75rem !important; } -.m-10 { - margin: 2.5rem !important; +.-inset-y-4 { + top: -1rem !important; + bottom: -1rem !important; } -.m-12 { - margin: 3rem !important; +.-inset-x-4 { + right: -1rem !important; + left: -1rem !important; } -.m-14 { - margin: 3.5rem !important; +.-inset-y-5 { + top: -1.25rem !important; + bottom: -1.25rem !important; } -.m-16 { - margin: 4rem !important; +.-inset-x-5 { + right: -1.25rem !important; + left: -1.25rem !important; } -.m-20 { - margin: 5rem !important; +.-inset-y-6 { + top: -1.5rem !important; + bottom: -1.5rem !important; } -.m-24 { - margin: 6rem !important; +.-inset-x-6 { + right: -1.5rem !important; + left: -1.5rem !important; } -.m-28 { - margin: 7rem !important; +.-inset-y-7 { + top: -1.75rem !important; + bottom: -1.75rem !important; } -.m-32 { - margin: 8rem !important; +.-inset-x-7 { + right: -1.75rem !important; + left: -1.75rem !important; } -.m-36 { - margin: 9rem !important; +.-inset-y-8 { + top: -2rem !important; + bottom: -2rem !important; } -.m-40 { - margin: 10rem !important; +.-inset-x-8 { + right: -2rem !important; + left: -2rem !important; } -.m-44 { - margin: 11rem !important; +.-inset-y-9 { + top: -2.25rem !important; + bottom: -2.25rem !important; } -.m-48 { - margin: 12rem !important; +.-inset-x-9 { + right: -2.25rem !important; + left: -2.25rem !important; } -.m-52 { - margin: 13rem !important; +.-inset-y-10 { + top: -2.5rem !important; + bottom: -2.5rem !important; } -.m-56 { - margin: 14rem !important; +.-inset-x-10 { + right: -2.5rem !important; + left: -2.5rem !important; } -.m-60 { - margin: 15rem !important; +.-inset-y-12 { + top: -3rem !important; + bottom: -3rem !important; } -.m-64 { - margin: 16rem !important; +.-inset-x-12 { + right: -3rem !important; + left: -3rem !important; } -.m-72 { - margin: 18rem !important; +.-inset-y-14 { + top: -3.5rem !important; + bottom: -3.5rem !important; } -.m-80 { - margin: 20rem !important; +.-inset-x-14 { + right: -3.5rem !important; + left: -3.5rem !important; } -.m-96 { - margin: 24rem !important; +.-inset-y-16 { + top: -4rem !important; + bottom: -4rem !important; } -.m-auto { - margin: auto !important; +.-inset-x-16 { + right: -4rem !important; + left: -4rem !important; } -.m-px { - margin: 1px !important; +.-inset-y-20 { + top: -5rem !important; + bottom: -5rem !important; } -.m-0\.5 { - margin: 0.125rem !important; +.-inset-x-20 { + right: -5rem !important; + left: -5rem !important; } -.m-1\.5 { - margin: 0.375rem !important; +.-inset-y-24 { + top: -6rem !important; + bottom: -6rem !important; } -.m-2\.5 { - margin: 0.625rem !important; +.-inset-x-24 { + right: -6rem !important; + left: -6rem !important; } -.m-3\.5 { - margin: 0.875rem !important; +.-inset-y-28 { + top: -7rem !important; + bottom: -7rem !important; } -.-m-1 { - margin: -0.25rem !important; +.-inset-x-28 { + right: -7rem !important; + left: -7rem !important; } -.-m-2 { - margin: -0.5rem !important; +.-inset-y-32 { + top: -8rem !important; + bottom: -8rem !important; } -.-m-3 { - margin: -0.75rem !important; +.-inset-x-32 { + right: -8rem !important; + left: -8rem !important; } -.-m-4 { - margin: -1rem !important; +.-inset-y-36 { + top: -9rem !important; + bottom: -9rem !important; } -.-m-5 { - margin: -1.25rem !important; +.-inset-x-36 { + right: -9rem !important; + left: -9rem !important; } -.-m-6 { - margin: -1.5rem !important; +.-inset-y-40 { + top: -10rem !important; + bottom: -10rem !important; } -.-m-7 { - margin: -1.75rem !important; +.-inset-x-40 { + right: -10rem !important; + left: -10rem !important; } -.-m-8 { - margin: -2rem !important; +.-inset-y-44 { + top: -11rem !important; + bottom: -11rem !important; } -.-m-9 { - margin: -2.25rem !important; +.-inset-x-44 { + right: -11rem !important; + left: -11rem !important; } -.-m-10 { - margin: -2.5rem !important; +.-inset-y-48 { + top: -12rem !important; + bottom: -12rem !important; } -.-m-12 { - margin: -3rem !important; +.-inset-x-48 { + right: -12rem !important; + left: -12rem !important; } -.-m-14 { - margin: -3.5rem !important; +.-inset-y-52 { + top: -13rem !important; + bottom: -13rem !important; } -.-m-16 { - margin: -4rem !important; +.-inset-x-52 { + right: -13rem !important; + left: -13rem !important; } -.-m-20 { - margin: -5rem !important; +.-inset-y-56 { + top: -14rem !important; + bottom: -14rem !important; } -.-m-24 { - margin: -6rem !important; +.-inset-x-56 { + right: -14rem !important; + left: -14rem !important; } -.-m-28 { - margin: -7rem !important; +.-inset-y-60 { + top: -15rem !important; + bottom: -15rem !important; } -.-m-32 { - margin: -8rem !important; +.-inset-x-60 { + right: -15rem !important; + left: -15rem !important; } -.-m-36 { - margin: -9rem !important; +.-inset-y-64 { + top: -16rem !important; + bottom: -16rem !important; } -.-m-40 { - margin: -10rem !important; +.-inset-x-64 { + right: -16rem !important; + left: -16rem !important; } -.-m-44 { - margin: -11rem !important; +.-inset-y-72 { + top: -18rem !important; + bottom: -18rem !important; } -.-m-48 { - margin: -12rem !important; +.-inset-x-72 { + right: -18rem !important; + left: -18rem !important; } -.-m-52 { - margin: -13rem !important; +.-inset-y-80 { + top: -20rem !important; + bottom: -20rem !important; } -.-m-56 { - margin: -14rem !important; +.-inset-x-80 { + right: -20rem !important; + left: -20rem !important; } -.-m-60 { - margin: -15rem !important; +.-inset-y-96 { + top: -24rem !important; + bottom: -24rem !important; } -.-m-64 { - margin: -16rem !important; +.-inset-x-96 { + right: -24rem !important; + left: -24rem !important; } -.-m-72 { - margin: -18rem !important; +.-inset-y-px { + top: -1px !important; + bottom: -1px !important; } -.-m-80 { - margin: -20rem !important; +.-inset-x-px { + right: -1px !important; + left: -1px !important; } -.-m-96 { - margin: -24rem !important; +.-inset-y-0\.5 { + top: -0.125rem !important; + bottom: -0.125rem !important; } -.-m-px { - margin: -1px !important; +.-inset-x-0\.5 { + right: -0.125rem !important; + left: -0.125rem !important; } -.-m-0\.5 { - margin: -0.125rem !important; +.-inset-y-1\.5 { + top: -0.375rem !important; + bottom: -0.375rem !important; } -.-m-1\.5 { - margin: -0.375rem !important; +.-inset-x-1\.5 { + right: -0.375rem !important; + left: -0.375rem !important; } -.-m-2\.5 { - margin: -0.625rem !important; +.-inset-y-2\.5 { + top: -0.625rem !important; + bottom: -0.625rem !important; } -.-m-3\.5 { - margin: -0.875rem !important; +.-inset-x-2\.5 { + right: -0.625rem !important; + left: -0.625rem !important; } -.my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; +.-inset-y-3\.5 { + top: -0.875rem !important; + bottom: -0.875rem !important; } -.mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; +.-inset-x-3\.5 { + right: -0.875rem !important; + left: -0.875rem !important; } -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; +.inset-y-1\/2 { + top: 50% !important; + bottom: 50% !important; } -.mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; +.inset-x-1\/2 { + right: 50% !important; + left: 50% !important; } -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; +.inset-y-1\/3 { + top: 33.333333% !important; + bottom: 33.333333% !important; } -.mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; +.inset-x-1\/3 { + right: 33.333333% !important; + left: 33.333333% !important; } -.my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; +.inset-y-2\/3 { + top: 66.666667% !important; + bottom: 66.666667% !important; } -.mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; +.inset-x-2\/3 { + right: 66.666667% !important; + left: 66.666667% !important; } -.my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; +.inset-y-1\/4 { + top: 25% !important; + bottom: 25% !important; } -.mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; +.inset-x-1\/4 { + right: 25% !important; + left: 25% !important; } -.my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; +.inset-y-2\/4 { + top: 50% !important; + bottom: 50% !important; } -.mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; +.inset-x-2\/4 { + right: 50% !important; + left: 50% !important; } -.my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; +.inset-y-3\/4 { + top: 75% !important; + bottom: 75% !important; } -.mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; +.inset-x-3\/4 { + right: 75% !important; + left: 75% !important; } -.my-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; +.inset-y-full { + top: 100% !important; + bottom: 100% !important; } -.mx-7 { - margin-left: 1.75rem !important; - margin-right: 1.75rem !important; +.inset-x-full { + right: 100% !important; + left: 100% !important; } -.my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; +.-inset-y-1\/2 { + top: -50% !important; + bottom: -50% !important; } -.mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; +.-inset-x-1\/2 { + right: -50% !important; + left: -50% !important; } -.my-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; +.-inset-y-1\/3 { + top: -33.333333% !important; + bottom: -33.333333% !important; } -.mx-9 { - margin-left: 2.25rem !important; - margin-right: 2.25rem !important; +.-inset-x-1\/3 { + right: -33.333333% !important; + left: -33.333333% !important; } -.my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; +.-inset-y-2\/3 { + top: -66.666667% !important; + bottom: -66.666667% !important; } -.mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; +.-inset-x-2\/3 { + right: -66.666667% !important; + left: -66.666667% !important; } -.my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; +.-inset-y-1\/4 { + top: -25% !important; + bottom: -25% !important; } -.mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; +.-inset-x-1\/4 { + right: -25% !important; + left: -25% !important; } -.my-14 { - margin-top: 3.5rem !important; - margin-bottom: 3.5rem !important; +.-inset-y-2\/4 { + top: -50% !important; + bottom: -50% !important; } -.mx-14 { - margin-left: 3.5rem !important; - margin-right: 3.5rem !important; +.-inset-x-2\/4 { + right: -50% !important; + left: -50% !important; } -.my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; +.-inset-y-3\/4 { + top: -75% !important; + bottom: -75% !important; } -.mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; +.-inset-x-3\/4 { + right: -75% !important; + left: -75% !important; } -.my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; +.-inset-y-full { + top: -100% !important; + bottom: -100% !important; } -.mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; +.-inset-x-full { + right: -100% !important; + left: -100% !important; } -.my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; +.top-0 { + top: 0 !important; } -.mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; +.right-0 { + right: 0 !important; } -.my-28 { - margin-top: 7rem !important; - margin-bottom: 7rem !important; +.bottom-0 { + bottom: 0 !important; } -.mx-28 { - margin-left: 7rem !important; - margin-right: 7rem !important; +.left-0 { + left: 0 !important; } -.my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; +.top-1 { + top: 0.25rem !important; } -.mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; +.right-1 { + right: 0.25rem !important; } -.my-36 { - margin-top: 9rem !important; - margin-bottom: 9rem !important; +.bottom-1 { + bottom: 0.25rem !important; } -.mx-36 { - margin-left: 9rem !important; - margin-right: 9rem !important; +.left-1 { + left: 0.25rem !important; } -.my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; +.top-2 { + top: 0.5rem !important; } -.mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; +.right-2 { + right: 0.5rem !important; } -.my-44 { - margin-top: 11rem !important; - margin-bottom: 11rem !important; +.bottom-2 { + bottom: 0.5rem !important; } -.mx-44 { - margin-left: 11rem !important; - margin-right: 11rem !important; +.left-2 { + left: 0.5rem !important; } -.my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; +.top-3 { + top: 0.75rem !important; } -.mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; +.right-3 { + right: 0.75rem !important; } -.my-52 { - margin-top: 13rem !important; - margin-bottom: 13rem !important; +.bottom-3 { + bottom: 0.75rem !important; } -.mx-52 { - margin-left: 13rem !important; - margin-right: 13rem !important; +.left-3 { + left: 0.75rem !important; } -.my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; +.top-4 { + top: 1rem !important; } -.mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; +.right-4 { + right: 1rem !important; } -.my-60 { - margin-top: 15rem !important; - margin-bottom: 15rem !important; +.bottom-4 { + bottom: 1rem !important; } -.mx-60 { - margin-left: 15rem !important; - margin-right: 15rem !important; +.left-4 { + left: 1rem !important; } -.my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; +.top-5 { + top: 1.25rem !important; } -.mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; +.right-5 { + right: 1.25rem !important; } -.my-72 { - margin-top: 18rem !important; - margin-bottom: 18rem !important; +.bottom-5 { + bottom: 1.25rem !important; } -.mx-72 { - margin-left: 18rem !important; - margin-right: 18rem !important; +.left-5 { + left: 1.25rem !important; } -.my-80 { - margin-top: 20rem !important; - margin-bottom: 20rem !important; +.top-6 { + top: 1.5rem !important; } -.mx-80 { - margin-left: 20rem !important; - margin-right: 20rem !important; +.right-6 { + right: 1.5rem !important; } -.my-96 { - margin-top: 24rem !important; - margin-bottom: 24rem !important; +.bottom-6 { + bottom: 1.5rem !important; } -.mx-96 { - margin-left: 24rem !important; - margin-right: 24rem !important; +.left-6 { + left: 1.5rem !important; } -.my-auto { - margin-top: auto !important; - margin-bottom: auto !important; +.top-7 { + top: 1.75rem !important; } -.mx-auto { - margin-left: auto !important; - margin-right: auto !important; +.right-7 { + right: 1.75rem !important; } -.my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; +.bottom-7 { + bottom: 1.75rem !important; } -.mx-px { - margin-left: 1px !important; - margin-right: 1px !important; +.left-7 { + left: 1.75rem !important; } -.my-0\.5 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; +.top-8 { + top: 2rem !important; } -.mx-0\.5 { - margin-left: 0.125rem !important; - margin-right: 0.125rem !important; +.right-8 { + right: 2rem !important; } -.my-1\.5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; +.bottom-8 { + bottom: 2rem !important; } -.mx-1\.5 { - margin-left: 0.375rem !important; - margin-right: 0.375rem !important; +.left-8 { + left: 2rem !important; } -.my-2\.5 { - margin-top: 0.625rem !important; - margin-bottom: 0.625rem !important; +.top-9 { + top: 2.25rem !important; } -.mx-2\.5 { - margin-left: 0.625rem !important; - margin-right: 0.625rem !important; +.right-9 { + right: 2.25rem !important; } -.my-3\.5 { - margin-top: 0.875rem !important; - margin-bottom: 0.875rem !important; +.bottom-9 { + bottom: 2.25rem !important; } -.mx-3\.5 { - margin-left: 0.875rem !important; - margin-right: 0.875rem !important; +.left-9 { + left: 2.25rem !important; } -.-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; +.top-10 { + top: 2.5rem !important; } -.-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; +.right-10 { + right: 2.5rem !important; } -.-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; +.bottom-10 { + bottom: 2.5rem !important; } -.-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; +.left-10 { + left: 2.5rem !important; } -.-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; +.top-12 { + top: 3rem !important; } -.-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; +.right-12 { + right: 3rem !important; } -.-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; +.bottom-12 { + bottom: 3rem !important; } -.-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; +.left-12 { + left: 3rem !important; } -.-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; +.top-14 { + top: 3.5rem !important; } -.-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; +.right-14 { + right: 3.5rem !important; } -.-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; +.bottom-14 { + bottom: 3.5rem !important; } -.-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; +.left-14 { + left: 3.5rem !important; } -.-my-7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; +.top-16 { + top: 4rem !important; } -.-mx-7 { - margin-left: -1.75rem !important; - margin-right: -1.75rem !important; +.right-16 { + right: 4rem !important; } -.-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; +.bottom-16 { + bottom: 4rem !important; } -.-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; +.left-16 { + left: 4rem !important; } -.-my-9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; +.top-20 { + top: 5rem !important; } -.-mx-9 { - margin-left: -2.25rem !important; - margin-right: -2.25rem !important; +.right-20 { + right: 5rem !important; } -.-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; +.bottom-20 { + bottom: 5rem !important; } -.-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; +.left-20 { + left: 5rem !important; } -.-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; +.top-24 { + top: 6rem !important; } -.-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; +.right-24 { + right: 6rem !important; } -.-my-14 { - margin-top: -3.5rem !important; - margin-bottom: -3.5rem !important; +.bottom-24 { + bottom: 6rem !important; } -.-mx-14 { - margin-left: -3.5rem !important; - margin-right: -3.5rem !important; +.left-24 { + left: 6rem !important; } -.-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; +.top-28 { + top: 7rem !important; } -.-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; +.right-28 { + right: 7rem !important; } -.-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; +.bottom-28 { + bottom: 7rem !important; } -.-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; +.left-28 { + left: 7rem !important; } -.-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; +.top-32 { + top: 8rem !important; } -.-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; +.right-32 { + right: 8rem !important; } -.-my-28 { - margin-top: -7rem !important; - margin-bottom: -7rem !important; +.bottom-32 { + bottom: 8rem !important; } -.-mx-28 { - margin-left: -7rem !important; - margin-right: -7rem !important; +.left-32 { + left: 8rem !important; } -.-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; +.top-36 { + top: 9rem !important; } -.-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; +.right-36 { + right: 9rem !important; } -.-my-36 { - margin-top: -9rem !important; - margin-bottom: -9rem !important; +.bottom-36 { + bottom: 9rem !important; } -.-mx-36 { - margin-left: -9rem !important; - margin-right: -9rem !important; +.left-36 { + left: 9rem !important; } -.-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; +.top-40 { + top: 10rem !important; } -.-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; +.right-40 { + right: 10rem !important; } -.-my-44 { - margin-top: -11rem !important; - margin-bottom: -11rem !important; +.bottom-40 { + bottom: 10rem !important; } -.-mx-44 { - margin-left: -11rem !important; - margin-right: -11rem !important; +.left-40 { + left: 10rem !important; } -.-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; +.top-44 { + top: 11rem !important; } -.-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; +.right-44 { + right: 11rem !important; } -.-my-52 { - margin-top: -13rem !important; - margin-bottom: -13rem !important; +.bottom-44 { + bottom: 11rem !important; } -.-mx-52 { - margin-left: -13rem !important; - margin-right: -13rem !important; +.left-44 { + left: 11rem !important; } -.-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; +.top-48 { + top: 12rem !important; } -.-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; +.right-48 { + right: 12rem !important; } -.-my-60 { - margin-top: -15rem !important; - margin-bottom: -15rem !important; +.bottom-48 { + bottom: 12rem !important; } -.-mx-60 { - margin-left: -15rem !important; - margin-right: -15rem !important; +.left-48 { + left: 12rem !important; } -.-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; +.top-52 { + top: 13rem !important; } -.-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; +.right-52 { + right: 13rem !important; } -.-my-72 { - margin-top: -18rem !important; - margin-bottom: -18rem !important; +.bottom-52 { + bottom: 13rem !important; } -.-mx-72 { - margin-left: -18rem !important; - margin-right: -18rem !important; +.left-52 { + left: 13rem !important; } -.-my-80 { - margin-top: -20rem !important; - margin-bottom: -20rem !important; +.top-56 { + top: 14rem !important; } -.-mx-80 { - margin-left: -20rem !important; - margin-right: -20rem !important; +.right-56 { + right: 14rem !important; } -.-my-96 { - margin-top: -24rem !important; - margin-bottom: -24rem !important; +.bottom-56 { + bottom: 14rem !important; } -.-mx-96 { - margin-left: -24rem !important; - margin-right: -24rem !important; +.left-56 { + left: 14rem !important; } -.-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; +.top-60 { + top: 15rem !important; } -.-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; +.right-60 { + right: 15rem !important; } -.-my-0\.5 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; +.bottom-60 { + bottom: 15rem !important; } -.-mx-0\.5 { - margin-left: -0.125rem !important; - margin-right: -0.125rem !important; +.left-60 { + left: 15rem !important; } -.-my-1\.5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; +.top-64 { + top: 16rem !important; } -.-mx-1\.5 { - margin-left: -0.375rem !important; - margin-right: -0.375rem !important; +.right-64 { + right: 16rem !important; } -.-my-2\.5 { - margin-top: -0.625rem !important; - margin-bottom: -0.625rem !important; +.bottom-64 { + bottom: 16rem !important; } -.-mx-2\.5 { - margin-left: -0.625rem !important; - margin-right: -0.625rem !important; +.left-64 { + left: 16rem !important; } -.-my-3\.5 { - margin-top: -0.875rem !important; - margin-bottom: -0.875rem !important; +.top-72 { + top: 18rem !important; } -.-mx-3\.5 { - margin-left: -0.875rem !important; - margin-right: -0.875rem !important; +.right-72 { + right: 18rem !important; } -.mt-0 { - margin-top: 0 !important; +.bottom-72 { + bottom: 18rem !important; } -.mr-0 { - margin-right: 0 !important; +.left-72 { + left: 18rem !important; } -.mb-0 { - margin-bottom: 0 !important; +.top-80 { + top: 20rem !important; } -.ml-0 { - margin-left: 0 !important; -} +.right-80 { + right: 20rem !important; +} -.mt-1 { - margin-top: 0.25rem !important; +.bottom-80 { + bottom: 20rem !important; } -.mr-1 { - margin-right: 0.25rem !important; +.left-80 { + left: 20rem !important; } -.mb-1 { - margin-bottom: 0.25rem !important; +.top-96 { + top: 24rem !important; } -.ml-1 { - margin-left: 0.25rem !important; +.right-96 { + right: 24rem !important; } -.mt-2 { - margin-top: 0.5rem !important; +.bottom-96 { + bottom: 24rem !important; } -.mr-2 { - margin-right: 0.5rem !important; +.left-96 { + left: 24rem !important; } -.mb-2 { - margin-bottom: 0.5rem !important; +.top-auto { + top: auto !important; } -.ml-2 { - margin-left: 0.5rem !important; +.right-auto { + right: auto !important; } -.mt-3 { - margin-top: 0.75rem !important; +.bottom-auto { + bottom: auto !important; } -.mr-3 { - margin-right: 0.75rem !important; +.left-auto { + left: auto !important; } -.mb-3 { - margin-bottom: 0.75rem !important; +.top-px { + top: 1px !important; } -.ml-3 { - margin-left: 0.75rem !important; +.right-px { + right: 1px !important; } -.mt-4 { - margin-top: 1rem !important; +.bottom-px { + bottom: 1px !important; } -.mr-4 { - margin-right: 1rem !important; +.left-px { + left: 1px !important; } -.mb-4 { - margin-bottom: 1rem !important; +.top-0\.5 { + top: 0.125rem !important; } -.ml-4 { - margin-left: 1rem !important; +.right-0\.5 { + right: 0.125rem !important; } -.mt-5 { - margin-top: 1.25rem !important; +.bottom-0\.5 { + bottom: 0.125rem !important; } -.mr-5 { - margin-right: 1.25rem !important; +.left-0\.5 { + left: 0.125rem !important; } -.mb-5 { - margin-bottom: 1.25rem !important; +.top-1\.5 { + top: 0.375rem !important; } -.ml-5 { - margin-left: 1.25rem !important; +.right-1\.5 { + right: 0.375rem !important; } -.mt-6 { - margin-top: 1.5rem !important; +.bottom-1\.5 { + bottom: 0.375rem !important; } -.mr-6 { - margin-right: 1.5rem !important; +.left-1\.5 { + left: 0.375rem !important; } -.mb-6 { - margin-bottom: 1.5rem !important; +.top-2\.5 { + top: 0.625rem !important; } -.ml-6 { - margin-left: 1.5rem !important; +.right-2\.5 { + right: 0.625rem !important; } -.mt-7 { - margin-top: 1.75rem !important; +.bottom-2\.5 { + bottom: 0.625rem !important; } -.mr-7 { - margin-right: 1.75rem !important; +.left-2\.5 { + left: 0.625rem !important; } -.mb-7 { - margin-bottom: 1.75rem !important; +.top-3\.5 { + top: 0.875rem !important; } -.ml-7 { - margin-left: 1.75rem !important; +.right-3\.5 { + right: 0.875rem !important; } -.mt-8 { - margin-top: 2rem !important; +.bottom-3\.5 { + bottom: 0.875rem !important; } -.mr-8 { - margin-right: 2rem !important; +.left-3\.5 { + left: 0.875rem !important; } -.mb-8 { - margin-bottom: 2rem !important; +.-top-1 { + top: -0.25rem !important; } -.ml-8 { - margin-left: 2rem !important; +.-right-1 { + right: -0.25rem !important; } -.mt-9 { - margin-top: 2.25rem !important; +.-bottom-1 { + bottom: -0.25rem !important; } -.mr-9 { - margin-right: 2.25rem !important; +.-left-1 { + left: -0.25rem !important; } -.mb-9 { - margin-bottom: 2.25rem !important; +.-top-2 { + top: -0.5rem !important; } -.ml-9 { - margin-left: 2.25rem !important; +.-right-2 { + right: -0.5rem !important; } -.mt-10 { - margin-top: 2.5rem !important; +.-bottom-2 { + bottom: -0.5rem !important; } -.mr-10 { - margin-right: 2.5rem !important; +.-left-2 { + left: -0.5rem !important; } -.mb-10 { - margin-bottom: 2.5rem !important; +.-top-3 { + top: -0.75rem !important; } -.ml-10 { - margin-left: 2.5rem !important; +.-right-3 { + right: -0.75rem !important; } -.mt-12 { - margin-top: 3rem !important; +.-bottom-3 { + bottom: -0.75rem !important; } -.mr-12 { - margin-right: 3rem !important; +.-left-3 { + left: -0.75rem !important; } -.mb-12 { - margin-bottom: 3rem !important; +.-top-4 { + top: -1rem !important; } -.ml-12 { - margin-left: 3rem !important; +.-right-4 { + right: -1rem !important; } -.mt-14 { - margin-top: 3.5rem !important; +.-bottom-4 { + bottom: -1rem !important; } -.mr-14 { - margin-right: 3.5rem !important; +.-left-4 { + left: -1rem !important; } -.mb-14 { - margin-bottom: 3.5rem !important; +.-top-5 { + top: -1.25rem !important; } -.ml-14 { - margin-left: 3.5rem !important; +.-right-5 { + right: -1.25rem !important; } -.mt-16 { - margin-top: 4rem !important; +.-bottom-5 { + bottom: -1.25rem !important; } -.mr-16 { - margin-right: 4rem !important; +.-left-5 { + left: -1.25rem !important; } -.mb-16 { - margin-bottom: 4rem !important; +.-top-6 { + top: -1.5rem !important; } -.ml-16 { - margin-left: 4rem !important; +.-right-6 { + right: -1.5rem !important; } -.mt-20 { - margin-top: 5rem !important; +.-bottom-6 { + bottom: -1.5rem !important; } -.mr-20 { - margin-right: 5rem !important; +.-left-6 { + left: -1.5rem !important; } -.mb-20 { - margin-bottom: 5rem !important; +.-top-7 { + top: -1.75rem !important; } -.ml-20 { - margin-left: 5rem !important; +.-right-7 { + right: -1.75rem !important; } -.mt-24 { - margin-top: 6rem !important; +.-bottom-7 { + bottom: -1.75rem !important; } -.mr-24 { - margin-right: 6rem !important; +.-left-7 { + left: -1.75rem !important; } -.mb-24 { - margin-bottom: 6rem !important; +.-top-8 { + top: -2rem !important; } -.ml-24 { - margin-left: 6rem !important; +.-right-8 { + right: -2rem !important; } -.mt-28 { - margin-top: 7rem !important; +.-bottom-8 { + bottom: -2rem !important; } -.mr-28 { - margin-right: 7rem !important; +.-left-8 { + left: -2rem !important; } -.mb-28 { - margin-bottom: 7rem !important; +.-top-9 { + top: -2.25rem !important; } -.ml-28 { - margin-left: 7rem !important; +.-right-9 { + right: -2.25rem !important; } -.mt-32 { - margin-top: 8rem !important; +.-bottom-9 { + bottom: -2.25rem !important; } -.mr-32 { - margin-right: 8rem !important; +.-left-9 { + left: -2.25rem !important; } -.mb-32 { - margin-bottom: 8rem !important; +.-top-10 { + top: -2.5rem !important; } -.ml-32 { - margin-left: 8rem !important; +.-right-10 { + right: -2.5rem !important; } -.mt-36 { - margin-top: 9rem !important; +.-bottom-10 { + bottom: -2.5rem !important; } -.mr-36 { - margin-right: 9rem !important; +.-left-10 { + left: -2.5rem !important; } -.mb-36 { - margin-bottom: 9rem !important; +.-top-12 { + top: -3rem !important; } -.ml-36 { - margin-left: 9rem !important; +.-right-12 { + right: -3rem !important; } -.mt-40 { - margin-top: 10rem !important; +.-bottom-12 { + bottom: -3rem !important; } -.mr-40 { - margin-right: 10rem !important; +.-left-12 { + left: -3rem !important; } -.mb-40 { - margin-bottom: 10rem !important; +.-top-14 { + top: -3.5rem !important; } -.ml-40 { - margin-left: 10rem !important; +.-right-14 { + right: -3.5rem !important; } -.mt-44 { - margin-top: 11rem !important; +.-bottom-14 { + bottom: -3.5rem !important; } -.mr-44 { - margin-right: 11rem !important; +.-left-14 { + left: -3.5rem !important; } -.mb-44 { - margin-bottom: 11rem !important; +.-top-16 { + top: -4rem !important; } -.ml-44 { - margin-left: 11rem !important; +.-right-16 { + right: -4rem !important; } -.mt-48 { - margin-top: 12rem !important; +.-bottom-16 { + bottom: -4rem !important; } -.mr-48 { - margin-right: 12rem !important; +.-left-16 { + left: -4rem !important; } -.mb-48 { - margin-bottom: 12rem !important; +.-top-20 { + top: -5rem !important; } -.ml-48 { - margin-left: 12rem !important; +.-right-20 { + right: -5rem !important; } -.mt-52 { - margin-top: 13rem !important; +.-bottom-20 { + bottom: -5rem !important; } -.mr-52 { - margin-right: 13rem !important; +.-left-20 { + left: -5rem !important; } -.mb-52 { - margin-bottom: 13rem !important; +.-top-24 { + top: -6rem !important; } -.ml-52 { - margin-left: 13rem !important; +.-right-24 { + right: -6rem !important; } -.mt-56 { - margin-top: 14rem !important; +.-bottom-24 { + bottom: -6rem !important; } -.mr-56 { - margin-right: 14rem !important; +.-left-24 { + left: -6rem !important; } -.mb-56 { - margin-bottom: 14rem !important; +.-top-28 { + top: -7rem !important; } -.ml-56 { - margin-left: 14rem !important; +.-right-28 { + right: -7rem !important; } -.mt-60 { - margin-top: 15rem !important; +.-bottom-28 { + bottom: -7rem !important; } -.mr-60 { - margin-right: 15rem !important; +.-left-28 { + left: -7rem !important; } -.mb-60 { - margin-bottom: 15rem !important; +.-top-32 { + top: -8rem !important; } -.ml-60 { - margin-left: 15rem !important; +.-right-32 { + right: -8rem !important; } -.mt-64 { - margin-top: 16rem !important; +.-bottom-32 { + bottom: -8rem !important; } -.mr-64 { - margin-right: 16rem !important; +.-left-32 { + left: -8rem !important; } -.mb-64 { - margin-bottom: 16rem !important; +.-top-36 { + top: -9rem !important; } -.ml-64 { - margin-left: 16rem !important; +.-right-36 { + right: -9rem !important; } -.mt-72 { - margin-top: 18rem !important; +.-bottom-36 { + bottom: -9rem !important; } -.mr-72 { - margin-right: 18rem !important; +.-left-36 { + left: -9rem !important; } -.mb-72 { - margin-bottom: 18rem !important; +.-top-40 { + top: -10rem !important; } -.ml-72 { - margin-left: 18rem !important; +.-right-40 { + right: -10rem !important; } -.mt-80 { - margin-top: 20rem !important; +.-bottom-40 { + bottom: -10rem !important; } -.mr-80 { - margin-right: 20rem !important; +.-left-40 { + left: -10rem !important; } -.mb-80 { - margin-bottom: 20rem !important; +.-top-44 { + top: -11rem !important; } -.ml-80 { - margin-left: 20rem !important; +.-right-44 { + right: -11rem !important; } -.mt-96 { - margin-top: 24rem !important; +.-bottom-44 { + bottom: -11rem !important; } -.mr-96 { - margin-right: 24rem !important; +.-left-44 { + left: -11rem !important; } -.mb-96 { - margin-bottom: 24rem !important; +.-top-48 { + top: -12rem !important; } -.ml-96 { - margin-left: 24rem !important; +.-right-48 { + right: -12rem !important; } -.mt-auto { - margin-top: auto !important; +.-bottom-48 { + bottom: -12rem !important; } -.mr-auto { - margin-right: auto !important; +.-left-48 { + left: -12rem !important; } -.mb-auto { - margin-bottom: auto !important; +.-top-52 { + top: -13rem !important; } -.ml-auto { - margin-left: auto !important; +.-right-52 { + right: -13rem !important; } -.mt-px { - margin-top: 1px !important; +.-bottom-52 { + bottom: -13rem !important; } -.mr-px { - margin-right: 1px !important; +.-left-52 { + left: -13rem !important; } -.mb-px { - margin-bottom: 1px !important; +.-top-56 { + top: -14rem !important; } -.ml-px { - margin-left: 1px !important; +.-right-56 { + right: -14rem !important; } -.mt-0\.5 { - margin-top: 0.125rem !important; +.-bottom-56 { + bottom: -14rem !important; } -.mr-0\.5 { - margin-right: 0.125rem !important; +.-left-56 { + left: -14rem !important; } -.mb-0\.5 { - margin-bottom: 0.125rem !important; +.-top-60 { + top: -15rem !important; } -.ml-0\.5 { - margin-left: 0.125rem !important; +.-right-60 { + right: -15rem !important; } -.mt-1\.5 { - margin-top: 0.375rem !important; +.-bottom-60 { + bottom: -15rem !important; } -.mr-1\.5 { - margin-right: 0.375rem !important; +.-left-60 { + left: -15rem !important; } -.mb-1\.5 { - margin-bottom: 0.375rem !important; +.-top-64 { + top: -16rem !important; } -.ml-1\.5 { - margin-left: 0.375rem !important; +.-right-64 { + right: -16rem !important; } -.mt-2\.5 { - margin-top: 0.625rem !important; +.-bottom-64 { + bottom: -16rem !important; } -.mr-2\.5 { - margin-right: 0.625rem !important; +.-left-64 { + left: -16rem !important; } -.mb-2\.5 { - margin-bottom: 0.625rem !important; +.-top-72 { + top: -18rem !important; } -.ml-2\.5 { - margin-left: 0.625rem !important; +.-right-72 { + right: -18rem !important; } -.mt-3\.5 { - margin-top: 0.875rem !important; +.-bottom-72 { + bottom: -18rem !important; } -.mr-3\.5 { - margin-right: 0.875rem !important; +.-left-72 { + left: -18rem !important; } -.mb-3\.5 { - margin-bottom: 0.875rem !important; +.-top-80 { + top: -20rem !important; } -.ml-3\.5 { - margin-left: 0.875rem !important; +.-right-80 { + right: -20rem !important; } -.-mt-1 { - margin-top: -0.25rem !important; +.-bottom-80 { + bottom: -20rem !important; } -.-mr-1 { - margin-right: -0.25rem !important; +.-left-80 { + left: -20rem !important; } -.-mb-1 { - margin-bottom: -0.25rem !important; +.-top-96 { + top: -24rem !important; } -.-ml-1 { - margin-left: -0.25rem !important; +.-right-96 { + right: -24rem !important; } -.-mt-2 { - margin-top: -0.5rem !important; +.-bottom-96 { + bottom: -24rem !important; } -.-mr-2 { - margin-right: -0.5rem !important; +.-left-96 { + left: -24rem !important; } -.-mb-2 { - margin-bottom: -0.5rem !important; +.-top-px { + top: -1px !important; } -.-ml-2 { - margin-left: -0.5rem !important; +.-right-px { + right: -1px !important; } -.-mt-3 { - margin-top: -0.75rem !important; +.-bottom-px { + bottom: -1px !important; } -.-mr-3 { - margin-right: -0.75rem !important; +.-left-px { + left: -1px !important; } -.-mb-3 { - margin-bottom: -0.75rem !important; +.-top-0\.5 { + top: -0.125rem !important; } -.-ml-3 { - margin-left: -0.75rem !important; +.-right-0\.5 { + right: -0.125rem !important; } -.-mt-4 { - margin-top: -1rem !important; +.-bottom-0\.5 { + bottom: -0.125rem !important; } -.-mr-4 { - margin-right: -1rem !important; +.-left-0\.5 { + left: -0.125rem !important; } -.-mb-4 { - margin-bottom: -1rem !important; +.-top-1\.5 { + top: -0.375rem !important; } -.-ml-4 { - margin-left: -1rem !important; +.-right-1\.5 { + right: -0.375rem !important; } -.-mt-5 { - margin-top: -1.25rem !important; +.-bottom-1\.5 { + bottom: -0.375rem !important; } -.-mr-5 { - margin-right: -1.25rem !important; +.-left-1\.5 { + left: -0.375rem !important; } -.-mb-5 { - margin-bottom: -1.25rem !important; +.-top-2\.5 { + top: -0.625rem !important; } -.-ml-5 { - margin-left: -1.25rem !important; +.-right-2\.5 { + right: -0.625rem !important; } -.-mt-6 { - margin-top: -1.5rem !important; +.-bottom-2\.5 { + bottom: -0.625rem !important; } -.-mr-6 { - margin-right: -1.5rem !important; +.-left-2\.5 { + left: -0.625rem !important; } -.-mb-6 { - margin-bottom: -1.5rem !important; +.-top-3\.5 { + top: -0.875rem !important; } -.-ml-6 { - margin-left: -1.5rem !important; +.-right-3\.5 { + right: -0.875rem !important; } -.-mt-7 { - margin-top: -1.75rem !important; +.-bottom-3\.5 { + bottom: -0.875rem !important; } -.-mr-7 { - margin-right: -1.75rem !important; +.-left-3\.5 { + left: -0.875rem !important; } -.-mb-7 { - margin-bottom: -1.75rem !important; +.top-1\/2 { + top: 50% !important; } -.-ml-7 { - margin-left: -1.75rem !important; +.right-1\/2 { + right: 50% !important; } -.-mt-8 { - margin-top: -2rem !important; +.bottom-1\/2 { + bottom: 50% !important; } -.-mr-8 { - margin-right: -2rem !important; +.left-1\/2 { + left: 50% !important; } -.-mb-8 { - margin-bottom: -2rem !important; +.top-1\/3 { + top: 33.333333% !important; } -.-ml-8 { - margin-left: -2rem !important; +.right-1\/3 { + right: 33.333333% !important; } -.-mt-9 { - margin-top: -2.25rem !important; +.bottom-1\/3 { + bottom: 33.333333% !important; } -.-mr-9 { - margin-right: -2.25rem !important; +.left-1\/3 { + left: 33.333333% !important; } -.-mb-9 { - margin-bottom: -2.25rem !important; +.top-2\/3 { + top: 66.666667% !important; } -.-ml-9 { - margin-left: -2.25rem !important; +.right-2\/3 { + right: 66.666667% !important; } -.-mt-10 { - margin-top: -2.5rem !important; +.bottom-2\/3 { + bottom: 66.666667% !important; } -.-mr-10 { - margin-right: -2.5rem !important; +.left-2\/3 { + left: 66.666667% !important; } -.-mb-10 { - margin-bottom: -2.5rem !important; +.top-1\/4 { + top: 25% !important; } -.-ml-10 { - margin-left: -2.5rem !important; +.right-1\/4 { + right: 25% !important; } -.-mt-12 { - margin-top: -3rem !important; +.bottom-1\/4 { + bottom: 25% !important; } -.-mr-12 { - margin-right: -3rem !important; +.left-1\/4 { + left: 25% !important; } -.-mb-12 { - margin-bottom: -3rem !important; +.top-2\/4 { + top: 50% !important; } -.-ml-12 { - margin-left: -3rem !important; +.right-2\/4 { + right: 50% !important; } -.-mt-14 { - margin-top: -3.5rem !important; +.bottom-2\/4 { + bottom: 50% !important; } -.-mr-14 { - margin-right: -3.5rem !important; +.left-2\/4 { + left: 50% !important; } -.-mb-14 { - margin-bottom: -3.5rem !important; +.top-3\/4 { + top: 75% !important; } -.-ml-14 { - margin-left: -3.5rem !important; +.right-3\/4 { + right: 75% !important; } -.-mt-16 { - margin-top: -4rem !important; +.bottom-3\/4 { + bottom: 75% !important; } -.-mr-16 { - margin-right: -4rem !important; +.left-3\/4 { + left: 75% !important; } -.-mb-16 { - margin-bottom: -4rem !important; +.top-full { + top: 100% !important; } -.-ml-16 { - margin-left: -4rem !important; +.right-full { + right: 100% !important; } -.-mt-20 { - margin-top: -5rem !important; +.bottom-full { + bottom: 100% !important; } -.-mr-20 { - margin-right: -5rem !important; +.left-full { + left: 100% !important; } -.-mb-20 { - margin-bottom: -5rem !important; +.-top-1\/2 { + top: -50% !important; } -.-ml-20 { - margin-left: -5rem !important; +.-right-1\/2 { + right: -50% !important; } -.-mt-24 { - margin-top: -6rem !important; +.-bottom-1\/2 { + bottom: -50% !important; } -.-mr-24 { - margin-right: -6rem !important; +.-left-1\/2 { + left: -50% !important; } -.-mb-24 { - margin-bottom: -6rem !important; +.-top-1\/3 { + top: -33.333333% !important; } -.-ml-24 { - margin-left: -6rem !important; +.-right-1\/3 { + right: -33.333333% !important; } -.-mt-28 { - margin-top: -7rem !important; +.-bottom-1\/3 { + bottom: -33.333333% !important; } -.-mr-28 { - margin-right: -7rem !important; +.-left-1\/3 { + left: -33.333333% !important; } -.-mb-28 { - margin-bottom: -7rem !important; +.-top-2\/3 { + top: -66.666667% !important; } -.-ml-28 { - margin-left: -7rem !important; +.-right-2\/3 { + right: -66.666667% !important; } -.-mt-32 { - margin-top: -8rem !important; +.-bottom-2\/3 { + bottom: -66.666667% !important; } -.-mr-32 { - margin-right: -8rem !important; +.-left-2\/3 { + left: -66.666667% !important; } -.-mb-32 { - margin-bottom: -8rem !important; +.-top-1\/4 { + top: -25% !important; } -.-ml-32 { - margin-left: -8rem !important; +.-right-1\/4 { + right: -25% !important; } -.-mt-36 { - margin-top: -9rem !important; +.-bottom-1\/4 { + bottom: -25% !important; } -.-mr-36 { - margin-right: -9rem !important; +.-left-1\/4 { + left: -25% !important; } -.-mb-36 { - margin-bottom: -9rem !important; +.-top-2\/4 { + top: -50% !important; } -.-ml-36 { - margin-left: -9rem !important; +.-right-2\/4 { + right: -50% !important; } -.-mt-40 { - margin-top: -10rem !important; +.-bottom-2\/4 { + bottom: -50% !important; } -.-mr-40 { - margin-right: -10rem !important; +.-left-2\/4 { + left: -50% !important; } -.-mb-40 { - margin-bottom: -10rem !important; +.-top-3\/4 { + top: -75% !important; } -.-ml-40 { - margin-left: -10rem !important; +.-right-3\/4 { + right: -75% !important; } -.-mt-44 { - margin-top: -11rem !important; +.-bottom-3\/4 { + bottom: -75% !important; } -.-mr-44 { - margin-right: -11rem !important; +.-left-3\/4 { + left: -75% !important; } -.-mb-44 { - margin-bottom: -11rem !important; +.-top-full { + top: -100% !important; } -.-ml-44 { - margin-left: -11rem !important; +.-right-full { + right: -100% !important; } -.-mt-48 { - margin-top: -12rem !important; +.-bottom-full { + bottom: -100% !important; } -.-mr-48 { - margin-right: -12rem !important; +.-left-full { + left: -100% !important; } -.-mb-48 { - margin-bottom: -12rem !important; +.resize-none { + resize: none !important; } -.-ml-48 { - margin-left: -12rem !important; +.resize-y { + resize: vertical !important; } -.-mt-52 { - margin-top: -13rem !important; +.resize-x { + resize: horizontal !important; } -.-mr-52 { - margin-right: -13rem !important; +.resize { + resize: both !important; } -.-mb-52 { - margin-bottom: -13rem !important; +.shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } -.-ml-52 { - margin-left: -13rem !important; +.shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } -.-mt-56 { - margin-top: -14rem !important; +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } -.-mr-56 { - margin-right: -14rem !important; +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } -.-mb-56 { - margin-bottom: -14rem !important; +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } -.-ml-56 { - margin-left: -14rem !important; +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } -.-mt-60 { - margin-top: -15rem !important; +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } -.-mr-60 { - margin-right: -15rem !important; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } -.-mb-60 { - margin-bottom: -15rem !important; +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } -.-ml-60 { - margin-left: -15rem !important; +.shadow-none { + box-shadow: none !important; } -.-mt-64 { - margin-top: -16rem !important; +.hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } -.-mr-64 { - margin-right: -16rem !important; +.hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } -.-mb-64 { - margin-bottom: -16rem !important; +.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) !important; } -.-ml-64 { - margin-left: -16rem !important; +.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) !important; } -.-mt-72 { - margin-top: -18rem !important; +.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) !important; } -.-mr-72 { - margin-right: -18rem !important; +.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) !important; } -.-mb-72 { - margin-bottom: -18rem !important; +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } -.-ml-72 { - margin-left: -18rem !important; +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } -.-mt-80 { - margin-top: -20rem !important; +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } -.-mr-80 { - margin-right: -20rem !important; +.hover\:shadow-none:hover { + box-shadow: none !important; } -.-mb-80 { - margin-bottom: -20rem !important; +.focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } -.-ml-80 { - margin-left: -20rem !important; +.focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } -.-mt-96 { - margin-top: -24rem !important; +.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) !important; } -.-mr-96 { - margin-right: -24rem !important; +.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) !important; } -.-mb-96 { - margin-bottom: -24rem !important; +.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) !important; } -.-ml-96 { - margin-left: -24rem !important; +.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) !important; } -.-mt-px { - margin-top: -1px !important; +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } -.-mr-px { - margin-right: -1px !important; +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } -.-mb-px { - margin-bottom: -1px !important; +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } -.-ml-px { - margin-left: -1px !important; +.focus\:shadow-none:focus { + box-shadow: none !important; } -.-mt-0\.5 { - margin-top: -0.125rem !important; +.fill-current { + fill: currentColor !important; } -.-mr-0\.5 { - margin-right: -0.125rem !important; +.stroke-current { + stroke: currentColor !important; } -.-mb-0\.5 { - margin-bottom: -0.125rem !important; +.stroke-0 { + stroke-width: 0 !important; } -.-ml-0\.5 { - margin-left: -0.125rem !important; -} - -.-mt-1\.5 { - margin-top: -0.375rem !important; +.stroke-1 { + stroke-width: 1 !important; } -.-mr-1\.5 { - margin-right: -0.375rem !important; +.stroke-2 { + stroke-width: 2 !important; } -.-mb-1\.5 { - margin-bottom: -0.375rem !important; +.table-auto { + table-layout: auto !important; } -.-ml-1\.5 { - margin-left: -0.375rem !important; +.table-fixed { + table-layout: fixed !important; } -.-mt-2\.5 { - margin-top: -0.625rem !important; +.text-left { + text-align: left !important; } -.-mr-2\.5 { - margin-right: -0.625rem !important; +.text-center { + text-align: center !important; } -.-mb-2\.5 { - margin-bottom: -0.625rem !important; +.text-right { + text-align: right !important; } -.-ml-2\.5 { - margin-left: -0.625rem !important; +.text-justify { + text-align: justify !important; } -.-mt-3\.5 { - margin-top: -0.875rem !important; +.text-transparent { + color: transparent !important; } -.-mr-3\.5 { - margin-right: -0.875rem !important; +.text-current { + color: currentColor !important; } -.-mb-3\.5 { - margin-bottom: -0.875rem !important; +.text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } -.-ml-3\.5 { - margin-left: -0.875rem !important; +.text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } -.max-h-0 { - max-height: 0 !important; +.text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } -.max-h-1 { - max-height: 0.25rem !important; +.text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } -.max-h-2 { - max-height: 0.5rem !important; +.text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } -.max-h-3 { - max-height: 0.75rem !important; +.text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } -.max-h-4 { - max-height: 1rem !important; +.text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } -.max-h-5 { - max-height: 1.25rem !important; +.text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } -.max-h-6 { - max-height: 1.5rem !important; +.text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } -.max-h-7 { - max-height: 1.75rem !important; +.text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } -.max-h-8 { - max-height: 2rem !important; +.text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } -.max-h-9 { - max-height: 2.25rem !important; +.text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } -.max-h-10 { - max-height: 2.5rem !important; +.text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } -.max-h-12 { - max-height: 3rem !important; +.text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } -.max-h-14 { - max-height: 3.5rem !important; +.text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } -.max-h-16 { - max-height: 4rem !important; +.text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } -.max-h-20 { - max-height: 5rem !important; +.text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } -.max-h-24 { - max-height: 6rem !important; +.text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } -.max-h-28 { - max-height: 7rem !important; +.text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } -.max-h-32 { - max-height: 8rem !important; +.text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } -.max-h-36 { - max-height: 9rem !important; +.text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } -.max-h-40 { - max-height: 10rem !important; +.text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } -.max-h-44 { - max-height: 11rem !important; +.text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } -.max-h-48 { - max-height: 12rem !important; +.text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } -.max-h-52 { - max-height: 13rem !important; +.text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } -.max-h-56 { - max-height: 14rem !important; +.text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } -.max-h-60 { - max-height: 15rem !important; +.text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } -.max-h-64 { - max-height: 16rem !important; +.text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } -.max-h-72 { - max-height: 18rem !important; +.text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } -.max-h-80 { - max-height: 20rem !important; +.text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } -.max-h-96 { - max-height: 24rem !important; +.text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } -.max-h-px { - max-height: 1px !important; +.text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } -.max-h-0\.5 { - max-height: 0.125rem !important; +.text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } -.max-h-1\.5 { - max-height: 0.375rem !important; +.text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } -.max-h-2\.5 { - max-height: 0.625rem !important; +.text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } -.max-h-3\.5 { - max-height: 0.875rem !important; +.text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } -.max-h-full { - max-height: 100% !important; +.text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } -.max-h-screen { - max-height: 100vh !important; +.text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } -.max-w-0 { - max-width: 0rem !important; +.text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } -.max-w-none { - max-width: none !important; +.text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } -.max-w-xs { - max-width: 20rem !important; +.text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } -.max-w-sm { - max-width: 24rem !important; +.text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } -.max-w-md { - max-width: 28rem !important; +.text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } -.max-w-lg { - max-width: 32rem !important; +.text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } -.max-w-xl { - max-width: 36rem !important; +.text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } -.max-w-2xl { - max-width: 42rem !important; +.text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } -.max-w-3xl { - max-width: 48rem !important; +.text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } -.max-w-4xl { - max-width: 56rem !important; +.text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } -.max-w-5xl { - max-width: 64rem !important; +.text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } -.max-w-6xl { - max-width: 72rem !important; +.text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } -.max-w-7xl { - max-width: 80rem !important; +.text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } -.max-w-full { - max-width: 100% !important; +.text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } -.max-w-min { - max-width: min-content !important; +.text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } -.max-w-max { - max-width: max-content !important; +.text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } -.max-w-screen-sm { - max-width: 640px !important; +.text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } -.max-w-screen-md { - max-width: 768px !important; +.text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } -.max-w-screen-lg { - max-width: 1024px !important; +.text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } -.max-w-screen-xl { - max-width: 1280px !important; +.text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } -.max-w-screen-2xl { - max-width: 1536px !important; +.text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } -.min-h-0 { - min-height: 0 !important; +.text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } -.min-h-full { - min-height: 100% !important; +.text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } -.min-h-screen { - min-height: 100vh !important; +.text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } -.min-w-0 { - min-width: 0 !important; +.text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } -.min-w-full { - min-width: 100% !important; +.text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } -.min-w-min { - min-width: min-content !important; +.text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } -.min-w-max { - min-width: max-content !important; +.text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } -.object-contain { - object-fit: contain !important; +.text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } -.object-cover { - object-fit: cover !important; +.text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } -.object-fill { - object-fit: fill !important; +.text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } -.object-none { - object-fit: none !important; +.text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } -.object-scale-down { - object-fit: scale-down !important; +.text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } -.object-bottom { - object-position: bottom !important; +.text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } -.object-center { - object-position: center !important; +.group:hover .group-hover\:text-transparent { + color: transparent !important; } -.object-left { - object-position: left !important; +.group:hover .group-hover\:text-current { + color: currentColor !important; } -.object-left-bottom { - object-position: left bottom !important; +.group:hover .group-hover\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } -.object-left-top { - object-position: left top !important; +.group:hover .group-hover\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } -.object-right { - object-position: right !important; +.group:hover .group-hover\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } -.object-right-bottom { - object-position: right bottom !important; +.group:hover .group-hover\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } -.object-right-top { - object-position: right top !important; +.group:hover .group-hover\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } -.object-top { - object-position: top !important; +.group:hover .group-hover\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } -.opacity-0 { - opacity: 0 !important; +.group:hover .group-hover\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } -.opacity-25 { - opacity: 0.25 !important; +.group:hover .group-hover\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } -.opacity-50 { - opacity: 0.5 !important; +.group:hover .group-hover\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } -.opacity-75 { - opacity: 0.75 !important; +.group:hover .group-hover\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } -.opacity-100 { - opacity: 1 !important; +.group:hover .group-hover\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } -.group:hover .group-hover\:opacity-0 { - opacity: 0 !important; +.group:hover .group-hover\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } -.group:hover .group-hover\:opacity-25 { - opacity: 0.25 !important; +.group:hover .group-hover\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } -.group:hover .group-hover\:opacity-50 { - opacity: 0.5 !important; +.group:hover .group-hover\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } -.group:hover .group-hover\:opacity-75 { - opacity: 0.75 !important; +.group:hover .group-hover\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } -.group:hover .group-hover\:opacity-100 { - opacity: 1 !important; +.group:hover .group-hover\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } -.hover\:opacity-0:hover { - opacity: 0 !important; +.group:hover .group-hover\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } -.hover\:opacity-25:hover { - opacity: 0.25 !important; +.group:hover .group-hover\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } -.hover\:opacity-50:hover { - opacity: 0.5 !important; +.group:hover .group-hover\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } -.hover\:opacity-75:hover { - opacity: 0.75 !important; +.group:hover .group-hover\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } -.hover\:opacity-100:hover { - opacity: 1 !important; +.group:hover .group-hover\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } -.focus\:opacity-0:focus { - opacity: 0 !important; +.group:hover .group-hover\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } -.focus\:opacity-25:focus { - opacity: 0.25 !important; +.group:hover .group-hover\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } -.focus\:opacity-50:focus { - opacity: 0.5 !important; +.group:hover .group-hover\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } -.focus\:opacity-75:focus { - opacity: 0.75 !important; +.group:hover .group-hover\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } -.focus\:opacity-100:focus { - opacity: 1 !important; +.group:hover .group-hover\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } -.outline-none { - outline: 2px solid transparent !important; - outline-offset: 2px !important; +.group:hover .group-hover\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } -.outline-white { - outline: 2px dotted white !important; - outline-offset: 2px !important; +.group:hover .group-hover\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } -.outline-black { - outline: 2px dotted black !important; - outline-offset: 2px !important; +.group:hover .group-hover\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } -.focus\:outline-none:focus { - outline: 2px solid transparent !important; - outline-offset: 2px !important; +.group:hover .group-hover\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } -.focus\:outline-white:focus { - outline: 2px dotted white !important; - outline-offset: 2px !important; +.group:hover .group-hover\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } -.focus\:outline-black:focus { - outline: 2px dotted black !important; - outline-offset: 2px !important; +.group:hover .group-hover\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } -.overflow-auto { - overflow: auto !important; +.group:hover .group-hover\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } -.overflow-hidden { - overflow: hidden !important; +.group:hover .group-hover\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } -.overflow-visible { - overflow: visible !important; +.group:hover .group-hover\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } -.overflow-scroll { - overflow: scroll !important; +.group:hover .group-hover\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } -.overflow-x-auto { - overflow-x: auto !important; +.group:hover .group-hover\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } -.overflow-y-auto { - overflow-y: auto !important; +.group:hover .group-hover\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } -.overflow-x-hidden { - overflow-x: hidden !important; +.group:hover .group-hover\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } -.overflow-y-hidden { - overflow-y: hidden !important; +.group:hover .group-hover\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } -.overflow-x-visible { - overflow-x: visible !important; +.group:hover .group-hover\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } -.overflow-y-visible { - overflow-y: visible !important; +.group:hover .group-hover\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } -.overflow-x-scroll { - overflow-x: scroll !important; +.group:hover .group-hover\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } -.overflow-y-scroll { - overflow-y: scroll !important; +.group:hover .group-hover\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } -.overscroll-auto { - overscroll-behavior: auto !important; +.group:hover .group-hover\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } -.overscroll-contain { - overscroll-behavior: contain !important; +.group:hover .group-hover\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } -.overscroll-none { - overscroll-behavior: none !important; +.group:hover .group-hover\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } -.overscroll-y-auto { - overscroll-behavior-y: auto !important; +.group:hover .group-hover\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } -.overscroll-y-contain { - overscroll-behavior-y: contain !important; +.group:hover .group-hover\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } -.overscroll-y-none { - overscroll-behavior-y: none !important; +.group:hover .group-hover\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } -.overscroll-x-auto { - overscroll-behavior-x: auto !important; +.group:hover .group-hover\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } -.overscroll-x-contain { - overscroll-behavior-x: contain !important; +.group:hover .group-hover\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } -.overscroll-x-none { - overscroll-behavior-x: none !important; +.group:hover .group-hover\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } -.p-0 { - padding: 0 !important; +.group:hover .group-hover\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } -.p-1 { - padding: 0.25rem !important; +.group:hover .group-hover\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } -.p-2 { - padding: 0.5rem !important; +.group:hover .group-hover\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } -.p-3 { - padding: 0.75rem !important; +.group:hover .group-hover\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } -.p-4 { - padding: 1rem !important; +.group:hover .group-hover\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } -.p-5 { - padding: 1.25rem !important; +.group:hover .group-hover\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } -.p-6 { - padding: 1.5rem !important; +.group:hover .group-hover\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } -.p-7 { - padding: 1.75rem !important; +.group:hover .group-hover\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } -.p-8 { - padding: 2rem !important; +.group:hover .group-hover\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } -.p-9 { - padding: 2.25rem !important; +.group:hover .group-hover\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } -.p-10 { - padding: 2.5rem !important; +.group:hover .group-hover\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } -.p-12 { - padding: 3rem !important; +.group:hover .group-hover\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } -.p-14 { - padding: 3.5rem !important; +.group:hover .group-hover\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } -.p-16 { - padding: 4rem !important; +.group:hover .group-hover\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } -.p-20 { - padding: 5rem !important; +.group:hover .group-hover\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } -.p-24 { - padding: 6rem !important; +.group:hover .group-hover\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } -.p-28 { - padding: 7rem !important; +.group:hover .group-hover\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } -.p-32 { - padding: 8rem !important; +.group:hover .group-hover\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } -.p-36 { - padding: 9rem !important; +.group:hover .group-hover\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } -.p-40 { - padding: 10rem !important; +.hover\:text-transparent:hover { + color: transparent !important; } -.p-44 { - padding: 11rem !important; +.hover\:text-current:hover { + color: currentColor !important; } -.p-48 { - padding: 12rem !important; +.hover\:text-black:hover { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } -.p-52 { - padding: 13rem !important; +.hover\:text-white:hover { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } -.p-56 { - padding: 14rem !important; +.hover\:text-gray-50:hover { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } -.p-60 { - padding: 15rem !important; +.hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } -.p-64 { - padding: 16rem !important; +.hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } -.p-72 { - padding: 18rem !important; +.hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } -.p-80 { - padding: 20rem !important; +.hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } -.p-96 { - padding: 24rem !important; +.hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } -.p-px { - padding: 1px !important; +.hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } -.p-0\.5 { - padding: 0.125rem !important; +.hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } -.p-1\.5 { - padding: 0.375rem !important; +.hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } -.p-2\.5 { - padding: 0.625rem !important; +.hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } -.p-3\.5 { - padding: 0.875rem !important; +.hover\:text-red-50:hover { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; +.hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } -.px-0 { - padding-left: 0 !important; - padding-right: 0 !important; +.hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; +.hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } -.px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; +.hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; +.hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } -.px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; +.hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } -.py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; +.hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } -.px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; +.hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } -.py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; +.hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } -.px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; +.hover\:text-yellow-50:hover { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } -.py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; +.hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } -.px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; +.hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } -.py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; +.hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } -.px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; +.hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } -.py-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; +.hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } -.px-7 { - padding-left: 1.75rem !important; - padding-right: 1.75rem !important; +.hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } -.py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; +.hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } -.px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; +.hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } -.py-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; +.hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } -.px-9 { - padding-left: 2.25rem !important; - padding-right: 2.25rem !important; +.hover\:text-green-50:hover { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } -.py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; +.hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } -.px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; +.hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } -.py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; +.hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } -.px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; +.hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } -.py-14 { - padding-top: 3.5rem !important; - padding-bottom: 3.5rem !important; +.hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } -.px-14 { - padding-left: 3.5rem !important; - padding-right: 3.5rem !important; +.hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } -.py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; +.hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } -.px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; +.hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } -.py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; +.hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } -.px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; +.hover\:text-blue-50:hover { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } -.py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; +.hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } -.px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; +.hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } -.py-28 { - padding-top: 7rem !important; - padding-bottom: 7rem !important; +.hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } -.px-28 { - padding-left: 7rem !important; - padding-right: 7rem !important; +.hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } -.py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; +.hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } -.px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; +.hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } -.py-36 { - padding-top: 9rem !important; - padding-bottom: 9rem !important; +.hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } -.px-36 { - padding-left: 9rem !important; - padding-right: 9rem !important; +.hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } -.py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; +.hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } -.px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; +.hover\:text-purple-50:hover { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } -.py-44 { - padding-top: 11rem !important; - padding-bottom: 11rem !important; +.hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } -.px-44 { - padding-left: 11rem !important; - padding-right: 11rem !important; +.hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } -.py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; +.hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } -.px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; +.hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } -.py-52 { - padding-top: 13rem !important; - padding-bottom: 13rem !important; +.hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } -.px-52 { - padding-left: 13rem !important; - padding-right: 13rem !important; +.hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } -.py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; +.hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } -.px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; +.hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } -.py-60 { - padding-top: 15rem !important; - padding-bottom: 15rem !important; +.hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } -.px-60 { - padding-left: 15rem !important; - padding-right: 15rem !important; +.hover\:text-pink-50:hover { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } -.py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; +.hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } -.px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; +.hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } -.py-72 { - padding-top: 18rem !important; - padding-bottom: 18rem !important; +.hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } -.px-72 { - padding-left: 18rem !important; - padding-right: 18rem !important; +.hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } -.py-80 { - padding-top: 20rem !important; - padding-bottom: 20rem !important; +.hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } -.px-80 { - padding-left: 20rem !important; - padding-right: 20rem !important; +.hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } -.py-96 { - padding-top: 24rem !important; - padding-bottom: 24rem !important; +.hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } -.px-96 { - padding-left: 24rem !important; - padding-right: 24rem !important; +.hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } -.py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; +.hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } -.px-px { - padding-left: 1px !important; - padding-right: 1px !important; +.focus\:text-transparent:focus { + color: transparent !important; } -.py-0\.5 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; +.focus\:text-current:focus { + color: currentColor !important; } -.px-0\.5 { - padding-left: 0.125rem !important; - padding-right: 0.125rem !important; +.focus\:text-black:focus { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } -.py-1\.5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; +.focus\:text-white:focus { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } -.px-1\.5 { - padding-left: 0.375rem !important; - padding-right: 0.375rem !important; +.focus\:text-gray-50:focus { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } -.py-2\.5 { - padding-top: 0.625rem !important; - padding-bottom: 0.625rem !important; +.focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } -.px-2\.5 { - padding-left: 0.625rem !important; - padding-right: 0.625rem !important; +.focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } -.py-3\.5 { - padding-top: 0.875rem !important; - padding-bottom: 0.875rem !important; +.focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } -.px-3\.5 { - padding-left: 0.875rem !important; - padding-right: 0.875rem !important; +.focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } -.pt-0 { - padding-top: 0 !important; +.focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } -.pr-0 { - padding-right: 0 !important; +.focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } -.pb-0 { - padding-bottom: 0 !important; +.focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } -.pl-0 { - padding-left: 0 !important; +.focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } -.pt-1 { - padding-top: 0.25rem !important; +.focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } -.pr-1 { - padding-right: 0.25rem !important; +.focus\:text-red-50:focus { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } -.pb-1 { - padding-bottom: 0.25rem !important; +.focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } -.pl-1 { - padding-left: 0.25rem !important; +.focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } -.pt-2 { - padding-top: 0.5rem !important; +.focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } -.pr-2 { - padding-right: 0.5rem !important; +.focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } -.pb-2 { - padding-bottom: 0.5rem !important; +.focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } -.pl-2 { - padding-left: 0.5rem !important; +.focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } -.pt-3 { - padding-top: 0.75rem !important; +.focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } -.pr-3 { - padding-right: 0.75rem !important; +.focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } -.pb-3 { - padding-bottom: 0.75rem !important; +.focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } -.pl-3 { - padding-left: 0.75rem !important; +.focus\:text-yellow-50:focus { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } -.pt-4 { - padding-top: 1rem !important; +.focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } -.pr-4 { - padding-right: 1rem !important; +.focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } -.pb-4 { - padding-bottom: 1rem !important; +.focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } -.pl-4 { - padding-left: 1rem !important; +.focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } -.pt-5 { - padding-top: 1.25rem !important; +.focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } -.pr-5 { - padding-right: 1.25rem !important; +.focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } -.pb-5 { - padding-bottom: 1.25rem !important; +.focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } -.pl-5 { - padding-left: 1.25rem !important; +.focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } -.pt-6 { - padding-top: 1.5rem !important; +.focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } -.pr-6 { - padding-right: 1.5rem !important; +.focus\:text-green-50:focus { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } -.pb-6 { - padding-bottom: 1.5rem !important; +.focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } -.pl-6 { - padding-left: 1.5rem !important; +.focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } -.pt-7 { - padding-top: 1.75rem !important; +.focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } -.pr-7 { - padding-right: 1.75rem !important; +.focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } -.pb-7 { - padding-bottom: 1.75rem !important; +.focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } -.pl-7 { - padding-left: 1.75rem !important; +.focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } -.pt-8 { - padding-top: 2rem !important; +.focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } -.pr-8 { - padding-right: 2rem !important; +.focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } -.pb-8 { - padding-bottom: 2rem !important; +.focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } -.pl-8 { - padding-left: 2rem !important; +.focus\:text-blue-50:focus { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } -.pt-9 { - padding-top: 2.25rem !important; +.focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } -.pr-9 { - padding-right: 2.25rem !important; +.focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } -.pb-9 { - padding-bottom: 2.25rem !important; +.focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } -.pl-9 { - padding-left: 2.25rem !important; +.focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } -.pt-10 { - padding-top: 2.5rem !important; +.focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } -.pr-10 { - padding-right: 2.5rem !important; +.focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } -.pb-10 { - padding-bottom: 2.5rem !important; +.focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } -.pl-10 { - padding-left: 2.5rem !important; +.focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } -.pt-12 { - padding-top: 3rem !important; +.focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } -.pr-12 { - padding-right: 3rem !important; +.focus\:text-purple-50:focus { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } -.pb-12 { - padding-bottom: 3rem !important; +.focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } -.pl-12 { - padding-left: 3rem !important; +.focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } -.pt-14 { - padding-top: 3.5rem !important; +.focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } -.pr-14 { - padding-right: 3.5rem !important; +.focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } -.pb-14 { - padding-bottom: 3.5rem !important; +.focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } -.pl-14 { - padding-left: 3.5rem !important; +.focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } -.pt-16 { - padding-top: 4rem !important; +.focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } -.pr-16 { - padding-right: 4rem !important; +.focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } -.pb-16 { - padding-bottom: 4rem !important; +.focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } -.pl-16 { - padding-left: 4rem !important; +.focus\:text-pink-50:focus { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } -.pt-20 { - padding-top: 5rem !important; +.focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } -.pr-20 { - padding-right: 5rem !important; +.focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } -.pb-20 { - padding-bottom: 5rem !important; +.focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } -.pl-20 { - padding-left: 5rem !important; +.focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } -.pt-24 { - padding-top: 6rem !important; +.focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } -.pr-24 { - padding-right: 6rem !important; +.focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } -.pb-24 { - padding-bottom: 6rem !important; +.focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } -.pl-24 { - padding-left: 6rem !important; +.focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } -.pt-28 { - padding-top: 7rem !important; +.focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } -.pr-28 { - padding-right: 7rem !important; +.text-opacity-0 { + --text-opacity: 0 !important; } -.pb-28 { - padding-bottom: 7rem !important; +.text-opacity-25 { + --text-opacity: 0.25 !important; } -.pl-28 { - padding-left: 7rem !important; +.text-opacity-50 { + --text-opacity: 0.5 !important; } -.pt-32 { - padding-top: 8rem !important; +.text-opacity-75 { + --text-opacity: 0.75 !important; } -.pr-32 { - padding-right: 8rem !important; +.text-opacity-100 { + --text-opacity: 1 !important; } -.pb-32 { - padding-bottom: 8rem !important; +.group:hover .group-hover\:text-opacity-0 { + --text-opacity: 0 !important; } -.pl-32 { - padding-left: 8rem !important; +.group:hover .group-hover\:text-opacity-25 { + --text-opacity: 0.25 !important; } -.pt-36 { - padding-top: 9rem !important; +.group:hover .group-hover\:text-opacity-50 { + --text-opacity: 0.5 !important; } -.pr-36 { - padding-right: 9rem !important; +.group:hover .group-hover\:text-opacity-75 { + --text-opacity: 0.75 !important; } -.pb-36 { - padding-bottom: 9rem !important; +.group:hover .group-hover\:text-opacity-100 { + --text-opacity: 1 !important; } -.pl-36 { - padding-left: 9rem !important; +.hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } -.pt-40 { - padding-top: 10rem !important; +.hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } -.pr-40 { - padding-right: 10rem !important; +.hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } -.pb-40 { - padding-bottom: 10rem !important; +.hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } -.pl-40 { - padding-left: 10rem !important; +.hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } -.pt-44 { - padding-top: 11rem !important; +.focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } -.pr-44 { - padding-right: 11rem !important; +.focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } -.pb-44 { - padding-bottom: 11rem !important; +.focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } -.pl-44 { - padding-left: 11rem !important; +.focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } -.pt-48 { - padding-top: 12rem !important; +.focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } -.pr-48 { - padding-right: 12rem !important; +.truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } -.pb-48 { - padding-bottom: 12rem !important; +.overflow-ellipsis { + text-overflow: ellipsis !important; } -.pl-48 { - padding-left: 12rem !important; +.overflow-clip { + text-overflow: clip !important; } -.pt-52 { - padding-top: 13rem !important; +.italic { + font-style: italic !important; } -.pr-52 { - padding-right: 13rem !important; +.not-italic { + font-style: normal !important; } -.pb-52 { - padding-bottom: 13rem !important; +.uppercase { + text-transform: uppercase !important; } -.pl-52 { - padding-left: 13rem !important; +.lowercase { + text-transform: lowercase !important; } -.pt-56 { - padding-top: 14rem !important; +.capitalize { + text-transform: capitalize !important; } -.pr-56 { - padding-right: 14rem !important; +.normal-case { + text-transform: none !important; } -.pb-56 { - padding-bottom: 14rem !important; +.underline { + text-decoration: underline !important; } -.pl-56 { - padding-left: 14rem !important; +.line-through { + text-decoration: line-through !important; } -.pt-60 { - padding-top: 15rem !important; +.no-underline { + text-decoration: none !important; } -.pr-60 { - padding-right: 15rem !important; +.hover\:underline:hover { + text-decoration: underline !important; } -.pb-60 { - padding-bottom: 15rem !important; +.hover\:line-through:hover { + text-decoration: line-through !important; } -.pl-60 { - padding-left: 15rem !important; +.hover\:no-underline:hover { + text-decoration: none !important; } -.pt-64 { - padding-top: 16rem !important; +.focus\:underline:focus { + text-decoration: underline !important; } -.pr-64 { - padding-right: 16rem !important; +.focus\:line-through:focus { + text-decoration: line-through !important; } -.pb-64 { - padding-bottom: 16rem !important; +.focus\:no-underline:focus { + text-decoration: none !important; } -.pl-64 { - padding-left: 16rem !important; +.antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } -.pt-72 { - padding-top: 18rem !important; +.subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } -.pr-72 { - padding-right: 18rem !important; +.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } -.pb-72 { - padding-bottom: 18rem !important; +.normal-nums { + font-variant-numeric: normal !important; } -.pl-72 { - padding-left: 18rem !important; +.ordinal { + --font-variant-numeric-ordinal: ordinal !important; } -.pt-80 { - padding-top: 20rem !important; +.slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero !important; } -.pr-80 { - padding-right: 20rem !important; +.lining-nums { + --font-variant-numeric-figure: lining-nums !important; } -.pb-80 { - padding-bottom: 20rem !important; +.oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums !important; } -.pl-80 { - padding-left: 20rem !important; +.proportional-nums { + --font-variant-numeric-spacing: proportional-nums !important; } -.pt-96 { - padding-top: 24rem !important; +.tabular-nums { + --font-variant-numeric-spacing: tabular-nums !important; } -.pr-96 { - padding-right: 24rem !important; +.diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions !important; } -.pb-96 { - padding-bottom: 24rem !important; +.stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions !important; } -.pl-96 { - padding-left: 24rem !important; +.tracking-tighter { + letter-spacing: -0.05em !important; } -.pt-px { - padding-top: 1px !important; +.tracking-tight { + letter-spacing: -0.025em !important; } -.pr-px { - padding-right: 1px !important; +.tracking-normal { + letter-spacing: 0 !important; } -.pb-px { - padding-bottom: 1px !important; +.tracking-wide { + letter-spacing: 0.025em !important; } -.pl-px { - padding-left: 1px !important; +.tracking-wider { + letter-spacing: 0.05em !important; } -.pt-0\.5 { - padding-top: 0.125rem !important; +.tracking-widest { + letter-spacing: 0.1em !important; } -.pr-0\.5 { - padding-right: 0.125rem !important; +.select-none { + user-select: none !important; } -.pb-0\.5 { - padding-bottom: 0.125rem !important; +.select-text { + user-select: text !important; } -.pl-0\.5 { - padding-left: 0.125rem !important; +.select-all { + user-select: all !important; } -.pt-1\.5 { - padding-top: 0.375rem !important; +.select-auto { + user-select: auto !important; } -.pr-1\.5 { - padding-right: 0.375rem !important; +.align-baseline { + vertical-align: baseline !important; } -.pb-1\.5 { - padding-bottom: 0.375rem !important; +.align-top { + vertical-align: top !important; } -.pl-1\.5 { - padding-left: 0.375rem !important; +.align-middle { + vertical-align: middle !important; } -.pt-2\.5 { - padding-top: 0.625rem !important; +.align-bottom { + vertical-align: bottom !important; } -.pr-2\.5 { - padding-right: 0.625rem !important; +.align-text-top { + vertical-align: text-top !important; } -.pb-2\.5 { - padding-bottom: 0.625rem !important; +.align-text-bottom { + vertical-align: text-bottom !important; } -.pl-2\.5 { - padding-left: 0.625rem !important; +.visible { + visibility: visible !important; } -.pt-3\.5 { - padding-top: 0.875rem !important; +.invisible { + visibility: hidden !important; } -.pr-3\.5 { - padding-right: 0.875rem !important; +.whitespace-normal { + white-space: normal !important; } -.pb-3\.5 { - padding-bottom: 0.875rem !important; +.whitespace-no-wrap { + white-space: nowrap !important; } -.pl-3\.5 { - padding-left: 0.875rem !important; +.whitespace-pre { + white-space: pre !important; } -.placeholder-transparent::placeholder { - color: transparent !important; +.whitespace-pre-line { + white-space: pre-line !important; } -.placeholder-current::placeholder { - color: currentColor !important; +.whitespace-pre-wrap { + white-space: pre-wrap !important; } -.placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; +.break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } -.placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; +.break-words { + overflow-wrap: break-word !important; } -.placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; +.break-all { + word-break: break-all !important; } -.placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; +.w-0 { + width: 0 !important; } -.placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; +.w-1 { + width: 0.25rem !important; } -.placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; +.w-2 { + width: 0.5rem !important; } -.placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; +.w-3 { + width: 0.75rem !important; } -.placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; +.w-4 { + width: 1rem !important; } -.placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; +.w-5 { + width: 1.25rem !important; } -.placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; +.w-6 { + width: 1.5rem !important; } -.placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; +.w-7 { + width: 1.75rem !important; } -.placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; +.w-8 { + width: 2rem !important; } -.placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; +.w-9 { + width: 2.25rem !important; } -.placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; +.w-10 { + width: 2.5rem !important; } -.placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; +.w-12 { + width: 3rem !important; } -.placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; +.w-14 { + width: 3.5rem !important; } -.placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; +.w-16 { + width: 4rem !important; } -.placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; +.w-20 { + width: 5rem !important; } -.placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; +.w-24 { + width: 6rem !important; } -.placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; +.w-28 { + width: 7rem !important; } -.placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; +.w-32 { + width: 8rem !important; } -.placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; +.w-36 { + width: 9rem !important; } -.placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; +.w-40 { + width: 10rem !important; } -.placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; +.w-44 { + width: 11rem !important; } -.placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; +.w-48 { + width: 12rem !important; } -.placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; +.w-52 { + width: 13rem !important; } -.placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; +.w-56 { + width: 14rem !important; } -.placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; +.w-60 { + width: 15rem !important; } -.placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; +.w-64 { + width: 16rem !important; } -.placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; +.w-72 { + width: 18rem !important; } -.placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; +.w-80 { + width: 20rem !important; } -.placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; +.w-96 { + width: 24rem !important; } -.placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; +.w-auto { + width: auto !important; } -.placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; +.w-px { + width: 1px !important; } -.placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; +.w-0\.5 { + width: 0.125rem !important; } -.placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; +.w-1\.5 { + width: 0.375rem !important; } -.placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; +.w-2\.5 { + width: 0.625rem !important; } -.placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; +.w-3\.5 { + width: 0.875rem !important; } -.placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; +.w-1\/2 { + width: 50% !important; } -.placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; +.w-1\/3 { + width: 33.333333% !important; } -.placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; +.w-2\/3 { + width: 66.666667% !important; } -.placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; +.w-1\/4 { + width: 25% !important; } -.placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; +.w-2\/4 { + width: 50% !important; } -.placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; +.w-3\/4 { + width: 75% !important; } -.placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; +.w-1\/5 { + width: 20% !important; } -.placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; +.w-2\/5 { + width: 40% !important; } -.placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; +.w-3\/5 { + width: 60% !important; } -.placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; +.w-4\/5 { + width: 80% !important; } -.placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; +.w-1\/6 { + width: 16.666667% !important; } -.placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; +.w-2\/6 { + width: 33.333333% !important; } -.placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; +.w-3\/6 { + width: 50% !important; } -.placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; +.w-4\/6 { + width: 66.666667% !important; } -.placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; +.w-5\/6 { + width: 83.333333% !important; } -.placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; +.w-1\/12 { + width: 8.333333% !important; } -.placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; +.w-2\/12 { + width: 16.666667% !important; } -.placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; +.w-3\/12 { + width: 25% !important; } -.placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; +.w-4\/12 { + width: 33.333333% !important; } -.placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; +.w-5\/12 { + width: 41.666667% !important; } -.placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; +.w-6\/12 { + width: 50% !important; } -.placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; +.w-7\/12 { + width: 58.333333% !important; } -.placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; +.w-8\/12 { + width: 66.666667% !important; } -.placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; +.w-9\/12 { + width: 75% !important; } -.placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; +.w-10\/12 { + width: 83.333333% !important; } -.placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; +.w-11\/12 { + width: 91.666667% !important; } -.placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; +.w-full { + width: 100% !important; } -.placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; +.w-screen { + width: 100vw !important; } -.placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; +.w-min { + width: min-content !important; } -.placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; +.w-max { + width: max-content !important; } -.placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; +.z-0 { + z-index: 0 !important; } -.placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; +.z-10 { + z-index: 10 !important; } -.placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; +.z-20 { + z-index: 20 !important; } -.placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; +.z-30 { + z-index: 30 !important; } -.focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; +.z-40 { + z-index: 40 !important; } -.focus\:placeholder-current:focus::placeholder { - color: currentColor !important; +.z-50 { + z-index: 50 !important; } -.focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; +.z-auto { + z-index: auto !important; } -.focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; +.focus\:z-0:focus { + z-index: 0 !important; } -.focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; +.focus\:z-10:focus { + z-index: 10 !important; } -.focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; +.focus\:z-20:focus { + z-index: 20 !important; } -.focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; +.focus\:z-30:focus { + z-index: 30 !important; } -.focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; +.focus\:z-40:focus { + z-index: 40 !important; } -.focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; +.focus\:z-50:focus { + z-index: 50 !important; } -.focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; +.focus\:z-auto:focus { + z-index: auto !important; } -.focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; +.gap-0 { + grid-gap: 0 !important; + gap: 0 !important; } -.focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; +.gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; } -.focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; +.gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; } -.focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; +.gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; } -.focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; +.gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; } -.focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; +.gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; } -.focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; +.gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; } -.focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; +.gap-7 { + grid-gap: 1.75rem !important; + gap: 1.75rem !important; } -.focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; +.gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; } -.focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; +.gap-9 { + grid-gap: 2.25rem !important; + gap: 2.25rem !important; } -.focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; +.gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; } -.focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; +.gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; } -.focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; +.gap-14 { + grid-gap: 3.5rem !important; + gap: 3.5rem !important; } -.focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; +.gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; } -.focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; +.gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; } -.focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; +.gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; } -.focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; +.gap-28 { + grid-gap: 7rem !important; + gap: 7rem !important; } -.focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; +.gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; } -.focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; +.gap-36 { + grid-gap: 9rem !important; + gap: 9rem !important; } -.focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; +.gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; } -.focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; +.gap-44 { + grid-gap: 11rem !important; + gap: 11rem !important; } -.focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; +.gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; } -.focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; +.gap-52 { + grid-gap: 13rem !important; + gap: 13rem !important; } -.focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; +.gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; } -.focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; +.gap-60 { + grid-gap: 15rem !important; + gap: 15rem !important; } -.focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; +.gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; } -.focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; +.gap-72 { + grid-gap: 18rem !important; + gap: 18rem !important; } -.focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; +.gap-80 { + grid-gap: 20rem !important; + gap: 20rem !important; } -.focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; +.gap-96 { + grid-gap: 24rem !important; + gap: 24rem !important; } -.focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; +.gap-px { + grid-gap: 1px !important; + gap: 1px !important; } -.focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; +.gap-0\.5 { + grid-gap: 0.125rem !important; + gap: 0.125rem !important; } -.focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; +.gap-1\.5 { + grid-gap: 0.375rem !important; + gap: 0.375rem !important; } -.focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; +.gap-2\.5 { + grid-gap: 0.625rem !important; + gap: 0.625rem !important; } -.focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; +.gap-3\.5 { + grid-gap: 0.875rem !important; + gap: 0.875rem !important; } -.focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; +.gap-x-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; } -.focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; +.gap-x-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } -.focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; +.gap-x-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } -.focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; +.gap-x-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; } -.focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; +.gap-x-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; } -.focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; +.gap-x-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; } -.focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; +.gap-x-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } -.focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; +.gap-x-7 { + grid-column-gap: 1.75rem !important; + column-gap: 1.75rem !important; } -.focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; +.gap-x-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; } -.focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; +.gap-x-9 { + grid-column-gap: 2.25rem !important; + column-gap: 2.25rem !important; } -.focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; +.gap-x-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; } -.focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; +.gap-x-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; } -.focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; +.gap-x-14 { + grid-column-gap: 3.5rem !important; + column-gap: 3.5rem !important; } -.focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; +.gap-x-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; } -.focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; +.gap-x-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; } -.focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; +.gap-x-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; } -.focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; +.gap-x-28 { + grid-column-gap: 7rem !important; + column-gap: 7rem !important; } -.focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; +.gap-x-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; } -.focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; +.gap-x-36 { + grid-column-gap: 9rem !important; + column-gap: 9rem !important; } -.focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; +.gap-x-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; } -.focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; +.gap-x-44 { + grid-column-gap: 11rem !important; + column-gap: 11rem !important; } -.focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; +.gap-x-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; } -.focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; +.gap-x-52 { + grid-column-gap: 13rem !important; + column-gap: 13rem !important; } -.focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; +.gap-x-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; } -.focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; +.gap-x-60 { + grid-column-gap: 15rem !important; + column-gap: 15rem !important; } -.focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; +.gap-x-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; } -.focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; +.gap-x-72 { + grid-column-gap: 18rem !important; + column-gap: 18rem !important; } -.focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; +.gap-x-80 { + grid-column-gap: 20rem !important; + column-gap: 20rem !important; } -.focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; +.gap-x-96 { + grid-column-gap: 24rem !important; + column-gap: 24rem !important; } -.focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; +.gap-x-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; } -@media (prefers-color-scheme: dark) { - .dark\:placeholder-transparent::placeholder { - color: transparent !important; - } +.gap-x-0\.5 { + grid-column-gap: 0.125rem !important; + column-gap: 0.125rem !important; +} - .dark\:placeholder-current::placeholder { - color: currentColor !important; - } +.gap-x-1\.5 { + grid-column-gap: 0.375rem !important; + column-gap: 0.375rem !important; +} - .dark\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } +.gap-x-2\.5 { + grid-column-gap: 0.625rem !important; + column-gap: 0.625rem !important; +} - .dark\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } +.gap-x-3\.5 { + grid-column-gap: 0.875rem !important; + column-gap: 0.875rem !important; +} - .dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } +.gap-y-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; +} - .dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } +.gap-y-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; +} - .dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } +.gap-y-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; +} - .dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } +.gap-y-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; +} - .dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } +.gap-y-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; +} - .dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } +.gap-y-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; +} - .dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } +.gap-y-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; +} - .dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } +.gap-y-7 { + grid-row-gap: 1.75rem !important; + row-gap: 1.75rem !important; +} - .dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } +.gap-y-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; +} - .dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } +.gap-y-9 { + grid-row-gap: 2.25rem !important; + row-gap: 2.25rem !important; +} - .dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } +.gap-y-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; +} - .dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } +.gap-y-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; +} - .dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } +.gap-y-14 { + grid-row-gap: 3.5rem !important; + row-gap: 3.5rem !important; +} - .dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } +.gap-y-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; +} - .dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } +.gap-y-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; +} - .dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } +.gap-y-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; +} - .dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } +.gap-y-28 { + grid-row-gap: 7rem !important; + row-gap: 7rem !important; +} - .dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } +.gap-y-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; +} - .dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } +.gap-y-36 { + grid-row-gap: 9rem !important; + row-gap: 9rem !important; +} - .dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } +.gap-y-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; +} - .dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } +.gap-y-44 { + grid-row-gap: 11rem !important; + row-gap: 11rem !important; +} - .dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } +.gap-y-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; +} - .dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } +.gap-y-52 { + grid-row-gap: 13rem !important; + row-gap: 13rem !important; +} - .dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } +.gap-y-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; +} - .dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } +.gap-y-60 { + grid-row-gap: 15rem !important; + row-gap: 15rem !important; +} - .dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } +.gap-y-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; +} - .dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } +.gap-y-72 { + grid-row-gap: 18rem !important; + row-gap: 18rem !important; +} - .dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } +.gap-y-80 { + grid-row-gap: 20rem !important; + row-gap: 20rem !important; +} - .dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } +.gap-y-96 { + grid-row-gap: 24rem !important; + row-gap: 24rem !important; +} - .dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } +.gap-y-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; +} - .dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } +.gap-y-0\.5 { + grid-row-gap: 0.125rem !important; + row-gap: 0.125rem !important; +} - .dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } +.gap-y-1\.5 { + grid-row-gap: 0.375rem !important; + row-gap: 0.375rem !important; +} - .dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } +.gap-y-2\.5 { + grid-row-gap: 0.625rem !important; + row-gap: 0.625rem !important; +} - .dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } +.gap-y-3\.5 { + grid-row-gap: 0.875rem !important; + row-gap: 0.875rem !important; +} - .dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } +.grid-flow-row { + grid-auto-flow: row !important; +} - .dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } +.grid-flow-col { + grid-auto-flow: column !important; +} - .dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } +.grid-flow-row-dense { + grid-auto-flow: row dense !important; +} - .dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } +.grid-flow-col-dense { + grid-auto-flow: column dense !important; +} - .dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; +} - .dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } +.grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } +.grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } +.grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } +.grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; +} - .dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; +} - .dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } +.grid-cols-none { + grid-template-columns: none !important; +} - .dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } +.auto-cols-auto { + grid-auto-columns: auto !important; +} - .dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } +.auto-cols-min { + grid-auto-columns: min-content !important; +} - .dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } +.auto-cols-max { + grid-auto-columns: max-content !important; +} - .dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } +.auto-cols-fr { + grid-auto-columns: minmax(0, 1fr) !important; +} - .dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } +.col-auto { + grid-column: auto !important; +} - .dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } +.col-span-1 { + grid-column: span 1 / span 1 !important; +} - .dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } +.col-span-2 { + grid-column: span 2 / span 2 !important; +} - .dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } +.col-span-3 { + grid-column: span 3 / span 3 !important; +} - .dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } +.col-span-4 { + grid-column: span 4 / span 4 !important; +} - .dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } +.col-span-5 { + grid-column: span 5 / span 5 !important; +} - .dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } +.col-span-6 { + grid-column: span 6 / span 6 !important; +} - .dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } +.col-span-7 { + grid-column: span 7 / span 7 !important; +} - .dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } +.col-span-8 { + grid-column: span 8 / span 8 !important; +} - .dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } +.col-span-9 { + grid-column: span 9 / span 9 !important; +} - .dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } +.col-span-10 { + grid-column: span 10 / span 10 !important; +} - .dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } +.col-span-11 { + grid-column: span 11 / span 11 !important; +} - .dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } +.col-span-12 { + grid-column: span 12 / span 12 !important; +} - .dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } +.col-span-full { + grid-column: 1 / -1 !important; +} - .dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } +.col-start-1 { + grid-column-start: 1 !important; +} - .dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } +.col-start-2 { + grid-column-start: 2 !important; +} - .dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } +.col-start-3 { + grid-column-start: 3 !important; +} - .dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } +.col-start-4 { + grid-column-start: 4 !important; +} - .dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } +.col-start-5 { + grid-column-start: 5 !important; +} - .dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } +.col-start-6 { + grid-column-start: 6 !important; +} - .dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } +.col-start-7 { + grid-column-start: 7 !important; +} - .dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } +.col-start-8 { + grid-column-start: 8 !important; +} - .dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } +.col-start-9 { + grid-column-start: 9 !important; +} - .dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } +.col-start-10 { + grid-column-start: 10 !important; +} - .dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } +.col-start-11 { + grid-column-start: 11 !important; +} - .dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } +.col-start-12 { + grid-column-start: 12 !important; +} - .dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } +.col-start-13 { + grid-column-start: 13 !important; +} - .dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } +.col-start-auto { + grid-column-start: auto !important; +} - .dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } +.col-end-1 { + grid-column-end: 1 !important; +} - .dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } +.col-end-2 { + grid-column-end: 2 !important; +} - .dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } +.col-end-3 { + grid-column-end: 3 !important; +} - .dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } +.col-end-4 { + grid-column-end: 4 !important; +} - .dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } +.col-end-5 { + grid-column-end: 5 !important; +} - .dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } +.col-end-6 { + grid-column-end: 6 !important; +} - .dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } +.col-end-7 { + grid-column-end: 7 !important; +} - .dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } +.col-end-8 { + grid-column-end: 8 !important; +} - .dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } +.col-end-9 { + grid-column-end: 9 !important; +} - .dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } +.col-end-10 { + grid-column-end: 10 !important; +} - .dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } +.col-end-11 { + grid-column-end: 11 !important; +} - .dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } +.col-end-12 { + grid-column-end: 12 !important; +} - .dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } +.col-end-13 { + grid-column-end: 13 !important; +} - .dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } +.col-end-auto { + grid-column-end: auto !important; +} - .dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } +.grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; +} - .dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; +} - .dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; +} - .dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } +.grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; +} - .dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } +.grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; +} - .dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } +.grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; +} - .dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } +.grid-rows-none { + grid-template-rows: none !important; +} - .dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } +.auto-rows-auto { + grid-auto-rows: auto !important; +} - .dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } +.auto-rows-min { + grid-auto-rows: min-content !important; +} - .dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } +.auto-rows-max { + grid-auto-rows: max-content !important; +} - .dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } +.auto-rows-fr { + grid-auto-rows: minmax(0, 1fr) !important; +} - .dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } +.row-auto { + grid-row: auto !important; +} - .dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } +.row-span-1 { + grid-row: span 1 / span 1 !important; +} - .dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } +.row-span-2 { + grid-row: span 2 / span 2 !important; +} - .dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } +.row-span-3 { + grid-row: span 3 / span 3 !important; +} - .dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } +.row-span-4 { + grid-row: span 4 / span 4 !important; +} - .dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } +.row-span-5 { + grid-row: span 5 / span 5 !important; +} - .dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } +.row-span-6 { + grid-row: span 6 / span 6 !important; +} - .dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } +.row-span-full { + grid-row: 1 / -1 !important; +} - .dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } +.row-start-1 { + grid-row-start: 1 !important; +} - .dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } +.row-start-2 { + grid-row-start: 2 !important; +} - .dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } +.row-start-3 { + grid-row-start: 3 !important; +} - .dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } +.row-start-4 { + grid-row-start: 4 !important; +} - .dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } +.row-start-5 { + grid-row-start: 5 !important; +} - .dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } +.row-start-6 { + grid-row-start: 6 !important; +} - .dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } +.row-start-7 { + grid-row-start: 7 !important; +} - .dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } +.row-start-auto { + grid-row-start: auto !important; +} - .dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } +.row-end-1 { + grid-row-end: 1 !important; +} - .dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } +.row-end-2 { + grid-row-end: 2 !important; +} - .dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } +.row-end-3 { + grid-row-end: 3 !important; +} - .dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } +.row-end-4 { + grid-row-end: 4 !important; +} - .dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } +.row-end-5 { + grid-row-end: 5 !important; +} - .dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } +.row-end-6 { + grid-row-end: 6 !important; +} - .dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } +.row-end-7 { + grid-row-end: 7 !important; +} - .dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } +.row-end-auto { + grid-row-end: auto !important; +} - .dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } +.transform { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + 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)) !important; +} - .dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } +.transform-gpu { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; +} - .dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } +.transform-none { + transform: none !important; +} - .dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } +.origin-center { + transform-origin: center !important; +} - .dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } +.origin-top { + transform-origin: top !important; +} - .dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } +.origin-top-right { + transform-origin: top right !important; +} - .dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } +.origin-right { + transform-origin: right !important; +} - .dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } +.origin-bottom-right { + transform-origin: bottom right !important; +} - .dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } +.origin-bottom { + transform-origin: bottom !important; +} - .dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } +.origin-bottom-left { + transform-origin: bottom left !important; } -.placeholder-opacity-0::placeholder { - --placeholder-opacity: 0 !important; +.origin-left { + transform-origin: left !important; } -.placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25 !important; +.origin-top-left { + transform-origin: top left !important; } -.placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5 !important; +.scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } -.placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75 !important; +.scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } -.placeholder-opacity-100::placeholder { - --placeholder-opacity: 1 !important; +.scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } -.focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0 !important; +.scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } -.focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25 !important; +.scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } -.focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5 !important; +.scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } -.focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75 !important; +.scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } -.focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1 !important; +.scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } -.pointer-events-none { - pointer-events: none !important; +.scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } -.pointer-events-auto { - pointer-events: auto !important; +.scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } -.static { - position: static !important; +.scale-x-0 { + --transform-scale-x: 0 !important; } -.fixed { - position: fixed !important; +.scale-x-50 { + --transform-scale-x: .5 !important; } -.absolute { - position: absolute !important; +.scale-x-75 { + --transform-scale-x: .75 !important; } -.relative { - position: relative !important; +.scale-x-90 { + --transform-scale-x: .9 !important; } -.sticky { - position: sticky !important; +.scale-x-95 { + --transform-scale-x: .95 !important; } -.inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; +.scale-x-100 { + --transform-scale-x: 1 !important; } -.inset-1 { - top: 0.25rem !important; - right: 0.25rem !important; - bottom: 0.25rem !important; - left: 0.25rem !important; +.scale-x-105 { + --transform-scale-x: 1.05 !important; } -.inset-2 { - top: 0.5rem !important; - right: 0.5rem !important; - bottom: 0.5rem !important; - left: 0.5rem !important; +.scale-x-110 { + --transform-scale-x: 1.1 !important; } -.inset-3 { - top: 0.75rem !important; - right: 0.75rem !important; - bottom: 0.75rem !important; - left: 0.75rem !important; +.scale-x-125 { + --transform-scale-x: 1.25 !important; } -.inset-4 { - top: 1rem !important; - right: 1rem !important; - bottom: 1rem !important; - left: 1rem !important; +.scale-x-150 { + --transform-scale-x: 1.5 !important; } -.inset-5 { - top: 1.25rem !important; - right: 1.25rem !important; - bottom: 1.25rem !important; - left: 1.25rem !important; +.scale-y-0 { + --transform-scale-y: 0 !important; } -.inset-6 { - top: 1.5rem !important; - right: 1.5rem !important; - bottom: 1.5rem !important; - left: 1.5rem !important; +.scale-y-50 { + --transform-scale-y: .5 !important; } -.inset-7 { - top: 1.75rem !important; - right: 1.75rem !important; - bottom: 1.75rem !important; - left: 1.75rem !important; +.scale-y-75 { + --transform-scale-y: .75 !important; } -.inset-8 { - top: 2rem !important; - right: 2rem !important; - bottom: 2rem !important; - left: 2rem !important; +.scale-y-90 { + --transform-scale-y: .9 !important; } -.inset-9 { - top: 2.25rem !important; - right: 2.25rem !important; - bottom: 2.25rem !important; - left: 2.25rem !important; +.scale-y-95 { + --transform-scale-y: .95 !important; } -.inset-10 { - top: 2.5rem !important; - right: 2.5rem !important; - bottom: 2.5rem !important; - left: 2.5rem !important; +.scale-y-100 { + --transform-scale-y: 1 !important; } -.inset-12 { - top: 3rem !important; - right: 3rem !important; - bottom: 3rem !important; - left: 3rem !important; +.scale-y-105 { + --transform-scale-y: 1.05 !important; } -.inset-14 { - top: 3.5rem !important; - right: 3.5rem !important; - bottom: 3.5rem !important; - left: 3.5rem !important; +.scale-y-110 { + --transform-scale-y: 1.1 !important; } -.inset-16 { - top: 4rem !important; - right: 4rem !important; - bottom: 4rem !important; - left: 4rem !important; +.scale-y-125 { + --transform-scale-y: 1.25 !important; } -.inset-20 { - top: 5rem !important; - right: 5rem !important; - bottom: 5rem !important; - left: 5rem !important; +.scale-y-150 { + --transform-scale-y: 1.5 !important; } -.inset-24 { - top: 6rem !important; - right: 6rem !important; - bottom: 6rem !important; - left: 6rem !important; +.hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } -.inset-28 { - top: 7rem !important; - right: 7rem !important; - bottom: 7rem !important; - left: 7rem !important; +.hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } -.inset-32 { - top: 8rem !important; - right: 8rem !important; - bottom: 8rem !important; - left: 8rem !important; +.hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } -.inset-36 { - top: 9rem !important; - right: 9rem !important; - bottom: 9rem !important; - left: 9rem !important; +.hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } -.inset-40 { - top: 10rem !important; - right: 10rem !important; - bottom: 10rem !important; - left: 10rem !important; +.hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } -.inset-44 { - top: 11rem !important; - right: 11rem !important; - bottom: 11rem !important; - left: 11rem !important; +.hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } -.inset-48 { - top: 12rem !important; - right: 12rem !important; - bottom: 12rem !important; - left: 12rem !important; +.hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } -.inset-52 { - top: 13rem !important; - right: 13rem !important; - bottom: 13rem !important; - left: 13rem !important; +.hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } -.inset-56 { - top: 14rem !important; - right: 14rem !important; - bottom: 14rem !important; - left: 14rem !important; +.hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } -.inset-60 { - top: 15rem !important; - right: 15rem !important; - bottom: 15rem !important; - left: 15rem !important; +.hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } -.inset-64 { - top: 16rem !important; - right: 16rem !important; - bottom: 16rem !important; - left: 16rem !important; +.hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; } -.inset-72 { - top: 18rem !important; - right: 18rem !important; - bottom: 18rem !important; - left: 18rem !important; +.hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; } -.inset-80 { - top: 20rem !important; - right: 20rem !important; - bottom: 20rem !important; - left: 20rem !important; +.hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; } -.inset-96 { - top: 24rem !important; - right: 24rem !important; - bottom: 24rem !important; - left: 24rem !important; +.hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; } -.inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; +.hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; } -.inset-px { - top: 1px !important; - right: 1px !important; - bottom: 1px !important; - left: 1px !important; +.hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; } -.inset-0\.5 { - top: 0.125rem !important; - right: 0.125rem !important; - bottom: 0.125rem !important; - left: 0.125rem !important; +.hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; } -.inset-1\.5 { - top: 0.375rem !important; - right: 0.375rem !important; - bottom: 0.375rem !important; - left: 0.375rem !important; +.hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; } -.inset-2\.5 { - top: 0.625rem !important; - right: 0.625rem !important; - bottom: 0.625rem !important; - left: 0.625rem !important; +.hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; } -.inset-3\.5 { - top: 0.875rem !important; - right: 0.875rem !important; - bottom: 0.875rem !important; - left: 0.875rem !important; +.hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; } -.-inset-1 { - top: -0.25rem !important; - right: -0.25rem !important; - bottom: -0.25rem !important; - left: -0.25rem !important; +.hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; } -.-inset-2 { - top: -0.5rem !important; - right: -0.5rem !important; - bottom: -0.5rem !important; - left: -0.5rem !important; +.hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; } -.-inset-3 { - top: -0.75rem !important; - right: -0.75rem !important; - bottom: -0.75rem !important; - left: -0.75rem !important; +.hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; } -.-inset-4 { - top: -1rem !important; - right: -1rem !important; - bottom: -1rem !important; - left: -1rem !important; +.hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; } -.-inset-5 { - top: -1.25rem !important; - right: -1.25rem !important; - bottom: -1.25rem !important; - left: -1.25rem !important; +.hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; } -.-inset-6 { - top: -1.5rem !important; - right: -1.5rem !important; - bottom: -1.5rem !important; - left: -1.5rem !important; +.hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; } -.-inset-7 { - top: -1.75rem !important; - right: -1.75rem !important; - bottom: -1.75rem !important; - left: -1.75rem !important; +.hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; } -.-inset-8 { - top: -2rem !important; - right: -2rem !important; - bottom: -2rem !important; - left: -2rem !important; +.hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; } -.-inset-9 { - top: -2.25rem !important; - right: -2.25rem !important; - bottom: -2.25rem !important; - left: -2.25rem !important; +.hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; } -.-inset-10 { - top: -2.5rem !important; - right: -2.5rem !important; - bottom: -2.5rem !important; - left: -2.5rem !important; +.hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; } -.-inset-12 { - top: -3rem !important; - right: -3rem !important; - bottom: -3rem !important; - left: -3rem !important; +.focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } -.-inset-14 { - top: -3.5rem !important; - right: -3.5rem !important; - bottom: -3.5rem !important; - left: -3.5rem !important; +.focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } -.-inset-16 { - top: -4rem !important; - right: -4rem !important; - bottom: -4rem !important; - left: -4rem !important; +.focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } -.-inset-20 { - top: -5rem !important; - right: -5rem !important; - bottom: -5rem !important; - left: -5rem !important; +.focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } -.-inset-24 { - top: -6rem !important; - right: -6rem !important; - bottom: -6rem !important; - left: -6rem !important; +.focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } -.-inset-28 { - top: -7rem !important; - right: -7rem !important; - bottom: -7rem !important; - left: -7rem !important; +.focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } -.-inset-32 { - top: -8rem !important; - right: -8rem !important; - bottom: -8rem !important; - left: -8rem !important; +.focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } -.-inset-36 { - top: -9rem !important; - right: -9rem !important; - bottom: -9rem !important; - left: -9rem !important; +.focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } -.-inset-40 { - top: -10rem !important; - right: -10rem !important; - bottom: -10rem !important; - left: -10rem !important; +.focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } -.-inset-44 { - top: -11rem !important; - right: -11rem !important; - bottom: -11rem !important; - left: -11rem !important; +.focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } -.-inset-48 { - top: -12rem !important; - right: -12rem !important; - bottom: -12rem !important; - left: -12rem !important; +.focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; } -.-inset-52 { - top: -13rem !important; - right: -13rem !important; - bottom: -13rem !important; - left: -13rem !important; +.focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; } -.-inset-56 { - top: -14rem !important; - right: -14rem !important; - bottom: -14rem !important; - left: -14rem !important; +.focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; } -.-inset-60 { - top: -15rem !important; - right: -15rem !important; - bottom: -15rem !important; - left: -15rem !important; +.focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; } -.-inset-64 { - top: -16rem !important; - right: -16rem !important; - bottom: -16rem !important; - left: -16rem !important; +.focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; } -.-inset-72 { - top: -18rem !important; - right: -18rem !important; - bottom: -18rem !important; - left: -18rem !important; +.focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; } -.-inset-80 { - top: -20rem !important; - right: -20rem !important; - bottom: -20rem !important; - left: -20rem !important; +.focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; } -.-inset-96 { - top: -24rem !important; - right: -24rem !important; - bottom: -24rem !important; - left: -24rem !important; +.focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; } -.-inset-px { - top: -1px !important; - right: -1px !important; - bottom: -1px !important; - left: -1px !important; +.focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; } -.-inset-0\.5 { - top: -0.125rem !important; - right: -0.125rem !important; - bottom: -0.125rem !important; - left: -0.125rem !important; +.focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; } -.-inset-1\.5 { - top: -0.375rem !important; - right: -0.375rem !important; - bottom: -0.375rem !important; - left: -0.375rem !important; +.focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; } -.-inset-2\.5 { - top: -0.625rem !important; - right: -0.625rem !important; - bottom: -0.625rem !important; - left: -0.625rem !important; +.focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; } -.-inset-3\.5 { - top: -0.875rem !important; - right: -0.875rem !important; - bottom: -0.875rem !important; - left: -0.875rem !important; +.focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; } -.inset-1\/2 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; +.focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; } -.inset-1\/3 { - top: 33.333333% !important; - right: 33.333333% !important; - bottom: 33.333333% !important; - left: 33.333333% !important; +.focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; } -.inset-2\/3 { - top: 66.666667% !important; - right: 66.666667% !important; - bottom: 66.666667% !important; - left: 66.666667% !important; +.focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; } -.inset-1\/4 { - top: 25% !important; - right: 25% !important; - bottom: 25% !important; - left: 25% !important; +.focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; } -.inset-2\/4 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; +.focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; } -.inset-3\/4 { - top: 75% !important; - right: 75% !important; - bottom: 75% !important; - left: 75% !important; +.focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; } -.inset-full { - top: 100% !important; - right: 100% !important; - bottom: 100% !important; - left: 100% !important; +.focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; } -.-inset-1\/2 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; +.rotate-0 { + --transform-rotate: 0 !important; } -.-inset-1\/3 { - top: -33.333333% !important; - right: -33.333333% !important; - bottom: -33.333333% !important; - left: -33.333333% !important; +.rotate-1 { + --transform-rotate: 1deg !important; } -.-inset-2\/3 { - top: -66.666667% !important; - right: -66.666667% !important; - bottom: -66.666667% !important; - left: -66.666667% !important; +.rotate-2 { + --transform-rotate: 2deg !important; } -.-inset-1\/4 { - top: -25% !important; - right: -25% !important; - bottom: -25% !important; - left: -25% !important; +.rotate-3 { + --transform-rotate: 3deg !important; } -.-inset-2\/4 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; +.rotate-6 { + --transform-rotate: 6deg !important; } -.-inset-3\/4 { - top: -75% !important; - right: -75% !important; - bottom: -75% !important; - left: -75% !important; +.rotate-12 { + --transform-rotate: 12deg !important; } -.-inset-full { - top: -100% !important; - right: -100% !important; - bottom: -100% !important; - left: -100% !important; +.rotate-45 { + --transform-rotate: 45deg !important; } -.inset-y-0 { - top: 0 !important; - bottom: 0 !important; +.rotate-90 { + --transform-rotate: 90deg !important; } -.inset-x-0 { - right: 0 !important; - left: 0 !important; +.rotate-180 { + --transform-rotate: 180deg !important; } -.inset-y-1 { - top: 0.25rem !important; - bottom: 0.25rem !important; +.-rotate-180 { + --transform-rotate: -180deg !important; } -.inset-x-1 { - right: 0.25rem !important; - left: 0.25rem !important; +.-rotate-90 { + --transform-rotate: -90deg !important; } -.inset-y-2 { - top: 0.5rem !important; - bottom: 0.5rem !important; +.-rotate-45 { + --transform-rotate: -45deg !important; } -.inset-x-2 { - right: 0.5rem !important; - left: 0.5rem !important; +.-rotate-12 { + --transform-rotate: -12deg !important; } -.inset-y-3 { - top: 0.75rem !important; - bottom: 0.75rem !important; +.-rotate-6 { + --transform-rotate: -6deg !important; } -.inset-x-3 { - right: 0.75rem !important; - left: 0.75rem !important; +.-rotate-3 { + --transform-rotate: -3deg !important; } -.inset-y-4 { - top: 1rem !important; - bottom: 1rem !important; +.-rotate-2 { + --transform-rotate: -2deg !important; } -.inset-x-4 { - right: 1rem !important; - left: 1rem !important; +.-rotate-1 { + --transform-rotate: -1deg !important; } -.inset-y-5 { - top: 1.25rem !important; - bottom: 1.25rem !important; +.hover\:rotate-0:hover { + --transform-rotate: 0 !important; } -.inset-x-5 { - right: 1.25rem !important; - left: 1.25rem !important; +.hover\:rotate-1:hover { + --transform-rotate: 1deg !important; } -.inset-y-6 { - top: 1.5rem !important; - bottom: 1.5rem !important; +.hover\:rotate-2:hover { + --transform-rotate: 2deg !important; } -.inset-x-6 { - right: 1.5rem !important; - left: 1.5rem !important; +.hover\:rotate-3:hover { + --transform-rotate: 3deg !important; } -.inset-y-7 { - top: 1.75rem !important; - bottom: 1.75rem !important; +.hover\:rotate-6:hover { + --transform-rotate: 6deg !important; } -.inset-x-7 { - right: 1.75rem !important; - left: 1.75rem !important; +.hover\:rotate-12:hover { + --transform-rotate: 12deg !important; } -.inset-y-8 { - top: 2rem !important; - bottom: 2rem !important; +.hover\:rotate-45:hover { + --transform-rotate: 45deg !important; } -.inset-x-8 { - right: 2rem !important; - left: 2rem !important; +.hover\:rotate-90:hover { + --transform-rotate: 90deg !important; } -.inset-y-9 { - top: 2.25rem !important; - bottom: 2.25rem !important; +.hover\:rotate-180:hover { + --transform-rotate: 180deg !important; } -.inset-x-9 { - right: 2.25rem !important; - left: 2.25rem !important; +.hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; } -.inset-y-10 { - top: 2.5rem !important; - bottom: 2.5rem !important; +.hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; } -.inset-x-10 { - right: 2.5rem !important; - left: 2.5rem !important; +.hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; } -.inset-y-12 { - top: 3rem !important; - bottom: 3rem !important; +.hover\:-rotate-12:hover { + --transform-rotate: -12deg !important; } -.inset-x-12 { - right: 3rem !important; - left: 3rem !important; +.hover\:-rotate-6:hover { + --transform-rotate: -6deg !important; } -.inset-y-14 { - top: 3.5rem !important; - bottom: 3.5rem !important; +.hover\:-rotate-3:hover { + --transform-rotate: -3deg !important; } -.inset-x-14 { - right: 3.5rem !important; - left: 3.5rem !important; +.hover\:-rotate-2:hover { + --transform-rotate: -2deg !important; } -.inset-y-16 { - top: 4rem !important; - bottom: 4rem !important; +.hover\:-rotate-1:hover { + --transform-rotate: -1deg !important; } -.inset-x-16 { - right: 4rem !important; - left: 4rem !important; +.focus\:rotate-0:focus { + --transform-rotate: 0 !important; } -.inset-y-20 { - top: 5rem !important; - bottom: 5rem !important; +.focus\:rotate-1:focus { + --transform-rotate: 1deg !important; } -.inset-x-20 { - right: 5rem !important; - left: 5rem !important; +.focus\:rotate-2:focus { + --transform-rotate: 2deg !important; } -.inset-y-24 { - top: 6rem !important; - bottom: 6rem !important; +.focus\:rotate-3:focus { + --transform-rotate: 3deg !important; } -.inset-x-24 { - right: 6rem !important; - left: 6rem !important; +.focus\:rotate-6:focus { + --transform-rotate: 6deg !important; } -.inset-y-28 { - top: 7rem !important; - bottom: 7rem !important; +.focus\:rotate-12:focus { + --transform-rotate: 12deg !important; } -.inset-x-28 { - right: 7rem !important; - left: 7rem !important; +.focus\:rotate-45:focus { + --transform-rotate: 45deg !important; } -.inset-y-32 { - top: 8rem !important; - bottom: 8rem !important; +.focus\:rotate-90:focus { + --transform-rotate: 90deg !important; } -.inset-x-32 { - right: 8rem !important; - left: 8rem !important; +.focus\:rotate-180:focus { + --transform-rotate: 180deg !important; } -.inset-y-36 { - top: 9rem !important; - bottom: 9rem !important; +.focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; } -.inset-x-36 { - right: 9rem !important; - left: 9rem !important; +.focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; } -.inset-y-40 { - top: 10rem !important; - bottom: 10rem !important; +.focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; } -.inset-x-40 { - right: 10rem !important; - left: 10rem !important; +.focus\:-rotate-12:focus { + --transform-rotate: -12deg !important; } -.inset-y-44 { - top: 11rem !important; - bottom: 11rem !important; +.focus\:-rotate-6:focus { + --transform-rotate: -6deg !important; } -.inset-x-44 { - right: 11rem !important; - left: 11rem !important; +.focus\:-rotate-3:focus { + --transform-rotate: -3deg !important; } -.inset-y-48 { - top: 12rem !important; - bottom: 12rem !important; +.focus\:-rotate-2:focus { + --transform-rotate: -2deg !important; } -.inset-x-48 { - right: 12rem !important; - left: 12rem !important; +.focus\:-rotate-1:focus { + --transform-rotate: -1deg !important; } -.inset-y-52 { - top: 13rem !important; - bottom: 13rem !important; +.translate-x-0 { + --transform-translate-x: 0 !important; } -.inset-x-52 { - right: 13rem !important; - left: 13rem !important; +.translate-x-1 { + --transform-translate-x: 0.25rem !important; } -.inset-y-56 { - top: 14rem !important; - bottom: 14rem !important; +.translate-x-2 { + --transform-translate-x: 0.5rem !important; } -.inset-x-56 { - right: 14rem !important; - left: 14rem !important; +.translate-x-3 { + --transform-translate-x: 0.75rem !important; } -.inset-y-60 { - top: 15rem !important; - bottom: 15rem !important; +.translate-x-4 { + --transform-translate-x: 1rem !important; } -.inset-x-60 { - right: 15rem !important; - left: 15rem !important; +.translate-x-5 { + --transform-translate-x: 1.25rem !important; } -.inset-y-64 { - top: 16rem !important; - bottom: 16rem !important; +.translate-x-6 { + --transform-translate-x: 1.5rem !important; } -.inset-x-64 { - right: 16rem !important; - left: 16rem !important; +.translate-x-7 { + --transform-translate-x: 1.75rem !important; } -.inset-y-72 { - top: 18rem !important; - bottom: 18rem !important; +.translate-x-8 { + --transform-translate-x: 2rem !important; } -.inset-x-72 { - right: 18rem !important; - left: 18rem !important; +.translate-x-9 { + --transform-translate-x: 2.25rem !important; } -.inset-y-80 { - top: 20rem !important; - bottom: 20rem !important; +.translate-x-10 { + --transform-translate-x: 2.5rem !important; } -.inset-x-80 { - right: 20rem !important; - left: 20rem !important; +.translate-x-12 { + --transform-translate-x: 3rem !important; } -.inset-y-96 { - top: 24rem !important; - bottom: 24rem !important; +.translate-x-14 { + --transform-translate-x: 3.5rem !important; } -.inset-x-96 { - right: 24rem !important; - left: 24rem !important; +.translate-x-16 { + --transform-translate-x: 4rem !important; } -.inset-y-auto { - top: auto !important; - bottom: auto !important; +.translate-x-20 { + --transform-translate-x: 5rem !important; } -.inset-x-auto { - right: auto !important; - left: auto !important; +.translate-x-24 { + --transform-translate-x: 6rem !important; } -.inset-y-px { - top: 1px !important; - bottom: 1px !important; +.translate-x-28 { + --transform-translate-x: 7rem !important; } -.inset-x-px { - right: 1px !important; - left: 1px !important; +.translate-x-32 { + --transform-translate-x: 8rem !important; } -.inset-y-0\.5 { - top: 0.125rem !important; - bottom: 0.125rem !important; +.translate-x-36 { + --transform-translate-x: 9rem !important; } -.inset-x-0\.5 { - right: 0.125rem !important; - left: 0.125rem !important; +.translate-x-40 { + --transform-translate-x: 10rem !important; } -.inset-y-1\.5 { - top: 0.375rem !important; - bottom: 0.375rem !important; +.translate-x-44 { + --transform-translate-x: 11rem !important; } -.inset-x-1\.5 { - right: 0.375rem !important; - left: 0.375rem !important; +.translate-x-48 { + --transform-translate-x: 12rem !important; } -.inset-y-2\.5 { - top: 0.625rem !important; - bottom: 0.625rem !important; +.translate-x-52 { + --transform-translate-x: 13rem !important; } -.inset-x-2\.5 { - right: 0.625rem !important; - left: 0.625rem !important; +.translate-x-56 { + --transform-translate-x: 14rem !important; } -.inset-y-3\.5 { - top: 0.875rem !important; - bottom: 0.875rem !important; +.translate-x-60 { + --transform-translate-x: 15rem !important; } -.inset-x-3\.5 { - right: 0.875rem !important; - left: 0.875rem !important; +.translate-x-64 { + --transform-translate-x: 16rem !important; } -.-inset-y-1 { - top: -0.25rem !important; - bottom: -0.25rem !important; +.translate-x-72 { + --transform-translate-x: 18rem !important; } -.-inset-x-1 { - right: -0.25rem !important; - left: -0.25rem !important; +.translate-x-80 { + --transform-translate-x: 20rem !important; } -.-inset-y-2 { - top: -0.5rem !important; - bottom: -0.5rem !important; +.translate-x-96 { + --transform-translate-x: 24rem !important; } -.-inset-x-2 { - right: -0.5rem !important; - left: -0.5rem !important; +.translate-x-px { + --transform-translate-x: 1px !important; } -.-inset-y-3 { - top: -0.75rem !important; - bottom: -0.75rem !important; +.translate-x-0\.5 { + --transform-translate-x: 0.125rem !important; } -.-inset-x-3 { - right: -0.75rem !important; - left: -0.75rem !important; +.translate-x-1\.5 { + --transform-translate-x: 0.375rem !important; } -.-inset-y-4 { - top: -1rem !important; - bottom: -1rem !important; +.translate-x-2\.5 { + --transform-translate-x: 0.625rem !important; } -.-inset-x-4 { - right: -1rem !important; - left: -1rem !important; +.translate-x-3\.5 { + --transform-translate-x: 0.875rem !important; } -.-inset-y-5 { - top: -1.25rem !important; - bottom: -1.25rem !important; +.-translate-x-1 { + --transform-translate-x: -0.25rem !important; } -.-inset-x-5 { - right: -1.25rem !important; - left: -1.25rem !important; +.-translate-x-2 { + --transform-translate-x: -0.5rem !important; } -.-inset-y-6 { - top: -1.5rem !important; - bottom: -1.5rem !important; +.-translate-x-3 { + --transform-translate-x: -0.75rem !important; } -.-inset-x-6 { - right: -1.5rem !important; - left: -1.5rem !important; +.-translate-x-4 { + --transform-translate-x: -1rem !important; } -.-inset-y-7 { - top: -1.75rem !important; - bottom: -1.75rem !important; +.-translate-x-5 { + --transform-translate-x: -1.25rem !important; } -.-inset-x-7 { - right: -1.75rem !important; - left: -1.75rem !important; +.-translate-x-6 { + --transform-translate-x: -1.5rem !important; } -.-inset-y-8 { - top: -2rem !important; - bottom: -2rem !important; +.-translate-x-7 { + --transform-translate-x: -1.75rem !important; } -.-inset-x-8 { - right: -2rem !important; - left: -2rem !important; +.-translate-x-8 { + --transform-translate-x: -2rem !important; } -.-inset-y-9 { - top: -2.25rem !important; - bottom: -2.25rem !important; +.-translate-x-9 { + --transform-translate-x: -2.25rem !important; } -.-inset-x-9 { - right: -2.25rem !important; - left: -2.25rem !important; +.-translate-x-10 { + --transform-translate-x: -2.5rem !important; } -.-inset-y-10 { - top: -2.5rem !important; - bottom: -2.5rem !important; +.-translate-x-12 { + --transform-translate-x: -3rem !important; } -.-inset-x-10 { - right: -2.5rem !important; - left: -2.5rem !important; +.-translate-x-14 { + --transform-translate-x: -3.5rem !important; } -.-inset-y-12 { - top: -3rem !important; - bottom: -3rem !important; +.-translate-x-16 { + --transform-translate-x: -4rem !important; } -.-inset-x-12 { - right: -3rem !important; - left: -3rem !important; +.-translate-x-20 { + --transform-translate-x: -5rem !important; } -.-inset-y-14 { - top: -3.5rem !important; - bottom: -3.5rem !important; +.-translate-x-24 { + --transform-translate-x: -6rem !important; } -.-inset-x-14 { - right: -3.5rem !important; - left: -3.5rem !important; +.-translate-x-28 { + --transform-translate-x: -7rem !important; } -.-inset-y-16 { - top: -4rem !important; - bottom: -4rem !important; +.-translate-x-32 { + --transform-translate-x: -8rem !important; } -.-inset-x-16 { - right: -4rem !important; - left: -4rem !important; +.-translate-x-36 { + --transform-translate-x: -9rem !important; } -.-inset-y-20 { - top: -5rem !important; - bottom: -5rem !important; +.-translate-x-40 { + --transform-translate-x: -10rem !important; } -.-inset-x-20 { - right: -5rem !important; - left: -5rem !important; +.-translate-x-44 { + --transform-translate-x: -11rem !important; } -.-inset-y-24 { - top: -6rem !important; - bottom: -6rem !important; +.-translate-x-48 { + --transform-translate-x: -12rem !important; } -.-inset-x-24 { - right: -6rem !important; - left: -6rem !important; +.-translate-x-52 { + --transform-translate-x: -13rem !important; } -.-inset-y-28 { - top: -7rem !important; - bottom: -7rem !important; +.-translate-x-56 { + --transform-translate-x: -14rem !important; } -.-inset-x-28 { - right: -7rem !important; - left: -7rem !important; +.-translate-x-60 { + --transform-translate-x: -15rem !important; } -.-inset-y-32 { - top: -8rem !important; - bottom: -8rem !important; +.-translate-x-64 { + --transform-translate-x: -16rem !important; } -.-inset-x-32 { - right: -8rem !important; - left: -8rem !important; +.-translate-x-72 { + --transform-translate-x: -18rem !important; } -.-inset-y-36 { - top: -9rem !important; - bottom: -9rem !important; +.-translate-x-80 { + --transform-translate-x: -20rem !important; } -.-inset-x-36 { - right: -9rem !important; - left: -9rem !important; +.-translate-x-96 { + --transform-translate-x: -24rem !important; } -.-inset-y-40 { - top: -10rem !important; - bottom: -10rem !important; +.-translate-x-px { + --transform-translate-x: -1px !important; } -.-inset-x-40 { - right: -10rem !important; - left: -10rem !important; +.-translate-x-0\.5 { + --transform-translate-x: -0.125rem !important; } -.-inset-y-44 { - top: -11rem !important; - bottom: -11rem !important; +.-translate-x-1\.5 { + --transform-translate-x: -0.375rem !important; } -.-inset-x-44 { - right: -11rem !important; - left: -11rem !important; +.-translate-x-2\.5 { + --transform-translate-x: -0.625rem !important; } -.-inset-y-48 { - top: -12rem !important; - bottom: -12rem !important; +.-translate-x-3\.5 { + --transform-translate-x: -0.875rem !important; } -.-inset-x-48 { - right: -12rem !important; - left: -12rem !important; +.translate-x-1\/2 { + --transform-translate-x: 50% !important; } -.-inset-y-52 { - top: -13rem !important; - bottom: -13rem !important; +.translate-x-1\/3 { + --transform-translate-x: 33.333333% !important; } -.-inset-x-52 { - right: -13rem !important; - left: -13rem !important; +.translate-x-2\/3 { + --transform-translate-x: 66.666667% !important; } -.-inset-y-56 { - top: -14rem !important; - bottom: -14rem !important; +.translate-x-1\/4 { + --transform-translate-x: 25% !important; } -.-inset-x-56 { - right: -14rem !important; - left: -14rem !important; +.translate-x-2\/4 { + --transform-translate-x: 50% !important; } -.-inset-y-60 { - top: -15rem !important; - bottom: -15rem !important; +.translate-x-3\/4 { + --transform-translate-x: 75% !important; } -.-inset-x-60 { - right: -15rem !important; - left: -15rem !important; +.translate-x-full { + --transform-translate-x: 100% !important; } -.-inset-y-64 { - top: -16rem !important; - bottom: -16rem !important; +.-translate-x-1\/2 { + --transform-translate-x: -50% !important; } -.-inset-x-64 { - right: -16rem !important; - left: -16rem !important; +.-translate-x-1\/3 { + --transform-translate-x: -33.333333% !important; } -.-inset-y-72 { - top: -18rem !important; - bottom: -18rem !important; +.-translate-x-2\/3 { + --transform-translate-x: -66.666667% !important; } -.-inset-x-72 { - right: -18rem !important; - left: -18rem !important; +.-translate-x-1\/4 { + --transform-translate-x: -25% !important; } -.-inset-y-80 { - top: -20rem !important; - bottom: -20rem !important; +.-translate-x-2\/4 { + --transform-translate-x: -50% !important; } -.-inset-x-80 { - right: -20rem !important; - left: -20rem !important; +.-translate-x-3\/4 { + --transform-translate-x: -75% !important; } -.-inset-y-96 { - top: -24rem !important; - bottom: -24rem !important; +.-translate-x-full { + --transform-translate-x: -100% !important; } -.-inset-x-96 { - right: -24rem !important; - left: -24rem !important; +.translate-y-0 { + --transform-translate-y: 0 !important; } -.-inset-y-px { - top: -1px !important; - bottom: -1px !important; +.translate-y-1 { + --transform-translate-y: 0.25rem !important; } -.-inset-x-px { - right: -1px !important; - left: -1px !important; +.translate-y-2 { + --transform-translate-y: 0.5rem !important; } -.-inset-y-0\.5 { - top: -0.125rem !important; - bottom: -0.125rem !important; +.translate-y-3 { + --transform-translate-y: 0.75rem !important; } -.-inset-x-0\.5 { - right: -0.125rem !important; - left: -0.125rem !important; +.translate-y-4 { + --transform-translate-y: 1rem !important; } -.-inset-y-1\.5 { - top: -0.375rem !important; - bottom: -0.375rem !important; +.translate-y-5 { + --transform-translate-y: 1.25rem !important; } -.-inset-x-1\.5 { - right: -0.375rem !important; - left: -0.375rem !important; +.translate-y-6 { + --transform-translate-y: 1.5rem !important; } -.-inset-y-2\.5 { - top: -0.625rem !important; - bottom: -0.625rem !important; +.translate-y-7 { + --transform-translate-y: 1.75rem !important; } -.-inset-x-2\.5 { - right: -0.625rem !important; - left: -0.625rem !important; +.translate-y-8 { + --transform-translate-y: 2rem !important; } -.-inset-y-3\.5 { - top: -0.875rem !important; - bottom: -0.875rem !important; +.translate-y-9 { + --transform-translate-y: 2.25rem !important; } -.-inset-x-3\.5 { - right: -0.875rem !important; - left: -0.875rem !important; +.translate-y-10 { + --transform-translate-y: 2.5rem !important; } -.inset-y-1\/2 { - top: 50% !important; - bottom: 50% !important; +.translate-y-12 { + --transform-translate-y: 3rem !important; } -.inset-x-1\/2 { - right: 50% !important; - left: 50% !important; +.translate-y-14 { + --transform-translate-y: 3.5rem !important; } -.inset-y-1\/3 { - top: 33.333333% !important; - bottom: 33.333333% !important; +.translate-y-16 { + --transform-translate-y: 4rem !important; } -.inset-x-1\/3 { - right: 33.333333% !important; - left: 33.333333% !important; +.translate-y-20 { + --transform-translate-y: 5rem !important; } -.inset-y-2\/3 { - top: 66.666667% !important; - bottom: 66.666667% !important; +.translate-y-24 { + --transform-translate-y: 6rem !important; } -.inset-x-2\/3 { - right: 66.666667% !important; - left: 66.666667% !important; +.translate-y-28 { + --transform-translate-y: 7rem !important; } -.inset-y-1\/4 { - top: 25% !important; - bottom: 25% !important; +.translate-y-32 { + --transform-translate-y: 8rem !important; } -.inset-x-1\/4 { - right: 25% !important; - left: 25% !important; +.translate-y-36 { + --transform-translate-y: 9rem !important; } -.inset-y-2\/4 { - top: 50% !important; - bottom: 50% !important; +.translate-y-40 { + --transform-translate-y: 10rem !important; } -.inset-x-2\/4 { - right: 50% !important; - left: 50% !important; +.translate-y-44 { + --transform-translate-y: 11rem !important; } -.inset-y-3\/4 { - top: 75% !important; - bottom: 75% !important; +.translate-y-48 { + --transform-translate-y: 12rem !important; } -.inset-x-3\/4 { - right: 75% !important; - left: 75% !important; +.translate-y-52 { + --transform-translate-y: 13rem !important; } -.inset-y-full { - top: 100% !important; - bottom: 100% !important; +.translate-y-56 { + --transform-translate-y: 14rem !important; } -.inset-x-full { - right: 100% !important; - left: 100% !important; +.translate-y-60 { + --transform-translate-y: 15rem !important; } -.-inset-y-1\/2 { - top: -50% !important; - bottom: -50% !important; +.translate-y-64 { + --transform-translate-y: 16rem !important; } -.-inset-x-1\/2 { - right: -50% !important; - left: -50% !important; +.translate-y-72 { + --transform-translate-y: 18rem !important; } -.-inset-y-1\/3 { - top: -33.333333% !important; - bottom: -33.333333% !important; +.translate-y-80 { + --transform-translate-y: 20rem !important; } -.-inset-x-1\/3 { - right: -33.333333% !important; - left: -33.333333% !important; +.translate-y-96 { + --transform-translate-y: 24rem !important; } -.-inset-y-2\/3 { - top: -66.666667% !important; - bottom: -66.666667% !important; +.translate-y-px { + --transform-translate-y: 1px !important; } -.-inset-x-2\/3 { - right: -66.666667% !important; - left: -66.666667% !important; +.translate-y-0\.5 { + --transform-translate-y: 0.125rem !important; } -.-inset-y-1\/4 { - top: -25% !important; - bottom: -25% !important; +.translate-y-1\.5 { + --transform-translate-y: 0.375rem !important; } -.-inset-x-1\/4 { - right: -25% !important; - left: -25% !important; +.translate-y-2\.5 { + --transform-translate-y: 0.625rem !important; } -.-inset-y-2\/4 { - top: -50% !important; - bottom: -50% !important; +.translate-y-3\.5 { + --transform-translate-y: 0.875rem !important; } -.-inset-x-2\/4 { - right: -50% !important; - left: -50% !important; +.-translate-y-1 { + --transform-translate-y: -0.25rem !important; } -.-inset-y-3\/4 { - top: -75% !important; - bottom: -75% !important; +.-translate-y-2 { + --transform-translate-y: -0.5rem !important; } -.-inset-x-3\/4 { - right: -75% !important; - left: -75% !important; +.-translate-y-3 { + --transform-translate-y: -0.75rem !important; } -.-inset-y-full { - top: -100% !important; - bottom: -100% !important; +.-translate-y-4 { + --transform-translate-y: -1rem !important; } -.-inset-x-full { - right: -100% !important; - left: -100% !important; +.-translate-y-5 { + --transform-translate-y: -1.25rem !important; } -.top-0 { - top: 0 !important; +.-translate-y-6 { + --transform-translate-y: -1.5rem !important; } -.right-0 { - right: 0 !important; +.-translate-y-7 { + --transform-translate-y: -1.75rem !important; } -.bottom-0 { - bottom: 0 !important; +.-translate-y-8 { + --transform-translate-y: -2rem !important; } -.left-0 { - left: 0 !important; +.-translate-y-9 { + --transform-translate-y: -2.25rem !important; } -.top-1 { - top: 0.25rem !important; +.-translate-y-10 { + --transform-translate-y: -2.5rem !important; } -.right-1 { - right: 0.25rem !important; -} - -.bottom-1 { - bottom: 0.25rem !important; -} - -.left-1 { - left: 0.25rem !important; -} - -.top-2 { - top: 0.5rem !important; -} - -.right-2 { - right: 0.5rem !important; -} - -.bottom-2 { - bottom: 0.5rem !important; -} - -.left-2 { - left: 0.5rem !important; -} - -.top-3 { - top: 0.75rem !important; -} - -.right-3 { - right: 0.75rem !important; -} - -.bottom-3 { - bottom: 0.75rem !important; -} - -.left-3 { - left: 0.75rem !important; -} - -.top-4 { - top: 1rem !important; -} - -.right-4 { - right: 1rem !important; -} - -.bottom-4 { - bottom: 1rem !important; -} - -.left-4 { - left: 1rem !important; -} - -.top-5 { - top: 1.25rem !important; -} - -.right-5 { - right: 1.25rem !important; -} - -.bottom-5 { - bottom: 1.25rem !important; -} - -.left-5 { - left: 1.25rem !important; -} - -.top-6 { - top: 1.5rem !important; -} - -.right-6 { - right: 1.5rem !important; -} - -.bottom-6 { - bottom: 1.5rem !important; -} - -.left-6 { - left: 1.5rem !important; -} - -.top-7 { - top: 1.75rem !important; -} - -.right-7 { - right: 1.75rem !important; -} - -.bottom-7 { - bottom: 1.75rem !important; -} - -.left-7 { - left: 1.75rem !important; -} - -.top-8 { - top: 2rem !important; -} - -.right-8 { - right: 2rem !important; -} - -.bottom-8 { - bottom: 2rem !important; -} - -.left-8 { - left: 2rem !important; -} - -.top-9 { - top: 2.25rem !important; -} - -.right-9 { - right: 2.25rem !important; -} - -.bottom-9 { - bottom: 2.25rem !important; -} - -.left-9 { - left: 2.25rem !important; -} - -.top-10 { - top: 2.5rem !important; -} - -.right-10 { - right: 2.5rem !important; -} - -.bottom-10 { - bottom: 2.5rem !important; -} - -.left-10 { - left: 2.5rem !important; -} - -.top-12 { - top: 3rem !important; -} - -.right-12 { - right: 3rem !important; -} - -.bottom-12 { - bottom: 3rem !important; -} - -.left-12 { - left: 3rem !important; -} - -.top-14 { - top: 3.5rem !important; -} - -.right-14 { - right: 3.5rem !important; -} - -.bottom-14 { - bottom: 3.5rem !important; -} - -.left-14 { - left: 3.5rem !important; -} - -.top-16 { - top: 4rem !important; -} - -.right-16 { - right: 4rem !important; -} - -.bottom-16 { - bottom: 4rem !important; -} - -.left-16 { - left: 4rem !important; -} - -.top-20 { - top: 5rem !important; -} - -.right-20 { - right: 5rem !important; -} - -.bottom-20 { - bottom: 5rem !important; -} - -.left-20 { - left: 5rem !important; -} - -.top-24 { - top: 6rem !important; -} - -.right-24 { - right: 6rem !important; -} - -.bottom-24 { - bottom: 6rem !important; -} - -.left-24 { - left: 6rem !important; -} - -.top-28 { - top: 7rem !important; -} - -.right-28 { - right: 7rem !important; -} - -.bottom-28 { - bottom: 7rem !important; -} - -.left-28 { - left: 7rem !important; -} - -.top-32 { - top: 8rem !important; -} - -.right-32 { - right: 8rem !important; -} - -.bottom-32 { - bottom: 8rem !important; -} - -.left-32 { - left: 8rem !important; -} - -.top-36 { - top: 9rem !important; -} - -.right-36 { - right: 9rem !important; -} - -.bottom-36 { - bottom: 9rem !important; -} - -.left-36 { - left: 9rem !important; -} - -.top-40 { - top: 10rem !important; -} - -.right-40 { - right: 10rem !important; -} - -.bottom-40 { - bottom: 10rem !important; -} - -.left-40 { - left: 10rem !important; -} - -.top-44 { - top: 11rem !important; -} - -.right-44 { - right: 11rem !important; -} - -.bottom-44 { - bottom: 11rem !important; -} - -.left-44 { - left: 11rem !important; -} - -.top-48 { - top: 12rem !important; -} - -.right-48 { - right: 12rem !important; -} - -.bottom-48 { - bottom: 12rem !important; -} - -.left-48 { - left: 12rem !important; -} - -.top-52 { - top: 13rem !important; -} - -.right-52 { - right: 13rem !important; -} - -.bottom-52 { - bottom: 13rem !important; -} - -.left-52 { - left: 13rem !important; -} - -.top-56 { - top: 14rem !important; -} - -.right-56 { - right: 14rem !important; -} - -.bottom-56 { - bottom: 14rem !important; -} - -.left-56 { - left: 14rem !important; -} - -.top-60 { - top: 15rem !important; -} - -.right-60 { - right: 15rem !important; -} - -.bottom-60 { - bottom: 15rem !important; -} - -.left-60 { - left: 15rem !important; -} - -.top-64 { - top: 16rem !important; -} - -.right-64 { - right: 16rem !important; -} - -.bottom-64 { - bottom: 16rem !important; -} - -.left-64 { - left: 16rem !important; -} - -.top-72 { - top: 18rem !important; +.-translate-y-12 { + --transform-translate-y: -3rem !important; } -.right-72 { - right: 18rem !important; +.-translate-y-14 { + --transform-translate-y: -3.5rem !important; } -.bottom-72 { - bottom: 18rem !important; +.-translate-y-16 { + --transform-translate-y: -4rem !important; } -.left-72 { - left: 18rem !important; +.-translate-y-20 { + --transform-translate-y: -5rem !important; } -.top-80 { - top: 20rem !important; +.-translate-y-24 { + --transform-translate-y: -6rem !important; } -.right-80 { - right: 20rem !important; +.-translate-y-28 { + --transform-translate-y: -7rem !important; } -.bottom-80 { - bottom: 20rem !important; +.-translate-y-32 { + --transform-translate-y: -8rem !important; } -.left-80 { - left: 20rem !important; +.-translate-y-36 { + --transform-translate-y: -9rem !important; } -.top-96 { - top: 24rem !important; +.-translate-y-40 { + --transform-translate-y: -10rem !important; } -.right-96 { - right: 24rem !important; +.-translate-y-44 { + --transform-translate-y: -11rem !important; } -.bottom-96 { - bottom: 24rem !important; +.-translate-y-48 { + --transform-translate-y: -12rem !important; } -.left-96 { - left: 24rem !important; +.-translate-y-52 { + --transform-translate-y: -13rem !important; } -.top-auto { - top: auto !important; +.-translate-y-56 { + --transform-translate-y: -14rem !important; } -.right-auto { - right: auto !important; +.-translate-y-60 { + --transform-translate-y: -15rem !important; } -.bottom-auto { - bottom: auto !important; +.-translate-y-64 { + --transform-translate-y: -16rem !important; } -.left-auto { - left: auto !important; +.-translate-y-72 { + --transform-translate-y: -18rem !important; } -.top-px { - top: 1px !important; +.-translate-y-80 { + --transform-translate-y: -20rem !important; } -.right-px { - right: 1px !important; +.-translate-y-96 { + --transform-translate-y: -24rem !important; } -.bottom-px { - bottom: 1px !important; +.-translate-y-px { + --transform-translate-y: -1px !important; } -.left-px { - left: 1px !important; +.-translate-y-0\.5 { + --transform-translate-y: -0.125rem !important; } -.top-0\.5 { - top: 0.125rem !important; +.-translate-y-1\.5 { + --transform-translate-y: -0.375rem !important; } -.right-0\.5 { - right: 0.125rem !important; +.-translate-y-2\.5 { + --transform-translate-y: -0.625rem !important; } -.bottom-0\.5 { - bottom: 0.125rem !important; +.-translate-y-3\.5 { + --transform-translate-y: -0.875rem !important; } -.left-0\.5 { - left: 0.125rem !important; +.translate-y-1\/2 { + --transform-translate-y: 50% !important; } -.top-1\.5 { - top: 0.375rem !important; +.translate-y-1\/3 { + --transform-translate-y: 33.333333% !important; } -.right-1\.5 { - right: 0.375rem !important; +.translate-y-2\/3 { + --transform-translate-y: 66.666667% !important; } -.bottom-1\.5 { - bottom: 0.375rem !important; +.translate-y-1\/4 { + --transform-translate-y: 25% !important; } -.left-1\.5 { - left: 0.375rem !important; +.translate-y-2\/4 { + --transform-translate-y: 50% !important; } -.top-2\.5 { - top: 0.625rem !important; +.translate-y-3\/4 { + --transform-translate-y: 75% !important; } -.right-2\.5 { - right: 0.625rem !important; +.translate-y-full { + --transform-translate-y: 100% !important; } -.bottom-2\.5 { - bottom: 0.625rem !important; +.-translate-y-1\/2 { + --transform-translate-y: -50% !important; } -.left-2\.5 { - left: 0.625rem !important; +.-translate-y-1\/3 { + --transform-translate-y: -33.333333% !important; } -.top-3\.5 { - top: 0.875rem !important; +.-translate-y-2\/3 { + --transform-translate-y: -66.666667% !important; } -.right-3\.5 { - right: 0.875rem !important; +.-translate-y-1\/4 { + --transform-translate-y: -25% !important; } -.bottom-3\.5 { - bottom: 0.875rem !important; +.-translate-y-2\/4 { + --transform-translate-y: -50% !important; } -.left-3\.5 { - left: 0.875rem !important; +.-translate-y-3\/4 { + --transform-translate-y: -75% !important; } -.-top-1 { - top: -0.25rem !important; +.-translate-y-full { + --transform-translate-y: -100% !important; } -.-right-1 { - right: -0.25rem !important; +.hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; } -.-bottom-1 { - bottom: -0.25rem !important; +.hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; } -.-left-1 { - left: -0.25rem !important; +.hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; } -.-top-2 { - top: -0.5rem !important; +.hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; } -.-right-2 { - right: -0.5rem !important; +.hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; } -.-bottom-2 { - bottom: -0.5rem !important; +.hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; } -.-left-2 { - left: -0.5rem !important; +.hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; } -.-top-3 { - top: -0.75rem !important; +.hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem !important; } -.-right-3 { - right: -0.75rem !important; +.hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; } -.-bottom-3 { - bottom: -0.75rem !important; +.hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem !important; } -.-left-3 { - left: -0.75rem !important; +.hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; } -.-top-4 { - top: -1rem !important; +.hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; } -.-right-4 { - right: -1rem !important; +.hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem !important; } -.-bottom-4 { - bottom: -1rem !important; +.hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; } -.-left-4 { - left: -1rem !important; +.hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; } -.-top-5 { - top: -1.25rem !important; +.hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; } -.-right-5 { - right: -1.25rem !important; +.hover\:translate-x-28:hover { + --transform-translate-x: 7rem !important; } -.-bottom-5 { - bottom: -1.25rem !important; +.hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; } -.-left-5 { - left: -1.25rem !important; +.hover\:translate-x-36:hover { + --transform-translate-x: 9rem !important; } -.-top-6 { - top: -1.5rem !important; +.hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; } -.-right-6 { - right: -1.5rem !important; +.hover\:translate-x-44:hover { + --transform-translate-x: 11rem !important; } -.-bottom-6 { - bottom: -1.5rem !important; +.hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; } -.-left-6 { - left: -1.5rem !important; +.hover\:translate-x-52:hover { + --transform-translate-x: 13rem !important; } -.-top-7 { - top: -1.75rem !important; +.hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; } -.-right-7 { - right: -1.75rem !important; +.hover\:translate-x-60:hover { + --transform-translate-x: 15rem !important; } -.-bottom-7 { - bottom: -1.75rem !important; +.hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; } -.-left-7 { - left: -1.75rem !important; +.hover\:translate-x-72:hover { + --transform-translate-x: 18rem !important; } -.-top-8 { - top: -2rem !important; +.hover\:translate-x-80:hover { + --transform-translate-x: 20rem !important; } -.-right-8 { - right: -2rem !important; +.hover\:translate-x-96:hover { + --transform-translate-x: 24rem !important; } -.-bottom-8 { - bottom: -2rem !important; +.hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; } -.-left-8 { - left: -2rem !important; +.hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem !important; } -.-top-9 { - top: -2.25rem !important; +.hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem !important; } -.-right-9 { - right: -2.25rem !important; +.hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem !important; } -.-bottom-9 { - bottom: -2.25rem !important; +.hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem !important; } -.-left-9 { - left: -2.25rem !important; +.hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; } -.-top-10 { - top: -2.5rem !important; +.hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; } -.-right-10 { - right: -2.5rem !important; +.hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; } -.-bottom-10 { - bottom: -2.5rem !important; +.hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; } -.-left-10 { - left: -2.5rem !important; +.hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; } -.-top-12 { - top: -3rem !important; +.hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; } -.-right-12 { - right: -3rem !important; +.hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem !important; } -.-bottom-12 { - bottom: -3rem !important; +.hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; } -.-left-12 { - left: -3rem !important; +.hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem !important; } -.-top-14 { - top: -3.5rem !important; +.hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; } -.-right-14 { - right: -3.5rem !important; +.hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; } -.-bottom-14 { - bottom: -3.5rem !important; +.hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem !important; } -.-left-14 { - left: -3.5rem !important; +.hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; } -.-top-16 { - top: -4rem !important; +.hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; } -.-right-16 { - right: -4rem !important; +.hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; } -.-bottom-16 { - bottom: -4rem !important; +.hover\:-translate-x-28:hover { + --transform-translate-x: -7rem !important; } -.-left-16 { - left: -4rem !important; +.hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; } -.-top-20 { - top: -5rem !important; +.hover\:-translate-x-36:hover { + --transform-translate-x: -9rem !important; } -.-right-20 { - right: -5rem !important; +.hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; } -.-bottom-20 { - bottom: -5rem !important; +.hover\:-translate-x-44:hover { + --transform-translate-x: -11rem !important; } -.-left-20 { - left: -5rem !important; +.hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; } -.-top-24 { - top: -6rem !important; +.hover\:-translate-x-52:hover { + --transform-translate-x: -13rem !important; } -.-right-24 { - right: -6rem !important; +.hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; } -.-bottom-24 { - bottom: -6rem !important; +.hover\:-translate-x-60:hover { + --transform-translate-x: -15rem !important; } -.-left-24 { - left: -6rem !important; +.hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; } -.-top-28 { - top: -7rem !important; +.hover\:-translate-x-72:hover { + --transform-translate-x: -18rem !important; } -.-right-28 { - right: -7rem !important; +.hover\:-translate-x-80:hover { + --transform-translate-x: -20rem !important; } -.-bottom-28 { - bottom: -7rem !important; +.hover\:-translate-x-96:hover { + --transform-translate-x: -24rem !important; } -.-left-28 { - left: -7rem !important; +.hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; } -.-top-32 { - top: -8rem !important; +.hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem !important; } -.-right-32 { - right: -8rem !important; +.hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem !important; } -.-bottom-32 { - bottom: -8rem !important; +.hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem !important; } -.-left-32 { - left: -8rem !important; +.hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem !important; } -.-top-36 { - top: -9rem !important; +.hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; } -.-right-36 { - right: -9rem !important; +.hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333% !important; } -.-bottom-36 { - bottom: -9rem !important; +.hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667% !important; } -.-left-36 { - left: -9rem !important; +.hover\:translate-x-1\/4:hover { + --transform-translate-x: 25% !important; } -.-top-40 { - top: -10rem !important; +.hover\:translate-x-2\/4:hover { + --transform-translate-x: 50% !important; } -.-right-40 { - right: -10rem !important; +.hover\:translate-x-3\/4:hover { + --transform-translate-x: 75% !important; } -.-bottom-40 { - bottom: -10rem !important; +.hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; } -.-left-40 { - left: -10rem !important; +.hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; } -.-top-44 { - top: -11rem !important; +.hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333% !important; } -.-right-44 { - right: -11rem !important; +.hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667% !important; } -.-bottom-44 { - bottom: -11rem !important; +.hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25% !important; } -.-left-44 { - left: -11rem !important; +.hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50% !important; } -.-top-48 { - top: -12rem !important; +.hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75% !important; } -.-right-48 { - right: -12rem !important; +.hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; } -.-bottom-48 { - bottom: -12rem !important; +.hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; } -.-left-48 { - left: -12rem !important; +.hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; } -.-top-52 { - top: -13rem !important; +.hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; } -.-right-52 { - right: -13rem !important; +.hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; } -.-bottom-52 { - bottom: -13rem !important; +.hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; } -.-left-52 { - left: -13rem !important; +.hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; } -.-top-56 { - top: -14rem !important; +.hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; } -.-right-56 { - right: -14rem !important; +.hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem !important; } -.-bottom-56 { - bottom: -14rem !important; +.hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; } -.-left-56 { - left: -14rem !important; +.hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem !important; } -.-top-60 { - top: -15rem !important; +.hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; } -.-right-60 { - right: -15rem !important; +.hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; } -.-bottom-60 { - bottom: -15rem !important; +.hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem !important; } -.-left-60 { - left: -15rem !important; +.hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; } -.-top-64 { - top: -16rem !important; +.hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; } -.-right-64 { - right: -16rem !important; +.hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; } -.-bottom-64 { - bottom: -16rem !important; +.hover\:translate-y-28:hover { + --transform-translate-y: 7rem !important; } -.-left-64 { - left: -16rem !important; +.hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; } -.-top-72 { - top: -18rem !important; +.hover\:translate-y-36:hover { + --transform-translate-y: 9rem !important; } -.-right-72 { - right: -18rem !important; +.hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; } -.-bottom-72 { - bottom: -18rem !important; +.hover\:translate-y-44:hover { + --transform-translate-y: 11rem !important; } -.-left-72 { - left: -18rem !important; +.hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; } -.-top-80 { - top: -20rem !important; +.hover\:translate-y-52:hover { + --transform-translate-y: 13rem !important; } -.-right-80 { - right: -20rem !important; +.hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; } -.-bottom-80 { - bottom: -20rem !important; +.hover\:translate-y-60:hover { + --transform-translate-y: 15rem !important; } -.-left-80 { - left: -20rem !important; +.hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; } -.-top-96 { - top: -24rem !important; +.hover\:translate-y-72:hover { + --transform-translate-y: 18rem !important; } -.-right-96 { - right: -24rem !important; +.hover\:translate-y-80:hover { + --transform-translate-y: 20rem !important; } -.-bottom-96 { - bottom: -24rem !important; +.hover\:translate-y-96:hover { + --transform-translate-y: 24rem !important; } -.-left-96 { - left: -24rem !important; +.hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; } -.-top-px { - top: -1px !important; +.hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem !important; } -.-right-px { - right: -1px !important; +.hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem !important; } -.-bottom-px { - bottom: -1px !important; +.hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem !important; } -.-left-px { - left: -1px !important; +.hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem !important; } -.-top-0\.5 { - top: -0.125rem !important; +.hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; } -.-right-0\.5 { - right: -0.125rem !important; +.hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; } -.-bottom-0\.5 { - bottom: -0.125rem !important; +.hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; } -.-left-0\.5 { - left: -0.125rem !important; +.hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; } -.-top-1\.5 { - top: -0.375rem !important; +.hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; } -.-right-1\.5 { - right: -0.375rem !important; -} - -.-bottom-1\.5 { - bottom: -0.375rem !important; -} - -.-left-1\.5 { - left: -0.375rem !important; -} - -.-top-2\.5 { - top: -0.625rem !important; -} - -.-right-2\.5 { - right: -0.625rem !important; -} - -.-bottom-2\.5 { - bottom: -0.625rem !important; -} - -.-left-2\.5 { - left: -0.625rem !important; -} - -.-top-3\.5 { - top: -0.875rem !important; -} - -.-right-3\.5 { - right: -0.875rem !important; -} - -.-bottom-3\.5 { - bottom: -0.875rem !important; -} - -.-left-3\.5 { - left: -0.875rem !important; -} - -.top-1\/2 { - top: 50% !important; -} - -.right-1\/2 { - right: 50% !important; -} - -.bottom-1\/2 { - bottom: 50% !important; -} - -.left-1\/2 { - left: 50% !important; -} - -.top-1\/3 { - top: 33.333333% !important; -} - -.right-1\/3 { - right: 33.333333% !important; -} - -.bottom-1\/3 { - bottom: 33.333333% !important; -} - -.left-1\/3 { - left: 33.333333% !important; -} - -.top-2\/3 { - top: 66.666667% !important; -} - -.right-2\/3 { - right: 66.666667% !important; -} - -.bottom-2\/3 { - bottom: 66.666667% !important; -} - -.left-2\/3 { - left: 66.666667% !important; -} - -.top-1\/4 { - top: 25% !important; -} - -.right-1\/4 { - right: 25% !important; -} - -.bottom-1\/4 { - bottom: 25% !important; -} - -.left-1\/4 { - left: 25% !important; -} - -.top-2\/4 { - top: 50% !important; -} - -.right-2\/4 { - right: 50% !important; -} - -.bottom-2\/4 { - bottom: 50% !important; -} - -.left-2\/4 { - left: 50% !important; -} - -.top-3\/4 { - top: 75% !important; -} - -.right-3\/4 { - right: 75% !important; -} - -.bottom-3\/4 { - bottom: 75% !important; -} - -.left-3\/4 { - left: 75% !important; -} - -.top-full { - top: 100% !important; -} - -.right-full { - right: 100% !important; -} - -.bottom-full { - bottom: 100% !important; -} - -.left-full { - left: 100% !important; -} - -.-top-1\/2 { - top: -50% !important; -} - -.-right-1\/2 { - right: -50% !important; -} - -.-bottom-1\/2 { - bottom: -50% !important; -} - -.-left-1\/2 { - left: -50% !important; -} - -.-top-1\/3 { - top: -33.333333% !important; -} - -.-right-1\/3 { - right: -33.333333% !important; -} - -.-bottom-1\/3 { - bottom: -33.333333% !important; -} - -.-left-1\/3 { - left: -33.333333% !important; -} - -.-top-2\/3 { - top: -66.666667% !important; -} - -.-right-2\/3 { - right: -66.666667% !important; -} - -.-bottom-2\/3 { - bottom: -66.666667% !important; -} - -.-left-2\/3 { - left: -66.666667% !important; -} - -.-top-1\/4 { - top: -25% !important; -} - -.-right-1\/4 { - right: -25% !important; -} - -.-bottom-1\/4 { - bottom: -25% !important; -} - -.-left-1\/4 { - left: -25% !important; -} - -.-top-2\/4 { - top: -50% !important; -} - -.-right-2\/4 { - right: -50% !important; -} - -.-bottom-2\/4 { - bottom: -50% !important; -} - -.-left-2\/4 { - left: -50% !important; -} - -.-top-3\/4 { - top: -75% !important; -} - -.-right-3\/4 { - right: -75% !important; -} - -.-bottom-3\/4 { - bottom: -75% !important; -} - -.-left-3\/4 { - left: -75% !important; -} - -.-top-full { - top: -100% !important; -} - -.-right-full { - right: -100% !important; -} - -.-bottom-full { - bottom: -100% !important; -} - -.-left-full { - left: -100% !important; -} - -.resize-none { - resize: none !important; -} - -.resize-y { - resize: vertical !important; -} - -.resize-x { - resize: horizontal !important; -} - -.resize { - resize: both !important; -} - -.shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; -} - -.shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; -} - -.shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; -} - -.shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; -} - -.shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; -} - -.shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; -} - -.shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; -} - -.shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; -} - -.shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; -} - -.shadow-none { - box-shadow: none !important; -} - -.hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; -} - -.hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; -} - -.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) !important; -} - -.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) !important; -} - -.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) !important; -} - -.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) !important; -} - -.hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; -} - -.hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; -} - -.hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; -} - -.hover\:shadow-none:hover { - box-shadow: none !important; -} - -.focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; -} - -.focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; -} - -.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) !important; -} - -.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) !important; -} - -.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) !important; -} - -.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) !important; -} - -.focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; -} - -.focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; -} - -.focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; -} - -.focus\:shadow-none:focus { - box-shadow: none !important; -} - -.fill-current { - fill: currentColor !important; -} - -.stroke-current { - stroke: currentColor !important; -} - -.stroke-0 { - stroke-width: 0 !important; -} - -.stroke-1 { - stroke-width: 1 !important; -} - -.stroke-2 { - stroke-width: 2 !important; -} - -.table-auto { - table-layout: auto !important; -} - -.table-fixed { - table-layout: fixed !important; -} - -.text-left { - text-align: left !important; -} - -.text-center { - text-align: center !important; -} - -.text-right { - text-align: right !important; -} - -.text-justify { - text-align: justify !important; -} - -.text-transparent { - color: transparent !important; -} - -.text-current { - color: currentColor !important; -} - -.text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; -} - -.text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; -} - -.text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; -} - -.text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; -} - -.text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; -} - -.text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; -} - -.text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; -} - -.text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; -} - -.text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; -} - -.text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; -} - -.text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; -} - -.text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; -} - -.text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; -} - -.text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; -} - -.text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; -} - -.text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; -} - -.text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; -} - -.text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; -} - -.text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; -} - -.text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; -} - -.text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; -} - -.text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; -} - -.text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; -} - -.text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; -} - -.text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; -} - -.text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; -} - -.text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; -} - -.text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; -} - -.text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; -} - -.text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; -} - -.text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; -} - -.text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; -} - -.text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; -} - -.text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; -} - -.text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; -} - -.text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; -} - -.text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; -} - -.text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; -} - -.text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; -} - -.text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; -} - -.text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; -} - -.text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; -} - -.text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; -} - -.text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; -} - -.text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; -} - -.text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; -} - -.text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; -} - -.text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; -} - -.text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; -} - -.text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; -} - -.text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; -} - -.text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; -} - -.text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; -} - -.text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; -} - -.text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; -} - -.text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; -} - -.text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; -} - -.text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; -} - -.text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; -} - -.text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; -} - -.text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; -} - -.text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; -} - -.text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; -} - -.text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; -} - -.text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; -} - -.text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; -} - -.text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; -} - -.text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; -} - -.text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; -} - -.text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; -} - -.text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; -} - -.text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-transparent { - color: transparent !important; -} - -.group:hover .group-hover\:text-current { - color: currentColor !important; -} - -.group:hover .group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; -} - -.group:hover .group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; -} - -.hover\:text-transparent:hover { - color: transparent !important; -} - -.hover\:text-current:hover { - color: currentColor !important; -} - -.hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; -} - -.hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; -} - -.hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; -} - -.hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; -} - -.hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; -} - -.hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; -} - -.hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; -} - -.hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; -} - -.hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; -} - -.hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; -} - -.hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; -} - -.hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; -} - -.hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; -} - -.hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; -} - -.hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; -} - -.hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; -} - -.hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; -} - -.hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; -} - -.hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; -} - -.hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; -} - -.hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; -} - -.hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; -} - -.hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; -} - -.hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; -} - -.hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; -} - -.hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; -} - -.hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; -} - -.hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; -} - -.hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; -} - -.hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; -} - -.hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; -} - -.hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; -} - -.hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; -} - -.hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; -} - -.hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; -} - -.hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; -} - -.hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; -} - -.hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; -} - -.hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; -} - -.hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; -} - -.hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; -} - -.hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; -} - -.hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; -} - -.hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; -} - -.hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; -} - -.hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; -} - -.hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; -} - -.hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; -} - -.hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; -} - -.hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; -} - -.hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; -} - -.hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; -} - -.hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; -} - -.hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; -} - -.hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; -} - -.hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; -} - -.hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; -} - -.hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; -} - -.hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; -} - -.hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; -} - -.hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; -} - -.hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; -} - -.hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; -} - -.hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; -} - -.hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; -} - -.hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; -} - -.hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; -} - -.hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; -} - -.hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; -} - -.hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; -} - -.hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; -} - -.hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; -} - -.focus\:text-transparent:focus { - color: transparent !important; -} - -.focus\:text-current:focus { - color: currentColor !important; -} - -.focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; -} - -.focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; -} - -.focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; -} - -.focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; -} - -.focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; -} - -.focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; -} - -.focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; -} - -.focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; -} - -.focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; -} - -.focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; -} - -.focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; -} - -.focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; -} - -.focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; -} - -.focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; -} - -.focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; -} - -.focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; -} - -.focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; -} - -.focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; -} - -.focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; -} - -.focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; -} - -.focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; -} - -.focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; -} - -.focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; -} - -.focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; -} - -.focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; -} - -.focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; -} - -.focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; -} - -.focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; -} - -.focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; -} - -.focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; -} - -.focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; -} - -.focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; -} - -.focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; -} - -.focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; -} - -.focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; -} - -.focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; -} - -.focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; -} - -.focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; -} - -.focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; -} - -.focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; -} - -.focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; -} - -.focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; -} - -.focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; -} - -.focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; -} - -.focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; -} - -.focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; -} - -.focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; -} - -.focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; -} - -.focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; -} - -.focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; -} - -.focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; -} - -.focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; -} - -.focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; -} - -.focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; -} - -.focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; -} - -.focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; -} - -.focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; -} - -.focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; -} - -.focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; -} - -.focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; -} - -.focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; -} - -.focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; -} - -.focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; -} - -.focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; -} - -.focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; -} - -.focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; -} - -.focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; -} - -.focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; -} - -.focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; -} - -.focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; -} - -.focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; -} - -.focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; -} - -@media (prefers-color-scheme: dark) { - .dark\:text-transparent { - color: transparent !important; - } - - .dark\:text-current { - color: currentColor !important; - } - - .dark\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .dark\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .dark\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .dark\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .dark\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .dark\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .dark\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .dark\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .dark\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .dark\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .dark\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .dark\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .dark\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .dark\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .dark\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .dark\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .dark\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .dark\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .dark\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .dark\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .dark\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .dark\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .dark\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .dark\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .dark\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .dark\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .dark\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .dark\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .dark\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .dark\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .dark\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .dark\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .dark\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .dark\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .dark\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .dark\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .dark\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .dark\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .dark\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .dark\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .dark\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .dark\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .dark\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .dark\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .dark\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .dark\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .dark\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .dark\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .dark\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .dark\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .dark\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .dark\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .dark\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .dark\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .dark\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .dark\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .dark\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .dark\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .dark\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .dark\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .dark\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .dark\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .dark\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .dark\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .dark\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .dark\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .dark\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .dark\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .dark\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .dark\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .dark\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .dark\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-transparent { - color: transparent !important; - } - - .group:hover .dark\:group-hover\:text-current { - color: currentColor !important; - } - - .group:hover .dark\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .group:hover .dark\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .dark\:hover\:text-transparent:hover { - color: transparent !important; - } - - .dark\:hover\:text-current:hover { - color: currentColor !important; - } - - .dark\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .dark\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .dark\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .dark\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .dark\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .dark\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .dark\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .dark\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .dark\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .dark\:focus\:text-transparent:focus { - color: transparent !important; - } - - .dark\:focus\:text-current:focus { - color: currentColor !important; - } - - .dark\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .dark\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .dark\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .dark\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .dark\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .dark\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .dark\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .dark\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .dark\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } -} - -.text-opacity-0 { - --text-opacity: 0 !important; -} - -.text-opacity-25 { - --text-opacity: 0.25 !important; -} - -.text-opacity-50 { - --text-opacity: 0.5 !important; -} - -.text-opacity-75 { - --text-opacity: 0.75 !important; -} - -.text-opacity-100 { - --text-opacity: 1 !important; -} - -.group:hover .group-hover\:text-opacity-0 { - --text-opacity: 0 !important; -} - -.group:hover .group-hover\:text-opacity-25 { - --text-opacity: 0.25 !important; -} - -.group:hover .group-hover\:text-opacity-50 { - --text-opacity: 0.5 !important; -} - -.group:hover .group-hover\:text-opacity-75 { - --text-opacity: 0.75 !important; -} - -.group:hover .group-hover\:text-opacity-100 { - --text-opacity: 1 !important; -} - -.hover\:text-opacity-0:hover { - --text-opacity: 0 !important; -} - -.hover\:text-opacity-25:hover { - --text-opacity: 0.25 !important; -} - -.hover\:text-opacity-50:hover { - --text-opacity: 0.5 !important; -} - -.hover\:text-opacity-75:hover { - --text-opacity: 0.75 !important; -} - -.hover\:text-opacity-100:hover { - --text-opacity: 1 !important; -} - -.focus\:text-opacity-0:focus { - --text-opacity: 0 !important; -} - -.focus\:text-opacity-25:focus { - --text-opacity: 0.25 !important; -} - -.focus\:text-opacity-50:focus { - --text-opacity: 0.5 !important; -} - -.focus\:text-opacity-75:focus { - --text-opacity: 0.75 !important; -} - -.focus\:text-opacity-100:focus { - --text-opacity: 1 !important; -} - -.truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; -} - -.overflow-ellipsis { - text-overflow: ellipsis !important; -} - -.overflow-clip { - text-overflow: clip !important; -} - -.italic { - font-style: italic !important; -} - -.not-italic { - font-style: normal !important; -} - -.uppercase { - text-transform: uppercase !important; -} - -.lowercase { - text-transform: lowercase !important; -} - -.capitalize { - text-transform: capitalize !important; -} - -.normal-case { - text-transform: none !important; -} - -.underline { - text-decoration: underline !important; -} - -.line-through { - text-decoration: line-through !important; -} - -.no-underline { - text-decoration: none !important; -} - -.hover\:underline:hover { - text-decoration: underline !important; -} - -.hover\:line-through:hover { - text-decoration: line-through !important; -} - -.hover\:no-underline:hover { - text-decoration: none !important; -} - -.focus\:underline:focus { - text-decoration: underline !important; -} - -.focus\:line-through:focus { - text-decoration: line-through !important; -} - -.focus\:no-underline:focus { - text-decoration: none !important; -} - -.antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; -} - -.subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; -} - -.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; -} - -.normal-nums { - font-variant-numeric: normal !important; -} - -.ordinal { - --font-variant-numeric-ordinal: ordinal !important; -} - -.slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero !important; -} - -.lining-nums { - --font-variant-numeric-figure: lining-nums !important; -} - -.oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums !important; -} - -.proportional-nums { - --font-variant-numeric-spacing: proportional-nums !important; -} - -.tabular-nums { - --font-variant-numeric-spacing: tabular-nums !important; -} - -.diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions !important; -} - -.stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions !important; -} - -.tracking-tighter { - letter-spacing: -0.05em !important; -} - -.tracking-tight { - letter-spacing: -0.025em !important; -} - -.tracking-normal { - letter-spacing: 0 !important; -} - -.tracking-wide { - letter-spacing: 0.025em !important; -} - -.tracking-wider { - letter-spacing: 0.05em !important; -} - -.tracking-widest { - letter-spacing: 0.1em !important; -} - -.select-none { - user-select: none !important; -} - -.select-text { - user-select: text !important; -} - -.select-all { - user-select: all !important; -} - -.select-auto { - user-select: auto !important; -} - -.align-baseline { - vertical-align: baseline !important; -} - -.align-top { - vertical-align: top !important; -} - -.align-middle { - vertical-align: middle !important; -} - -.align-bottom { - vertical-align: bottom !important; -} - -.align-text-top { - vertical-align: text-top !important; -} - -.align-text-bottom { - vertical-align: text-bottom !important; -} - -.visible { - visibility: visible !important; -} - -.invisible { - visibility: hidden !important; -} - -.whitespace-normal { - white-space: normal !important; -} - -.whitespace-no-wrap { - white-space: nowrap !important; -} - -.whitespace-pre { - white-space: pre !important; -} - -.whitespace-pre-line { - white-space: pre-line !important; -} - -.whitespace-pre-wrap { - white-space: pre-wrap !important; -} - -.break-normal { - overflow-wrap: normal !important; - word-break: normal !important; -} - -.break-words { - overflow-wrap: break-word !important; -} - -.break-all { - word-break: break-all !important; -} - -.w-0 { - width: 0 !important; -} - -.w-1 { - width: 0.25rem !important; -} - -.w-2 { - width: 0.5rem !important; -} - -.w-3 { - width: 0.75rem !important; -} - -.w-4 { - width: 1rem !important; -} - -.w-5 { - width: 1.25rem !important; -} - -.w-6 { - width: 1.5rem !important; -} - -.w-7 { - width: 1.75rem !important; -} - -.w-8 { - width: 2rem !important; -} - -.w-9 { - width: 2.25rem !important; -} - -.w-10 { - width: 2.5rem !important; -} - -.w-12 { - width: 3rem !important; -} - -.w-14 { - width: 3.5rem !important; -} - -.w-16 { - width: 4rem !important; -} - -.w-20 { - width: 5rem !important; -} - -.w-24 { - width: 6rem !important; -} - -.w-28 { - width: 7rem !important; -} - -.w-32 { - width: 8rem !important; -} - -.w-36 { - width: 9rem !important; -} - -.w-40 { - width: 10rem !important; -} - -.w-44 { - width: 11rem !important; -} - -.w-48 { - width: 12rem !important; -} - -.w-52 { - width: 13rem !important; -} - -.w-56 { - width: 14rem !important; -} - -.w-60 { - width: 15rem !important; -} - -.w-64 { - width: 16rem !important; -} - -.w-72 { - width: 18rem !important; -} - -.w-80 { - width: 20rem !important; -} - -.w-96 { - width: 24rem !important; -} - -.w-auto { - width: auto !important; -} - -.w-px { - width: 1px !important; -} - -.w-0\.5 { - width: 0.125rem !important; -} - -.w-1\.5 { - width: 0.375rem !important; -} - -.w-2\.5 { - width: 0.625rem !important; -} - -.w-3\.5 { - width: 0.875rem !important; -} - -.w-1\/2 { - width: 50% !important; -} - -.w-1\/3 { - width: 33.333333% !important; -} - -.w-2\/3 { - width: 66.666667% !important; -} - -.w-1\/4 { - width: 25% !important; -} - -.w-2\/4 { - width: 50% !important; -} - -.w-3\/4 { - width: 75% !important; -} - -.w-1\/5 { - width: 20% !important; -} - -.w-2\/5 { - width: 40% !important; -} - -.w-3\/5 { - width: 60% !important; -} - -.w-4\/5 { - width: 80% !important; -} - -.w-1\/6 { - width: 16.666667% !important; -} - -.w-2\/6 { - width: 33.333333% !important; -} - -.w-3\/6 { - width: 50% !important; -} - -.w-4\/6 { - width: 66.666667% !important; -} - -.w-5\/6 { - width: 83.333333% !important; -} - -.w-1\/12 { - width: 8.333333% !important; -} - -.w-2\/12 { - width: 16.666667% !important; -} - -.w-3\/12 { - width: 25% !important; -} - -.w-4\/12 { - width: 33.333333% !important; -} - -.w-5\/12 { - width: 41.666667% !important; -} - -.w-6\/12 { - width: 50% !important; -} - -.w-7\/12 { - width: 58.333333% !important; -} - -.w-8\/12 { - width: 66.666667% !important; -} - -.w-9\/12 { - width: 75% !important; -} - -.w-10\/12 { - width: 83.333333% !important; -} - -.w-11\/12 { - width: 91.666667% !important; -} - -.w-full { - width: 100% !important; -} - -.w-screen { - width: 100vw !important; -} - -.w-min { - width: min-content !important; -} - -.w-max { - width: max-content !important; -} - -.z-0 { - z-index: 0 !important; -} - -.z-10 { - z-index: 10 !important; -} - -.z-20 { - z-index: 20 !important; -} - -.z-30 { - z-index: 30 !important; -} - -.z-40 { - z-index: 40 !important; -} - -.z-50 { - z-index: 50 !important; -} - -.z-auto { - z-index: auto !important; -} - -.focus\:z-0:focus { - z-index: 0 !important; -} - -.focus\:z-10:focus { - z-index: 10 !important; -} - -.focus\:z-20:focus { - z-index: 20 !important; -} - -.focus\:z-30:focus { - z-index: 30 !important; -} - -.focus\:z-40:focus { - z-index: 40 !important; -} - -.focus\:z-50:focus { - z-index: 50 !important; -} - -.focus\:z-auto:focus { - z-index: auto !important; -} - -.gap-0 { - grid-gap: 0 !important; - gap: 0 !important; -} - -.gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; -} - -.gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; -} - -.gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; -} - -.gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; -} - -.gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; -} - -.gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; -} - -.gap-7 { - grid-gap: 1.75rem !important; - gap: 1.75rem !important; -} - -.gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; -} - -.gap-9 { - grid-gap: 2.25rem !important; - gap: 2.25rem !important; -} - -.gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; -} - -.gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; -} - -.gap-14 { - grid-gap: 3.5rem !important; - gap: 3.5rem !important; -} - -.gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; -} - -.gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; -} - -.gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; -} - -.gap-28 { - grid-gap: 7rem !important; - gap: 7rem !important; -} - -.gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; -} - -.gap-36 { - grid-gap: 9rem !important; - gap: 9rem !important; -} - -.gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; -} - -.gap-44 { - grid-gap: 11rem !important; - gap: 11rem !important; -} - -.gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; -} - -.gap-52 { - grid-gap: 13rem !important; - gap: 13rem !important; -} - -.gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; -} - -.gap-60 { - grid-gap: 15rem !important; - gap: 15rem !important; -} - -.gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; -} - -.gap-72 { - grid-gap: 18rem !important; - gap: 18rem !important; -} - -.gap-80 { - grid-gap: 20rem !important; - gap: 20rem !important; -} - -.gap-96 { - grid-gap: 24rem !important; - gap: 24rem !important; -} - -.gap-px { - grid-gap: 1px !important; - gap: 1px !important; -} - -.gap-0\.5 { - grid-gap: 0.125rem !important; - gap: 0.125rem !important; -} - -.gap-1\.5 { - grid-gap: 0.375rem !important; - gap: 0.375rem !important; -} - -.gap-2\.5 { - grid-gap: 0.625rem !important; - gap: 0.625rem !important; -} - -.gap-3\.5 { - grid-gap: 0.875rem !important; - gap: 0.875rem !important; -} - -.gap-x-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; -} - -.gap-x-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; -} - -.gap-x-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; -} - -.gap-x-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; -} - -.gap-x-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; -} - -.gap-x-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; -} - -.gap-x-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; -} - -.gap-x-7 { - grid-column-gap: 1.75rem !important; - column-gap: 1.75rem !important; -} - -.gap-x-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; -} - -.gap-x-9 { - grid-column-gap: 2.25rem !important; - column-gap: 2.25rem !important; -} - -.gap-x-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; -} - -.gap-x-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; -} - -.gap-x-14 { - grid-column-gap: 3.5rem !important; - column-gap: 3.5rem !important; -} - -.gap-x-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; -} - -.gap-x-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; -} - -.gap-x-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; -} - -.gap-x-28 { - grid-column-gap: 7rem !important; - column-gap: 7rem !important; -} - -.gap-x-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; -} - -.gap-x-36 { - grid-column-gap: 9rem !important; - column-gap: 9rem !important; -} - -.gap-x-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; -} - -.gap-x-44 { - grid-column-gap: 11rem !important; - column-gap: 11rem !important; -} - -.gap-x-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; -} - -.gap-x-52 { - grid-column-gap: 13rem !important; - column-gap: 13rem !important; -} - -.gap-x-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; -} - -.gap-x-60 { - grid-column-gap: 15rem !important; - column-gap: 15rem !important; -} - -.gap-x-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; -} - -.gap-x-72 { - grid-column-gap: 18rem !important; - column-gap: 18rem !important; -} - -.gap-x-80 { - grid-column-gap: 20rem !important; - column-gap: 20rem !important; -} - -.gap-x-96 { - grid-column-gap: 24rem !important; - column-gap: 24rem !important; -} - -.gap-x-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; -} - -.gap-x-0\.5 { - grid-column-gap: 0.125rem !important; - column-gap: 0.125rem !important; -} - -.gap-x-1\.5 { - grid-column-gap: 0.375rem !important; - column-gap: 0.375rem !important; -} - -.gap-x-2\.5 { - grid-column-gap: 0.625rem !important; - column-gap: 0.625rem !important; -} - -.gap-x-3\.5 { - grid-column-gap: 0.875rem !important; - column-gap: 0.875rem !important; -} - -.gap-y-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; -} - -.gap-y-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; -} - -.gap-y-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; -} - -.gap-y-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; -} - -.gap-y-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; -} - -.gap-y-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; -} - -.gap-y-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; -} - -.gap-y-7 { - grid-row-gap: 1.75rem !important; - row-gap: 1.75rem !important; -} - -.gap-y-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; -} - -.gap-y-9 { - grid-row-gap: 2.25rem !important; - row-gap: 2.25rem !important; -} - -.gap-y-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; -} - -.gap-y-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; -} - -.gap-y-14 { - grid-row-gap: 3.5rem !important; - row-gap: 3.5rem !important; -} - -.gap-y-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; -} - -.gap-y-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; -} - -.gap-y-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; -} - -.gap-y-28 { - grid-row-gap: 7rem !important; - row-gap: 7rem !important; -} - -.gap-y-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; -} - -.gap-y-36 { - grid-row-gap: 9rem !important; - row-gap: 9rem !important; -} - -.gap-y-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; -} - -.gap-y-44 { - grid-row-gap: 11rem !important; - row-gap: 11rem !important; -} - -.gap-y-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; -} - -.gap-y-52 { - grid-row-gap: 13rem !important; - row-gap: 13rem !important; -} - -.gap-y-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; -} - -.gap-y-60 { - grid-row-gap: 15rem !important; - row-gap: 15rem !important; -} - -.gap-y-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; -} - -.gap-y-72 { - grid-row-gap: 18rem !important; - row-gap: 18rem !important; -} - -.gap-y-80 { - grid-row-gap: 20rem !important; - row-gap: 20rem !important; -} - -.gap-y-96 { - grid-row-gap: 24rem !important; - row-gap: 24rem !important; -} - -.gap-y-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; -} - -.gap-y-0\.5 { - grid-row-gap: 0.125rem !important; - row-gap: 0.125rem !important; -} - -.gap-y-1\.5 { - grid-row-gap: 0.375rem !important; - row-gap: 0.375rem !important; -} - -.gap-y-2\.5 { - grid-row-gap: 0.625rem !important; - row-gap: 0.625rem !important; -} - -.gap-y-3\.5 { - grid-row-gap: 0.875rem !important; - row-gap: 0.875rem !important; -} - -.grid-flow-row { - grid-auto-flow: row !important; -} - -.grid-flow-col { - grid-auto-flow: column !important; -} - -.grid-flow-row-dense { - grid-auto-flow: row dense !important; -} - -.grid-flow-col-dense { - grid-auto-flow: column dense !important; -} - -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; -} - -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; -} - -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; -} - -.grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; -} - -.grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; -} - -.grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; -} - -.grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; -} - -.grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; -} - -.grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; -} - -.grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; -} - -.grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; -} - -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; -} - -.grid-cols-none { - grid-template-columns: none !important; -} - -.auto-cols-auto { - grid-auto-columns: auto !important; -} - -.auto-cols-min { - grid-auto-columns: min-content !important; -} - -.auto-cols-max { - grid-auto-columns: max-content !important; -} - -.auto-cols-fr { - grid-auto-columns: minmax(0, 1fr) !important; -} - -.col-auto { - grid-column: auto !important; -} - -.col-span-1 { - grid-column: span 1 / span 1 !important; -} - -.col-span-2 { - grid-column: span 2 / span 2 !important; -} - -.col-span-3 { - grid-column: span 3 / span 3 !important; -} - -.col-span-4 { - grid-column: span 4 / span 4 !important; -} - -.col-span-5 { - grid-column: span 5 / span 5 !important; -} - -.col-span-6 { - grid-column: span 6 / span 6 !important; -} - -.col-span-7 { - grid-column: span 7 / span 7 !important; -} - -.col-span-8 { - grid-column: span 8 / span 8 !important; -} - -.col-span-9 { - grid-column: span 9 / span 9 !important; -} - -.col-span-10 { - grid-column: span 10 / span 10 !important; -} - -.col-span-11 { - grid-column: span 11 / span 11 !important; -} - -.col-span-12 { - grid-column: span 12 / span 12 !important; -} - -.col-span-full { - grid-column: 1 / -1 !important; -} - -.col-start-1 { - grid-column-start: 1 !important; -} - -.col-start-2 { - grid-column-start: 2 !important; -} - -.col-start-3 { - grid-column-start: 3 !important; -} - -.col-start-4 { - grid-column-start: 4 !important; -} - -.col-start-5 { - grid-column-start: 5 !important; -} - -.col-start-6 { - grid-column-start: 6 !important; -} - -.col-start-7 { - grid-column-start: 7 !important; -} - -.col-start-8 { - grid-column-start: 8 !important; -} - -.col-start-9 { - grid-column-start: 9 !important; -} - -.col-start-10 { - grid-column-start: 10 !important; -} - -.col-start-11 { - grid-column-start: 11 !important; -} - -.col-start-12 { - grid-column-start: 12 !important; -} - -.col-start-13 { - grid-column-start: 13 !important; -} - -.col-start-auto { - grid-column-start: auto !important; -} - -.col-end-1 { - grid-column-end: 1 !important; -} - -.col-end-2 { - grid-column-end: 2 !important; -} - -.col-end-3 { - grid-column-end: 3 !important; -} - -.col-end-4 { - grid-column-end: 4 !important; -} - -.col-end-5 { - grid-column-end: 5 !important; -} - -.col-end-6 { - grid-column-end: 6 !important; -} - -.col-end-7 { - grid-column-end: 7 !important; -} - -.col-end-8 { - grid-column-end: 8 !important; -} - -.col-end-9 { - grid-column-end: 9 !important; -} - -.col-end-10 { - grid-column-end: 10 !important; -} - -.col-end-11 { - grid-column-end: 11 !important; -} - -.col-end-12 { - grid-column-end: 12 !important; -} - -.col-end-13 { - grid-column-end: 13 !important; -} - -.col-end-auto { - grid-column-end: auto !important; -} - -.grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; -} - -.grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; -} - -.grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; -} - -.grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; -} - -.grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; -} - -.grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; -} - -.grid-rows-none { - grid-template-rows: none !important; -} - -.auto-rows-auto { - grid-auto-rows: auto !important; -} - -.auto-rows-min { - grid-auto-rows: min-content !important; -} - -.auto-rows-max { - grid-auto-rows: max-content !important; -} - -.auto-rows-fr { - grid-auto-rows: minmax(0, 1fr) !important; -} - -.row-auto { - grid-row: auto !important; -} - -.row-span-1 { - grid-row: span 1 / span 1 !important; -} - -.row-span-2 { - grid-row: span 2 / span 2 !important; -} - -.row-span-3 { - grid-row: span 3 / span 3 !important; -} - -.row-span-4 { - grid-row: span 4 / span 4 !important; -} - -.row-span-5 { - grid-row: span 5 / span 5 !important; -} - -.row-span-6 { - grid-row: span 6 / span 6 !important; -} - -.row-span-full { - grid-row: 1 / -1 !important; -} - -.row-start-1 { - grid-row-start: 1 !important; -} - -.row-start-2 { - grid-row-start: 2 !important; -} - -.row-start-3 { - grid-row-start: 3 !important; -} - -.row-start-4 { - grid-row-start: 4 !important; -} - -.row-start-5 { - grid-row-start: 5 !important; -} - -.row-start-6 { - grid-row-start: 6 !important; -} - -.row-start-7 { - grid-row-start: 7 !important; -} - -.row-start-auto { - grid-row-start: auto !important; -} - -.row-end-1 { - grid-row-end: 1 !important; -} - -.row-end-2 { - grid-row-end: 2 !important; -} - -.row-end-3 { - grid-row-end: 3 !important; -} - -.row-end-4 { - grid-row-end: 4 !important; -} - -.row-end-5 { - grid-row-end: 5 !important; -} - -.row-end-6 { - grid-row-end: 6 !important; -} - -.row-end-7 { - grid-row-end: 7 !important; -} - -.row-end-auto { - grid-row-end: auto !important; -} - -.transform { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - 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)) !important; -} - -.transform-gpu { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; -} - -.transform-none { - transform: none !important; -} - -.origin-center { - transform-origin: center !important; -} - -.origin-top { - transform-origin: top !important; -} - -.origin-top-right { - transform-origin: top right !important; -} - -.origin-right { - transform-origin: right !important; -} - -.origin-bottom-right { - transform-origin: bottom right !important; -} - -.origin-bottom { - transform-origin: bottom !important; -} - -.origin-bottom-left { - transform-origin: bottom left !important; -} - -.origin-left { - transform-origin: left !important; -} - -.origin-top-left { - transform-origin: top left !important; -} - -.scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; -} - -.scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; -} - -.scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; -} - -.scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; -} - -.scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; -} - -.scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; -} - -.scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; -} - -.scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; -} - -.scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; -} - -.scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; -} - -.scale-x-0 { - --transform-scale-x: 0 !important; -} - -.scale-x-50 { - --transform-scale-x: .5 !important; -} - -.scale-x-75 { - --transform-scale-x: .75 !important; -} - -.scale-x-90 { - --transform-scale-x: .9 !important; -} - -.scale-x-95 { - --transform-scale-x: .95 !important; -} - -.scale-x-100 { - --transform-scale-x: 1 !important; -} - -.scale-x-105 { - --transform-scale-x: 1.05 !important; -} - -.scale-x-110 { - --transform-scale-x: 1.1 !important; -} - -.scale-x-125 { - --transform-scale-x: 1.25 !important; -} - -.scale-x-150 { - --transform-scale-x: 1.5 !important; -} - -.scale-y-0 { - --transform-scale-y: 0 !important; -} - -.scale-y-50 { - --transform-scale-y: .5 !important; -} - -.scale-y-75 { - --transform-scale-y: .75 !important; -} - -.scale-y-90 { - --transform-scale-y: .9 !important; -} - -.scale-y-95 { - --transform-scale-y: .95 !important; -} - -.scale-y-100 { - --transform-scale-y: 1 !important; -} - -.scale-y-105 { - --transform-scale-y: 1.05 !important; -} - -.scale-y-110 { - --transform-scale-y: 1.1 !important; -} - -.scale-y-125 { - --transform-scale-y: 1.25 !important; -} - -.scale-y-150 { - --transform-scale-y: 1.5 !important; -} - -.hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; -} - -.hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; -} - -.hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; -} - -.hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; -} - -.hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; -} - -.hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; -} - -.hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; -} - -.hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; -} - -.hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; -} - -.hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; -} - -.hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; -} - -.hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; -} - -.hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; -} - -.hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; -} - -.hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; -} - -.hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; -} - -.hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; -} - -.hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; -} - -.hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; -} - -.hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; -} - -.hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; -} - -.hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; -} - -.hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; -} - -.hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; -} - -.hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; -} - -.hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; -} - -.hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; -} - -.hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; -} - -.hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; -} - -.hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; -} - -.focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; -} - -.focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; -} - -.focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; -} - -.focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; -} - -.focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; -} - -.focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; -} - -.focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; -} - -.focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; -} - -.focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; -} - -.focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; -} - -.focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; -} - -.focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; -} - -.focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; -} - -.focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; -} - -.focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; -} - -.focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; -} - -.focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; -} - -.focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; -} - -.focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; -} - -.focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; -} - -.focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; -} - -.focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; -} - -.focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; -} - -.focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; -} - -.focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; -} - -.focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; -} - -.focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; -} - -.focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; -} - -.focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; -} - -.focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; -} - -.rotate-0 { - --transform-rotate: 0 !important; -} - -.rotate-1 { - --transform-rotate: 1deg !important; -} - -.rotate-2 { - --transform-rotate: 2deg !important; -} - -.rotate-3 { - --transform-rotate: 3deg !important; -} - -.rotate-6 { - --transform-rotate: 6deg !important; -} - -.rotate-12 { - --transform-rotate: 12deg !important; -} - -.rotate-45 { - --transform-rotate: 45deg !important; -} - -.rotate-90 { - --transform-rotate: 90deg !important; -} - -.rotate-180 { - --transform-rotate: 180deg !important; -} - -.-rotate-180 { - --transform-rotate: -180deg !important; -} - -.-rotate-90 { - --transform-rotate: -90deg !important; -} - -.-rotate-45 { - --transform-rotate: -45deg !important; -} - -.-rotate-12 { - --transform-rotate: -12deg !important; -} - -.-rotate-6 { - --transform-rotate: -6deg !important; -} - -.-rotate-3 { - --transform-rotate: -3deg !important; -} - -.-rotate-2 { - --transform-rotate: -2deg !important; -} - -.-rotate-1 { - --transform-rotate: -1deg !important; -} - -.hover\:rotate-0:hover { - --transform-rotate: 0 !important; -} - -.hover\:rotate-1:hover { - --transform-rotate: 1deg !important; -} - -.hover\:rotate-2:hover { - --transform-rotate: 2deg !important; -} - -.hover\:rotate-3:hover { - --transform-rotate: 3deg !important; -} - -.hover\:rotate-6:hover { - --transform-rotate: 6deg !important; -} - -.hover\:rotate-12:hover { - --transform-rotate: 12deg !important; -} - -.hover\:rotate-45:hover { - --transform-rotate: 45deg !important; -} - -.hover\:rotate-90:hover { - --transform-rotate: 90deg !important; -} - -.hover\:rotate-180:hover { - --transform-rotate: 180deg !important; -} - -.hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; -} - -.hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; -} - -.hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; -} - -.hover\:-rotate-12:hover { - --transform-rotate: -12deg !important; -} - -.hover\:-rotate-6:hover { - --transform-rotate: -6deg !important; -} - -.hover\:-rotate-3:hover { - --transform-rotate: -3deg !important; -} - -.hover\:-rotate-2:hover { - --transform-rotate: -2deg !important; -} - -.hover\:-rotate-1:hover { - --transform-rotate: -1deg !important; -} - -.focus\:rotate-0:focus { - --transform-rotate: 0 !important; -} - -.focus\:rotate-1:focus { - --transform-rotate: 1deg !important; -} - -.focus\:rotate-2:focus { - --transform-rotate: 2deg !important; -} - -.focus\:rotate-3:focus { - --transform-rotate: 3deg !important; -} - -.focus\:rotate-6:focus { - --transform-rotate: 6deg !important; -} - -.focus\:rotate-12:focus { - --transform-rotate: 12deg !important; -} - -.focus\:rotate-45:focus { - --transform-rotate: 45deg !important; -} - -.focus\:rotate-90:focus { - --transform-rotate: 90deg !important; -} - -.focus\:rotate-180:focus { - --transform-rotate: 180deg !important; -} - -.focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; -} - -.focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; -} - -.focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; -} - -.focus\:-rotate-12:focus { - --transform-rotate: -12deg !important; -} - -.focus\:-rotate-6:focus { - --transform-rotate: -6deg !important; -} - -.focus\:-rotate-3:focus { - --transform-rotate: -3deg !important; -} - -.focus\:-rotate-2:focus { - --transform-rotate: -2deg !important; -} - -.focus\:-rotate-1:focus { - --transform-rotate: -1deg !important; -} - -.translate-x-0 { - --transform-translate-x: 0 !important; -} - -.translate-x-1 { - --transform-translate-x: 0.25rem !important; -} - -.translate-x-2 { - --transform-translate-x: 0.5rem !important; -} - -.translate-x-3 { - --transform-translate-x: 0.75rem !important; -} - -.translate-x-4 { - --transform-translate-x: 1rem !important; -} - -.translate-x-5 { - --transform-translate-x: 1.25rem !important; -} - -.translate-x-6 { - --transform-translate-x: 1.5rem !important; -} - -.translate-x-7 { - --transform-translate-x: 1.75rem !important; -} - -.translate-x-8 { - --transform-translate-x: 2rem !important; -} - -.translate-x-9 { - --transform-translate-x: 2.25rem !important; -} - -.translate-x-10 { - --transform-translate-x: 2.5rem !important; -} - -.translate-x-12 { - --transform-translate-x: 3rem !important; -} - -.translate-x-14 { - --transform-translate-x: 3.5rem !important; -} - -.translate-x-16 { - --transform-translate-x: 4rem !important; -} - -.translate-x-20 { - --transform-translate-x: 5rem !important; -} - -.translate-x-24 { - --transform-translate-x: 6rem !important; -} - -.translate-x-28 { - --transform-translate-x: 7rem !important; -} - -.translate-x-32 { - --transform-translate-x: 8rem !important; -} - -.translate-x-36 { - --transform-translate-x: 9rem !important; -} - -.translate-x-40 { - --transform-translate-x: 10rem !important; -} - -.translate-x-44 { - --transform-translate-x: 11rem !important; -} - -.translate-x-48 { - --transform-translate-x: 12rem !important; -} - -.translate-x-52 { - --transform-translate-x: 13rem !important; -} - -.translate-x-56 { - --transform-translate-x: 14rem !important; -} - -.translate-x-60 { - --transform-translate-x: 15rem !important; -} - -.translate-x-64 { - --transform-translate-x: 16rem !important; -} - -.translate-x-72 { - --transform-translate-x: 18rem !important; -} - -.translate-x-80 { - --transform-translate-x: 20rem !important; -} - -.translate-x-96 { - --transform-translate-x: 24rem !important; -} - -.translate-x-px { - --transform-translate-x: 1px !important; -} - -.translate-x-0\.5 { - --transform-translate-x: 0.125rem !important; -} - -.translate-x-1\.5 { - --transform-translate-x: 0.375rem !important; -} - -.translate-x-2\.5 { - --transform-translate-x: 0.625rem !important; -} - -.translate-x-3\.5 { - --transform-translate-x: 0.875rem !important; -} - -.-translate-x-1 { - --transform-translate-x: -0.25rem !important; -} - -.-translate-x-2 { - --transform-translate-x: -0.5rem !important; -} - -.-translate-x-3 { - --transform-translate-x: -0.75rem !important; -} - -.-translate-x-4 { - --transform-translate-x: -1rem !important; -} - -.-translate-x-5 { - --transform-translate-x: -1.25rem !important; -} - -.-translate-x-6 { - --transform-translate-x: -1.5rem !important; -} - -.-translate-x-7 { - --transform-translate-x: -1.75rem !important; -} - -.-translate-x-8 { - --transform-translate-x: -2rem !important; -} - -.-translate-x-9 { - --transform-translate-x: -2.25rem !important; -} - -.-translate-x-10 { - --transform-translate-x: -2.5rem !important; -} - -.-translate-x-12 { - --transform-translate-x: -3rem !important; -} - -.-translate-x-14 { - --transform-translate-x: -3.5rem !important; -} - -.-translate-x-16 { - --transform-translate-x: -4rem !important; -} - -.-translate-x-20 { - --transform-translate-x: -5rem !important; -} - -.-translate-x-24 { - --transform-translate-x: -6rem !important; -} - -.-translate-x-28 { - --transform-translate-x: -7rem !important; -} - -.-translate-x-32 { - --transform-translate-x: -8rem !important; -} - -.-translate-x-36 { - --transform-translate-x: -9rem !important; -} - -.-translate-x-40 { - --transform-translate-x: -10rem !important; -} - -.-translate-x-44 { - --transform-translate-x: -11rem !important; -} - -.-translate-x-48 { - --transform-translate-x: -12rem !important; -} - -.-translate-x-52 { - --transform-translate-x: -13rem !important; -} - -.-translate-x-56 { - --transform-translate-x: -14rem !important; -} - -.-translate-x-60 { - --transform-translate-x: -15rem !important; -} - -.-translate-x-64 { - --transform-translate-x: -16rem !important; -} - -.-translate-x-72 { - --transform-translate-x: -18rem !important; -} - -.-translate-x-80 { - --transform-translate-x: -20rem !important; -} - -.-translate-x-96 { - --transform-translate-x: -24rem !important; -} - -.-translate-x-px { - --transform-translate-x: -1px !important; -} - -.-translate-x-0\.5 { - --transform-translate-x: -0.125rem !important; -} - -.-translate-x-1\.5 { - --transform-translate-x: -0.375rem !important; -} - -.-translate-x-2\.5 { - --transform-translate-x: -0.625rem !important; -} - -.-translate-x-3\.5 { - --transform-translate-x: -0.875rem !important; -} - -.translate-x-1\/2 { - --transform-translate-x: 50% !important; -} - -.translate-x-1\/3 { - --transform-translate-x: 33.333333% !important; -} - -.translate-x-2\/3 { - --transform-translate-x: 66.666667% !important; -} - -.translate-x-1\/4 { - --transform-translate-x: 25% !important; -} - -.translate-x-2\/4 { - --transform-translate-x: 50% !important; -} - -.translate-x-3\/4 { - --transform-translate-x: 75% !important; -} - -.translate-x-full { - --transform-translate-x: 100% !important; -} - -.-translate-x-1\/2 { - --transform-translate-x: -50% !important; -} - -.-translate-x-1\/3 { - --transform-translate-x: -33.333333% !important; -} - -.-translate-x-2\/3 { - --transform-translate-x: -66.666667% !important; -} - -.-translate-x-1\/4 { - --transform-translate-x: -25% !important; -} - -.-translate-x-2\/4 { - --transform-translate-x: -50% !important; -} - -.-translate-x-3\/4 { - --transform-translate-x: -75% !important; -} - -.-translate-x-full { - --transform-translate-x: -100% !important; -} - -.translate-y-0 { - --transform-translate-y: 0 !important; -} - -.translate-y-1 { - --transform-translate-y: 0.25rem !important; -} - -.translate-y-2 { - --transform-translate-y: 0.5rem !important; -} - -.translate-y-3 { - --transform-translate-y: 0.75rem !important; -} - -.translate-y-4 { - --transform-translate-y: 1rem !important; -} - -.translate-y-5 { - --transform-translate-y: 1.25rem !important; -} - -.translate-y-6 { - --transform-translate-y: 1.5rem !important; -} - -.translate-y-7 { - --transform-translate-y: 1.75rem !important; -} - -.translate-y-8 { - --transform-translate-y: 2rem !important; -} - -.translate-y-9 { - --transform-translate-y: 2.25rem !important; -} - -.translate-y-10 { - --transform-translate-y: 2.5rem !important; -} - -.translate-y-12 { - --transform-translate-y: 3rem !important; -} - -.translate-y-14 { - --transform-translate-y: 3.5rem !important; -} - -.translate-y-16 { - --transform-translate-y: 4rem !important; -} - -.translate-y-20 { - --transform-translate-y: 5rem !important; -} - -.translate-y-24 { - --transform-translate-y: 6rem !important; -} - -.translate-y-28 { - --transform-translate-y: 7rem !important; -} - -.translate-y-32 { - --transform-translate-y: 8rem !important; -} - -.translate-y-36 { - --transform-translate-y: 9rem !important; -} - -.translate-y-40 { - --transform-translate-y: 10rem !important; -} - -.translate-y-44 { - --transform-translate-y: 11rem !important; -} - -.translate-y-48 { - --transform-translate-y: 12rem !important; -} - -.translate-y-52 { - --transform-translate-y: 13rem !important; -} - -.translate-y-56 { - --transform-translate-y: 14rem !important; -} - -.translate-y-60 { - --transform-translate-y: 15rem !important; -} - -.translate-y-64 { - --transform-translate-y: 16rem !important; -} - -.translate-y-72 { - --transform-translate-y: 18rem !important; -} - -.translate-y-80 { - --transform-translate-y: 20rem !important; -} - -.translate-y-96 { - --transform-translate-y: 24rem !important; -} - -.translate-y-px { - --transform-translate-y: 1px !important; -} - -.translate-y-0\.5 { - --transform-translate-y: 0.125rem !important; -} - -.translate-y-1\.5 { - --transform-translate-y: 0.375rem !important; -} - -.translate-y-2\.5 { - --transform-translate-y: 0.625rem !important; -} - -.translate-y-3\.5 { - --transform-translate-y: 0.875rem !important; -} - -.-translate-y-1 { - --transform-translate-y: -0.25rem !important; -} - -.-translate-y-2 { - --transform-translate-y: -0.5rem !important; -} - -.-translate-y-3 { - --transform-translate-y: -0.75rem !important; -} - -.-translate-y-4 { - --transform-translate-y: -1rem !important; -} - -.-translate-y-5 { - --transform-translate-y: -1.25rem !important; -} - -.-translate-y-6 { - --transform-translate-y: -1.5rem !important; -} - -.-translate-y-7 { - --transform-translate-y: -1.75rem !important; -} - -.-translate-y-8 { - --transform-translate-y: -2rem !important; -} - -.-translate-y-9 { - --transform-translate-y: -2.25rem !important; -} - -.-translate-y-10 { - --transform-translate-y: -2.5rem !important; -} - -.-translate-y-12 { - --transform-translate-y: -3rem !important; -} - -.-translate-y-14 { - --transform-translate-y: -3.5rem !important; -} - -.-translate-y-16 { - --transform-translate-y: -4rem !important; -} - -.-translate-y-20 { - --transform-translate-y: -5rem !important; -} - -.-translate-y-24 { - --transform-translate-y: -6rem !important; -} - -.-translate-y-28 { - --transform-translate-y: -7rem !important; -} - -.-translate-y-32 { - --transform-translate-y: -8rem !important; -} - -.-translate-y-36 { - --transform-translate-y: -9rem !important; -} - -.-translate-y-40 { - --transform-translate-y: -10rem !important; -} - -.-translate-y-44 { - --transform-translate-y: -11rem !important; -} - -.-translate-y-48 { - --transform-translate-y: -12rem !important; -} - -.-translate-y-52 { - --transform-translate-y: -13rem !important; -} - -.-translate-y-56 { - --transform-translate-y: -14rem !important; -} - -.-translate-y-60 { - --transform-translate-y: -15rem !important; -} - -.-translate-y-64 { - --transform-translate-y: -16rem !important; -} - -.-translate-y-72 { - --transform-translate-y: -18rem !important; -} - -.-translate-y-80 { - --transform-translate-y: -20rem !important; -} - -.-translate-y-96 { - --transform-translate-y: -24rem !important; -} - -.-translate-y-px { - --transform-translate-y: -1px !important; -} - -.-translate-y-0\.5 { - --transform-translate-y: -0.125rem !important; -} - -.-translate-y-1\.5 { - --transform-translate-y: -0.375rem !important; -} - -.-translate-y-2\.5 { - --transform-translate-y: -0.625rem !important; -} - -.-translate-y-3\.5 { - --transform-translate-y: -0.875rem !important; -} - -.translate-y-1\/2 { - --transform-translate-y: 50% !important; -} - -.translate-y-1\/3 { - --transform-translate-y: 33.333333% !important; -} - -.translate-y-2\/3 { - --transform-translate-y: 66.666667% !important; -} - -.translate-y-1\/4 { - --transform-translate-y: 25% !important; -} - -.translate-y-2\/4 { - --transform-translate-y: 50% !important; -} - -.translate-y-3\/4 { - --transform-translate-y: 75% !important; -} - -.translate-y-full { - --transform-translate-y: 100% !important; -} - -.-translate-y-1\/2 { - --transform-translate-y: -50% !important; -} - -.-translate-y-1\/3 { - --transform-translate-y: -33.333333% !important; -} - -.-translate-y-2\/3 { - --transform-translate-y: -66.666667% !important; -} - -.-translate-y-1\/4 { - --transform-translate-y: -25% !important; -} - -.-translate-y-2\/4 { - --transform-translate-y: -50% !important; -} - -.-translate-y-3\/4 { - --transform-translate-y: -75% !important; -} - -.-translate-y-full { - --transform-translate-y: -100% !important; -} - -.hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; -} - -.hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; -} - -.hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; -} - -.hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; -} - -.hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; -} - -.hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; -} - -.hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; -} - -.hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem !important; -} - -.hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; -} - -.hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem !important; -} - -.hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; -} - -.hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; -} - -.hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem !important; -} - -.hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; -} - -.hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; -} - -.hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; -} - -.hover\:translate-x-28:hover { - --transform-translate-x: 7rem !important; -} - -.hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; -} - -.hover\:translate-x-36:hover { - --transform-translate-x: 9rem !important; -} - -.hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; -} - -.hover\:translate-x-44:hover { - --transform-translate-x: 11rem !important; -} - -.hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; -} - -.hover\:translate-x-52:hover { - --transform-translate-x: 13rem !important; -} - -.hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; -} - -.hover\:translate-x-60:hover { - --transform-translate-x: 15rem !important; -} - -.hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; -} - -.hover\:translate-x-72:hover { - --transform-translate-x: 18rem !important; -} - -.hover\:translate-x-80:hover { - --transform-translate-x: 20rem !important; -} - -.hover\:translate-x-96:hover { - --transform-translate-x: 24rem !important; -} - -.hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; -} - -.hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem !important; -} - -.hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem !important; -} - -.hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem !important; -} - -.hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem !important; -} - -.hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; -} - -.hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; -} - -.hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; -} - -.hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; -} - -.hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; -} - -.hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; -} - -.hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem !important; -} - -.hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; -} - -.hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem !important; -} - -.hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; -} - -.hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; -} - -.hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem !important; -} - -.hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; -} - -.hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; -} - -.hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; -} - -.hover\:-translate-x-28:hover { - --transform-translate-x: -7rem !important; -} - -.hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; -} - -.hover\:-translate-x-36:hover { - --transform-translate-x: -9rem !important; -} - -.hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; -} - -.hover\:-translate-x-44:hover { - --transform-translate-x: -11rem !important; -} - -.hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; -} - -.hover\:-translate-x-52:hover { - --transform-translate-x: -13rem !important; -} - -.hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; -} - -.hover\:-translate-x-60:hover { - --transform-translate-x: -15rem !important; -} - -.hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; -} - -.hover\:-translate-x-72:hover { - --transform-translate-x: -18rem !important; -} - -.hover\:-translate-x-80:hover { - --transform-translate-x: -20rem !important; -} - -.hover\:-translate-x-96:hover { - --transform-translate-x: -24rem !important; -} - -.hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; -} - -.hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem !important; -} - -.hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem !important; -} - -.hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem !important; -} - -.hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem !important; -} - -.hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; -} - -.hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333% !important; -} - -.hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667% !important; -} - -.hover\:translate-x-1\/4:hover { - --transform-translate-x: 25% !important; -} - -.hover\:translate-x-2\/4:hover { - --transform-translate-x: 50% !important; -} - -.hover\:translate-x-3\/4:hover { - --transform-translate-x: 75% !important; -} - -.hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; -} - -.hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; -} - -.hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333% !important; -} - -.hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667% !important; -} - -.hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25% !important; -} - -.hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50% !important; -} - -.hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75% !important; -} - -.hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; -} - -.hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; -} - -.hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; -} - -.hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; -} - -.hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; -} - -.hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; -} - -.hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; -} - -.hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; -} - -.hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem !important; -} - -.hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; -} - -.hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem !important; -} - -.hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; -} - -.hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; -} - -.hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem !important; -} - -.hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; -} - -.hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; -} - -.hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; -} - -.hover\:translate-y-28:hover { - --transform-translate-y: 7rem !important; -} - -.hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; -} - -.hover\:translate-y-36:hover { - --transform-translate-y: 9rem !important; -} - -.hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; -} - -.hover\:translate-y-44:hover { - --transform-translate-y: 11rem !important; -} - -.hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; -} - -.hover\:translate-y-52:hover { - --transform-translate-y: 13rem !important; -} - -.hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; -} - -.hover\:translate-y-60:hover { - --transform-translate-y: 15rem !important; -} - -.hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; -} - -.hover\:translate-y-72:hover { - --transform-translate-y: 18rem !important; -} - -.hover\:translate-y-80:hover { - --transform-translate-y: 20rem !important; -} - -.hover\:translate-y-96:hover { - --transform-translate-y: 24rem !important; -} - -.hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; -} - -.hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem !important; -} - -.hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem !important; -} - -.hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem !important; -} - -.hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem !important; -} - -.hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; -} - -.hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; -} - -.hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; -} - -.hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; -} - -.hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; -} - -.hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; -} - -.hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem !important; -} - -.hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; -} - -.hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem !important; -} - -.hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; -} - -.hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; -} - -.hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem !important; -} - -.hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; -} - -.hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; -} - -.hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; -} - -.hover\:-translate-y-28:hover { - --transform-translate-y: -7rem !important; -} - -.hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; -} - -.hover\:-translate-y-36:hover { - --transform-translate-y: -9rem !important; -} - -.hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; -} - -.hover\:-translate-y-44:hover { - --transform-translate-y: -11rem !important; -} - -.hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; -} - -.hover\:-translate-y-52:hover { - --transform-translate-y: -13rem !important; -} - -.hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; -} - -.hover\:-translate-y-60:hover { - --transform-translate-y: -15rem !important; -} - -.hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; -} - -.hover\:-translate-y-72:hover { - --transform-translate-y: -18rem !important; -} - -.hover\:-translate-y-80:hover { - --transform-translate-y: -20rem !important; -} - -.hover\:-translate-y-96:hover { - --transform-translate-y: -24rem !important; -} - -.hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; -} - -.hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem !important; -} - -.hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem !important; -} - -.hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem !important; -} - -.hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem !important; -} - -.hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; -} - -.hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333% !important; -} - -.hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667% !important; -} - -.hover\:translate-y-1\/4:hover { - --transform-translate-y: 25% !important; -} - -.hover\:translate-y-2\/4:hover { - --transform-translate-y: 50% !important; -} - -.hover\:translate-y-3\/4:hover { - --transform-translate-y: 75% !important; -} - -.hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; -} - -.hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; -} - -.hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333% !important; -} - -.hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667% !important; -} - -.hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25% !important; -} - -.hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50% !important; -} - -.hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75% !important; -} - -.hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; -} - -.focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; -} - -.focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; -} - -.focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; -} - -.focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; -} - -.focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; -} - -.focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; -} - -.focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; -} - -.focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem !important; -} - -.focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; -} - -.focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem !important; -} - -.focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; -} - -.focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; -} - -.focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem !important; -} - -.focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; -} - -.focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; -} - -.focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; -} - -.focus\:translate-x-28:focus { - --transform-translate-x: 7rem !important; -} - -.focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; -} - -.focus\:translate-x-36:focus { - --transform-translate-x: 9rem !important; -} - -.focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; -} - -.focus\:translate-x-44:focus { - --transform-translate-x: 11rem !important; -} - -.focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; -} - -.focus\:translate-x-52:focus { - --transform-translate-x: 13rem !important; -} - -.focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; -} - -.focus\:translate-x-60:focus { - --transform-translate-x: 15rem !important; -} - -.focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; -} - -.focus\:translate-x-72:focus { - --transform-translate-x: 18rem !important; -} - -.focus\:translate-x-80:focus { - --transform-translate-x: 20rem !important; -} - -.focus\:translate-x-96:focus { - --transform-translate-x: 24rem !important; -} - -.focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; -} - -.focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem !important; -} - -.focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem !important; -} - -.focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem !important; -} - -.focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem !important; -} - -.focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; -} - -.focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; -} - -.focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; -} - -.focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; -} - -.focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; -} - -.focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; -} - -.focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem !important; -} - -.focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; -} - -.focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem !important; -} - -.focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; -} - -.focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; -} - -.focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem !important; -} - -.focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; -} - -.focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; -} - -.focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; -} - -.focus\:-translate-x-28:focus { - --transform-translate-x: -7rem !important; -} - -.focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; -} - -.focus\:-translate-x-36:focus { - --transform-translate-x: -9rem !important; -} - -.focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; -} - -.focus\:-translate-x-44:focus { - --transform-translate-x: -11rem !important; -} - -.focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; -} - -.focus\:-translate-x-52:focus { - --transform-translate-x: -13rem !important; -} - -.focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; -} - -.focus\:-translate-x-60:focus { - --transform-translate-x: -15rem !important; -} - -.focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; -} - -.focus\:-translate-x-72:focus { - --transform-translate-x: -18rem !important; -} - -.focus\:-translate-x-80:focus { - --transform-translate-x: -20rem !important; -} - -.focus\:-translate-x-96:focus { - --transform-translate-x: -24rem !important; -} - -.focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; -} - -.focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem !important; -} - -.focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem !important; -} - -.focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem !important; -} - -.focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem !important; -} - -.focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; -} - -.focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333% !important; -} - -.focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667% !important; -} - -.focus\:translate-x-1\/4:focus { - --transform-translate-x: 25% !important; -} - -.focus\:translate-x-2\/4:focus { - --transform-translate-x: 50% !important; -} - -.focus\:translate-x-3\/4:focus { - --transform-translate-x: 75% !important; -} - -.focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; -} - -.focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; -} - -.focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333% !important; -} - -.focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667% !important; -} - -.focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25% !important; -} - -.focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50% !important; -} - -.focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75% !important; -} - -.focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; -} - -.focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; -} - -.focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; -} - -.focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; -} - -.focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; -} - -.focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; -} - -.focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; -} - -.focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; -} - -.focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem !important; -} - -.focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; -} - -.focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem !important; -} - -.focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; -} - -.focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; -} - -.focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem !important; -} - -.focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; -} - -.focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; -} - -.focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; -} - -.focus\:translate-y-28:focus { - --transform-translate-y: 7rem !important; -} - -.focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; -} - -.focus\:translate-y-36:focus { - --transform-translate-y: 9rem !important; -} - -.focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; -} - -.focus\:translate-y-44:focus { - --transform-translate-y: 11rem !important; -} - -.focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; -} - -.focus\:translate-y-52:focus { - --transform-translate-y: 13rem !important; -} - -.focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; -} - -.focus\:translate-y-60:focus { - --transform-translate-y: 15rem !important; -} - -.focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; -} - -.focus\:translate-y-72:focus { - --transform-translate-y: 18rem !important; -} - -.focus\:translate-y-80:focus { - --transform-translate-y: 20rem !important; -} - -.focus\:translate-y-96:focus { - --transform-translate-y: 24rem !important; -} - -.focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; -} - -.focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem !important; -} - -.focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem !important; -} - -.focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem !important; -} - -.focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem !important; -} - -.focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; -} - -.focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; -} - -.focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; -} - -.focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; -} - -.focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; -} - -.focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; -} - -.focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem !important; -} - -.focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; -} - -.focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem !important; -} - -.focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; -} - -.focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; -} - -.focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem !important; -} - -.focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; -} - -.focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; -} - -.focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; -} - -.focus\:-translate-y-28:focus { - --transform-translate-y: -7rem !important; -} - -.focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; -} - -.focus\:-translate-y-36:focus { - --transform-translate-y: -9rem !important; -} - -.focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; -} - -.focus\:-translate-y-44:focus { - --transform-translate-y: -11rem !important; -} - -.focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; -} - -.focus\:-translate-y-52:focus { - --transform-translate-y: -13rem !important; -} - -.focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; -} - -.focus\:-translate-y-60:focus { - --transform-translate-y: -15rem !important; -} - -.focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; -} - -.focus\:-translate-y-72:focus { - --transform-translate-y: -18rem !important; -} - -.focus\:-translate-y-80:focus { - --transform-translate-y: -20rem !important; -} - -.focus\:-translate-y-96:focus { - --transform-translate-y: -24rem !important; -} - -.focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; -} - -.focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem !important; -} - -.focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem !important; -} - -.focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem !important; -} - -.focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem !important; -} - -.focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; -} - -.focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333% !important; -} - -.focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667% !important; -} - -.focus\:translate-y-1\/4:focus { - --transform-translate-y: 25% !important; -} - -.focus\:translate-y-2\/4:focus { - --transform-translate-y: 50% !important; -} - -.focus\:translate-y-3\/4:focus { - --transform-translate-y: 75% !important; -} - -.focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; -} - -.focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; -} - -.focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333% !important; -} - -.focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667% !important; -} - -.focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25% !important; -} - -.focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50% !important; -} - -.focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75% !important; -} - -.focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; -} - -.skew-x-0 { - --transform-skew-x: 0 !important; -} - -.skew-x-1 { - --transform-skew-x: 1deg !important; -} - -.skew-x-2 { - --transform-skew-x: 2deg !important; -} - -.skew-x-3 { - --transform-skew-x: 3deg !important; -} - -.skew-x-6 { - --transform-skew-x: 6deg !important; -} - -.skew-x-12 { - --transform-skew-x: 12deg !important; -} - -.-skew-x-12 { - --transform-skew-x: -12deg !important; -} - -.-skew-x-6 { - --transform-skew-x: -6deg !important; -} - -.-skew-x-3 { - --transform-skew-x: -3deg !important; -} - -.-skew-x-2 { - --transform-skew-x: -2deg !important; -} - -.-skew-x-1 { - --transform-skew-x: -1deg !important; -} - -.skew-y-0 { - --transform-skew-y: 0 !important; -} - -.skew-y-1 { - --transform-skew-y: 1deg !important; -} - -.skew-y-2 { - --transform-skew-y: 2deg !important; -} - -.skew-y-3 { - --transform-skew-y: 3deg !important; -} - -.skew-y-6 { - --transform-skew-y: 6deg !important; -} - -.skew-y-12 { - --transform-skew-y: 12deg !important; -} - -.-skew-y-12 { - --transform-skew-y: -12deg !important; -} - -.-skew-y-6 { - --transform-skew-y: -6deg !important; -} - -.-skew-y-3 { - --transform-skew-y: -3deg !important; -} - -.-skew-y-2 { - --transform-skew-y: -2deg !important; -} - -.-skew-y-1 { - --transform-skew-y: -1deg !important; -} - -.hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; -} - -.hover\:skew-x-1:hover { - --transform-skew-x: 1deg !important; -} - -.hover\:skew-x-2:hover { - --transform-skew-x: 2deg !important; -} - -.hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; -} - -.hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; -} - -.hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; -} - -.hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; -} - -.hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; -} - -.hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; -} - -.hover\:-skew-x-2:hover { - --transform-skew-x: -2deg !important; -} - -.hover\:-skew-x-1:hover { - --transform-skew-x: -1deg !important; -} - -.hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; -} - -.hover\:skew-y-1:hover { - --transform-skew-y: 1deg !important; -} - -.hover\:skew-y-2:hover { - --transform-skew-y: 2deg !important; -} - -.hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; -} - -.hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; -} - -.hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; -} - -.hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; -} - -.hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; -} - -.hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; -} - -.hover\:-skew-y-2:hover { - --transform-skew-y: -2deg !important; -} - -.hover\:-skew-y-1:hover { - --transform-skew-y: -1deg !important; -} - -.focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; -} - -.focus\:skew-x-1:focus { - --transform-skew-x: 1deg !important; -} - -.focus\:skew-x-2:focus { - --transform-skew-x: 2deg !important; -} - -.focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; -} - -.focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; -} - -.focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; -} - -.focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; -} - -.focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; -} - -.focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; -} - -.focus\:-skew-x-2:focus { - --transform-skew-x: -2deg !important; -} - -.focus\:-skew-x-1:focus { - --transform-skew-x: -1deg !important; -} - -.focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; -} - -.focus\:skew-y-1:focus { - --transform-skew-y: 1deg !important; -} - -.focus\:skew-y-2:focus { - --transform-skew-y: 2deg !important; -} - -.focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; -} - -.focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; -} - -.focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; -} - -.focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; -} - -.focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; -} - -.focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; -} - -.focus\:-skew-y-2:focus { - --transform-skew-y: -2deg !important; -} - -.focus\:-skew-y-1:focus { - --transform-skew-y: -1deg !important; -} - -.transition-none { - transition-property: none !important; -} - -.transition-all { - transition-property: all !important; -} - -.transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; -} - -.transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; -} - -.transition-opacity { - transition-property: opacity !important; -} - -.transition-shadow { - transition-property: box-shadow !important; -} - -.transition-transform { - transition-property: transform !important; -} - -.ease-linear { - transition-timing-function: linear !important; -} - -.ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; -} - -.ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; -} - -.ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; -} - -.duration-75 { - transition-duration: 75ms !important; -} - -.duration-100 { - transition-duration: 100ms !important; -} - -.duration-150 { - transition-duration: 150ms !important; -} - -.duration-200 { - transition-duration: 200ms !important; -} - -.duration-300 { - transition-duration: 300ms !important; -} - -.duration-500 { - transition-duration: 500ms !important; -} - -.duration-700 { - transition-duration: 700ms !important; -} - -.duration-1000 { - transition-duration: 1000ms !important; -} - -.delay-75 { - transition-delay: 75ms !important; -} - -.delay-100 { - transition-delay: 100ms !important; -} - -.delay-150 { - transition-delay: 150ms !important; -} - -.delay-200 { - transition-delay: 200ms !important; -} - -.delay-300 { - transition-delay: 300ms !important; -} - -.delay-500 { - transition-delay: 500ms !important; -} - -.delay-700 { - transition-delay: 700ms !important; -} - -.delay-1000 { - transition-delay: 1000ms !important; -} - -@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 !important; -} - -.animate-spin { - animation: spin 1s linear infinite !important; -} - -.animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; -} - -.animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; -} - -.animate-bounce { - animation: bounce 1s infinite !important; -} - -.example { - font-weight: 700; - color: #ef4444; -} - -@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; - } - } - - @media (min-width: 1536px) { - .sm\:container { - max-width: 1536px; - } - } - - .sm\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0px * var(--space-y-reverse)) !important; - } - - .sm\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0px * var(--space-x-reverse)) !important; - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(4rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(5rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(6rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(7rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(8rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(9rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(10rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(11rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(12rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(13rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(14rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(15rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(16rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(18rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(20rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(24rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1px * var(--space-y-reverse)) !important; - } - - .sm\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; - } - - .sm\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1px * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; - } - - .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; - } - - .sm\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1 !important; - } - - .sm\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1 !important; - } - - .sm\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; - } - - .sm\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; - } - - .sm\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; - } - - .sm\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; - } - - .sm\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; - } - - .sm\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; - } - - .sm\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; - } - - .sm\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; - } - - .sm\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; - } - - .sm\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; - } - - .sm\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1 !important; - } - - .sm\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1 !important; - } - - .sm\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .sm\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } - - .sm\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } - - .sm\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } - - .sm\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } - - .sm\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } - - .sm\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } - - .sm\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } - - .sm\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } - - .sm\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } - - .sm\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } - - .sm\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } - - .sm\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } - - .sm\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } - - .sm\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } - - .sm\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } - - .sm\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } - - .sm\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } - - .sm\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } - - .sm\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } - - .sm\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } - - .sm\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } - - .sm\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } - - .sm\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } - - .sm\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } - - .sm\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } - - .sm\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } - - .sm\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } - - .sm\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .sm\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } - - .sm\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } - - .sm\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } - } - - .sm\:divide-solid > :not(template) ~ :not(template) { - border-style: solid !important; - } - - .sm\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed !important; - } - - .sm\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted !important; - } - - .sm\:divide-double > :not(template) ~ :not(template) { - border-style: double !important; - } - - .sm\:divide-none > :not(template) ~ :not(template) { - border-style: none !important; - } - - .sm\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0 !important; - } - - .sm\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25 !important; - } - - .sm\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5 !important; - } - - .sm\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75 !important; - } - - .sm\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - } - - .sm\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; - } - - .sm\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; - } - - .sm\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; - } - - .sm\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; - } - - .sm\:appearance-none { - appearance: none !important; - } - - .sm\:bg-fixed { - background-attachment: fixed !important; - } - - .sm\:bg-local { - background-attachment: local !important; - } - - .sm\:bg-scroll { - background-attachment: scroll !important; - } - - .sm\:bg-clip-border { - background-clip: border-box !important; - } - - .sm\:bg-clip-padding { - background-clip: padding-box !important; - } - - .sm\:bg-clip-content { - background-clip: content-box !important; - } - - .sm\:bg-clip-text { - background-clip: text !important; - } - - .sm\:bg-transparent { - background-color: transparent !important; - } - - .sm\:bg-current { - background-color: currentColor !important; - } - - .sm\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .sm\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .sm\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .sm\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .sm\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .sm\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .sm\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .sm\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .sm\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .sm\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .sm\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .sm\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .sm\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .sm\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .sm\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .sm\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .sm\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .sm\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .sm\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .sm\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .sm\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .sm\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .sm\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .sm\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .sm\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .sm\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .sm\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-transparent { - background-color: transparent !important; - } - - .group:hover .sm\:group-hover\:bg-current { - background-color: currentColor !important; - } - - .group:hover .sm\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .group:hover .sm\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-transparent:hover { - background-color: transparent !important; - } - - .sm\:hover\:bg-current:hover { - background-color: currentColor !important; - } - - .sm\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .sm\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-transparent:focus { - background-color: transparent !important; - } - - .sm\:focus\:bg-current:focus { - background-color: currentColor !important; - } - - .sm\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .sm\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:bg-transparent { - background-color: transparent !important; - } - - .sm\:dark\:bg-current { - background-color: currentColor !important; - } - - .sm\:dark\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .sm\:dark\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-transparent { - background-color: transparent !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-current { - background-color: currentColor !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-transparent:hover { - background-color: transparent !important; - } - - .sm\:dark\:hover\:bg-current:hover { - background-color: currentColor !important; - } - - .sm\:dark\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .sm\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-transparent:focus { - background-color: transparent !important; - } - - .sm\:dark\:focus\:bg-current:focus { - background-color: currentColor !important; - } - - .sm\:dark\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .sm\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - } - - .sm\:bg-none { - background-image: none !important; - } - - .sm\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; - } - - .sm\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; - } - - .sm\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:to-transparent { - --gradient-to-color: transparent !important; - } - - .sm\:to-current { - --gradient-to-color: currentColor !important; - } - - .sm\:to-black { - --gradient-to-color: #000 !important; - } - - .sm\:to-white { - --gradient-to-color: #fff !important; - } - - .sm\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } - - .sm\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } - - .sm\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } - - .sm\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } - - .sm\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } - - .sm\:to-gray-500 { - --gradient-to-color: #71717a !important; - } - - .sm\:to-gray-600 { - --gradient-to-color: #52525b !important; - } - - .sm\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } - - .sm\:to-gray-800 { - --gradient-to-color: #27272a !important; - } - - .sm\:to-gray-900 { - --gradient-to-color: #18181b !important; - } - - .sm\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } - - .sm\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } - - .sm\:to-red-200 { - --gradient-to-color: #fecaca !important; - } - - .sm\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } - - .sm\:to-red-400 { - --gradient-to-color: #f87171 !important; - } - - .sm\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } - - .sm\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } - - .sm\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } - - .sm\:to-red-800 { - --gradient-to-color: #991b1b !important; - } - - .sm\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } - - .sm\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } - - .sm\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } - - .sm\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } - - .sm\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } - - .sm\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } - - .sm\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } - - .sm\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } - - .sm\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } - - .sm\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } - - .sm\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } - - .sm\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } - - .sm\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } - - .sm\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } - - .sm\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } - - .sm\:to-green-400 { - --gradient-to-color: #34d399 !important; - } - - .sm\:to-green-500 { - --gradient-to-color: #10b981 !important; - } - - .sm\:to-green-600 { - --gradient-to-color: #059669 !important; - } - - .sm\:to-green-700 { - --gradient-to-color: #047857 !important; - } - - .sm\:to-green-800 { - --gradient-to-color: #065f46 !important; - } - - .sm\:to-green-900 { - --gradient-to-color: #064e3b !important; - } - - .sm\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } - - .sm\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } - - .sm\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } - - .sm\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } - - .sm\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } - - .sm\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } - - .sm\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } - - .sm\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } - - .sm\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } - - .sm\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } - - .sm\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } - - .sm\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } - - .sm\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } - - .sm\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } - - .sm\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } - - .sm\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } - - .sm\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } - - .sm\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } - - .sm\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } - - .sm\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } - - .sm\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } - - .sm\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } - - .sm\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } - - .sm\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } - - .sm\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } - - .sm\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } - - .sm\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } - - .sm\:to-pink-700 { - --gradient-to-color: #be185d !important; - } - - .sm\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } - - .sm\:to-pink-900 { - --gradient-to-color: #831843 !important; - } - - .sm\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } - - .sm\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } - - .sm\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } - - .sm\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } - - .sm\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } - - .sm\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } - - .sm\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } - - .sm\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } - - .sm\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } - - .sm\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } - - .sm\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } - - .sm\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } - - .sm\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } - - .sm\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } - - .sm\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } - - .sm\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } - - .sm\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } - - .sm\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } - - .sm\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } - - .sm\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } - - .sm\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } - - .sm\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } - - .sm\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } - - .sm\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } - - .sm\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } - - .sm\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } - - .sm\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } - - .sm\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } - - .sm\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } - - .sm\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } - - .sm\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } - - .sm\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } - - .sm\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } - - .sm\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } - - .sm\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } - - .sm\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } - - .sm\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } - - .sm\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } - - .sm\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } - - .sm\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } - - .sm\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } - - .sm\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } - - .sm\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } - - .sm\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } - - .sm\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } - - .sm\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } - - .sm\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } - - .sm\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } - - .sm\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } - - .sm\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } - - .sm\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } - - .sm\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } - - .sm\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } - - .sm\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } - - .sm\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } - - .sm\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } - - .sm\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } - - .sm\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } - - .sm\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } - - .sm\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } - - .sm\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } - - .sm\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } - - .sm\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } - - .sm\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } - - .sm\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } - - .sm\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } - - .sm\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } - - .sm\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } - - .sm\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } - - .sm\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } - - .sm\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } - - .sm\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } - - .sm\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } - - .sm\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } - - .sm\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } - - .sm\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } - - .sm\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } - - .sm\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } - - .sm\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } - - .sm\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } - - .sm\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } - - .sm\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } - - .sm\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } - - .sm\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } - - .sm\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } - - .sm\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } - - .sm\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } - - .sm\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } - - .sm\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } - - .sm\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } - - .sm\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } - - .sm\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } - - .sm\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } - - .sm\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } - - .sm\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } - - .sm\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } - - .sm\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } - - .sm\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } - - .sm\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } - - .sm\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } - - .sm\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } - - .sm\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } - - .sm\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } - - .sm\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } - - .sm\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } - - .sm\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } - - .sm\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } - - .sm\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } - - .sm\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } - - .sm\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } - - .sm\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } - - .sm\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } - - .sm\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } - - .sm\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } - - .sm\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } - - .sm\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } - - .sm\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } - - .sm\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } - - .sm\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } - - .sm\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } - - .sm\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } - - .sm\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } - - .sm\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } - - .sm\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } - - .sm\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } - - .sm\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } - - .sm\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } - - .sm\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } - - .sm\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } - - .sm\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } - - .sm\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } - - .sm\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } - - .sm\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } - - .sm\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } - - .sm\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } - - .sm\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } - - .sm\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } - - .sm\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } - - .sm\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } - - .sm\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } - - .sm\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } - - .sm\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } - - .sm\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } - - .sm\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } - - .sm\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } - - .sm\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } - - .sm\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } - - .sm\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:dark\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:dark\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:dark\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:dark\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:dark\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:dark\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:dark\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:dark\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:dark\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:dark\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:dark\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:dark\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:dark\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:dark\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:dark\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:dark\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:dark\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:dark\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:dark\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:dark\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:dark\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:dark\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:dark\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:dark\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:dark\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:dark\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:dark\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:dark\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:dark\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:dark\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:dark\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:dark\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:dark\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:dark\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:dark\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:dark\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:dark\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:dark\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:dark\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:dark\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:dark\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:dark\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:dark\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:dark\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:dark\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:dark\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:dark\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:dark\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:dark\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:dark\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:dark\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:dark\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:dark\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:dark\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:dark\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:dark\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:dark\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:dark\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:dark\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:dark\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:dark\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:dark\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:dark\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:dark\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:dark\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:dark\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:dark\:to-transparent { - --gradient-to-color: transparent !important; - } - - .sm\:dark\:to-current { - --gradient-to-color: currentColor !important; - } - - .sm\:dark\:to-black { - --gradient-to-color: #000 !important; - } - - .sm\:dark\:to-white { - --gradient-to-color: #fff !important; - } - - .sm\:dark\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } - - .sm\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } - - .sm\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } - - .sm\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } - - .sm\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } - - .sm\:dark\:to-gray-500 { - --gradient-to-color: #71717a !important; - } - - .sm\:dark\:to-gray-600 { - --gradient-to-color: #52525b !important; - } - - .sm\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } - - .sm\:dark\:to-gray-800 { - --gradient-to-color: #27272a !important; - } - - .sm\:dark\:to-gray-900 { - --gradient-to-color: #18181b !important; - } - - .sm\:dark\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } - - .sm\:dark\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } - - .sm\:dark\:to-red-200 { - --gradient-to-color: #fecaca !important; - } - - .sm\:dark\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } - - .sm\:dark\:to-red-400 { - --gradient-to-color: #f87171 !important; - } - - .sm\:dark\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } - - .sm\:dark\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } - - .sm\:dark\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } - - .sm\:dark\:to-red-800 { - --gradient-to-color: #991b1b !important; - } - - .sm\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } - - .sm\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } - - .sm\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } - - .sm\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } - - .sm\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } - - .sm\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } - - .sm\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } - - .sm\:dark\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } - - .sm\:dark\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } - - .sm\:dark\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } - - .sm\:dark\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } - - .sm\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } - - .sm\:dark\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } - - .sm\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } - - .sm\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } - - .sm\:dark\:to-green-400 { - --gradient-to-color: #34d399 !important; - } - - .sm\:dark\:to-green-500 { - --gradient-to-color: #10b981 !important; - } - - .sm\:dark\:to-green-600 { - --gradient-to-color: #059669 !important; - } - - .sm\:dark\:to-green-700 { - --gradient-to-color: #047857 !important; - } - - .sm\:dark\:to-green-800 { - --gradient-to-color: #065f46 !important; - } - - .sm\:dark\:to-green-900 { - --gradient-to-color: #064e3b !important; - } - - .sm\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } - - .sm\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } - - .sm\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } - - .sm\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } - - .sm\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } - - .sm\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } - - .sm\:dark\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } - - .sm\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } - - .sm\:dark\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } - - .sm\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } - - .sm\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } - - .sm\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } - - .sm\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } - - .sm\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } - - .sm\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } - - .sm\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } - - .sm\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } - - .sm\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } - - .sm\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } - - .sm\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } - - .sm\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } - - .sm\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } - - .sm\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } - - .sm\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } - - .sm\:dark\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } - - .sm\:dark\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } - - .sm\:dark\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } - - .sm\:dark\:to-pink-700 { - --gradient-to-color: #be185d !important; - } - - .sm\:dark\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } - - .sm\:dark\:to-pink-900 { - --gradient-to-color: #831843 !important; - } - - .sm\:dark\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:dark\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } - - .sm\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } - - .sm\:dark\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } - - .sm\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } - - .sm\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } - - .sm\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } - - .sm\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } - - .sm\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } - - .sm\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } - - .sm\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } - - .sm\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } - - .sm\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } - - .sm\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } - - .sm\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } - - .sm\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } - - .sm\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } - - .sm\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } - - .sm\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } - - .sm\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } - - .sm\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } - - .sm\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } - - .sm\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } - - .sm\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } - - .sm\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } - - .sm\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } - - .sm\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } - - .sm\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } - - .sm\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } - - .sm\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } - - .sm\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } - - .sm\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } - - .sm\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } - - .sm\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } - - .sm\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } - - .sm\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } - - .sm\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } - - .sm\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } - - .sm\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } - - .sm\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } - - .sm\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } - - .sm\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } - - .sm\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } - - .sm\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } - - .sm\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } - - .sm\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } - - .sm\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } - - .sm\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } - - .sm\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } - - .sm\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } - - .sm\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } - - .sm\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } - - .sm\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } - - .sm\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } - - .sm\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } - - .sm\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } - - .sm\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } - - .sm\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } - - .sm\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } - - .sm\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } - - .sm\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } - - .sm\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } - - .sm\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } - - .sm\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } - - .sm\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } - - .sm\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } - - .sm\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } - - .sm\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } - - .sm\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } - - .sm\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } - - .sm\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } - - .sm\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } - - .sm\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } - - .sm\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } - - .sm\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } - - .sm\:dark\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:dark\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .sm\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .sm\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .sm\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .sm\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .sm\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .sm\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .sm\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .sm\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .sm\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .sm\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .sm\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .sm\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .sm\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .sm\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .sm\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .sm\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .sm\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .sm\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .sm\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .sm\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .sm\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .sm\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .sm\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .sm\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .sm\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .sm\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .sm\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } - - .sm\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } - - .sm\:dark\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } - - .sm\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } - - .sm\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } - - .sm\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } - - .sm\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } - - .sm\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } - - .sm\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } - - .sm\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } - - .sm\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } - - .sm\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } - - .sm\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } - - .sm\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } - - .sm\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } - - .sm\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } - - .sm\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } - - .sm\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } - - .sm\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } - - .sm\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } - - .sm\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } - - .sm\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } - - .sm\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } - - .sm\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } - - .sm\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } - - .sm\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } - - .sm\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } - - .sm\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } - - .sm\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } - - .sm\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } - - .sm\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } - - .sm\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } - - .sm\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } - - .sm\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } - - .sm\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } - - .sm\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } - - .sm\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } - - .sm\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } - - .sm\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } - - .sm\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } - - .sm\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } - - .sm\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } - - .sm\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } - - .sm\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } - - .sm\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } - - .sm\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } - - .sm\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } - - .sm\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } - - .sm\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } - - .sm\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } - - .sm\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } - - .sm\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } - - .sm\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } - - .sm\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } - - .sm\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } - - .sm\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } - - .sm\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } - - .sm\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } - - .sm\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } - - .sm\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } - - .sm\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } - - .sm\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } - - .sm\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } - - .sm\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } - - .sm\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } - - .sm\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } - - .sm\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } - - .sm\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } - - .sm\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } - - .sm\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } - - .sm\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } - - .sm\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } - - .sm\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } - - .sm\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } - } - - .sm\:bg-opacity-0 { - --bg-opacity: 0 !important; - } - - .sm\:bg-opacity-25 { - --bg-opacity: 0.25 !important; - } - - .sm\:bg-opacity-50 { - --bg-opacity: 0.5 !important; - } - - .sm\:bg-opacity-75 { - --bg-opacity: 0.75 !important; - } - - .sm\:bg-opacity-100 { - --bg-opacity: 1 !important; - } - - .group:hover .sm\:group-hover\:bg-opacity-0 { - --bg-opacity: 0 !important; - } - - .group:hover .sm\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25 !important; - } - - .group:hover .sm\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5 !important; - } - - .group:hover .sm\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75 !important; - } - - .group:hover .sm\:group-hover\:bg-opacity-100 { - --bg-opacity: 1 !important; - } - - .sm\:hover\:bg-opacity-0:hover { - --bg-opacity: 0 !important; - } - - .sm\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25 !important; - } - - .sm\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5 !important; - } - - .sm\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75 !important; - } - - .sm\:hover\:bg-opacity-100:hover { - --bg-opacity: 1 !important; - } - - .sm\:focus\:bg-opacity-0:focus { - --bg-opacity: 0 !important; - } - - .sm\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25 !important; - } - - .sm\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5 !important; - } - - .sm\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75 !important; - } - - .sm\:focus\:bg-opacity-100:focus { - --bg-opacity: 1 !important; - } - - .sm\:bg-bottom { - background-position: bottom !important; - } - - .sm\:bg-center { - background-position: center !important; - } - - .sm\:bg-left { - background-position: left !important; - } - - .sm\:bg-left-bottom { - background-position: left bottom !important; - } - - .sm\:bg-left-top { - background-position: left top !important; - } - - .sm\:bg-right { - background-position: right !important; - } - - .sm\:bg-right-bottom { - background-position: right bottom !important; - } - - .sm\:bg-right-top { - background-position: right top !important; - } - - .sm\:bg-top { - background-position: top !important; - } - - .sm\:bg-repeat { - background-repeat: repeat !important; - } - - .sm\:bg-no-repeat { - background-repeat: no-repeat !important; - } - - .sm\:bg-repeat-x { - background-repeat: repeat-x !important; - } - - .sm\:bg-repeat-y { - background-repeat: repeat-y !important; - } - - .sm\:bg-repeat-round { - background-repeat: round !important; - } - - .sm\:bg-repeat-space { - background-repeat: space !important; - } - - .sm\:bg-auto { - background-size: auto !important; - } - - .sm\:bg-cover { - background-size: cover !important; - } - - .sm\:bg-contain { - background-size: contain !important; - } - - .sm\:border-collapse { - border-collapse: collapse !important; - } - - .sm\:border-separate { - border-collapse: separate !important; - } - - .sm\:border-transparent { - border-color: transparent !important; - } - - .sm\:border-current { - border-color: currentColor !important; - } - - .sm\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .sm\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .sm\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .sm\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .sm\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .sm\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .sm\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .sm\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .sm\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .sm\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .sm\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .sm\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .sm\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .sm\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .sm\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .sm\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .sm\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .sm\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .sm\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .sm\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .sm\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .sm\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .sm\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .sm\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .sm\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .sm\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .sm\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .sm\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .sm\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .sm\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .sm\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .sm\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .sm\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .sm\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .sm\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .sm\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .sm\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .sm\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .sm\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .sm\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .sm\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .sm\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .sm\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .sm\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .sm\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .sm\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .sm\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .sm\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .sm\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .sm\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .sm\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .sm\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .sm\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .sm\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .sm\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .sm\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .sm\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .sm\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .sm\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .sm\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .sm\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .sm\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .sm\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .sm\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .sm\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .sm\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .sm\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .sm\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .sm\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .sm\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .sm\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .sm\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-transparent { - border-color: transparent !important; - } - - .group:hover .sm\:group-hover\:border-current { - border-color: currentColor !important; - } - - .group:hover .sm\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .group:hover .sm\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .sm\:hover\:border-transparent:hover { - border-color: transparent !important; - } - - .sm\:hover\:border-current:hover { - border-color: currentColor !important; - } - - .sm\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .sm\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .sm\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .sm\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .sm\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .sm\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .sm\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .sm\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .sm\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .sm\:focus\:border-transparent:focus { - border-color: transparent !important; - } - - .sm\:focus\:border-current:focus { - border-color: currentColor !important; - } - - .sm\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .sm\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .sm\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .sm\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .sm\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .sm\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .sm\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .sm\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .sm\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:border-transparent { - border-color: transparent !important; - } - - .sm\:dark\:border-current { - border-color: currentColor !important; - } - - .sm\:dark\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .sm\:dark\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .sm\:dark\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .sm\:dark\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .sm\:dark\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .sm\:dark\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .sm\:dark\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .sm\:dark\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .sm\:dark\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-transparent { - border-color: transparent !important; - } - - .group:hover .sm\:dark\:group-hover\:border-current { - border-color: currentColor !important; - } - - .group:hover .sm\:dark\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-transparent:hover { - border-color: transparent !important; - } - - .sm\:dark\:hover\:border-current:hover { - border-color: currentColor !important; - } - - .sm\:dark\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .sm\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-transparent:focus { - border-color: transparent !important; - } - - .sm\:dark\:focus\:border-current:focus { - border-color: currentColor !important; - } - - .sm\:dark\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .sm\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - } - - .sm\:border-opacity-0 { - --border-opacity: 0 !important; - } - - .sm\:border-opacity-25 { - --border-opacity: 0.25 !important; - } - - .sm\:border-opacity-50 { - --border-opacity: 0.5 !important; - } - - .sm\:border-opacity-75 { - --border-opacity: 0.75 !important; - } - - .sm\:border-opacity-100 { - --border-opacity: 1 !important; - } - - .group:hover .sm\:group-hover\:border-opacity-0 { - --border-opacity: 0 !important; - } - - .group:hover .sm\:group-hover\:border-opacity-25 { - --border-opacity: 0.25 !important; - } - - .group:hover .sm\:group-hover\:border-opacity-50 { - --border-opacity: 0.5 !important; - } - - .group:hover .sm\:group-hover\:border-opacity-75 { - --border-opacity: 0.75 !important; - } - - .group:hover .sm\:group-hover\:border-opacity-100 { - --border-opacity: 1 !important; - } - - .sm\:hover\:border-opacity-0:hover { - --border-opacity: 0 !important; - } - - .sm\:hover\:border-opacity-25:hover { - --border-opacity: 0.25 !important; - } - - .sm\:hover\:border-opacity-50:hover { - --border-opacity: 0.5 !important; - } - - .sm\:hover\:border-opacity-75:hover { - --border-opacity: 0.75 !important; - } - - .sm\:hover\:border-opacity-100:hover { - --border-opacity: 1 !important; - } - - .sm\:focus\:border-opacity-0:focus { - --border-opacity: 0 !important; - } - - .sm\:focus\:border-opacity-25:focus { - --border-opacity: 0.25 !important; - } - - .sm\:focus\:border-opacity-50:focus { - --border-opacity: 0.5 !important; - } - - .sm\:focus\:border-opacity-75:focus { - --border-opacity: 0.75 !important; - } - - .sm\:focus\:border-opacity-100:focus { - --border-opacity: 1 !important; - } - - .sm\:rounded-none { - border-radius: 0 !important; - } - - .sm\:rounded-sm { - border-radius: 0.125rem !important; - } - - .sm\:rounded { - border-radius: 0.25rem !important; - } - - .sm\:rounded-md { - border-radius: 0.375rem !important; - } - - .sm\:rounded-lg { - border-radius: 0.5rem !important; - } - - .sm\:rounded-xl { - border-radius: 0.75rem !important; - } - - .sm\:rounded-2xl { - border-radius: 1rem !important; - } - - .sm\:rounded-3xl { - border-radius: 1.5rem !important; - } - - .sm\:rounded-full { - border-radius: 9999px !important; - } - - .sm\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; - } - - .sm\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - } - - .sm\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; - } - - .sm\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; - } - - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; - } - - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; - } - - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; - } - - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; - } - - .sm\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; - } - - .sm\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; - } - - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; - } - - .sm\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; - } - - .sm\:rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; - } - - .sm\:rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; - } - - .sm\:rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; - } - - .sm\:rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; - } - - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; - } - - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; - } - - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; - } - - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; - } - - .sm\:rounded-t-xl { - border-top-left-radius: 0.75rem !important; - border-top-right-radius: 0.75rem !important; - } - - .sm\:rounded-r-xl { - border-top-right-radius: 0.75rem !important; - border-bottom-right-radius: 0.75rem !important; - } - - .sm\:rounded-b-xl { - border-bottom-right-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; - } - - .sm\:rounded-l-xl { - border-top-left-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; - } - - .sm\:rounded-t-2xl { - border-top-left-radius: 1rem !important; - border-top-right-radius: 1rem !important; - } - - .sm\:rounded-r-2xl { - border-top-right-radius: 1rem !important; - border-bottom-right-radius: 1rem !important; - } - - .sm\:rounded-b-2xl { - border-bottom-right-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; - } - - .sm\:rounded-l-2xl { - border-top-left-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; - } - - .sm\:rounded-t-3xl { - border-top-left-radius: 1.5rem !important; - border-top-right-radius: 1.5rem !important; - } - - .sm\:rounded-r-3xl { - border-top-right-radius: 1.5rem !important; - border-bottom-right-radius: 1.5rem !important; - } - - .sm\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; - } - - .sm\:rounded-l-3xl { - border-top-left-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; - } - - .sm\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; - } - - .sm\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; - } - - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; - } - - .sm\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; - } - - .sm\:rounded-tl-none { - border-top-left-radius: 0 !important; - } - - .sm\:rounded-tr-none { - border-top-right-radius: 0 !important; - } - - .sm\:rounded-br-none { - border-bottom-right-radius: 0 !important; - } - - .sm\:rounded-bl-none { - border-bottom-left-radius: 0 !important; - } - - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; - } - - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; - } - - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; - } - - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; - } - - .sm\:rounded-tl { - border-top-left-radius: 0.25rem !important; - } - - .sm\:rounded-tr { - border-top-right-radius: 0.25rem !important; - } - - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem !important; - } - - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; - } - - .sm\:rounded-tl-md { - border-top-left-radius: 0.375rem !important; - } - - .sm\:rounded-tr-md { - border-top-right-radius: 0.375rem !important; - } - - .sm\:rounded-br-md { - border-bottom-right-radius: 0.375rem !important; - } - - .sm\:rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; - } - - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; - } - - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; - } - - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; - } - - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; - } - - .sm\:rounded-tl-xl { - border-top-left-radius: 0.75rem !important; - } - - .sm\:rounded-tr-xl { - border-top-right-radius: 0.75rem !important; - } - - .sm\:rounded-br-xl { - border-bottom-right-radius: 0.75rem !important; - } - - .sm\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem !important; - } - - .sm\:rounded-tl-2xl { - border-top-left-radius: 1rem !important; - } - - .sm\:rounded-tr-2xl { - border-top-right-radius: 1rem !important; - } - - .sm\:rounded-br-2xl { - border-bottom-right-radius: 1rem !important; - } - - .sm\:rounded-bl-2xl { - border-bottom-left-radius: 1rem !important; - } - - .sm\:rounded-tl-3xl { - border-top-left-radius: 1.5rem !important; - } - - .sm\:rounded-tr-3xl { - border-top-right-radius: 1.5rem !important; - } - - .sm\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem !important; - } - - .sm\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem !important; - } - - .sm\:rounded-tl-full { - border-top-left-radius: 9999px !important; - } - - .sm\:rounded-tr-full { - border-top-right-radius: 9999px !important; - } - - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px !important; - } - - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; - } - - .sm\:border-solid { - border-style: solid !important; - } - - .sm\:border-dashed { - border-style: dashed !important; - } - - .sm\:border-dotted { - border-style: dotted !important; - } - - .sm\:border-double { - border-style: double !important; - } - - .sm\:border-none { - border-style: none !important; - } - - .sm\:border-0 { - border-width: 0 !important; - } - - .sm\:border-2 { - border-width: 2px !important; - } - - .sm\:border-4 { - border-width: 4px !important; - } - - .sm\:border-8 { - border-width: 8px !important; - } - - .sm\:border { - border-width: 1px !important; - } - - .sm\:border-t-0 { - border-top-width: 0 !important; - } - - .sm\:border-r-0 { - border-right-width: 0 !important; - } - - .sm\:border-b-0 { - border-bottom-width: 0 !important; - } - - .sm\:border-l-0 { - border-left-width: 0 !important; - } - - .sm\:border-t-2 { - border-top-width: 2px !important; - } - - .sm\:border-r-2 { - border-right-width: 2px !important; - } - - .sm\:border-b-2 { - border-bottom-width: 2px !important; - } - - .sm\:border-l-2 { - border-left-width: 2px !important; - } - - .sm\:border-t-4 { - border-top-width: 4px !important; - } - - .sm\:border-r-4 { - border-right-width: 4px !important; - } - - .sm\:border-b-4 { - border-bottom-width: 4px !important; - } - - .sm\:border-l-4 { - border-left-width: 4px !important; - } - - .sm\:border-t-8 { - border-top-width: 8px !important; - } - - .sm\:border-r-8 { - border-right-width: 8px !important; - } - - .sm\:border-b-8 { - border-bottom-width: 8px !important; - } - - .sm\:border-l-8 { - border-left-width: 8px !important; - } - - .sm\:border-t { - border-top-width: 1px !important; - } - - .sm\:border-r { - border-right-width: 1px !important; - } - - .sm\:border-b { - border-bottom-width: 1px !important; - } - - .sm\:border-l { - border-left-width: 1px !important; - } - - .sm\:box-border { - box-sizing: border-box !important; - } - - .sm\:box-content { - box-sizing: content-box !important; - } - - .sm\:cursor-auto { - cursor: auto !important; - } - - .sm\:cursor-default { - cursor: default !important; - } - - .sm\:cursor-pointer { - cursor: pointer !important; - } - - .sm\:cursor-wait { - cursor: wait !important; - } - - .sm\:cursor-text { - cursor: text !important; - } - - .sm\:cursor-move { - cursor: move !important; - } - - .sm\:cursor-not-allowed { - cursor: not-allowed !important; - } - - .sm\:block { - display: block !important; - } - - .sm\:inline-block { - display: inline-block !important; - } - - .sm\:inline { - display: inline !important; - } - - .sm\:flex { - display: flex !important; - } - - .sm\:inline-flex { - display: inline-flex !important; - } - - .sm\:table { - display: table !important; - } - - .sm\:table-caption { - display: table-caption !important; - } - - .sm\:table-cell { - display: table-cell !important; - } - - .sm\:table-column { - display: table-column !important; - } - - .sm\:table-column-group { - display: table-column-group !important; - } - - .sm\:table-footer-group { - display: table-footer-group !important; - } - - .sm\:table-header-group { - display: table-header-group !important; - } - - .sm\:table-row-group { - display: table-row-group !important; - } - - .sm\:table-row { - display: table-row !important; - } - - .sm\:flow-root { - display: flow-root !important; - } - - .sm\:grid { - display: grid !important; - } - - .sm\:inline-grid { - display: inline-grid !important; - } - - .sm\:contents { - display: contents !important; - } - - .sm\:hidden { - display: none !important; - } - - .sm\:flex-row { - flex-direction: row !important; - } - - .sm\:flex-row-reverse { - flex-direction: row-reverse !important; - } - - .sm\:flex-col { - flex-direction: column !important; - } - - .sm\:flex-col-reverse { - flex-direction: column-reverse !important; - } - - .sm\:flex-wrap { - flex-wrap: wrap !important; - } - - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .sm\:flex-no-wrap { - flex-wrap: nowrap !important; - } - - .sm\:place-items-auto { - place-items: auto !important; - } - - .sm\:place-items-start { - place-items: start !important; - } - - .sm\:place-items-end { - place-items: end !important; - } - - .sm\:place-items-center { - place-items: center !important; - } - - .sm\:place-items-stretch { - place-items: stretch !important; - } - - .sm\:place-content-center { - place-content: center !important; - } - - .sm\:place-content-start { - place-content: start !important; - } - - .sm\:place-content-end { - place-content: end !important; - } - - .sm\:place-content-between { - place-content: space-between !important; - } - - .sm\:place-content-around { - place-content: space-around !important; - } - - .sm\:place-content-evenly { - place-content: space-evenly !important; - } - - .sm\:place-content-stretch { - place-content: stretch !important; - } - - .sm\:place-self-auto { - place-self: auto !important; - } - - .sm\:place-self-start { - place-self: start !important; - } - - .sm\:place-self-end { - place-self: end !important; - } - - .sm\:place-self-center { - place-self: center !important; - } - - .sm\:place-self-stretch { - place-self: stretch !important; - } - - .sm\:items-start { - align-items: flex-start !important; - } - - .sm\:items-end { - align-items: flex-end !important; - } - - .sm\:items-center { - align-items: center !important; - } - - .sm\:items-baseline { - align-items: baseline !important; - } - - .sm\:items-stretch { - align-items: stretch !important; - } - - .sm\:content-center { - align-content: center !important; - } - - .sm\:content-start { - align-content: flex-start !important; - } - - .sm\:content-end { - align-content: flex-end !important; - } - - .sm\:content-between { - align-content: space-between !important; - } - - .sm\:content-around { - align-content: space-around !important; - } - - .sm\:content-evenly { - align-content: space-evenly !important; - } - - .sm\:self-auto { - align-self: auto !important; - } - - .sm\:self-start { - align-self: flex-start !important; - } - - .sm\:self-end { - align-self: flex-end !important; - } - - .sm\:self-center { - align-self: center !important; - } - - .sm\:self-stretch { - align-self: stretch !important; - } - - .sm\:justify-items-auto { - justify-items: auto !important; - } - - .sm\:justify-items-start { - justify-items: start !important; - } - - .sm\:justify-items-end { - justify-items: end !important; - } - - .sm\:justify-items-center { - justify-items: center !important; - } - - .sm\:justify-items-stretch { - justify-items: stretch !important; - } - - .sm\:justify-start { - justify-content: flex-start !important; - } - - .sm\:justify-end { - justify-content: flex-end !important; - } - - .sm\:justify-center { - justify-content: center !important; - } - - .sm\:justify-between { - justify-content: space-between !important; - } - - .sm\:justify-around { - justify-content: space-around !important; - } - - .sm\:justify-evenly { - justify-content: space-evenly !important; - } - - .sm\:justify-self-auto { - justify-self: auto !important; - } - - .sm\:justify-self-start { - justify-self: start !important; - } - - .sm\:justify-self-end { - justify-self: end !important; - } - - .sm\:justify-self-center { - justify-self: center !important; - } - - .sm\:justify-self-stretch { - justify-self: stretch !important; - } - - .sm\:flex-1 { - flex: 1 1 0% !important; - } - - .sm\:flex-auto { - flex: 1 1 auto !important; - } - - .sm\:flex-initial { - flex: 0 1 auto !important; - } - - .sm\:flex-none { - flex: none !important; - } - - .sm\:flex-grow-0 { - flex-grow: 0 !important; - } - - .sm\:flex-grow { - flex-grow: 1 !important; - } - - .sm\:flex-shrink-0 { - flex-shrink: 0 !important; - } - - .sm\:flex-shrink { - flex-shrink: 1 !important; - } - - .sm\:order-1 { - order: 1 !important; - } - - .sm\:order-2 { - order: 2 !important; - } - - .sm\:order-3 { - order: 3 !important; - } - - .sm\:order-4 { - order: 4 !important; - } - - .sm\:order-5 { - order: 5 !important; - } - - .sm\:order-6 { - order: 6 !important; - } - - .sm\:order-7 { - order: 7 !important; - } - - .sm\:order-8 { - order: 8 !important; - } - - .sm\:order-9 { - order: 9 !important; - } - - .sm\:order-10 { - order: 10 !important; - } - - .sm\:order-11 { - order: 11 !important; - } - - .sm\:order-12 { - order: 12 !important; - } - - .sm\:order-first { - order: -9999 !important; - } - - .sm\:order-last { - order: 9999 !important; - } - - .sm\:order-none { - order: 0 !important; - } - - .sm\:float-right { - float: right !important; - } - - .sm\:float-left { - float: left !important; - } - - .sm\:float-none { - float: none !important; - } - - .sm\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; - } - - .sm\:clear-left { - clear: left !important; - } - - .sm\:clear-right { - clear: right !important; - } - - .sm\:clear-both { - clear: both !important; - } - - .sm\:clear-none { - clear: none !important; - } - - .sm\:font-sans { - font-family: ui-sans-serif, 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" !important; - } - - .sm\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; - } - - .sm\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; - } - - .sm\:font-thin { - font-weight: 100 !important; - } - - .sm\:font-extralight { - font-weight: 200 !important; - } - - .sm\:font-light { - font-weight: 300 !important; - } - - .sm\:font-normal { - font-weight: 400 !important; - } - - .sm\:font-medium { - font-weight: 500 !important; - } - - .sm\:font-semibold { - font-weight: 600 !important; - } - - .sm\:font-bold { - font-weight: 700 !important; - } - - .sm\:font-extrabold { - font-weight: 800 !important; - } - - .sm\:font-black { - font-weight: 900 !important; - } - - .sm\:hover\:font-thin:hover { - font-weight: 100 !important; - } - - .sm\:hover\:font-extralight:hover { - font-weight: 200 !important; - } - - .sm\:hover\:font-light:hover { - font-weight: 300 !important; - } - - .sm\:hover\:font-normal:hover { - font-weight: 400 !important; - } - - .sm\:hover\:font-medium:hover { - font-weight: 500 !important; - } - - .sm\:hover\:font-semibold:hover { - font-weight: 600 !important; - } - - .sm\:hover\:font-bold:hover { - font-weight: 700 !important; - } - - .sm\:hover\:font-extrabold:hover { - font-weight: 800 !important; - } - - .sm\:hover\:font-black:hover { - font-weight: 900 !important; - } - - .sm\:focus\:font-thin:focus { - font-weight: 100 !important; - } - - .sm\:focus\:font-extralight:focus { - font-weight: 200 !important; - } - - .sm\:focus\:font-light:focus { - font-weight: 300 !important; - } - - .sm\:focus\:font-normal:focus { - font-weight: 400 !important; - } - - .sm\:focus\:font-medium:focus { - font-weight: 500 !important; - } - - .sm\:focus\:font-semibold:focus { - font-weight: 600 !important; - } - - .sm\:focus\:font-bold:focus { - font-weight: 700 !important; - } - - .sm\:focus\:font-extrabold:focus { - font-weight: 800 !important; - } - - .sm\:focus\:font-black:focus { - font-weight: 900 !important; - } - - .sm\:h-0 { - height: 0 !important; - } - - .sm\:h-1 { - height: 0.25rem !important; - } - - .sm\:h-2 { - height: 0.5rem !important; - } - - .sm\:h-3 { - height: 0.75rem !important; - } - - .sm\:h-4 { - height: 1rem !important; - } - - .sm\:h-5 { - height: 1.25rem !important; - } - - .sm\:h-6 { - height: 1.5rem !important; - } - - .sm\:h-7 { - height: 1.75rem !important; - } - - .sm\:h-8 { - height: 2rem !important; - } - - .sm\:h-9 { - height: 2.25rem !important; - } - - .sm\:h-10 { - height: 2.5rem !important; - } - - .sm\:h-12 { - height: 3rem !important; - } - - .sm\:h-14 { - height: 3.5rem !important; - } - - .sm\:h-16 { - height: 4rem !important; - } - - .sm\:h-20 { - height: 5rem !important; - } - - .sm\:h-24 { - height: 6rem !important; - } - - .sm\:h-28 { - height: 7rem !important; - } - - .sm\:h-32 { - height: 8rem !important; - } - - .sm\:h-36 { - height: 9rem !important; - } - - .sm\:h-40 { - height: 10rem !important; - } - - .sm\:h-44 { - height: 11rem !important; - } - - .sm\:h-48 { - height: 12rem !important; - } - - .sm\:h-52 { - height: 13rem !important; - } - - .sm\:h-56 { - height: 14rem !important; - } - - .sm\:h-60 { - height: 15rem !important; - } - - .sm\:h-64 { - height: 16rem !important; - } - - .sm\:h-72 { - height: 18rem !important; - } - - .sm\:h-80 { - height: 20rem !important; - } - - .sm\:h-96 { - height: 24rem !important; - } - - .sm\:h-auto { - height: auto !important; - } - - .sm\:h-px { - height: 1px !important; - } - - .sm\:h-0\.5 { - height: 0.125rem !important; - } - - .sm\:h-1\.5 { - height: 0.375rem !important; - } - - .sm\:h-2\.5 { - height: 0.625rem !important; - } - - .sm\:h-3\.5 { - height: 0.875rem !important; - } - - .sm\:h-full { - height: 100% !important; - } - - .sm\:h-screen { - height: 100vh !important; - } - - .sm\:text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; - } - - .sm\:text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; - } - - .sm\:text-base { - font-size: 1rem !important; - line-height: 1.5rem !important; - } - - .sm\:text-lg { - font-size: 1.125rem !important; - line-height: 1.75rem !important; - } - - .sm\:text-xl { - font-size: 1.25rem !important; - line-height: 1.75rem !important; - } - - .sm\:text-2xl { - font-size: 1.5rem !important; - line-height: 2rem !important; - } - - .sm\:text-3xl { - font-size: 1.875rem !important; - line-height: 2.25rem !important; - } - - .sm\:text-4xl { - font-size: 2.25rem !important; - line-height: 2.5rem !important; - } - - .sm\:text-5xl { - font-size: 3rem !important; - line-height: 1 !important; - } - - .sm\:text-6xl { - font-size: 3.75rem !important; - line-height: 1 !important; - } - - .sm\:text-7xl { - font-size: 4.5rem !important; - line-height: 1 !important; - } - - .sm\:text-8xl { - font-size: 6rem !important; - line-height: 1 !important; - } - - .sm\:text-9xl { - font-size: 8rem !important; - line-height: 1 !important; - } - - .sm\:leading-3 { - line-height: .75rem !important; - } - - .sm\:leading-4 { - line-height: 1rem !important; - } - - .sm\:leading-5 { - line-height: 1.25rem !important; - } - - .sm\:leading-6 { - line-height: 1.5rem !important; - } - - .sm\:leading-7 { - line-height: 1.75rem !important; - } - - .sm\:leading-8 { - line-height: 2rem !important; - } - - .sm\:leading-9 { - line-height: 2.25rem !important; - } - - .sm\:leading-10 { - line-height: 2.5rem !important; - } - - .sm\:leading-none { - line-height: 1 !important; - } - - .sm\:leading-tight { - line-height: 1.25 !important; - } - - .sm\:leading-snug { - line-height: 1.375 !important; - } - - .sm\:leading-normal { - line-height: 1.5 !important; - } - - .sm\:leading-relaxed { - line-height: 1.625 !important; - } - - .sm\:leading-loose { - line-height: 2 !important; - } - - .sm\:list-inside { - list-style-position: inside !important; - } - - .sm\:list-outside { - list-style-position: outside !important; - } - - .sm\:list-none { - list-style-type: none !important; - } - - .sm\:list-disc { - list-style-type: disc !important; - } - - .sm\:list-decimal { - list-style-type: decimal !important; - } - - .sm\:m-0 { - margin: 0 !important; - } - - .sm\:m-1 { - margin: 0.25rem !important; - } - - .sm\:m-2 { - margin: 0.5rem !important; - } - - .sm\:m-3 { - margin: 0.75rem !important; - } - - .sm\:m-4 { - margin: 1rem !important; - } - - .sm\:m-5 { - margin: 1.25rem !important; - } - - .sm\:m-6 { - margin: 1.5rem !important; - } - - .sm\:m-7 { - margin: 1.75rem !important; - } - - .sm\:m-8 { - margin: 2rem !important; - } - - .sm\:m-9 { - margin: 2.25rem !important; - } - - .sm\:m-10 { - margin: 2.5rem !important; - } - - .sm\:m-12 { - margin: 3rem !important; - } - - .sm\:m-14 { - margin: 3.5rem !important; - } - - .sm\:m-16 { - margin: 4rem !important; - } - - .sm\:m-20 { - margin: 5rem !important; - } - - .sm\:m-24 { - margin: 6rem !important; - } - - .sm\:m-28 { - margin: 7rem !important; - } - - .sm\:m-32 { - margin: 8rem !important; - } - - .sm\:m-36 { - margin: 9rem !important; - } - - .sm\:m-40 { - margin: 10rem !important; - } - - .sm\:m-44 { - margin: 11rem !important; - } - - .sm\:m-48 { - margin: 12rem !important; - } - - .sm\:m-52 { - margin: 13rem !important; - } - - .sm\:m-56 { - margin: 14rem !important; - } - - .sm\:m-60 { - margin: 15rem !important; - } - - .sm\:m-64 { - margin: 16rem !important; - } - - .sm\:m-72 { - margin: 18rem !important; - } - - .sm\:m-80 { - margin: 20rem !important; - } - - .sm\:m-96 { - margin: 24rem !important; - } - - .sm\:m-auto { - margin: auto !important; - } - - .sm\:m-px { - margin: 1px !important; - } - - .sm\:m-0\.5 { - margin: 0.125rem !important; - } - - .sm\:m-1\.5 { - margin: 0.375rem !important; - } - - .sm\:m-2\.5 { - margin: 0.625rem !important; - } - - .sm\:m-3\.5 { - margin: 0.875rem !important; - } - - .sm\:-m-1 { - margin: -0.25rem !important; - } - - .sm\:-m-2 { - margin: -0.5rem !important; - } - - .sm\:-m-3 { - margin: -0.75rem !important; - } - - .sm\:-m-4 { - margin: -1rem !important; - } - - .sm\:-m-5 { - margin: -1.25rem !important; - } - - .sm\:-m-6 { - margin: -1.5rem !important; - } - - .sm\:-m-7 { - margin: -1.75rem !important; - } - - .sm\:-m-8 { - margin: -2rem !important; - } - - .sm\:-m-9 { - margin: -2.25rem !important; - } - - .sm\:-m-10 { - margin: -2.5rem !important; - } - - .sm\:-m-12 { - margin: -3rem !important; - } - - .sm\:-m-14 { - margin: -3.5rem !important; - } - - .sm\:-m-16 { - margin: -4rem !important; - } - - .sm\:-m-20 { - margin: -5rem !important; - } - - .sm\:-m-24 { - margin: -6rem !important; - } - - .sm\:-m-28 { - margin: -7rem !important; - } - - .sm\:-m-32 { - margin: -8rem !important; - } - - .sm\:-m-36 { - margin: -9rem !important; - } - - .sm\:-m-40 { - margin: -10rem !important; - } - - .sm\:-m-44 { - margin: -11rem !important; - } - - .sm\:-m-48 { - margin: -12rem !important; - } - - .sm\:-m-52 { - margin: -13rem !important; - } - - .sm\:-m-56 { - margin: -14rem !important; - } - - .sm\:-m-60 { - margin: -15rem !important; - } - - .sm\:-m-64 { - margin: -16rem !important; - } - - .sm\:-m-72 { - margin: -18rem !important; - } - - .sm\:-m-80 { - margin: -20rem !important; - } - - .sm\:-m-96 { - margin: -24rem !important; - } - - .sm\:-m-px { - margin: -1px !important; - } - - .sm\:-m-0\.5 { - margin: -0.125rem !important; - } - - .sm\:-m-1\.5 { - margin: -0.375rem !important; - } - - .sm\:-m-2\.5 { - margin: -0.625rem !important; - } - - .sm\:-m-3\.5 { - margin: -0.875rem !important; - } - - .sm\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .sm\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; - } - - .sm\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .sm\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; - } - - .sm\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .sm\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; - } - - .sm\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; - } - - .sm\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; - } - - .sm\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .sm\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .sm\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; - } - - .sm\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; - } - - .sm\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .sm\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; - } - - .sm\:my-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; - } - - .sm\:mx-7 { - margin-left: 1.75rem !important; - margin-right: 1.75rem !important; - } - - .sm\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; - } - - .sm\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; - } - - .sm\:my-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; - } - - .sm\:mx-9 { - margin-left: 2.25rem !important; - margin-right: 2.25rem !important; - } - - .sm\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; - } - - .sm\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; - } - - .sm\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .sm\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; - } - - .sm\:my-14 { - margin-top: 3.5rem !important; - margin-bottom: 3.5rem !important; - } - - .sm\:mx-14 { - margin-left: 3.5rem !important; - margin-right: 3.5rem !important; - } - - .sm\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; - } - - .sm\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; - } - - .sm\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; - } - - .sm\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .sm\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; - } - - .sm\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; - } - - .sm\:my-28 { - margin-top: 7rem !important; - margin-bottom: 7rem !important; - } - - .sm\:mx-28 { - margin-left: 7rem !important; - margin-right: 7rem !important; - } - - .sm\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .sm\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; - } - - .sm\:my-36 { - margin-top: 9rem !important; - margin-bottom: 9rem !important; - } - - .sm\:mx-36 { - margin-left: 9rem !important; - margin-right: 9rem !important; - } - - .sm\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .sm\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; - } - - .sm\:my-44 { - margin-top: 11rem !important; - margin-bottom: 11rem !important; - } - - .sm\:mx-44 { - margin-left: 11rem !important; - margin-right: 11rem !important; - } - - .sm\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; - } - - .sm\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; - } - - .sm\:my-52 { - margin-top: 13rem !important; - margin-bottom: 13rem !important; - } - - .sm\:mx-52 { - margin-left: 13rem !important; - margin-right: 13rem !important; - } - - .sm\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; - } - - .sm\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; - } - - .sm\:my-60 { - margin-top: 15rem !important; - margin-bottom: 15rem !important; - } - - .sm\:mx-60 { - margin-left: 15rem !important; - margin-right: 15rem !important; - } - - .sm\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; - } - - .sm\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; - } - - .sm\:my-72 { - margin-top: 18rem !important; - margin-bottom: 18rem !important; - } - - .sm\:mx-72 { - margin-left: 18rem !important; - margin-right: 18rem !important; - } - - .sm\:my-80 { - margin-top: 20rem !important; - margin-bottom: 20rem !important; - } - - .sm\:mx-80 { - margin-left: 20rem !important; - margin-right: 20rem !important; - } - - .sm\:my-96 { - margin-top: 24rem !important; - margin-bottom: 24rem !important; - } - - .sm\:mx-96 { - margin-left: 24rem !important; - margin-right: 24rem !important; - } - - .sm\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .sm\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; - } - - .sm\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - - .sm\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; - } - - .sm\:my-0\.5 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; - } - - .sm\:mx-0\.5 { - margin-left: 0.125rem !important; - margin-right: 0.125rem !important; - } - - .sm\:my-1\.5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; - } - - .sm\:mx-1\.5 { - margin-left: 0.375rem !important; - margin-right: 0.375rem !important; - } - - .sm\:my-2\.5 { - margin-top: 0.625rem !important; - margin-bottom: 0.625rem !important; - } - - .sm\:mx-2\.5 { - margin-left: 0.625rem !important; - margin-right: 0.625rem !important; - } - - .sm\:my-3\.5 { - margin-top: 0.875rem !important; - margin-bottom: 0.875rem !important; - } - - .sm\:mx-3\.5 { - margin-left: 0.875rem !important; - margin-right: 0.875rem !important; - } - - .sm\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; - } - - .sm\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; - } - - .sm\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; - } - - .sm\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; - } - - .sm\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; - } - - .sm\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; - } - - .sm\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; - } - - .sm\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; - } - - .sm\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; - } - - .sm\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; - } - - .sm\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; - } - - .sm\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; - } - - .sm\:-my-7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; - } - - .sm\:-mx-7 { - margin-left: -1.75rem !important; - margin-right: -1.75rem !important; - } - - .sm\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; - } - - .sm\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; - } - - .sm\:-my-9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; - } - - .sm\:-mx-9 { - margin-left: -2.25rem !important; - margin-right: -2.25rem !important; - } - - .sm\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; - } - - .sm\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; - } - - .sm\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; - } - - .sm\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .sm\:-my-14 { - margin-top: -3.5rem !important; - margin-bottom: -3.5rem !important; - } - - .sm\:-mx-14 { - margin-left: -3.5rem !important; - margin-right: -3.5rem !important; - } - - .sm\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; - } - - .sm\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; - } - - .sm\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; - } - - .sm\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; - } - - .sm\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; - } - - .sm\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; - } - - .sm\:-my-28 { - margin-top: -7rem !important; - margin-bottom: -7rem !important; - } - - .sm\:-mx-28 { - margin-left: -7rem !important; - margin-right: -7rem !important; - } - - .sm\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; - } - - .sm\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; - } - - .sm\:-my-36 { - margin-top: -9rem !important; - margin-bottom: -9rem !important; - } - - .sm\:-mx-36 { - margin-left: -9rem !important; - margin-right: -9rem !important; - } - - .sm\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; - } - - .sm\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; - } - - .sm\:-my-44 { - margin-top: -11rem !important; - margin-bottom: -11rem !important; - } - - .sm\:-mx-44 { - margin-left: -11rem !important; - margin-right: -11rem !important; - } - - .sm\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; - } - - .sm\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; - } - - .sm\:-my-52 { - margin-top: -13rem !important; - margin-bottom: -13rem !important; - } - - .sm\:-mx-52 { - margin-left: -13rem !important; - margin-right: -13rem !important; - } - - .sm\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; - } - - .sm\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; - } - - .sm\:-my-60 { - margin-top: -15rem !important; - margin-bottom: -15rem !important; - } - - .sm\:-mx-60 { - margin-left: -15rem !important; - margin-right: -15rem !important; - } - - .sm\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; - } - - .sm\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; - } - - .sm\:-my-72 { - margin-top: -18rem !important; - margin-bottom: -18rem !important; - } - - .sm\:-mx-72 { - margin-left: -18rem !important; - margin-right: -18rem !important; - } - - .sm\:-my-80 { - margin-top: -20rem !important; - margin-bottom: -20rem !important; - } - - .sm\:-mx-80 { - margin-left: -20rem !important; - margin-right: -20rem !important; - } - - .sm\:-my-96 { - margin-top: -24rem !important; - margin-bottom: -24rem !important; - } - - .sm\:-mx-96 { - margin-left: -24rem !important; - margin-right: -24rem !important; - } - - .sm\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - - .sm\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; - } - - .sm\:-my-0\.5 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; - } - - .sm\:-mx-0\.5 { - margin-left: -0.125rem !important; - margin-right: -0.125rem !important; - } - - .sm\:-my-1\.5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; - } - - .sm\:-mx-1\.5 { - margin-left: -0.375rem !important; - margin-right: -0.375rem !important; - } - - .sm\:-my-2\.5 { - margin-top: -0.625rem !important; - margin-bottom: -0.625rem !important; - } - - .sm\:-mx-2\.5 { - margin-left: -0.625rem !important; - margin-right: -0.625rem !important; - } - - .sm\:-my-3\.5 { - margin-top: -0.875rem !important; - margin-bottom: -0.875rem !important; - } - - .sm\:-mx-3\.5 { - margin-left: -0.875rem !important; - margin-right: -0.875rem !important; - } - - .sm\:mt-0 { - margin-top: 0 !important; - } - - .sm\:mr-0 { - margin-right: 0 !important; - } - - .sm\:mb-0 { - margin-bottom: 0 !important; - } - - .sm\:ml-0 { - margin-left: 0 !important; - } - - .sm\:mt-1 { - margin-top: 0.25rem !important; - } - - .sm\:mr-1 { - margin-right: 0.25rem !important; - } - - .sm\:mb-1 { - margin-bottom: 0.25rem !important; - } - - .sm\:ml-1 { - margin-left: 0.25rem !important; - } - - .sm\:mt-2 { - margin-top: 0.5rem !important; - } - - .sm\:mr-2 { - margin-right: 0.5rem !important; - } - - .sm\:mb-2 { - margin-bottom: 0.5rem !important; - } - - .sm\:ml-2 { - margin-left: 0.5rem !important; - } - - .sm\:mt-3 { - margin-top: 0.75rem !important; - } - - .sm\:mr-3 { - margin-right: 0.75rem !important; - } - - .sm\:mb-3 { - margin-bottom: 0.75rem !important; - } - - .sm\:ml-3 { - margin-left: 0.75rem !important; - } - - .sm\:mt-4 { - margin-top: 1rem !important; - } - - .sm\:mr-4 { - margin-right: 1rem !important; - } - - .sm\:mb-4 { - margin-bottom: 1rem !important; - } - - .sm\:ml-4 { - margin-left: 1rem !important; - } - - .sm\:mt-5 { - margin-top: 1.25rem !important; - } - - .sm\:mr-5 { - margin-right: 1.25rem !important; - } - - .sm\:mb-5 { - margin-bottom: 1.25rem !important; - } - - .sm\:ml-5 { - margin-left: 1.25rem !important; - } - - .sm\:mt-6 { - margin-top: 1.5rem !important; - } - - .sm\:mr-6 { - margin-right: 1.5rem !important; - } - - .sm\:mb-6 { - margin-bottom: 1.5rem !important; - } - - .sm\:ml-6 { - margin-left: 1.5rem !important; - } - - .sm\:mt-7 { - margin-top: 1.75rem !important; - } - - .sm\:mr-7 { - margin-right: 1.75rem !important; - } - - .sm\:mb-7 { - margin-bottom: 1.75rem !important; - } - - .sm\:ml-7 { - margin-left: 1.75rem !important; - } - - .sm\:mt-8 { - margin-top: 2rem !important; - } - - .sm\:mr-8 { - margin-right: 2rem !important; - } - - .sm\:mb-8 { - margin-bottom: 2rem !important; - } - - .sm\:ml-8 { - margin-left: 2rem !important; - } - - .sm\:mt-9 { - margin-top: 2.25rem !important; - } - - .sm\:mr-9 { - margin-right: 2.25rem !important; - } - - .sm\:mb-9 { - margin-bottom: 2.25rem !important; - } - - .sm\:ml-9 { - margin-left: 2.25rem !important; - } - - .sm\:mt-10 { - margin-top: 2.5rem !important; - } - - .sm\:mr-10 { - margin-right: 2.5rem !important; - } - - .sm\:mb-10 { - margin-bottom: 2.5rem !important; - } - - .sm\:ml-10 { - margin-left: 2.5rem !important; - } - - .sm\:mt-12 { - margin-top: 3rem !important; - } - - .sm\:mr-12 { - margin-right: 3rem !important; - } - - .sm\:mb-12 { - margin-bottom: 3rem !important; - } - - .sm\:ml-12 { - margin-left: 3rem !important; - } - - .sm\:mt-14 { - margin-top: 3.5rem !important; - } - - .sm\:mr-14 { - margin-right: 3.5rem !important; - } - - .sm\:mb-14 { - margin-bottom: 3.5rem !important; - } - - .sm\:ml-14 { - margin-left: 3.5rem !important; - } - - .sm\:mt-16 { - margin-top: 4rem !important; - } - - .sm\:mr-16 { - margin-right: 4rem !important; - } - - .sm\:mb-16 { - margin-bottom: 4rem !important; - } - - .sm\:ml-16 { - margin-left: 4rem !important; - } - - .sm\:mt-20 { - margin-top: 5rem !important; - } - - .sm\:mr-20 { - margin-right: 5rem !important; - } - - .sm\:mb-20 { - margin-bottom: 5rem !important; - } - - .sm\:ml-20 { - margin-left: 5rem !important; - } - - .sm\:mt-24 { - margin-top: 6rem !important; - } - - .sm\:mr-24 { - margin-right: 6rem !important; - } - - .sm\:mb-24 { - margin-bottom: 6rem !important; - } - - .sm\:ml-24 { - margin-left: 6rem !important; - } - - .sm\:mt-28 { - margin-top: 7rem !important; - } - - .sm\:mr-28 { - margin-right: 7rem !important; - } - - .sm\:mb-28 { - margin-bottom: 7rem !important; - } - - .sm\:ml-28 { - margin-left: 7rem !important; - } - - .sm\:mt-32 { - margin-top: 8rem !important; - } - - .sm\:mr-32 { - margin-right: 8rem !important; - } - - .sm\:mb-32 { - margin-bottom: 8rem !important; - } - - .sm\:ml-32 { - margin-left: 8rem !important; - } - - .sm\:mt-36 { - margin-top: 9rem !important; - } - - .sm\:mr-36 { - margin-right: 9rem !important; - } - - .sm\:mb-36 { - margin-bottom: 9rem !important; - } - - .sm\:ml-36 { - margin-left: 9rem !important; - } - - .sm\:mt-40 { - margin-top: 10rem !important; - } - - .sm\:mr-40 { - margin-right: 10rem !important; - } - - .sm\:mb-40 { - margin-bottom: 10rem !important; - } - - .sm\:ml-40 { - margin-left: 10rem !important; - } - - .sm\:mt-44 { - margin-top: 11rem !important; - } - - .sm\:mr-44 { - margin-right: 11rem !important; - } - - .sm\:mb-44 { - margin-bottom: 11rem !important; - } - - .sm\:ml-44 { - margin-left: 11rem !important; - } - - .sm\:mt-48 { - margin-top: 12rem !important; - } - - .sm\:mr-48 { - margin-right: 12rem !important; - } - - .sm\:mb-48 { - margin-bottom: 12rem !important; - } - - .sm\:ml-48 { - margin-left: 12rem !important; - } - - .sm\:mt-52 { - margin-top: 13rem !important; - } - - .sm\:mr-52 { - margin-right: 13rem !important; - } - - .sm\:mb-52 { - margin-bottom: 13rem !important; - } - - .sm\:ml-52 { - margin-left: 13rem !important; - } - - .sm\:mt-56 { - margin-top: 14rem !important; - } - - .sm\:mr-56 { - margin-right: 14rem !important; - } - - .sm\:mb-56 { - margin-bottom: 14rem !important; - } - - .sm\:ml-56 { - margin-left: 14rem !important; - } - - .sm\:mt-60 { - margin-top: 15rem !important; - } - - .sm\:mr-60 { - margin-right: 15rem !important; - } - - .sm\:mb-60 { - margin-bottom: 15rem !important; - } - - .sm\:ml-60 { - margin-left: 15rem !important; - } - - .sm\:mt-64 { - margin-top: 16rem !important; - } - - .sm\:mr-64 { - margin-right: 16rem !important; - } - - .sm\:mb-64 { - margin-bottom: 16rem !important; - } - - .sm\:ml-64 { - margin-left: 16rem !important; - } - - .sm\:mt-72 { - margin-top: 18rem !important; - } - - .sm\:mr-72 { - margin-right: 18rem !important; - } - - .sm\:mb-72 { - margin-bottom: 18rem !important; - } - - .sm\:ml-72 { - margin-left: 18rem !important; - } - - .sm\:mt-80 { - margin-top: 20rem !important; - } - - .sm\:mr-80 { - margin-right: 20rem !important; - } - - .sm\:mb-80 { - margin-bottom: 20rem !important; - } - - .sm\:ml-80 { - margin-left: 20rem !important; - } - - .sm\:mt-96 { - margin-top: 24rem !important; - } - - .sm\:mr-96 { - margin-right: 24rem !important; - } - - .sm\:mb-96 { - margin-bottom: 24rem !important; - } - - .sm\:ml-96 { - margin-left: 24rem !important; - } - - .sm\:mt-auto { - margin-top: auto !important; - } - - .sm\:mr-auto { - margin-right: auto !important; - } - - .sm\:mb-auto { - margin-bottom: auto !important; - } - - .sm\:ml-auto { - margin-left: auto !important; - } - - .sm\:mt-px { - margin-top: 1px !important; - } - - .sm\:mr-px { - margin-right: 1px !important; - } - - .sm\:mb-px { - margin-bottom: 1px !important; - } - - .sm\:ml-px { - margin-left: 1px !important; - } - - .sm\:mt-0\.5 { - margin-top: 0.125rem !important; - } - - .sm\:mr-0\.5 { - margin-right: 0.125rem !important; - } - - .sm\:mb-0\.5 { - margin-bottom: 0.125rem !important; - } - - .sm\:ml-0\.5 { - margin-left: 0.125rem !important; - } - - .sm\:mt-1\.5 { - margin-top: 0.375rem !important; - } - - .sm\:mr-1\.5 { - margin-right: 0.375rem !important; - } - - .sm\:mb-1\.5 { - margin-bottom: 0.375rem !important; - } - - .sm\:ml-1\.5 { - margin-left: 0.375rem !important; - } - - .sm\:mt-2\.5 { - margin-top: 0.625rem !important; - } - - .sm\:mr-2\.5 { - margin-right: 0.625rem !important; - } - - .sm\:mb-2\.5 { - margin-bottom: 0.625rem !important; - } - - .sm\:ml-2\.5 { - margin-left: 0.625rem !important; - } - - .sm\:mt-3\.5 { - margin-top: 0.875rem !important; - } - - .sm\:mr-3\.5 { - margin-right: 0.875rem !important; - } - - .sm\:mb-3\.5 { - margin-bottom: 0.875rem !important; - } - - .sm\:ml-3\.5 { - margin-left: 0.875rem !important; - } - - .sm\:-mt-1 { - margin-top: -0.25rem !important; - } - - .sm\:-mr-1 { - margin-right: -0.25rem !important; - } - - .sm\:-mb-1 { - margin-bottom: -0.25rem !important; - } - - .sm\:-ml-1 { - margin-left: -0.25rem !important; - } - - .sm\:-mt-2 { - margin-top: -0.5rem !important; - } - - .sm\:-mr-2 { - margin-right: -0.5rem !important; - } - - .sm\:-mb-2 { - margin-bottom: -0.5rem !important; - } - - .sm\:-ml-2 { - margin-left: -0.5rem !important; - } - - .sm\:-mt-3 { - margin-top: -0.75rem !important; - } - - .sm\:-mr-3 { - margin-right: -0.75rem !important; - } - - .sm\:-mb-3 { - margin-bottom: -0.75rem !important; - } - - .sm\:-ml-3 { - margin-left: -0.75rem !important; - } - - .sm\:-mt-4 { - margin-top: -1rem !important; - } - - .sm\:-mr-4 { - margin-right: -1rem !important; - } - - .sm\:-mb-4 { - margin-bottom: -1rem !important; - } - - .sm\:-ml-4 { - margin-left: -1rem !important; - } - - .sm\:-mt-5 { - margin-top: -1.25rem !important; - } - - .sm\:-mr-5 { - margin-right: -1.25rem !important; - } - - .sm\:-mb-5 { - margin-bottom: -1.25rem !important; - } - - .sm\:-ml-5 { - margin-left: -1.25rem !important; - } - - .sm\:-mt-6 { - margin-top: -1.5rem !important; - } - - .sm\:-mr-6 { - margin-right: -1.5rem !important; - } - - .sm\:-mb-6 { - margin-bottom: -1.5rem !important; - } - - .sm\:-ml-6 { - margin-left: -1.5rem !important; - } - - .sm\:-mt-7 { - margin-top: -1.75rem !important; - } - - .sm\:-mr-7 { - margin-right: -1.75rem !important; - } - - .sm\:-mb-7 { - margin-bottom: -1.75rem !important; - } - - .sm\:-ml-7 { - margin-left: -1.75rem !important; - } - - .sm\:-mt-8 { - margin-top: -2rem !important; - } - - .sm\:-mr-8 { - margin-right: -2rem !important; - } - - .sm\:-mb-8 { - margin-bottom: -2rem !important; - } - - .sm\:-ml-8 { - margin-left: -2rem !important; - } - - .sm\:-mt-9 { - margin-top: -2.25rem !important; - } - - .sm\:-mr-9 { - margin-right: -2.25rem !important; - } - - .sm\:-mb-9 { - margin-bottom: -2.25rem !important; - } - - .sm\:-ml-9 { - margin-left: -2.25rem !important; - } - - .sm\:-mt-10 { - margin-top: -2.5rem !important; - } - - .sm\:-mr-10 { - margin-right: -2.5rem !important; - } - - .sm\:-mb-10 { - margin-bottom: -2.5rem !important; - } - - .sm\:-ml-10 { - margin-left: -2.5rem !important; - } - - .sm\:-mt-12 { - margin-top: -3rem !important; - } - - .sm\:-mr-12 { - margin-right: -3rem !important; - } - - .sm\:-mb-12 { - margin-bottom: -3rem !important; - } - - .sm\:-ml-12 { - margin-left: -3rem !important; - } - - .sm\:-mt-14 { - margin-top: -3.5rem !important; - } - - .sm\:-mr-14 { - margin-right: -3.5rem !important; - } - - .sm\:-mb-14 { - margin-bottom: -3.5rem !important; - } - - .sm\:-ml-14 { - margin-left: -3.5rem !important; - } - - .sm\:-mt-16 { - margin-top: -4rem !important; - } - - .sm\:-mr-16 { - margin-right: -4rem !important; - } - - .sm\:-mb-16 { - margin-bottom: -4rem !important; - } - - .sm\:-ml-16 { - margin-left: -4rem !important; - } - - .sm\:-mt-20 { - margin-top: -5rem !important; - } - - .sm\:-mr-20 { - margin-right: -5rem !important; - } - - .sm\:-mb-20 { - margin-bottom: -5rem !important; - } - - .sm\:-ml-20 { - margin-left: -5rem !important; - } - - .sm\:-mt-24 { - margin-top: -6rem !important; - } - - .sm\:-mr-24 { - margin-right: -6rem !important; - } - - .sm\:-mb-24 { - margin-bottom: -6rem !important; - } - - .sm\:-ml-24 { - margin-left: -6rem !important; - } - - .sm\:-mt-28 { - margin-top: -7rem !important; - } - - .sm\:-mr-28 { - margin-right: -7rem !important; - } - - .sm\:-mb-28 { - margin-bottom: -7rem !important; - } - - .sm\:-ml-28 { - margin-left: -7rem !important; - } - - .sm\:-mt-32 { - margin-top: -8rem !important; - } - - .sm\:-mr-32 { - margin-right: -8rem !important; - } - - .sm\:-mb-32 { - margin-bottom: -8rem !important; - } - - .sm\:-ml-32 { - margin-left: -8rem !important; - } - - .sm\:-mt-36 { - margin-top: -9rem !important; - } - - .sm\:-mr-36 { - margin-right: -9rem !important; - } - - .sm\:-mb-36 { - margin-bottom: -9rem !important; - } - - .sm\:-ml-36 { - margin-left: -9rem !important; - } - - .sm\:-mt-40 { - margin-top: -10rem !important; - } - - .sm\:-mr-40 { - margin-right: -10rem !important; - } - - .sm\:-mb-40 { - margin-bottom: -10rem !important; - } - - .sm\:-ml-40 { - margin-left: -10rem !important; - } - - .sm\:-mt-44 { - margin-top: -11rem !important; - } - - .sm\:-mr-44 { - margin-right: -11rem !important; - } - - .sm\:-mb-44 { - margin-bottom: -11rem !important; - } - - .sm\:-ml-44 { - margin-left: -11rem !important; - } - - .sm\:-mt-48 { - margin-top: -12rem !important; - } - - .sm\:-mr-48 { - margin-right: -12rem !important; - } - - .sm\:-mb-48 { - margin-bottom: -12rem !important; - } - - .sm\:-ml-48 { - margin-left: -12rem !important; - } - - .sm\:-mt-52 { - margin-top: -13rem !important; - } - - .sm\:-mr-52 { - margin-right: -13rem !important; - } - - .sm\:-mb-52 { - margin-bottom: -13rem !important; - } - - .sm\:-ml-52 { - margin-left: -13rem !important; - } - - .sm\:-mt-56 { - margin-top: -14rem !important; - } - - .sm\:-mr-56 { - margin-right: -14rem !important; - } - - .sm\:-mb-56 { - margin-bottom: -14rem !important; - } - - .sm\:-ml-56 { - margin-left: -14rem !important; - } - - .sm\:-mt-60 { - margin-top: -15rem !important; - } - - .sm\:-mr-60 { - margin-right: -15rem !important; - } - - .sm\:-mb-60 { - margin-bottom: -15rem !important; - } - - .sm\:-ml-60 { - margin-left: -15rem !important; - } - - .sm\:-mt-64 { - margin-top: -16rem !important; - } - - .sm\:-mr-64 { - margin-right: -16rem !important; - } - - .sm\:-mb-64 { - margin-bottom: -16rem !important; - } - - .sm\:-ml-64 { - margin-left: -16rem !important; - } - - .sm\:-mt-72 { - margin-top: -18rem !important; - } - - .sm\:-mr-72 { - margin-right: -18rem !important; - } - - .sm\:-mb-72 { - margin-bottom: -18rem !important; - } - - .sm\:-ml-72 { - margin-left: -18rem !important; - } - - .sm\:-mt-80 { - margin-top: -20rem !important; - } - - .sm\:-mr-80 { - margin-right: -20rem !important; - } - - .sm\:-mb-80 { - margin-bottom: -20rem !important; - } - - .sm\:-ml-80 { - margin-left: -20rem !important; - } - - .sm\:-mt-96 { - margin-top: -24rem !important; - } - - .sm\:-mr-96 { - margin-right: -24rem !important; - } - - .sm\:-mb-96 { - margin-bottom: -24rem !important; - } - - .sm\:-ml-96 { - margin-left: -24rem !important; - } - - .sm\:-mt-px { - margin-top: -1px !important; - } - - .sm\:-mr-px { - margin-right: -1px !important; - } - - .sm\:-mb-px { - margin-bottom: -1px !important; - } - - .sm\:-ml-px { - margin-left: -1px !important; - } - - .sm\:-mt-0\.5 { - margin-top: -0.125rem !important; - } - - .sm\:-mr-0\.5 { - margin-right: -0.125rem !important; - } - - .sm\:-mb-0\.5 { - margin-bottom: -0.125rem !important; - } - - .sm\:-ml-0\.5 { - margin-left: -0.125rem !important; - } - - .sm\:-mt-1\.5 { - margin-top: -0.375rem !important; - } - - .sm\:-mr-1\.5 { - margin-right: -0.375rem !important; - } - - .sm\:-mb-1\.5 { - margin-bottom: -0.375rem !important; - } - - .sm\:-ml-1\.5 { - margin-left: -0.375rem !important; - } - - .sm\:-mt-2\.5 { - margin-top: -0.625rem !important; - } - - .sm\:-mr-2\.5 { - margin-right: -0.625rem !important; - } - - .sm\:-mb-2\.5 { - margin-bottom: -0.625rem !important; - } - - .sm\:-ml-2\.5 { - margin-left: -0.625rem !important; - } - - .sm\:-mt-3\.5 { - margin-top: -0.875rem !important; - } - - .sm\:-mr-3\.5 { - margin-right: -0.875rem !important; - } - - .sm\:-mb-3\.5 { - margin-bottom: -0.875rem !important; - } - - .sm\:-ml-3\.5 { - margin-left: -0.875rem !important; - } - - .sm\:max-h-0 { - max-height: 0 !important; - } - - .sm\:max-h-1 { - max-height: 0.25rem !important; - } - - .sm\:max-h-2 { - max-height: 0.5rem !important; - } - - .sm\:max-h-3 { - max-height: 0.75rem !important; - } - - .sm\:max-h-4 { - max-height: 1rem !important; - } - - .sm\:max-h-5 { - max-height: 1.25rem !important; - } - - .sm\:max-h-6 { - max-height: 1.5rem !important; - } - - .sm\:max-h-7 { - max-height: 1.75rem !important; - } - - .sm\:max-h-8 { - max-height: 2rem !important; - } - - .sm\:max-h-9 { - max-height: 2.25rem !important; - } - - .sm\:max-h-10 { - max-height: 2.5rem !important; - } - - .sm\:max-h-12 { - max-height: 3rem !important; - } - - .sm\:max-h-14 { - max-height: 3.5rem !important; - } - - .sm\:max-h-16 { - max-height: 4rem !important; - } - - .sm\:max-h-20 { - max-height: 5rem !important; - } - - .sm\:max-h-24 { - max-height: 6rem !important; - } - - .sm\:max-h-28 { - max-height: 7rem !important; - } - - .sm\:max-h-32 { - max-height: 8rem !important; - } - - .sm\:max-h-36 { - max-height: 9rem !important; - } - - .sm\:max-h-40 { - max-height: 10rem !important; - } - - .sm\:max-h-44 { - max-height: 11rem !important; - } - - .sm\:max-h-48 { - max-height: 12rem !important; - } - - .sm\:max-h-52 { - max-height: 13rem !important; - } - - .sm\:max-h-56 { - max-height: 14rem !important; - } - - .sm\:max-h-60 { - max-height: 15rem !important; - } - - .sm\:max-h-64 { - max-height: 16rem !important; - } - - .sm\:max-h-72 { - max-height: 18rem !important; - } - - .sm\:max-h-80 { - max-height: 20rem !important; - } - - .sm\:max-h-96 { - max-height: 24rem !important; - } - - .sm\:max-h-px { - max-height: 1px !important; - } - - .sm\:max-h-0\.5 { - max-height: 0.125rem !important; - } - - .sm\:max-h-1\.5 { - max-height: 0.375rem !important; - } - - .sm\:max-h-2\.5 { - max-height: 0.625rem !important; - } - - .sm\:max-h-3\.5 { - max-height: 0.875rem !important; - } - - .sm\:max-h-full { - max-height: 100% !important; - } - - .sm\:max-h-screen { - max-height: 100vh !important; - } - - .sm\:max-w-0 { - max-width: 0rem !important; - } - - .sm\:max-w-none { - max-width: none !important; - } - - .sm\:max-w-xs { - max-width: 20rem !important; - } - - .sm\:max-w-sm { - max-width: 24rem !important; - } - - .sm\:max-w-md { - max-width: 28rem !important; - } - - .sm\:max-w-lg { - max-width: 32rem !important; - } - - .sm\:max-w-xl { - max-width: 36rem !important; - } - - .sm\:max-w-2xl { - max-width: 42rem !important; - } - - .sm\:max-w-3xl { - max-width: 48rem !important; - } - - .sm\:max-w-4xl { - max-width: 56rem !important; - } - - .sm\:max-w-5xl { - max-width: 64rem !important; - } - - .sm\:max-w-6xl { - max-width: 72rem !important; - } - - .sm\:max-w-7xl { - max-width: 80rem !important; - } - - .sm\:max-w-full { - max-width: 100% !important; - } - - .sm\:max-w-min { - max-width: min-content !important; - } - - .sm\:max-w-max { - max-width: max-content !important; - } - - .sm\:max-w-screen-sm { - max-width: 640px !important; - } - - .sm\:max-w-screen-md { - max-width: 768px !important; - } - - .sm\:max-w-screen-lg { - max-width: 1024px !important; - } - - .sm\:max-w-screen-xl { - max-width: 1280px !important; - } - - .sm\:max-w-screen-2xl { - max-width: 1536px !important; - } - - .sm\:min-h-0 { - min-height: 0 !important; - } - - .sm\:min-h-full { - min-height: 100% !important; - } - - .sm\:min-h-screen { - min-height: 100vh !important; - } - - .sm\:min-w-0 { - min-width: 0 !important; - } - - .sm\:min-w-full { - min-width: 100% !important; - } - - .sm\:min-w-min { - min-width: min-content !important; - } - - .sm\:min-w-max { - min-width: max-content !important; - } - - .sm\:object-contain { - object-fit: contain !important; - } - - .sm\:object-cover { - object-fit: cover !important; - } - - .sm\:object-fill { - object-fit: fill !important; - } - - .sm\:object-none { - object-fit: none !important; - } - - .sm\:object-scale-down { - object-fit: scale-down !important; - } - - .sm\:object-bottom { - object-position: bottom !important; - } - - .sm\:object-center { - object-position: center !important; - } - - .sm\:object-left { - object-position: left !important; - } - - .sm\:object-left-bottom { - object-position: left bottom !important; - } - - .sm\:object-left-top { - object-position: left top !important; - } - - .sm\:object-right { - object-position: right !important; - } - - .sm\:object-right-bottom { - object-position: right bottom !important; - } - - .sm\:object-right-top { - object-position: right top !important; - } - - .sm\:object-top { - object-position: top !important; - } - - .sm\:opacity-0 { - opacity: 0 !important; - } - - .sm\:opacity-25 { - opacity: 0.25 !important; - } - - .sm\:opacity-50 { - opacity: 0.5 !important; - } - - .sm\:opacity-75 { - opacity: 0.75 !important; - } - - .sm\:opacity-100 { - opacity: 1 !important; - } - - .group:hover .sm\:group-hover\:opacity-0 { - opacity: 0 !important; - } - - .group:hover .sm\:group-hover\:opacity-25 { - opacity: 0.25 !important; - } - - .group:hover .sm\:group-hover\:opacity-50 { - opacity: 0.5 !important; - } - - .group:hover .sm\:group-hover\:opacity-75 { - opacity: 0.75 !important; - } - - .group:hover .sm\:group-hover\:opacity-100 { - opacity: 1 !important; - } - - .sm\:hover\:opacity-0:hover { - opacity: 0 !important; - } - - .sm\:hover\:opacity-25:hover { - opacity: 0.25 !important; - } - - .sm\:hover\:opacity-50:hover { - opacity: 0.5 !important; - } - - .sm\:hover\:opacity-75:hover { - opacity: 0.75 !important; - } - - .sm\:hover\:opacity-100:hover { - opacity: 1 !important; - } - - .sm\:focus\:opacity-0:focus { - opacity: 0 !important; - } - - .sm\:focus\:opacity-25:focus { - opacity: 0.25 !important; - } - - .sm\:focus\:opacity-50:focus { - opacity: 0.5 !important; - } - - .sm\:focus\:opacity-75:focus { - opacity: 0.75 !important; - } - - .sm\:focus\:opacity-100:focus { - opacity: 1 !important; - } - - .sm\:outline-none { - outline: 2px solid transparent !important; - outline-offset: 2px !important; - } - - .sm\:outline-white { - outline: 2px dotted white !important; - outline-offset: 2px !important; - } - - .sm\:outline-black { - outline: 2px dotted black !important; - outline-offset: 2px !important; - } - - .sm\:focus\:outline-none:focus { - outline: 2px solid transparent !important; - outline-offset: 2px !important; - } - - .sm\:focus\:outline-white:focus { - outline: 2px dotted white !important; - outline-offset: 2px !important; - } - - .sm\:focus\:outline-black:focus { - outline: 2px dotted black !important; - outline-offset: 2px !important; - } - - .sm\:overflow-auto { - overflow: auto !important; - } - - .sm\:overflow-hidden { - overflow: hidden !important; - } - - .sm\:overflow-visible { - overflow: visible !important; - } - - .sm\:overflow-scroll { - overflow: scroll !important; - } - - .sm\:overflow-x-auto { - overflow-x: auto !important; - } - - .sm\:overflow-y-auto { - overflow-y: auto !important; - } - - .sm\:overflow-x-hidden { - overflow-x: hidden !important; - } - - .sm\:overflow-y-hidden { - overflow-y: hidden !important; - } - - .sm\:overflow-x-visible { - overflow-x: visible !important; - } - - .sm\:overflow-y-visible { - overflow-y: visible !important; - } - - .sm\:overflow-x-scroll { - overflow-x: scroll !important; - } - - .sm\:overflow-y-scroll { - overflow-y: scroll !important; - } - - .sm\:overscroll-auto { - overscroll-behavior: auto !important; - } - - .sm\:overscroll-contain { - overscroll-behavior: contain !important; - } - - .sm\:overscroll-none { - overscroll-behavior: none !important; - } - - .sm\:overscroll-y-auto { - overscroll-behavior-y: auto !important; - } - - .sm\:overscroll-y-contain { - overscroll-behavior-y: contain !important; - } - - .sm\:overscroll-y-none { - overscroll-behavior-y: none !important; - } - - .sm\:overscroll-x-auto { - overscroll-behavior-x: auto !important; - } - - .sm\:overscroll-x-contain { - overscroll-behavior-x: contain !important; - } - - .sm\:overscroll-x-none { - overscroll-behavior-x: none !important; - } - - .sm\:p-0 { - padding: 0 !important; - } - - .sm\:p-1 { - padding: 0.25rem !important; - } - - .sm\:p-2 { - padding: 0.5rem !important; - } - - .sm\:p-3 { - padding: 0.75rem !important; - } - - .sm\:p-4 { - padding: 1rem !important; - } - - .sm\:p-5 { - padding: 1.25rem !important; - } - - .sm\:p-6 { - padding: 1.5rem !important; - } - - .sm\:p-7 { - padding: 1.75rem !important; - } - - .sm\:p-8 { - padding: 2rem !important; - } - - .sm\:p-9 { - padding: 2.25rem !important; - } - - .sm\:p-10 { - padding: 2.5rem !important; - } - - .sm\:p-12 { - padding: 3rem !important; - } - - .sm\:p-14 { - padding: 3.5rem !important; - } - - .sm\:p-16 { - padding: 4rem !important; - } - - .sm\:p-20 { - padding: 5rem !important; - } - - .sm\:p-24 { - padding: 6rem !important; - } - - .sm\:p-28 { - padding: 7rem !important; - } - - .sm\:p-32 { - padding: 8rem !important; - } - - .sm\:p-36 { - padding: 9rem !important; - } - - .sm\:p-40 { - padding: 10rem !important; - } - - .sm\:p-44 { - padding: 11rem !important; - } - - .sm\:p-48 { - padding: 12rem !important; - } - - .sm\:p-52 { - padding: 13rem !important; - } - - .sm\:p-56 { - padding: 14rem !important; - } - - .sm\:p-60 { - padding: 15rem !important; - } - - .sm\:p-64 { - padding: 16rem !important; - } - - .sm\:p-72 { - padding: 18rem !important; - } - - .sm\:p-80 { - padding: 20rem !important; - } - - .sm\:p-96 { - padding: 24rem !important; - } - - .sm\:p-px { - padding: 1px !important; - } - - .sm\:p-0\.5 { - padding: 0.125rem !important; - } - - .sm\:p-1\.5 { - padding: 0.375rem !important; - } - - .sm\:p-2\.5 { - padding: 0.625rem !important; - } - - .sm\:p-3\.5 { - padding: 0.875rem !important; - } - - .sm\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .sm\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; - } - - .sm\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .sm\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; - } - - .sm\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .sm\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; - } - - .sm\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; - } - - .sm\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; - } - - .sm\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .sm\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; - } - - .sm\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; - } - - .sm\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; - } - - .sm\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .sm\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .sm\:py-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; - } - - .sm\:px-7 { - padding-left: 1.75rem !important; - padding-right: 1.75rem !important; - } - - .sm\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - - .sm\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .sm\:py-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; - } - - .sm\:px-9 { - padding-left: 2.25rem !important; - padding-right: 2.25rem !important; - } - - .sm\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; - } - - .sm\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; - } - - .sm\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .sm\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .sm\:py-14 { - padding-top: 3.5rem !important; - padding-bottom: 3.5rem !important; - } - - .sm\:px-14 { - padding-left: 3.5rem !important; - padding-right: 3.5rem !important; - } - - .sm\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .sm\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .sm\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; - } - - .sm\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; - } - - .sm\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; - } - - .sm\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; - } - - .sm\:py-28 { - padding-top: 7rem !important; - padding-bottom: 7rem !important; - } - - .sm\:px-28 { - padding-left: 7rem !important; - padding-right: 7rem !important; - } - - .sm\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; - } - - .sm\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; - } - - .sm\:py-36 { - padding-top: 9rem !important; - padding-bottom: 9rem !important; - } - - .sm\:px-36 { - padding-left: 9rem !important; - padding-right: 9rem !important; - } - - .sm\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; - } - - .sm\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; - } - - .sm\:py-44 { - padding-top: 11rem !important; - padding-bottom: 11rem !important; - } - - .sm\:px-44 { - padding-left: 11rem !important; - padding-right: 11rem !important; - } - - .sm\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; - } - - .sm\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; - } - - .sm\:py-52 { - padding-top: 13rem !important; - padding-bottom: 13rem !important; - } - - .sm\:px-52 { - padding-left: 13rem !important; - padding-right: 13rem !important; - } - - .sm\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; - } - - .sm\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; - } - - .sm\:py-60 { - padding-top: 15rem !important; - padding-bottom: 15rem !important; - } - - .sm\:px-60 { - padding-left: 15rem !important; - padding-right: 15rem !important; - } - - .sm\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; - } - - .sm\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; - } - - .sm\:py-72 { - padding-top: 18rem !important; - padding-bottom: 18rem !important; - } - - .sm\:px-72 { - padding-left: 18rem !important; - padding-right: 18rem !important; - } - - .sm\:py-80 { - padding-top: 20rem !important; - padding-bottom: 20rem !important; - } - - .sm\:px-80 { - padding-left: 20rem !important; - padding-right: 20rem !important; - } - - .sm\:py-96 { - padding-top: 24rem !important; - padding-bottom: 24rem !important; - } - - .sm\:px-96 { - padding-left: 24rem !important; - padding-right: 24rem !important; - } - - .sm\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - - .sm\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; - } - - .sm\:py-0\.5 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; - } - - .sm\:px-0\.5 { - padding-left: 0.125rem !important; - padding-right: 0.125rem !important; - } - - .sm\:py-1\.5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; - } - - .sm\:px-1\.5 { - padding-left: 0.375rem !important; - padding-right: 0.375rem !important; - } - - .sm\:py-2\.5 { - padding-top: 0.625rem !important; - padding-bottom: 0.625rem !important; - } - - .sm\:px-2\.5 { - padding-left: 0.625rem !important; - padding-right: 0.625rem !important; - } - - .sm\:py-3\.5 { - padding-top: 0.875rem !important; - padding-bottom: 0.875rem !important; - } - - .sm\:px-3\.5 { - padding-left: 0.875rem !important; - padding-right: 0.875rem !important; - } - - .sm\:pt-0 { - padding-top: 0 !important; - } - - .sm\:pr-0 { - padding-right: 0 !important; - } - - .sm\:pb-0 { - padding-bottom: 0 !important; - } - - .sm\:pl-0 { - padding-left: 0 !important; - } - - .sm\:pt-1 { - padding-top: 0.25rem !important; - } - - .sm\:pr-1 { - padding-right: 0.25rem !important; - } - - .sm\:pb-1 { - padding-bottom: 0.25rem !important; - } - - .sm\:pl-1 { - padding-left: 0.25rem !important; - } - - .sm\:pt-2 { - padding-top: 0.5rem !important; - } - - .sm\:pr-2 { - padding-right: 0.5rem !important; - } - - .sm\:pb-2 { - padding-bottom: 0.5rem !important; - } - - .sm\:pl-2 { - padding-left: 0.5rem !important; - } - - .sm\:pt-3 { - padding-top: 0.75rem !important; - } - - .sm\:pr-3 { - padding-right: 0.75rem !important; - } - - .sm\:pb-3 { - padding-bottom: 0.75rem !important; - } - - .sm\:pl-3 { - padding-left: 0.75rem !important; - } - - .sm\:pt-4 { - padding-top: 1rem !important; - } - - .sm\:pr-4 { - padding-right: 1rem !important; - } - - .sm\:pb-4 { - padding-bottom: 1rem !important; - } - - .sm\:pl-4 { - padding-left: 1rem !important; - } - - .sm\:pt-5 { - padding-top: 1.25rem !important; - } - - .sm\:pr-5 { - padding-right: 1.25rem !important; - } - - .sm\:pb-5 { - padding-bottom: 1.25rem !important; - } - - .sm\:pl-5 { - padding-left: 1.25rem !important; - } - - .sm\:pt-6 { - padding-top: 1.5rem !important; - } - - .sm\:pr-6 { - padding-right: 1.5rem !important; - } - - .sm\:pb-6 { - padding-bottom: 1.5rem !important; - } - - .sm\:pl-6 { - padding-left: 1.5rem !important; - } - - .sm\:pt-7 { - padding-top: 1.75rem !important; - } - - .sm\:pr-7 { - padding-right: 1.75rem !important; - } - - .sm\:pb-7 { - padding-bottom: 1.75rem !important; - } - - .sm\:pl-7 { - padding-left: 1.75rem !important; - } - - .sm\:pt-8 { - padding-top: 2rem !important; - } - - .sm\:pr-8 { - padding-right: 2rem !important; - } - - .sm\:pb-8 { - padding-bottom: 2rem !important; - } - - .sm\:pl-8 { - padding-left: 2rem !important; - } - - .sm\:pt-9 { - padding-top: 2.25rem !important; - } - - .sm\:pr-9 { - padding-right: 2.25rem !important; - } - - .sm\:pb-9 { - padding-bottom: 2.25rem !important; - } - - .sm\:pl-9 { - padding-left: 2.25rem !important; - } - - .sm\:pt-10 { - padding-top: 2.5rem !important; - } - - .sm\:pr-10 { - padding-right: 2.5rem !important; - } - - .sm\:pb-10 { - padding-bottom: 2.5rem !important; - } - - .sm\:pl-10 { - padding-left: 2.5rem !important; - } - - .sm\:pt-12 { - padding-top: 3rem !important; - } - - .sm\:pr-12 { - padding-right: 3rem !important; - } - - .sm\:pb-12 { - padding-bottom: 3rem !important; - } - - .sm\:pl-12 { - padding-left: 3rem !important; - } - - .sm\:pt-14 { - padding-top: 3.5rem !important; - } - - .sm\:pr-14 { - padding-right: 3.5rem !important; - } - - .sm\:pb-14 { - padding-bottom: 3.5rem !important; - } - - .sm\:pl-14 { - padding-left: 3.5rem !important; - } - - .sm\:pt-16 { - padding-top: 4rem !important; - } - - .sm\:pr-16 { - padding-right: 4rem !important; - } - - .sm\:pb-16 { - padding-bottom: 4rem !important; - } - - .sm\:pl-16 { - padding-left: 4rem !important; - } - - .sm\:pt-20 { - padding-top: 5rem !important; - } - - .sm\:pr-20 { - padding-right: 5rem !important; - } - - .sm\:pb-20 { - padding-bottom: 5rem !important; - } - - .sm\:pl-20 { - padding-left: 5rem !important; - } - - .sm\:pt-24 { - padding-top: 6rem !important; - } - - .sm\:pr-24 { - padding-right: 6rem !important; - } - - .sm\:pb-24 { - padding-bottom: 6rem !important; - } - - .sm\:pl-24 { - padding-left: 6rem !important; - } - - .sm\:pt-28 { - padding-top: 7rem !important; - } - - .sm\:pr-28 { - padding-right: 7rem !important; - } - - .sm\:pb-28 { - padding-bottom: 7rem !important; - } - - .sm\:pl-28 { - padding-left: 7rem !important; - } - - .sm\:pt-32 { - padding-top: 8rem !important; - } - - .sm\:pr-32 { - padding-right: 8rem !important; - } - - .sm\:pb-32 { - padding-bottom: 8rem !important; - } - - .sm\:pl-32 { - padding-left: 8rem !important; - } - - .sm\:pt-36 { - padding-top: 9rem !important; - } - - .sm\:pr-36 { - padding-right: 9rem !important; - } - - .sm\:pb-36 { - padding-bottom: 9rem !important; - } - - .sm\:pl-36 { - padding-left: 9rem !important; - } - - .sm\:pt-40 { - padding-top: 10rem !important; - } - - .sm\:pr-40 { - padding-right: 10rem !important; - } - - .sm\:pb-40 { - padding-bottom: 10rem !important; - } - - .sm\:pl-40 { - padding-left: 10rem !important; - } - - .sm\:pt-44 { - padding-top: 11rem !important; - } - - .sm\:pr-44 { - padding-right: 11rem !important; - } - - .sm\:pb-44 { - padding-bottom: 11rem !important; - } - - .sm\:pl-44 { - padding-left: 11rem !important; - } - - .sm\:pt-48 { - padding-top: 12rem !important; - } - - .sm\:pr-48 { - padding-right: 12rem !important; - } - - .sm\:pb-48 { - padding-bottom: 12rem !important; - } - - .sm\:pl-48 { - padding-left: 12rem !important; - } - - .sm\:pt-52 { - padding-top: 13rem !important; - } - - .sm\:pr-52 { - padding-right: 13rem !important; - } - - .sm\:pb-52 { - padding-bottom: 13rem !important; - } - - .sm\:pl-52 { - padding-left: 13rem !important; - } - - .sm\:pt-56 { - padding-top: 14rem !important; - } - - .sm\:pr-56 { - padding-right: 14rem !important; - } - - .sm\:pb-56 { - padding-bottom: 14rem !important; - } - - .sm\:pl-56 { - padding-left: 14rem !important; - } - - .sm\:pt-60 { - padding-top: 15rem !important; - } - - .sm\:pr-60 { - padding-right: 15rem !important; - } - - .sm\:pb-60 { - padding-bottom: 15rem !important; - } - - .sm\:pl-60 { - padding-left: 15rem !important; - } - - .sm\:pt-64 { - padding-top: 16rem !important; - } - - .sm\:pr-64 { - padding-right: 16rem !important; - } - - .sm\:pb-64 { - padding-bottom: 16rem !important; - } - - .sm\:pl-64 { - padding-left: 16rem !important; - } - - .sm\:pt-72 { - padding-top: 18rem !important; - } - - .sm\:pr-72 { - padding-right: 18rem !important; - } - - .sm\:pb-72 { - padding-bottom: 18rem !important; - } - - .sm\:pl-72 { - padding-left: 18rem !important; - } - - .sm\:pt-80 { - padding-top: 20rem !important; - } - - .sm\:pr-80 { - padding-right: 20rem !important; - } - - .sm\:pb-80 { - padding-bottom: 20rem !important; - } - - .sm\:pl-80 { - padding-left: 20rem !important; - } - - .sm\:pt-96 { - padding-top: 24rem !important; - } - - .sm\:pr-96 { - padding-right: 24rem !important; - } - - .sm\:pb-96 { - padding-bottom: 24rem !important; - } - - .sm\:pl-96 { - padding-left: 24rem !important; - } - - .sm\:pt-px { - padding-top: 1px !important; - } - - .sm\:pr-px { - padding-right: 1px !important; - } - - .sm\:pb-px { - padding-bottom: 1px !important; - } - - .sm\:pl-px { - padding-left: 1px !important; - } - - .sm\:pt-0\.5 { - padding-top: 0.125rem !important; - } - - .sm\:pr-0\.5 { - padding-right: 0.125rem !important; - } - - .sm\:pb-0\.5 { - padding-bottom: 0.125rem !important; - } - - .sm\:pl-0\.5 { - padding-left: 0.125rem !important; - } - - .sm\:pt-1\.5 { - padding-top: 0.375rem !important; - } - - .sm\:pr-1\.5 { - padding-right: 0.375rem !important; - } - - .sm\:pb-1\.5 { - padding-bottom: 0.375rem !important; - } - - .sm\:pl-1\.5 { - padding-left: 0.375rem !important; - } - - .sm\:pt-2\.5 { - padding-top: 0.625rem !important; - } - - .sm\:pr-2\.5 { - padding-right: 0.625rem !important; - } - - .sm\:pb-2\.5 { - padding-bottom: 0.625rem !important; - } - - .sm\:pl-2\.5 { - padding-left: 0.625rem !important; - } - - .sm\:pt-3\.5 { - padding-top: 0.875rem !important; - } - - .sm\:pr-3\.5 { - padding-right: 0.875rem !important; - } - - .sm\:pb-3\.5 { - padding-bottom: 0.875rem !important; - } - - .sm\:pl-3\.5 { - padding-left: 0.875rem !important; - } - - .sm\:placeholder-transparent::placeholder { - color: transparent !important; - } - - .sm\:placeholder-current::placeholder { - color: currentColor !important; - } - - .sm\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .sm\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } - - .sm\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } - - .sm\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .sm\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:placeholder-transparent::placeholder { - color: transparent !important; - } - - .sm\:dark\:placeholder-current::placeholder { - color: currentColor !important; - } - - .sm\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } - - .sm\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } - - .sm\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - } - - .sm\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0 !important; - } - - .sm\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25 !important; - } - - .sm\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5 !important; - } - - .sm\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75 !important; - } - - .sm\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1 !important; - } - - .sm\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0 !important; - } - - .sm\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25 !important; - } - - .sm\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5 !important; - } - - .sm\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75 !important; - } - - .sm\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1 !important; - } - - .sm\:pointer-events-none { - pointer-events: none !important; - } - - .sm\:pointer-events-auto { - pointer-events: auto !important; - } - - .sm\:static { - position: static !important; - } - - .sm\:fixed { - position: fixed !important; - } - - .sm\:absolute { - position: absolute !important; - } - - .sm\:relative { - position: relative !important; - } - - .sm\:sticky { - position: sticky !important; - } - - .sm\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - } - - .sm\:inset-1 { - top: 0.25rem !important; - right: 0.25rem !important; - bottom: 0.25rem !important; - left: 0.25rem !important; - } - - .sm\:inset-2 { - top: 0.5rem !important; - right: 0.5rem !important; - bottom: 0.5rem !important; - left: 0.5rem !important; - } - - .sm\:inset-3 { - top: 0.75rem !important; - right: 0.75rem !important; - bottom: 0.75rem !important; - left: 0.75rem !important; - } - - .sm\:inset-4 { - top: 1rem !important; - right: 1rem !important; - bottom: 1rem !important; - left: 1rem !important; - } - - .sm\:inset-5 { - top: 1.25rem !important; - right: 1.25rem !important; - bottom: 1.25rem !important; - left: 1.25rem !important; - } - - .sm\:inset-6 { - top: 1.5rem !important; - right: 1.5rem !important; - bottom: 1.5rem !important; - left: 1.5rem !important; - } - - .sm\:inset-7 { - top: 1.75rem !important; - right: 1.75rem !important; - bottom: 1.75rem !important; - left: 1.75rem !important; - } - - .sm\:inset-8 { - top: 2rem !important; - right: 2rem !important; - bottom: 2rem !important; - left: 2rem !important; - } - - .sm\:inset-9 { - top: 2.25rem !important; - right: 2.25rem !important; - bottom: 2.25rem !important; - left: 2.25rem !important; - } - - .sm\:inset-10 { - top: 2.5rem !important; - right: 2.5rem !important; - bottom: 2.5rem !important; - left: 2.5rem !important; - } - - .sm\:inset-12 { - top: 3rem !important; - right: 3rem !important; - bottom: 3rem !important; - left: 3rem !important; - } - - .sm\:inset-14 { - top: 3.5rem !important; - right: 3.5rem !important; - bottom: 3.5rem !important; - left: 3.5rem !important; - } - - .sm\:inset-16 { - top: 4rem !important; - right: 4rem !important; - bottom: 4rem !important; - left: 4rem !important; - } - - .sm\:inset-20 { - top: 5rem !important; - right: 5rem !important; - bottom: 5rem !important; - left: 5rem !important; - } - - .sm\:inset-24 { - top: 6rem !important; - right: 6rem !important; - bottom: 6rem !important; - left: 6rem !important; - } - - .sm\:inset-28 { - top: 7rem !important; - right: 7rem !important; - bottom: 7rem !important; - left: 7rem !important; - } - - .sm\:inset-32 { - top: 8rem !important; - right: 8rem !important; - bottom: 8rem !important; - left: 8rem !important; - } - - .sm\:inset-36 { - top: 9rem !important; - right: 9rem !important; - bottom: 9rem !important; - left: 9rem !important; - } - - .sm\:inset-40 { - top: 10rem !important; - right: 10rem !important; - bottom: 10rem !important; - left: 10rem !important; - } - - .sm\:inset-44 { - top: 11rem !important; - right: 11rem !important; - bottom: 11rem !important; - left: 11rem !important; - } - - .sm\:inset-48 { - top: 12rem !important; - right: 12rem !important; - bottom: 12rem !important; - left: 12rem !important; - } - - .sm\:inset-52 { - top: 13rem !important; - right: 13rem !important; - bottom: 13rem !important; - left: 13rem !important; - } - - .sm\:inset-56 { - top: 14rem !important; - right: 14rem !important; - bottom: 14rem !important; - left: 14rem !important; - } - - .sm\:inset-60 { - top: 15rem !important; - right: 15rem !important; - bottom: 15rem !important; - left: 15rem !important; - } - - .sm\:inset-64 { - top: 16rem !important; - right: 16rem !important; - bottom: 16rem !important; - left: 16rem !important; - } - - .sm\:inset-72 { - top: 18rem !important; - right: 18rem !important; - bottom: 18rem !important; - left: 18rem !important; - } - - .sm\:inset-80 { - top: 20rem !important; - right: 20rem !important; - bottom: 20rem !important; - left: 20rem !important; - } - - .sm\:inset-96 { - top: 24rem !important; - right: 24rem !important; - bottom: 24rem !important; - left: 24rem !important; - } - - .sm\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; - } - - .sm\:inset-px { - top: 1px !important; - right: 1px !important; - bottom: 1px !important; - left: 1px !important; - } - - .sm\:inset-0\.5 { - top: 0.125rem !important; - right: 0.125rem !important; - bottom: 0.125rem !important; - left: 0.125rem !important; - } - - .sm\:inset-1\.5 { - top: 0.375rem !important; - right: 0.375rem !important; - bottom: 0.375rem !important; - left: 0.375rem !important; - } - - .sm\:inset-2\.5 { - top: 0.625rem !important; - right: 0.625rem !important; - bottom: 0.625rem !important; - left: 0.625rem !important; - } - - .sm\:inset-3\.5 { - top: 0.875rem !important; - right: 0.875rem !important; - bottom: 0.875rem !important; - left: 0.875rem !important; - } - - .sm\:-inset-1 { - top: -0.25rem !important; - right: -0.25rem !important; - bottom: -0.25rem !important; - left: -0.25rem !important; - } - - .sm\:-inset-2 { - top: -0.5rem !important; - right: -0.5rem !important; - bottom: -0.5rem !important; - left: -0.5rem !important; - } - - .sm\:-inset-3 { - top: -0.75rem !important; - right: -0.75rem !important; - bottom: -0.75rem !important; - left: -0.75rem !important; - } - - .sm\:-inset-4 { - top: -1rem !important; - right: -1rem !important; - bottom: -1rem !important; - left: -1rem !important; - } - - .sm\:-inset-5 { - top: -1.25rem !important; - right: -1.25rem !important; - bottom: -1.25rem !important; - left: -1.25rem !important; - } - - .sm\:-inset-6 { - top: -1.5rem !important; - right: -1.5rem !important; - bottom: -1.5rem !important; - left: -1.5rem !important; - } - - .sm\:-inset-7 { - top: -1.75rem !important; - right: -1.75rem !important; - bottom: -1.75rem !important; - left: -1.75rem !important; - } - - .sm\:-inset-8 { - top: -2rem !important; - right: -2rem !important; - bottom: -2rem !important; - left: -2rem !important; - } - - .sm\:-inset-9 { - top: -2.25rem !important; - right: -2.25rem !important; - bottom: -2.25rem !important; - left: -2.25rem !important; - } - - .sm\:-inset-10 { - top: -2.5rem !important; - right: -2.5rem !important; - bottom: -2.5rem !important; - left: -2.5rem !important; - } - - .sm\:-inset-12 { - top: -3rem !important; - right: -3rem !important; - bottom: -3rem !important; - left: -3rem !important; - } - - .sm\:-inset-14 { - top: -3.5rem !important; - right: -3.5rem !important; - bottom: -3.5rem !important; - left: -3.5rem !important; - } - - .sm\:-inset-16 { - top: -4rem !important; - right: -4rem !important; - bottom: -4rem !important; - left: -4rem !important; - } - - .sm\:-inset-20 { - top: -5rem !important; - right: -5rem !important; - bottom: -5rem !important; - left: -5rem !important; - } - - .sm\:-inset-24 { - top: -6rem !important; - right: -6rem !important; - bottom: -6rem !important; - left: -6rem !important; - } - - .sm\:-inset-28 { - top: -7rem !important; - right: -7rem !important; - bottom: -7rem !important; - left: -7rem !important; - } - - .sm\:-inset-32 { - top: -8rem !important; - right: -8rem !important; - bottom: -8rem !important; - left: -8rem !important; - } - - .sm\:-inset-36 { - top: -9rem !important; - right: -9rem !important; - bottom: -9rem !important; - left: -9rem !important; - } - - .sm\:-inset-40 { - top: -10rem !important; - right: -10rem !important; - bottom: -10rem !important; - left: -10rem !important; - } - - .sm\:-inset-44 { - top: -11rem !important; - right: -11rem !important; - bottom: -11rem !important; - left: -11rem !important; - } - - .sm\:-inset-48 { - top: -12rem !important; - right: -12rem !important; - bottom: -12rem !important; - left: -12rem !important; - } - - .sm\:-inset-52 { - top: -13rem !important; - right: -13rem !important; - bottom: -13rem !important; - left: -13rem !important; - } - - .sm\:-inset-56 { - top: -14rem !important; - right: -14rem !important; - bottom: -14rem !important; - left: -14rem !important; - } - - .sm\:-inset-60 { - top: -15rem !important; - right: -15rem !important; - bottom: -15rem !important; - left: -15rem !important; - } - - .sm\:-inset-64 { - top: -16rem !important; - right: -16rem !important; - bottom: -16rem !important; - left: -16rem !important; - } - - .sm\:-inset-72 { - top: -18rem !important; - right: -18rem !important; - bottom: -18rem !important; - left: -18rem !important; - } - - .sm\:-inset-80 { - top: -20rem !important; - right: -20rem !important; - bottom: -20rem !important; - left: -20rem !important; - } - - .sm\:-inset-96 { - top: -24rem !important; - right: -24rem !important; - bottom: -24rem !important; - left: -24rem !important; - } - - .sm\:-inset-px { - top: -1px !important; - right: -1px !important; - bottom: -1px !important; - left: -1px !important; - } - - .sm\:-inset-0\.5 { - top: -0.125rem !important; - right: -0.125rem !important; - bottom: -0.125rem !important; - left: -0.125rem !important; - } - - .sm\:-inset-1\.5 { - top: -0.375rem !important; - right: -0.375rem !important; - bottom: -0.375rem !important; - left: -0.375rem !important; - } - - .sm\:-inset-2\.5 { - top: -0.625rem !important; - right: -0.625rem !important; - bottom: -0.625rem !important; - left: -0.625rem !important; - } - - .sm\:-inset-3\.5 { - top: -0.875rem !important; - right: -0.875rem !important; - bottom: -0.875rem !important; - left: -0.875rem !important; - } - - .sm\:inset-1\/2 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; - } - - .sm\:inset-1\/3 { - top: 33.333333% !important; - right: 33.333333% !important; - bottom: 33.333333% !important; - left: 33.333333% !important; - } - - .sm\:inset-2\/3 { - top: 66.666667% !important; - right: 66.666667% !important; - bottom: 66.666667% !important; - left: 66.666667% !important; - } - - .sm\:inset-1\/4 { - top: 25% !important; - right: 25% !important; - bottom: 25% !important; - left: 25% !important; - } - - .sm\:inset-2\/4 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; - } - - .sm\:inset-3\/4 { - top: 75% !important; - right: 75% !important; - bottom: 75% !important; - left: 75% !important; - } - - .sm\:inset-full { - top: 100% !important; - right: 100% !important; - bottom: 100% !important; - left: 100% !important; - } - - .sm\:-inset-1\/2 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; - } - - .sm\:-inset-1\/3 { - top: -33.333333% !important; - right: -33.333333% !important; - bottom: -33.333333% !important; - left: -33.333333% !important; - } - - .sm\:-inset-2\/3 { - top: -66.666667% !important; - right: -66.666667% !important; - bottom: -66.666667% !important; - left: -66.666667% !important; - } - - .sm\:-inset-1\/4 { - top: -25% !important; - right: -25% !important; - bottom: -25% !important; - left: -25% !important; - } - - .sm\:-inset-2\/4 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; - } - - .sm\:-inset-3\/4 { - top: -75% !important; - right: -75% !important; - bottom: -75% !important; - left: -75% !important; - } - - .sm\:-inset-full { - top: -100% !important; - right: -100% !important; - bottom: -100% !important; - left: -100% !important; - } - - .sm\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; - } - - .sm\:inset-x-0 { - right: 0 !important; - left: 0 !important; - } - - .sm\:inset-y-1 { - top: 0.25rem !important; - bottom: 0.25rem !important; - } - - .sm\:inset-x-1 { - right: 0.25rem !important; - left: 0.25rem !important; - } - - .sm\:inset-y-2 { - top: 0.5rem !important; - bottom: 0.5rem !important; - } - - .sm\:inset-x-2 { - right: 0.5rem !important; - left: 0.5rem !important; - } - - .sm\:inset-y-3 { - top: 0.75rem !important; - bottom: 0.75rem !important; - } - - .sm\:inset-x-3 { - right: 0.75rem !important; - left: 0.75rem !important; - } - - .sm\:inset-y-4 { - top: 1rem !important; - bottom: 1rem !important; - } - - .sm\:inset-x-4 { - right: 1rem !important; - left: 1rem !important; - } - - .sm\:inset-y-5 { - top: 1.25rem !important; - bottom: 1.25rem !important; - } - - .sm\:inset-x-5 { - right: 1.25rem !important; - left: 1.25rem !important; - } - - .sm\:inset-y-6 { - top: 1.5rem !important; - bottom: 1.5rem !important; - } - - .sm\:inset-x-6 { - right: 1.5rem !important; - left: 1.5rem !important; - } - - .sm\:inset-y-7 { - top: 1.75rem !important; - bottom: 1.75rem !important; - } - - .sm\:inset-x-7 { - right: 1.75rem !important; - left: 1.75rem !important; - } - - .sm\:inset-y-8 { - top: 2rem !important; - bottom: 2rem !important; - } - - .sm\:inset-x-8 { - right: 2rem !important; - left: 2rem !important; - } - - .sm\:inset-y-9 { - top: 2.25rem !important; - bottom: 2.25rem !important; - } - - .sm\:inset-x-9 { - right: 2.25rem !important; - left: 2.25rem !important; - } - - .sm\:inset-y-10 { - top: 2.5rem !important; - bottom: 2.5rem !important; - } - - .sm\:inset-x-10 { - right: 2.5rem !important; - left: 2.5rem !important; - } - - .sm\:inset-y-12 { - top: 3rem !important; - bottom: 3rem !important; - } - - .sm\:inset-x-12 { - right: 3rem !important; - left: 3rem !important; - } - - .sm\:inset-y-14 { - top: 3.5rem !important; - bottom: 3.5rem !important; - } - - .sm\:inset-x-14 { - right: 3.5rem !important; - left: 3.5rem !important; - } - - .sm\:inset-y-16 { - top: 4rem !important; - bottom: 4rem !important; - } - - .sm\:inset-x-16 { - right: 4rem !important; - left: 4rem !important; - } - - .sm\:inset-y-20 { - top: 5rem !important; - bottom: 5rem !important; - } - - .sm\:inset-x-20 { - right: 5rem !important; - left: 5rem !important; - } - - .sm\:inset-y-24 { - top: 6rem !important; - bottom: 6rem !important; - } - - .sm\:inset-x-24 { - right: 6rem !important; - left: 6rem !important; - } - - .sm\:inset-y-28 { - top: 7rem !important; - bottom: 7rem !important; - } - - .sm\:inset-x-28 { - right: 7rem !important; - left: 7rem !important; - } - - .sm\:inset-y-32 { - top: 8rem !important; - bottom: 8rem !important; - } - - .sm\:inset-x-32 { - right: 8rem !important; - left: 8rem !important; - } - - .sm\:inset-y-36 { - top: 9rem !important; - bottom: 9rem !important; - } - - .sm\:inset-x-36 { - right: 9rem !important; - left: 9rem !important; - } - - .sm\:inset-y-40 { - top: 10rem !important; - bottom: 10rem !important; - } - - .sm\:inset-x-40 { - right: 10rem !important; - left: 10rem !important; - } - - .sm\:inset-y-44 { - top: 11rem !important; - bottom: 11rem !important; - } - - .sm\:inset-x-44 { - right: 11rem !important; - left: 11rem !important; - } - - .sm\:inset-y-48 { - top: 12rem !important; - bottom: 12rem !important; - } - - .sm\:inset-x-48 { - right: 12rem !important; - left: 12rem !important; - } - - .sm\:inset-y-52 { - top: 13rem !important; - bottom: 13rem !important; - } - - .sm\:inset-x-52 { - right: 13rem !important; - left: 13rem !important; - } - - .sm\:inset-y-56 { - top: 14rem !important; - bottom: 14rem !important; - } - - .sm\:inset-x-56 { - right: 14rem !important; - left: 14rem !important; - } - - .sm\:inset-y-60 { - top: 15rem !important; - bottom: 15rem !important; - } - - .sm\:inset-x-60 { - right: 15rem !important; - left: 15rem !important; - } - - .sm\:inset-y-64 { - top: 16rem !important; - bottom: 16rem !important; - } - - .sm\:inset-x-64 { - right: 16rem !important; - left: 16rem !important; - } - - .sm\:inset-y-72 { - top: 18rem !important; - bottom: 18rem !important; - } - - .sm\:inset-x-72 { - right: 18rem !important; - left: 18rem !important; - } - - .sm\:inset-y-80 { - top: 20rem !important; - bottom: 20rem !important; - } - - .sm\:inset-x-80 { - right: 20rem !important; - left: 20rem !important; - } - - .sm\:inset-y-96 { - top: 24rem !important; - bottom: 24rem !important; - } - - .sm\:inset-x-96 { - right: 24rem !important; - left: 24rem !important; - } - - .sm\:inset-y-auto { - top: auto !important; - bottom: auto !important; - } - - .sm\:inset-x-auto { - right: auto !important; - left: auto !important; - } - - .sm\:inset-y-px { - top: 1px !important; - bottom: 1px !important; - } - - .sm\:inset-x-px { - right: 1px !important; - left: 1px !important; - } - - .sm\:inset-y-0\.5 { - top: 0.125rem !important; - bottom: 0.125rem !important; - } - - .sm\:inset-x-0\.5 { - right: 0.125rem !important; - left: 0.125rem !important; - } - - .sm\:inset-y-1\.5 { - top: 0.375rem !important; - bottom: 0.375rem !important; - } - - .sm\:inset-x-1\.5 { - right: 0.375rem !important; - left: 0.375rem !important; - } - - .sm\:inset-y-2\.5 { - top: 0.625rem !important; - bottom: 0.625rem !important; - } - - .sm\:inset-x-2\.5 { - right: 0.625rem !important; - left: 0.625rem !important; - } - - .sm\:inset-y-3\.5 { - top: 0.875rem !important; - bottom: 0.875rem !important; - } - - .sm\:inset-x-3\.5 { - right: 0.875rem !important; - left: 0.875rem !important; - } - - .sm\:-inset-y-1 { - top: -0.25rem !important; - bottom: -0.25rem !important; - } - - .sm\:-inset-x-1 { - right: -0.25rem !important; - left: -0.25rem !important; - } - - .sm\:-inset-y-2 { - top: -0.5rem !important; - bottom: -0.5rem !important; - } - - .sm\:-inset-x-2 { - right: -0.5rem !important; - left: -0.5rem !important; - } - - .sm\:-inset-y-3 { - top: -0.75rem !important; - bottom: -0.75rem !important; - } - - .sm\:-inset-x-3 { - right: -0.75rem !important; - left: -0.75rem !important; - } - - .sm\:-inset-y-4 { - top: -1rem !important; - bottom: -1rem !important; - } - - .sm\:-inset-x-4 { - right: -1rem !important; - left: -1rem !important; - } - - .sm\:-inset-y-5 { - top: -1.25rem !important; - bottom: -1.25rem !important; - } - - .sm\:-inset-x-5 { - right: -1.25rem !important; - left: -1.25rem !important; - } - - .sm\:-inset-y-6 { - top: -1.5rem !important; - bottom: -1.5rem !important; - } - - .sm\:-inset-x-6 { - right: -1.5rem !important; - left: -1.5rem !important; - } - - .sm\:-inset-y-7 { - top: -1.75rem !important; - bottom: -1.75rem !important; - } - - .sm\:-inset-x-7 { - right: -1.75rem !important; - left: -1.75rem !important; - } - - .sm\:-inset-y-8 { - top: -2rem !important; - bottom: -2rem !important; - } - - .sm\:-inset-x-8 { - right: -2rem !important; - left: -2rem !important; - } - - .sm\:-inset-y-9 { - top: -2.25rem !important; - bottom: -2.25rem !important; - } - - .sm\:-inset-x-9 { - right: -2.25rem !important; - left: -2.25rem !important; - } - - .sm\:-inset-y-10 { - top: -2.5rem !important; - bottom: -2.5rem !important; - } - - .sm\:-inset-x-10 { - right: -2.5rem !important; - left: -2.5rem !important; - } - - .sm\:-inset-y-12 { - top: -3rem !important; - bottom: -3rem !important; - } - - .sm\:-inset-x-12 { - right: -3rem !important; - left: -3rem !important; - } - - .sm\:-inset-y-14 { - top: -3.5rem !important; - bottom: -3.5rem !important; - } - - .sm\:-inset-x-14 { - right: -3.5rem !important; - left: -3.5rem !important; - } - - .sm\:-inset-y-16 { - top: -4rem !important; - bottom: -4rem !important; - } - - .sm\:-inset-x-16 { - right: -4rem !important; - left: -4rem !important; - } - - .sm\:-inset-y-20 { - top: -5rem !important; - bottom: -5rem !important; - } - - .sm\:-inset-x-20 { - right: -5rem !important; - left: -5rem !important; - } - - .sm\:-inset-y-24 { - top: -6rem !important; - bottom: -6rem !important; - } - - .sm\:-inset-x-24 { - right: -6rem !important; - left: -6rem !important; - } - - .sm\:-inset-y-28 { - top: -7rem !important; - bottom: -7rem !important; - } - - .sm\:-inset-x-28 { - right: -7rem !important; - left: -7rem !important; - } - - .sm\:-inset-y-32 { - top: -8rem !important; - bottom: -8rem !important; - } - - .sm\:-inset-x-32 { - right: -8rem !important; - left: -8rem !important; - } - - .sm\:-inset-y-36 { - top: -9rem !important; - bottom: -9rem !important; - } - - .sm\:-inset-x-36 { - right: -9rem !important; - left: -9rem !important; - } - - .sm\:-inset-y-40 { - top: -10rem !important; - bottom: -10rem !important; - } - - .sm\:-inset-x-40 { - right: -10rem !important; - left: -10rem !important; - } - - .sm\:-inset-y-44 { - top: -11rem !important; - bottom: -11rem !important; - } - - .sm\:-inset-x-44 { - right: -11rem !important; - left: -11rem !important; - } - - .sm\:-inset-y-48 { - top: -12rem !important; - bottom: -12rem !important; - } - - .sm\:-inset-x-48 { - right: -12rem !important; - left: -12rem !important; - } - - .sm\:-inset-y-52 { - top: -13rem !important; - bottom: -13rem !important; - } - - .sm\:-inset-x-52 { - right: -13rem !important; - left: -13rem !important; - } - - .sm\:-inset-y-56 { - top: -14rem !important; - bottom: -14rem !important; - } - - .sm\:-inset-x-56 { - right: -14rem !important; - left: -14rem !important; - } - - .sm\:-inset-y-60 { - top: -15rem !important; - bottom: -15rem !important; - } - - .sm\:-inset-x-60 { - right: -15rem !important; - left: -15rem !important; - } - - .sm\:-inset-y-64 { - top: -16rem !important; - bottom: -16rem !important; - } - - .sm\:-inset-x-64 { - right: -16rem !important; - left: -16rem !important; - } - - .sm\:-inset-y-72 { - top: -18rem !important; - bottom: -18rem !important; - } - - .sm\:-inset-x-72 { - right: -18rem !important; - left: -18rem !important; - } - - .sm\:-inset-y-80 { - top: -20rem !important; - bottom: -20rem !important; - } - - .sm\:-inset-x-80 { - right: -20rem !important; - left: -20rem !important; - } - - .sm\:-inset-y-96 { - top: -24rem !important; - bottom: -24rem !important; - } - - .sm\:-inset-x-96 { - right: -24rem !important; - left: -24rem !important; - } - - .sm\:-inset-y-px { - top: -1px !important; - bottom: -1px !important; - } - - .sm\:-inset-x-px { - right: -1px !important; - left: -1px !important; - } - - .sm\:-inset-y-0\.5 { - top: -0.125rem !important; - bottom: -0.125rem !important; - } - - .sm\:-inset-x-0\.5 { - right: -0.125rem !important; - left: -0.125rem !important; - } - - .sm\:-inset-y-1\.5 { - top: -0.375rem !important; - bottom: -0.375rem !important; - } - - .sm\:-inset-x-1\.5 { - right: -0.375rem !important; - left: -0.375rem !important; - } - - .sm\:-inset-y-2\.5 { - top: -0.625rem !important; - bottom: -0.625rem !important; - } - - .sm\:-inset-x-2\.5 { - right: -0.625rem !important; - left: -0.625rem !important; - } - - .sm\:-inset-y-3\.5 { - top: -0.875rem !important; - bottom: -0.875rem !important; - } - - .sm\:-inset-x-3\.5 { - right: -0.875rem !important; - left: -0.875rem !important; - } - - .sm\:inset-y-1\/2 { - top: 50% !important; - bottom: 50% !important; - } - - .sm\:inset-x-1\/2 { - right: 50% !important; - left: 50% !important; - } - - .sm\:inset-y-1\/3 { - top: 33.333333% !important; - bottom: 33.333333% !important; - } - - .sm\:inset-x-1\/3 { - right: 33.333333% !important; - left: 33.333333% !important; - } - - .sm\:inset-y-2\/3 { - top: 66.666667% !important; - bottom: 66.666667% !important; - } - - .sm\:inset-x-2\/3 { - right: 66.666667% !important; - left: 66.666667% !important; - } - - .sm\:inset-y-1\/4 { - top: 25% !important; - bottom: 25% !important; - } - - .sm\:inset-x-1\/4 { - right: 25% !important; - left: 25% !important; - } - - .sm\:inset-y-2\/4 { - top: 50% !important; - bottom: 50% !important; - } - - .sm\:inset-x-2\/4 { - right: 50% !important; - left: 50% !important; - } - - .sm\:inset-y-3\/4 { - top: 75% !important; - bottom: 75% !important; - } - - .sm\:inset-x-3\/4 { - right: 75% !important; - left: 75% !important; - } - - .sm\:inset-y-full { - top: 100% !important; - bottom: 100% !important; - } - - .sm\:inset-x-full { - right: 100% !important; - left: 100% !important; - } - - .sm\:-inset-y-1\/2 { - top: -50% !important; - bottom: -50% !important; - } - - .sm\:-inset-x-1\/2 { - right: -50% !important; - left: -50% !important; - } - - .sm\:-inset-y-1\/3 { - top: -33.333333% !important; - bottom: -33.333333% !important; - } - - .sm\:-inset-x-1\/3 { - right: -33.333333% !important; - left: -33.333333% !important; - } - - .sm\:-inset-y-2\/3 { - top: -66.666667% !important; - bottom: -66.666667% !important; - } - - .sm\:-inset-x-2\/3 { - right: -66.666667% !important; - left: -66.666667% !important; - } - - .sm\:-inset-y-1\/4 { - top: -25% !important; - bottom: -25% !important; - } - - .sm\:-inset-x-1\/4 { - right: -25% !important; - left: -25% !important; - } - - .sm\:-inset-y-2\/4 { - top: -50% !important; - bottom: -50% !important; - } - - .sm\:-inset-x-2\/4 { - right: -50% !important; - left: -50% !important; - } - - .sm\:-inset-y-3\/4 { - top: -75% !important; - bottom: -75% !important; - } - - .sm\:-inset-x-3\/4 { - right: -75% !important; - left: -75% !important; - } - - .sm\:-inset-y-full { - top: -100% !important; - bottom: -100% !important; - } - - .sm\:-inset-x-full { - right: -100% !important; - left: -100% !important; - } - - .sm\:top-0 { - top: 0 !important; - } - - .sm\:right-0 { - right: 0 !important; - } - - .sm\:bottom-0 { - bottom: 0 !important; - } - - .sm\:left-0 { - left: 0 !important; - } - - .sm\:top-1 { - top: 0.25rem !important; - } - - .sm\:right-1 { - right: 0.25rem !important; - } - - .sm\:bottom-1 { - bottom: 0.25rem !important; - } - - .sm\:left-1 { - left: 0.25rem !important; - } - - .sm\:top-2 { - top: 0.5rem !important; - } - - .sm\:right-2 { - right: 0.5rem !important; - } - - .sm\:bottom-2 { - bottom: 0.5rem !important; - } - - .sm\:left-2 { - left: 0.5rem !important; - } - - .sm\:top-3 { - top: 0.75rem !important; - } - - .sm\:right-3 { - right: 0.75rem !important; - } - - .sm\:bottom-3 { - bottom: 0.75rem !important; - } - - .sm\:left-3 { - left: 0.75rem !important; - } - - .sm\:top-4 { - top: 1rem !important; - } - - .sm\:right-4 { - right: 1rem !important; - } - - .sm\:bottom-4 { - bottom: 1rem !important; - } - - .sm\:left-4 { - left: 1rem !important; - } - - .sm\:top-5 { - top: 1.25rem !important; - } - - .sm\:right-5 { - right: 1.25rem !important; - } - - .sm\:bottom-5 { - bottom: 1.25rem !important; - } - - .sm\:left-5 { - left: 1.25rem !important; - } - - .sm\:top-6 { - top: 1.5rem !important; - } - - .sm\:right-6 { - right: 1.5rem !important; - } - - .sm\:bottom-6 { - bottom: 1.5rem !important; - } - - .sm\:left-6 { - left: 1.5rem !important; - } - - .sm\:top-7 { - top: 1.75rem !important; - } - - .sm\:right-7 { - right: 1.75rem !important; - } - - .sm\:bottom-7 { - bottom: 1.75rem !important; - } - - .sm\:left-7 { - left: 1.75rem !important; - } - - .sm\:top-8 { - top: 2rem !important; - } - - .sm\:right-8 { - right: 2rem !important; - } - - .sm\:bottom-8 { - bottom: 2rem !important; - } - - .sm\:left-8 { - left: 2rem !important; - } - - .sm\:top-9 { - top: 2.25rem !important; - } - - .sm\:right-9 { - right: 2.25rem !important; - } - - .sm\:bottom-9 { - bottom: 2.25rem !important; - } - - .sm\:left-9 { - left: 2.25rem !important; - } - - .sm\:top-10 { - top: 2.5rem !important; - } - - .sm\:right-10 { - right: 2.5rem !important; - } - - .sm\:bottom-10 { - bottom: 2.5rem !important; - } - - .sm\:left-10 { - left: 2.5rem !important; - } - - .sm\:top-12 { - top: 3rem !important; - } - - .sm\:right-12 { - right: 3rem !important; - } - - .sm\:bottom-12 { - bottom: 3rem !important; - } - - .sm\:left-12 { - left: 3rem !important; - } - - .sm\:top-14 { - top: 3.5rem !important; - } - - .sm\:right-14 { - right: 3.5rem !important; - } - - .sm\:bottom-14 { - bottom: 3.5rem !important; - } - - .sm\:left-14 { - left: 3.5rem !important; - } - - .sm\:top-16 { - top: 4rem !important; - } - - .sm\:right-16 { - right: 4rem !important; - } - - .sm\:bottom-16 { - bottom: 4rem !important; - } - - .sm\:left-16 { - left: 4rem !important; - } - - .sm\:top-20 { - top: 5rem !important; - } - - .sm\:right-20 { - right: 5rem !important; - } - - .sm\:bottom-20 { - bottom: 5rem !important; - } - - .sm\:left-20 { - left: 5rem !important; - } - - .sm\:top-24 { - top: 6rem !important; - } - - .sm\:right-24 { - right: 6rem !important; - } - - .sm\:bottom-24 { - bottom: 6rem !important; - } - - .sm\:left-24 { - left: 6rem !important; - } - - .sm\:top-28 { - top: 7rem !important; - } - - .sm\:right-28 { - right: 7rem !important; - } - - .sm\:bottom-28 { - bottom: 7rem !important; - } - - .sm\:left-28 { - left: 7rem !important; - } - - .sm\:top-32 { - top: 8rem !important; - } - - .sm\:right-32 { - right: 8rem !important; - } - - .sm\:bottom-32 { - bottom: 8rem !important; - } - - .sm\:left-32 { - left: 8rem !important; - } - - .sm\:top-36 { - top: 9rem !important; - } - - .sm\:right-36 { - right: 9rem !important; - } - - .sm\:bottom-36 { - bottom: 9rem !important; - } - - .sm\:left-36 { - left: 9rem !important; - } - - .sm\:top-40 { - top: 10rem !important; - } - - .sm\:right-40 { - right: 10rem !important; - } - - .sm\:bottom-40 { - bottom: 10rem !important; - } - - .sm\:left-40 { - left: 10rem !important; - } - - .sm\:top-44 { - top: 11rem !important; - } - - .sm\:right-44 { - right: 11rem !important; - } - - .sm\:bottom-44 { - bottom: 11rem !important; - } - - .sm\:left-44 { - left: 11rem !important; - } - - .sm\:top-48 { - top: 12rem !important; - } - - .sm\:right-48 { - right: 12rem !important; - } - - .sm\:bottom-48 { - bottom: 12rem !important; - } - - .sm\:left-48 { - left: 12rem !important; - } - - .sm\:top-52 { - top: 13rem !important; - } - - .sm\:right-52 { - right: 13rem !important; - } - - .sm\:bottom-52 { - bottom: 13rem !important; - } - - .sm\:left-52 { - left: 13rem !important; - } - - .sm\:top-56 { - top: 14rem !important; - } - - .sm\:right-56 { - right: 14rem !important; - } - - .sm\:bottom-56 { - bottom: 14rem !important; - } - - .sm\:left-56 { - left: 14rem !important; - } - - .sm\:top-60 { - top: 15rem !important; - } - - .sm\:right-60 { - right: 15rem !important; - } - - .sm\:bottom-60 { - bottom: 15rem !important; - } - - .sm\:left-60 { - left: 15rem !important; - } - - .sm\:top-64 { - top: 16rem !important; - } - - .sm\:right-64 { - right: 16rem !important; - } - - .sm\:bottom-64 { - bottom: 16rem !important; - } - - .sm\:left-64 { - left: 16rem !important; - } - - .sm\:top-72 { - top: 18rem !important; - } - - .sm\:right-72 { - right: 18rem !important; - } - - .sm\:bottom-72 { - bottom: 18rem !important; - } - - .sm\:left-72 { - left: 18rem !important; - } - - .sm\:top-80 { - top: 20rem !important; - } - - .sm\:right-80 { - right: 20rem !important; - } - - .sm\:bottom-80 { - bottom: 20rem !important; - } - - .sm\:left-80 { - left: 20rem !important; - } - - .sm\:top-96 { - top: 24rem !important; - } - - .sm\:right-96 { - right: 24rem !important; - } - - .sm\:bottom-96 { - bottom: 24rem !important; - } - - .sm\:left-96 { - left: 24rem !important; - } - - .sm\:top-auto { - top: auto !important; - } - - .sm\:right-auto { - right: auto !important; - } - - .sm\:bottom-auto { - bottom: auto !important; - } - - .sm\:left-auto { - left: auto !important; - } - - .sm\:top-px { - top: 1px !important; - } - - .sm\:right-px { - right: 1px !important; - } - - .sm\:bottom-px { - bottom: 1px !important; - } - - .sm\:left-px { - left: 1px !important; - } - - .sm\:top-0\.5 { - top: 0.125rem !important; - } - - .sm\:right-0\.5 { - right: 0.125rem !important; - } - - .sm\:bottom-0\.5 { - bottom: 0.125rem !important; - } - - .sm\:left-0\.5 { - left: 0.125rem !important; - } - - .sm\:top-1\.5 { - top: 0.375rem !important; - } - - .sm\:right-1\.5 { - right: 0.375rem !important; - } - - .sm\:bottom-1\.5 { - bottom: 0.375rem !important; - } - - .sm\:left-1\.5 { - left: 0.375rem !important; - } - - .sm\:top-2\.5 { - top: 0.625rem !important; - } - - .sm\:right-2\.5 { - right: 0.625rem !important; - } - - .sm\:bottom-2\.5 { - bottom: 0.625rem !important; - } - - .sm\:left-2\.5 { - left: 0.625rem !important; - } - - .sm\:top-3\.5 { - top: 0.875rem !important; - } - - .sm\:right-3\.5 { - right: 0.875rem !important; - } - - .sm\:bottom-3\.5 { - bottom: 0.875rem !important; - } - - .sm\:left-3\.5 { - left: 0.875rem !important; - } - - .sm\:-top-1 { - top: -0.25rem !important; - } - - .sm\:-right-1 { - right: -0.25rem !important; - } - - .sm\:-bottom-1 { - bottom: -0.25rem !important; - } - - .sm\:-left-1 { - left: -0.25rem !important; - } - - .sm\:-top-2 { - top: -0.5rem !important; - } - - .sm\:-right-2 { - right: -0.5rem !important; - } - - .sm\:-bottom-2 { - bottom: -0.5rem !important; - } - - .sm\:-left-2 { - left: -0.5rem !important; - } - - .sm\:-top-3 { - top: -0.75rem !important; - } - - .sm\:-right-3 { - right: -0.75rem !important; - } - - .sm\:-bottom-3 { - bottom: -0.75rem !important; - } - - .sm\:-left-3 { - left: -0.75rem !important; - } - - .sm\:-top-4 { - top: -1rem !important; - } - - .sm\:-right-4 { - right: -1rem !important; - } - - .sm\:-bottom-4 { - bottom: -1rem !important; - } - - .sm\:-left-4 { - left: -1rem !important; - } - - .sm\:-top-5 { - top: -1.25rem !important; - } - - .sm\:-right-5 { - right: -1.25rem !important; - } - - .sm\:-bottom-5 { - bottom: -1.25rem !important; - } - - .sm\:-left-5 { - left: -1.25rem !important; - } - - .sm\:-top-6 { - top: -1.5rem !important; - } - - .sm\:-right-6 { - right: -1.5rem !important; - } - - .sm\:-bottom-6 { - bottom: -1.5rem !important; - } - - .sm\:-left-6 { - left: -1.5rem !important; - } - - .sm\:-top-7 { - top: -1.75rem !important; - } - - .sm\:-right-7 { - right: -1.75rem !important; - } - - .sm\:-bottom-7 { - bottom: -1.75rem !important; - } - - .sm\:-left-7 { - left: -1.75rem !important; - } - - .sm\:-top-8 { - top: -2rem !important; - } - - .sm\:-right-8 { - right: -2rem !important; - } - - .sm\:-bottom-8 { - bottom: -2rem !important; - } - - .sm\:-left-8 { - left: -2rem !important; - } - - .sm\:-top-9 { - top: -2.25rem !important; - } - - .sm\:-right-9 { - right: -2.25rem !important; - } - - .sm\:-bottom-9 { - bottom: -2.25rem !important; - } - - .sm\:-left-9 { - left: -2.25rem !important; - } - - .sm\:-top-10 { - top: -2.5rem !important; - } - - .sm\:-right-10 { - right: -2.5rem !important; - } - - .sm\:-bottom-10 { - bottom: -2.5rem !important; - } - - .sm\:-left-10 { - left: -2.5rem !important; - } - - .sm\:-top-12 { - top: -3rem !important; - } - - .sm\:-right-12 { - right: -3rem !important; - } - - .sm\:-bottom-12 { - bottom: -3rem !important; - } - - .sm\:-left-12 { - left: -3rem !important; - } - - .sm\:-top-14 { - top: -3.5rem !important; - } - - .sm\:-right-14 { - right: -3.5rem !important; - } - - .sm\:-bottom-14 { - bottom: -3.5rem !important; - } - - .sm\:-left-14 { - left: -3.5rem !important; - } - - .sm\:-top-16 { - top: -4rem !important; - } - - .sm\:-right-16 { - right: -4rem !important; - } - - .sm\:-bottom-16 { - bottom: -4rem !important; - } - - .sm\:-left-16 { - left: -4rem !important; - } - - .sm\:-top-20 { - top: -5rem !important; - } - - .sm\:-right-20 { - right: -5rem !important; - } - - .sm\:-bottom-20 { - bottom: -5rem !important; - } - - .sm\:-left-20 { - left: -5rem !important; - } - - .sm\:-top-24 { - top: -6rem !important; - } - - .sm\:-right-24 { - right: -6rem !important; - } - - .sm\:-bottom-24 { - bottom: -6rem !important; - } - - .sm\:-left-24 { - left: -6rem !important; - } - - .sm\:-top-28 { - top: -7rem !important; - } - - .sm\:-right-28 { - right: -7rem !important; - } - - .sm\:-bottom-28 { - bottom: -7rem !important; - } - - .sm\:-left-28 { - left: -7rem !important; - } - - .sm\:-top-32 { - top: -8rem !important; - } - - .sm\:-right-32 { - right: -8rem !important; - } - - .sm\:-bottom-32 { - bottom: -8rem !important; - } - - .sm\:-left-32 { - left: -8rem !important; - } - - .sm\:-top-36 { - top: -9rem !important; - } - - .sm\:-right-36 { - right: -9rem !important; - } - - .sm\:-bottom-36 { - bottom: -9rem !important; - } - - .sm\:-left-36 { - left: -9rem !important; - } - - .sm\:-top-40 { - top: -10rem !important; - } - - .sm\:-right-40 { - right: -10rem !important; - } - - .sm\:-bottom-40 { - bottom: -10rem !important; - } - - .sm\:-left-40 { - left: -10rem !important; - } - - .sm\:-top-44 { - top: -11rem !important; - } - - .sm\:-right-44 { - right: -11rem !important; - } - - .sm\:-bottom-44 { - bottom: -11rem !important; - } - - .sm\:-left-44 { - left: -11rem !important; - } - - .sm\:-top-48 { - top: -12rem !important; - } - - .sm\:-right-48 { - right: -12rem !important; - } - - .sm\:-bottom-48 { - bottom: -12rem !important; - } - - .sm\:-left-48 { - left: -12rem !important; - } - - .sm\:-top-52 { - top: -13rem !important; - } - - .sm\:-right-52 { - right: -13rem !important; - } - - .sm\:-bottom-52 { - bottom: -13rem !important; - } - - .sm\:-left-52 { - left: -13rem !important; - } - - .sm\:-top-56 { - top: -14rem !important; - } - - .sm\:-right-56 { - right: -14rem !important; - } - - .sm\:-bottom-56 { - bottom: -14rem !important; - } - - .sm\:-left-56 { - left: -14rem !important; - } - - .sm\:-top-60 { - top: -15rem !important; - } - - .sm\:-right-60 { - right: -15rem !important; - } - - .sm\:-bottom-60 { - bottom: -15rem !important; - } - - .sm\:-left-60 { - left: -15rem !important; - } - - .sm\:-top-64 { - top: -16rem !important; - } - - .sm\:-right-64 { - right: -16rem !important; - } - - .sm\:-bottom-64 { - bottom: -16rem !important; - } - - .sm\:-left-64 { - left: -16rem !important; - } - - .sm\:-top-72 { - top: -18rem !important; - } - - .sm\:-right-72 { - right: -18rem !important; - } - - .sm\:-bottom-72 { - bottom: -18rem !important; - } - - .sm\:-left-72 { - left: -18rem !important; - } - - .sm\:-top-80 { - top: -20rem !important; - } - - .sm\:-right-80 { - right: -20rem !important; - } - - .sm\:-bottom-80 { - bottom: -20rem !important; - } - - .sm\:-left-80 { - left: -20rem !important; - } - - .sm\:-top-96 { - top: -24rem !important; - } - - .sm\:-right-96 { - right: -24rem !important; - } - - .sm\:-bottom-96 { - bottom: -24rem !important; - } - - .sm\:-left-96 { - left: -24rem !important; - } - - .sm\:-top-px { - top: -1px !important; - } - - .sm\:-right-px { - right: -1px !important; - } - - .sm\:-bottom-px { - bottom: -1px !important; - } - - .sm\:-left-px { - left: -1px !important; - } - - .sm\:-top-0\.5 { - top: -0.125rem !important; - } - - .sm\:-right-0\.5 { - right: -0.125rem !important; - } - - .sm\:-bottom-0\.5 { - bottom: -0.125rem !important; - } - - .sm\:-left-0\.5 { - left: -0.125rem !important; - } - - .sm\:-top-1\.5 { - top: -0.375rem !important; - } - - .sm\:-right-1\.5 { - right: -0.375rem !important; - } - - .sm\:-bottom-1\.5 { - bottom: -0.375rem !important; - } - - .sm\:-left-1\.5 { - left: -0.375rem !important; - } - - .sm\:-top-2\.5 { - top: -0.625rem !important; - } - - .sm\:-right-2\.5 { - right: -0.625rem !important; - } - - .sm\:-bottom-2\.5 { - bottom: -0.625rem !important; - } - - .sm\:-left-2\.5 { - left: -0.625rem !important; - } - - .sm\:-top-3\.5 { - top: -0.875rem !important; - } - - .sm\:-right-3\.5 { - right: -0.875rem !important; - } - - .sm\:-bottom-3\.5 { - bottom: -0.875rem !important; - } - - .sm\:-left-3\.5 { - left: -0.875rem !important; - } - - .sm\:top-1\/2 { - top: 50% !important; - } - - .sm\:right-1\/2 { - right: 50% !important; - } - - .sm\:bottom-1\/2 { - bottom: 50% !important; - } - - .sm\:left-1\/2 { - left: 50% !important; - } - - .sm\:top-1\/3 { - top: 33.333333% !important; - } - - .sm\:right-1\/3 { - right: 33.333333% !important; - } - - .sm\:bottom-1\/3 { - bottom: 33.333333% !important; - } - - .sm\:left-1\/3 { - left: 33.333333% !important; - } - - .sm\:top-2\/3 { - top: 66.666667% !important; - } - - .sm\:right-2\/3 { - right: 66.666667% !important; - } - - .sm\:bottom-2\/3 { - bottom: 66.666667% !important; - } - - .sm\:left-2\/3 { - left: 66.666667% !important; - } - - .sm\:top-1\/4 { - top: 25% !important; - } - - .sm\:right-1\/4 { - right: 25% !important; - } - - .sm\:bottom-1\/4 { - bottom: 25% !important; - } - - .sm\:left-1\/4 { - left: 25% !important; - } - - .sm\:top-2\/4 { - top: 50% !important; - } - - .sm\:right-2\/4 { - right: 50% !important; - } - - .sm\:bottom-2\/4 { - bottom: 50% !important; - } - - .sm\:left-2\/4 { - left: 50% !important; - } - - .sm\:top-3\/4 { - top: 75% !important; - } - - .sm\:right-3\/4 { - right: 75% !important; - } - - .sm\:bottom-3\/4 { - bottom: 75% !important; - } - - .sm\:left-3\/4 { - left: 75% !important; - } - - .sm\:top-full { - top: 100% !important; - } - - .sm\:right-full { - right: 100% !important; - } - - .sm\:bottom-full { - bottom: 100% !important; - } - - .sm\:left-full { - left: 100% !important; - } - - .sm\:-top-1\/2 { - top: -50% !important; - } - - .sm\:-right-1\/2 { - right: -50% !important; - } - - .sm\:-bottom-1\/2 { - bottom: -50% !important; - } - - .sm\:-left-1\/2 { - left: -50% !important; - } - - .sm\:-top-1\/3 { - top: -33.333333% !important; - } - - .sm\:-right-1\/3 { - right: -33.333333% !important; - } - - .sm\:-bottom-1\/3 { - bottom: -33.333333% !important; - } - - .sm\:-left-1\/3 { - left: -33.333333% !important; - } - - .sm\:-top-2\/3 { - top: -66.666667% !important; - } - - .sm\:-right-2\/3 { - right: -66.666667% !important; - } - - .sm\:-bottom-2\/3 { - bottom: -66.666667% !important; - } - - .sm\:-left-2\/3 { - left: -66.666667% !important; - } - - .sm\:-top-1\/4 { - top: -25% !important; - } - - .sm\:-right-1\/4 { - right: -25% !important; - } - - .sm\:-bottom-1\/4 { - bottom: -25% !important; - } - - .sm\:-left-1\/4 { - left: -25% !important; - } - - .sm\:-top-2\/4 { - top: -50% !important; - } - - .sm\:-right-2\/4 { - right: -50% !important; - } - - .sm\:-bottom-2\/4 { - bottom: -50% !important; - } - - .sm\:-left-2\/4 { - left: -50% !important; - } - - .sm\:-top-3\/4 { - top: -75% !important; - } - - .sm\:-right-3\/4 { - right: -75% !important; - } - - .sm\:-bottom-3\/4 { - bottom: -75% !important; - } - - .sm\:-left-3\/4 { - left: -75% !important; - } - - .sm\:-top-full { - top: -100% !important; - } - - .sm\:-right-full { - right: -100% !important; - } - - .sm\:-bottom-full { - bottom: -100% !important; - } - - .sm\:-left-full { - left: -100% !important; - } - - .sm\:resize-none { - resize: none !important; - } - - .sm\:resize-y { - resize: vertical !important; - } - - .sm\:resize-x { - resize: horizontal !important; - } - - .sm\:resize { - resize: both !important; - } - - .sm\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; - } - - .sm\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; - } - - .sm\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; - } - - .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) !important; - } - - .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) !important; - } - - .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) !important; - } - - .sm\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; - } - - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; - } - - .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; - } - - .sm\:shadow-none { - box-shadow: none !important; - } - - .sm\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; - } - - .sm\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; - } - - .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) !important; - } - - .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) !important; - } - - .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) !important; - } - - .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) !important; - } - - .sm\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; - } - - .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; - } - - .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; - } - - .sm\:hover\:shadow-none:hover { - box-shadow: none !important; - } - - .sm\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; - } - - .sm\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; - } - - .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) !important; - } - - .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) !important; - } - - .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) !important; - } - - .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) !important; - } - - .sm\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; - } - - .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; - } - - .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; - } - - .sm\:focus\:shadow-none:focus { - box-shadow: none !important; - } - - .sm\:fill-current { - fill: currentColor !important; - } - - .sm\:stroke-current { - stroke: currentColor !important; - } - - .sm\:stroke-0 { - stroke-width: 0 !important; - } - - .sm\:stroke-1 { - stroke-width: 1 !important; - } - - .sm\:stroke-2 { - stroke-width: 2 !important; - } - - .sm\:table-auto { - table-layout: auto !important; - } - - .sm\:table-fixed { - table-layout: fixed !important; - } - - .sm\:text-left { - text-align: left !important; - } - - .sm\:text-center { - text-align: center !important; - } - - .sm\:text-right { - text-align: right !important; - } - - .sm\:text-justify { - text-align: justify !important; - } - - .sm\:text-transparent { - color: transparent !important; - } - - .sm\:text-current { - color: currentColor !important; - } - - .sm\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .sm\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .sm\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .sm\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .sm\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .sm\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .sm\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .sm\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .sm\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .sm\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .sm\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .sm\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .sm\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .sm\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .sm\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .sm\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .sm\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .sm\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .sm\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .sm\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .sm\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .sm\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .sm\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .sm\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .sm\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .sm\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .sm\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .sm\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .sm\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .sm\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .sm\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .sm\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .sm\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .sm\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .sm\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .sm\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .sm\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .sm\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .sm\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .sm\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .sm\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .sm\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .sm\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .sm\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .sm\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .sm\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .sm\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .sm\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .sm\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .sm\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .sm\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .sm\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .sm\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .sm\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .sm\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .sm\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .sm\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .sm\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .sm\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .sm\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .sm\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .sm\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .sm\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .sm\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .sm\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .sm\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .sm\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .sm\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .sm\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .sm\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .sm\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .sm\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-transparent { - color: transparent !important; - } - - .group:hover .sm\:group-hover\:text-current { - color: currentColor !important; - } - - .group:hover .sm\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .group:hover .sm\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .sm\:hover\:text-transparent:hover { - color: transparent !important; - } - - .sm\:hover\:text-current:hover { - color: currentColor !important; - } - - .sm\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .sm\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .sm\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .sm\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .sm\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .sm\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .sm\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .sm\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .sm\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .sm\:focus\:text-transparent:focus { - color: transparent !important; - } - - .sm\:focus\:text-current:focus { - color: currentColor !important; - } - - .sm\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .sm\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .sm\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .sm\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .sm\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .sm\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .sm\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .sm\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .sm\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:text-transparent { - color: transparent !important; - } - - .sm\:dark\:text-current { - color: currentColor !important; - } - - .sm\:dark\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .sm\:dark\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .sm\:dark\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .sm\:dark\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .sm\:dark\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .sm\:dark\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .sm\:dark\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .sm\:dark\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .sm\:dark\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-transparent { - color: transparent !important; - } - - .group:hover .sm\:dark\:group-hover\:text-current { - color: currentColor !important; - } - - .group:hover .sm\:dark\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-transparent:hover { - color: transparent !important; - } - - .sm\:dark\:hover\:text-current:hover { - color: currentColor !important; - } - - .sm\:dark\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .sm\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-transparent:focus { - color: transparent !important; - } - - .sm\:dark\:focus\:text-current:focus { - color: currentColor !important; - } - - .sm\:dark\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .sm\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - } - - .sm\:text-opacity-0 { - --text-opacity: 0 !important; - } - - .sm\:text-opacity-25 { - --text-opacity: 0.25 !important; - } - - .sm\:text-opacity-50 { - --text-opacity: 0.5 !important; - } - - .sm\:text-opacity-75 { - --text-opacity: 0.75 !important; - } - - .sm\:text-opacity-100 { - --text-opacity: 1 !important; - } - - .group:hover .sm\:group-hover\:text-opacity-0 { - --text-opacity: 0 !important; - } - - .group:hover .sm\:group-hover\:text-opacity-25 { - --text-opacity: 0.25 !important; - } - - .group:hover .sm\:group-hover\:text-opacity-50 { - --text-opacity: 0.5 !important; - } - - .group:hover .sm\:group-hover\:text-opacity-75 { - --text-opacity: 0.75 !important; - } - - .group:hover .sm\:group-hover\:text-opacity-100 { - --text-opacity: 1 !important; - } - - .sm\:hover\:text-opacity-0:hover { - --text-opacity: 0 !important; - } - - .sm\:hover\:text-opacity-25:hover { - --text-opacity: 0.25 !important; - } - - .sm\:hover\:text-opacity-50:hover { - --text-opacity: 0.5 !important; - } - - .sm\:hover\:text-opacity-75:hover { - --text-opacity: 0.75 !important; - } - - .sm\:hover\:text-opacity-100:hover { - --text-opacity: 1 !important; - } - - .sm\:focus\:text-opacity-0:focus { - --text-opacity: 0 !important; - } - - .sm\:focus\:text-opacity-25:focus { - --text-opacity: 0.25 !important; - } - - .sm\:focus\:text-opacity-50:focus { - --text-opacity: 0.5 !important; - } - - .sm\:focus\:text-opacity-75:focus { - --text-opacity: 0.75 !important; - } - - .sm\:focus\:text-opacity-100:focus { - --text-opacity: 1 !important; - } - - .sm\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; - } - - .sm\:overflow-ellipsis { - text-overflow: ellipsis !important; - } - - .sm\:overflow-clip { - text-overflow: clip !important; - } - - .sm\:italic { - font-style: italic !important; - } - - .sm\:not-italic { - font-style: normal !important; - } - - .sm\:uppercase { - text-transform: uppercase !important; - } - - .sm\:lowercase { - text-transform: lowercase !important; - } - - .sm\:capitalize { - text-transform: capitalize !important; - } - - .sm\:normal-case { - text-transform: none !important; - } - - .sm\:underline { - text-decoration: underline !important; - } - - .sm\:line-through { - text-decoration: line-through !important; - } - - .sm\:no-underline { - text-decoration: none !important; - } - - .sm\:hover\:underline:hover { - text-decoration: underline !important; - } - - .sm\:hover\:line-through:hover { - text-decoration: line-through !important; - } - - .sm\:hover\:no-underline:hover { - text-decoration: none !important; - } - - .sm\:focus\:underline:focus { - text-decoration: underline !important; - } - - .sm\:focus\:line-through:focus { - text-decoration: line-through !important; - } - - .sm\:focus\:no-underline:focus { - text-decoration: none !important; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; - } - - .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; - } - - .sm\:normal-nums { - font-variant-numeric: normal !important; - } - - .sm\:ordinal { - --font-variant-numeric-ordinal: ordinal !important; - } - - .sm\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero !important; - } - - .sm\:lining-nums { - --font-variant-numeric-figure: lining-nums !important; - } - - .sm\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums !important; - } - - .sm\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums !important; - } - - .sm\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums !important; - } - - .sm\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions !important; - } - - .sm\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions !important; - } - - .sm\:tracking-tighter { - letter-spacing: -0.05em !important; - } - - .sm\:tracking-tight { - letter-spacing: -0.025em !important; - } - - .sm\:tracking-normal { - letter-spacing: 0 !important; - } - - .sm\:tracking-wide { - letter-spacing: 0.025em !important; - } - - .sm\:tracking-wider { - letter-spacing: 0.05em !important; - } - - .sm\:tracking-widest { - letter-spacing: 0.1em !important; - } - - .sm\:select-none { - user-select: none !important; - } - - .sm\:select-text { - user-select: text !important; - } - - .sm\:select-all { - user-select: all !important; - } - - .sm\:select-auto { - user-select: auto !important; - } - - .sm\:align-baseline { - vertical-align: baseline !important; - } - - .sm\:align-top { - vertical-align: top !important; - } - - .sm\:align-middle { - vertical-align: middle !important; - } - - .sm\:align-bottom { - vertical-align: bottom !important; - } - - .sm\:align-text-top { - vertical-align: text-top !important; - } - - .sm\:align-text-bottom { - vertical-align: text-bottom !important; - } - - .sm\:visible { - visibility: visible !important; - } - - .sm\:invisible { - visibility: hidden !important; - } - - .sm\:whitespace-normal { - white-space: normal !important; - } - - .sm\:whitespace-no-wrap { - white-space: nowrap !important; - } - - .sm\:whitespace-pre { - white-space: pre !important; - } - - .sm\:whitespace-pre-line { - white-space: pre-line !important; - } - - .sm\:whitespace-pre-wrap { - white-space: pre-wrap !important; - } - - .sm\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; - } - - .sm\:break-words { - overflow-wrap: break-word !important; - } - - .sm\:break-all { - word-break: break-all !important; - } - - .sm\:w-0 { - width: 0 !important; - } - - .sm\:w-1 { - width: 0.25rem !important; - } - - .sm\:w-2 { - width: 0.5rem !important; - } - - .sm\:w-3 { - width: 0.75rem !important; - } - - .sm\:w-4 { - width: 1rem !important; - } - - .sm\:w-5 { - width: 1.25rem !important; - } - - .sm\:w-6 { - width: 1.5rem !important; - } - - .sm\:w-7 { - width: 1.75rem !important; - } - - .sm\:w-8 { - width: 2rem !important; - } - - .sm\:w-9 { - width: 2.25rem !important; - } - - .sm\:w-10 { - width: 2.5rem !important; - } - - .sm\:w-12 { - width: 3rem !important; - } - - .sm\:w-14 { - width: 3.5rem !important; - } - - .sm\:w-16 { - width: 4rem !important; - } - - .sm\:w-20 { - width: 5rem !important; - } - - .sm\:w-24 { - width: 6rem !important; - } - - .sm\:w-28 { - width: 7rem !important; - } - - .sm\:w-32 { - width: 8rem !important; - } - - .sm\:w-36 { - width: 9rem !important; - } - - .sm\:w-40 { - width: 10rem !important; - } - - .sm\:w-44 { - width: 11rem !important; - } - - .sm\:w-48 { - width: 12rem !important; - } - - .sm\:w-52 { - width: 13rem !important; - } - - .sm\:w-56 { - width: 14rem !important; - } - - .sm\:w-60 { - width: 15rem !important; - } - - .sm\:w-64 { - width: 16rem !important; - } - - .sm\:w-72 { - width: 18rem !important; - } - - .sm\:w-80 { - width: 20rem !important; - } - - .sm\:w-96 { - width: 24rem !important; - } - - .sm\:w-auto { - width: auto !important; - } - - .sm\:w-px { - width: 1px !important; - } - - .sm\:w-0\.5 { - width: 0.125rem !important; - } - - .sm\:w-1\.5 { - width: 0.375rem !important; - } - - .sm\:w-2\.5 { - width: 0.625rem !important; - } - - .sm\:w-3\.5 { - width: 0.875rem !important; - } - - .sm\:w-1\/2 { - width: 50% !important; - } - - .sm\:w-1\/3 { - width: 33.333333% !important; - } - - .sm\:w-2\/3 { - width: 66.666667% !important; - } - - .sm\:w-1\/4 { - width: 25% !important; - } - - .sm\:w-2\/4 { - width: 50% !important; - } - - .sm\:w-3\/4 { - width: 75% !important; - } - - .sm\:w-1\/5 { - width: 20% !important; - } - - .sm\:w-2\/5 { - width: 40% !important; - } - - .sm\:w-3\/5 { - width: 60% !important; - } - - .sm\:w-4\/5 { - width: 80% !important; - } - - .sm\:w-1\/6 { - width: 16.666667% !important; - } - - .sm\:w-2\/6 { - width: 33.333333% !important; - } - - .sm\:w-3\/6 { - width: 50% !important; - } - - .sm\:w-4\/6 { - width: 66.666667% !important; - } - - .sm\:w-5\/6 { - width: 83.333333% !important; - } - - .sm\:w-1\/12 { - width: 8.333333% !important; - } - - .sm\:w-2\/12 { - width: 16.666667% !important; - } - - .sm\:w-3\/12 { - width: 25% !important; - } - - .sm\:w-4\/12 { - width: 33.333333% !important; - } - - .sm\:w-5\/12 { - width: 41.666667% !important; - } - - .sm\:w-6\/12 { - width: 50% !important; - } - - .sm\:w-7\/12 { - width: 58.333333% !important; - } - - .sm\:w-8\/12 { - width: 66.666667% !important; - } - - .sm\:w-9\/12 { - width: 75% !important; - } - - .sm\:w-10\/12 { - width: 83.333333% !important; - } - - .sm\:w-11\/12 { - width: 91.666667% !important; - } - - .sm\:w-full { - width: 100% !important; - } - - .sm\:w-screen { - width: 100vw !important; - } - - .sm\:w-min { - width: min-content !important; - } - - .sm\:w-max { - width: max-content !important; - } - - .sm\:z-0 { - z-index: 0 !important; - } - - .sm\:z-10 { - z-index: 10 !important; - } - - .sm\:z-20 { - z-index: 20 !important; - } - - .sm\:z-30 { - z-index: 30 !important; - } - - .sm\:z-40 { - z-index: 40 !important; - } - - .sm\:z-50 { - z-index: 50 !important; - } - - .sm\:z-auto { - z-index: auto !important; - } - - .sm\:focus\:z-0:focus { - z-index: 0 !important; - } - - .sm\:focus\:z-10:focus { - z-index: 10 !important; - } - - .sm\:focus\:z-20:focus { - z-index: 20 !important; - } - - .sm\:focus\:z-30:focus { - z-index: 30 !important; - } - - .sm\:focus\:z-40:focus { - z-index: 40 !important; - } - - .sm\:focus\:z-50:focus { - z-index: 50 !important; - } - - .sm\:focus\:z-auto:focus { - z-index: auto !important; - } - - .sm\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; - } - - .sm\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; - } - - .sm\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; - } - - .sm\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; - } - - .sm\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; - } - - .sm\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; - } - - .sm\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; - } - - .sm\:gap-7 { - grid-gap: 1.75rem !important; - gap: 1.75rem !important; - } - - .sm\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; - } - - .sm\:gap-9 { - grid-gap: 2.25rem !important; - gap: 2.25rem !important; - } - - .sm\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; - } - - .sm\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; - } - - .sm\:gap-14 { - grid-gap: 3.5rem !important; - gap: 3.5rem !important; - } - - .sm\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; - } - - .sm\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; - } - - .sm\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; - } - - .sm\:gap-28 { - grid-gap: 7rem !important; - gap: 7rem !important; - } - - .sm\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; - } - - .sm\:gap-36 { - grid-gap: 9rem !important; - gap: 9rem !important; - } - - .sm\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; - } - - .sm\:gap-44 { - grid-gap: 11rem !important; - gap: 11rem !important; - } - - .sm\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; - } - - .sm\:gap-52 { - grid-gap: 13rem !important; - gap: 13rem !important; - } - - .sm\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; - } - - .sm\:gap-60 { - grid-gap: 15rem !important; - gap: 15rem !important; - } - - .sm\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; - } - - .sm\:gap-72 { - grid-gap: 18rem !important; - gap: 18rem !important; - } - - .sm\:gap-80 { - grid-gap: 20rem !important; - gap: 20rem !important; - } - - .sm\:gap-96 { - grid-gap: 24rem !important; - gap: 24rem !important; - } - - .sm\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; - } - - .sm\:gap-0\.5 { - grid-gap: 0.125rem !important; - gap: 0.125rem !important; - } - - .sm\:gap-1\.5 { - grid-gap: 0.375rem !important; - gap: 0.375rem !important; - } - - .sm\:gap-2\.5 { - grid-gap: 0.625rem !important; - gap: 0.625rem !important; - } - - .sm\:gap-3\.5 { - grid-gap: 0.875rem !important; - gap: 0.875rem !important; - } - - .sm\:gap-x-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; - } - - .sm\:gap-x-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; - } - - .sm\:gap-x-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; - } - - .sm\:gap-x-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; - } - - .sm\:gap-x-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; - } - - .sm\:gap-x-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; - } - - .sm\:gap-x-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; - } - - .sm\:gap-x-7 { - grid-column-gap: 1.75rem !important; - column-gap: 1.75rem !important; - } - - .sm\:gap-x-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; - } - - .sm\:gap-x-9 { - grid-column-gap: 2.25rem !important; - column-gap: 2.25rem !important; - } - - .sm\:gap-x-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; - } - - .sm\:gap-x-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; - } - - .sm\:gap-x-14 { - grid-column-gap: 3.5rem !important; - column-gap: 3.5rem !important; - } - - .sm\:gap-x-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; - } - - .sm\:gap-x-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; - } - - .sm\:gap-x-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; - } - - .sm\:gap-x-28 { - grid-column-gap: 7rem !important; - column-gap: 7rem !important; - } - - .sm\:gap-x-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; - } - - .sm\:gap-x-36 { - grid-column-gap: 9rem !important; - column-gap: 9rem !important; - } - - .sm\:gap-x-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; - } - - .sm\:gap-x-44 { - grid-column-gap: 11rem !important; - column-gap: 11rem !important; - } - - .sm\:gap-x-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; - } - - .sm\:gap-x-52 { - grid-column-gap: 13rem !important; - column-gap: 13rem !important; - } - - .sm\:gap-x-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; - } - - .sm\:gap-x-60 { - grid-column-gap: 15rem !important; - column-gap: 15rem !important; - } - - .sm\:gap-x-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; - } - - .sm\:gap-x-72 { - grid-column-gap: 18rem !important; - column-gap: 18rem !important; - } - - .sm\:gap-x-80 { - grid-column-gap: 20rem !important; - column-gap: 20rem !important; - } - - .sm\:gap-x-96 { - grid-column-gap: 24rem !important; - column-gap: 24rem !important; - } - - .sm\:gap-x-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; - } - - .sm\:gap-x-0\.5 { - grid-column-gap: 0.125rem !important; - column-gap: 0.125rem !important; - } - - .sm\:gap-x-1\.5 { - grid-column-gap: 0.375rem !important; - column-gap: 0.375rem !important; - } - - .sm\:gap-x-2\.5 { - grid-column-gap: 0.625rem !important; - column-gap: 0.625rem !important; - } - - .sm\:gap-x-3\.5 { - grid-column-gap: 0.875rem !important; - column-gap: 0.875rem !important; - } - - .sm\:gap-y-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; - } - - .sm\:gap-y-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; - } - - .sm\:gap-y-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; - } - - .sm\:gap-y-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; - } - - .sm\:gap-y-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; - } - - .sm\:gap-y-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; - } - - .sm\:gap-y-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; - } - - .sm\:gap-y-7 { - grid-row-gap: 1.75rem !important; - row-gap: 1.75rem !important; - } - - .sm\:gap-y-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; - } - - .sm\:gap-y-9 { - grid-row-gap: 2.25rem !important; - row-gap: 2.25rem !important; - } - - .sm\:gap-y-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; - } - - .sm\:gap-y-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; - } - - .sm\:gap-y-14 { - grid-row-gap: 3.5rem !important; - row-gap: 3.5rem !important; - } - - .sm\:gap-y-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; - } - - .sm\:gap-y-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; - } - - .sm\:gap-y-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; - } - - .sm\:gap-y-28 { - grid-row-gap: 7rem !important; - row-gap: 7rem !important; - } - - .sm\:gap-y-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; - } - - .sm\:gap-y-36 { - grid-row-gap: 9rem !important; - row-gap: 9rem !important; - } - - .sm\:gap-y-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; - } - - .sm\:gap-y-44 { - grid-row-gap: 11rem !important; - row-gap: 11rem !important; - } - - .sm\:gap-y-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; - } - - .sm\:gap-y-52 { - grid-row-gap: 13rem !important; - row-gap: 13rem !important; - } - - .sm\:gap-y-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; - } - - .sm\:gap-y-60 { - grid-row-gap: 15rem !important; - row-gap: 15rem !important; - } - - .sm\:gap-y-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; - } - - .sm\:gap-y-72 { - grid-row-gap: 18rem !important; - row-gap: 18rem !important; - } - - .sm\:gap-y-80 { - grid-row-gap: 20rem !important; - row-gap: 20rem !important; - } - - .sm\:gap-y-96 { - grid-row-gap: 24rem !important; - row-gap: 24rem !important; - } - - .sm\:gap-y-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; - } - - .sm\:gap-y-0\.5 { - grid-row-gap: 0.125rem !important; - row-gap: 0.125rem !important; - } - - .sm\:gap-y-1\.5 { - grid-row-gap: 0.375rem !important; - row-gap: 0.375rem !important; - } - - .sm\:gap-y-2\.5 { - grid-row-gap: 0.625rem !important; - row-gap: 0.625rem !important; - } - - .sm\:gap-y-3\.5 { - grid-row-gap: 0.875rem !important; - row-gap: 0.875rem !important; - } - - .sm\:grid-flow-row { - grid-auto-flow: row !important; - } - - .sm\:grid-flow-col { - grid-auto-flow: column !important; - } - - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense !important; - } - - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense !important; - } - - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-none { - grid-template-columns: none !important; - } - - .sm\:auto-cols-auto { - grid-auto-columns: auto !important; - } - - .sm\:auto-cols-min { - grid-auto-columns: min-content !important; - } - - .sm\:auto-cols-max { - grid-auto-columns: max-content !important; - } - - .sm\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr) !important; - } - - .sm\:col-auto { - grid-column: auto !important; - } - - .sm\:col-span-1 { - grid-column: span 1 / span 1 !important; - } - - .sm\:col-span-2 { - grid-column: span 2 / span 2 !important; - } - - .sm\:col-span-3 { - grid-column: span 3 / span 3 !important; - } - - .sm\:col-span-4 { - grid-column: span 4 / span 4 !important; - } - - .sm\:col-span-5 { - grid-column: span 5 / span 5 !important; - } - - .sm\:col-span-6 { - grid-column: span 6 / span 6 !important; - } - - .sm\:col-span-7 { - grid-column: span 7 / span 7 !important; - } - - .sm\:col-span-8 { - grid-column: span 8 / span 8 !important; - } - - .sm\:col-span-9 { - grid-column: span 9 / span 9 !important; - } - - .sm\:col-span-10 { - grid-column: span 10 / span 10 !important; - } - - .sm\:col-span-11 { - grid-column: span 11 / span 11 !important; - } - - .sm\:col-span-12 { - grid-column: span 12 / span 12 !important; - } - - .sm\:col-span-full { - grid-column: 1 / -1 !important; - } - - .sm\:col-start-1 { - grid-column-start: 1 !important; - } - - .sm\:col-start-2 { - grid-column-start: 2 !important; - } - - .sm\:col-start-3 { - grid-column-start: 3 !important; - } - - .sm\:col-start-4 { - grid-column-start: 4 !important; - } - - .sm\:col-start-5 { - grid-column-start: 5 !important; - } - - .sm\:col-start-6 { - grid-column-start: 6 !important; - } - - .sm\:col-start-7 { - grid-column-start: 7 !important; - } - - .sm\:col-start-8 { - grid-column-start: 8 !important; - } - - .sm\:col-start-9 { - grid-column-start: 9 !important; - } - - .sm\:col-start-10 { - grid-column-start: 10 !important; - } - - .sm\:col-start-11 { - grid-column-start: 11 !important; - } - - .sm\:col-start-12 { - grid-column-start: 12 !important; - } - - .sm\:col-start-13 { - grid-column-start: 13 !important; - } - - .sm\:col-start-auto { - grid-column-start: auto !important; - } - - .sm\:col-end-1 { - grid-column-end: 1 !important; - } - - .sm\:col-end-2 { - grid-column-end: 2 !important; - } - - .sm\:col-end-3 { - grid-column-end: 3 !important; - } - - .sm\:col-end-4 { - grid-column-end: 4 !important; - } - - .sm\:col-end-5 { - grid-column-end: 5 !important; - } - - .sm\:col-end-6 { - grid-column-end: 6 !important; - } - - .sm\:col-end-7 { - grid-column-end: 7 !important; - } - - .sm\:col-end-8 { - grid-column-end: 8 !important; - } - - .sm\:col-end-9 { - grid-column-end: 9 !important; - } - - .sm\:col-end-10 { - grid-column-end: 10 !important; - } - - .sm\:col-end-11 { - grid-column-end: 11 !important; - } - - .sm\:col-end-12 { - grid-column-end: 12 !important; - } - - .sm\:col-end-13 { - grid-column-end: 13 !important; - } - - .sm\:col-end-auto { - grid-column-end: auto !important; - } - - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; - } - - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; - } - - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; - } - - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; - } - - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; - } - - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; - } - - .sm\:grid-rows-none { - grid-template-rows: none !important; - } - - .sm\:auto-rows-auto { - grid-auto-rows: auto !important; - } - - .sm\:auto-rows-min { - grid-auto-rows: min-content !important; - } - - .sm\:auto-rows-max { - grid-auto-rows: max-content !important; - } - - .sm\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr) !important; - } - - .sm\:row-auto { - grid-row: auto !important; - } - - .sm\:row-span-1 { - grid-row: span 1 / span 1 !important; - } - - .sm\:row-span-2 { - grid-row: span 2 / span 2 !important; - } - - .sm\:row-span-3 { - grid-row: span 3 / span 3 !important; - } - - .sm\:row-span-4 { - grid-row: span 4 / span 4 !important; - } - - .sm\:row-span-5 { - grid-row: span 5 / span 5 !important; - } - - .sm\:row-span-6 { - grid-row: span 6 / span 6 !important; - } - - .sm\:row-span-full { - grid-row: 1 / -1 !important; - } - - .sm\:row-start-1 { - grid-row-start: 1 !important; - } - - .sm\:row-start-2 { - grid-row-start: 2 !important; - } - - .sm\:row-start-3 { - grid-row-start: 3 !important; - } - - .sm\:row-start-4 { - grid-row-start: 4 !important; - } - - .sm\:row-start-5 { - grid-row-start: 5 !important; - } - - .sm\:row-start-6 { - grid-row-start: 6 !important; - } - - .sm\:row-start-7 { - grid-row-start: 7 !important; - } - - .sm\:row-start-auto { - grid-row-start: auto !important; - } - - .sm\:row-end-1 { - grid-row-end: 1 !important; - } - - .sm\:row-end-2 { - grid-row-end: 2 !important; - } - - .sm\:row-end-3 { - grid-row-end: 3 !important; - } - - .sm\:row-end-4 { - grid-row-end: 4 !important; - } - - .sm\:row-end-5 { - grid-row-end: 5 !important; - } - - .sm\:row-end-6 { - grid-row-end: 6 !important; - } - - .sm\:row-end-7 { - grid-row-end: 7 !important; - } - - .sm\:row-end-auto { - grid-row-end: auto !important; - } - - .sm\:transform { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - 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)) !important; - } - - .sm\:transform-gpu { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; - } - - .sm\:transform-none { - transform: none !important; - } - - .sm\:origin-center { - transform-origin: center !important; - } - - .sm\:origin-top { - transform-origin: top !important; - } - - .sm\:origin-top-right { - transform-origin: top right !important; - } - - .sm\:origin-right { - transform-origin: right !important; - } - - .sm\:origin-bottom-right { - transform-origin: bottom right !important; - } - - .sm\:origin-bottom { - transform-origin: bottom !important; - } - - .sm\:origin-bottom-left { - transform-origin: bottom left !important; - } - - .sm\:origin-left { - transform-origin: left !important; - } - - .sm\:origin-top-left { - transform-origin: top left !important; - } - - .sm\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; - } - - .sm\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; - } - - .sm\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; - } - - .sm\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; - } - - .sm\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; - } - - .sm\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - } - - .sm\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; - } - - .sm\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; - } - - .sm\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; - } - - .sm\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; - } - - .sm\:scale-x-0 { - --transform-scale-x: 0 !important; - } - - .sm\:scale-x-50 { - --transform-scale-x: .5 !important; - } - - .sm\:scale-x-75 { - --transform-scale-x: .75 !important; - } - - .sm\:scale-x-90 { - --transform-scale-x: .9 !important; - } - - .sm\:scale-x-95 { - --transform-scale-x: .95 !important; - } - - .sm\:scale-x-100 { - --transform-scale-x: 1 !important; - } - - .sm\:scale-x-105 { - --transform-scale-x: 1.05 !important; - } - - .sm\:scale-x-110 { - --transform-scale-x: 1.1 !important; - } - - .sm\:scale-x-125 { - --transform-scale-x: 1.25 !important; - } - - .sm\:scale-x-150 { - --transform-scale-x: 1.5 !important; - } - - .sm\:scale-y-0 { - --transform-scale-y: 0 !important; - } - - .sm\:scale-y-50 { - --transform-scale-y: .5 !important; - } - - .sm\:scale-y-75 { - --transform-scale-y: .75 !important; - } - - .sm\:scale-y-90 { - --transform-scale-y: .9 !important; - } - - .sm\:scale-y-95 { - --transform-scale-y: .95 !important; - } - - .sm\:scale-y-100 { - --transform-scale-y: 1 !important; - } - - .sm\:scale-y-105 { - --transform-scale-y: 1.05 !important; - } - - .sm\:scale-y-110 { - --transform-scale-y: 1.1 !important; - } - - .sm\:scale-y-125 { - --transform-scale-y: 1.25 !important; - } - - .sm\:scale-y-150 { - --transform-scale-y: 1.5 !important; - } - - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; - } - - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; - } - - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; - } - - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; - } - - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; - } - - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - } - - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; - } - - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; - } - - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; - } - - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; - } - - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; - } - - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; - } - - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; - } - - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; - } - - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; - } - - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; - } - - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; - } - - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; - } - - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; - } - - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; - } - - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; - } - - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; - } - - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; - } - - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; - } - - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; - } - - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; - } - - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; - } - - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; - } - - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; - } - - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; - } - - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; - } - - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; - } - - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; - } - - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; - } - - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; - } - - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - } - - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; - } - - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; - } - - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; - } - - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; - } - - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; - } - - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; - } - - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; - } - - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; - } - - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; - } - - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; - } - - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; - } - - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; - } - - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; - } - - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; - } - - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; - } - - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; - } - - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; - } - - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; - } - - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; - } - - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; - } - - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; - } - - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; - } - - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; - } - - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; - } - - .sm\:rotate-0 { - --transform-rotate: 0 !important; - } - - .sm\:rotate-1 { - --transform-rotate: 1deg !important; - } - - .sm\:rotate-2 { - --transform-rotate: 2deg !important; - } - - .sm\:rotate-3 { - --transform-rotate: 3deg !important; - } - - .sm\:rotate-6 { - --transform-rotate: 6deg !important; - } - - .sm\:rotate-12 { - --transform-rotate: 12deg !important; - } - - .sm\:rotate-45 { - --transform-rotate: 45deg !important; - } - - .sm\:rotate-90 { - --transform-rotate: 90deg !important; - } - - .sm\:rotate-180 { - --transform-rotate: 180deg !important; - } - - .sm\:-rotate-180 { - --transform-rotate: -180deg !important; - } - - .sm\:-rotate-90 { - --transform-rotate: -90deg !important; - } - - .sm\:-rotate-45 { - --transform-rotate: -45deg !important; - } - - .sm\:-rotate-12 { - --transform-rotate: -12deg !important; - } - - .sm\:-rotate-6 { - --transform-rotate: -6deg !important; - } - - .sm\:-rotate-3 { - --transform-rotate: -3deg !important; - } - - .sm\:-rotate-2 { - --transform-rotate: -2deg !important; - } - - .sm\:-rotate-1 { - --transform-rotate: -1deg !important; - } - - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; - } - - .sm\:hover\:rotate-1:hover { - --transform-rotate: 1deg !important; - } - - .sm\:hover\:rotate-2:hover { - --transform-rotate: 2deg !important; - } - - .sm\:hover\:rotate-3:hover { - --transform-rotate: 3deg !important; - } - - .sm\:hover\:rotate-6:hover { - --transform-rotate: 6deg !important; - } - - .sm\:hover\:rotate-12:hover { - --transform-rotate: 12deg !important; - } - - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; - } - - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; - } - - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; - } - - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; - } - - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; - } - - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; - } - - .sm\:hover\:-rotate-12:hover { - --transform-rotate: -12deg !important; - } - - .sm\:hover\:-rotate-6:hover { - --transform-rotate: -6deg !important; - } - - .sm\:hover\:-rotate-3:hover { - --transform-rotate: -3deg !important; - } - - .sm\:hover\:-rotate-2:hover { - --transform-rotate: -2deg !important; - } - - .sm\:hover\:-rotate-1:hover { - --transform-rotate: -1deg !important; - } - - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; - } - - .sm\:focus\:rotate-1:focus { - --transform-rotate: 1deg !important; - } - - .sm\:focus\:rotate-2:focus { - --transform-rotate: 2deg !important; - } - - .sm\:focus\:rotate-3:focus { - --transform-rotate: 3deg !important; - } - - .sm\:focus\:rotate-6:focus { - --transform-rotate: 6deg !important; - } - - .sm\:focus\:rotate-12:focus { - --transform-rotate: 12deg !important; - } - - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; - } - - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; - } - - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; - } - - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; - } - - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; - } - - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; - } - - .sm\:focus\:-rotate-12:focus { - --transform-rotate: -12deg !important; - } - - .sm\:focus\:-rotate-6:focus { - --transform-rotate: -6deg !important; - } - - .sm\:focus\:-rotate-3:focus { - --transform-rotate: -3deg !important; - } - - .sm\:focus\:-rotate-2:focus { - --transform-rotate: -2deg !important; - } - - .sm\:focus\:-rotate-1:focus { - --transform-rotate: -1deg !important; - } - - .sm\:translate-x-0 { - --transform-translate-x: 0 !important; - } - - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem !important; - } - - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem !important; - } - - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem !important; - } - - .sm\:translate-x-4 { - --transform-translate-x: 1rem !important; - } - - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem !important; - } - - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem !important; - } - - .sm\:translate-x-7 { - --transform-translate-x: 1.75rem !important; - } - - .sm\:translate-x-8 { - --transform-translate-x: 2rem !important; - } - - .sm\:translate-x-9 { - --transform-translate-x: 2.25rem !important; - } - - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem !important; - } - - .sm\:translate-x-12 { - --transform-translate-x: 3rem !important; - } - - .sm\:translate-x-14 { - --transform-translate-x: 3.5rem !important; - } - - .sm\:translate-x-16 { - --transform-translate-x: 4rem !important; - } - - .sm\:translate-x-20 { - --transform-translate-x: 5rem !important; - } - - .sm\:translate-x-24 { - --transform-translate-x: 6rem !important; - } - - .sm\:translate-x-28 { - --transform-translate-x: 7rem !important; - } - - .sm\:translate-x-32 { - --transform-translate-x: 8rem !important; - } - - .sm\:translate-x-36 { - --transform-translate-x: 9rem !important; - } - - .sm\:translate-x-40 { - --transform-translate-x: 10rem !important; - } - - .sm\:translate-x-44 { - --transform-translate-x: 11rem !important; - } - - .sm\:translate-x-48 { - --transform-translate-x: 12rem !important; - } - - .sm\:translate-x-52 { - --transform-translate-x: 13rem !important; - } - - .sm\:translate-x-56 { - --transform-translate-x: 14rem !important; - } - - .sm\:translate-x-60 { - --transform-translate-x: 15rem !important; - } - - .sm\:translate-x-64 { - --transform-translate-x: 16rem !important; - } - - .sm\:translate-x-72 { - --transform-translate-x: 18rem !important; - } - - .sm\:translate-x-80 { - --transform-translate-x: 20rem !important; - } - - .sm\:translate-x-96 { - --transform-translate-x: 24rem !important; - } - - .sm\:translate-x-px { - --transform-translate-x: 1px !important; - } - - .sm\:translate-x-0\.5 { - --transform-translate-x: 0.125rem !important; - } - - .sm\:translate-x-1\.5 { - --transform-translate-x: 0.375rem !important; - } - - .sm\:translate-x-2\.5 { - --transform-translate-x: 0.625rem !important; - } - - .sm\:translate-x-3\.5 { - --transform-translate-x: 0.875rem !important; - } - - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem !important; - } - - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem !important; - } - - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem !important; - } - - .sm\:-translate-x-4 { - --transform-translate-x: -1rem !important; - } - - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem !important; - } - - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem !important; - } - - .sm\:-translate-x-7 { - --transform-translate-x: -1.75rem !important; - } - - .sm\:-translate-x-8 { - --transform-translate-x: -2rem !important; - } - - .sm\:-translate-x-9 { - --transform-translate-x: -2.25rem !important; - } - - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem !important; - } - - .sm\:-translate-x-12 { - --transform-translate-x: -3rem !important; - } - - .sm\:-translate-x-14 { - --transform-translate-x: -3.5rem !important; - } - - .sm\:-translate-x-16 { - --transform-translate-x: -4rem !important; - } - - .sm\:-translate-x-20 { - --transform-translate-x: -5rem !important; - } - - .sm\:-translate-x-24 { - --transform-translate-x: -6rem !important; - } - - .sm\:-translate-x-28 { - --transform-translate-x: -7rem !important; - } - - .sm\:-translate-x-32 { - --transform-translate-x: -8rem !important; - } - - .sm\:-translate-x-36 { - --transform-translate-x: -9rem !important; - } - - .sm\:-translate-x-40 { - --transform-translate-x: -10rem !important; - } - - .sm\:-translate-x-44 { - --transform-translate-x: -11rem !important; - } - - .sm\:-translate-x-48 { - --transform-translate-x: -12rem !important; - } - - .sm\:-translate-x-52 { - --transform-translate-x: -13rem !important; - } - - .sm\:-translate-x-56 { - --transform-translate-x: -14rem !important; - } - - .sm\:-translate-x-60 { - --transform-translate-x: -15rem !important; - } - - .sm\:-translate-x-64 { - --transform-translate-x: -16rem !important; - } - - .sm\:-translate-x-72 { - --transform-translate-x: -18rem !important; - } - - .sm\:-translate-x-80 { - --transform-translate-x: -20rem !important; - } - - .sm\:-translate-x-96 { - --transform-translate-x: -24rem !important; - } - - .sm\:-translate-x-px { - --transform-translate-x: -1px !important; - } - - .sm\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem !important; - } - - .sm\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem !important; - } - - .sm\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem !important; - } - - .sm\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem !important; - } - - .sm\:translate-x-1\/2 { - --transform-translate-x: 50% !important; - } - - .sm\:translate-x-1\/3 { - --transform-translate-x: 33.333333% !important; - } - - .sm\:translate-x-2\/3 { - --transform-translate-x: 66.666667% !important; - } - - .sm\:translate-x-1\/4 { - --transform-translate-x: 25% !important; - } - - .sm\:translate-x-2\/4 { - --transform-translate-x: 50% !important; - } - - .sm\:translate-x-3\/4 { - --transform-translate-x: 75% !important; - } - - .sm\:translate-x-full { - --transform-translate-x: 100% !important; - } - - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50% !important; - } - - .sm\:-translate-x-1\/3 { - --transform-translate-x: -33.333333% !important; - } - - .sm\:-translate-x-2\/3 { - --transform-translate-x: -66.666667% !important; - } - - .sm\:-translate-x-1\/4 { - --transform-translate-x: -25% !important; - } - - .sm\:-translate-x-2\/4 { - --transform-translate-x: -50% !important; - } - - .sm\:-translate-x-3\/4 { - --transform-translate-x: -75% !important; - } - - .sm\:-translate-x-full { - --transform-translate-x: -100% !important; - } - - .sm\:translate-y-0 { - --transform-translate-y: 0 !important; - } - - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem !important; - } - - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem !important; - } - - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem !important; - } - - .sm\:translate-y-4 { - --transform-translate-y: 1rem !important; - } - - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem !important; - } - - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem !important; - } - - .sm\:translate-y-7 { - --transform-translate-y: 1.75rem !important; - } - - .sm\:translate-y-8 { - --transform-translate-y: 2rem !important; - } - - .sm\:translate-y-9 { - --transform-translate-y: 2.25rem !important; - } - - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem !important; - } - - .sm\:translate-y-12 { - --transform-translate-y: 3rem !important; - } - - .sm\:translate-y-14 { - --transform-translate-y: 3.5rem !important; - } - - .sm\:translate-y-16 { - --transform-translate-y: 4rem !important; - } - - .sm\:translate-y-20 { - --transform-translate-y: 5rem !important; - } - - .sm\:translate-y-24 { - --transform-translate-y: 6rem !important; - } - - .sm\:translate-y-28 { - --transform-translate-y: 7rem !important; - } - - .sm\:translate-y-32 { - --transform-translate-y: 8rem !important; - } - - .sm\:translate-y-36 { - --transform-translate-y: 9rem !important; - } - - .sm\:translate-y-40 { - --transform-translate-y: 10rem !important; - } - - .sm\:translate-y-44 { - --transform-translate-y: 11rem !important; - } - - .sm\:translate-y-48 { - --transform-translate-y: 12rem !important; - } - - .sm\:translate-y-52 { - --transform-translate-y: 13rem !important; - } - - .sm\:translate-y-56 { - --transform-translate-y: 14rem !important; - } - - .sm\:translate-y-60 { - --transform-translate-y: 15rem !important; - } - - .sm\:translate-y-64 { - --transform-translate-y: 16rem !important; - } - - .sm\:translate-y-72 { - --transform-translate-y: 18rem !important; - } - - .sm\:translate-y-80 { - --transform-translate-y: 20rem !important; - } - - .sm\:translate-y-96 { - --transform-translate-y: 24rem !important; - } - - .sm\:translate-y-px { - --transform-translate-y: 1px !important; - } - - .sm\:translate-y-0\.5 { - --transform-translate-y: 0.125rem !important; - } - - .sm\:translate-y-1\.5 { - --transform-translate-y: 0.375rem !important; - } - - .sm\:translate-y-2\.5 { - --transform-translate-y: 0.625rem !important; - } - - .sm\:translate-y-3\.5 { - --transform-translate-y: 0.875rem !important; - } - - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem !important; - } - - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem !important; - } - - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem !important; - } - - .sm\:-translate-y-4 { - --transform-translate-y: -1rem !important; - } - - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem !important; - } - - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem !important; - } - - .sm\:-translate-y-7 { - --transform-translate-y: -1.75rem !important; - } - - .sm\:-translate-y-8 { - --transform-translate-y: -2rem !important; - } - - .sm\:-translate-y-9 { - --transform-translate-y: -2.25rem !important; - } - - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem !important; - } - - .sm\:-translate-y-12 { - --transform-translate-y: -3rem !important; - } - - .sm\:-translate-y-14 { - --transform-translate-y: -3.5rem !important; - } - - .sm\:-translate-y-16 { - --transform-translate-y: -4rem !important; - } - - .sm\:-translate-y-20 { - --transform-translate-y: -5rem !important; - } - - .sm\:-translate-y-24 { - --transform-translate-y: -6rem !important; - } - - .sm\:-translate-y-28 { - --transform-translate-y: -7rem !important; - } - - .sm\:-translate-y-32 { - --transform-translate-y: -8rem !important; - } - - .sm\:-translate-y-36 { - --transform-translate-y: -9rem !important; - } - - .sm\:-translate-y-40 { - --transform-translate-y: -10rem !important; - } - - .sm\:-translate-y-44 { - --transform-translate-y: -11rem !important; - } - - .sm\:-translate-y-48 { - --transform-translate-y: -12rem !important; - } - - .sm\:-translate-y-52 { - --transform-translate-y: -13rem !important; - } - - .sm\:-translate-y-56 { - --transform-translate-y: -14rem !important; - } - - .sm\:-translate-y-60 { - --transform-translate-y: -15rem !important; - } - - .sm\:-translate-y-64 { - --transform-translate-y: -16rem !important; - } - - .sm\:-translate-y-72 { - --transform-translate-y: -18rem !important; - } - - .sm\:-translate-y-80 { - --transform-translate-y: -20rem !important; - } - - .sm\:-translate-y-96 { - --transform-translate-y: -24rem !important; - } - - .sm\:-translate-y-px { - --transform-translate-y: -1px !important; - } - - .sm\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem !important; - } - - .sm\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem !important; - } - - .sm\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem !important; - } - - .sm\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem !important; - } - - .sm\:translate-y-1\/2 { - --transform-translate-y: 50% !important; - } - - .sm\:translate-y-1\/3 { - --transform-translate-y: 33.333333% !important; - } - - .sm\:translate-y-2\/3 { - --transform-translate-y: 66.666667% !important; - } - - .sm\:translate-y-1\/4 { - --transform-translate-y: 25% !important; - } - - .sm\:translate-y-2\/4 { - --transform-translate-y: 50% !important; - } - - .sm\:translate-y-3\/4 { - --transform-translate-y: 75% !important; - } - - .sm\:translate-y-full { - --transform-translate-y: 100% !important; - } - - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50% !important; - } - - .sm\:-translate-y-1\/3 { - --transform-translate-y: -33.333333% !important; - } - - .sm\:-translate-y-2\/3 { - --transform-translate-y: -66.666667% !important; - } - - .sm\:-translate-y-1\/4 { - --transform-translate-y: -25% !important; - } - - .sm\:-translate-y-2\/4 { - --transform-translate-y: -50% !important; - } - - .sm\:-translate-y-3\/4 { - --transform-translate-y: -75% !important; - } - - .sm\:-translate-y-full { - --transform-translate-y: -100% !important; - } - - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; - } - - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; - } - - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; - } - - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; - } - - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; - } - - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; - } - - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; - } - - .sm\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem !important; - } - - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; - } - - .sm\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem !important; - } - - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; - } - - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; - } - - .sm\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem !important; - } - - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; - } - - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; - } - - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; - } - - .sm\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem !important; - } - - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; - } - - .sm\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem !important; - } - - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; - } - - .sm\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem !important; - } - - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; - } - - .sm\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem !important; - } - - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; - } - - .sm\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem !important; - } - - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; - } - - .sm\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem !important; - } - - .sm\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem !important; - } - - .sm\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem !important; - } - - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; - } - - .sm\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem !important; - } - - .sm\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem !important; - } - - .sm\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem !important; - } - - .sm\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem !important; - } - - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; - } - - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; - } - - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; - } - - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; - } - - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; - } - - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; - } - - .sm\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem !important; - } - - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; - } - - .sm\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem !important; - } - - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; - } - - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; - } - - .sm\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem !important; - } - - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; - } - - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; - } - - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; - } - - .sm\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem !important; - } - - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; - } - - .sm\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem !important; - } - - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; - } - - .sm\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem !important; - } - - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; - } - - .sm\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem !important; - } - - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; - } - - .sm\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem !important; - } - - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; - } - - .sm\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem !important; - } - - .sm\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem !important; - } - - .sm\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem !important; - } - - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; - } - - .sm\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem !important; - } - - .sm\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem !important; - } - - .sm\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem !important; - } - - .sm\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem !important; - } - - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; - } - - .sm\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333% !important; - } - - .sm\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667% !important; - } - - .sm\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25% !important; - } - - .sm\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50% !important; - } - - .sm\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75% !important; - } - - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; - } - - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; - } - - .sm\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333% !important; - } - - .sm\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667% !important; - } - - .sm\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25% !important; - } - - .sm\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50% !important; - } - - .sm\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75% !important; - } - - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; - } - - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; - } - - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; - } - - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; - } - - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; - } - - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; - } - - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; - } - - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; - } - - .sm\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem !important; - } - - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; - } - - .sm\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem !important; - } - - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; - } - - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; - } - - .sm\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem !important; - } - - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; - } - - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; - } - - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; - } - - .sm\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem !important; - } - - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; - } - - .sm\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem !important; - } - - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; - } - - .sm\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem !important; - } - - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; - } - - .sm\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem !important; - } - - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; - } - - .sm\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem !important; - } - - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; - } - - .sm\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem !important; - } - - .sm\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem !important; - } - - .sm\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem !important; - } - - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; - } - - .sm\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem !important; - } - - .sm\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem !important; - } - - .sm\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem !important; - } - - .sm\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem !important; - } - - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; - } - - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; - } - - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; - } - - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; - } - - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; - } - - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; - } - - .sm\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem !important; - } - - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; - } - - .sm\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem !important; - } - - .sm\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; - } - - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; - } - - .sm\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem !important; - } - - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; - } - - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; - } - - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; - } - - .sm\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem !important; - } - - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; - } - - .sm\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem !important; - } - - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; - } - - .sm\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem !important; - } - - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; - } - - .sm\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem !important; - } - - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; - } - - .sm\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem !important; - } - - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; - } - - .sm\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem !important; - } - - .sm\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem !important; - } - - .sm\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem !important; - } - - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; - } - - .sm\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem !important; - } - - .sm\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem !important; - } - - .sm\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem !important; - } - - .sm\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem !important; - } - - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; - } - - .sm\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333% !important; - } - - .sm\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667% !important; - } - - .sm\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25% !important; - } - - .sm\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50% !important; - } - - .sm\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75% !important; - } - - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; - } - - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; - } - - .sm\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333% !important; - } - - .sm\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667% !important; - } - - .sm\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25% !important; - } - - .sm\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50% !important; - } - - .sm\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75% !important; - } - - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; - } - - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; - } - - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; - } - - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; - } - - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; - } - - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; - } - - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; - } - - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; - } - - .sm\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem !important; - } - - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; - } - - .sm\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem !important; - } - - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; - } - - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; - } - - .sm\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem !important; - } - - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; - } - - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; - } - - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; - } - - .sm\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem !important; - } - - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; - } - - .sm\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem !important; - } - - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; - } - - .sm\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem !important; - } - - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; - } - - .sm\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem !important; - } - - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; - } - - .sm\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem !important; - } - - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; - } - - .sm\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem !important; - } - - .sm\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem !important; - } - - .sm\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem !important; - } - - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; - } - - .sm\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem !important; - } - - .sm\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem !important; - } - - .sm\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem !important; - } - - .sm\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem !important; - } - - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; - } - - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; - } - - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; - } - - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; - } - - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; - } - - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; - } - - .sm\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem !important; - } - - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; - } - - .sm\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem !important; - } - - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; - } - - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; - } - - .sm\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem !important; - } - - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; - } - - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; - } - - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; - } - - .sm\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem !important; - } - - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; - } - - .sm\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem !important; - } - - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; - } - - .sm\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem !important; - } - - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; - } - - .sm\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem !important; - } - - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; - } - - .sm\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem !important; - } - - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; - } - - .sm\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem !important; - } - - .sm\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem !important; - } - - .sm\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem !important; - } - - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; - } - - .sm\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem !important; - } - - .sm\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem !important; - } - - .sm\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem !important; - } - - .sm\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem !important; - } - - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; - } - - .sm\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333% !important; - } - - .sm\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667% !important; - } - - .sm\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25% !important; - } - - .sm\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50% !important; - } - - .sm\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75% !important; - } - - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; - } - - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; - } - - .sm\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333% !important; - } - - .sm\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667% !important; - } - - .sm\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25% !important; - } - - .sm\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50% !important; - } - - .sm\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75% !important; - } - - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; - } - - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; - } - - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; - } - - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; - } - - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; - } - - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; - } - - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; - } - - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; - } - - .sm\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem !important; - } - - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; - } - - .sm\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem !important; - } - - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; - } - - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; - } - - .sm\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem !important; - } - - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; - } - - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; - } - - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; - } - - .sm\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem !important; - } - - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; - } - - .sm\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem !important; - } - - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; - } - - .sm\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem !important; - } - - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; - } - - .sm\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem !important; - } - - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; - } - - .sm\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem !important; - } - - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; - } - - .sm\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem !important; - } - - .sm\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem !important; - } - - .sm\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem !important; - } - - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; - } - - .sm\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem !important; - } - - .sm\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem !important; - } - - .sm\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem !important; - } - - .sm\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem !important; - } - - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; - } - - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; - } - - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; - } - - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; - } - - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; - } - - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; - } - - .sm\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem !important; - } - - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; - } - - .sm\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem !important; - } - - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; - } - - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; - } - - .sm\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem !important; - } - - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; - } - - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; - } - - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; - } - - .sm\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem !important; - } - - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; - } - - .sm\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem !important; - } - - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; - } - - .sm\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem !important; - } - - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; - } - - .sm\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem !important; - } - - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; - } - - .sm\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem !important; - } - - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; - } - - .sm\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem !important; - } - - .sm\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem !important; - } - - .sm\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem !important; - } - - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; - } - - .sm\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem !important; - } - - .sm\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem !important; - } - - .sm\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem !important; - } - - .sm\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem !important; - } - - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; - } - - .sm\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333% !important; - } - - .sm\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667% !important; - } - - .sm\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25% !important; - } - - .sm\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50% !important; - } - - .sm\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75% !important; - } - - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; - } - - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; - } - - .sm\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333% !important; - } - - .sm\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667% !important; - } - - .sm\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25% !important; - } - - .sm\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50% !important; - } - - .sm\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75% !important; - } - - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; - } - - .sm\:skew-x-0 { - --transform-skew-x: 0 !important; - } - - .sm\:skew-x-1 { - --transform-skew-x: 1deg !important; - } - - .sm\:skew-x-2 { - --transform-skew-x: 2deg !important; - } - - .sm\:skew-x-3 { - --transform-skew-x: 3deg !important; - } - - .sm\:skew-x-6 { - --transform-skew-x: 6deg !important; - } - - .sm\:skew-x-12 { - --transform-skew-x: 12deg !important; - } - - .sm\:-skew-x-12 { - --transform-skew-x: -12deg !important; - } - - .sm\:-skew-x-6 { - --transform-skew-x: -6deg !important; - } - - .sm\:-skew-x-3 { - --transform-skew-x: -3deg !important; - } - - .sm\:-skew-x-2 { - --transform-skew-x: -2deg !important; - } - - .sm\:-skew-x-1 { - --transform-skew-x: -1deg !important; - } - - .sm\:skew-y-0 { - --transform-skew-y: 0 !important; - } - - .sm\:skew-y-1 { - --transform-skew-y: 1deg !important; - } - - .sm\:skew-y-2 { - --transform-skew-y: 2deg !important; - } - - .sm\:skew-y-3 { - --transform-skew-y: 3deg !important; - } - - .sm\:skew-y-6 { - --transform-skew-y: 6deg !important; - } - - .sm\:skew-y-12 { - --transform-skew-y: 12deg !important; - } - - .sm\:-skew-y-12 { - --transform-skew-y: -12deg !important; - } - - .sm\:-skew-y-6 { - --transform-skew-y: -6deg !important; - } - - .sm\:-skew-y-3 { - --transform-skew-y: -3deg !important; - } - - .sm\:-skew-y-2 { - --transform-skew-y: -2deg !important; - } - - .sm\:-skew-y-1 { - --transform-skew-y: -1deg !important; - } - - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; - } - - .sm\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg !important; - } - - .sm\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg !important; - } - - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; - } - - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; - } - - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; - } - - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; - } - - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; - } - - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; - } - - .sm\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg !important; - } - - .sm\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg !important; - } - - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; - } - - .sm\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg !important; - } - - .sm\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg !important; - } - - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; - } - - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; - } - - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; - } - - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; - } - - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; - } - - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; - } - - .sm\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg !important; - } - - .sm\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg !important; - } - - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; - } - - .sm\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg !important; - } - - .sm\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg !important; - } - - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; - } - - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; - } - - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; - } - - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; - } - - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; - } - - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; - } - - .sm\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg !important; - } - - .sm\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg !important; - } - - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; - } - - .sm\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg !important; - } - - .sm\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg !important; - } - - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; - } - - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; - } - - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; - } - - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; - } - - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; - } - - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; - } - - .sm\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg !important; - } - - .sm\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg !important; - } - - .sm\:transition-none { - transition-property: none !important; - } - - .sm\:transition-all { - transition-property: all !important; - } - - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; - } - - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; - } - - .sm\:transition-opacity { - transition-property: opacity !important; - } - - .sm\:transition-shadow { - transition-property: box-shadow !important; - } - - .sm\:transition-transform { - transition-property: transform !important; - } - - .sm\:ease-linear { - transition-timing-function: linear !important; - } - - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; - } - - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; - } - - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - } - - .sm\:duration-75 { - transition-duration: 75ms !important; - } - - .sm\:duration-100 { - transition-duration: 100ms !important; - } - - .sm\:duration-150 { - transition-duration: 150ms !important; - } - - .sm\:duration-200 { - transition-duration: 200ms !important; - } - - .sm\:duration-300 { - transition-duration: 300ms !important; - } - - .sm\:duration-500 { - transition-duration: 500ms !important; - } - - .sm\:duration-700 { - transition-duration: 700ms !important; - } - - .sm\:duration-1000 { - transition-duration: 1000ms !important; - } - - .sm\:delay-75 { - transition-delay: 75ms !important; - } - - .sm\:delay-100 { - transition-delay: 100ms !important; - } - - .sm\:delay-150 { - transition-delay: 150ms !important; - } - - .sm\:delay-200 { - transition-delay: 200ms !important; - } - - .sm\:delay-300 { - transition-delay: 300ms !important; - } - - .sm\:delay-500 { - transition-delay: 500ms !important; - } - - .sm\:delay-700 { - transition-delay: 700ms !important; - } - - .sm\:delay-1000 { - transition-delay: 1000ms !important; - } - - .sm\:animate-none { - animation: none !important; - } - - .sm\:animate-spin { - animation: spin 1s linear infinite !important; - } - - .sm\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; - } - - .sm\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; - } - - .sm\:animate-bounce { - animation: bounce 1s infinite !important; - } - - .sm\:example { - font-weight: 700; - color: #ef4444; - } -} - -@media (min-width: 768px) { - .md\:container { - width: 100%; - } - - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .md\:container { - max-width: 1536px; - } - } - - .md\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0px * var(--space-y-reverse)) !important; - } - - .md\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0px * var(--space-x-reverse)) !important; - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(4rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(5rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(6rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(7rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(8rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(9rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(10rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(11rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(12rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(13rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(14rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(15rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(16rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(18rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(20rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(24rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1px * var(--space-y-reverse)) !important; - } - - .md\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; - } - - .md\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1px * var(--space-y-reverse)) !important; - } - - .md\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; - } - - .md\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; - } - - .md\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1 !important; - } - - .md\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1 !important; - } - - .md\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; - } - - .md\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; - } - - .md\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; - } - - .md\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; - } - - .md\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; - } - - .md\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; - } - - .md\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; - } - - .md\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; - } - - .md\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; - } - - .md\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; - } - - .md\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1 !important; - } - - .md\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1 !important; - } - - .md\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .md\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } - - .md\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } - - .md\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } - - .md\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } - - .md\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } - - .md\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } - - .md\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } - - .md\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } - - .md\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } - - .md\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } - - .md\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } - - .md\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } - - .md\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } - - .md\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } - - .md\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } - - .md\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } - - .md\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } - - .md\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } - - .md\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } - - .md\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } - - .md\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } - - .md\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } - - .md\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } - - .md\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } - - .md\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } - - .md\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } - - .md\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } - - .md\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } - - .md\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } - - .md\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } - - .md\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } - - .md\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } - - .md\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } - - .md\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } - - .md\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } - - .md\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } - - .md\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } - - .md\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } - - .md\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } - - .md\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } - - .md\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } - - .md\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } - - .md\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } - - .md\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } - - .md\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } - - .md\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } - - .md\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } - - .md\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } - - .md\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } - - .md\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } - - .md\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } - - .md\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } - - .md\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } - - .md\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } - - .md\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } - - .md\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } - - .md\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } - - .md\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } - - .md\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } - - .md\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } - - .md\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } - - .md\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } - - .md\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } - - .md\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } - - @media (prefers-color-scheme: dark) { - .md\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .md\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } - - .md\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } - - .md\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } - } - - .md\:divide-solid > :not(template) ~ :not(template) { - border-style: solid !important; - } - - .md\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed !important; - } - - .md\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted !important; - } - - .md\:divide-double > :not(template) ~ :not(template) { - border-style: double !important; - } - - .md\:divide-none > :not(template) ~ :not(template) { - border-style: none !important; - } - - .md\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0 !important; - } - - .md\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25 !important; - } - - .md\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5 !important; - } - - .md\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75 !important; - } - - .md\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - } - - .md\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; - } - - .md\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; - } - - .md\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; - } - - .md\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; - } - - .md\:appearance-none { - appearance: none !important; - } - - .md\:bg-fixed { - background-attachment: fixed !important; - } - - .md\:bg-local { - background-attachment: local !important; - } - - .md\:bg-scroll { - background-attachment: scroll !important; - } - - .md\:bg-clip-border { - background-clip: border-box !important; - } - - .md\:bg-clip-padding { - background-clip: padding-box !important; - } - - .md\:bg-clip-content { - background-clip: content-box !important; - } - - .md\:bg-clip-text { - background-clip: text !important; - } - - .md\:bg-transparent { - background-color: transparent !important; - } - - .md\:bg-current { - background-color: currentColor !important; - } - - .md\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .md\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .md\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .md\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .md\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .md\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .md\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .md\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .md\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .md\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .md\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .md\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .md\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .md\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .md\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .md\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .md\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .md\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .md\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .md\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .md\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .md\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .md\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .md\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .md\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .md\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .md\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .md\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .md\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .md\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .md\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .md\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .md\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .md\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .md\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .md\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .md\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .md\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .md\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .md\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .md\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .md\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .md\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .md\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .md\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .md\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .md\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .md\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .md\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .md\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .md\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .md\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .md\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .md\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .md\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .md\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .md\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .md\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .md\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .md\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .md\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .md\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .md\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-transparent { - background-color: transparent !important; - } - - .group:hover .md\:group-hover\:bg-current { - background-color: currentColor !important; - } - - .group:hover .md\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .group:hover .md\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-transparent:hover { - background-color: transparent !important; - } - - .md\:hover\:bg-current:hover { - background-color: currentColor !important; - } - - .md\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .md\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; +} - .md\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem !important; +} - .md\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; +} - .md\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem !important; +} - .md\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; +} - .md\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; +} - .md\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem !important; +} - .md\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; +} - .md\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; +} - .md\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; +} - .md\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.hover\:-translate-y-28:hover { + --transform-translate-y: -7rem !important; +} - .md\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; +} - .md\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.hover\:-translate-y-36:hover { + --transform-translate-y: -9rem !important; +} - .md\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; +} - .md\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.hover\:-translate-y-44:hover { + --transform-translate-y: -11rem !important; +} - .md\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; +} - .md\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.hover\:-translate-y-52:hover { + --transform-translate-y: -13rem !important; +} - .md\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; +} - .md\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.hover\:-translate-y-60:hover { + --transform-translate-y: -15rem !important; +} - .md\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; +} - .md\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.hover\:-translate-y-72:hover { + --transform-translate-y: -18rem !important; +} - .md\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.hover\:-translate-y-80:hover { + --transform-translate-y: -20rem !important; +} - .md\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.hover\:-translate-y-96:hover { + --transform-translate-y: -24rem !important; +} - .md\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; +} - .md\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem !important; +} - .md\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem !important; +} - .md\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem !important; +} - .md\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem !important; +} - .md\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; +} - .md\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333% !important; +} - .md\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667% !important; +} - .md\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.hover\:translate-y-1\/4:hover { + --transform-translate-y: 25% !important; +} - .md\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.hover\:translate-y-2\/4:hover { + --transform-translate-y: 50% !important; +} - .md\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.hover\:translate-y-3\/4:hover { + --transform-translate-y: 75% !important; +} - .md\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; +} - .md\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; +} - .md\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333% !important; +} - .md\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667% !important; +} - .md\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25% !important; +} - .md\:focus\:bg-transparent:focus { - background-color: transparent !important; - } +.hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50% !important; +} - .md\:focus\:bg-current:focus { - background-color: currentColor !important; - } +.hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75% !important; +} - .md\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; +} - .md\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; +} - .md\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; +} - .md\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; +} - .md\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; +} - .md\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; +} - .md\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; +} - .md\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; +} - .md\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem !important; +} - .md\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; +} - .md\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem !important; +} - .md\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; +} - .md\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; +} - .md\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem !important; +} - .md\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; +} - .md\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; +} - .md\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; +} - .md\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.focus\:translate-x-28:focus { + --transform-translate-x: 7rem !important; +} - .md\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; +} - .md\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.focus\:translate-x-36:focus { + --transform-translate-x: 9rem !important; +} - .md\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; +} - .md\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.focus\:translate-x-44:focus { + --transform-translate-x: 11rem !important; +} - .md\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; +} - .md\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.focus\:translate-x-52:focus { + --transform-translate-x: 13rem !important; +} - .md\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; +} - .md\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.focus\:translate-x-60:focus { + --transform-translate-x: 15rem !important; +} - .md\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; +} - .md\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.focus\:translate-x-72:focus { + --transform-translate-x: 18rem !important; +} - .md\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.focus\:translate-x-80:focus { + --transform-translate-x: 20rem !important; +} - .md\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.focus\:translate-x-96:focus { + --transform-translate-x: 24rem !important; +} - .md\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; +} - .md\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem !important; +} - .md\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem !important; +} - .md\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem !important; +} - .md\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem !important; +} - .md\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; +} - .md\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; +} - .md\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; +} - .md\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; +} - .md\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; +} - .md\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; +} - .md\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem !important; +} - .md\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; +} - .md\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem !important; +} - .md\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; +} - .md\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; +} - .md\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem !important; +} - .md\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; +} - .md\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; +} - .md\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; +} - .md\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.focus\:-translate-x-28:focus { + --transform-translate-x: -7rem !important; +} - .md\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; +} - .md\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.focus\:-translate-x-36:focus { + --transform-translate-x: -9rem !important; +} - .md\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; +} - .md\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-x-44:focus { + --transform-translate-x: -11rem !important; +} - .md\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; +} - .md\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.focus\:-translate-x-52:focus { + --transform-translate-x: -13rem !important; +} - .md\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; +} - .md\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.focus\:-translate-x-60:focus { + --transform-translate-x: -15rem !important; +} - .md\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; +} - .md\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.focus\:-translate-x-72:focus { + --transform-translate-x: -18rem !important; +} - .md\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.focus\:-translate-x-80:focus { + --transform-translate-x: -20rem !important; +} - .md\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.focus\:-translate-x-96:focus { + --transform-translate-x: -24rem !important; +} - .md\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; +} - .md\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem !important; +} - .md\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem !important; +} - .md\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem !important; +} - .md\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem !important; +} - .md\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; +} - .md\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333% !important; +} - .md\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667% !important; +} - .md\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.focus\:translate-x-1\/4:focus { + --transform-translate-x: 25% !important; +} - @media (prefers-color-scheme: dark) { - .md\:dark\:bg-transparent { - background-color: transparent !important; - } +.focus\:translate-x-2\/4:focus { + --transform-translate-x: 50% !important; +} - .md\:dark\:bg-current { - background-color: currentColor !important; - } +.focus\:translate-x-3\/4:focus { + --transform-translate-x: 75% !important; +} - .md\:dark\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; +} - .md\:dark\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; +} - .md\:dark\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333% !important; +} - .md\:dark\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667% !important; +} - .md\:dark\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25% !important; +} - .md\:dark\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50% !important; +} - .md\:dark\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75% !important; +} - .md\:dark\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; +} - .md\:dark\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; +} - .md\:dark\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; +} - .md\:dark\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; +} - .md\:dark\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; +} - .md\:dark\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; +} - .md\:dark\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; +} - .md\:dark\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; +} - .md\:dark\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem !important; +} - .md\:dark\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; +} - .md\:dark\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem !important; +} - .md\:dark\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; +} - .md\:dark\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; +} - .md\:dark\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem !important; +} - .md\:dark\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; +} - .md\:dark\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; +} - .md\:dark\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; +} - .md\:dark\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.focus\:translate-y-28:focus { + --transform-translate-y: 7rem !important; +} - .md\:dark\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; +} - .md\:dark\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.focus\:translate-y-36:focus { + --transform-translate-y: 9rem !important; +} - .md\:dark\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; +} - .md\:dark\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.focus\:translate-y-44:focus { + --transform-translate-y: 11rem !important; +} - .md\:dark\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; +} - .md\:dark\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.focus\:translate-y-52:focus { + --transform-translate-y: 13rem !important; +} - .md\:dark\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; +} - .md\:dark\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.focus\:translate-y-60:focus { + --transform-translate-y: 15rem !important; +} - .md\:dark\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; +} - .md\:dark\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.focus\:translate-y-72:focus { + --transform-translate-y: 18rem !important; +} - .md\:dark\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.focus\:translate-y-80:focus { + --transform-translate-y: 20rem !important; +} - .md\:dark\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.focus\:translate-y-96:focus { + --transform-translate-y: 24rem !important; +} - .md\:dark\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; +} - .md\:dark\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem !important; +} - .md\:dark\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem !important; +} - .md\:dark\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem !important; +} - .md\:dark\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem !important; +} - .md\:dark\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; +} - .md\:dark\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; +} - .md\:dark\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; +} - .md\:dark\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; +} - .md\:dark\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; +} - .md\:dark\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; +} - .md\:dark\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem !important; +} - .md\:dark\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; +} - .md\:dark\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem !important; +} - .md\:dark\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; +} - .md\:dark\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; +} - .md\:dark\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem !important; +} - .md\:dark\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; +} - .md\:dark\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; +} - .md\:dark\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; +} - .md\:dark\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.focus\:-translate-y-28:focus { + --transform-translate-y: -7rem !important; +} - .md\:dark\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; +} - .md\:dark\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.focus\:-translate-y-36:focus { + --transform-translate-y: -9rem !important; +} - .md\:dark\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; +} - .md\:dark\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.focus\:-translate-y-44:focus { + --transform-translate-y: -11rem !important; +} - .md\:dark\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; +} - .md\:dark\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.focus\:-translate-y-52:focus { + --transform-translate-y: -13rem !important; +} - .md\:dark\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; +} - .md\:dark\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.focus\:-translate-y-60:focus { + --transform-translate-y: -15rem !important; +} - .md\:dark\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; +} - .md\:dark\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.focus\:-translate-y-72:focus { + --transform-translate-y: -18rem !important; +} - .md\:dark\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.focus\:-translate-y-80:focus { + --transform-translate-y: -20rem !important; +} - .md\:dark\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.focus\:-translate-y-96:focus { + --transform-translate-y: -24rem !important; +} - .md\:dark\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; +} - .md\:dark\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem !important; +} - .group:hover .md\:dark\:group-hover\:bg-transparent { - background-color: transparent !important; - } +.focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem !important; +} - .group:hover .md\:dark\:group-hover\:bg-current { - background-color: currentColor !important; - } +.focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem !important; +} - .group:hover .md\:dark\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem !important; +} - .group:hover .md\:dark\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.focus\:translate-y-1\/4:focus { + --transform-translate-y: 25% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.focus\:translate-y-2\/4:focus { + --transform-translate-y: 50% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.focus\:translate-y-3\/4:focus { + --transform-translate-y: 75% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667% !important; +} - .group:hover .md\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25% !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50% !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75% !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.skew-x-0 { + --transform-skew-x: 0 !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.skew-x-1 { + --transform-skew-x: 1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.skew-x-2 { + --transform-skew-x: 2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.skew-x-3 { + --transform-skew-x: 3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.skew-x-6 { + --transform-skew-x: 6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.skew-x-12 { + --transform-skew-x: 12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.-skew-x-12 { + --transform-skew-x: -12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.-skew-x-6 { + --transform-skew-x: -6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.-skew-x-3 { + --transform-skew-x: -3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.-skew-x-2 { + --transform-skew-x: -2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.-skew-x-1 { + --transform-skew-x: -1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.skew-y-0 { + --transform-skew-y: 0 !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.skew-y-1 { + --transform-skew-y: 1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.skew-y-2 { + --transform-skew-y: 2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.skew-y-3 { + --transform-skew-y: 3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.skew-y-6 { + --transform-skew-y: 6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.skew-y-12 { + --transform-skew-y: 12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.-skew-y-12 { + --transform-skew-y: -12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.-skew-y-6 { + --transform-skew-y: -6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +.-skew-y-3 { + --transform-skew-y: -3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +.-skew-y-2 { + --transform-skew-y: -2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +.-skew-y-1 { + --transform-skew-y: -1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +.hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } +.hover\:skew-x-1:hover { + --transform-skew-x: 1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.hover\:skew-x-2:hover { + --transform-skew-x: 2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +.hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } +.hover\:-skew-x-2:hover { + --transform-skew-x: -2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } +.hover\:-skew-x-1:hover { + --transform-skew-x: -1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } +.hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } +.hover\:skew-y-1:hover { + --transform-skew-y: 1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } +.hover\:skew-y-2:hover { + --transform-skew-y: 2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } +.hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } +.hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } +.hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } +.hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } +.hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } +.hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } +.hover\:-skew-y-2:hover { + --transform-skew-y: -2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } +.hover\:-skew-y-1:hover { + --transform-skew-y: -1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } +.focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } +.focus\:skew-x-1:focus { + --transform-skew-x: 1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } +.focus\:skew-x-2:focus { + --transform-skew-x: 2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } +.focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } +.focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } +.focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } +.focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } +.focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } +.focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } +.focus\:-skew-x-2:focus { + --transform-skew-x: -2deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } +.focus\:-skew-x-1:focus { + --transform-skew-x: -1deg !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } +.focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; +} - .group:hover .md\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } +.focus\:skew-y-1:focus { + --transform-skew-y: 1deg !important; +} - .md\:dark\:hover\:bg-transparent:hover { - background-color: transparent !important; - } +.focus\:skew-y-2:focus { + --transform-skew-y: 2deg !important; +} - .md\:dark\:hover\:bg-current:hover { - background-color: currentColor !important; - } +.focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; +} - .md\:dark\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } +.focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; +} - .md\:dark\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } +.focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; +} - .md\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } +.focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; +} - .md\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } +.focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; +} - .md\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } +.focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; +} - .md\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } +.focus\:-skew-y-2:focus { + --transform-skew-y: -2deg !important; +} - .md\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } +.focus\:-skew-y-1:focus { + --transform-skew-y: -1deg !important; +} - .md\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } +.transition-none { + transition-property: none !important; +} - .md\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } +.transition-all { + transition-property: all !important; +} - .md\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; +} - .md\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } +.transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; +} - .md\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } +.transition-opacity { + transition-property: opacity !important; +} - .md\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } +.transition-shadow { + transition-property: box-shadow !important; +} - .md\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } +.transition-transform { + transition-property: transform !important; +} - .md\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } +.ease-linear { + transition-timing-function: linear !important; +} - .md\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; +} - .md\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; +} - .md\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; +} - .md\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } +.duration-75 { + transition-duration: 75ms !important; +} - .md\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } +.duration-100 { + transition-duration: 100ms !important; +} - .md\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } +.duration-150 { + transition-duration: 150ms !important; +} - .md\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } +.duration-200 { + transition-duration: 200ms !important; +} - .md\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } +.duration-300 { + transition-duration: 300ms !important; +} - .md\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } +.duration-500 { + transition-duration: 500ms !important; +} - .md\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } +.duration-700 { + transition-duration: 700ms !important; +} - .md\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } +.duration-1000 { + transition-duration: 1000ms !important; +} - .md\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } +.delay-75 { + transition-delay: 75ms !important; +} - .md\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } +.delay-100 { + transition-delay: 100ms !important; +} - .md\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } +.delay-150 { + transition-delay: 150ms !important; +} - .md\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } +.delay-200 { + transition-delay: 200ms !important; +} - .md\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } +.delay-300 { + transition-delay: 300ms !important; +} - .md\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } +.delay-500 { + transition-delay: 500ms !important; +} - .md\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } +.delay-700 { + transition-delay: 700ms !important; +} - .md\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } +.delay-1000 { + transition-delay: 1000ms !important; +} - .md\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } +@keyframes spin { + to { + transform: rotate(360deg); + } +} - .md\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} - .md\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } +@keyframes pulse { + 50% { + opacity: .5; + } +} - .md\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } - .md\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + 50% { + transform: none; + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} - .md\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } +.animate-none { + animation: none !important; +} - .md\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } +.animate-spin { + animation: spin 1s linear infinite !important; +} - .md\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } +.animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; +} - .md\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; +} - .md\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } +.animate-bounce { + animation: bounce 1s infinite !important; +} - .md\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +.example { + font-weight: 700; + color: #ef4444; +} - .md\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } +@media (min-width: 640px) { + .sm\:container { + width: 100%; + } - .md\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + @media (min-width: 640px) { + .sm\:container { + max-width: 640px; } + } - .md\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + @media (min-width: 768px) { + .sm\:container { + max-width: 768px; } + } - .md\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + @media (min-width: 1024px) { + .sm\:container { + max-width: 1024px; } + } - .md\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + @media (min-width: 1280px) { + .sm\:container { + max-width: 1280px; } + } - .md\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + @media (min-width: 1536px) { + .sm\:container { + max-width: 1536px; } + } - .md\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .sm\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0px * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .sm\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0px * var(--space-x-reverse)) !important; + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .sm\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .sm\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .sm\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .sm\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .sm\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .sm\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .sm\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .sm\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .sm\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .sm\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .sm\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; + } - .md\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .sm\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .sm\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-transparent:focus { - background-color: transparent !important; - } + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-current:focus { - background-color: currentColor !important; - } + .sm\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .sm\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .sm\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .sm\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(4rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .sm\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .sm\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(6rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .sm\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(7rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .sm\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .sm\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(8rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .sm\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(9rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .sm\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .sm\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(10rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .sm\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(11rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .sm\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .sm\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(12rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .sm\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(13rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .sm\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .sm\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(14rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .sm\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(15rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .sm\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .sm\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(16rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .sm\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(18rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .sm\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .sm\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(20rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .sm\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .sm\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(24rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .sm\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .sm\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1px * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .sm\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .sm\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .sm\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .sm\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .sm\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .sm\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .sm\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .sm\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .sm\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .sm\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .sm\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .sm\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .sm\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .sm\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .sm\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .sm\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .sm\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .sm\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .sm\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .sm\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .sm\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .sm\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .sm\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .sm\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; + } - .md\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; + } - .md\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .sm\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; } - .md\:bg-none { - background-image: none !important; + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; + .sm\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; } - .md\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; + .sm\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; } - .md\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; + .sm\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; + .sm\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; } - .md\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; + .sm\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; } - .md\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; + .sm\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .sm\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; } - .md\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .sm\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; } - .md\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .sm\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .sm\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; } - .md\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .sm\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; } - .md\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .sm\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .sm\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; } - .md\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .sm\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; } - .md\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .sm\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .sm\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; } - .md\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .sm\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; } - .md\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .sm\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .sm\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; } - .md\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .sm\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .sm\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; } - .md\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .sm\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .sm\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1px * var(--space-y-reverse)) !important; } - .md\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .sm\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; } - .md\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .sm\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; } - .md\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .sm\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; } - .md\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .sm\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; } - .md\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; } - .md\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; } - .md\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .sm\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; } - .md\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .sm\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; } - .md\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .sm\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; } - .md\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .sm\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; } - .md\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .sm\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; } - .md\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .md\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .md\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - .md\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; } - .md\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .sm\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; } - .md\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .sm\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; } - .md\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .sm\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; } - .md\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; } - .md\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; } - .md\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; } - .md\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; } - .md\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; } - .md\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; } - .md\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; } - .md\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; } - .md\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; } - .md\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .sm\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; } - .md\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .sm\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; } - .md\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .sm\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; } - .md\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .sm\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; } - .md\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .sm\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; } - .md\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .sm\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; } - .md\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .sm\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; } - .md\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .sm\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; } - .md\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .sm\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; } - .md\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .sm\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; } - .md\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .sm\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; } - .md\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; } - .md\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; } - .md\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; } - .md\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; } - .md\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; } - .md\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .sm\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; } - .md\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .sm\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; } - .md\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; } - .md\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; } - .md\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .sm\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; } - .md\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .sm\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; } - .md\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .sm\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; } - .md\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .sm\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; } - .md\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .sm\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; } - .md\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .sm\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; } - .md\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .sm\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; } - .md\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .sm\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; } - .md\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .sm\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; } - .md\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .sm\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; } - .md\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .sm\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; } - .md\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; } - .md\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; } - .md\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; } - .md\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; } - .md\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; } - .md\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; } - .md\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; } - .md\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; } - .md\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; } - .md\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .sm\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; } - .md\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; } - .md\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; } - .md\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; } - .md\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; } - .md\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; } - .md\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; } - .md\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; } - .md\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; } - .md\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; } - .md\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .sm\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; } - .md\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; } - .md\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; } - .md\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; } - .md\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; } - .md\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; } - .md\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; } - .md\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; } - .md\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; } - .md\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; } - .md\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .sm\:divide-solid > :not(template) ~ :not(template) { + border-style: solid !important; } - .md\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .sm\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed !important; } - .md\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .sm\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted !important; } - .md\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .sm\:divide-double > :not(template) ~ :not(template) { + border-style: double !important; } - .md\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .sm\:divide-none > :not(template) ~ :not(template) { + border-style: none !important; } - .md\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .sm\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .md\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .sm\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .md\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .sm\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .md\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .sm\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .md\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .sm\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } - .md\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .sm\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .md\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .sm\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .md\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .sm\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .md\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .sm\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .md\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .sm\:appearance-none { + appearance: none !important; } - .md\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .sm\:bg-fixed { + background-attachment: fixed !important; } - .md\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .sm\:bg-local { + background-attachment: local !important; } - .md\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .sm\:bg-scroll { + background-attachment: scroll !important; } - .md\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .sm\:bg-clip-border { + background-clip: border-box !important; } - .md\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .sm\:bg-clip-padding { + background-clip: padding-box !important; } - .md\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .sm\:bg-clip-content { + background-clip: content-box !important; } - .md\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .sm\:bg-clip-text { + background-clip: text !important; } - .md\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .sm\:bg-transparent { + background-color: transparent !important; } - .md\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .sm\:bg-current { + background-color: currentColor !important; } - .md\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .sm\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .sm\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .sm\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .sm\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .sm\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .sm\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:to-transparent { - --gradient-to-color: transparent !important; + .sm\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:to-current { - --gradient-to-color: currentColor !important; + .sm\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:to-black { - --gradient-to-color: #000 !important; + .sm\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:to-white { - --gradient-to-color: #fff !important; + .sm\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:to-gray-50 { - --gradient-to-color: #fafafa !important; + .sm\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; + .sm\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; + .sm\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; + .sm\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; + .sm\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:to-gray-500 { - --gradient-to-color: #71717a !important; + .sm\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:to-gray-600 { - --gradient-to-color: #52525b !important; + .sm\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; + .sm\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:to-gray-800 { - --gradient-to-color: #27272a !important; + .sm\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:to-gray-900 { - --gradient-to-color: #18181b !important; + .sm\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:to-red-50 { - --gradient-to-color: #fef2f2 !important; + .sm\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:to-red-100 { - --gradient-to-color: #fee2e2 !important; + .sm\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:to-red-200 { - --gradient-to-color: #fecaca !important; + .sm\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:to-red-300 { - --gradient-to-color: #fca5a5 !important; + .sm\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:to-red-400 { - --gradient-to-color: #f87171 !important; + .sm\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:to-red-500 { - --gradient-to-color: #ef4444 !important; + .sm\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:to-red-600 { - --gradient-to-color: #dc2626 !important; + .sm\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:to-red-700 { - --gradient-to-color: #b91c1c !important; + .sm\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:to-red-800 { - --gradient-to-color: #991b1b !important; + .sm\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:to-red-900 { - --gradient-to-color: #7f1d1d !important; + .sm\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; + .sm\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; + .sm\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:to-yellow-200 { - --gradient-to-color: #fde68a !important; + .sm\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; + .sm\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; + .sm\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; + .sm\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:to-yellow-600 { - --gradient-to-color: #d97706 !important; + .sm\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:to-yellow-700 { - --gradient-to-color: #b45309 !important; + .sm\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:to-yellow-800 { - --gradient-to-color: #92400e !important; + .sm\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:to-yellow-900 { - --gradient-to-color: #78350f !important; + .sm\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; + .sm\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:to-green-100 { - --gradient-to-color: #d1fae5 !important; + .sm\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; + .sm\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; + .sm\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:to-green-400 { - --gradient-to-color: #34d399 !important; + .sm\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:to-green-500 { - --gradient-to-color: #10b981 !important; + .sm\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:to-green-600 { - --gradient-to-color: #059669 !important; + .sm\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:to-green-700 { - --gradient-to-color: #047857 !important; + .sm\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:to-green-800 { - --gradient-to-color: #065f46 !important; + .sm\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:to-green-900 { - --gradient-to-color: #064e3b !important; + .sm\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:to-blue-50 { - --gradient-to-color: #eff6ff !important; + .sm\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:to-blue-100 { - --gradient-to-color: #dbeafe !important; + .sm\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; + .sm\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:to-blue-300 { - --gradient-to-color: #93c5fd !important; + .sm\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:to-blue-400 { - --gradient-to-color: #60a5fa !important; + .sm\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; + .sm\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:to-blue-600 { - --gradient-to-color: #2563eb !important; + .sm\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; + .sm\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:to-blue-800 { - --gradient-to-color: #1e40af !important; + .sm\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; + .sm\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; + .sm\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:to-purple-100 { - --gradient-to-color: #ede9fe !important; + .sm\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; + .sm\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; + .sm\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:to-purple-400 { - --gradient-to-color: #a78bfa !important; + .sm\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; + .sm\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:to-purple-600 { - --gradient-to-color: #7c3aed !important; + .sm\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; + .sm\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; + .sm\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; + .sm\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; + .sm\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; + .sm\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; + .group:hover .sm\:group-hover\:bg-transparent { + background-color: transparent !important; } - .md\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; + .group:hover .sm\:group-hover\:bg-current { + background-color: currentColor !important; } - .md\:to-pink-400 { - --gradient-to-color: #f472b6 !important; + .group:hover .sm\:group-hover\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:to-pink-500 { - --gradient-to-color: #ec4899 !important; + .group:hover .sm\:group-hover\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:to-pink-600 { - --gradient-to-color: #db2777 !important; + .group:hover .sm\:group-hover\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:to-pink-700 { - --gradient-to-color: #be185d !important; + .group:hover .sm\:group-hover\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:to-pink-800 { - --gradient-to-color: #9d174d !important; + .group:hover .sm\:group-hover\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:to-pink-900 { - --gradient-to-color: #831843 !important; + .group:hover .sm\:group-hover\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .group:hover .sm\:group-hover\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .group:hover .sm\:group-hover\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .group:hover .sm\:group-hover\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .group:hover .sm\:group-hover\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .group:hover .sm\:group-hover\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .group:hover .sm\:group-hover\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .group:hover .sm\:group-hover\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .group:hover .sm\:group-hover\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .group:hover .sm\:group-hover\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .group:hover .sm\:group-hover\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .group:hover .sm\:group-hover\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .group:hover .sm\:group-hover\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .sm\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .md\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .sm\:hover\:bg-current:hover { + background-color: currentColor !important; } - .md\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .sm\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .sm\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .sm\:hover\:bg-gray-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .sm\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .sm\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .sm\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .sm\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .sm\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .sm\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .sm\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .sm\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .sm\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .sm\:hover\:bg-red-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .sm\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .sm\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .sm\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .sm\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .sm\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .sm\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .sm\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .sm\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .sm\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .sm\:hover\:bg-yellow-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .sm\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .sm\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .sm\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .sm\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .sm\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + } + + .sm\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .sm\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .sm\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .sm\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .sm\:hover\:bg-green-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .sm\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .sm\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .sm\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .sm\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .sm\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .sm\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .sm\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .sm\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .sm\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .sm\:hover\:bg-blue-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .sm\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .sm\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .sm\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .sm\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .sm\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .sm\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .sm\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .sm\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .sm\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .sm\:hover\:bg-purple-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .sm\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .sm\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .sm\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .sm\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .sm\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .sm\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .sm\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .sm\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .sm\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .sm\:hover\:bg-pink-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .sm\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .sm\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .sm\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .sm\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .sm\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .sm\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .sm\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .sm\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .sm\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .sm\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .md\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .sm\:focus\:bg-current:focus { + background-color: currentColor !important; } - .md\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .sm\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .sm\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .sm\:focus\:bg-gray-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .sm\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .sm\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .sm\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .sm\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; + .sm\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; + .sm\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:hover\:to-black:hover { - --gradient-to-color: #000 !important; + .sm\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:hover\:to-white:hover { - --gradient-to-color: #fff !important; + .sm\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; + .sm\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; + .sm\:focus\:bg-red-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; + .sm\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; + .sm\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; + .sm\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; + .sm\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; + .sm\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; + .sm\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; + .sm\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; + .sm\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; + .sm\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; + .sm\:focus\:bg-yellow-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; + .sm\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; + .sm\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; + .sm\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; + .sm\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; + .sm\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; + .sm\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; + .sm\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; + .sm\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; + .sm\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; + .sm\:focus\:bg-green-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; + .sm\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; + .sm\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; + .sm\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; + .sm\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; + .sm\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; + .sm\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; + .sm\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; + .sm\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; + .sm\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; + .sm\:focus\:bg-blue-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; + .sm\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; + .sm\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; + .sm\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; + .sm\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; + .sm\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; + .sm\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; + .sm\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; + .sm\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; + .sm\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; + .sm\:focus\:bg-purple-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; + .sm\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; + .sm\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; + .sm\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; + .sm\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; + .sm\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; + .sm\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; + .sm\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; + .sm\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; + .sm\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; + .sm\:focus\:bg-pink-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; + .sm\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; + .sm\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; + .sm\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; + .sm\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; + .sm\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; + .sm\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; + .sm\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; + .sm\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; + .sm\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; + .sm\:bg-none { + background-image: none !important; } - .md\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; + .sm\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; + .sm\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; + .sm\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; + .sm\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; + .sm\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; + .sm\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; + .sm\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; } - .md\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; + .sm\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; } - .md\:focus\:from-transparent:focus { + .sm\:from-transparent { --gradient-from-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:from-current:focus { + .sm\:from-current { --gradient-from-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:from-black:focus { + .sm\:from-black { --gradient-from-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:from-white:focus { + .sm\:from-white { --gradient-from-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:from-gray-50:focus { + .sm\:from-gray-50 { --gradient-from-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .md\:focus\:from-gray-100:focus { + .sm\:from-gray-100 { --gradient-from-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .md\:focus\:from-gray-200:focus { + .sm\:from-gray-200 { --gradient-from-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .md\:focus\:from-gray-300:focus { + .sm\:from-gray-300 { --gradient-from-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .md\:focus\:from-gray-400:focus { + .sm\:from-gray-400 { --gradient-from-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .md\:focus\:from-gray-500:focus { + .sm\:from-gray-500 { --gradient-from-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .md\:focus\:from-gray-600:focus { + .sm\:from-gray-600 { --gradient-from-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .md\:focus\:from-gray-700:focus { + .sm\:from-gray-700 { --gradient-from-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .md\:focus\:from-gray-800:focus { + .sm\:from-gray-800 { --gradient-from-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .md\:focus\:from-gray-900:focus { + .sm\:from-gray-900 { --gradient-from-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .md\:focus\:from-red-50:focus { + .sm\:from-red-50 { --gradient-from-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .md\:focus\:from-red-100:focus { + .sm\:from-red-100 { --gradient-from-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .md\:focus\:from-red-200:focus { + .sm\:from-red-200 { --gradient-from-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .md\:focus\:from-red-300:focus { + .sm\:from-red-300 { --gradient-from-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .md\:focus\:from-red-400:focus { + .sm\:from-red-400 { --gradient-from-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .md\:focus\:from-red-500:focus { + .sm\:from-red-500 { --gradient-from-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .md\:focus\:from-red-600:focus { + .sm\:from-red-600 { --gradient-from-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .md\:focus\:from-red-700:focus { + .sm\:from-red-700 { --gradient-from-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .md\:focus\:from-red-800:focus { + .sm\:from-red-800 { --gradient-from-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .md\:focus\:from-red-900:focus { + .sm\:from-red-900 { --gradient-from-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .md\:focus\:from-yellow-50:focus { + .sm\:from-yellow-50 { --gradient-from-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .md\:focus\:from-yellow-100:focus { + .sm\:from-yellow-100 { --gradient-from-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .md\:focus\:from-yellow-200:focus { + .sm\:from-yellow-200 { --gradient-from-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .md\:focus\:from-yellow-300:focus { + .sm\:from-yellow-300 { --gradient-from-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .md\:focus\:from-yellow-400:focus { + .sm\:from-yellow-400 { --gradient-from-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .md\:focus\:from-yellow-500:focus { + .sm\:from-yellow-500 { --gradient-from-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .md\:focus\:from-yellow-600:focus { + .sm\:from-yellow-600 { --gradient-from-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .md\:focus\:from-yellow-700:focus { + .sm\:from-yellow-700 { --gradient-from-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .md\:focus\:from-yellow-800:focus { + .sm\:from-yellow-800 { --gradient-from-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .md\:focus\:from-yellow-900:focus { + .sm\:from-yellow-900 { --gradient-from-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .md\:focus\:from-green-50:focus { + .sm\:from-green-50 { --gradient-from-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .md\:focus\:from-green-100:focus { + .sm\:from-green-100 { --gradient-from-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .md\:focus\:from-green-200:focus { + .sm\:from-green-200 { --gradient-from-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .md\:focus\:from-green-300:focus { + .sm\:from-green-300 { --gradient-from-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .md\:focus\:from-green-400:focus { + .sm\:from-green-400 { --gradient-from-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .md\:focus\:from-green-500:focus { + .sm\:from-green-500 { --gradient-from-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .md\:focus\:from-green-600:focus { + .sm\:from-green-600 { --gradient-from-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .md\:focus\:from-green-700:focus { + .sm\:from-green-700 { --gradient-from-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .md\:focus\:from-green-800:focus { + .sm\:from-green-800 { --gradient-from-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .md\:focus\:from-green-900:focus { + .sm\:from-green-900 { --gradient-from-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .md\:focus\:from-blue-50:focus { + .sm\:from-blue-50 { --gradient-from-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .md\:focus\:from-blue-100:focus { + .sm\:from-blue-100 { --gradient-from-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .md\:focus\:from-blue-200:focus { + .sm\:from-blue-200 { --gradient-from-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .md\:focus\:from-blue-300:focus { + .sm\:from-blue-300 { --gradient-from-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .md\:focus\:from-blue-400:focus { + .sm\:from-blue-400 { --gradient-from-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .md\:focus\:from-blue-500:focus { + .sm\:from-blue-500 { --gradient-from-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .md\:focus\:from-blue-600:focus { + .sm\:from-blue-600 { --gradient-from-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .md\:focus\:from-blue-700:focus { + .sm\:from-blue-700 { --gradient-from-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .md\:focus\:from-blue-800:focus { + .sm\:from-blue-800 { --gradient-from-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .md\:focus\:from-blue-900:focus { + .sm\:from-blue-900 { --gradient-from-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .md\:focus\:from-purple-50:focus { + .sm\:from-purple-50 { --gradient-from-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .md\:focus\:from-purple-100:focus { + .sm\:from-purple-100 { --gradient-from-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .md\:focus\:from-purple-200:focus { + .sm\:from-purple-200 { --gradient-from-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .md\:focus\:from-purple-300:focus { + .sm\:from-purple-300 { --gradient-from-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .md\:focus\:from-purple-400:focus { + .sm\:from-purple-400 { --gradient-from-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .md\:focus\:from-purple-500:focus { + .sm\:from-purple-500 { --gradient-from-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .md\:focus\:from-purple-600:focus { + .sm\:from-purple-600 { --gradient-from-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .md\:focus\:from-purple-700:focus { + .sm\:from-purple-700 { --gradient-from-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .md\:focus\:from-purple-800:focus { + .sm\:from-purple-800 { --gradient-from-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .md\:focus\:from-purple-900:focus { + .sm\:from-purple-900 { --gradient-from-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .md\:focus\:from-pink-50:focus { + .sm\:from-pink-50 { --gradient-from-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .md\:focus\:from-pink-100:focus { + .sm\:from-pink-100 { --gradient-from-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .md\:focus\:from-pink-200:focus { + .sm\:from-pink-200 { --gradient-from-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .md\:focus\:from-pink-300:focus { + .sm\:from-pink-300 { --gradient-from-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .md\:focus\:from-pink-400:focus { + .sm\:from-pink-400 { --gradient-from-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .md\:focus\:from-pink-500:focus { + .sm\:from-pink-500 { --gradient-from-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .md\:focus\:from-pink-600:focus { + .sm\:from-pink-600 { --gradient-from-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .md\:focus\:from-pink-700:focus { + .sm\:from-pink-700 { --gradient-from-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .md\:focus\:from-pink-800:focus { + .sm\:from-pink-800 { --gradient-from-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .md\:focus\:from-pink-900:focus { + .sm\:from-pink-900 { --gradient-from-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .md\:focus\:via-transparent:focus { + .sm\:via-transparent { --gradient-via-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:via-current:focus { + .sm\:via-current { --gradient-via-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:via-black:focus { + .sm\:via-black { --gradient-via-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:via-white:focus { + .sm\:via-white { --gradient-via-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:via-gray-50:focus { + .sm\:via-gray-50 { --gradient-via-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .md\:focus\:via-gray-100:focus { + .sm\:via-gray-100 { --gradient-via-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .md\:focus\:via-gray-200:focus { + .sm\:via-gray-200 { --gradient-via-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .md\:focus\:via-gray-300:focus { + .sm\:via-gray-300 { --gradient-via-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .md\:focus\:via-gray-400:focus { + .sm\:via-gray-400 { --gradient-via-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .md\:focus\:via-gray-500:focus { + .sm\:via-gray-500 { --gradient-via-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .md\:focus\:via-gray-600:focus { + .sm\:via-gray-600 { --gradient-via-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .md\:focus\:via-gray-700:focus { + .sm\:via-gray-700 { --gradient-via-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .md\:focus\:via-gray-800:focus { + .sm\:via-gray-800 { --gradient-via-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .md\:focus\:via-gray-900:focus { + .sm\:via-gray-900 { --gradient-via-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .md\:focus\:via-red-50:focus { + .sm\:via-red-50 { --gradient-via-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .md\:focus\:via-red-100:focus { + .sm\:via-red-100 { --gradient-via-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .md\:focus\:via-red-200:focus { + .sm\:via-red-200 { --gradient-via-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .md\:focus\:via-red-300:focus { + .sm\:via-red-300 { --gradient-via-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .md\:focus\:via-red-400:focus { + .sm\:via-red-400 { --gradient-via-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .md\:focus\:via-red-500:focus { + .sm\:via-red-500 { --gradient-via-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .md\:focus\:via-red-600:focus { + .sm\:via-red-600 { --gradient-via-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .md\:focus\:via-red-700:focus { + .sm\:via-red-700 { --gradient-via-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .md\:focus\:via-red-800:focus { + .sm\:via-red-800 { --gradient-via-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .md\:focus\:via-red-900:focus { + .sm\:via-red-900 { --gradient-via-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .md\:focus\:via-yellow-50:focus { + .sm\:via-yellow-50 { --gradient-via-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .md\:focus\:via-yellow-100:focus { + .sm\:via-yellow-100 { --gradient-via-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .md\:focus\:via-yellow-200:focus { + .sm\:via-yellow-200 { --gradient-via-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .md\:focus\:via-yellow-300:focus { + .sm\:via-yellow-300 { --gradient-via-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .md\:focus\:via-yellow-400:focus { + .sm\:via-yellow-400 { --gradient-via-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .md\:focus\:via-yellow-500:focus { + .sm\:via-yellow-500 { --gradient-via-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .md\:focus\:via-yellow-600:focus { + .sm\:via-yellow-600 { --gradient-via-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .md\:focus\:via-yellow-700:focus { + .sm\:via-yellow-700 { --gradient-via-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .md\:focus\:via-yellow-800:focus { + .sm\:via-yellow-800 { --gradient-via-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .md\:focus\:via-yellow-900:focus { + .sm\:via-yellow-900 { --gradient-via-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .md\:focus\:via-green-50:focus { + .sm\:via-green-50 { --gradient-via-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .md\:focus\:via-green-100:focus { + .sm\:via-green-100 { --gradient-via-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .md\:focus\:via-green-200:focus { + .sm\:via-green-200 { --gradient-via-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .md\:focus\:via-green-300:focus { + .sm\:via-green-300 { --gradient-via-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .md\:focus\:via-green-400:focus { + .sm\:via-green-400 { --gradient-via-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .md\:focus\:via-green-500:focus { + .sm\:via-green-500 { --gradient-via-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .md\:focus\:via-green-600:focus { + .sm\:via-green-600 { --gradient-via-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .md\:focus\:via-green-700:focus { + .sm\:via-green-700 { --gradient-via-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .md\:focus\:via-green-800:focus { + .sm\:via-green-800 { --gradient-via-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .md\:focus\:via-green-900:focus { + .sm\:via-green-900 { --gradient-via-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .md\:focus\:via-blue-50:focus { + .sm\:via-blue-50 { --gradient-via-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .md\:focus\:via-blue-100:focus { + .sm\:via-blue-100 { --gradient-via-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .md\:focus\:via-blue-200:focus { + .sm\:via-blue-200 { --gradient-via-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .md\:focus\:via-blue-300:focus { + .sm\:via-blue-300 { --gradient-via-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .md\:focus\:via-blue-400:focus { + .sm\:via-blue-400 { --gradient-via-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .md\:focus\:via-blue-500:focus { + .sm\:via-blue-500 { --gradient-via-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .md\:focus\:via-blue-600:focus { + .sm\:via-blue-600 { --gradient-via-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .md\:focus\:via-blue-700:focus { + .sm\:via-blue-700 { --gradient-via-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .md\:focus\:via-blue-800:focus { + .sm\:via-blue-800 { --gradient-via-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .md\:focus\:via-blue-900:focus { + .sm\:via-blue-900 { --gradient-via-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .md\:focus\:via-purple-50:focus { + .sm\:via-purple-50 { --gradient-via-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .md\:focus\:via-purple-100:focus { + .sm\:via-purple-100 { --gradient-via-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .md\:focus\:via-purple-200:focus { + .sm\:via-purple-200 { --gradient-via-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .md\:focus\:via-purple-300:focus { + .sm\:via-purple-300 { --gradient-via-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .md\:focus\:via-purple-400:focus { + .sm\:via-purple-400 { --gradient-via-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .md\:focus\:via-purple-500:focus { + .sm\:via-purple-500 { --gradient-via-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .md\:focus\:via-purple-600:focus { + .sm\:via-purple-600 { --gradient-via-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .md\:focus\:via-purple-700:focus { + .sm\:via-purple-700 { --gradient-via-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .md\:focus\:via-purple-800:focus { + .sm\:via-purple-800 { --gradient-via-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .md\:focus\:via-purple-900:focus { + .sm\:via-purple-900 { --gradient-via-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .md\:focus\:via-pink-50:focus { + .sm\:via-pink-50 { --gradient-via-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .md\:focus\:via-pink-100:focus { + .sm\:via-pink-100 { --gradient-via-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .md\:focus\:via-pink-200:focus { + .sm\:via-pink-200 { --gradient-via-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .md\:focus\:via-pink-300:focus { + .sm\:via-pink-300 { --gradient-via-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .md\:focus\:via-pink-400:focus { + .sm\:via-pink-400 { --gradient-via-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .md\:focus\:via-pink-500:focus { + .sm\:via-pink-500 { --gradient-via-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .md\:focus\:via-pink-600:focus { + .sm\:via-pink-600 { --gradient-via-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .md\:focus\:via-pink-700:focus { + .sm\:via-pink-700 { --gradient-via-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .md\:focus\:via-pink-800:focus { + .sm\:via-pink-800 { --gradient-via-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .md\:focus\:via-pink-900:focus { + .sm\:via-pink-900 { --gradient-via-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .md\:focus\:to-transparent:focus { + .sm\:to-transparent { --gradient-to-color: transparent !important; } - .md\:focus\:to-current:focus { + .sm\:to-current { --gradient-to-color: currentColor !important; } - .md\:focus\:to-black:focus { + .sm\:to-black { --gradient-to-color: #000 !important; } - .md\:focus\:to-white:focus { + .sm\:to-white { --gradient-to-color: #fff !important; } - .md\:focus\:to-gray-50:focus { + .sm\:to-gray-50 { --gradient-to-color: #fafafa !important; } - .md\:focus\:to-gray-100:focus { + .sm\:to-gray-100 { --gradient-to-color: #f4f4f5 !important; } - .md\:focus\:to-gray-200:focus { + .sm\:to-gray-200 { --gradient-to-color: #e4e4e7 !important; } - .md\:focus\:to-gray-300:focus { + .sm\:to-gray-300 { --gradient-to-color: #d4d4d8 !important; } - .md\:focus\:to-gray-400:focus { + .sm\:to-gray-400 { --gradient-to-color: #a1a1aa !important; } - .md\:focus\:to-gray-500:focus { + .sm\:to-gray-500 { --gradient-to-color: #71717a !important; } - .md\:focus\:to-gray-600:focus { + .sm\:to-gray-600 { --gradient-to-color: #52525b !important; } - .md\:focus\:to-gray-700:focus { + .sm\:to-gray-700 { --gradient-to-color: #3f3f46 !important; } - .md\:focus\:to-gray-800:focus { + .sm\:to-gray-800 { --gradient-to-color: #27272a !important; } - .md\:focus\:to-gray-900:focus { + .sm\:to-gray-900 { --gradient-to-color: #18181b !important; } - .md\:focus\:to-red-50:focus { + .sm\:to-red-50 { --gradient-to-color: #fef2f2 !important; } - .md\:focus\:to-red-100:focus { + .sm\:to-red-100 { --gradient-to-color: #fee2e2 !important; } - .md\:focus\:to-red-200:focus { + .sm\:to-red-200 { --gradient-to-color: #fecaca !important; } - .md\:focus\:to-red-300:focus { + .sm\:to-red-300 { --gradient-to-color: #fca5a5 !important; } - .md\:focus\:to-red-400:focus { + .sm\:to-red-400 { --gradient-to-color: #f87171 !important; } - .md\:focus\:to-red-500:focus { + .sm\:to-red-500 { --gradient-to-color: #ef4444 !important; } - .md\:focus\:to-red-600:focus { + .sm\:to-red-600 { --gradient-to-color: #dc2626 !important; } - .md\:focus\:to-red-700:focus { + .sm\:to-red-700 { --gradient-to-color: #b91c1c !important; } - .md\:focus\:to-red-800:focus { + .sm\:to-red-800 { --gradient-to-color: #991b1b !important; } - .md\:focus\:to-red-900:focus { + .sm\:to-red-900 { --gradient-to-color: #7f1d1d !important; } - .md\:focus\:to-yellow-50:focus { + .sm\:to-yellow-50 { --gradient-to-color: #fffbeb !important; } - .md\:focus\:to-yellow-100:focus { + .sm\:to-yellow-100 { --gradient-to-color: #fef3c7 !important; } - .md\:focus\:to-yellow-200:focus { + .sm\:to-yellow-200 { --gradient-to-color: #fde68a !important; } - .md\:focus\:to-yellow-300:focus { + .sm\:to-yellow-300 { --gradient-to-color: #fcd34d !important; } - .md\:focus\:to-yellow-400:focus { + .sm\:to-yellow-400 { --gradient-to-color: #fbbf24 !important; } - .md\:focus\:to-yellow-500:focus { + .sm\:to-yellow-500 { --gradient-to-color: #f59e0b !important; } - .md\:focus\:to-yellow-600:focus { + .sm\:to-yellow-600 { --gradient-to-color: #d97706 !important; } - .md\:focus\:to-yellow-700:focus { + .sm\:to-yellow-700 { --gradient-to-color: #b45309 !important; } - .md\:focus\:to-yellow-800:focus { + .sm\:to-yellow-800 { --gradient-to-color: #92400e !important; } - .md\:focus\:to-yellow-900:focus { + .sm\:to-yellow-900 { --gradient-to-color: #78350f !important; } - .md\:focus\:to-green-50:focus { + .sm\:to-green-50 { --gradient-to-color: #ecfdf5 !important; } - .md\:focus\:to-green-100:focus { + .sm\:to-green-100 { --gradient-to-color: #d1fae5 !important; } - .md\:focus\:to-green-200:focus { + .sm\:to-green-200 { --gradient-to-color: #a7f3d0 !important; } - .md\:focus\:to-green-300:focus { + .sm\:to-green-300 { --gradient-to-color: #6ee7b7 !important; } - .md\:focus\:to-green-400:focus { + .sm\:to-green-400 { --gradient-to-color: #34d399 !important; } - .md\:focus\:to-green-500:focus { + .sm\:to-green-500 { --gradient-to-color: #10b981 !important; } - .md\:focus\:to-green-600:focus { + .sm\:to-green-600 { --gradient-to-color: #059669 !important; } - .md\:focus\:to-green-700:focus { + .sm\:to-green-700 { --gradient-to-color: #047857 !important; } - .md\:focus\:to-green-800:focus { + .sm\:to-green-800 { --gradient-to-color: #065f46 !important; } - .md\:focus\:to-green-900:focus { + .sm\:to-green-900 { --gradient-to-color: #064e3b !important; } - .md\:focus\:to-blue-50:focus { + .sm\:to-blue-50 { --gradient-to-color: #eff6ff !important; } - .md\:focus\:to-blue-100:focus { + .sm\:to-blue-100 { --gradient-to-color: #dbeafe !important; } - .md\:focus\:to-blue-200:focus { + .sm\:to-blue-200 { --gradient-to-color: #bfdbfe !important; } - .md\:focus\:to-blue-300:focus { + .sm\:to-blue-300 { --gradient-to-color: #93c5fd !important; } - .md\:focus\:to-blue-400:focus { + .sm\:to-blue-400 { --gradient-to-color: #60a5fa !important; } - .md\:focus\:to-blue-500:focus { + .sm\:to-blue-500 { --gradient-to-color: #3b82f6 !important; } - .md\:focus\:to-blue-600:focus { + .sm\:to-blue-600 { --gradient-to-color: #2563eb !important; } - .md\:focus\:to-blue-700:focus { + .sm\:to-blue-700 { --gradient-to-color: #1d4ed8 !important; } - .md\:focus\:to-blue-800:focus { + .sm\:to-blue-800 { --gradient-to-color: #1e40af !important; } - .md\:focus\:to-blue-900:focus { + .sm\:to-blue-900 { --gradient-to-color: #1e3a8a !important; } - .md\:focus\:to-purple-50:focus { + .sm\:to-purple-50 { --gradient-to-color: #f5f3ff !important; } - .md\:focus\:to-purple-100:focus { + .sm\:to-purple-100 { --gradient-to-color: #ede9fe !important; } - .md\:focus\:to-purple-200:focus { + .sm\:to-purple-200 { --gradient-to-color: #ddd6fe !important; } - .md\:focus\:to-purple-300:focus { + .sm\:to-purple-300 { --gradient-to-color: #c4b5fd !important; } - .md\:focus\:to-purple-400:focus { + .sm\:to-purple-400 { --gradient-to-color: #a78bfa !important; } - .md\:focus\:to-purple-500:focus { + .sm\:to-purple-500 { --gradient-to-color: #8b5cf6 !important; } - .md\:focus\:to-purple-600:focus { + .sm\:to-purple-600 { --gradient-to-color: #7c3aed !important; } - .md\:focus\:to-purple-700:focus { + .sm\:to-purple-700 { --gradient-to-color: #6d28d9 !important; } - .md\:focus\:to-purple-800:focus { + .sm\:to-purple-800 { --gradient-to-color: #5b21b6 !important; } - .md\:focus\:to-purple-900:focus { + .sm\:to-purple-900 { --gradient-to-color: #4c1d95 !important; } - .md\:focus\:to-pink-50:focus { + .sm\:to-pink-50 { --gradient-to-color: #fdf2f8 !important; } - .md\:focus\:to-pink-100:focus { + .sm\:to-pink-100 { --gradient-to-color: #fce7f3 !important; } - .md\:focus\:to-pink-200:focus { + .sm\:to-pink-200 { --gradient-to-color: #fbcfe8 !important; } - .md\:focus\:to-pink-300:focus { + .sm\:to-pink-300 { --gradient-to-color: #f9a8d4 !important; } - .md\:focus\:to-pink-400:focus { + .sm\:to-pink-400 { --gradient-to-color: #f472b6 !important; } - .md\:focus\:to-pink-500:focus { + .sm\:to-pink-500 { --gradient-to-color: #ec4899 !important; } - .md\:focus\:to-pink-600:focus { + .sm\:to-pink-600 { --gradient-to-color: #db2777 !important; } - .md\:focus\:to-pink-700:focus { + .sm\:to-pink-700 { --gradient-to-color: #be185d !important; } - .md\:focus\:to-pink-800:focus { + .sm\:to-pink-800 { --gradient-to-color: #9d174d !important; } - .md\:focus\:to-pink-900:focus { + .sm\:to-pink-900 { --gradient-to-color: #831843 !important; } - @media (prefers-color-scheme: dark) { - .md\:dark\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .md\:dark\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .md\:dark\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .md\:dark\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .md\:dark\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .md\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .md\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .md\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .md\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .md\:dark\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .md\:dark\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .md\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .md\:dark\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .md\:dark\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .md\:dark\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .md\:dark\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .md\:dark\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .md\:dark\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .md\:dark\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .md\:dark\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .md\:dark\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .md\:dark\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .md\:dark\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .md\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .md\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .md\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .md\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .md\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .md\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .md\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .md\:dark\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .md\:dark\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .md\:dark\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .md\:dark\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .md\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .md\:dark\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .md\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .md\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .md\:dark\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .md\:dark\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .md\:dark\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .md\:dark\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .md\:dark\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .md\:dark\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .md\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .md\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .md\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .md\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .md\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .md\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .md\:dark\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .md\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .md\:dark\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .md\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .md\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .md\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .md\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .md\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .md\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .md\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .md\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .md\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .md\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .md\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .md\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .md\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .md\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .md\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .md\:dark\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .md\:dark\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .md\:dark\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .md\:dark\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .md\:dark\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .md\:dark\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .md\:dark\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .md\:dark\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .md\:dark\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .md\:dark\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .md\:dark\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .md\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .md\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .md\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .md\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .md\:dark\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .md\:dark\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .md\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .md\:dark\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .md\:dark\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .md\:dark\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .md\:dark\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .md\:dark\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .md\:dark\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .md\:dark\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .md\:dark\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .md\:dark\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .md\:dark\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .md\:dark\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .md\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .md\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .md\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .md\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .md\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .md\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .md\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .md\:dark\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .md\:dark\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .md\:dark\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .md\:dark\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .md\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .md\:dark\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .md\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .md\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .md\:dark\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .md\:dark\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .md\:dark\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .md\:dark\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .md\:dark\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .md\:dark\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .md\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .md\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .md\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .md\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .md\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .md\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .md\:dark\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .md\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .md\:dark\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .md\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .md\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .md\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .md\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .md\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .md\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .md\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .md\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .md\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .md\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .md\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .md\:dark\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .md\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .md\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .md\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .md\:dark\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .md\:dark\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .md\:dark\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .md\:dark\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .md\:dark\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .md\:dark\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .md\:dark\:to-transparent { - --gradient-to-color: transparent !important; - } + .sm\:hover\:from-transparent:hover { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:to-current { - --gradient-to-color: currentColor !important; - } + .sm\:hover\:from-current:hover { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:to-black { - --gradient-to-color: #000 !important; - } + .sm\:hover\:from-black:hover { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:to-white { - --gradient-to-color: #fff !important; - } + .sm\:hover\:from-white:hover { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } + .sm\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .md\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } + .sm\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .md\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } + .sm\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .md\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } + .sm\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .md\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } + .sm\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .md\:dark\:to-gray-500 { - --gradient-to-color: #71717a !important; - } + .sm\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .md\:dark\:to-gray-600 { - --gradient-to-color: #52525b !important; - } + .sm\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .md\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } + .sm\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .md\:dark\:to-gray-800 { - --gradient-to-color: #27272a !important; - } + .sm\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .md\:dark\:to-gray-900 { - --gradient-to-color: #18181b !important; - } + .sm\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .md\:dark\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } + .sm\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .md\:dark\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } + .sm\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .md\:dark\:to-red-200 { - --gradient-to-color: #fecaca !important; - } + .sm\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .md\:dark\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } + .sm\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .md\:dark\:to-red-400 { - --gradient-to-color: #f87171 !important; - } + .sm\:hover\:from-red-400:hover { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .md\:dark\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } + .sm\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .md\:dark\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } + .sm\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .md\:dark\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } + .sm\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .md\:dark\:to-red-800 { - --gradient-to-color: #991b1b !important; - } + .sm\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .md\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } + .sm\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .md\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } + .sm\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .md\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } + .sm\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .md\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } + .sm\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .md\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } + .sm\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .md\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } + .sm\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .md\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } + .sm\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .md\:dark\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } + .sm\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .md\:dark\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } + .sm\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .md\:dark\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } + .sm\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .md\:dark\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } + .sm\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .md\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } + .sm\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .md\:dark\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } + .sm\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .md\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } + .sm\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .md\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } + .sm\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .md\:dark\:to-green-400 { - --gradient-to-color: #34d399 !important; - } + .sm\:hover\:from-green-400:hover { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .md\:dark\:to-green-500 { - --gradient-to-color: #10b981 !important; - } + .sm\:hover\:from-green-500:hover { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .md\:dark\:to-green-600 { - --gradient-to-color: #059669 !important; - } + .sm\:hover\:from-green-600:hover { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .md\:dark\:to-green-700 { - --gradient-to-color: #047857 !important; - } + .sm\:hover\:from-green-700:hover { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .md\:dark\:to-green-800 { - --gradient-to-color: #065f46 !important; - } + .sm\:hover\:from-green-800:hover { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .md\:dark\:to-green-900 { - --gradient-to-color: #064e3b !important; - } + .sm\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .md\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } + .sm\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .md\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } + .sm\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .md\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } + .sm\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .md\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } + .sm\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .md\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } + .sm\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .md\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } + .sm\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .md\:dark\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } + .sm\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .md\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } + .sm\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .md\:dark\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } + .sm\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .md\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } + .sm\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .md\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } + .sm\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .md\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } + .sm\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .md\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } + .sm\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .md\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } + .sm\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .md\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } + .sm\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .md\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } + .sm\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .md\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } + .sm\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .md\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } + .sm\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .md\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } + .sm\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .md\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } + .sm\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .md\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } + .sm\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .md\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } + .sm\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .md\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } + .sm\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .md\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } + .sm\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .md\:dark\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } + .sm\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .md\:dark\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } + .sm\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .md\:dark\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } + .sm\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .md\:dark\:to-pink-700 { - --gradient-to-color: #be185d !important; - } + .sm\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .md\:dark\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } + .sm\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .md\:dark\:to-pink-900 { - --gradient-to-color: #831843 !important; - } + .sm\:hover\:from-pink-900:hover { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .md\:dark\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:hover\:via-transparent:hover { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:hover\:via-current:hover { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:hover\:via-black:hover { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:hover\:via-white:hover { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .sm\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .md\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .sm\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .md\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .sm\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .md\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .sm\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .md\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .sm\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .md\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .sm\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .md\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .sm\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .md\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .sm\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .md\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .sm\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .md\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .sm\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .md\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .sm\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .md\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .sm\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .md\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .sm\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .md\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .sm\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .md\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .sm\:hover\:via-red-400:hover { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .md\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .sm\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .md\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .sm\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .md\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .sm\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .md\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .sm\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .md\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .sm\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .md\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .sm\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .md\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .sm\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .md\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .sm\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .md\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .sm\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .md\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .sm\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .md\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .sm\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .md\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .sm\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .md\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .sm\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .md\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .sm\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .md\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .sm\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .md\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .sm\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .md\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .sm\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .md\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .sm\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .md\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .sm\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .md\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .sm\:hover\:via-green-400:hover { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .md\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .sm\:hover\:via-green-500:hover { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .md\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .sm\:hover\:via-green-600:hover { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .md\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .sm\:hover\:via-green-700:hover { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .md\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .sm\:hover\:via-green-800:hover { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .md\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .sm\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .md\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .sm\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .md\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .sm\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .md\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .sm\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .md\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .sm\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .md\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .sm\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .md\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .sm\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .md\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .sm\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .md\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .sm\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .md\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .sm\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .md\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .sm\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .md\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .sm\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .md\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .sm\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .md\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .sm\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .md\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .sm\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .md\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .sm\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .md\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .sm\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .md\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .sm\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .md\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .sm\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .md\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .sm\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .md\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .sm\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .md\:dark\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .sm\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .md\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .sm\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .md\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .sm\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .md\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .sm\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .md\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .sm\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .md\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .sm\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .md\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .sm\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .md\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .sm\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .md\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .sm\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .md\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .sm\:hover\:via-pink-900:hover { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .md\:dark\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:hover\:to-transparent:hover { + --gradient-to-color: transparent !important; + } - .md\:dark\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:hover\:to-current:hover { + --gradient-to-color: currentColor !important; + } - .md\:dark\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:hover\:to-black:hover { + --gradient-to-color: #000 !important; + } - .md\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:hover\:to-white:hover { + --gradient-to-color: #fff !important; + } - .md\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .sm\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa !important; + } - .md\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .sm\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5 !important; + } - .md\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .sm\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7 !important; + } - .md\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .sm\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8 !important; + } - .md\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .sm\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa !important; + } - .md\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .sm\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a !important; + } - .md\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .sm\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b !important; + } - .md\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .sm\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46 !important; + } - .md\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .sm\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a !important; + } - .md\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .sm\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b !important; + } - .md\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .sm\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2 !important; + } - .md\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .sm\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2 !important; + } - .md\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .sm\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca !important; + } - .md\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .sm\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5 !important; + } - .md\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .sm\:hover\:to-red-400:hover { + --gradient-to-color: #f87171 !important; + } - .md\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .sm\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444 !important; + } - .md\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .sm\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626 !important; + } - .md\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .sm\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c !important; + } - .md\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .sm\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b !important; + } - .md\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .sm\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d !important; + } - .md\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .sm\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb !important; + } - .md\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .sm\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7 !important; + } - .md\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .sm\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a !important; + } - .md\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .sm\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d !important; + } - .md\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .sm\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24 !important; + } - .md\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .sm\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b !important; + } - .md\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .sm\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706 !important; + } - .md\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .sm\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309 !important; + } - .md\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .sm\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e !important; + } - .md\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .sm\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f !important; + } - .md\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .sm\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5 !important; + } - .md\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .sm\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5 !important; + } - .md\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .sm\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0 !important; + } - .md\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .sm\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7 !important; + } - .md\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .sm\:hover\:to-green-400:hover { + --gradient-to-color: #34d399 !important; + } - .md\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .sm\:hover\:to-green-500:hover { + --gradient-to-color: #10b981 !important; + } - .md\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .sm\:hover\:to-green-600:hover { + --gradient-to-color: #059669 !important; + } - .md\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .sm\:hover\:to-green-700:hover { + --gradient-to-color: #047857 !important; + } - .md\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .sm\:hover\:to-green-800:hover { + --gradient-to-color: #065f46 !important; + } - .md\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .sm\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b !important; + } - .md\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .sm\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff !important; + } - .md\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .sm\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe !important; + } - .md\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .sm\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe !important; + } - .md\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .sm\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd !important; + } - .md\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .sm\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa !important; + } - .md\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .sm\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6 !important; + } - .md\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .sm\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb !important; + } - .md\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .sm\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8 !important; + } - .md\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .sm\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af !important; + } - .md\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .sm\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a !important; + } - .md\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .sm\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff !important; + } - .md\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .sm\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe !important; + } - .md\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .sm\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe !important; + } - .md\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .sm\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd !important; + } - .md\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .sm\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa !important; + } - .md\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .sm\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6 !important; + } - .md\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .sm\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed !important; + } - .md\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .sm\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9 !important; + } - .md\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .sm\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6 !important; + } - .md\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .sm\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95 !important; + } - .md\:dark\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .sm\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8 !important; + } - .md\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .sm\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3 !important; + } - .md\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .sm\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8 !important; + } - .md\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .sm\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4 !important; + } - .md\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .sm\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6 !important; + } - .md\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .sm\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899 !important; + } - .md\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .sm\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777 !important; + } - .md\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .sm\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d !important; + } - .md\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .sm\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d !important; + } - .md\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .sm\:hover\:to-pink-900:hover { + --gradient-to-color: #831843 !important; + } - .md\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } + .sm\:focus\:from-transparent:focus { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } + .sm\:focus\:from-current:focus { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } + .sm\:focus\:from-black:focus { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } + .sm\:focus\:from-white:focus { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } + .sm\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .md\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } + .sm\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .md\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } + .sm\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .md\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } + .sm\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .md\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } + .sm\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .md\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } + .sm\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .md\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } + .sm\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .md\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } + .sm\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .md\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } + .sm\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .md\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } + .sm\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .md\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } + .sm\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .md\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } + .sm\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .md\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } + .sm\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .md\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } + .sm\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .md\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } + .sm\:focus\:from-red-400:focus { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .md\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } + .sm\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .md\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } + .sm\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .md\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } + .sm\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .md\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } + .sm\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .md\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } + .sm\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .md\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } + .sm\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .md\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } + .sm\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .md\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } + .sm\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .md\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } + .sm\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .md\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } + .sm\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .md\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } + .sm\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .md\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } + .sm\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .md\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } + .sm\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .md\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } + .sm\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .md\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } + .sm\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .md\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } + .sm\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .md\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } + .sm\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .md\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } + .sm\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .md\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } + .sm\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .md\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } + .sm\:focus\:from-green-400:focus { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .md\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } + .sm\:focus\:from-green-500:focus { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .md\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } + .sm\:focus\:from-green-600:focus { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .md\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } + .sm\:focus\:from-green-700:focus { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .md\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } + .sm\:focus\:from-green-800:focus { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .md\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } + .sm\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .md\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } + .sm\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .md\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } + .sm\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .md\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } + .sm\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .md\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } + .sm\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .md\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } + .sm\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .md\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } + .sm\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .md\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } + .sm\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .md\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } + .sm\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .md\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } + .sm\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .md\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } + .sm\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .md\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } + .sm\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .md\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } + .sm\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .md\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } + .sm\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .md\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } + .sm\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .md\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } + .sm\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .md\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } + .sm\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .md\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } + .sm\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .md\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } + .sm\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .md\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } + .sm\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .md\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } + .sm\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .md\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } + .sm\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .md\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } + .sm\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .md\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } + .sm\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .md\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } + .sm\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .md\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } + .sm\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .md\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } + .sm\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .md\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } + .sm\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .md\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } + .sm\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .md\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } + .sm\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .md\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } + .sm\:focus\:from-pink-900:focus { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .md\:dark\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:focus\:via-transparent:focus { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:focus\:via-current:focus { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:focus\:via-black:focus { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .md\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:focus\:via-white:focus { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .md\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .sm\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .md\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .sm\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .md\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .sm\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .md\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .sm\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .md\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .sm\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .md\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .sm\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .md\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .sm\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .md\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .sm\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .md\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .sm\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .md\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .sm\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .md\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .sm\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .md\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .sm\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .md\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .sm\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .md\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .sm\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .md\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .sm\:focus\:via-red-400:focus { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .md\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .sm\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .md\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .sm\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .md\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .sm\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .md\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .sm\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .md\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .sm\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .md\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .sm\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .md\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .sm\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .md\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .sm\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .md\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .sm\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .md\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .sm\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .md\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .sm\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .md\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .sm\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .md\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .sm\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .md\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .sm\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .md\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .sm\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .md\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .sm\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .md\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .sm\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .md\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .sm\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .md\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .sm\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .md\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .sm\:focus\:via-green-400:focus { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .md\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .sm\:focus\:via-green-500:focus { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .md\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .sm\:focus\:via-green-600:focus { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .md\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .sm\:focus\:via-green-700:focus { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .md\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .sm\:focus\:via-green-800:focus { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .md\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .sm\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .md\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .sm\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .md\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .sm\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .md\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .sm\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .md\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .sm\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .md\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .sm\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .md\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .sm\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .md\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .sm\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .md\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .sm\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .md\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .sm\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .md\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .sm\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .md\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .sm\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .md\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .sm\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .md\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .sm\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .md\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .sm\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .md\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .sm\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .md\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .sm\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .md\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .sm\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .md\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .sm\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .md\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .sm\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .md\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .sm\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .md\:dark\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .sm\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .md\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .sm\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .md\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .sm\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .md\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .sm\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .md\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .sm\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .md\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .sm\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .md\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .sm\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .md\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .sm\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .md\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .sm\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .md\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .sm\:focus\:via-pink-900:focus { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .md\:dark\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:focus\:to-transparent:focus { + --gradient-to-color: transparent !important; + } - .md\:dark\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:focus\:to-current:focus { + --gradient-to-color: currentColor !important; + } - .md\:dark\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .sm\:focus\:to-black:focus { + --gradient-to-color: #000 !important; + } - .md\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .sm\:focus\:to-white:focus { + --gradient-to-color: #fff !important; + } - .md\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .sm\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa !important; + } - .md\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .sm\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5 !important; + } - .md\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .sm\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7 !important; + } - .md\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .sm\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8 !important; + } - .md\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .sm\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa !important; + } - .md\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .sm\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a !important; + } - .md\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .sm\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b !important; + } - .md\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .sm\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46 !important; + } - .md\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .sm\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a !important; + } - .md\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .sm\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b !important; + } - .md\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .sm\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2 !important; + } - .md\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .sm\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2 !important; + } - .md\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .sm\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca !important; + } - .md\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .sm\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5 !important; + } - .md\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .sm\:focus\:to-red-400:focus { + --gradient-to-color: #f87171 !important; + } - .md\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .sm\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444 !important; + } - .md\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .sm\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626 !important; + } - .md\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .sm\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c !important; + } - .md\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .sm\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b !important; + } - .md\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .sm\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d !important; + } - .md\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .sm\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb !important; + } - .md\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .sm\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7 !important; + } - .md\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .sm\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a !important; + } - .md\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .sm\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d !important; + } - .md\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .sm\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24 !important; + } - .md\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .sm\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b !important; + } - .md\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .sm\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706 !important; + } - .md\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .sm\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309 !important; + } - .md\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .sm\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e !important; + } - .md\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .sm\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f !important; + } - .md\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .sm\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5 !important; + } - .md\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .sm\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5 !important; + } - .md\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .sm\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0 !important; + } - .md\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .sm\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7 !important; + } - .md\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .sm\:focus\:to-green-400:focus { + --gradient-to-color: #34d399 !important; + } - .md\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .sm\:focus\:to-green-500:focus { + --gradient-to-color: #10b981 !important; + } - .md\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .sm\:focus\:to-green-600:focus { + --gradient-to-color: #059669 !important; + } - .md\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .sm\:focus\:to-green-700:focus { + --gradient-to-color: #047857 !important; + } - .md\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .sm\:focus\:to-green-800:focus { + --gradient-to-color: #065f46 !important; + } - .md\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .sm\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b !important; + } - .md\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .sm\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff !important; + } - .md\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .sm\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe !important; + } - .md\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .sm\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe !important; + } - .md\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .sm\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd !important; + } - .md\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .sm\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa !important; + } - .md\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .sm\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6 !important; + } - .md\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .sm\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb !important; + } - .md\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .sm\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8 !important; + } - .md\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .sm\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af !important; + } - .md\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .sm\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a !important; + } - .md\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .sm\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff !important; + } - .md\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .sm\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe !important; + } - .md\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .sm\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe !important; + } - .md\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .sm\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd !important; + } - .md\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .sm\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa !important; + } - .md\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .sm\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6 !important; + } - .md\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .sm\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed !important; + } - .md\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .sm\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9 !important; + } - .md\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .sm\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6 !important; + } - .md\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .sm\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95 !important; + } - .md\:dark\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .sm\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8 !important; + } - .md\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .sm\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3 !important; + } - .md\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .sm\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8 !important; + } - .md\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .sm\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4 !important; + } - .md\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .sm\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6 !important; + } - .md\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .sm\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899 !important; + } - .md\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .sm\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777 !important; + } - .md\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .sm\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d !important; + } - .md\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .sm\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d !important; + } - .md\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .sm\:focus\:to-pink-900:focus { + --gradient-to-color: #831843 !important; + } - .md\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } + .sm\:bg-opacity-0 { + --bg-opacity: 0 !important; + } - .md\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } + .sm\:bg-opacity-25 { + --bg-opacity: 0.25 !important; + } - .md\:dark\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } + .sm\:bg-opacity-50 { + --bg-opacity: 0.5 !important; + } - .md\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } + .sm\:bg-opacity-75 { + --bg-opacity: 0.75 !important; + } - .md\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } + .sm\:bg-opacity-100 { + --bg-opacity: 1 !important; + } - .md\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } + .group:hover .sm\:group-hover\:bg-opacity-0 { + --bg-opacity: 0 !important; + } - .md\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } + .group:hover .sm\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25 !important; + } - .md\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } + .group:hover .sm\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5 !important; + } - .md\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } + .group:hover .sm\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75 !important; + } - .md\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } + .group:hover .sm\:group-hover\:bg-opacity-100 { + --bg-opacity: 1 !important; + } - .md\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } + .sm\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; + } - .md\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } + .sm\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; + } - .md\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } + .sm\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; + } - .md\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } + .sm\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; + } - .md\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } + .sm\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; + } - .md\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } + .sm\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; + } - .md\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } + .sm\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; + } - .md\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } + .sm\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; + } - .md\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } + .sm\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; + } - .md\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } + .sm\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; + } - .md\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } + .sm\:bg-bottom { + background-position: bottom !important; + } - .md\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } + .sm\:bg-center { + background-position: center !important; + } - .md\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } + .sm\:bg-left { + background-position: left !important; + } - .md\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } + .sm\:bg-left-bottom { + background-position: left bottom !important; + } - .md\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } + .sm\:bg-left-top { + background-position: left top !important; + } - .md\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } + .sm\:bg-right { + background-position: right !important; + } - .md\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } + .sm\:bg-right-bottom { + background-position: right bottom !important; + } - .md\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } + .sm\:bg-right-top { + background-position: right top !important; + } - .md\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } + .sm\:bg-top { + background-position: top !important; + } - .md\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } + .sm\:bg-repeat { + background-repeat: repeat !important; + } - .md\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } + .sm\:bg-no-repeat { + background-repeat: no-repeat !important; + } - .md\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } + .sm\:bg-repeat-x { + background-repeat: repeat-x !important; + } - .md\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } + .sm\:bg-repeat-y { + background-repeat: repeat-y !important; + } - .md\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } + .sm\:bg-repeat-round { + background-repeat: round !important; + } - .md\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } + .sm\:bg-repeat-space { + background-repeat: space !important; + } - .md\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } + .sm\:bg-auto { + background-size: auto !important; + } - .md\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } + .sm\:bg-cover { + background-size: cover !important; + } - .md\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } + .sm\:bg-contain { + background-size: contain !important; + } - .md\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } + .sm\:border-collapse { + border-collapse: collapse !important; + } - .md\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } + .sm\:border-separate { + border-collapse: separate !important; + } - .md\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } + .sm\:border-transparent { + border-color: transparent !important; + } - .md\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } + .sm\:border-current { + border-color: currentColor !important; + } - .md\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } + .sm\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } + .sm\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } + .sm\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } + .sm\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } + .sm\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } + .sm\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } + .sm\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } + .sm\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } + .sm\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } + .sm\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } + .sm\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } + .sm\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } + .sm\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } + .sm\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } + .sm\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } + .sm\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } + .sm\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } + .sm\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } + .sm\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } + .sm\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } + .sm\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } + .sm\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } + .sm\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } + .sm\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } + .sm\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } + .sm\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } + .sm\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } + .sm\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } + .sm\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } + .sm\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } + .sm\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + } - .md\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } + .sm\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .md\:bg-opacity-0 { - --bg-opacity: 0 !important; + .sm\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .md\:bg-opacity-25 { - --bg-opacity: 0.25 !important; + .sm\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .md\:bg-opacity-50 { - --bg-opacity: 0.5 !important; + .sm\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .md\:bg-opacity-75 { - --bg-opacity: 0.75 !important; + .sm\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .md\:bg-opacity-100 { - --bg-opacity: 1 !important; + .sm\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:bg-opacity-0 { - --bg-opacity: 0 !important; + .sm\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25 !important; + .sm\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5 !important; + .sm\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75 !important; + .sm\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:bg-opacity-100 { - --bg-opacity: 1 !important; + .sm\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .md\:hover\:bg-opacity-0:hover { - --bg-opacity: 0 !important; + .sm\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .md\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25 !important; + .sm\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .md\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5 !important; + .sm\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .md\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75 !important; + .sm\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .md\:hover\:bg-opacity-100:hover { - --bg-opacity: 1 !important; + .sm\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .md\:focus\:bg-opacity-0:focus { - --bg-opacity: 0 !important; + .sm\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .md\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25 !important; + .sm\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .md\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5 !important; + .sm\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .md\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75 !important; + .sm\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .md\:focus\:bg-opacity-100:focus { - --bg-opacity: 1 !important; + .sm\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .md\:bg-bottom { - background-position: bottom !important; + .sm\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .md\:bg-center { - background-position: center !important; + .sm\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .md\:bg-left { - background-position: left !important; + .sm\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .md\:bg-left-bottom { - background-position: left bottom !important; + .sm\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .md\:bg-left-top { - background-position: left top !important; + .sm\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .md\:bg-right { - background-position: right !important; + .sm\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .md\:bg-right-bottom { - background-position: right bottom !important; + .sm\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .md\:bg-right-top { - background-position: right top !important; + .sm\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .md\:bg-top { - background-position: top !important; + .sm\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .md\:bg-repeat { - background-repeat: repeat !important; + .sm\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .md\:bg-no-repeat { - background-repeat: no-repeat !important; + .sm\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .md\:bg-repeat-x { - background-repeat: repeat-x !important; + .sm\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .md\:bg-repeat-y { - background-repeat: repeat-y !important; + .sm\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .md\:bg-repeat-round { - background-repeat: round !important; + .sm\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .md\:bg-repeat-space { - background-repeat: space !important; + .sm\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .md\:bg-auto { - background-size: auto !important; + .sm\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .md\:bg-cover { - background-size: cover !important; + .sm\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .md\:bg-contain { - background-size: contain !important; + .sm\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .md\:border-collapse { - border-collapse: collapse !important; + .sm\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .md\:border-separate { - border-collapse: separate !important; + .sm\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .md\:border-transparent { + .group:hover .sm\:group-hover\:border-transparent { border-color: transparent !important; } - .md\:border-current { + .group:hover .sm\:group-hover\:border-current { border-color: currentColor !important; } - .md\:border-black { + .group:hover .sm\:group-hover\:border-black { --border-opacity: 1 !important; border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .md\:border-white { + .group:hover .sm\:group-hover\:border-white { --border-opacity: 1 !important; border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .md\:border-gray-50 { + .group:hover .sm\:group-hover\:border-gray-50 { --border-opacity: 1 !important; border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .md\:border-gray-100 { + .group:hover .sm\:group-hover\:border-gray-100 { --border-opacity: 1 !important; border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .md\:border-gray-200 { + .group:hover .sm\:group-hover\:border-gray-200 { --border-opacity: 1 !important; border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .md\:border-gray-300 { + .group:hover .sm\:group-hover\:border-gray-300 { --border-opacity: 1 !important; border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .md\:border-gray-400 { + .group:hover .sm\:group-hover\:border-gray-400 { --border-opacity: 1 !important; border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .md\:border-gray-500 { + .group:hover .sm\:group-hover\:border-gray-500 { --border-opacity: 1 !important; border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .md\:border-gray-600 { + .group:hover .sm\:group-hover\:border-gray-600 { --border-opacity: 1 !important; border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .md\:border-gray-700 { + .group:hover .sm\:group-hover\:border-gray-700 { --border-opacity: 1 !important; border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .md\:border-gray-800 { + .group:hover .sm\:group-hover\:border-gray-800 { --border-opacity: 1 !important; border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .md\:border-gray-900 { + .group:hover .sm\:group-hover\:border-gray-900 { --border-opacity: 1 !important; border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .md\:border-red-50 { + .group:hover .sm\:group-hover\:border-red-50 { --border-opacity: 1 !important; border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .md\:border-red-100 { + .group:hover .sm\:group-hover\:border-red-100 { --border-opacity: 1 !important; border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .md\:border-red-200 { + .group:hover .sm\:group-hover\:border-red-200 { --border-opacity: 1 !important; border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .md\:border-red-300 { + .group:hover .sm\:group-hover\:border-red-300 { --border-opacity: 1 !important; border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .md\:border-red-400 { + .group:hover .sm\:group-hover\:border-red-400 { --border-opacity: 1 !important; border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .md\:border-red-500 { + .group:hover .sm\:group-hover\:border-red-500 { --border-opacity: 1 !important; border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .md\:border-red-600 { + .group:hover .sm\:group-hover\:border-red-600 { --border-opacity: 1 !important; border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .md\:border-red-700 { + .group:hover .sm\:group-hover\:border-red-700 { --border-opacity: 1 !important; border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .md\:border-red-800 { + .group:hover .sm\:group-hover\:border-red-800 { --border-opacity: 1 !important; border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .md\:border-red-900 { + .group:hover .sm\:group-hover\:border-red-900 { --border-opacity: 1 !important; border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .md\:border-yellow-50 { + .group:hover .sm\:group-hover\:border-yellow-50 { --border-opacity: 1 !important; border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .md\:border-yellow-100 { + .group:hover .sm\:group-hover\:border-yellow-100 { --border-opacity: 1 !important; border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .md\:border-yellow-200 { + .group:hover .sm\:group-hover\:border-yellow-200 { --border-opacity: 1 !important; border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .md\:border-yellow-300 { + .group:hover .sm\:group-hover\:border-yellow-300 { --border-opacity: 1 !important; border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .md\:border-yellow-400 { + .group:hover .sm\:group-hover\:border-yellow-400 { --border-opacity: 1 !important; border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .md\:border-yellow-500 { + .group:hover .sm\:group-hover\:border-yellow-500 { --border-opacity: 1 !important; border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .md\:border-yellow-600 { + .group:hover .sm\:group-hover\:border-yellow-600 { --border-opacity: 1 !important; border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .md\:border-yellow-700 { + .group:hover .sm\:group-hover\:border-yellow-700 { --border-opacity: 1 !important; border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .md\:border-yellow-800 { + .group:hover .sm\:group-hover\:border-yellow-800 { --border-opacity: 1 !important; border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .md\:border-yellow-900 { + .group:hover .sm\:group-hover\:border-yellow-900 { --border-opacity: 1 !important; border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .md\:border-green-50 { + .group:hover .sm\:group-hover\:border-green-50 { --border-opacity: 1 !important; border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .md\:border-green-100 { + .group:hover .sm\:group-hover\:border-green-100 { --border-opacity: 1 !important; border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .md\:border-green-200 { + .group:hover .sm\:group-hover\:border-green-200 { --border-opacity: 1 !important; border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .md\:border-green-300 { + .group:hover .sm\:group-hover\:border-green-300 { --border-opacity: 1 !important; border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .md\:border-green-400 { + .group:hover .sm\:group-hover\:border-green-400 { --border-opacity: 1 !important; border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .md\:border-green-500 { + .group:hover .sm\:group-hover\:border-green-500 { --border-opacity: 1 !important; border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .md\:border-green-600 { + .group:hover .sm\:group-hover\:border-green-600 { --border-opacity: 1 !important; border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .md\:border-green-700 { + .group:hover .sm\:group-hover\:border-green-700 { --border-opacity: 1 !important; border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .md\:border-green-800 { + .group:hover .sm\:group-hover\:border-green-800 { --border-opacity: 1 !important; border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .md\:border-green-900 { + .group:hover .sm\:group-hover\:border-green-900 { --border-opacity: 1 !important; border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .md\:border-blue-50 { + .group:hover .sm\:group-hover\:border-blue-50 { --border-opacity: 1 !important; border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .md\:border-blue-100 { + .group:hover .sm\:group-hover\:border-blue-100 { --border-opacity: 1 !important; border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .md\:border-blue-200 { + .group:hover .sm\:group-hover\:border-blue-200 { --border-opacity: 1 !important; border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .md\:border-blue-300 { + .group:hover .sm\:group-hover\:border-blue-300 { --border-opacity: 1 !important; border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .md\:border-blue-400 { + .group:hover .sm\:group-hover\:border-blue-400 { --border-opacity: 1 !important; border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .md\:border-blue-500 { + .group:hover .sm\:group-hover\:border-blue-500 { --border-opacity: 1 !important; border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .md\:border-blue-600 { + .group:hover .sm\:group-hover\:border-blue-600 { --border-opacity: 1 !important; border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .md\:border-blue-700 { + .group:hover .sm\:group-hover\:border-blue-700 { --border-opacity: 1 !important; border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .md\:border-blue-800 { + .group:hover .sm\:group-hover\:border-blue-800 { --border-opacity: 1 !important; border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .md\:border-blue-900 { + .group:hover .sm\:group-hover\:border-blue-900 { --border-opacity: 1 !important; border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .md\:border-purple-50 { + .group:hover .sm\:group-hover\:border-purple-50 { --border-opacity: 1 !important; border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .md\:border-purple-100 { + .group:hover .sm\:group-hover\:border-purple-100 { --border-opacity: 1 !important; border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .md\:border-purple-200 { + .group:hover .sm\:group-hover\:border-purple-200 { --border-opacity: 1 !important; border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .md\:border-purple-300 { + .group:hover .sm\:group-hover\:border-purple-300 { --border-opacity: 1 !important; border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .md\:border-purple-400 { + .group:hover .sm\:group-hover\:border-purple-400 { --border-opacity: 1 !important; border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .md\:border-purple-500 { + .group:hover .sm\:group-hover\:border-purple-500 { --border-opacity: 1 !important; border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .md\:border-purple-600 { + .group:hover .sm\:group-hover\:border-purple-600 { --border-opacity: 1 !important; border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .md\:border-purple-700 { + .group:hover .sm\:group-hover\:border-purple-700 { --border-opacity: 1 !important; border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .md\:border-purple-800 { + .group:hover .sm\:group-hover\:border-purple-800 { --border-opacity: 1 !important; border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .md\:border-purple-900 { + .group:hover .sm\:group-hover\:border-purple-900 { --border-opacity: 1 !important; border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .md\:border-pink-50 { + .group:hover .sm\:group-hover\:border-pink-50 { --border-opacity: 1 !important; border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .md\:border-pink-100 { + .group:hover .sm\:group-hover\:border-pink-100 { --border-opacity: 1 !important; border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .md\:border-pink-200 { + .group:hover .sm\:group-hover\:border-pink-200 { --border-opacity: 1 !important; border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .md\:border-pink-300 { + .group:hover .sm\:group-hover\:border-pink-300 { --border-opacity: 1 !important; border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .md\:border-pink-400 { + .group:hover .sm\:group-hover\:border-pink-400 { --border-opacity: 1 !important; border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .md\:border-pink-500 { + .group:hover .sm\:group-hover\:border-pink-500 { --border-opacity: 1 !important; border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .md\:border-pink-600 { + .group:hover .sm\:group-hover\:border-pink-600 { --border-opacity: 1 !important; border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .md\:border-pink-700 { + .group:hover .sm\:group-hover\:border-pink-700 { --border-opacity: 1 !important; border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .md\:border-pink-800 { + .group:hover .sm\:group-hover\:border-pink-800 { --border-opacity: 1 !important; border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .md\:border-pink-900 { + .group:hover .sm\:group-hover\:border-pink-900 { --border-opacity: 1 !important; border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-transparent { + .sm\:hover\:border-transparent:hover { border-color: transparent !important; } - .group:hover .md\:group-hover\:border-current { + .sm\:hover\:border-current:hover { border-color: currentColor !important; } - .group:hover .md\:group-hover\:border-black { + .sm\:hover\:border-black:hover { --border-opacity: 1 !important; border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-white { + .sm\:hover\:border-white:hover { --border-opacity: 1 !important; border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-50 { + .sm\:hover\:border-gray-50:hover { --border-opacity: 1 !important; border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-100 { + .sm\:hover\:border-gray-100:hover { --border-opacity: 1 !important; border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-200 { + .sm\:hover\:border-gray-200:hover { --border-opacity: 1 !important; border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-300 { + .sm\:hover\:border-gray-300:hover { --border-opacity: 1 !important; border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-400 { + .sm\:hover\:border-gray-400:hover { --border-opacity: 1 !important; border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-500 { + .sm\:hover\:border-gray-500:hover { --border-opacity: 1 !important; border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-600 { + .sm\:hover\:border-gray-600:hover { --border-opacity: 1 !important; border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-700 { + .sm\:hover\:border-gray-700:hover { --border-opacity: 1 !important; border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-800 { + .sm\:hover\:border-gray-800:hover { --border-opacity: 1 !important; border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-gray-900 { + .sm\:hover\:border-gray-900:hover { --border-opacity: 1 !important; border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-50 { + .sm\:hover\:border-red-50:hover { --border-opacity: 1 !important; border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-100 { + .sm\:hover\:border-red-100:hover { --border-opacity: 1 !important; border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-200 { + .sm\:hover\:border-red-200:hover { --border-opacity: 1 !important; border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-300 { + .sm\:hover\:border-red-300:hover { --border-opacity: 1 !important; border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-400 { + .sm\:hover\:border-red-400:hover { --border-opacity: 1 !important; border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-500 { + .sm\:hover\:border-red-500:hover { --border-opacity: 1 !important; border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-600 { + .sm\:hover\:border-red-600:hover { --border-opacity: 1 !important; border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-700 { + .sm\:hover\:border-red-700:hover { --border-opacity: 1 !important; border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-800 { + .sm\:hover\:border-red-800:hover { --border-opacity: 1 !important; border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-red-900 { + .sm\:hover\:border-red-900:hover { --border-opacity: 1 !important; border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-50 { + .sm\:hover\:border-yellow-50:hover { --border-opacity: 1 !important; border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-100 { + .sm\:hover\:border-yellow-100:hover { --border-opacity: 1 !important; border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-200 { + .sm\:hover\:border-yellow-200:hover { --border-opacity: 1 !important; border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-300 { + .sm\:hover\:border-yellow-300:hover { --border-opacity: 1 !important; border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-400 { + .sm\:hover\:border-yellow-400:hover { --border-opacity: 1 !important; border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-500 { + .sm\:hover\:border-yellow-500:hover { --border-opacity: 1 !important; border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-600 { + .sm\:hover\:border-yellow-600:hover { --border-opacity: 1 !important; border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-700 { + .sm\:hover\:border-yellow-700:hover { --border-opacity: 1 !important; border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-800 { + .sm\:hover\:border-yellow-800:hover { --border-opacity: 1 !important; border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-yellow-900 { + .sm\:hover\:border-yellow-900:hover { --border-opacity: 1 !important; border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-50 { + .sm\:hover\:border-green-50:hover { --border-opacity: 1 !important; border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-100 { + .sm\:hover\:border-green-100:hover { --border-opacity: 1 !important; border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-200 { + .sm\:hover\:border-green-200:hover { --border-opacity: 1 !important; border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-300 { + .sm\:hover\:border-green-300:hover { --border-opacity: 1 !important; border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-400 { + .sm\:hover\:border-green-400:hover { --border-opacity: 1 !important; border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-500 { + .sm\:hover\:border-green-500:hover { --border-opacity: 1 !important; border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-600 { + .sm\:hover\:border-green-600:hover { --border-opacity: 1 !important; border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-700 { + .sm\:hover\:border-green-700:hover { --border-opacity: 1 !important; border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-800 { + .sm\:hover\:border-green-800:hover { --border-opacity: 1 !important; border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-green-900 { + .sm\:hover\:border-green-900:hover { --border-opacity: 1 !important; border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-50 { + .sm\:hover\:border-blue-50:hover { --border-opacity: 1 !important; border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-100 { + .sm\:hover\:border-blue-100:hover { --border-opacity: 1 !important; border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-200 { + .sm\:hover\:border-blue-200:hover { --border-opacity: 1 !important; border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-300 { + .sm\:hover\:border-blue-300:hover { --border-opacity: 1 !important; border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-400 { + .sm\:hover\:border-blue-400:hover { --border-opacity: 1 !important; border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-500 { + .sm\:hover\:border-blue-500:hover { --border-opacity: 1 !important; border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-600 { + .sm\:hover\:border-blue-600:hover { --border-opacity: 1 !important; border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-700 { + .sm\:hover\:border-blue-700:hover { --border-opacity: 1 !important; border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-800 { + .sm\:hover\:border-blue-800:hover { --border-opacity: 1 !important; border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-blue-900 { + .sm\:hover\:border-blue-900:hover { --border-opacity: 1 !important; border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-50 { + .sm\:hover\:border-purple-50:hover { --border-opacity: 1 !important; border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-100 { + .sm\:hover\:border-purple-100:hover { --border-opacity: 1 !important; border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-200 { + .sm\:hover\:border-purple-200:hover { --border-opacity: 1 !important; border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-300 { + .sm\:hover\:border-purple-300:hover { --border-opacity: 1 !important; border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-400 { + .sm\:hover\:border-purple-400:hover { --border-opacity: 1 !important; border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-500 { + .sm\:hover\:border-purple-500:hover { --border-opacity: 1 !important; border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-600 { + .sm\:hover\:border-purple-600:hover { --border-opacity: 1 !important; border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-700 { + .sm\:hover\:border-purple-700:hover { --border-opacity: 1 !important; border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-800 { + .sm\:hover\:border-purple-800:hover { --border-opacity: 1 !important; border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-purple-900 { + .sm\:hover\:border-purple-900:hover { --border-opacity: 1 !important; border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-50 { + .sm\:hover\:border-pink-50:hover { --border-opacity: 1 !important; border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-100 { + .sm\:hover\:border-pink-100:hover { --border-opacity: 1 !important; border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-200 { + .sm\:hover\:border-pink-200:hover { --border-opacity: 1 !important; border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-300 { + .sm\:hover\:border-pink-300:hover { --border-opacity: 1 !important; border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-400 { + .sm\:hover\:border-pink-400:hover { --border-opacity: 1 !important; border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-500 { + .sm\:hover\:border-pink-500:hover { --border-opacity: 1 !important; border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-600 { + .sm\:hover\:border-pink-600:hover { --border-opacity: 1 !important; border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-700 { + .sm\:hover\:border-pink-700:hover { --border-opacity: 1 !important; border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-800 { + .sm\:hover\:border-pink-800:hover { --border-opacity: 1 !important; border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .group:hover .md\:group-hover\:border-pink-900 { + .sm\:hover\:border-pink-900:hover { --border-opacity: 1 !important; border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .md\:hover\:border-transparent:hover { + .sm\:focus\:border-transparent:focus { border-color: transparent !important; } - .md\:hover\:border-current:hover { + .sm\:focus\:border-current:focus { border-color: currentColor !important; } - .md\:hover\:border-black:hover { + .sm\:focus\:border-black:focus { --border-opacity: 1 !important; border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .md\:hover\:border-white:hover { + .sm\:focus\:border-white:focus { --border-opacity: 1 !important; border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .md\:hover\:border-gray-50:hover { + .sm\:focus\:border-gray-50:focus { --border-opacity: 1 !important; border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .md\:hover\:border-gray-100:hover { + .sm\:focus\:border-gray-100:focus { --border-opacity: 1 !important; border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .md\:hover\:border-gray-200:hover { + .sm\:focus\:border-gray-200:focus { --border-opacity: 1 !important; border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .md\:hover\:border-gray-300:hover { + .sm\:focus\:border-gray-300:focus { --border-opacity: 1 !important; border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .md\:hover\:border-gray-400:hover { + .sm\:focus\:border-gray-400:focus { --border-opacity: 1 !important; border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .md\:hover\:border-gray-500:hover { + .sm\:focus\:border-gray-500:focus { --border-opacity: 1 !important; border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .md\:hover\:border-gray-600:hover { + .sm\:focus\:border-gray-600:focus { --border-opacity: 1 !important; border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .md\:hover\:border-gray-700:hover { + .sm\:focus\:border-gray-700:focus { --border-opacity: 1 !important; border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .md\:hover\:border-gray-800:hover { + .sm\:focus\:border-gray-800:focus { --border-opacity: 1 !important; border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .md\:hover\:border-gray-900:hover { + .sm\:focus\:border-gray-900:focus { --border-opacity: 1 !important; border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .md\:hover\:border-red-50:hover { + .sm\:focus\:border-red-50:focus { --border-opacity: 1 !important; border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .md\:hover\:border-red-100:hover { + .sm\:focus\:border-red-100:focus { --border-opacity: 1 !important; border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .md\:hover\:border-red-200:hover { + .sm\:focus\:border-red-200:focus { --border-opacity: 1 !important; border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .md\:hover\:border-red-300:hover { + .sm\:focus\:border-red-300:focus { --border-opacity: 1 !important; border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .md\:hover\:border-red-400:hover { + .sm\:focus\:border-red-400:focus { --border-opacity: 1 !important; border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .md\:hover\:border-red-500:hover { + .sm\:focus\:border-red-500:focus { --border-opacity: 1 !important; border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .md\:hover\:border-red-600:hover { + .sm\:focus\:border-red-600:focus { --border-opacity: 1 !important; border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .md\:hover\:border-red-700:hover { + .sm\:focus\:border-red-700:focus { --border-opacity: 1 !important; border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .md\:hover\:border-red-800:hover { + .sm\:focus\:border-red-800:focus { --border-opacity: 1 !important; border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .md\:hover\:border-red-900:hover { + .sm\:focus\:border-red-900:focus { --border-opacity: 1 !important; border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-50:hover { + .sm\:focus\:border-yellow-50:focus { --border-opacity: 1 !important; border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-100:hover { + .sm\:focus\:border-yellow-100:focus { --border-opacity: 1 !important; border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-200:hover { + .sm\:focus\:border-yellow-200:focus { --border-opacity: 1 !important; border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-300:hover { + .sm\:focus\:border-yellow-300:focus { --border-opacity: 1 !important; border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-400:hover { + .sm\:focus\:border-yellow-400:focus { --border-opacity: 1 !important; border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-500:hover { + .sm\:focus\:border-yellow-500:focus { --border-opacity: 1 !important; border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-600:hover { + .sm\:focus\:border-yellow-600:focus { --border-opacity: 1 !important; border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-700:hover { + .sm\:focus\:border-yellow-700:focus { --border-opacity: 1 !important; border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-800:hover { + .sm\:focus\:border-yellow-800:focus { --border-opacity: 1 !important; border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .md\:hover\:border-yellow-900:hover { + .sm\:focus\:border-yellow-900:focus { --border-opacity: 1 !important; border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .md\:hover\:border-green-50:hover { + .sm\:focus\:border-green-50:focus { --border-opacity: 1 !important; border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .md\:hover\:border-green-100:hover { + .sm\:focus\:border-green-100:focus { --border-opacity: 1 !important; border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .md\:hover\:border-green-200:hover { + .sm\:focus\:border-green-200:focus { --border-opacity: 1 !important; border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .md\:hover\:border-green-300:hover { + .sm\:focus\:border-green-300:focus { --border-opacity: 1 !important; border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .md\:hover\:border-green-400:hover { + .sm\:focus\:border-green-400:focus { --border-opacity: 1 !important; border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .md\:hover\:border-green-500:hover { + .sm\:focus\:border-green-500:focus { --border-opacity: 1 !important; border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .md\:hover\:border-green-600:hover { + .sm\:focus\:border-green-600:focus { --border-opacity: 1 !important; border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .md\:hover\:border-green-700:hover { + .sm\:focus\:border-green-700:focus { --border-opacity: 1 !important; border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .md\:hover\:border-green-800:hover { + .sm\:focus\:border-green-800:focus { --border-opacity: 1 !important; border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .md\:hover\:border-green-900:hover { + .sm\:focus\:border-green-900:focus { --border-opacity: 1 !important; border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .md\:hover\:border-blue-50:hover { + .sm\:focus\:border-blue-50:focus { --border-opacity: 1 !important; border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .md\:hover\:border-blue-100:hover { + .sm\:focus\:border-blue-100:focus { --border-opacity: 1 !important; border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .md\:hover\:border-blue-200:hover { + .sm\:focus\:border-blue-200:focus { --border-opacity: 1 !important; border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .md\:hover\:border-blue-300:hover { + .sm\:focus\:border-blue-300:focus { --border-opacity: 1 !important; border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .md\:hover\:border-blue-400:hover { + .sm\:focus\:border-blue-400:focus { --border-opacity: 1 !important; border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .md\:hover\:border-blue-500:hover { + .sm\:focus\:border-blue-500:focus { --border-opacity: 1 !important; border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .md\:hover\:border-blue-600:hover { + .sm\:focus\:border-blue-600:focus { --border-opacity: 1 !important; border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .md\:hover\:border-blue-700:hover { + .sm\:focus\:border-blue-700:focus { --border-opacity: 1 !important; border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .md\:hover\:border-blue-800:hover { + .sm\:focus\:border-blue-800:focus { --border-opacity: 1 !important; border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .md\:hover\:border-blue-900:hover { + .sm\:focus\:border-blue-900:focus { --border-opacity: 1 !important; border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .md\:hover\:border-purple-50:hover { + .sm\:focus\:border-purple-50:focus { --border-opacity: 1 !important; border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .md\:hover\:border-purple-100:hover { + .sm\:focus\:border-purple-100:focus { --border-opacity: 1 !important; border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .md\:hover\:border-purple-200:hover { + .sm\:focus\:border-purple-200:focus { --border-opacity: 1 !important; border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .md\:hover\:border-purple-300:hover { + .sm\:focus\:border-purple-300:focus { --border-opacity: 1 !important; border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .md\:hover\:border-purple-400:hover { + .sm\:focus\:border-purple-400:focus { --border-opacity: 1 !important; border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .md\:hover\:border-purple-500:hover { + .sm\:focus\:border-purple-500:focus { --border-opacity: 1 !important; border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .md\:hover\:border-purple-600:hover { + .sm\:focus\:border-purple-600:focus { --border-opacity: 1 !important; border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .md\:hover\:border-purple-700:hover { + .sm\:focus\:border-purple-700:focus { --border-opacity: 1 !important; border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .md\:hover\:border-purple-800:hover { + .sm\:focus\:border-purple-800:focus { --border-opacity: 1 !important; border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .md\:hover\:border-purple-900:hover { + .sm\:focus\:border-purple-900:focus { --border-opacity: 1 !important; border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .md\:hover\:border-pink-50:hover { + .sm\:focus\:border-pink-50:focus { --border-opacity: 1 !important; border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .md\:hover\:border-pink-100:hover { + .sm\:focus\:border-pink-100:focus { --border-opacity: 1 !important; border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .md\:hover\:border-pink-200:hover { + .sm\:focus\:border-pink-200:focus { --border-opacity: 1 !important; border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .md\:hover\:border-pink-300:hover { + .sm\:focus\:border-pink-300:focus { --border-opacity: 1 !important; border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .md\:hover\:border-pink-400:hover { + .sm\:focus\:border-pink-400:focus { --border-opacity: 1 !important; border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .md\:hover\:border-pink-500:hover { + .sm\:focus\:border-pink-500:focus { --border-opacity: 1 !important; border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .md\:hover\:border-pink-600:hover { + .sm\:focus\:border-pink-600:focus { --border-opacity: 1 !important; border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .md\:hover\:border-pink-700:hover { + .sm\:focus\:border-pink-700:focus { --border-opacity: 1 !important; border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .md\:hover\:border-pink-800:hover { + .sm\:focus\:border-pink-800:focus { --border-opacity: 1 !important; border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .md\:hover\:border-pink-900:hover { + .sm\:focus\:border-pink-900:focus { --border-opacity: 1 !important; border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .md\:focus\:border-transparent:focus { - border-color: transparent !important; + .sm\:border-opacity-0 { + --border-opacity: 0 !important; } - .md\:focus\:border-current:focus { - border-color: currentColor !important; + .sm\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .md\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .sm\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .md\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .sm\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .md\:focus\:border-gray-50:focus { + .sm\:border-opacity-100 { --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .md\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .group:hover .sm\:group-hover\:border-opacity-0 { + --border-opacity: 0 !important; } - .md\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .group:hover .sm\:group-hover\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .md\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .group:hover .sm\:group-hover\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .md\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .group:hover .sm\:group-hover\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .md\:focus\:border-gray-500:focus { + .group:hover .sm\:group-hover\:border-opacity-100 { --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .md\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .sm\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; } - .md\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .sm\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; } - .md\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .sm\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; } - .md\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .sm\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; } - .md\:focus\:border-red-50:focus { + .sm\:hover\:border-opacity-100:hover { --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .md\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .sm\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; } - .md\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .sm\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; } - .md\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .sm\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; } - .md\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .sm\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; } - .md\:focus\:border-red-500:focus { + .sm\:focus\:border-opacity-100:focus { --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .md\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .sm\:rounded-none { + border-radius: 0 !important; } - .md\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .sm\:rounded-sm { + border-radius: 0.125rem !important; } - .md\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .sm\:rounded { + border-radius: 0.25rem !important; } - .md\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .sm\:rounded-md { + border-radius: 0.375rem !important; } - .md\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .sm\:rounded-lg { + border-radius: 0.5rem !important; } - .md\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .sm\:rounded-xl { + border-radius: 0.75rem !important; } - .md\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .sm\:rounded-2xl { + border-radius: 1rem !important; } - .md\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .sm\:rounded-3xl { + border-radius: 1.5rem !important; } - .md\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .sm\:rounded-full { + border-radius: 9999px !important; } - .md\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .sm\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .md\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .sm\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .md\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .sm\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .md\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .sm\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .md\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .md\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .md\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .md\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .md\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .sm\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .md\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .sm\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .md\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .md\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .sm\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .md\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; } - .md\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; } - .md\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .md\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .md\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .md\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .md\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .md\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .md\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; } - .md\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; } - .md\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; } - .md\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; } - .md\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; } - .md\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; } - .md\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; } - .md\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; } - .md\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; } - .md\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; } - .md\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; } - .md\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; } - .md\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .sm\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .md\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .sm\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .md\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .md\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .sm\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .md\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .sm\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .md\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .sm\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .md\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .sm\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .md\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .sm\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .md\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .md\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .md\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .md\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .sm\:rounded-tl { + border-top-left-radius: 0.25rem !important; + } + + .sm\:rounded-tr { + border-top-right-radius: 0.25rem !important; + } + + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem !important; + } + + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; + } + + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem !important; + } + + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem !important; + } + + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem !important; + } + + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; + } + + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; + } + + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; + } + + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } + + .sm\:rounded-tl-full { + border-top-left-radius: 9999px !important; + } + + .sm\:rounded-tr-full { + border-top-right-radius: 9999px !important; + } + + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px !important; + } + + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; + } + + .sm\:border-solid { + border-style: solid !important; + } + + .sm\:border-dashed { + border-style: dashed !important; + } + + .sm\:border-dotted { + border-style: dotted !important; + } + + .sm\:border-double { + border-style: double !important; + } + + .sm\:border-none { + border-style: none !important; + } + + .sm\:border-0 { + border-width: 0 !important; + } + + .sm\:border-2 { + border-width: 2px !important; + } + + .sm\:border-4 { + border-width: 4px !important; + } + + .sm\:border-8 { + border-width: 8px !important; + } + + .sm\:border { + border-width: 1px !important; + } + + .sm\:border-t-0 { + border-top-width: 0 !important; + } + + .sm\:border-r-0 { + border-right-width: 0 !important; + } + + .sm\:border-b-0 { + border-bottom-width: 0 !important; + } + + .sm\:border-l-0 { + border-left-width: 0 !important; + } + + .sm\:border-t-2 { + border-top-width: 2px !important; + } + + .sm\:border-r-2 { + border-right-width: 2px !important; + } + + .sm\:border-b-2 { + border-bottom-width: 2px !important; + } + + .sm\:border-l-2 { + border-left-width: 2px !important; + } + + .sm\:border-t-4 { + border-top-width: 4px !important; + } + + .sm\:border-r-4 { + border-right-width: 4px !important; + } + + .sm\:border-b-4 { + border-bottom-width: 4px !important; + } + + .sm\:border-l-4 { + border-left-width: 4px !important; + } + + .sm\:border-t-8 { + border-top-width: 8px !important; + } + + .sm\:border-r-8 { + border-right-width: 8px !important; + } + + .sm\:border-b-8 { + border-bottom-width: 8px !important; + } + + .sm\:border-l-8 { + border-left-width: 8px !important; + } + + .sm\:border-t { + border-top-width: 1px !important; + } + + .sm\:border-r { + border-right-width: 1px !important; + } + + .sm\:border-b { + border-bottom-width: 1px !important; + } + + .sm\:border-l { + border-left-width: 1px !important; + } + + .sm\:box-border { + box-sizing: border-box !important; + } + + .sm\:box-content { + box-sizing: content-box !important; + } + + .sm\:cursor-auto { + cursor: auto !important; + } + + .sm\:cursor-default { + cursor: default !important; + } + + .sm\:cursor-pointer { + cursor: pointer !important; + } + + .sm\:cursor-wait { + cursor: wait !important; + } + + .sm\:cursor-text { + cursor: text !important; + } + + .sm\:cursor-move { + cursor: move !important; + } + + .sm\:cursor-not-allowed { + cursor: not-allowed !important; + } + + .sm\:block { + display: block !important; } - .md\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .sm\:inline-block { + display: inline-block !important; } - @media (prefers-color-scheme: dark) { - .md\:dark\:border-transparent { - border-color: transparent !important; - } + .sm\:inline { + display: inline !important; + } - .md\:dark\:border-current { - border-color: currentColor !important; - } + .sm\:flex { + display: flex !important; + } - .md\:dark\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .sm\:inline-flex { + display: inline-flex !important; + } - .md\:dark\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .sm\:table { + display: table !important; + } - .md\:dark\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .sm\:table-caption { + display: table-caption !important; + } - .md\:dark\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .sm\:table-cell { + display: table-cell !important; + } - .md\:dark\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .sm\:table-column { + display: table-column !important; + } - .md\:dark\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .sm\:table-column-group { + display: table-column-group !important; + } - .md\:dark\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .sm\:table-footer-group { + display: table-footer-group !important; + } - .md\:dark\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .sm\:table-header-group { + display: table-header-group !important; + } - .md\:dark\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .sm\:table-row-group { + display: table-row-group !important; + } - .md\:dark\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .sm\:table-row { + display: table-row !important; + } - .md\:dark\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .sm\:flow-root { + display: flow-root !important; + } - .md\:dark\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .sm\:grid { + display: grid !important; + } - .md\:dark\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .sm\:inline-grid { + display: inline-grid !important; + } - .md\:dark\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .sm\:contents { + display: contents !important; + } - .md\:dark\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .sm\:hidden { + display: none !important; + } - .md\:dark\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .sm\:flex-row { + flex-direction: row !important; + } - .md\:dark\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .sm\:flex-row-reverse { + flex-direction: row-reverse !important; + } - .md\:dark\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .sm\:flex-col { + flex-direction: column !important; + } - .md\:dark\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .sm\:flex-col-reverse { + flex-direction: column-reverse !important; + } - .md\:dark\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .sm\:flex-wrap { + flex-wrap: wrap !important; + } - .md\:dark\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .md\:dark\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .sm\:flex-no-wrap { + flex-wrap: nowrap !important; + } - .md\:dark\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .sm\:place-items-auto { + place-items: auto !important; + } - .md\:dark\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .sm\:place-items-start { + place-items: start !important; + } - .md\:dark\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .sm\:place-items-end { + place-items: end !important; + } - .md\:dark\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .sm\:place-items-center { + place-items: center !important; + } - .md\:dark\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .sm\:place-items-stretch { + place-items: stretch !important; + } - .md\:dark\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .sm\:place-content-center { + place-content: center !important; + } - .md\:dark\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .sm\:place-content-start { + place-content: start !important; + } - .md\:dark\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .sm\:place-content-end { + place-content: end !important; + } - .md\:dark\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .sm\:place-content-between { + place-content: space-between !important; + } - .md\:dark\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .sm\:place-content-around { + place-content: space-around !important; + } - .md\:dark\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .sm\:place-content-evenly { + place-content: space-evenly !important; + } - .md\:dark\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .sm\:place-content-stretch { + place-content: stretch !important; + } - .md\:dark\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .sm\:place-self-auto { + place-self: auto !important; + } - .md\:dark\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .sm\:place-self-start { + place-self: start !important; + } - .md\:dark\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .sm\:place-self-end { + place-self: end !important; + } - .md\:dark\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .sm\:place-self-center { + place-self: center !important; + } - .md\:dark\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .sm\:place-self-stretch { + place-self: stretch !important; + } - .md\:dark\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .sm\:items-start { + align-items: flex-start !important; + } - .md\:dark\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .sm\:items-end { + align-items: flex-end !important; + } - .md\:dark\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .sm\:items-center { + align-items: center !important; + } - .md\:dark\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .sm\:items-baseline { + align-items: baseline !important; + } - .md\:dark\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .sm\:items-stretch { + align-items: stretch !important; + } - .md\:dark\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .sm\:content-center { + align-content: center !important; + } - .md\:dark\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .sm\:content-start { + align-content: flex-start !important; + } - .md\:dark\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .sm\:content-end { + align-content: flex-end !important; + } - .md\:dark\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .sm\:content-between { + align-content: space-between !important; + } - .md\:dark\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .sm\:content-around { + align-content: space-around !important; + } - .md\:dark\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .sm\:content-evenly { + align-content: space-evenly !important; + } - .md\:dark\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .sm\:self-auto { + align-self: auto !important; + } - .md\:dark\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .sm\:self-start { + align-self: flex-start !important; + } - .md\:dark\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .sm\:self-end { + align-self: flex-end !important; + } - .md\:dark\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .sm\:self-center { + align-self: center !important; + } - .md\:dark\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .sm\:self-stretch { + align-self: stretch !important; + } - .md\:dark\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .sm\:justify-items-auto { + justify-items: auto !important; + } - .md\:dark\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .sm\:justify-items-start { + justify-items: start !important; + } - .md\:dark\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .sm\:justify-items-end { + justify-items: end !important; + } - .md\:dark\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .sm\:justify-items-center { + justify-items: center !important; + } - .md\:dark\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .sm\:justify-items-stretch { + justify-items: stretch !important; + } - .md\:dark\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .sm\:justify-start { + justify-content: flex-start !important; + } - .md\:dark\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .sm\:justify-end { + justify-content: flex-end !important; + } - .md\:dark\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .sm\:justify-center { + justify-content: center !important; + } - .md\:dark\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .sm\:justify-between { + justify-content: space-between !important; + } - .md\:dark\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .sm\:justify-around { + justify-content: space-around !important; + } - .md\:dark\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .sm\:justify-evenly { + justify-content: space-evenly !important; + } - .md\:dark\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .sm\:justify-self-auto { + justify-self: auto !important; + } - .md\:dark\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .sm\:justify-self-start { + justify-self: start !important; + } - .md\:dark\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .sm\:justify-self-end { + justify-self: end !important; + } - .md\:dark\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .sm\:justify-self-center { + justify-self: center !important; + } - .md\:dark\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .sm\:justify-self-stretch { + justify-self: stretch !important; + } - .md\:dark\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .sm\:flex-1 { + flex: 1 1 0% !important; + } - .group:hover .md\:dark\:group-hover\:border-transparent { - border-color: transparent !important; - } + .sm\:flex-auto { + flex: 1 1 auto !important; + } - .group:hover .md\:dark\:group-hover\:border-current { - border-color: currentColor !important; - } + .sm\:flex-initial { + flex: 0 1 auto !important; + } - .group:hover .md\:dark\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .sm\:flex-none { + flex: none !important; + } - .group:hover .md\:dark\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .sm\:flex-grow-0 { + flex-grow: 0 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .sm\:flex-grow { + flex-grow: 1 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .sm\:flex-shrink-0 { + flex-shrink: 0 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .sm\:flex-shrink { + flex-shrink: 1 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .sm\:order-1 { + order: 1 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .sm\:order-2 { + order: 2 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .sm\:order-3 { + order: 3 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .sm\:order-4 { + order: 4 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .sm\:order-5 { + order: 5 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .sm\:order-6 { + order: 6 !important; + } - .group:hover .md\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .sm\:order-7 { + order: 7 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .sm\:order-8 { + order: 8 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .sm\:order-9 { + order: 9 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .sm\:order-10 { + order: 10 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .sm\:order-11 { + order: 11 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .sm\:order-12 { + order: 12 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .sm\:order-first { + order: -9999 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .sm\:order-last { + order: 9999 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .sm\:order-none { + order: 0 !important; + } - .group:hover .md\:dark\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .sm\:float-right { + float: right !important; + } - .group:hover .md\:dark\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .sm\:float-left { + float: left !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .sm\:float-none { + float: none !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .sm\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .sm\:clear-left { + clear: left !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .sm\:clear-right { + clear: right !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .sm\:clear-both { + clear: both !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .sm\:clear-none { + clear: none !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .sm\:font-sans { + font-family: ui-sans-serif, 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" !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .sm\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .sm\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + } - .group:hover .md\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .sm\:font-thin { + font-weight: 100 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .sm\:font-extralight { + font-weight: 200 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .sm\:font-light { + font-weight: 300 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .sm\:font-normal { + font-weight: 400 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .sm\:font-medium { + font-weight: 500 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .sm\:font-semibold { + font-weight: 600 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .sm\:font-bold { + font-weight: 700 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .sm\:font-extrabold { + font-weight: 800 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .sm\:font-black { + font-weight: 900 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .sm\:hover\:font-thin:hover { + font-weight: 100 !important; + } - .group:hover .md\:dark\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .sm\:hover\:font-extralight:hover { + font-weight: 200 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .sm\:hover\:font-light:hover { + font-weight: 300 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .sm\:hover\:font-normal:hover { + font-weight: 400 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .sm\:hover\:font-medium:hover { + font-weight: 500 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .sm\:hover\:font-semibold:hover { + font-weight: 600 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .sm\:hover\:font-bold:hover { + font-weight: 700 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .sm\:hover\:font-extrabold:hover { + font-weight: 800 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .sm\:hover\:font-black:hover { + font-weight: 900 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .sm\:focus\:font-thin:focus { + font-weight: 100 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .sm\:focus\:font-extralight:focus { + font-weight: 200 !important; + } - .group:hover .md\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .sm\:focus\:font-light:focus { + font-weight: 300 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .sm\:focus\:font-normal:focus { + font-weight: 400 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .sm\:focus\:font-medium:focus { + font-weight: 500 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .sm\:focus\:font-semibold:focus { + font-weight: 600 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .sm\:focus\:font-bold:focus { + font-weight: 700 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .sm\:focus\:font-extrabold:focus { + font-weight: 800 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .sm\:focus\:font-black:focus { + font-weight: 900 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .sm\:h-0 { + height: 0 !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .sm\:h-1 { + height: 0.25rem !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .sm\:h-2 { + height: 0.5rem !important; + } - .group:hover .md\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .sm\:h-3 { + height: 0.75rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .sm\:h-4 { + height: 1rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .sm\:h-5 { + height: 1.25rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .sm\:h-6 { + height: 1.5rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .sm\:h-7 { + height: 1.75rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .sm\:h-8 { + height: 2rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .sm\:h-9 { + height: 2.25rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .sm\:h-10 { + height: 2.5rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .sm\:h-12 { + height: 3rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .sm\:h-14 { + height: 3.5rem !important; + } - .group:hover .md\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .sm\:h-16 { + height: 4rem !important; + } - .md\:dark\:hover\:border-transparent:hover { - border-color: transparent !important; - } + .sm\:h-20 { + height: 5rem !important; + } - .md\:dark\:hover\:border-current:hover { - border-color: currentColor !important; - } + .sm\:h-24 { + height: 6rem !important; + } - .md\:dark\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .sm\:h-28 { + height: 7rem !important; + } - .md\:dark\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .sm\:h-32 { + height: 8rem !important; + } - .md\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .sm\:h-36 { + height: 9rem !important; + } - .md\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .sm\:h-40 { + height: 10rem !important; + } - .md\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .sm\:h-44 { + height: 11rem !important; + } - .md\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .sm\:h-48 { + height: 12rem !important; + } - .md\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .sm\:h-52 { + height: 13rem !important; + } - .md\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .sm\:h-56 { + height: 14rem !important; + } - .md\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .sm\:h-60 { + height: 15rem !important; + } - .md\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .sm\:h-64 { + height: 16rem !important; + } - .md\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .sm\:h-72 { + height: 18rem !important; + } - .md\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .sm\:h-80 { + height: 20rem !important; + } - .md\:dark\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .sm\:h-96 { + height: 24rem !important; + } - .md\:dark\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .sm\:h-auto { + height: auto !important; + } - .md\:dark\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .sm\:h-px { + height: 1px !important; + } - .md\:dark\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .sm\:h-0\.5 { + height: 0.125rem !important; + } - .md\:dark\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .sm\:h-1\.5 { + height: 0.375rem !important; + } - .md\:dark\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .sm\:h-2\.5 { + height: 0.625rem !important; + } - .md\:dark\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .sm\:h-3\.5 { + height: 0.875rem !important; + } - .md\:dark\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .sm\:h-full { + height: 100% !important; + } - .md\:dark\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .sm\:h-screen { + height: 100vh !important; + } - .md\:dark\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .sm\:text-xs { + font-size: 0.75rem !important; + line-height: 1rem !important; + } - .md\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .sm\:text-sm { + font-size: 0.875rem !important; + line-height: 1.25rem !important; + } - .md\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .sm\:text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; + } - .md\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .sm\:text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; + } - .md\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .sm\:text-xl { + font-size: 1.25rem !important; + line-height: 1.75rem !important; + } - .md\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .sm\:text-2xl { + font-size: 1.5rem !important; + line-height: 2rem !important; + } - .md\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .sm\:text-3xl { + font-size: 1.875rem !important; + line-height: 2.25rem !important; + } - .md\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .sm\:text-4xl { + font-size: 2.25rem !important; + line-height: 2.5rem !important; + } - .md\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .sm\:text-5xl { + font-size: 3rem !important; + line-height: 1 !important; + } - .md\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .sm\:text-6xl { + font-size: 3.75rem !important; + line-height: 1 !important; + } - .md\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .sm\:text-7xl { + font-size: 4.5rem !important; + line-height: 1 !important; + } - .md\:dark\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .sm\:text-8xl { + font-size: 6rem !important; + line-height: 1 !important; + } - .md\:dark\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .sm\:text-9xl { + font-size: 8rem !important; + line-height: 1 !important; + } - .md\:dark\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .sm\:leading-3 { + line-height: .75rem !important; + } - .md\:dark\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .sm\:leading-4 { + line-height: 1rem !important; + } - .md\:dark\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .sm\:leading-5 { + line-height: 1.25rem !important; + } - .md\:dark\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .sm\:leading-6 { + line-height: 1.5rem !important; + } - .md\:dark\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .sm\:leading-7 { + line-height: 1.75rem !important; + } - .md\:dark\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .sm\:leading-8 { + line-height: 2rem !important; + } - .md\:dark\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .sm\:leading-9 { + line-height: 2.25rem !important; + } - .md\:dark\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .sm\:leading-10 { + line-height: 2.5rem !important; + } - .md\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .sm\:leading-none { + line-height: 1 !important; + } - .md\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .sm\:leading-tight { + line-height: 1.25 !important; + } - .md\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .sm\:leading-snug { + line-height: 1.375 !important; + } - .md\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .sm\:leading-normal { + line-height: 1.5 !important; + } - .md\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .sm\:leading-relaxed { + line-height: 1.625 !important; + } - .md\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .sm\:leading-loose { + line-height: 2 !important; + } - .md\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .sm\:list-inside { + list-style-position: inside !important; + } - .md\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .sm\:list-outside { + list-style-position: outside !important; + } - .md\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .sm\:list-none { + list-style-type: none !important; + } - .md\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .sm\:list-disc { + list-style-type: disc !important; + } - .md\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .sm\:list-decimal { + list-style-type: decimal !important; + } - .md\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .sm\:m-0 { + margin: 0 !important; + } - .md\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .sm\:m-1 { + margin: 0.25rem !important; + } - .md\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .sm\:m-2 { + margin: 0.5rem !important; + } - .md\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .sm\:m-3 { + margin: 0.75rem !important; + } - .md\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .sm\:m-4 { + margin: 1rem !important; + } - .md\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .sm\:m-5 { + margin: 1.25rem !important; + } - .md\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .sm\:m-6 { + margin: 1.5rem !important; + } - .md\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .sm\:m-7 { + margin: 1.75rem !important; + } - .md\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .sm\:m-8 { + margin: 2rem !important; + } - .md\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .sm\:m-9 { + margin: 2.25rem !important; + } - .md\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .sm\:m-10 { + margin: 2.5rem !important; + } - .md\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .sm\:m-12 { + margin: 3rem !important; + } - .md\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .sm\:m-14 { + margin: 3.5rem !important; + } - .md\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .sm\:m-16 { + margin: 4rem !important; + } - .md\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .sm\:m-20 { + margin: 5rem !important; + } - .md\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .sm\:m-24 { + margin: 6rem !important; + } - .md\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .sm\:m-28 { + margin: 7rem !important; + } - .md\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .sm\:m-32 { + margin: 8rem !important; + } - .md\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .sm\:m-36 { + margin: 9rem !important; + } - .md\:dark\:focus\:border-transparent:focus { - border-color: transparent !important; - } + .sm\:m-40 { + margin: 10rem !important; + } - .md\:dark\:focus\:border-current:focus { - border-color: currentColor !important; - } + .sm\:m-44 { + margin: 11rem !important; + } - .md\:dark\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .sm\:m-48 { + margin: 12rem !important; + } - .md\:dark\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .sm\:m-52 { + margin: 13rem !important; + } - .md\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .sm\:m-56 { + margin: 14rem !important; + } - .md\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .sm\:m-60 { + margin: 15rem !important; + } - .md\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .sm\:m-64 { + margin: 16rem !important; + } - .md\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .sm\:m-72 { + margin: 18rem !important; + } - .md\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .sm\:m-80 { + margin: 20rem !important; + } - .md\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .sm\:m-96 { + margin: 24rem !important; + } - .md\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .sm\:m-auto { + margin: auto !important; + } - .md\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .sm\:m-px { + margin: 1px !important; + } - .md\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .sm\:m-0\.5 { + margin: 0.125rem !important; + } - .md\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .sm\:m-1\.5 { + margin: 0.375rem !important; + } - .md\:dark\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .sm\:m-2\.5 { + margin: 0.625rem !important; + } - .md\:dark\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .sm\:m-3\.5 { + margin: 0.875rem !important; + } - .md\:dark\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .sm\:-m-1 { + margin: -0.25rem !important; + } - .md\:dark\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .sm\:-m-2 { + margin: -0.5rem !important; + } - .md\:dark\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .sm\:-m-3 { + margin: -0.75rem !important; + } - .md\:dark\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .sm\:-m-4 { + margin: -1rem !important; + } - .md\:dark\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .sm\:-m-5 { + margin: -1.25rem !important; + } - .md\:dark\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .sm\:-m-6 { + margin: -1.5rem !important; + } - .md\:dark\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .sm\:-m-7 { + margin: -1.75rem !important; + } - .md\:dark\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .sm\:-m-8 { + margin: -2rem !important; + } - .md\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .sm\:-m-9 { + margin: -2.25rem !important; + } - .md\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .sm\:-m-10 { + margin: -2.5rem !important; + } - .md\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .sm\:-m-12 { + margin: -3rem !important; + } - .md\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .sm\:-m-14 { + margin: -3.5rem !important; + } - .md\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .sm\:-m-16 { + margin: -4rem !important; + } - .md\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .sm\:-m-20 { + margin: -5rem !important; + } - .md\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .sm\:-m-24 { + margin: -6rem !important; + } - .md\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .sm\:-m-28 { + margin: -7rem !important; + } - .md\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .sm\:-m-32 { + margin: -8rem !important; + } - .md\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .sm\:-m-36 { + margin: -9rem !important; + } - .md\:dark\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .sm\:-m-40 { + margin: -10rem !important; + } - .md\:dark\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .sm\:-m-44 { + margin: -11rem !important; + } - .md\:dark\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .sm\:-m-48 { + margin: -12rem !important; + } - .md\:dark\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .sm\:-m-52 { + margin: -13rem !important; + } - .md\:dark\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .sm\:-m-56 { + margin: -14rem !important; + } - .md\:dark\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .sm\:-m-60 { + margin: -15rem !important; + } - .md\:dark\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .sm\:-m-64 { + margin: -16rem !important; + } - .md\:dark\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .sm\:-m-72 { + margin: -18rem !important; + } - .md\:dark\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .sm\:-m-80 { + margin: -20rem !important; + } - .md\:dark\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .sm\:-m-96 { + margin: -24rem !important; + } - .md\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .sm\:-m-px { + margin: -1px !important; + } - .md\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .sm\:-m-0\.5 { + margin: -0.125rem !important; + } - .md\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .sm\:-m-1\.5 { + margin: -0.375rem !important; + } - .md\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .sm\:-m-2\.5 { + margin: -0.625rem !important; + } - .md\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .sm\:-m-3\.5 { + margin: -0.875rem !important; + } - .md\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .sm\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } - .md\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .sm\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } - .md\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .sm\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } - .md\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .sm\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; + } - .md\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .sm\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } - .md\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .sm\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; + } - .md\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .sm\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; + } - .md\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .sm\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; + } - .md\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .sm\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } - .md\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .sm\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; + } - .md\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .sm\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; + } - .md\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .sm\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; + } - .md\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .sm\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } - .md\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .sm\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; + } - .md\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .sm\:my-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; + } - .md\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .sm\:mx-7 { + margin-left: 1.75rem !important; + margin-right: 1.75rem !important; + } - .md\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .sm\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; + } - .md\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .sm\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; + } - .md\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .sm\:my-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; + } - .md\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .sm\:mx-9 { + margin-left: 2.25rem !important; + margin-right: 2.25rem !important; + } - .md\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .sm\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; + } - .md\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .sm\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; + } - .md\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .sm\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } - .md\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .sm\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; + } - .md\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .sm\:my-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; } - .md\:border-opacity-0 { - --border-opacity: 0 !important; + .sm\:mx-14 { + margin-left: 3.5rem !important; + margin-right: 3.5rem !important; } - .md\:border-opacity-25 { - --border-opacity: 0.25 !important; + .sm\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .md\:border-opacity-50 { - --border-opacity: 0.5 !important; + .sm\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .md\:border-opacity-75 { - --border-opacity: 0.75 !important; + .sm\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .md\:border-opacity-100 { - --border-opacity: 1 !important; + .sm\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .group:hover .md\:group-hover\:border-opacity-0 { - --border-opacity: 0 !important; + .sm\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .group:hover .md\:group-hover\:border-opacity-25 { - --border-opacity: 0.25 !important; + .sm\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .group:hover .md\:group-hover\:border-opacity-50 { - --border-opacity: 0.5 !important; + .sm\:my-28 { + margin-top: 7rem !important; + margin-bottom: 7rem !important; } - .group:hover .md\:group-hover\:border-opacity-75 { - --border-opacity: 0.75 !important; + .sm\:mx-28 { + margin-left: 7rem !important; + margin-right: 7rem !important; } - .group:hover .md\:group-hover\:border-opacity-100 { - --border-opacity: 1 !important; + .sm\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .md\:hover\:border-opacity-0:hover { - --border-opacity: 0 !important; + .sm\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .md\:hover\:border-opacity-25:hover { - --border-opacity: 0.25 !important; + .sm\:my-36 { + margin-top: 9rem !important; + margin-bottom: 9rem !important; } - .md\:hover\:border-opacity-50:hover { - --border-opacity: 0.5 !important; + .sm\:mx-36 { + margin-left: 9rem !important; + margin-right: 9rem !important; } - .md\:hover\:border-opacity-75:hover { - --border-opacity: 0.75 !important; + .sm\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .md\:hover\:border-opacity-100:hover { - --border-opacity: 1 !important; + .sm\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .md\:focus\:border-opacity-0:focus { - --border-opacity: 0 !important; + .sm\:my-44 { + margin-top: 11rem !important; + margin-bottom: 11rem !important; } - .md\:focus\:border-opacity-25:focus { - --border-opacity: 0.25 !important; + .sm\:mx-44 { + margin-left: 11rem !important; + margin-right: 11rem !important; } - .md\:focus\:border-opacity-50:focus { - --border-opacity: 0.5 !important; + .sm\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .md\:focus\:border-opacity-75:focus { - --border-opacity: 0.75 !important; + .sm\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .md\:focus\:border-opacity-100:focus { - --border-opacity: 1 !important; + .sm\:my-52 { + margin-top: 13rem !important; + margin-bottom: 13rem !important; } - .md\:rounded-none { - border-radius: 0 !important; + .sm\:mx-52 { + margin-left: 13rem !important; + margin-right: 13rem !important; } - .md\:rounded-sm { - border-radius: 0.125rem !important; + .sm\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .md\:rounded { - border-radius: 0.25rem !important; + .sm\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .md\:rounded-md { - border-radius: 0.375rem !important; + .sm\:my-60 { + margin-top: 15rem !important; + margin-bottom: 15rem !important; } - .md\:rounded-lg { - border-radius: 0.5rem !important; + .sm\:mx-60 { + margin-left: 15rem !important; + margin-right: 15rem !important; } - .md\:rounded-xl { - border-radius: 0.75rem !important; + .sm\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .md\:rounded-2xl { - border-radius: 1rem !important; + .sm\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .md\:rounded-3xl { - border-radius: 1.5rem !important; + .sm\:my-72 { + margin-top: 18rem !important; + margin-bottom: 18rem !important; } - .md\:rounded-full { - border-radius: 9999px !important; + .sm\:mx-72 { + margin-left: 18rem !important; + margin-right: 18rem !important; } - .md\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .sm\:my-80 { + margin-top: 20rem !important; + margin-bottom: 20rem !important; } - .md\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .sm\:mx-80 { + margin-left: 20rem !important; + margin-right: 20rem !important; } - .md\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .sm\:my-96 { + margin-top: 24rem !important; + margin-bottom: 24rem !important; } - .md\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .sm\:mx-96 { + margin-left: 24rem !important; + margin-right: 24rem !important; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .sm\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .sm\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .sm\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .sm\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .md\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .sm\:my-0\.5 { + margin-top: 0.125rem !important; + margin-bottom: 0.125rem !important; } - .md\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .sm\:mx-0\.5 { + margin-left: 0.125rem !important; + margin-right: 0.125rem !important; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .sm\:my-1\.5 { + margin-top: 0.375rem !important; + margin-bottom: 0.375rem !important; } - .md\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .sm\:mx-1\.5 { + margin-left: 0.375rem !important; + margin-right: 0.375rem !important; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; + .sm\:my-2\.5 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; + .sm\:mx-2\.5 { + margin-left: 0.625rem !important; + margin-right: 0.625rem !important; } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .sm\:my-3\.5 { + margin-top: 0.875rem !important; + margin-bottom: 0.875rem !important; } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .sm\:mx-3\.5 { + margin-left: 0.875rem !important; + margin-right: 0.875rem !important; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .sm\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .sm\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .sm\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .sm\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .md\:rounded-t-xl { - border-top-left-radius: 0.75rem !important; - border-top-right-radius: 0.75rem !important; + .sm\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .md\:rounded-r-xl { - border-top-right-radius: 0.75rem !important; - border-bottom-right-radius: 0.75rem !important; + .sm\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .md\:rounded-b-xl { - border-bottom-right-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; + .sm\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .md\:rounded-l-xl { - border-top-left-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; + .sm\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .md\:rounded-t-2xl { - border-top-left-radius: 1rem !important; - border-top-right-radius: 1rem !important; + .sm\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .md\:rounded-r-2xl { - border-top-right-radius: 1rem !important; - border-bottom-right-radius: 1rem !important; + .sm\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .md\:rounded-b-2xl { - border-bottom-right-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; + .sm\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .md\:rounded-l-2xl { - border-top-left-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; + .sm\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .md\:rounded-t-3xl { - border-top-left-radius: 1.5rem !important; - border-top-right-radius: 1.5rem !important; + .sm\:-my-7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; } - .md\:rounded-r-3xl { - border-top-right-radius: 1.5rem !important; - border-bottom-right-radius: 1.5rem !important; + .sm\:-mx-7 { + margin-left: -1.75rem !important; + margin-right: -1.75rem !important; } - .md\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; + .sm\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .md\:rounded-l-3xl { - border-top-left-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; + .sm\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .md\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .sm\:-my-9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; } - .md\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .sm\:-mx-9 { + margin-left: -2.25rem !important; + margin-right: -2.25rem !important; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .sm\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .md\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .sm\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .md\:rounded-tl-none { - border-top-left-radius: 0 !important; + .sm\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .md\:rounded-tr-none { - border-top-right-radius: 0 !important; + .sm\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .md\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .sm\:-my-14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .sm\:-mx-14 { + margin-left: -3.5rem !important; + margin-right: -3.5rem !important; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .sm\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .sm\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .sm\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .sm\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .sm\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .sm\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .sm\:-my-28 { + margin-top: -7rem !important; + margin-bottom: -7rem !important; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .sm\:-mx-28 { + margin-left: -7rem !important; + margin-right: -7rem !important; } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem !important; + .sm\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem !important; + .sm\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem !important; + .sm\:-my-36 { + margin-top: -9rem !important; + margin-bottom: -9rem !important; } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; + .sm\:-mx-36 { + margin-left: -9rem !important; + margin-right: -9rem !important; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .sm\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .sm\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .sm\:-my-44 { + margin-top: -11rem !important; + margin-bottom: -11rem !important; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .sm\:-mx-44 { + margin-left: -11rem !important; + margin-right: -11rem !important; } - .md\:rounded-tl-xl { - border-top-left-radius: 0.75rem !important; + .sm\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .md\:rounded-tr-xl { - border-top-right-radius: 0.75rem !important; + .sm\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .md\:rounded-br-xl { - border-bottom-right-radius: 0.75rem !important; + .sm\:-my-52 { + margin-top: -13rem !important; + margin-bottom: -13rem !important; } - .md\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem !important; + .sm\:-mx-52 { + margin-left: -13rem !important; + margin-right: -13rem !important; } - .md\:rounded-tl-2xl { - border-top-left-radius: 1rem !important; + .sm\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .md\:rounded-tr-2xl { - border-top-right-radius: 1rem !important; + .sm\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .md\:rounded-br-2xl { - border-bottom-right-radius: 1rem !important; + .sm\:-my-60 { + margin-top: -15rem !important; + margin-bottom: -15rem !important; } - .md\:rounded-bl-2xl { - border-bottom-left-radius: 1rem !important; + .sm\:-mx-60 { + margin-left: -15rem !important; + margin-right: -15rem !important; } - .md\:rounded-tl-3xl { - border-top-left-radius: 1.5rem !important; + .sm\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .md\:rounded-tr-3xl { - border-top-right-radius: 1.5rem !important; + .sm\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .md\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem !important; + .sm\:-my-72 { + margin-top: -18rem !important; + margin-bottom: -18rem !important; } - .md\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem !important; + .sm\:-mx-72 { + margin-left: -18rem !important; + margin-right: -18rem !important; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .sm\:-my-80 { + margin-top: -20rem !important; + margin-bottom: -20rem !important; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .sm\:-mx-80 { + margin-left: -20rem !important; + margin-right: -20rem !important; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .sm\:-my-96 { + margin-top: -24rem !important; + margin-bottom: -24rem !important; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .sm\:-mx-96 { + margin-left: -24rem !important; + margin-right: -24rem !important; } - .md\:border-solid { - border-style: solid !important; + .sm\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .md\:border-dashed { - border-style: dashed !important; + .sm\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .md\:border-dotted { - border-style: dotted !important; + .sm\:-my-0\.5 { + margin-top: -0.125rem !important; + margin-bottom: -0.125rem !important; } - .md\:border-double { - border-style: double !important; + .sm\:-mx-0\.5 { + margin-left: -0.125rem !important; + margin-right: -0.125rem !important; } - .md\:border-none { - border-style: none !important; + .sm\:-my-1\.5 { + margin-top: -0.375rem !important; + margin-bottom: -0.375rem !important; } - .md\:border-0 { - border-width: 0 !important; + .sm\:-mx-1\.5 { + margin-left: -0.375rem !important; + margin-right: -0.375rem !important; } - .md\:border-2 { - border-width: 2px !important; + .sm\:-my-2\.5 { + margin-top: -0.625rem !important; + margin-bottom: -0.625rem !important; } - .md\:border-4 { - border-width: 4px !important; + .sm\:-mx-2\.5 { + margin-left: -0.625rem !important; + margin-right: -0.625rem !important; } - .md\:border-8 { - border-width: 8px !important; + .sm\:-my-3\.5 { + margin-top: -0.875rem !important; + margin-bottom: -0.875rem !important; } - .md\:border { - border-width: 1px !important; + .sm\:-mx-3\.5 { + margin-left: -0.875rem !important; + margin-right: -0.875rem !important; } - .md\:border-t-0 { - border-top-width: 0 !important; + .sm\:mt-0 { + margin-top: 0 !important; } - .md\:border-r-0 { - border-right-width: 0 !important; + .sm\:mr-0 { + margin-right: 0 !important; } - .md\:border-b-0 { - border-bottom-width: 0 !important; + .sm\:mb-0 { + margin-bottom: 0 !important; } - .md\:border-l-0 { - border-left-width: 0 !important; + .sm\:ml-0 { + margin-left: 0 !important; } - .md\:border-t-2 { - border-top-width: 2px !important; + .sm\:mt-1 { + margin-top: 0.25rem !important; } - .md\:border-r-2 { - border-right-width: 2px !important; + .sm\:mr-1 { + margin-right: 0.25rem !important; } - .md\:border-b-2 { - border-bottom-width: 2px !important; + .sm\:mb-1 { + margin-bottom: 0.25rem !important; } - .md\:border-l-2 { - border-left-width: 2px !important; + .sm\:ml-1 { + margin-left: 0.25rem !important; } - .md\:border-t-4 { - border-top-width: 4px !important; + .sm\:mt-2 { + margin-top: 0.5rem !important; } - .md\:border-r-4 { - border-right-width: 4px !important; + .sm\:mr-2 { + margin-right: 0.5rem !important; } - .md\:border-b-4 { - border-bottom-width: 4px !important; + .sm\:mb-2 { + margin-bottom: 0.5rem !important; } - .md\:border-l-4 { - border-left-width: 4px !important; + .sm\:ml-2 { + margin-left: 0.5rem !important; } - .md\:border-t-8 { - border-top-width: 8px !important; + .sm\:mt-3 { + margin-top: 0.75rem !important; } - .md\:border-r-8 { - border-right-width: 8px !important; + .sm\:mr-3 { + margin-right: 0.75rem !important; } - .md\:border-b-8 { - border-bottom-width: 8px !important; + .sm\:mb-3 { + margin-bottom: 0.75rem !important; } - .md\:border-l-8 { - border-left-width: 8px !important; + .sm\:ml-3 { + margin-left: 0.75rem !important; } - .md\:border-t { - border-top-width: 1px !important; + .sm\:mt-4 { + margin-top: 1rem !important; } - .md\:border-r { - border-right-width: 1px !important; + .sm\:mr-4 { + margin-right: 1rem !important; } - .md\:border-b { - border-bottom-width: 1px !important; + .sm\:mb-4 { + margin-bottom: 1rem !important; } - .md\:border-l { - border-left-width: 1px !important; + .sm\:ml-4 { + margin-left: 1rem !important; } - .md\:box-border { - box-sizing: border-box !important; + .sm\:mt-5 { + margin-top: 1.25rem !important; } - .md\:box-content { - box-sizing: content-box !important; + .sm\:mr-5 { + margin-right: 1.25rem !important; } - .md\:cursor-auto { - cursor: auto !important; + .sm\:mb-5 { + margin-bottom: 1.25rem !important; } - .md\:cursor-default { - cursor: default !important; + .sm\:ml-5 { + margin-left: 1.25rem !important; } - .md\:cursor-pointer { - cursor: pointer !important; + .sm\:mt-6 { + margin-top: 1.5rem !important; } - .md\:cursor-wait { - cursor: wait !important; + .sm\:mr-6 { + margin-right: 1.5rem !important; } - .md\:cursor-text { - cursor: text !important; + .sm\:mb-6 { + margin-bottom: 1.5rem !important; } - .md\:cursor-move { - cursor: move !important; + .sm\:ml-6 { + margin-left: 1.5rem !important; } - .md\:cursor-not-allowed { - cursor: not-allowed !important; + .sm\:mt-7 { + margin-top: 1.75rem !important; } - .md\:block { - display: block !important; + .sm\:mr-7 { + margin-right: 1.75rem !important; } - .md\:inline-block { - display: inline-block !important; + .sm\:mb-7 { + margin-bottom: 1.75rem !important; } - .md\:inline { - display: inline !important; + .sm\:ml-7 { + margin-left: 1.75rem !important; } - .md\:flex { - display: flex !important; + .sm\:mt-8 { + margin-top: 2rem !important; } - .md\:inline-flex { - display: inline-flex !important; + .sm\:mr-8 { + margin-right: 2rem !important; } - .md\:table { - display: table !important; + .sm\:mb-8 { + margin-bottom: 2rem !important; } - .md\:table-caption { - display: table-caption !important; + .sm\:ml-8 { + margin-left: 2rem !important; } - .md\:table-cell { - display: table-cell !important; + .sm\:mt-9 { + margin-top: 2.25rem !important; } - .md\:table-column { - display: table-column !important; + .sm\:mr-9 { + margin-right: 2.25rem !important; } - .md\:table-column-group { - display: table-column-group !important; + .sm\:mb-9 { + margin-bottom: 2.25rem !important; } - .md\:table-footer-group { - display: table-footer-group !important; + .sm\:ml-9 { + margin-left: 2.25rem !important; } - .md\:table-header-group { - display: table-header-group !important; + .sm\:mt-10 { + margin-top: 2.5rem !important; } - .md\:table-row-group { - display: table-row-group !important; + .sm\:mr-10 { + margin-right: 2.5rem !important; } - .md\:table-row { - display: table-row !important; + .sm\:mb-10 { + margin-bottom: 2.5rem !important; } - .md\:flow-root { - display: flow-root !important; + .sm\:ml-10 { + margin-left: 2.5rem !important; } - .md\:grid { - display: grid !important; + .sm\:mt-12 { + margin-top: 3rem !important; } - .md\:inline-grid { - display: inline-grid !important; + .sm\:mr-12 { + margin-right: 3rem !important; } - .md\:contents { - display: contents !important; + .sm\:mb-12 { + margin-bottom: 3rem !important; } - .md\:hidden { - display: none !important; + .sm\:ml-12 { + margin-left: 3rem !important; } - .md\:flex-row { - flex-direction: row !important; + .sm\:mt-14 { + margin-top: 3.5rem !important; } - .md\:flex-row-reverse { - flex-direction: row-reverse !important; + .sm\:mr-14 { + margin-right: 3.5rem !important; } - .md\:flex-col { - flex-direction: column !important; + .sm\:mb-14 { + margin-bottom: 3.5rem !important; } - .md\:flex-col-reverse { - flex-direction: column-reverse !important; + .sm\:ml-14 { + margin-left: 3.5rem !important; } - .md\:flex-wrap { - flex-wrap: wrap !important; + .sm\:mt-16 { + margin-top: 4rem !important; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .sm\:mr-16 { + margin-right: 4rem !important; } - .md\:flex-no-wrap { - flex-wrap: nowrap !important; + .sm\:mb-16 { + margin-bottom: 4rem !important; } - .md\:place-items-auto { - place-items: auto !important; + .sm\:ml-16 { + margin-left: 4rem !important; } - .md\:place-items-start { - place-items: start !important; + .sm\:mt-20 { + margin-top: 5rem !important; } - .md\:place-items-end { - place-items: end !important; + .sm\:mr-20 { + margin-right: 5rem !important; } - .md\:place-items-center { - place-items: center !important; + .sm\:mb-20 { + margin-bottom: 5rem !important; } - .md\:place-items-stretch { - place-items: stretch !important; + .sm\:ml-20 { + margin-left: 5rem !important; } - .md\:place-content-center { - place-content: center !important; + .sm\:mt-24 { + margin-top: 6rem !important; } - .md\:place-content-start { - place-content: start !important; + .sm\:mr-24 { + margin-right: 6rem !important; } - .md\:place-content-end { - place-content: end !important; + .sm\:mb-24 { + margin-bottom: 6rem !important; } - .md\:place-content-between { - place-content: space-between !important; + .sm\:ml-24 { + margin-left: 6rem !important; } - .md\:place-content-around { - place-content: space-around !important; + .sm\:mt-28 { + margin-top: 7rem !important; } - .md\:place-content-evenly { - place-content: space-evenly !important; + .sm\:mr-28 { + margin-right: 7rem !important; } - .md\:place-content-stretch { - place-content: stretch !important; + .sm\:mb-28 { + margin-bottom: 7rem !important; } - .md\:place-self-auto { - place-self: auto !important; + .sm\:ml-28 { + margin-left: 7rem !important; } - .md\:place-self-start { - place-self: start !important; + .sm\:mt-32 { + margin-top: 8rem !important; } - .md\:place-self-end { - place-self: end !important; + .sm\:mr-32 { + margin-right: 8rem !important; } - .md\:place-self-center { - place-self: center !important; + .sm\:mb-32 { + margin-bottom: 8rem !important; } - .md\:place-self-stretch { - place-self: stretch !important; + .sm\:ml-32 { + margin-left: 8rem !important; } - .md\:items-start { - align-items: flex-start !important; + .sm\:mt-36 { + margin-top: 9rem !important; } - .md\:items-end { - align-items: flex-end !important; + .sm\:mr-36 { + margin-right: 9rem !important; } - .md\:items-center { - align-items: center !important; + .sm\:mb-36 { + margin-bottom: 9rem !important; } - .md\:items-baseline { - align-items: baseline !important; + .sm\:ml-36 { + margin-left: 9rem !important; } - .md\:items-stretch { - align-items: stretch !important; + .sm\:mt-40 { + margin-top: 10rem !important; } - .md\:content-center { - align-content: center !important; + .sm\:mr-40 { + margin-right: 10rem !important; } - .md\:content-start { - align-content: flex-start !important; + .sm\:mb-40 { + margin-bottom: 10rem !important; } - .md\:content-end { - align-content: flex-end !important; + .sm\:ml-40 { + margin-left: 10rem !important; } - .md\:content-between { - align-content: space-between !important; + .sm\:mt-44 { + margin-top: 11rem !important; } - .md\:content-around { - align-content: space-around !important; + .sm\:mr-44 { + margin-right: 11rem !important; } - .md\:content-evenly { - align-content: space-evenly !important; + .sm\:mb-44 { + margin-bottom: 11rem !important; } - .md\:self-auto { - align-self: auto !important; + .sm\:ml-44 { + margin-left: 11rem !important; } - .md\:self-start { - align-self: flex-start !important; + .sm\:mt-48 { + margin-top: 12rem !important; } - .md\:self-end { - align-self: flex-end !important; + .sm\:mr-48 { + margin-right: 12rem !important; } - .md\:self-center { - align-self: center !important; + .sm\:mb-48 { + margin-bottom: 12rem !important; } - .md\:self-stretch { - align-self: stretch !important; + .sm\:ml-48 { + margin-left: 12rem !important; } - .md\:justify-items-auto { - justify-items: auto !important; + .sm\:mt-52 { + margin-top: 13rem !important; } - .md\:justify-items-start { - justify-items: start !important; + .sm\:mr-52 { + margin-right: 13rem !important; } - .md\:justify-items-end { - justify-items: end !important; + .sm\:mb-52 { + margin-bottom: 13rem !important; } - .md\:justify-items-center { - justify-items: center !important; + .sm\:ml-52 { + margin-left: 13rem !important; } - .md\:justify-items-stretch { - justify-items: stretch !important; + .sm\:mt-56 { + margin-top: 14rem !important; } - .md\:justify-start { - justify-content: flex-start !important; + .sm\:mr-56 { + margin-right: 14rem !important; } - .md\:justify-end { - justify-content: flex-end !important; + .sm\:mb-56 { + margin-bottom: 14rem !important; } - .md\:justify-center { - justify-content: center !important; + .sm\:ml-56 { + margin-left: 14rem !important; } - .md\:justify-between { - justify-content: space-between !important; + .sm\:mt-60 { + margin-top: 15rem !important; } - .md\:justify-around { - justify-content: space-around !important; + .sm\:mr-60 { + margin-right: 15rem !important; } - .md\:justify-evenly { - justify-content: space-evenly !important; + .sm\:mb-60 { + margin-bottom: 15rem !important; } - .md\:justify-self-auto { - justify-self: auto !important; + .sm\:ml-60 { + margin-left: 15rem !important; } - .md\:justify-self-start { - justify-self: start !important; + .sm\:mt-64 { + margin-top: 16rem !important; } - .md\:justify-self-end { - justify-self: end !important; + .sm\:mr-64 { + margin-right: 16rem !important; } - .md\:justify-self-center { - justify-self: center !important; + .sm\:mb-64 { + margin-bottom: 16rem !important; } - .md\:justify-self-stretch { - justify-self: stretch !important; + .sm\:ml-64 { + margin-left: 16rem !important; } - .md\:flex-1 { - flex: 1 1 0% !important; + .sm\:mt-72 { + margin-top: 18rem !important; } - .md\:flex-auto { - flex: 1 1 auto !important; + .sm\:mr-72 { + margin-right: 18rem !important; } - .md\:flex-initial { - flex: 0 1 auto !important; + .sm\:mb-72 { + margin-bottom: 18rem !important; } - .md\:flex-none { - flex: none !important; + .sm\:ml-72 { + margin-left: 18rem !important; } - .md\:flex-grow-0 { - flex-grow: 0 !important; + .sm\:mt-80 { + margin-top: 20rem !important; } - .md\:flex-grow { - flex-grow: 1 !important; + .sm\:mr-80 { + margin-right: 20rem !important; } - .md\:flex-shrink-0 { - flex-shrink: 0 !important; + .sm\:mb-80 { + margin-bottom: 20rem !important; } - .md\:flex-shrink { - flex-shrink: 1 !important; + .sm\:ml-80 { + margin-left: 20rem !important; } - .md\:order-1 { - order: 1 !important; + .sm\:mt-96 { + margin-top: 24rem !important; } - .md\:order-2 { - order: 2 !important; + .sm\:mr-96 { + margin-right: 24rem !important; } - .md\:order-3 { - order: 3 !important; + .sm\:mb-96 { + margin-bottom: 24rem !important; } - .md\:order-4 { - order: 4 !important; + .sm\:ml-96 { + margin-left: 24rem !important; } - .md\:order-5 { - order: 5 !important; + .sm\:mt-auto { + margin-top: auto !important; } - .md\:order-6 { - order: 6 !important; + .sm\:mr-auto { + margin-right: auto !important; } - .md\:order-7 { - order: 7 !important; + .sm\:mb-auto { + margin-bottom: auto !important; } - .md\:order-8 { - order: 8 !important; + .sm\:ml-auto { + margin-left: auto !important; } - .md\:order-9 { - order: 9 !important; + .sm\:mt-px { + margin-top: 1px !important; } - .md\:order-10 { - order: 10 !important; + .sm\:mr-px { + margin-right: 1px !important; } - .md\:order-11 { - order: 11 !important; + .sm\:mb-px { + margin-bottom: 1px !important; } - .md\:order-12 { - order: 12 !important; + .sm\:ml-px { + margin-left: 1px !important; } - .md\:order-first { - order: -9999 !important; + .sm\:mt-0\.5 { + margin-top: 0.125rem !important; } - .md\:order-last { - order: 9999 !important; + .sm\:mr-0\.5 { + margin-right: 0.125rem !important; } - .md\:order-none { - order: 0 !important; + .sm\:mb-0\.5 { + margin-bottom: 0.125rem !important; } - .md\:float-right { - float: right !important; + .sm\:ml-0\.5 { + margin-left: 0.125rem !important; } - .md\:float-left { - float: left !important; + .sm\:mt-1\.5 { + margin-top: 0.375rem !important; } - .md\:float-none { - float: none !important; + .sm\:mr-1\.5 { + margin-right: 0.375rem !important; } - .md\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .sm\:mb-1\.5 { + margin-bottom: 0.375rem !important; } - .md\:clear-left { - clear: left !important; + .sm\:ml-1\.5 { + margin-left: 0.375rem !important; } - .md\:clear-right { - clear: right !important; + .sm\:mt-2\.5 { + margin-top: 0.625rem !important; } - .md\:clear-both { - clear: both !important; + .sm\:mr-2\.5 { + margin-right: 0.625rem !important; } - .md\:clear-none { - clear: none !important; + .sm\:mb-2\.5 { + margin-bottom: 0.625rem !important; } - .md\:font-sans { - font-family: ui-sans-serif, 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" !important; + .sm\:ml-2\.5 { + margin-left: 0.625rem !important; } - .md\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; + .sm\:mt-3\.5 { + margin-top: 0.875rem !important; } - .md\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .sm\:mr-3\.5 { + margin-right: 0.875rem !important; } - .md\:font-thin { - font-weight: 100 !important; + .sm\:mb-3\.5 { + margin-bottom: 0.875rem !important; } - .md\:font-extralight { - font-weight: 200 !important; + .sm\:ml-3\.5 { + margin-left: 0.875rem !important; } - .md\:font-light { - font-weight: 300 !important; + .sm\:-mt-1 { + margin-top: -0.25rem !important; } - .md\:font-normal { - font-weight: 400 !important; + .sm\:-mr-1 { + margin-right: -0.25rem !important; } - .md\:font-medium { - font-weight: 500 !important; + .sm\:-mb-1 { + margin-bottom: -0.25rem !important; } - .md\:font-semibold { - font-weight: 600 !important; + .sm\:-ml-1 { + margin-left: -0.25rem !important; } - .md\:font-bold { - font-weight: 700 !important; + .sm\:-mt-2 { + margin-top: -0.5rem !important; } - .md\:font-extrabold { - font-weight: 800 !important; + .sm\:-mr-2 { + margin-right: -0.5rem !important; } - .md\:font-black { - font-weight: 900 !important; + .sm\:-mb-2 { + margin-bottom: -0.5rem !important; } - .md\:hover\:font-thin:hover { - font-weight: 100 !important; + .sm\:-ml-2 { + margin-left: -0.5rem !important; } - .md\:hover\:font-extralight:hover { - font-weight: 200 !important; + .sm\:-mt-3 { + margin-top: -0.75rem !important; } - .md\:hover\:font-light:hover { - font-weight: 300 !important; + .sm\:-mr-3 { + margin-right: -0.75rem !important; } - .md\:hover\:font-normal:hover { - font-weight: 400 !important; + .sm\:-mb-3 { + margin-bottom: -0.75rem !important; } - .md\:hover\:font-medium:hover { - font-weight: 500 !important; + .sm\:-ml-3 { + margin-left: -0.75rem !important; } - .md\:hover\:font-semibold:hover { - font-weight: 600 !important; + .sm\:-mt-4 { + margin-top: -1rem !important; } - .md\:hover\:font-bold:hover { - font-weight: 700 !important; + .sm\:-mr-4 { + margin-right: -1rem !important; } - .md\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .sm\:-mb-4 { + margin-bottom: -1rem !important; } - .md\:hover\:font-black:hover { - font-weight: 900 !important; + .sm\:-ml-4 { + margin-left: -1rem !important; } - .md\:focus\:font-thin:focus { - font-weight: 100 !important; + .sm\:-mt-5 { + margin-top: -1.25rem !important; } - .md\:focus\:font-extralight:focus { - font-weight: 200 !important; + .sm\:-mr-5 { + margin-right: -1.25rem !important; } - .md\:focus\:font-light:focus { - font-weight: 300 !important; + .sm\:-mb-5 { + margin-bottom: -1.25rem !important; } - .md\:focus\:font-normal:focus { - font-weight: 400 !important; + .sm\:-ml-5 { + margin-left: -1.25rem !important; } - .md\:focus\:font-medium:focus { - font-weight: 500 !important; + .sm\:-mt-6 { + margin-top: -1.5rem !important; } - .md\:focus\:font-semibold:focus { - font-weight: 600 !important; + .sm\:-mr-6 { + margin-right: -1.5rem !important; } - .md\:focus\:font-bold:focus { - font-weight: 700 !important; + .sm\:-mb-6 { + margin-bottom: -1.5rem !important; } - .md\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .sm\:-ml-6 { + margin-left: -1.5rem !important; } - .md\:focus\:font-black:focus { - font-weight: 900 !important; + .sm\:-mt-7 { + margin-top: -1.75rem !important; } - .md\:h-0 { - height: 0 !important; + .sm\:-mr-7 { + margin-right: -1.75rem !important; } - .md\:h-1 { - height: 0.25rem !important; + .sm\:-mb-7 { + margin-bottom: -1.75rem !important; } - .md\:h-2 { - height: 0.5rem !important; + .sm\:-ml-7 { + margin-left: -1.75rem !important; } - .md\:h-3 { - height: 0.75rem !important; + .sm\:-mt-8 { + margin-top: -2rem !important; } - .md\:h-4 { - height: 1rem !important; + .sm\:-mr-8 { + margin-right: -2rem !important; } - .md\:h-5 { - height: 1.25rem !important; + .sm\:-mb-8 { + margin-bottom: -2rem !important; } - .md\:h-6 { - height: 1.5rem !important; + .sm\:-ml-8 { + margin-left: -2rem !important; } - .md\:h-7 { - height: 1.75rem !important; + .sm\:-mt-9 { + margin-top: -2.25rem !important; } - .md\:h-8 { - height: 2rem !important; + .sm\:-mr-9 { + margin-right: -2.25rem !important; } - .md\:h-9 { - height: 2.25rem !important; + .sm\:-mb-9 { + margin-bottom: -2.25rem !important; } - .md\:h-10 { - height: 2.5rem !important; + .sm\:-ml-9 { + margin-left: -2.25rem !important; } - .md\:h-12 { - height: 3rem !important; + .sm\:-mt-10 { + margin-top: -2.5rem !important; } - .md\:h-14 { - height: 3.5rem !important; + .sm\:-mr-10 { + margin-right: -2.5rem !important; } - .md\:h-16 { - height: 4rem !important; + .sm\:-mb-10 { + margin-bottom: -2.5rem !important; } - .md\:h-20 { - height: 5rem !important; + .sm\:-ml-10 { + margin-left: -2.5rem !important; } - .md\:h-24 { - height: 6rem !important; + .sm\:-mt-12 { + margin-top: -3rem !important; } - .md\:h-28 { - height: 7rem !important; + .sm\:-mr-12 { + margin-right: -3rem !important; } - .md\:h-32 { - height: 8rem !important; + .sm\:-mb-12 { + margin-bottom: -3rem !important; } - .md\:h-36 { - height: 9rem !important; + .sm\:-ml-12 { + margin-left: -3rem !important; } - .md\:h-40 { - height: 10rem !important; + .sm\:-mt-14 { + margin-top: -3.5rem !important; } - .md\:h-44 { - height: 11rem !important; + .sm\:-mr-14 { + margin-right: -3.5rem !important; } - .md\:h-48 { - height: 12rem !important; + .sm\:-mb-14 { + margin-bottom: -3.5rem !important; } - .md\:h-52 { - height: 13rem !important; + .sm\:-ml-14 { + margin-left: -3.5rem !important; } - .md\:h-56 { - height: 14rem !important; + .sm\:-mt-16 { + margin-top: -4rem !important; } - .md\:h-60 { - height: 15rem !important; + .sm\:-mr-16 { + margin-right: -4rem !important; } - .md\:h-64 { - height: 16rem !important; + .sm\:-mb-16 { + margin-bottom: -4rem !important; } - .md\:h-72 { - height: 18rem !important; + .sm\:-ml-16 { + margin-left: -4rem !important; } - .md\:h-80 { - height: 20rem !important; + .sm\:-mt-20 { + margin-top: -5rem !important; } - .md\:h-96 { - height: 24rem !important; + .sm\:-mr-20 { + margin-right: -5rem !important; } - .md\:h-auto { - height: auto !important; + .sm\:-mb-20 { + margin-bottom: -5rem !important; } - .md\:h-px { - height: 1px !important; + .sm\:-ml-20 { + margin-left: -5rem !important; } - .md\:h-0\.5 { - height: 0.125rem !important; + .sm\:-mt-24 { + margin-top: -6rem !important; } - .md\:h-1\.5 { - height: 0.375rem !important; + .sm\:-mr-24 { + margin-right: -6rem !important; } - .md\:h-2\.5 { - height: 0.625rem !important; + .sm\:-mb-24 { + margin-bottom: -6rem !important; } - .md\:h-3\.5 { - height: 0.875rem !important; + .sm\:-ml-24 { + margin-left: -6rem !important; } - .md\:h-full { - height: 100% !important; + .sm\:-mt-28 { + margin-top: -7rem !important; } - .md\:h-screen { - height: 100vh !important; + .sm\:-mr-28 { + margin-right: -7rem !important; } - .md\:text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; + .sm\:-mb-28 { + margin-bottom: -7rem !important; } - .md\:text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; + .sm\:-ml-28 { + margin-left: -7rem !important; } - .md\:text-base { - font-size: 1rem !important; - line-height: 1.5rem !important; + .sm\:-mt-32 { + margin-top: -8rem !important; } - .md\:text-lg { - font-size: 1.125rem !important; - line-height: 1.75rem !important; + .sm\:-mr-32 { + margin-right: -8rem !important; } - .md\:text-xl { - font-size: 1.25rem !important; - line-height: 1.75rem !important; + .sm\:-mb-32 { + margin-bottom: -8rem !important; } - .md\:text-2xl { - font-size: 1.5rem !important; - line-height: 2rem !important; + .sm\:-ml-32 { + margin-left: -8rem !important; } - .md\:text-3xl { - font-size: 1.875rem !important; - line-height: 2.25rem !important; + .sm\:-mt-36 { + margin-top: -9rem !important; } - .md\:text-4xl { - font-size: 2.25rem !important; - line-height: 2.5rem !important; + .sm\:-mr-36 { + margin-right: -9rem !important; } - .md\:text-5xl { - font-size: 3rem !important; - line-height: 1 !important; + .sm\:-mb-36 { + margin-bottom: -9rem !important; } - .md\:text-6xl { - font-size: 3.75rem !important; - line-height: 1 !important; + .sm\:-ml-36 { + margin-left: -9rem !important; } - .md\:text-7xl { - font-size: 4.5rem !important; - line-height: 1 !important; + .sm\:-mt-40 { + margin-top: -10rem !important; } - .md\:text-8xl { - font-size: 6rem !important; - line-height: 1 !important; + .sm\:-mr-40 { + margin-right: -10rem !important; } - .md\:text-9xl { - font-size: 8rem !important; - line-height: 1 !important; + .sm\:-mb-40 { + margin-bottom: -10rem !important; } - .md\:leading-3 { - line-height: .75rem !important; + .sm\:-ml-40 { + margin-left: -10rem !important; } - .md\:leading-4 { - line-height: 1rem !important; + .sm\:-mt-44 { + margin-top: -11rem !important; } - .md\:leading-5 { - line-height: 1.25rem !important; + .sm\:-mr-44 { + margin-right: -11rem !important; } - .md\:leading-6 { - line-height: 1.5rem !important; + .sm\:-mb-44 { + margin-bottom: -11rem !important; } - .md\:leading-7 { - line-height: 1.75rem !important; + .sm\:-ml-44 { + margin-left: -11rem !important; } - .md\:leading-8 { - line-height: 2rem !important; + .sm\:-mt-48 { + margin-top: -12rem !important; } - .md\:leading-9 { - line-height: 2.25rem !important; + .sm\:-mr-48 { + margin-right: -12rem !important; } - .md\:leading-10 { - line-height: 2.5rem !important; + .sm\:-mb-48 { + margin-bottom: -12rem !important; } - .md\:leading-none { - line-height: 1 !important; + .sm\:-ml-48 { + margin-left: -12rem !important; } - .md\:leading-tight { - line-height: 1.25 !important; + .sm\:-mt-52 { + margin-top: -13rem !important; } - .md\:leading-snug { - line-height: 1.375 !important; + .sm\:-mr-52 { + margin-right: -13rem !important; } - .md\:leading-normal { - line-height: 1.5 !important; + .sm\:-mb-52 { + margin-bottom: -13rem !important; } - .md\:leading-relaxed { - line-height: 1.625 !important; + .sm\:-ml-52 { + margin-left: -13rem !important; } - .md\:leading-loose { - line-height: 2 !important; + .sm\:-mt-56 { + margin-top: -14rem !important; } - .md\:list-inside { - list-style-position: inside !important; + .sm\:-mr-56 { + margin-right: -14rem !important; } - .md\:list-outside { - list-style-position: outside !important; + .sm\:-mb-56 { + margin-bottom: -14rem !important; } - .md\:list-none { - list-style-type: none !important; + .sm\:-ml-56 { + margin-left: -14rem !important; } - .md\:list-disc { - list-style-type: disc !important; + .sm\:-mt-60 { + margin-top: -15rem !important; } - .md\:list-decimal { - list-style-type: decimal !important; + .sm\:-mr-60 { + margin-right: -15rem !important; } - .md\:m-0 { - margin: 0 !important; + .sm\:-mb-60 { + margin-bottom: -15rem !important; } - .md\:m-1 { - margin: 0.25rem !important; + .sm\:-ml-60 { + margin-left: -15rem !important; } - .md\:m-2 { - margin: 0.5rem !important; + .sm\:-mt-64 { + margin-top: -16rem !important; } - .md\:m-3 { - margin: 0.75rem !important; + .sm\:-mr-64 { + margin-right: -16rem !important; } - .md\:m-4 { - margin: 1rem !important; + .sm\:-mb-64 { + margin-bottom: -16rem !important; } - .md\:m-5 { - margin: 1.25rem !important; + .sm\:-ml-64 { + margin-left: -16rem !important; } - .md\:m-6 { - margin: 1.5rem !important; + .sm\:-mt-72 { + margin-top: -18rem !important; } - .md\:m-7 { - margin: 1.75rem !important; + .sm\:-mr-72 { + margin-right: -18rem !important; } - .md\:m-8 { - margin: 2rem !important; + .sm\:-mb-72 { + margin-bottom: -18rem !important; } - .md\:m-9 { - margin: 2.25rem !important; + .sm\:-ml-72 { + margin-left: -18rem !important; } - .md\:m-10 { - margin: 2.5rem !important; + .sm\:-mt-80 { + margin-top: -20rem !important; } - .md\:m-12 { - margin: 3rem !important; + .sm\:-mr-80 { + margin-right: -20rem !important; } - .md\:m-14 { - margin: 3.5rem !important; + .sm\:-mb-80 { + margin-bottom: -20rem !important; } - .md\:m-16 { - margin: 4rem !important; + .sm\:-ml-80 { + margin-left: -20rem !important; } - .md\:m-20 { - margin: 5rem !important; + .sm\:-mt-96 { + margin-top: -24rem !important; } - .md\:m-24 { - margin: 6rem !important; + .sm\:-mr-96 { + margin-right: -24rem !important; } - .md\:m-28 { - margin: 7rem !important; + .sm\:-mb-96 { + margin-bottom: -24rem !important; } - .md\:m-32 { - margin: 8rem !important; + .sm\:-ml-96 { + margin-left: -24rem !important; } - .md\:m-36 { - margin: 9rem !important; + .sm\:-mt-px { + margin-top: -1px !important; } - .md\:m-40 { - margin: 10rem !important; + .sm\:-mr-px { + margin-right: -1px !important; } - .md\:m-44 { - margin: 11rem !important; + .sm\:-mb-px { + margin-bottom: -1px !important; } - .md\:m-48 { - margin: 12rem !important; + .sm\:-ml-px { + margin-left: -1px !important; } - .md\:m-52 { - margin: 13rem !important; + .sm\:-mt-0\.5 { + margin-top: -0.125rem !important; } - .md\:m-56 { - margin: 14rem !important; + .sm\:-mr-0\.5 { + margin-right: -0.125rem !important; } - .md\:m-60 { - margin: 15rem !important; + .sm\:-mb-0\.5 { + margin-bottom: -0.125rem !important; } - .md\:m-64 { - margin: 16rem !important; + .sm\:-ml-0\.5 { + margin-left: -0.125rem !important; } - .md\:m-72 { - margin: 18rem !important; + .sm\:-mt-1\.5 { + margin-top: -0.375rem !important; } - .md\:m-80 { - margin: 20rem !important; + .sm\:-mr-1\.5 { + margin-right: -0.375rem !important; } - .md\:m-96 { - margin: 24rem !important; + .sm\:-mb-1\.5 { + margin-bottom: -0.375rem !important; } - .md\:m-auto { - margin: auto !important; + .sm\:-ml-1\.5 { + margin-left: -0.375rem !important; } - .md\:m-px { - margin: 1px !important; + .sm\:-mt-2\.5 { + margin-top: -0.625rem !important; } - .md\:m-0\.5 { - margin: 0.125rem !important; + .sm\:-mr-2\.5 { + margin-right: -0.625rem !important; } - .md\:m-1\.5 { - margin: 0.375rem !important; + .sm\:-mb-2\.5 { + margin-bottom: -0.625rem !important; } - .md\:m-2\.5 { - margin: 0.625rem !important; + .sm\:-ml-2\.5 { + margin-left: -0.625rem !important; } - .md\:m-3\.5 { - margin: 0.875rem !important; + .sm\:-mt-3\.5 { + margin-top: -0.875rem !important; } - .md\:-m-1 { - margin: -0.25rem !important; + .sm\:-mr-3\.5 { + margin-right: -0.875rem !important; } - .md\:-m-2 { - margin: -0.5rem !important; + .sm\:-mb-3\.5 { + margin-bottom: -0.875rem !important; } - .md\:-m-3 { - margin: -0.75rem !important; + .sm\:-ml-3\.5 { + margin-left: -0.875rem !important; } - .md\:-m-4 { - margin: -1rem !important; + .sm\:max-h-0 { + max-height: 0 !important; } - .md\:-m-5 { - margin: -1.25rem !important; + .sm\:max-h-1 { + max-height: 0.25rem !important; } - .md\:-m-6 { - margin: -1.5rem !important; + .sm\:max-h-2 { + max-height: 0.5rem !important; } - .md\:-m-7 { - margin: -1.75rem !important; + .sm\:max-h-3 { + max-height: 0.75rem !important; } - .md\:-m-8 { - margin: -2rem !important; + .sm\:max-h-4 { + max-height: 1rem !important; } - .md\:-m-9 { - margin: -2.25rem !important; + .sm\:max-h-5 { + max-height: 1.25rem !important; } - .md\:-m-10 { - margin: -2.5rem !important; + .sm\:max-h-6 { + max-height: 1.5rem !important; } - .md\:-m-12 { - margin: -3rem !important; + .sm\:max-h-7 { + max-height: 1.75rem !important; } - .md\:-m-14 { - margin: -3.5rem !important; + .sm\:max-h-8 { + max-height: 2rem !important; } - .md\:-m-16 { - margin: -4rem !important; + .sm\:max-h-9 { + max-height: 2.25rem !important; } - .md\:-m-20 { - margin: -5rem !important; + .sm\:max-h-10 { + max-height: 2.5rem !important; } - .md\:-m-24 { - margin: -6rem !important; + .sm\:max-h-12 { + max-height: 3rem !important; } - .md\:-m-28 { - margin: -7rem !important; + .sm\:max-h-14 { + max-height: 3.5rem !important; } - .md\:-m-32 { - margin: -8rem !important; + .sm\:max-h-16 { + max-height: 4rem !important; } - .md\:-m-36 { - margin: -9rem !important; + .sm\:max-h-20 { + max-height: 5rem !important; } - .md\:-m-40 { - margin: -10rem !important; + .sm\:max-h-24 { + max-height: 6rem !important; } - .md\:-m-44 { - margin: -11rem !important; + .sm\:max-h-28 { + max-height: 7rem !important; } - .md\:-m-48 { - margin: -12rem !important; + .sm\:max-h-32 { + max-height: 8rem !important; } - .md\:-m-52 { - margin: -13rem !important; + .sm\:max-h-36 { + max-height: 9rem !important; } - .md\:-m-56 { - margin: -14rem !important; + .sm\:max-h-40 { + max-height: 10rem !important; } - .md\:-m-60 { - margin: -15rem !important; + .sm\:max-h-44 { + max-height: 11rem !important; } - .md\:-m-64 { - margin: -16rem !important; + .sm\:max-h-48 { + max-height: 12rem !important; } - .md\:-m-72 { - margin: -18rem !important; + .sm\:max-h-52 { + max-height: 13rem !important; } - .md\:-m-80 { - margin: -20rem !important; + .sm\:max-h-56 { + max-height: 14rem !important; } - .md\:-m-96 { - margin: -24rem !important; + .sm\:max-h-60 { + max-height: 15rem !important; } - .md\:-m-px { - margin: -1px !important; + .sm\:max-h-64 { + max-height: 16rem !important; } - .md\:-m-0\.5 { - margin: -0.125rem !important; + .sm\:max-h-72 { + max-height: 18rem !important; } - .md\:-m-1\.5 { - margin: -0.375rem !important; + .sm\:max-h-80 { + max-height: 20rem !important; } - .md\:-m-2\.5 { - margin: -0.625rem !important; + .sm\:max-h-96 { + max-height: 24rem !important; } - .md\:-m-3\.5 { - margin: -0.875rem !important; + .sm\:max-h-px { + max-height: 1px !important; } - .md\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .sm\:max-h-0\.5 { + max-height: 0.125rem !important; } - .md\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .sm\:max-h-1\.5 { + max-height: 0.375rem !important; } - .md\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .sm\:max-h-2\.5 { + max-height: 0.625rem !important; } - .md\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .sm\:max-h-3\.5 { + max-height: 0.875rem !important; } - .md\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .sm\:max-h-full { + max-height: 100% !important; } - .md\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .sm\:max-h-screen { + max-height: 100vh !important; } - .md\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .sm\:max-w-0 { + max-width: 0rem !important; } - .md\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .sm\:max-w-none { + max-width: none !important; } - .md\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .sm\:max-w-xs { + max-width: 20rem !important; } - .md\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .sm\:max-w-sm { + max-width: 24rem !important; } - .md\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .sm\:max-w-md { + max-width: 28rem !important; } - .md\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .sm\:max-w-lg { + max-width: 32rem !important; } - .md\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .sm\:max-w-xl { + max-width: 36rem !important; } - .md\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .sm\:max-w-2xl { + max-width: 42rem !important; } - .md\:my-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + .sm\:max-w-3xl { + max-width: 48rem !important; } - .md\:mx-7 { - margin-left: 1.75rem !important; - margin-right: 1.75rem !important; + .sm\:max-w-4xl { + max-width: 56rem !important; } - .md\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .sm\:max-w-5xl { + max-width: 64rem !important; } - .md\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .sm\:max-w-6xl { + max-width: 72rem !important; } - .md\:my-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + .sm\:max-w-7xl { + max-width: 80rem !important; } - .md\:mx-9 { - margin-left: 2.25rem !important; - margin-right: 2.25rem !important; + .sm\:max-w-full { + max-width: 100% !important; } - .md\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .sm\:max-w-min { + max-width: min-content !important; } - .md\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .sm\:max-w-max { + max-width: max-content !important; } - .md\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .sm\:max-w-screen-sm { + max-width: 640px !important; } - .md\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .sm\:max-w-screen-md { + max-width: 768px !important; } - .md\:my-14 { - margin-top: 3.5rem !important; - margin-bottom: 3.5rem !important; + .sm\:max-w-screen-lg { + max-width: 1024px !important; } - .md\:mx-14 { - margin-left: 3.5rem !important; - margin-right: 3.5rem !important; + .sm\:max-w-screen-xl { + max-width: 1280px !important; } - .md\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .sm\:max-w-screen-2xl { + max-width: 1536px !important; } - .md\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .sm\:min-h-0 { + min-height: 0 !important; } - .md\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .sm\:min-h-full { + min-height: 100% !important; } - .md\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .sm\:min-h-screen { + min-height: 100vh !important; } - .md\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .sm\:min-w-0 { + min-width: 0 !important; } - .md\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .sm\:min-w-full { + min-width: 100% !important; } - .md\:my-28 { - margin-top: 7rem !important; - margin-bottom: 7rem !important; + .sm\:min-w-min { + min-width: min-content !important; } - .md\:mx-28 { - margin-left: 7rem !important; - margin-right: 7rem !important; + .sm\:min-w-max { + min-width: max-content !important; } - .md\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .sm\:object-contain { + object-fit: contain !important; } - .md\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .sm\:object-cover { + object-fit: cover !important; } - .md\:my-36 { - margin-top: 9rem !important; - margin-bottom: 9rem !important; + .sm\:object-fill { + object-fit: fill !important; } - .md\:mx-36 { - margin-left: 9rem !important; - margin-right: 9rem !important; + .sm\:object-none { + object-fit: none !important; } - .md\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .sm\:object-scale-down { + object-fit: scale-down !important; } - .md\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .sm\:object-bottom { + object-position: bottom !important; } - .md\:my-44 { - margin-top: 11rem !important; - margin-bottom: 11rem !important; + .sm\:object-center { + object-position: center !important; } - .md\:mx-44 { - margin-left: 11rem !important; - margin-right: 11rem !important; + .sm\:object-left { + object-position: left !important; } - .md\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .sm\:object-left-bottom { + object-position: left bottom !important; } - .md\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .sm\:object-left-top { + object-position: left top !important; } - .md\:my-52 { - margin-top: 13rem !important; - margin-bottom: 13rem !important; + .sm\:object-right { + object-position: right !important; } - .md\:mx-52 { - margin-left: 13rem !important; - margin-right: 13rem !important; + .sm\:object-right-bottom { + object-position: right bottom !important; } - .md\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .sm\:object-right-top { + object-position: right top !important; } - .md\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .sm\:object-top { + object-position: top !important; } - .md\:my-60 { - margin-top: 15rem !important; - margin-bottom: 15rem !important; + .sm\:opacity-0 { + opacity: 0 !important; } - .md\:mx-60 { - margin-left: 15rem !important; - margin-right: 15rem !important; + .sm\:opacity-25 { + opacity: 0.25 !important; } - .md\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .sm\:opacity-50 { + opacity: 0.5 !important; } - .md\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .sm\:opacity-75 { + opacity: 0.75 !important; } - .md\:my-72 { - margin-top: 18rem !important; - margin-bottom: 18rem !important; + .sm\:opacity-100 { + opacity: 1 !important; } - .md\:mx-72 { - margin-left: 18rem !important; - margin-right: 18rem !important; + .group:hover .sm\:group-hover\:opacity-0 { + opacity: 0 !important; } - .md\:my-80 { - margin-top: 20rem !important; - margin-bottom: 20rem !important; + .group:hover .sm\:group-hover\:opacity-25 { + opacity: 0.25 !important; } - .md\:mx-80 { - margin-left: 20rem !important; - margin-right: 20rem !important; + .group:hover .sm\:group-hover\:opacity-50 { + opacity: 0.5 !important; } - .md\:my-96 { - margin-top: 24rem !important; - margin-bottom: 24rem !important; + .group:hover .sm\:group-hover\:opacity-75 { + opacity: 0.75 !important; } - .md\:mx-96 { - margin-left: 24rem !important; - margin-right: 24rem !important; + .group:hover .sm\:group-hover\:opacity-100 { + opacity: 1 !important; } - .md\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .sm\:hover\:opacity-0:hover { + opacity: 0 !important; } - .md\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .sm\:hover\:opacity-25:hover { + opacity: 0.25 !important; } - .md\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .sm\:hover\:opacity-50:hover { + opacity: 0.5 !important; } - .md\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .sm\:hover\:opacity-75:hover { + opacity: 0.75 !important; } - .md\:my-0\.5 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + .sm\:hover\:opacity-100:hover { + opacity: 1 !important; } - .md\:mx-0\.5 { - margin-left: 0.125rem !important; - margin-right: 0.125rem !important; + .sm\:focus\:opacity-0:focus { + opacity: 0 !important; } - .md\:my-1\.5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + .sm\:focus\:opacity-25:focus { + opacity: 0.25 !important; } - .md\:mx-1\.5 { - margin-left: 0.375rem !important; - margin-right: 0.375rem !important; + .sm\:focus\:opacity-50:focus { + opacity: 0.5 !important; } - .md\:my-2\.5 { - margin-top: 0.625rem !important; - margin-bottom: 0.625rem !important; + .sm\:focus\:opacity-75:focus { + opacity: 0.75 !important; } - .md\:mx-2\.5 { - margin-left: 0.625rem !important; - margin-right: 0.625rem !important; + .sm\:focus\:opacity-100:focus { + opacity: 1 !important; } - .md\:my-3\.5 { - margin-top: 0.875rem !important; - margin-bottom: 0.875rem !important; + .sm\:outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } - .md\:mx-3\.5 { - margin-left: 0.875rem !important; - margin-right: 0.875rem !important; + .sm\:outline-white { + outline: 2px dotted white !important; + outline-offset: 2px !important; } - .md\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .sm\:outline-black { + outline: 2px dotted black !important; + outline-offset: 2px !important; } - .md\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .sm\:focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } - .md\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .sm\:focus\:outline-white:focus { + outline: 2px dotted white !important; + outline-offset: 2px !important; } - .md\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .sm\:focus\:outline-black:focus { + outline: 2px dotted black !important; + outline-offset: 2px !important; } - .md\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .sm\:overflow-auto { + overflow: auto !important; } - .md\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .sm\:overflow-hidden { + overflow: hidden !important; } - .md\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .sm\:overflow-visible { + overflow: visible !important; } - .md\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .sm\:overflow-scroll { + overflow: scroll !important; } - .md\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .sm\:overflow-x-auto { + overflow-x: auto !important; } - .md\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .sm\:overflow-y-auto { + overflow-y: auto !important; } - .md\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .sm\:overflow-x-hidden { + overflow-x: hidden !important; } - .md\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .sm\:overflow-y-hidden { + overflow-y: hidden !important; } - .md\:-my-7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + .sm\:overflow-x-visible { + overflow-x: visible !important; } - .md\:-mx-7 { - margin-left: -1.75rem !important; - margin-right: -1.75rem !important; + .sm\:overflow-y-visible { + overflow-y: visible !important; } - .md\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .sm\:overflow-x-scroll { + overflow-x: scroll !important; } - .md\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .sm\:overflow-y-scroll { + overflow-y: scroll !important; } - .md\:-my-9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + .sm\:overscroll-auto { + overscroll-behavior: auto !important; } - .md\:-mx-9 { - margin-left: -2.25rem !important; - margin-right: -2.25rem !important; + .sm\:overscroll-contain { + overscroll-behavior: contain !important; } - .md\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .sm\:overscroll-none { + overscroll-behavior: none !important; } - .md\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .sm\:overscroll-y-auto { + overscroll-behavior-y: auto !important; } - .md\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .sm\:overscroll-y-contain { + overscroll-behavior-y: contain !important; } - .md\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .sm\:overscroll-y-none { + overscroll-behavior-y: none !important; } - .md\:-my-14 { - margin-top: -3.5rem !important; - margin-bottom: -3.5rem !important; + .sm\:overscroll-x-auto { + overscroll-behavior-x: auto !important; } - .md\:-mx-14 { - margin-left: -3.5rem !important; - margin-right: -3.5rem !important; + .sm\:overscroll-x-contain { + overscroll-behavior-x: contain !important; } - .md\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .sm\:overscroll-x-none { + overscroll-behavior-x: none !important; } - .md\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .sm\:p-0 { + padding: 0 !important; } - .md\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .sm\:p-1 { + padding: 0.25rem !important; } - .md\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .sm\:p-2 { + padding: 0.5rem !important; } - .md\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .sm\:p-3 { + padding: 0.75rem !important; } - .md\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .sm\:p-4 { + padding: 1rem !important; } - .md\:-my-28 { - margin-top: -7rem !important; - margin-bottom: -7rem !important; + .sm\:p-5 { + padding: 1.25rem !important; } - .md\:-mx-28 { - margin-left: -7rem !important; - margin-right: -7rem !important; + .sm\:p-6 { + padding: 1.5rem !important; } - .md\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .sm\:p-7 { + padding: 1.75rem !important; } - .md\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .sm\:p-8 { + padding: 2rem !important; } - .md\:-my-36 { - margin-top: -9rem !important; - margin-bottom: -9rem !important; + .sm\:p-9 { + padding: 2.25rem !important; } - .md\:-mx-36 { - margin-left: -9rem !important; - margin-right: -9rem !important; + .sm\:p-10 { + padding: 2.5rem !important; } - .md\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .sm\:p-12 { + padding: 3rem !important; } - .md\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .sm\:p-14 { + padding: 3.5rem !important; } - .md\:-my-44 { - margin-top: -11rem !important; - margin-bottom: -11rem !important; + .sm\:p-16 { + padding: 4rem !important; } - .md\:-mx-44 { - margin-left: -11rem !important; - margin-right: -11rem !important; + .sm\:p-20 { + padding: 5rem !important; } - .md\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .sm\:p-24 { + padding: 6rem !important; } - .md\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .sm\:p-28 { + padding: 7rem !important; } - .md\:-my-52 { - margin-top: -13rem !important; - margin-bottom: -13rem !important; + .sm\:p-32 { + padding: 8rem !important; } - .md\:-mx-52 { - margin-left: -13rem !important; - margin-right: -13rem !important; + .sm\:p-36 { + padding: 9rem !important; } - .md\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .sm\:p-40 { + padding: 10rem !important; } - .md\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .sm\:p-44 { + padding: 11rem !important; } - .md\:-my-60 { - margin-top: -15rem !important; - margin-bottom: -15rem !important; + .sm\:p-48 { + padding: 12rem !important; } - .md\:-mx-60 { - margin-left: -15rem !important; - margin-right: -15rem !important; + .sm\:p-52 { + padding: 13rem !important; } - .md\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .sm\:p-56 { + padding: 14rem !important; } - .md\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .sm\:p-60 { + padding: 15rem !important; } - .md\:-my-72 { - margin-top: -18rem !important; - margin-bottom: -18rem !important; + .sm\:p-64 { + padding: 16rem !important; } - .md\:-mx-72 { - margin-left: -18rem !important; - margin-right: -18rem !important; + .sm\:p-72 { + padding: 18rem !important; } - .md\:-my-80 { - margin-top: -20rem !important; - margin-bottom: -20rem !important; + .sm\:p-80 { + padding: 20rem !important; } - .md\:-mx-80 { - margin-left: -20rem !important; - margin-right: -20rem !important; + .sm\:p-96 { + padding: 24rem !important; } - .md\:-my-96 { - margin-top: -24rem !important; - margin-bottom: -24rem !important; + .sm\:p-px { + padding: 1px !important; } - .md\:-mx-96 { - margin-left: -24rem !important; - margin-right: -24rem !important; + .sm\:p-0\.5 { + padding: 0.125rem !important; } - .md\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .sm\:p-1\.5 { + padding: 0.375rem !important; } - .md\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .sm\:p-2\.5 { + padding: 0.625rem !important; } - .md\:-my-0\.5 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + .sm\:p-3\.5 { + padding: 0.875rem !important; } - .md\:-mx-0\.5 { - margin-left: -0.125rem !important; - margin-right: -0.125rem !important; + .sm\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .md\:-my-1\.5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + .sm\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .md\:-mx-1\.5 { - margin-left: -0.375rem !important; - margin-right: -0.375rem !important; + .sm\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .md\:-my-2\.5 { - margin-top: -0.625rem !important; - margin-bottom: -0.625rem !important; + .sm\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .md\:-mx-2\.5 { - margin-left: -0.625rem !important; - margin-right: -0.625rem !important; + .sm\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .md\:-my-3\.5 { - margin-top: -0.875rem !important; - margin-bottom: -0.875rem !important; + .sm\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .md\:-mx-3\.5 { - margin-left: -0.875rem !important; - margin-right: -0.875rem !important; + .sm\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .md\:mt-0 { - margin-top: 0 !important; + .sm\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .md\:mr-0 { - margin-right: 0 !important; + .sm\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .md\:mb-0 { - margin-bottom: 0 !important; + .sm\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .md\:ml-0 { - margin-left: 0 !important; + .sm\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .md\:mt-1 { - margin-top: 0.25rem !important; + .sm\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .md\:mr-1 { - margin-right: 0.25rem !important; + .sm\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .md\:mb-1 { - margin-bottom: 0.25rem !important; + .sm\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .md\:ml-1 { - margin-left: 0.25rem !important; + .sm\:py-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; } - .md\:mt-2 { - margin-top: 0.5rem !important; + .sm\:px-7 { + padding-left: 1.75rem !important; + padding-right: 1.75rem !important; } - .md\:mr-2 { - margin-right: 0.5rem !important; + .sm\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .md\:mb-2 { - margin-bottom: 0.5rem !important; + .sm\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .md\:ml-2 { - margin-left: 0.5rem !important; + .sm\:py-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; } - .md\:mt-3 { - margin-top: 0.75rem !important; + .sm\:px-9 { + padding-left: 2.25rem !important; + padding-right: 2.25rem !important; } - .md\:mr-3 { - margin-right: 0.75rem !important; + .sm\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .md\:mb-3 { - margin-bottom: 0.75rem !important; + .sm\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .md\:ml-3 { - margin-left: 0.75rem !important; + .sm\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .md\:mt-4 { - margin-top: 1rem !important; + .sm\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .md\:mr-4 { - margin-right: 1rem !important; + .sm\:py-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; } - .md\:mb-4 { - margin-bottom: 1rem !important; + .sm\:px-14 { + padding-left: 3.5rem !important; + padding-right: 3.5rem !important; } - .md\:ml-4 { - margin-left: 1rem !important; + .sm\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .md\:mt-5 { - margin-top: 1.25rem !important; + .sm\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .md\:mr-5 { - margin-right: 1.25rem !important; + .sm\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .md\:mb-5 { - margin-bottom: 1.25rem !important; + .sm\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .md\:ml-5 { - margin-left: 1.25rem !important; + .sm\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .md\:mt-6 { - margin-top: 1.5rem !important; + .sm\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .md\:mr-6 { - margin-right: 1.5rem !important; + .sm\:py-28 { + padding-top: 7rem !important; + padding-bottom: 7rem !important; } - .md\:mb-6 { - margin-bottom: 1.5rem !important; + .sm\:px-28 { + padding-left: 7rem !important; + padding-right: 7rem !important; } - .md\:ml-6 { - margin-left: 1.5rem !important; + .sm\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .md\:mt-7 { - margin-top: 1.75rem !important; + .sm\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .md\:mr-7 { - margin-right: 1.75rem !important; + .sm\:py-36 { + padding-top: 9rem !important; + padding-bottom: 9rem !important; } - .md\:mb-7 { - margin-bottom: 1.75rem !important; + .sm\:px-36 { + padding-left: 9rem !important; + padding-right: 9rem !important; } - .md\:ml-7 { - margin-left: 1.75rem !important; + .sm\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .md\:mt-8 { - margin-top: 2rem !important; + .sm\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .md\:mr-8 { - margin-right: 2rem !important; + .sm\:py-44 { + padding-top: 11rem !important; + padding-bottom: 11rem !important; } - .md\:mb-8 { - margin-bottom: 2rem !important; + .sm\:px-44 { + padding-left: 11rem !important; + padding-right: 11rem !important; } - .md\:ml-8 { - margin-left: 2rem !important; + .sm\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .md\:mt-9 { - margin-top: 2.25rem !important; + .sm\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .md\:mr-9 { - margin-right: 2.25rem !important; + .sm\:py-52 { + padding-top: 13rem !important; + padding-bottom: 13rem !important; } - .md\:mb-9 { - margin-bottom: 2.25rem !important; + .sm\:px-52 { + padding-left: 13rem !important; + padding-right: 13rem !important; } - .md\:ml-9 { - margin-left: 2.25rem !important; + .sm\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .md\:mt-10 { - margin-top: 2.5rem !important; + .sm\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .md\:mr-10 { - margin-right: 2.5rem !important; + .sm\:py-60 { + padding-top: 15rem !important; + padding-bottom: 15rem !important; } - .md\:mb-10 { - margin-bottom: 2.5rem !important; + .sm\:px-60 { + padding-left: 15rem !important; + padding-right: 15rem !important; } - .md\:ml-10 { - margin-left: 2.5rem !important; + .sm\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .md\:mt-12 { - margin-top: 3rem !important; + .sm\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .md\:mr-12 { - margin-right: 3rem !important; + .sm\:py-72 { + padding-top: 18rem !important; + padding-bottom: 18rem !important; } - .md\:mb-12 { - margin-bottom: 3rem !important; + .sm\:px-72 { + padding-left: 18rem !important; + padding-right: 18rem !important; } - .md\:ml-12 { - margin-left: 3rem !important; + .sm\:py-80 { + padding-top: 20rem !important; + padding-bottom: 20rem !important; } - .md\:mt-14 { - margin-top: 3.5rem !important; + .sm\:px-80 { + padding-left: 20rem !important; + padding-right: 20rem !important; } - .md\:mr-14 { - margin-right: 3.5rem !important; + .sm\:py-96 { + padding-top: 24rem !important; + padding-bottom: 24rem !important; } - .md\:mb-14 { - margin-bottom: 3.5rem !important; + .sm\:px-96 { + padding-left: 24rem !important; + padding-right: 24rem !important; } - .md\:ml-14 { - margin-left: 3.5rem !important; + .sm\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .md\:mt-16 { - margin-top: 4rem !important; + .sm\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .md\:mr-16 { - margin-right: 4rem !important; + .sm\:py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; } - .md\:mb-16 { - margin-bottom: 4rem !important; + .sm\:px-0\.5 { + padding-left: 0.125rem !important; + padding-right: 0.125rem !important; } - .md\:ml-16 { - margin-left: 4rem !important; + .sm\:py-1\.5 { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; } - .md\:mt-20 { - margin-top: 5rem !important; + .sm\:px-1\.5 { + padding-left: 0.375rem !important; + padding-right: 0.375rem !important; } - .md\:mr-20 { - margin-right: 5rem !important; + .sm\:py-2\.5 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; } - .md\:mb-20 { - margin-bottom: 5rem !important; + .sm\:px-2\.5 { + padding-left: 0.625rem !important; + padding-right: 0.625rem !important; } - .md\:ml-20 { - margin-left: 5rem !important; + .sm\:py-3\.5 { + padding-top: 0.875rem !important; + padding-bottom: 0.875rem !important; } - .md\:mt-24 { - margin-top: 6rem !important; + .sm\:px-3\.5 { + padding-left: 0.875rem !important; + padding-right: 0.875rem !important; } - .md\:mr-24 { - margin-right: 6rem !important; + .sm\:pt-0 { + padding-top: 0 !important; } - .md\:mb-24 { - margin-bottom: 6rem !important; + .sm\:pr-0 { + padding-right: 0 !important; } - .md\:ml-24 { - margin-left: 6rem !important; + .sm\:pb-0 { + padding-bottom: 0 !important; } - .md\:mt-28 { - margin-top: 7rem !important; + .sm\:pl-0 { + padding-left: 0 !important; } - .md\:mr-28 { - margin-right: 7rem !important; + .sm\:pt-1 { + padding-top: 0.25rem !important; } - .md\:mb-28 { - margin-bottom: 7rem !important; + .sm\:pr-1 { + padding-right: 0.25rem !important; } - .md\:ml-28 { - margin-left: 7rem !important; + .sm\:pb-1 { + padding-bottom: 0.25rem !important; } - .md\:mt-32 { - margin-top: 8rem !important; + .sm\:pl-1 { + padding-left: 0.25rem !important; } - .md\:mr-32 { - margin-right: 8rem !important; + .sm\:pt-2 { + padding-top: 0.5rem !important; } - .md\:mb-32 { - margin-bottom: 8rem !important; + .sm\:pr-2 { + padding-right: 0.5rem !important; } - .md\:ml-32 { - margin-left: 8rem !important; + .sm\:pb-2 { + padding-bottom: 0.5rem !important; } - .md\:mt-36 { - margin-top: 9rem !important; + .sm\:pl-2 { + padding-left: 0.5rem !important; } - .md\:mr-36 { - margin-right: 9rem !important; + .sm\:pt-3 { + padding-top: 0.75rem !important; } - - .md\:mb-36 { - margin-bottom: 9rem !important; + + .sm\:pr-3 { + padding-right: 0.75rem !important; } - .md\:ml-36 { - margin-left: 9rem !important; + .sm\:pb-3 { + padding-bottom: 0.75rem !important; } - .md\:mt-40 { - margin-top: 10rem !important; + .sm\:pl-3 { + padding-left: 0.75rem !important; } - .md\:mr-40 { - margin-right: 10rem !important; + .sm\:pt-4 { + padding-top: 1rem !important; } - .md\:mb-40 { - margin-bottom: 10rem !important; + .sm\:pr-4 { + padding-right: 1rem !important; } - .md\:ml-40 { - margin-left: 10rem !important; + .sm\:pb-4 { + padding-bottom: 1rem !important; } - .md\:mt-44 { - margin-top: 11rem !important; + .sm\:pl-4 { + padding-left: 1rem !important; } - .md\:mr-44 { - margin-right: 11rem !important; + .sm\:pt-5 { + padding-top: 1.25rem !important; } - .md\:mb-44 { - margin-bottom: 11rem !important; + .sm\:pr-5 { + padding-right: 1.25rem !important; } - .md\:ml-44 { - margin-left: 11rem !important; + .sm\:pb-5 { + padding-bottom: 1.25rem !important; } - .md\:mt-48 { - margin-top: 12rem !important; + .sm\:pl-5 { + padding-left: 1.25rem !important; } - .md\:mr-48 { - margin-right: 12rem !important; + .sm\:pt-6 { + padding-top: 1.5rem !important; } - .md\:mb-48 { - margin-bottom: 12rem !important; + .sm\:pr-6 { + padding-right: 1.5rem !important; } - .md\:ml-48 { - margin-left: 12rem !important; + .sm\:pb-6 { + padding-bottom: 1.5rem !important; } - .md\:mt-52 { - margin-top: 13rem !important; + .sm\:pl-6 { + padding-left: 1.5rem !important; } - .md\:mr-52 { - margin-right: 13rem !important; + .sm\:pt-7 { + padding-top: 1.75rem !important; } - .md\:mb-52 { - margin-bottom: 13rem !important; + .sm\:pr-7 { + padding-right: 1.75rem !important; } - .md\:ml-52 { - margin-left: 13rem !important; + .sm\:pb-7 { + padding-bottom: 1.75rem !important; } - .md\:mt-56 { - margin-top: 14rem !important; + .sm\:pl-7 { + padding-left: 1.75rem !important; } - .md\:mr-56 { - margin-right: 14rem !important; + .sm\:pt-8 { + padding-top: 2rem !important; } - .md\:mb-56 { - margin-bottom: 14rem !important; + .sm\:pr-8 { + padding-right: 2rem !important; } - .md\:ml-56 { - margin-left: 14rem !important; + .sm\:pb-8 { + padding-bottom: 2rem !important; } - .md\:mt-60 { - margin-top: 15rem !important; + .sm\:pl-8 { + padding-left: 2rem !important; } - .md\:mr-60 { - margin-right: 15rem !important; + .sm\:pt-9 { + padding-top: 2.25rem !important; } - .md\:mb-60 { - margin-bottom: 15rem !important; + .sm\:pr-9 { + padding-right: 2.25rem !important; } - .md\:ml-60 { - margin-left: 15rem !important; + .sm\:pb-9 { + padding-bottom: 2.25rem !important; } - .md\:mt-64 { - margin-top: 16rem !important; + .sm\:pl-9 { + padding-left: 2.25rem !important; } - .md\:mr-64 { - margin-right: 16rem !important; + .sm\:pt-10 { + padding-top: 2.5rem !important; } - .md\:mb-64 { - margin-bottom: 16rem !important; + .sm\:pr-10 { + padding-right: 2.5rem !important; } - .md\:ml-64 { - margin-left: 16rem !important; + .sm\:pb-10 { + padding-bottom: 2.5rem !important; } - .md\:mt-72 { - margin-top: 18rem !important; + .sm\:pl-10 { + padding-left: 2.5rem !important; } - .md\:mr-72 { - margin-right: 18rem !important; + .sm\:pt-12 { + padding-top: 3rem !important; } - .md\:mb-72 { - margin-bottom: 18rem !important; + .sm\:pr-12 { + padding-right: 3rem !important; } - .md\:ml-72 { - margin-left: 18rem !important; + .sm\:pb-12 { + padding-bottom: 3rem !important; } - .md\:mt-80 { - margin-top: 20rem !important; + .sm\:pl-12 { + padding-left: 3rem !important; } - .md\:mr-80 { - margin-right: 20rem !important; + .sm\:pt-14 { + padding-top: 3.5rem !important; } - .md\:mb-80 { - margin-bottom: 20rem !important; + .sm\:pr-14 { + padding-right: 3.5rem !important; } - .md\:ml-80 { - margin-left: 20rem !important; + .sm\:pb-14 { + padding-bottom: 3.5rem !important; } - .md\:mt-96 { - margin-top: 24rem !important; + .sm\:pl-14 { + padding-left: 3.5rem !important; } - .md\:mr-96 { - margin-right: 24rem !important; + .sm\:pt-16 { + padding-top: 4rem !important; } - .md\:mb-96 { - margin-bottom: 24rem !important; + .sm\:pr-16 { + padding-right: 4rem !important; } - .md\:ml-96 { - margin-left: 24rem !important; + .sm\:pb-16 { + padding-bottom: 4rem !important; } - .md\:mt-auto { - margin-top: auto !important; + .sm\:pl-16 { + padding-left: 4rem !important; } - .md\:mr-auto { - margin-right: auto !important; + .sm\:pt-20 { + padding-top: 5rem !important; } - .md\:mb-auto { - margin-bottom: auto !important; + .sm\:pr-20 { + padding-right: 5rem !important; } - .md\:ml-auto { - margin-left: auto !important; + .sm\:pb-20 { + padding-bottom: 5rem !important; } - .md\:mt-px { - margin-top: 1px !important; + .sm\:pl-20 { + padding-left: 5rem !important; } - .md\:mr-px { - margin-right: 1px !important; + .sm\:pt-24 { + padding-top: 6rem !important; } - .md\:mb-px { - margin-bottom: 1px !important; + .sm\:pr-24 { + padding-right: 6rem !important; } - .md\:ml-px { - margin-left: 1px !important; + .sm\:pb-24 { + padding-bottom: 6rem !important; } - .md\:mt-0\.5 { - margin-top: 0.125rem !important; + .sm\:pl-24 { + padding-left: 6rem !important; } - .md\:mr-0\.5 { - margin-right: 0.125rem !important; + .sm\:pt-28 { + padding-top: 7rem !important; } - .md\:mb-0\.5 { - margin-bottom: 0.125rem !important; + .sm\:pr-28 { + padding-right: 7rem !important; } - .md\:ml-0\.5 { - margin-left: 0.125rem !important; + .sm\:pb-28 { + padding-bottom: 7rem !important; } - .md\:mt-1\.5 { - margin-top: 0.375rem !important; + .sm\:pl-28 { + padding-left: 7rem !important; } - .md\:mr-1\.5 { - margin-right: 0.375rem !important; + .sm\:pt-32 { + padding-top: 8rem !important; } - .md\:mb-1\.5 { - margin-bottom: 0.375rem !important; + .sm\:pr-32 { + padding-right: 8rem !important; } - .md\:ml-1\.5 { - margin-left: 0.375rem !important; + .sm\:pb-32 { + padding-bottom: 8rem !important; } - .md\:mt-2\.5 { - margin-top: 0.625rem !important; + .sm\:pl-32 { + padding-left: 8rem !important; } - .md\:mr-2\.5 { - margin-right: 0.625rem !important; + .sm\:pt-36 { + padding-top: 9rem !important; } - .md\:mb-2\.5 { - margin-bottom: 0.625rem !important; + .sm\:pr-36 { + padding-right: 9rem !important; } - .md\:ml-2\.5 { - margin-left: 0.625rem !important; + .sm\:pb-36 { + padding-bottom: 9rem !important; } - .md\:mt-3\.5 { - margin-top: 0.875rem !important; + .sm\:pl-36 { + padding-left: 9rem !important; } - .md\:mr-3\.5 { - margin-right: 0.875rem !important; + .sm\:pt-40 { + padding-top: 10rem !important; } - .md\:mb-3\.5 { - margin-bottom: 0.875rem !important; + .sm\:pr-40 { + padding-right: 10rem !important; } - .md\:ml-3\.5 { - margin-left: 0.875rem !important; + .sm\:pb-40 { + padding-bottom: 10rem !important; } - .md\:-mt-1 { - margin-top: -0.25rem !important; + .sm\:pl-40 { + padding-left: 10rem !important; } - .md\:-mr-1 { - margin-right: -0.25rem !important; + .sm\:pt-44 { + padding-top: 11rem !important; } - .md\:-mb-1 { - margin-bottom: -0.25rem !important; + .sm\:pr-44 { + padding-right: 11rem !important; } - .md\:-ml-1 { - margin-left: -0.25rem !important; + .sm\:pb-44 { + padding-bottom: 11rem !important; } - .md\:-mt-2 { - margin-top: -0.5rem !important; + .sm\:pl-44 { + padding-left: 11rem !important; } - .md\:-mr-2 { - margin-right: -0.5rem !important; + .sm\:pt-48 { + padding-top: 12rem !important; } - .md\:-mb-2 { - margin-bottom: -0.5rem !important; + .sm\:pr-48 { + padding-right: 12rem !important; } - .md\:-ml-2 { - margin-left: -0.5rem !important; + .sm\:pb-48 { + padding-bottom: 12rem !important; } - .md\:-mt-3 { - margin-top: -0.75rem !important; + .sm\:pl-48 { + padding-left: 12rem !important; } - .md\:-mr-3 { - margin-right: -0.75rem !important; + .sm\:pt-52 { + padding-top: 13rem !important; } - .md\:-mb-3 { - margin-bottom: -0.75rem !important; + .sm\:pr-52 { + padding-right: 13rem !important; } - .md\:-ml-3 { - margin-left: -0.75rem !important; + .sm\:pb-52 { + padding-bottom: 13rem !important; } - .md\:-mt-4 { - margin-top: -1rem !important; + .sm\:pl-52 { + padding-left: 13rem !important; } - .md\:-mr-4 { - margin-right: -1rem !important; + .sm\:pt-56 { + padding-top: 14rem !important; } - .md\:-mb-4 { - margin-bottom: -1rem !important; + .sm\:pr-56 { + padding-right: 14rem !important; } - .md\:-ml-4 { - margin-left: -1rem !important; + .sm\:pb-56 { + padding-bottom: 14rem !important; } - .md\:-mt-5 { - margin-top: -1.25rem !important; + .sm\:pl-56 { + padding-left: 14rem !important; } - .md\:-mr-5 { - margin-right: -1.25rem !important; + .sm\:pt-60 { + padding-top: 15rem !important; } - .md\:-mb-5 { - margin-bottom: -1.25rem !important; + .sm\:pr-60 { + padding-right: 15rem !important; } - .md\:-ml-5 { - margin-left: -1.25rem !important; + .sm\:pb-60 { + padding-bottom: 15rem !important; } - .md\:-mt-6 { - margin-top: -1.5rem !important; + .sm\:pl-60 { + padding-left: 15rem !important; } - .md\:-mr-6 { - margin-right: -1.5rem !important; + .sm\:pt-64 { + padding-top: 16rem !important; } - .md\:-mb-6 { - margin-bottom: -1.5rem !important; + .sm\:pr-64 { + padding-right: 16rem !important; } - .md\:-ml-6 { - margin-left: -1.5rem !important; + .sm\:pb-64 { + padding-bottom: 16rem !important; } - .md\:-mt-7 { - margin-top: -1.75rem !important; + .sm\:pl-64 { + padding-left: 16rem !important; } - .md\:-mr-7 { - margin-right: -1.75rem !important; + .sm\:pt-72 { + padding-top: 18rem !important; } - .md\:-mb-7 { - margin-bottom: -1.75rem !important; + .sm\:pr-72 { + padding-right: 18rem !important; } - .md\:-ml-7 { - margin-left: -1.75rem !important; + .sm\:pb-72 { + padding-bottom: 18rem !important; } - .md\:-mt-8 { - margin-top: -2rem !important; + .sm\:pl-72 { + padding-left: 18rem !important; } - .md\:-mr-8 { - margin-right: -2rem !important; + .sm\:pt-80 { + padding-top: 20rem !important; } - .md\:-mb-8 { - margin-bottom: -2rem !important; + .sm\:pr-80 { + padding-right: 20rem !important; } - .md\:-ml-8 { - margin-left: -2rem !important; + .sm\:pb-80 { + padding-bottom: 20rem !important; } - .md\:-mt-9 { - margin-top: -2.25rem !important; + .sm\:pl-80 { + padding-left: 20rem !important; } - .md\:-mr-9 { - margin-right: -2.25rem !important; + .sm\:pt-96 { + padding-top: 24rem !important; } - .md\:-mb-9 { - margin-bottom: -2.25rem !important; + .sm\:pr-96 { + padding-right: 24rem !important; } - .md\:-ml-9 { - margin-left: -2.25rem !important; + .sm\:pb-96 { + padding-bottom: 24rem !important; } - .md\:-mt-10 { - margin-top: -2.5rem !important; + .sm\:pl-96 { + padding-left: 24rem !important; } - .md\:-mr-10 { - margin-right: -2.5rem !important; + .sm\:pt-px { + padding-top: 1px !important; } - .md\:-mb-10 { - margin-bottom: -2.5rem !important; + .sm\:pr-px { + padding-right: 1px !important; } - .md\:-ml-10 { - margin-left: -2.5rem !important; + .sm\:pb-px { + padding-bottom: 1px !important; } - .md\:-mt-12 { - margin-top: -3rem !important; + .sm\:pl-px { + padding-left: 1px !important; } - .md\:-mr-12 { - margin-right: -3rem !important; + .sm\:pt-0\.5 { + padding-top: 0.125rem !important; } - .md\:-mb-12 { - margin-bottom: -3rem !important; + .sm\:pr-0\.5 { + padding-right: 0.125rem !important; } - .md\:-ml-12 { - margin-left: -3rem !important; + .sm\:pb-0\.5 { + padding-bottom: 0.125rem !important; } - .md\:-mt-14 { - margin-top: -3.5rem !important; + .sm\:pl-0\.5 { + padding-left: 0.125rem !important; } - .md\:-mr-14 { - margin-right: -3.5rem !important; + .sm\:pt-1\.5 { + padding-top: 0.375rem !important; } - .md\:-mb-14 { - margin-bottom: -3.5rem !important; + .sm\:pr-1\.5 { + padding-right: 0.375rem !important; } - .md\:-ml-14 { - margin-left: -3.5rem !important; + .sm\:pb-1\.5 { + padding-bottom: 0.375rem !important; } - .md\:-mt-16 { - margin-top: -4rem !important; + .sm\:pl-1\.5 { + padding-left: 0.375rem !important; } - .md\:-mr-16 { - margin-right: -4rem !important; + .sm\:pt-2\.5 { + padding-top: 0.625rem !important; } - .md\:-mb-16 { - margin-bottom: -4rem !important; + .sm\:pr-2\.5 { + padding-right: 0.625rem !important; } - .md\:-ml-16 { - margin-left: -4rem !important; + .sm\:pb-2\.5 { + padding-bottom: 0.625rem !important; } - .md\:-mt-20 { - margin-top: -5rem !important; + .sm\:pl-2\.5 { + padding-left: 0.625rem !important; } - .md\:-mr-20 { - margin-right: -5rem !important; + .sm\:pt-3\.5 { + padding-top: 0.875rem !important; } - .md\:-mb-20 { - margin-bottom: -5rem !important; + .sm\:pr-3\.5 { + padding-right: 0.875rem !important; } - .md\:-ml-20 { - margin-left: -5rem !important; + .sm\:pb-3\.5 { + padding-bottom: 0.875rem !important; } - .md\:-mt-24 { - margin-top: -6rem !important; + .sm\:pl-3\.5 { + padding-left: 0.875rem !important; } - .md\:-mr-24 { - margin-right: -6rem !important; + .sm\:placeholder-transparent::placeholder { + color: transparent !important; } - .md\:-mb-24 { - margin-bottom: -6rem !important; + .sm\:placeholder-current::placeholder { + color: currentColor !important; } - .md\:-ml-24 { - margin-left: -6rem !important; + .sm\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .md\:-mt-28 { - margin-top: -7rem !important; + .sm\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .md\:-mr-28 { - margin-right: -7rem !important; + .sm\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; } - .md\:-mb-28 { - margin-bottom: -7rem !important; + .sm\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; } - .md\:-ml-28 { - margin-left: -7rem !important; + .sm\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; } - .md\:-mt-32 { - margin-top: -8rem !important; + .sm\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; } - .md\:-mr-32 { - margin-right: -8rem !important; + .sm\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; } - .md\:-mb-32 { - margin-bottom: -8rem !important; + .sm\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; } - .md\:-ml-32 { - margin-left: -8rem !important; + .sm\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; } - .md\:-mt-36 { - margin-top: -9rem !important; + .sm\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; } - .md\:-mr-36 { - margin-right: -9rem !important; + .sm\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; } - .md\:-mb-36 { - margin-bottom: -9rem !important; + .sm\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; } - .md\:-ml-36 { - margin-left: -9rem !important; + .sm\:placeholder-red-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; } - .md\:-mt-40 { - margin-top: -10rem !important; + .sm\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; } - .md\:-mr-40 { - margin-right: -10rem !important; + .sm\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; } - .md\:-mb-40 { - margin-bottom: -10rem !important; + .sm\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; } - .md\:-ml-40 { - margin-left: -10rem !important; + .sm\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; } - .md\:-mt-44 { - margin-top: -11rem !important; + .sm\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; } - .md\:-mr-44 { - margin-right: -11rem !important; + .sm\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; } - .md\:-mb-44 { - margin-bottom: -11rem !important; + .sm\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; } - .md\:-ml-44 { - margin-left: -11rem !important; + .sm\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; } - .md\:-mt-48 { - margin-top: -12rem !important; + .sm\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; } - .md\:-mr-48 { - margin-right: -12rem !important; + .sm\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; } - .md\:-mb-48 { - margin-bottom: -12rem !important; + .sm\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; } - .md\:-ml-48 { - margin-left: -12rem !important; + .sm\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; } - .md\:-mt-52 { - margin-top: -13rem !important; + .sm\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; } - .md\:-mr-52 { - margin-right: -13rem !important; + .sm\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; } - .md\:-mb-52 { - margin-bottom: -13rem !important; + .sm\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; } - .md\:-ml-52 { - margin-left: -13rem !important; + .sm\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; } - .md\:-mt-56 { - margin-top: -14rem !important; + .sm\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; } - .md\:-mr-56 { - margin-right: -14rem !important; + .sm\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; } - .md\:-mb-56 { - margin-bottom: -14rem !important; + .sm\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; } - .md\:-ml-56 { - margin-left: -14rem !important; + .sm\:placeholder-green-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; } - .md\:-mt-60 { - margin-top: -15rem !important; + .sm\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; } - .md\:-mr-60 { - margin-right: -15rem !important; + .sm\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; } - .md\:-mb-60 { - margin-bottom: -15rem !important; + .sm\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; } - .md\:-ml-60 { - margin-left: -15rem !important; + .sm\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; } - .md\:-mt-64 { - margin-top: -16rem !important; + .sm\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; } - .md\:-mr-64 { - margin-right: -16rem !important; + .sm\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; } - .md\:-mb-64 { - margin-bottom: -16rem !important; + .sm\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; } - .md\:-ml-64 { - margin-left: -16rem !important; + .sm\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; } - .md\:-mt-72 { - margin-top: -18rem !important; + .sm\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; } - .md\:-mr-72 { - margin-right: -18rem !important; + .sm\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; } - .md\:-mb-72 { - margin-bottom: -18rem !important; + .sm\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; } - .md\:-ml-72 { - margin-left: -18rem !important; + .sm\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; } - .md\:-mt-80 { - margin-top: -20rem !important; + .sm\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; } - .md\:-mr-80 { - margin-right: -20rem !important; + .sm\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; } - .md\:-mb-80 { - margin-bottom: -20rem !important; + .sm\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; } - .md\:-ml-80 { - margin-left: -20rem !important; + .sm\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; } - .md\:-mt-96 { - margin-top: -24rem !important; + .sm\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; } - .md\:-mr-96 { - margin-right: -24rem !important; + .sm\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; } - .md\:-mb-96 { - margin-bottom: -24rem !important; + .sm\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; } - .md\:-ml-96 { - margin-left: -24rem !important; + .sm\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; } - .md\:-mt-px { - margin-top: -1px !important; + .sm\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; } - .md\:-mr-px { - margin-right: -1px !important; + .sm\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; } - .md\:-mb-px { - margin-bottom: -1px !important; + .sm\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; } - .md\:-ml-px { - margin-left: -1px !important; + .sm\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; } - .md\:-mt-0\.5 { - margin-top: -0.125rem !important; + .sm\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; } - .md\:-mr-0\.5 { - margin-right: -0.125rem !important; + .sm\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; } - .md\:-mb-0\.5 { - margin-bottom: -0.125rem !important; + .sm\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; } - .md\:-ml-0\.5 { - margin-left: -0.125rem !important; + .sm\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; } - .md\:-mt-1\.5 { - margin-top: -0.375rem !important; + .sm\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; } - .md\:-mr-1\.5 { - margin-right: -0.375rem !important; + .sm\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; } - .md\:-mb-1\.5 { - margin-bottom: -0.375rem !important; + .sm\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; } - .md\:-ml-1\.5 { - margin-left: -0.375rem !important; + .sm\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; } - .md\:-mt-2\.5 { - margin-top: -0.625rem !important; + .sm\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; } - .md\:-mr-2\.5 { - margin-right: -0.625rem !important; + .sm\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; } - .md\:-mb-2\.5 { - margin-bottom: -0.625rem !important; + .sm\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; } - .md\:-ml-2\.5 { - margin-left: -0.625rem !important; + .sm\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; } - .md\:-mt-3\.5 { - margin-top: -0.875rem !important; + .sm\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; } - .md\:-mr-3\.5 { - margin-right: -0.875rem !important; + .sm\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; } - .md\:-mb-3\.5 { - margin-bottom: -0.875rem !important; + .sm\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } - .md\:-ml-3\.5 { - margin-left: -0.875rem !important; + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .md\:max-h-0 { - max-height: 0 !important; + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; } - .md\:max-h-1 { - max-height: 0.25rem !important; + .sm\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .md\:max-h-2 { - max-height: 0.5rem !important; + .sm\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .md\:max-h-3 { - max-height: 0.75rem !important; + .sm\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; } - .md\:max-h-4 { - max-height: 1rem !important; + .sm\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; } - .md\:max-h-5 { - max-height: 1.25rem !important; + .sm\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; } - .md\:max-h-6 { - max-height: 1.5rem !important; + .sm\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; } - .md\:max-h-7 { - max-height: 1.75rem !important; + .sm\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; } - .md\:max-h-8 { - max-height: 2rem !important; + .sm\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; } - .md\:max-h-9 { - max-height: 2.25rem !important; + .sm\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; } - .md\:max-h-10 { - max-height: 2.5rem !important; + .sm\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; } - .md\:max-h-12 { - max-height: 3rem !important; + .sm\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; } - .md\:max-h-14 { - max-height: 3.5rem !important; + .sm\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; } - .md\:max-h-16 { - max-height: 4rem !important; + .sm\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; } - .md\:max-h-20 { - max-height: 5rem !important; + .sm\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; } - .md\:max-h-24 { - max-height: 6rem !important; + .sm\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; } - .md\:max-h-28 { - max-height: 7rem !important; + .sm\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; } - .md\:max-h-32 { - max-height: 8rem !important; + .sm\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; } - .md\:max-h-36 { - max-height: 9rem !important; + .sm\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; } - .md\:max-h-40 { - max-height: 10rem !important; + .sm\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; } - .md\:max-h-44 { - max-height: 11rem !important; + .sm\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; } - .md\:max-h-48 { - max-height: 12rem !important; + .sm\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; } - .md\:max-h-52 { - max-height: 13rem !important; + .sm\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; } - .md\:max-h-56 { - max-height: 14rem !important; + .sm\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; } - .md\:max-h-60 { - max-height: 15rem !important; + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; } - .md\:max-h-64 { - max-height: 16rem !important; + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; } - .md\:max-h-72 { - max-height: 18rem !important; + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; } - .md\:max-h-80 { - max-height: 20rem !important; + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; } - .md\:max-h-96 { - max-height: 24rem !important; + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; } - .md\:max-h-px { - max-height: 1px !important; + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; } - .md\:max-h-0\.5 { - max-height: 0.125rem !important; + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; } - .md\:max-h-1\.5 { - max-height: 0.375rem !important; + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; } - .md\:max-h-2\.5 { - max-height: 0.625rem !important; + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; } - .md\:max-h-3\.5 { - max-height: 0.875rem !important; + .sm\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; } - .md\:max-h-full { - max-height: 100% !important; + .sm\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; } - .md\:max-h-screen { - max-height: 100vh !important; + .sm\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; } - .md\:max-w-0 { - max-width: 0rem !important; + .sm\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; } - .md\:max-w-none { - max-width: none !important; + .sm\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; } - .md\:max-w-xs { - max-width: 20rem !important; + .sm\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; } - .md\:max-w-sm { - max-width: 24rem !important; + .sm\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; } - .md\:max-w-md { - max-width: 28rem !important; + .sm\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; } - .md\:max-w-lg { - max-width: 32rem !important; + .sm\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; } - .md\:max-w-xl { - max-width: 36rem !important; + .sm\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; } - .md\:max-w-2xl { - max-width: 42rem !important; + .sm\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; } - .md\:max-w-3xl { - max-width: 48rem !important; + .sm\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; } - .md\:max-w-4xl { - max-width: 56rem !important; + .sm\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; } - .md\:max-w-5xl { - max-width: 64rem !important; + .sm\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; } - .md\:max-w-6xl { - max-width: 72rem !important; + .sm\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; } - .md\:max-w-7xl { - max-width: 80rem !important; + .sm\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; } - .md\:max-w-full { - max-width: 100% !important; + .sm\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; } - .md\:max-w-min { - max-width: min-content !important; + .sm\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; } - .md\:max-w-max { - max-width: max-content !important; + .sm\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; } - .md\:max-w-screen-sm { - max-width: 640px !important; + .sm\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; } - .md\:max-w-screen-md { - max-width: 768px !important; + .sm\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; } - .md\:max-w-screen-lg { - max-width: 1024px !important; + .sm\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; } - .md\:max-w-screen-xl { - max-width: 1280px !important; + .sm\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; } - .md\:max-w-screen-2xl { - max-width: 1536px !important; + .sm\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; } - .md\:min-h-0 { - min-height: 0 !important; + .sm\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; } - .md\:min-h-full { - min-height: 100% !important; + .sm\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; } - .md\:min-h-screen { - min-height: 100vh !important; + .sm\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; } - .md\:min-w-0 { - min-width: 0 !important; + .sm\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; } - .md\:min-w-full { - min-width: 100% !important; + .sm\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; } - .md\:min-w-min { - min-width: min-content !important; + .sm\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; } - .md\:min-w-max { - min-width: max-content !important; + .sm\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; } - .md\:object-contain { - object-fit: contain !important; + .sm\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; } - .md\:object-cover { - object-fit: cover !important; + .sm\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; } - .md\:object-fill { - object-fit: fill !important; + .sm\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; } - .md\:object-none { - object-fit: none !important; + .sm\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; } - .md\:object-scale-down { - object-fit: scale-down !important; + .sm\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; } - .md\:object-bottom { - object-position: bottom !important; + .sm\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; } - .md\:object-center { - object-position: center !important; + .sm\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; } - .md\:object-left { - object-position: left !important; + .sm\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; } - .md\:object-left-bottom { - object-position: left bottom !important; + .sm\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } - .md\:object-left-top { - object-position: left top !important; + .sm\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; } - .md\:object-right { - object-position: right !important; + .sm\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; } - .md\:object-right-bottom { - object-position: right bottom !important; + .sm\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; } - .md\:object-right-top { - object-position: right top !important; + .sm\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; } - .md\:object-top { - object-position: top !important; + .sm\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; } - .md\:opacity-0 { - opacity: 0 !important; + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; } - .md\:opacity-25 { - opacity: 0.25 !important; + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; } - .md\:opacity-50 { - opacity: 0.5 !important; + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; } - .md\:opacity-75 { - opacity: 0.75 !important; + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; } - .md\:opacity-100 { - opacity: 1 !important; + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } - .group:hover .md\:group-hover\:opacity-0 { - opacity: 0 !important; + .sm\:pointer-events-none { + pointer-events: none !important; } - .group:hover .md\:group-hover\:opacity-25 { - opacity: 0.25 !important; + .sm\:pointer-events-auto { + pointer-events: auto !important; } - .group:hover .md\:group-hover\:opacity-50 { - opacity: 0.5 !important; + .sm\:static { + position: static !important; } - .group:hover .md\:group-hover\:opacity-75 { - opacity: 0.75 !important; + .sm\:fixed { + position: fixed !important; } - .group:hover .md\:group-hover\:opacity-100 { - opacity: 1 !important; + .sm\:absolute { + position: absolute !important; } - .md\:hover\:opacity-0:hover { - opacity: 0 !important; + .sm\:relative { + position: relative !important; } - .md\:hover\:opacity-25:hover { - opacity: 0.25 !important; + .sm\:sticky { + position: sticky !important; } - .md\:hover\:opacity-50:hover { - opacity: 0.5 !important; + .sm\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .md\:hover\:opacity-75:hover { - opacity: 0.75 !important; + .sm\:inset-1 { + top: 0.25rem !important; + right: 0.25rem !important; + bottom: 0.25rem !important; + left: 0.25rem !important; } - .md\:hover\:opacity-100:hover { - opacity: 1 !important; + .sm\:inset-2 { + top: 0.5rem !important; + right: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.5rem !important; } - .md\:focus\:opacity-0:focus { - opacity: 0 !important; + .sm\:inset-3 { + top: 0.75rem !important; + right: 0.75rem !important; + bottom: 0.75rem !important; + left: 0.75rem !important; } - .md\:focus\:opacity-25:focus { - opacity: 0.25 !important; + .sm\:inset-4 { + top: 1rem !important; + right: 1rem !important; + bottom: 1rem !important; + left: 1rem !important; } - .md\:focus\:opacity-50:focus { - opacity: 0.5 !important; + .sm\:inset-5 { + top: 1.25rem !important; + right: 1.25rem !important; + bottom: 1.25rem !important; + left: 1.25rem !important; } - .md\:focus\:opacity-75:focus { - opacity: 0.75 !important; + .sm\:inset-6 { + top: 1.5rem !important; + right: 1.5rem !important; + bottom: 1.5rem !important; + left: 1.5rem !important; } - .md\:focus\:opacity-100:focus { - opacity: 1 !important; + .sm\:inset-7 { + top: 1.75rem !important; + right: 1.75rem !important; + bottom: 1.75rem !important; + left: 1.75rem !important; } - .md\:outline-none { - outline: 2px solid transparent !important; - outline-offset: 2px !important; + .sm\:inset-8 { + top: 2rem !important; + right: 2rem !important; + bottom: 2rem !important; + left: 2rem !important; } - .md\:outline-white { - outline: 2px dotted white !important; - outline-offset: 2px !important; + .sm\:inset-9 { + top: 2.25rem !important; + right: 2.25rem !important; + bottom: 2.25rem !important; + left: 2.25rem !important; } - .md\:outline-black { - outline: 2px dotted black !important; - outline-offset: 2px !important; + .sm\:inset-10 { + top: 2.5rem !important; + right: 2.5rem !important; + bottom: 2.5rem !important; + left: 2.5rem !important; } - .md\:focus\:outline-none:focus { - outline: 2px solid transparent !important; - outline-offset: 2px !important; + .sm\:inset-12 { + top: 3rem !important; + right: 3rem !important; + bottom: 3rem !important; + left: 3rem !important; } - .md\:focus\:outline-white:focus { - outline: 2px dotted white !important; - outline-offset: 2px !important; + .sm\:inset-14 { + top: 3.5rem !important; + right: 3.5rem !important; + bottom: 3.5rem !important; + left: 3.5rem !important; } - .md\:focus\:outline-black:focus { - outline: 2px dotted black !important; - outline-offset: 2px !important; + .sm\:inset-16 { + top: 4rem !important; + right: 4rem !important; + bottom: 4rem !important; + left: 4rem !important; } - .md\:overflow-auto { - overflow: auto !important; + .sm\:inset-20 { + top: 5rem !important; + right: 5rem !important; + bottom: 5rem !important; + left: 5rem !important; } - .md\:overflow-hidden { - overflow: hidden !important; + .sm\:inset-24 { + top: 6rem !important; + right: 6rem !important; + bottom: 6rem !important; + left: 6rem !important; } - .md\:overflow-visible { - overflow: visible !important; + .sm\:inset-28 { + top: 7rem !important; + right: 7rem !important; + bottom: 7rem !important; + left: 7rem !important; } - .md\:overflow-scroll { - overflow: scroll !important; + .sm\:inset-32 { + top: 8rem !important; + right: 8rem !important; + bottom: 8rem !important; + left: 8rem !important; } - .md\:overflow-x-auto { - overflow-x: auto !important; + .sm\:inset-36 { + top: 9rem !important; + right: 9rem !important; + bottom: 9rem !important; + left: 9rem !important; } - .md\:overflow-y-auto { - overflow-y: auto !important; + .sm\:inset-40 { + top: 10rem !important; + right: 10rem !important; + bottom: 10rem !important; + left: 10rem !important; } - .md\:overflow-x-hidden { - overflow-x: hidden !important; + .sm\:inset-44 { + top: 11rem !important; + right: 11rem !important; + bottom: 11rem !important; + left: 11rem !important; } - .md\:overflow-y-hidden { - overflow-y: hidden !important; + .sm\:inset-48 { + top: 12rem !important; + right: 12rem !important; + bottom: 12rem !important; + left: 12rem !important; } - .md\:overflow-x-visible { - overflow-x: visible !important; + .sm\:inset-52 { + top: 13rem !important; + right: 13rem !important; + bottom: 13rem !important; + left: 13rem !important; } - .md\:overflow-y-visible { - overflow-y: visible !important; + .sm\:inset-56 { + top: 14rem !important; + right: 14rem !important; + bottom: 14rem !important; + left: 14rem !important; } - .md\:overflow-x-scroll { - overflow-x: scroll !important; + .sm\:inset-60 { + top: 15rem !important; + right: 15rem !important; + bottom: 15rem !important; + left: 15rem !important; } - .md\:overflow-y-scroll { - overflow-y: scroll !important; + .sm\:inset-64 { + top: 16rem !important; + right: 16rem !important; + bottom: 16rem !important; + left: 16rem !important; } - .md\:overscroll-auto { - overscroll-behavior: auto !important; + .sm\:inset-72 { + top: 18rem !important; + right: 18rem !important; + bottom: 18rem !important; + left: 18rem !important; } - .md\:overscroll-contain { - overscroll-behavior: contain !important; + .sm\:inset-80 { + top: 20rem !important; + right: 20rem !important; + bottom: 20rem !important; + left: 20rem !important; } - .md\:overscroll-none { - overscroll-behavior: none !important; + .sm\:inset-96 { + top: 24rem !important; + right: 24rem !important; + bottom: 24rem !important; + left: 24rem !important; } - .md\:overscroll-y-auto { - overscroll-behavior-y: auto !important; + .sm\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .md\:overscroll-y-contain { - overscroll-behavior-y: contain !important; + .sm\:inset-px { + top: 1px !important; + right: 1px !important; + bottom: 1px !important; + left: 1px !important; } - .md\:overscroll-y-none { - overscroll-behavior-y: none !important; + .sm\:inset-0\.5 { + top: 0.125rem !important; + right: 0.125rem !important; + bottom: 0.125rem !important; + left: 0.125rem !important; } - .md\:overscroll-x-auto { - overscroll-behavior-x: auto !important; + .sm\:inset-1\.5 { + top: 0.375rem !important; + right: 0.375rem !important; + bottom: 0.375rem !important; + left: 0.375rem !important; } - .md\:overscroll-x-contain { - overscroll-behavior-x: contain !important; + .sm\:inset-2\.5 { + top: 0.625rem !important; + right: 0.625rem !important; + bottom: 0.625rem !important; + left: 0.625rem !important; } - .md\:overscroll-x-none { - overscroll-behavior-x: none !important; + .sm\:inset-3\.5 { + top: 0.875rem !important; + right: 0.875rem !important; + bottom: 0.875rem !important; + left: 0.875rem !important; } - .md\:p-0 { - padding: 0 !important; + .sm\:-inset-1 { + top: -0.25rem !important; + right: -0.25rem !important; + bottom: -0.25rem !important; + left: -0.25rem !important; } - .md\:p-1 { - padding: 0.25rem !important; + .sm\:-inset-2 { + top: -0.5rem !important; + right: -0.5rem !important; + bottom: -0.5rem !important; + left: -0.5rem !important; } - .md\:p-2 { - padding: 0.5rem !important; + .sm\:-inset-3 { + top: -0.75rem !important; + right: -0.75rem !important; + bottom: -0.75rem !important; + left: -0.75rem !important; } - .md\:p-3 { - padding: 0.75rem !important; + .sm\:-inset-4 { + top: -1rem !important; + right: -1rem !important; + bottom: -1rem !important; + left: -1rem !important; } - .md\:p-4 { - padding: 1rem !important; + .sm\:-inset-5 { + top: -1.25rem !important; + right: -1.25rem !important; + bottom: -1.25rem !important; + left: -1.25rem !important; } - .md\:p-5 { - padding: 1.25rem !important; + .sm\:-inset-6 { + top: -1.5rem !important; + right: -1.5rem !important; + bottom: -1.5rem !important; + left: -1.5rem !important; } - .md\:p-6 { - padding: 1.5rem !important; + .sm\:-inset-7 { + top: -1.75rem !important; + right: -1.75rem !important; + bottom: -1.75rem !important; + left: -1.75rem !important; } - .md\:p-7 { - padding: 1.75rem !important; + .sm\:-inset-8 { + top: -2rem !important; + right: -2rem !important; + bottom: -2rem !important; + left: -2rem !important; } - .md\:p-8 { - padding: 2rem !important; + .sm\:-inset-9 { + top: -2.25rem !important; + right: -2.25rem !important; + bottom: -2.25rem !important; + left: -2.25rem !important; } - .md\:p-9 { - padding: 2.25rem !important; + .sm\:-inset-10 { + top: -2.5rem !important; + right: -2.5rem !important; + bottom: -2.5rem !important; + left: -2.5rem !important; } - .md\:p-10 { - padding: 2.5rem !important; + .sm\:-inset-12 { + top: -3rem !important; + right: -3rem !important; + bottom: -3rem !important; + left: -3rem !important; } - .md\:p-12 { - padding: 3rem !important; + .sm\:-inset-14 { + top: -3.5rem !important; + right: -3.5rem !important; + bottom: -3.5rem !important; + left: -3.5rem !important; } - .md\:p-14 { - padding: 3.5rem !important; + .sm\:-inset-16 { + top: -4rem !important; + right: -4rem !important; + bottom: -4rem !important; + left: -4rem !important; } - .md\:p-16 { - padding: 4rem !important; + .sm\:-inset-20 { + top: -5rem !important; + right: -5rem !important; + bottom: -5rem !important; + left: -5rem !important; } - .md\:p-20 { - padding: 5rem !important; + .sm\:-inset-24 { + top: -6rem !important; + right: -6rem !important; + bottom: -6rem !important; + left: -6rem !important; } - .md\:p-24 { - padding: 6rem !important; + .sm\:-inset-28 { + top: -7rem !important; + right: -7rem !important; + bottom: -7rem !important; + left: -7rem !important; } - .md\:p-28 { - padding: 7rem !important; + .sm\:-inset-32 { + top: -8rem !important; + right: -8rem !important; + bottom: -8rem !important; + left: -8rem !important; } - .md\:p-32 { - padding: 8rem !important; + .sm\:-inset-36 { + top: -9rem !important; + right: -9rem !important; + bottom: -9rem !important; + left: -9rem !important; } - .md\:p-36 { - padding: 9rem !important; + .sm\:-inset-40 { + top: -10rem !important; + right: -10rem !important; + bottom: -10rem !important; + left: -10rem !important; } - .md\:p-40 { - padding: 10rem !important; + .sm\:-inset-44 { + top: -11rem !important; + right: -11rem !important; + bottom: -11rem !important; + left: -11rem !important; } - .md\:p-44 { - padding: 11rem !important; + .sm\:-inset-48 { + top: -12rem !important; + right: -12rem !important; + bottom: -12rem !important; + left: -12rem !important; } - .md\:p-48 { - padding: 12rem !important; + .sm\:-inset-52 { + top: -13rem !important; + right: -13rem !important; + bottom: -13rem !important; + left: -13rem !important; } - .md\:p-52 { - padding: 13rem !important; + .sm\:-inset-56 { + top: -14rem !important; + right: -14rem !important; + bottom: -14rem !important; + left: -14rem !important; } - .md\:p-56 { - padding: 14rem !important; + .sm\:-inset-60 { + top: -15rem !important; + right: -15rem !important; + bottom: -15rem !important; + left: -15rem !important; } - .md\:p-60 { - padding: 15rem !important; + .sm\:-inset-64 { + top: -16rem !important; + right: -16rem !important; + bottom: -16rem !important; + left: -16rem !important; } - .md\:p-64 { - padding: 16rem !important; + .sm\:-inset-72 { + top: -18rem !important; + right: -18rem !important; + bottom: -18rem !important; + left: -18rem !important; } - .md\:p-72 { - padding: 18rem !important; + .sm\:-inset-80 { + top: -20rem !important; + right: -20rem !important; + bottom: -20rem !important; + left: -20rem !important; } - .md\:p-80 { - padding: 20rem !important; + .sm\:-inset-96 { + top: -24rem !important; + right: -24rem !important; + bottom: -24rem !important; + left: -24rem !important; } - .md\:p-96 { - padding: 24rem !important; + .sm\:-inset-px { + top: -1px !important; + right: -1px !important; + bottom: -1px !important; + left: -1px !important; } - .md\:p-px { - padding: 1px !important; + .sm\:-inset-0\.5 { + top: -0.125rem !important; + right: -0.125rem !important; + bottom: -0.125rem !important; + left: -0.125rem !important; } - .md\:p-0\.5 { - padding: 0.125rem !important; + .sm\:-inset-1\.5 { + top: -0.375rem !important; + right: -0.375rem !important; + bottom: -0.375rem !important; + left: -0.375rem !important; } - .md\:p-1\.5 { - padding: 0.375rem !important; + .sm\:-inset-2\.5 { + top: -0.625rem !important; + right: -0.625rem !important; + bottom: -0.625rem !important; + left: -0.625rem !important; } - .md\:p-2\.5 { - padding: 0.625rem !important; + .sm\:-inset-3\.5 { + top: -0.875rem !important; + right: -0.875rem !important; + bottom: -0.875rem !important; + left: -0.875rem !important; } - .md\:p-3\.5 { - padding: 0.875rem !important; + .sm\:inset-1\/2 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; } - .md\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .sm\:inset-1\/3 { + top: 33.333333% !important; + right: 33.333333% !important; + bottom: 33.333333% !important; + left: 33.333333% !important; } - .md\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .sm\:inset-2\/3 { + top: 66.666667% !important; + right: 66.666667% !important; + bottom: 66.666667% !important; + left: 66.666667% !important; } - .md\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .sm\:inset-1\/4 { + top: 25% !important; + right: 25% !important; + bottom: 25% !important; + left: 25% !important; } - .md\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .sm\:inset-2\/4 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; } - .md\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .sm\:inset-3\/4 { + top: 75% !important; + right: 75% !important; + bottom: 75% !important; + left: 75% !important; } - .md\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .sm\:inset-full { + top: 100% !important; + right: 100% !important; + bottom: 100% !important; + left: 100% !important; } - .md\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .sm\:-inset-1\/2 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; } - .md\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .sm\:-inset-1\/3 { + top: -33.333333% !important; + right: -33.333333% !important; + bottom: -33.333333% !important; + left: -33.333333% !important; } - .md\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .sm\:-inset-2\/3 { + top: -66.666667% !important; + right: -66.666667% !important; + bottom: -66.666667% !important; + left: -66.666667% !important; } - .md\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .sm\:-inset-1\/4 { + top: -25% !important; + right: -25% !important; + bottom: -25% !important; + left: -25% !important; } - .md\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .sm\:-inset-2\/4 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; } - .md\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .sm\:-inset-3\/4 { + top: -75% !important; + right: -75% !important; + bottom: -75% !important; + left: -75% !important; } - .md\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .sm\:-inset-full { + top: -100% !important; + right: -100% !important; + bottom: -100% !important; + left: -100% !important; } - .md\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .sm\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .md\:py-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + .sm\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .md\:px-7 { - padding-left: 1.75rem !important; - padding-right: 1.75rem !important; + .sm\:inset-y-1 { + top: 0.25rem !important; + bottom: 0.25rem !important; } - .md\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .sm\:inset-x-1 { + right: 0.25rem !important; + left: 0.25rem !important; } - .md\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .sm\:inset-y-2 { + top: 0.5rem !important; + bottom: 0.5rem !important; } - .md\:py-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + .sm\:inset-x-2 { + right: 0.5rem !important; + left: 0.5rem !important; } - .md\:px-9 { - padding-left: 2.25rem !important; - padding-right: 2.25rem !important; + .sm\:inset-y-3 { + top: 0.75rem !important; + bottom: 0.75rem !important; } - .md\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .sm\:inset-x-3 { + right: 0.75rem !important; + left: 0.75rem !important; } - .md\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .sm\:inset-y-4 { + top: 1rem !important; + bottom: 1rem !important; } - .md\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .sm\:inset-x-4 { + right: 1rem !important; + left: 1rem !important; } - .md\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .sm\:inset-y-5 { + top: 1.25rem !important; + bottom: 1.25rem !important; } - .md\:py-14 { - padding-top: 3.5rem !important; - padding-bottom: 3.5rem !important; + .sm\:inset-x-5 { + right: 1.25rem !important; + left: 1.25rem !important; } - .md\:px-14 { - padding-left: 3.5rem !important; - padding-right: 3.5rem !important; + .sm\:inset-y-6 { + top: 1.5rem !important; + bottom: 1.5rem !important; } - .md\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .sm\:inset-x-6 { + right: 1.5rem !important; + left: 1.5rem !important; } - .md\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .sm\:inset-y-7 { + top: 1.75rem !important; + bottom: 1.75rem !important; } - .md\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .sm\:inset-x-7 { + right: 1.75rem !important; + left: 1.75rem !important; } - .md\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .sm\:inset-y-8 { + top: 2rem !important; + bottom: 2rem !important; } - .md\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .sm\:inset-x-8 { + right: 2rem !important; + left: 2rem !important; } - .md\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .sm\:inset-y-9 { + top: 2.25rem !important; + bottom: 2.25rem !important; } - .md\:py-28 { - padding-top: 7rem !important; - padding-bottom: 7rem !important; + .sm\:inset-x-9 { + right: 2.25rem !important; + left: 2.25rem !important; } - .md\:px-28 { - padding-left: 7rem !important; - padding-right: 7rem !important; + .sm\:inset-y-10 { + top: 2.5rem !important; + bottom: 2.5rem !important; } - .md\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .sm\:inset-x-10 { + right: 2.5rem !important; + left: 2.5rem !important; } - .md\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .sm\:inset-y-12 { + top: 3rem !important; + bottom: 3rem !important; } - .md\:py-36 { - padding-top: 9rem !important; - padding-bottom: 9rem !important; + .sm\:inset-x-12 { + right: 3rem !important; + left: 3rem !important; } - .md\:px-36 { - padding-left: 9rem !important; - padding-right: 9rem !important; + .sm\:inset-y-14 { + top: 3.5rem !important; + bottom: 3.5rem !important; } - .md\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .sm\:inset-x-14 { + right: 3.5rem !important; + left: 3.5rem !important; } - .md\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .sm\:inset-y-16 { + top: 4rem !important; + bottom: 4rem !important; } - .md\:py-44 { - padding-top: 11rem !important; - padding-bottom: 11rem !important; + .sm\:inset-x-16 { + right: 4rem !important; + left: 4rem !important; } - .md\:px-44 { - padding-left: 11rem !important; - padding-right: 11rem !important; + .sm\:inset-y-20 { + top: 5rem !important; + bottom: 5rem !important; } - .md\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .sm\:inset-x-20 { + right: 5rem !important; + left: 5rem !important; } - .md\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .sm\:inset-y-24 { + top: 6rem !important; + bottom: 6rem !important; } - .md\:py-52 { - padding-top: 13rem !important; - padding-bottom: 13rem !important; + .sm\:inset-x-24 { + right: 6rem !important; + left: 6rem !important; } - .md\:px-52 { - padding-left: 13rem !important; - padding-right: 13rem !important; + .sm\:inset-y-28 { + top: 7rem !important; + bottom: 7rem !important; } - .md\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .sm\:inset-x-28 { + right: 7rem !important; + left: 7rem !important; } - .md\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .sm\:inset-y-32 { + top: 8rem !important; + bottom: 8rem !important; } - .md\:py-60 { - padding-top: 15rem !important; - padding-bottom: 15rem !important; + .sm\:inset-x-32 { + right: 8rem !important; + left: 8rem !important; } - .md\:px-60 { - padding-left: 15rem !important; - padding-right: 15rem !important; + .sm\:inset-y-36 { + top: 9rem !important; + bottom: 9rem !important; } - .md\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .sm\:inset-x-36 { + right: 9rem !important; + left: 9rem !important; } - .md\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .sm\:inset-y-40 { + top: 10rem !important; + bottom: 10rem !important; } - .md\:py-72 { - padding-top: 18rem !important; - padding-bottom: 18rem !important; + .sm\:inset-x-40 { + right: 10rem !important; + left: 10rem !important; } - .md\:px-72 { - padding-left: 18rem !important; - padding-right: 18rem !important; + .sm\:inset-y-44 { + top: 11rem !important; + bottom: 11rem !important; } - .md\:py-80 { - padding-top: 20rem !important; - padding-bottom: 20rem !important; + .sm\:inset-x-44 { + right: 11rem !important; + left: 11rem !important; } - .md\:px-80 { - padding-left: 20rem !important; - padding-right: 20rem !important; + .sm\:inset-y-48 { + top: 12rem !important; + bottom: 12rem !important; } - .md\:py-96 { - padding-top: 24rem !important; - padding-bottom: 24rem !important; + .sm\:inset-x-48 { + right: 12rem !important; + left: 12rem !important; } - .md\:px-96 { - padding-left: 24rem !important; - padding-right: 24rem !important; + .sm\:inset-y-52 { + top: 13rem !important; + bottom: 13rem !important; } - .md\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .sm\:inset-x-52 { + right: 13rem !important; + left: 13rem !important; } - .md\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .sm\:inset-y-56 { + top: 14rem !important; + bottom: 14rem !important; } - .md\:py-0\.5 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + .sm\:inset-x-56 { + right: 14rem !important; + left: 14rem !important; } - .md\:px-0\.5 { - padding-left: 0.125rem !important; - padding-right: 0.125rem !important; + .sm\:inset-y-60 { + top: 15rem !important; + bottom: 15rem !important; } - .md\:py-1\.5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + .sm\:inset-x-60 { + right: 15rem !important; + left: 15rem !important; } - .md\:px-1\.5 { - padding-left: 0.375rem !important; - padding-right: 0.375rem !important; + .sm\:inset-y-64 { + top: 16rem !important; + bottom: 16rem !important; } - .md\:py-2\.5 { - padding-top: 0.625rem !important; - padding-bottom: 0.625rem !important; + .sm\:inset-x-64 { + right: 16rem !important; + left: 16rem !important; } - .md\:px-2\.5 { - padding-left: 0.625rem !important; - padding-right: 0.625rem !important; + .sm\:inset-y-72 { + top: 18rem !important; + bottom: 18rem !important; } - .md\:py-3\.5 { - padding-top: 0.875rem !important; - padding-bottom: 0.875rem !important; + .sm\:inset-x-72 { + right: 18rem !important; + left: 18rem !important; } - .md\:px-3\.5 { - padding-left: 0.875rem !important; - padding-right: 0.875rem !important; + .sm\:inset-y-80 { + top: 20rem !important; + bottom: 20rem !important; } - .md\:pt-0 { - padding-top: 0 !important; + .sm\:inset-x-80 { + right: 20rem !important; + left: 20rem !important; } - .md\:pr-0 { - padding-right: 0 !important; + .sm\:inset-y-96 { + top: 24rem !important; + bottom: 24rem !important; } - .md\:pb-0 { - padding-bottom: 0 !important; + .sm\:inset-x-96 { + right: 24rem !important; + left: 24rem !important; } - .md\:pl-0 { - padding-left: 0 !important; + .sm\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .md\:pt-1 { - padding-top: 0.25rem !important; + .sm\:inset-x-auto { + right: auto !important; + left: auto !important; } - .md\:pr-1 { - padding-right: 0.25rem !important; + .sm\:inset-y-px { + top: 1px !important; + bottom: 1px !important; } - .md\:pb-1 { - padding-bottom: 0.25rem !important; + .sm\:inset-x-px { + right: 1px !important; + left: 1px !important; } - .md\:pl-1 { - padding-left: 0.25rem !important; + .sm\:inset-y-0\.5 { + top: 0.125rem !important; + bottom: 0.125rem !important; } - .md\:pt-2 { - padding-top: 0.5rem !important; + .sm\:inset-x-0\.5 { + right: 0.125rem !important; + left: 0.125rem !important; } - .md\:pr-2 { - padding-right: 0.5rem !important; + .sm\:inset-y-1\.5 { + top: 0.375rem !important; + bottom: 0.375rem !important; } - .md\:pb-2 { - padding-bottom: 0.5rem !important; + .sm\:inset-x-1\.5 { + right: 0.375rem !important; + left: 0.375rem !important; } - .md\:pl-2 { - padding-left: 0.5rem !important; + .sm\:inset-y-2\.5 { + top: 0.625rem !important; + bottom: 0.625rem !important; } - .md\:pt-3 { - padding-top: 0.75rem !important; + .sm\:inset-x-2\.5 { + right: 0.625rem !important; + left: 0.625rem !important; } - .md\:pr-3 { - padding-right: 0.75rem !important; + .sm\:inset-y-3\.5 { + top: 0.875rem !important; + bottom: 0.875rem !important; } - .md\:pb-3 { - padding-bottom: 0.75rem !important; + .sm\:inset-x-3\.5 { + right: 0.875rem !important; + left: 0.875rem !important; } - .md\:pl-3 { - padding-left: 0.75rem !important; + .sm\:-inset-y-1 { + top: -0.25rem !important; + bottom: -0.25rem !important; } - .md\:pt-4 { - padding-top: 1rem !important; + .sm\:-inset-x-1 { + right: -0.25rem !important; + left: -0.25rem !important; } - .md\:pr-4 { - padding-right: 1rem !important; + .sm\:-inset-y-2 { + top: -0.5rem !important; + bottom: -0.5rem !important; } - .md\:pb-4 { - padding-bottom: 1rem !important; + .sm\:-inset-x-2 { + right: -0.5rem !important; + left: -0.5rem !important; } - .md\:pl-4 { - padding-left: 1rem !important; + .sm\:-inset-y-3 { + top: -0.75rem !important; + bottom: -0.75rem !important; } - .md\:pt-5 { - padding-top: 1.25rem !important; + .sm\:-inset-x-3 { + right: -0.75rem !important; + left: -0.75rem !important; } - .md\:pr-5 { - padding-right: 1.25rem !important; + .sm\:-inset-y-4 { + top: -1rem !important; + bottom: -1rem !important; } - .md\:pb-5 { - padding-bottom: 1.25rem !important; + .sm\:-inset-x-4 { + right: -1rem !important; + left: -1rem !important; } - .md\:pl-5 { - padding-left: 1.25rem !important; + .sm\:-inset-y-5 { + top: -1.25rem !important; + bottom: -1.25rem !important; } - .md\:pt-6 { - padding-top: 1.5rem !important; + .sm\:-inset-x-5 { + right: -1.25rem !important; + left: -1.25rem !important; } - .md\:pr-6 { - padding-right: 1.5rem !important; + .sm\:-inset-y-6 { + top: -1.5rem !important; + bottom: -1.5rem !important; } - .md\:pb-6 { - padding-bottom: 1.5rem !important; + .sm\:-inset-x-6 { + right: -1.5rem !important; + left: -1.5rem !important; } - .md\:pl-6 { - padding-left: 1.5rem !important; + .sm\:-inset-y-7 { + top: -1.75rem !important; + bottom: -1.75rem !important; } - .md\:pt-7 { - padding-top: 1.75rem !important; + .sm\:-inset-x-7 { + right: -1.75rem !important; + left: -1.75rem !important; } - .md\:pr-7 { - padding-right: 1.75rem !important; + .sm\:-inset-y-8 { + top: -2rem !important; + bottom: -2rem !important; } - .md\:pb-7 { - padding-bottom: 1.75rem !important; + .sm\:-inset-x-8 { + right: -2rem !important; + left: -2rem !important; } - .md\:pl-7 { - padding-left: 1.75rem !important; + .sm\:-inset-y-9 { + top: -2.25rem !important; + bottom: -2.25rem !important; } - .md\:pt-8 { - padding-top: 2rem !important; + .sm\:-inset-x-9 { + right: -2.25rem !important; + left: -2.25rem !important; } - .md\:pr-8 { - padding-right: 2rem !important; + .sm\:-inset-y-10 { + top: -2.5rem !important; + bottom: -2.5rem !important; } - .md\:pb-8 { - padding-bottom: 2rem !important; + .sm\:-inset-x-10 { + right: -2.5rem !important; + left: -2.5rem !important; } - .md\:pl-8 { - padding-left: 2rem !important; + .sm\:-inset-y-12 { + top: -3rem !important; + bottom: -3rem !important; } - .md\:pt-9 { - padding-top: 2.25rem !important; + .sm\:-inset-x-12 { + right: -3rem !important; + left: -3rem !important; } - .md\:pr-9 { - padding-right: 2.25rem !important; + .sm\:-inset-y-14 { + top: -3.5rem !important; + bottom: -3.5rem !important; } - .md\:pb-9 { - padding-bottom: 2.25rem !important; + .sm\:-inset-x-14 { + right: -3.5rem !important; + left: -3.5rem !important; } - .md\:pl-9 { - padding-left: 2.25rem !important; + .sm\:-inset-y-16 { + top: -4rem !important; + bottom: -4rem !important; } - .md\:pt-10 { - padding-top: 2.5rem !important; + .sm\:-inset-x-16 { + right: -4rem !important; + left: -4rem !important; } - .md\:pr-10 { - padding-right: 2.5rem !important; + .sm\:-inset-y-20 { + top: -5rem !important; + bottom: -5rem !important; } - .md\:pb-10 { - padding-bottom: 2.5rem !important; + .sm\:-inset-x-20 { + right: -5rem !important; + left: -5rem !important; } - .md\:pl-10 { - padding-left: 2.5rem !important; + .sm\:-inset-y-24 { + top: -6rem !important; + bottom: -6rem !important; } - .md\:pt-12 { - padding-top: 3rem !important; + .sm\:-inset-x-24 { + right: -6rem !important; + left: -6rem !important; } - .md\:pr-12 { - padding-right: 3rem !important; + .sm\:-inset-y-28 { + top: -7rem !important; + bottom: -7rem !important; } - .md\:pb-12 { - padding-bottom: 3rem !important; + .sm\:-inset-x-28 { + right: -7rem !important; + left: -7rem !important; } - .md\:pl-12 { - padding-left: 3rem !important; + .sm\:-inset-y-32 { + top: -8rem !important; + bottom: -8rem !important; } - .md\:pt-14 { - padding-top: 3.5rem !important; + .sm\:-inset-x-32 { + right: -8rem !important; + left: -8rem !important; } - .md\:pr-14 { - padding-right: 3.5rem !important; + .sm\:-inset-y-36 { + top: -9rem !important; + bottom: -9rem !important; } - .md\:pb-14 { - padding-bottom: 3.5rem !important; + .sm\:-inset-x-36 { + right: -9rem !important; + left: -9rem !important; } - .md\:pl-14 { - padding-left: 3.5rem !important; + .sm\:-inset-y-40 { + top: -10rem !important; + bottom: -10rem !important; } - .md\:pt-16 { - padding-top: 4rem !important; + .sm\:-inset-x-40 { + right: -10rem !important; + left: -10rem !important; } - .md\:pr-16 { - padding-right: 4rem !important; + .sm\:-inset-y-44 { + top: -11rem !important; + bottom: -11rem !important; } - .md\:pb-16 { - padding-bottom: 4rem !important; + .sm\:-inset-x-44 { + right: -11rem !important; + left: -11rem !important; } - .md\:pl-16 { - padding-left: 4rem !important; + .sm\:-inset-y-48 { + top: -12rem !important; + bottom: -12rem !important; } - .md\:pt-20 { - padding-top: 5rem !important; + .sm\:-inset-x-48 { + right: -12rem !important; + left: -12rem !important; } - .md\:pr-20 { - padding-right: 5rem !important; + .sm\:-inset-y-52 { + top: -13rem !important; + bottom: -13rem !important; } - .md\:pb-20 { - padding-bottom: 5rem !important; + .sm\:-inset-x-52 { + right: -13rem !important; + left: -13rem !important; } - .md\:pl-20 { - padding-left: 5rem !important; + .sm\:-inset-y-56 { + top: -14rem !important; + bottom: -14rem !important; } - .md\:pt-24 { - padding-top: 6rem !important; + .sm\:-inset-x-56 { + right: -14rem !important; + left: -14rem !important; } - .md\:pr-24 { - padding-right: 6rem !important; + .sm\:-inset-y-60 { + top: -15rem !important; + bottom: -15rem !important; } - .md\:pb-24 { - padding-bottom: 6rem !important; + .sm\:-inset-x-60 { + right: -15rem !important; + left: -15rem !important; } - .md\:pl-24 { - padding-left: 6rem !important; + .sm\:-inset-y-64 { + top: -16rem !important; + bottom: -16rem !important; } - .md\:pt-28 { - padding-top: 7rem !important; + .sm\:-inset-x-64 { + right: -16rem !important; + left: -16rem !important; } - .md\:pr-28 { - padding-right: 7rem !important; + .sm\:-inset-y-72 { + top: -18rem !important; + bottom: -18rem !important; } - .md\:pb-28 { - padding-bottom: 7rem !important; + .sm\:-inset-x-72 { + right: -18rem !important; + left: -18rem !important; } - .md\:pl-28 { - padding-left: 7rem !important; + .sm\:-inset-y-80 { + top: -20rem !important; + bottom: -20rem !important; } - .md\:pt-32 { - padding-top: 8rem !important; + .sm\:-inset-x-80 { + right: -20rem !important; + left: -20rem !important; } - .md\:pr-32 { - padding-right: 8rem !important; + .sm\:-inset-y-96 { + top: -24rem !important; + bottom: -24rem !important; } - .md\:pb-32 { - padding-bottom: 8rem !important; + .sm\:-inset-x-96 { + right: -24rem !important; + left: -24rem !important; } - .md\:pl-32 { - padding-left: 8rem !important; + .sm\:-inset-y-px { + top: -1px !important; + bottom: -1px !important; } - .md\:pt-36 { - padding-top: 9rem !important; + .sm\:-inset-x-px { + right: -1px !important; + left: -1px !important; } - .md\:pr-36 { - padding-right: 9rem !important; + .sm\:-inset-y-0\.5 { + top: -0.125rem !important; + bottom: -0.125rem !important; } - .md\:pb-36 { - padding-bottom: 9rem !important; + .sm\:-inset-x-0\.5 { + right: -0.125rem !important; + left: -0.125rem !important; } - .md\:pl-36 { - padding-left: 9rem !important; + .sm\:-inset-y-1\.5 { + top: -0.375rem !important; + bottom: -0.375rem !important; } - .md\:pt-40 { - padding-top: 10rem !important; + .sm\:-inset-x-1\.5 { + right: -0.375rem !important; + left: -0.375rem !important; } - .md\:pr-40 { - padding-right: 10rem !important; + .sm\:-inset-y-2\.5 { + top: -0.625rem !important; + bottom: -0.625rem !important; } - .md\:pb-40 { - padding-bottom: 10rem !important; + .sm\:-inset-x-2\.5 { + right: -0.625rem !important; + left: -0.625rem !important; } - .md\:pl-40 { - padding-left: 10rem !important; + .sm\:-inset-y-3\.5 { + top: -0.875rem !important; + bottom: -0.875rem !important; } - .md\:pt-44 { - padding-top: 11rem !important; + .sm\:-inset-x-3\.5 { + right: -0.875rem !important; + left: -0.875rem !important; } - .md\:pr-44 { - padding-right: 11rem !important; + .sm\:inset-y-1\/2 { + top: 50% !important; + bottom: 50% !important; } - .md\:pb-44 { - padding-bottom: 11rem !important; + .sm\:inset-x-1\/2 { + right: 50% !important; + left: 50% !important; } - .md\:pl-44 { - padding-left: 11rem !important; + .sm\:inset-y-1\/3 { + top: 33.333333% !important; + bottom: 33.333333% !important; } - .md\:pt-48 { - padding-top: 12rem !important; + .sm\:inset-x-1\/3 { + right: 33.333333% !important; + left: 33.333333% !important; } - .md\:pr-48 { - padding-right: 12rem !important; + .sm\:inset-y-2\/3 { + top: 66.666667% !important; + bottom: 66.666667% !important; } - .md\:pb-48 { - padding-bottom: 12rem !important; + .sm\:inset-x-2\/3 { + right: 66.666667% !important; + left: 66.666667% !important; } - .md\:pl-48 { - padding-left: 12rem !important; + .sm\:inset-y-1\/4 { + top: 25% !important; + bottom: 25% !important; } - .md\:pt-52 { - padding-top: 13rem !important; + .sm\:inset-x-1\/4 { + right: 25% !important; + left: 25% !important; } - .md\:pr-52 { - padding-right: 13rem !important; + .sm\:inset-y-2\/4 { + top: 50% !important; + bottom: 50% !important; } - .md\:pb-52 { - padding-bottom: 13rem !important; + .sm\:inset-x-2\/4 { + right: 50% !important; + left: 50% !important; } - .md\:pl-52 { - padding-left: 13rem !important; + .sm\:inset-y-3\/4 { + top: 75% !important; + bottom: 75% !important; } - .md\:pt-56 { - padding-top: 14rem !important; + .sm\:inset-x-3\/4 { + right: 75% !important; + left: 75% !important; } - .md\:pr-56 { - padding-right: 14rem !important; + .sm\:inset-y-full { + top: 100% !important; + bottom: 100% !important; } - .md\:pb-56 { - padding-bottom: 14rem !important; + .sm\:inset-x-full { + right: 100% !important; + left: 100% !important; } - .md\:pl-56 { - padding-left: 14rem !important; + .sm\:-inset-y-1\/2 { + top: -50% !important; + bottom: -50% !important; } - .md\:pt-60 { - padding-top: 15rem !important; + .sm\:-inset-x-1\/2 { + right: -50% !important; + left: -50% !important; } - .md\:pr-60 { - padding-right: 15rem !important; + .sm\:-inset-y-1\/3 { + top: -33.333333% !important; + bottom: -33.333333% !important; } - .md\:pb-60 { - padding-bottom: 15rem !important; + .sm\:-inset-x-1\/3 { + right: -33.333333% !important; + left: -33.333333% !important; } - .md\:pl-60 { - padding-left: 15rem !important; + .sm\:-inset-y-2\/3 { + top: -66.666667% !important; + bottom: -66.666667% !important; } - .md\:pt-64 { - padding-top: 16rem !important; + .sm\:-inset-x-2\/3 { + right: -66.666667% !important; + left: -66.666667% !important; } - .md\:pr-64 { - padding-right: 16rem !important; + .sm\:-inset-y-1\/4 { + top: -25% !important; + bottom: -25% !important; } - .md\:pb-64 { - padding-bottom: 16rem !important; + .sm\:-inset-x-1\/4 { + right: -25% !important; + left: -25% !important; } - .md\:pl-64 { - padding-left: 16rem !important; + .sm\:-inset-y-2\/4 { + top: -50% !important; + bottom: -50% !important; } - .md\:pt-72 { - padding-top: 18rem !important; + .sm\:-inset-x-2\/4 { + right: -50% !important; + left: -50% !important; } - .md\:pr-72 { - padding-right: 18rem !important; + .sm\:-inset-y-3\/4 { + top: -75% !important; + bottom: -75% !important; } - .md\:pb-72 { - padding-bottom: 18rem !important; + .sm\:-inset-x-3\/4 { + right: -75% !important; + left: -75% !important; } - .md\:pl-72 { - padding-left: 18rem !important; + .sm\:-inset-y-full { + top: -100% !important; + bottom: -100% !important; } - .md\:pt-80 { - padding-top: 20rem !important; + .sm\:-inset-x-full { + right: -100% !important; + left: -100% !important; } - .md\:pr-80 { - padding-right: 20rem !important; + .sm\:top-0 { + top: 0 !important; } - .md\:pb-80 { - padding-bottom: 20rem !important; + .sm\:right-0 { + right: 0 !important; } - .md\:pl-80 { - padding-left: 20rem !important; + .sm\:bottom-0 { + bottom: 0 !important; } - .md\:pt-96 { - padding-top: 24rem !important; + .sm\:left-0 { + left: 0 !important; } - .md\:pr-96 { - padding-right: 24rem !important; + .sm\:top-1 { + top: 0.25rem !important; } - .md\:pb-96 { - padding-bottom: 24rem !important; + .sm\:right-1 { + right: 0.25rem !important; } - .md\:pl-96 { - padding-left: 24rem !important; + .sm\:bottom-1 { + bottom: 0.25rem !important; } - .md\:pt-px { - padding-top: 1px !important; + .sm\:left-1 { + left: 0.25rem !important; } - .md\:pr-px { - padding-right: 1px !important; + .sm\:top-2 { + top: 0.5rem !important; } - .md\:pb-px { - padding-bottom: 1px !important; + .sm\:right-2 { + right: 0.5rem !important; } - .md\:pl-px { - padding-left: 1px !important; + .sm\:bottom-2 { + bottom: 0.5rem !important; } - .md\:pt-0\.5 { - padding-top: 0.125rem !important; + .sm\:left-2 { + left: 0.5rem !important; } - .md\:pr-0\.5 { - padding-right: 0.125rem !important; + .sm\:top-3 { + top: 0.75rem !important; } - .md\:pb-0\.5 { - padding-bottom: 0.125rem !important; + .sm\:right-3 { + right: 0.75rem !important; } - .md\:pl-0\.5 { - padding-left: 0.125rem !important; + .sm\:bottom-3 { + bottom: 0.75rem !important; } - .md\:pt-1\.5 { - padding-top: 0.375rem !important; + .sm\:left-3 { + left: 0.75rem !important; } - .md\:pr-1\.5 { - padding-right: 0.375rem !important; + .sm\:top-4 { + top: 1rem !important; } - .md\:pb-1\.5 { - padding-bottom: 0.375rem !important; + .sm\:right-4 { + right: 1rem !important; } - .md\:pl-1\.5 { - padding-left: 0.375rem !important; + .sm\:bottom-4 { + bottom: 1rem !important; } - .md\:pt-2\.5 { - padding-top: 0.625rem !important; + .sm\:left-4 { + left: 1rem !important; } - .md\:pr-2\.5 { - padding-right: 0.625rem !important; + .sm\:top-5 { + top: 1.25rem !important; } - .md\:pb-2\.5 { - padding-bottom: 0.625rem !important; + .sm\:right-5 { + right: 1.25rem !important; } - .md\:pl-2\.5 { - padding-left: 0.625rem !important; + .sm\:bottom-5 { + bottom: 1.25rem !important; } - .md\:pt-3\.5 { - padding-top: 0.875rem !important; + .sm\:left-5 { + left: 1.25rem !important; } - .md\:pr-3\.5 { - padding-right: 0.875rem !important; + .sm\:top-6 { + top: 1.5rem !important; } - .md\:pb-3\.5 { - padding-bottom: 0.875rem !important; + .sm\:right-6 { + right: 1.5rem !important; } - .md\:pl-3\.5 { - padding-left: 0.875rem !important; + .sm\:bottom-6 { + bottom: 1.5rem !important; } - .md\:placeholder-transparent::placeholder { - color: transparent !important; + .sm\:left-6 { + left: 1.5rem !important; } - .md\:placeholder-current::placeholder { - color: currentColor !important; + .sm\:top-7 { + top: 1.75rem !important; } - .md\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + .sm\:right-7 { + right: 1.75rem !important; } - .md\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + .sm\:bottom-7 { + bottom: 1.75rem !important; } - .md\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + .sm\:left-7 { + left: 1.75rem !important; } - .md\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + .sm\:top-8 { + top: 2rem !important; } - .md\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + .sm\:right-8 { + right: 2rem !important; } - .md\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + .sm\:bottom-8 { + bottom: 2rem !important; } - .md\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + .sm\:left-8 { + left: 2rem !important; } - .md\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + .sm\:top-9 { + top: 2.25rem !important; } - .md\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + .sm\:right-9 { + right: 2.25rem !important; } - .md\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + .sm\:bottom-9 { + bottom: 2.25rem !important; } - .md\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + .sm\:left-9 { + left: 2.25rem !important; } - .md\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + .sm\:top-10 { + top: 2.5rem !important; } - .md\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + .sm\:right-10 { + right: 2.5rem !important; } - .md\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + .sm\:bottom-10 { + bottom: 2.5rem !important; } - .md\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + .sm\:left-10 { + left: 2.5rem !important; } - .md\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + .sm\:top-12 { + top: 3rem !important; } - .md\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + .sm\:right-12 { + right: 3rem !important; } - .md\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + .sm\:bottom-12 { + bottom: 3rem !important; } - .md\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + .sm\:left-12 { + left: 3rem !important; } - .md\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + .sm\:top-14 { + top: 3.5rem !important; } - .md\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + .sm\:right-14 { + right: 3.5rem !important; } - .md\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + .sm\:bottom-14 { + bottom: 3.5rem !important; } - .md\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + .sm\:left-14 { + left: 3.5rem !important; } - .md\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + .sm\:top-16 { + top: 4rem !important; } - .md\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + .sm\:right-16 { + right: 4rem !important; } - .md\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + .sm\:bottom-16 { + bottom: 4rem !important; } - .md\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + .sm\:left-16 { + left: 4rem !important; } - .md\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + .sm\:top-20 { + top: 5rem !important; } - .md\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + .sm\:right-20 { + right: 5rem !important; } - .md\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + .sm\:bottom-20 { + bottom: 5rem !important; } - .md\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + .sm\:left-20 { + left: 5rem !important; } - .md\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + .sm\:top-24 { + top: 6rem !important; } - .md\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + .sm\:right-24 { + right: 6rem !important; } - .md\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + .sm\:bottom-24 { + bottom: 6rem !important; } - .md\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + .sm\:left-24 { + left: 6rem !important; } - .md\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + .sm\:top-28 { + top: 7rem !important; } - .md\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + .sm\:right-28 { + right: 7rem !important; } - .md\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + .sm\:bottom-28 { + bottom: 7rem !important; } - .md\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + .sm\:left-28 { + left: 7rem !important; } - .md\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + .sm\:top-32 { + top: 8rem !important; } - .md\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + .sm\:right-32 { + right: 8rem !important; } - .md\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + .sm\:bottom-32 { + bottom: 8rem !important; } - .md\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + .sm\:left-32 { + left: 8rem !important; } - .md\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + .sm\:top-36 { + top: 9rem !important; } - .md\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + .sm\:right-36 { + right: 9rem !important; } - .md\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + .sm\:bottom-36 { + bottom: 9rem !important; } - .md\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + .sm\:left-36 { + left: 9rem !important; } - .md\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + .sm\:top-40 { + top: 10rem !important; } - .md\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + .sm\:right-40 { + right: 10rem !important; } - .md\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + .sm\:bottom-40 { + bottom: 10rem !important; } - .md\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + .sm\:left-40 { + left: 10rem !important; } - .md\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + .sm\:top-44 { + top: 11rem !important; } - .md\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + .sm\:right-44 { + right: 11rem !important; } - .md\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + .sm\:bottom-44 { + bottom: 11rem !important; } - .md\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + .sm\:left-44 { + left: 11rem !important; } - .md\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + .sm\:top-48 { + top: 12rem !important; } - .md\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + .sm\:right-48 { + right: 12rem !important; } - .md\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + .sm\:bottom-48 { + bottom: 12rem !important; } - .md\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + .sm\:left-48 { + left: 12rem !important; } - .md\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + .sm\:top-52 { + top: 13rem !important; } - .md\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + .sm\:right-52 { + right: 13rem !important; } - .md\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + .sm\:bottom-52 { + bottom: 13rem !important; } - .md\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + .sm\:left-52 { + left: 13rem !important; } - .md\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + .sm\:top-56 { + top: 14rem !important; } - .md\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + .sm\:right-56 { + right: 14rem !important; } - .md\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + .sm\:bottom-56 { + bottom: 14rem !important; } - .md\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + .sm\:left-56 { + left: 14rem !important; } - .md\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + .sm\:top-60 { + top: 15rem !important; } - .md\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + .sm\:right-60 { + right: 15rem !important; } - .md\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + .sm\:bottom-60 { + bottom: 15rem !important; } - .md\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + .sm\:left-60 { + left: 15rem !important; } - .md\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + .sm\:top-64 { + top: 16rem !important; } - .md\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; + .sm\:right-64 { + right: 16rem !important; } - .md\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; + .sm\:bottom-64 { + bottom: 16rem !important; } - .md\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + .sm\:left-64 { + left: 16rem !important; } - .md\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + .sm\:top-72 { + top: 18rem !important; } - .md\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + .sm\:right-72 { + right: 18rem !important; } - .md\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + .sm\:bottom-72 { + bottom: 18rem !important; } - .md\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + .sm\:left-72 { + left: 18rem !important; } - .md\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + .sm\:top-80 { + top: 20rem !important; } - .md\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + .sm\:right-80 { + right: 20rem !important; } - .md\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + .sm\:bottom-80 { + bottom: 20rem !important; } - .md\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + .sm\:left-80 { + left: 20rem !important; } - .md\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + .sm\:top-96 { + top: 24rem !important; } - .md\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + .sm\:right-96 { + right: 24rem !important; } - .md\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + .sm\:bottom-96 { + bottom: 24rem !important; } - .md\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + .sm\:left-96 { + left: 24rem !important; } - .md\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + .sm\:top-auto { + top: auto !important; } - .md\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + .sm\:right-auto { + right: auto !important; } - .md\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + .sm\:bottom-auto { + bottom: auto !important; } - .md\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + .sm\:left-auto { + left: auto !important; } - .md\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + .sm\:top-px { + top: 1px !important; } - .md\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + .sm\:right-px { + right: 1px !important; } - .md\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + .sm\:bottom-px { + bottom: 1px !important; } - .md\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + .sm\:left-px { + left: 1px !important; } - .md\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + .sm\:top-0\.5 { + top: 0.125rem !important; } - .md\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + .sm\:right-0\.5 { + right: 0.125rem !important; } - .md\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + .sm\:bottom-0\.5 { + bottom: 0.125rem !important; } - .md\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + .sm\:left-0\.5 { + left: 0.125rem !important; } - .md\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + .sm\:top-1\.5 { + top: 0.375rem !important; } - .md\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + .sm\:right-1\.5 { + right: 0.375rem !important; } - .md\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + .sm\:bottom-1\.5 { + bottom: 0.375rem !important; } - .md\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + .sm\:left-1\.5 { + left: 0.375rem !important; } - .md\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + .sm\:top-2\.5 { + top: 0.625rem !important; } - .md\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + .sm\:right-2\.5 { + right: 0.625rem !important; } - .md\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + .sm\:bottom-2\.5 { + bottom: 0.625rem !important; } - .md\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + .sm\:left-2\.5 { + left: 0.625rem !important; } - .md\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + .sm\:top-3\.5 { + top: 0.875rem !important; } - .md\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + .sm\:right-3\.5 { + right: 0.875rem !important; } - .md\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + .sm\:bottom-3\.5 { + bottom: 0.875rem !important; } - .md\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + .sm\:left-3\.5 { + left: 0.875rem !important; } - .md\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + .sm\:-top-1 { + top: -0.25rem !important; } - .md\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + .sm\:-right-1 { + right: -0.25rem !important; } - .md\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + .sm\:-bottom-1 { + bottom: -0.25rem !important; } - .md\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + .sm\:-left-1 { + left: -0.25rem !important; } - .md\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + .sm\:-top-2 { + top: -0.5rem !important; } - .md\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + .sm\:-right-2 { + right: -0.5rem !important; } - .md\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + .sm\:-bottom-2 { + bottom: -0.5rem !important; } - .md\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + .sm\:-left-2 { + left: -0.5rem !important; } - .md\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + .sm\:-top-3 { + top: -0.75rem !important; } - .md\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + .sm\:-right-3 { + right: -0.75rem !important; } - .md\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + .sm\:-bottom-3 { + bottom: -0.75rem !important; } - .md\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + .sm\:-left-3 { + left: -0.75rem !important; } - .md\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + .sm\:-top-4 { + top: -1rem !important; } - .md\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + .sm\:-right-4 { + right: -1rem !important; } - .md\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + .sm\:-bottom-4 { + bottom: -1rem !important; } - .md\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + .sm\:-left-4 { + left: -1rem !important; } - .md\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + .sm\:-top-5 { + top: -1.25rem !important; } - .md\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + .sm\:-right-5 { + right: -1.25rem !important; } - .md\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + .sm\:-bottom-5 { + bottom: -1.25rem !important; } - .md\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + .sm\:-left-5 { + left: -1.25rem !important; } - .md\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + .sm\:-top-6 { + top: -1.5rem !important; } - .md\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + .sm\:-right-6 { + right: -1.5rem !important; } - .md\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + .sm\:-bottom-6 { + bottom: -1.5rem !important; } - .md\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + .sm\:-left-6 { + left: -1.5rem !important; } - .md\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + .sm\:-top-7 { + top: -1.75rem !important; } - .md\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + .sm\:-right-7 { + right: -1.75rem !important; } - .md\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + .sm\:-bottom-7 { + bottom: -1.75rem !important; } - .md\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + .sm\:-left-7 { + left: -1.75rem !important; } - .md\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + .sm\:-top-8 { + top: -2rem !important; } - .md\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + .sm\:-right-8 { + right: -2rem !important; } - .md\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + .sm\:-bottom-8 { + bottom: -2rem !important; } - .md\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + .sm\:-left-8 { + left: -2rem !important; } - .md\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + .sm\:-top-9 { + top: -2.25rem !important; } - .md\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + .sm\:-right-9 { + right: -2.25rem !important; } - .md\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + .sm\:-bottom-9 { + bottom: -2.25rem !important; } - @media (prefers-color-scheme: dark) { - .md\:dark\:placeholder-transparent::placeholder { - color: transparent !important; - } + .sm\:-left-9 { + left: -2.25rem !important; + } - .md\:dark\:placeholder-current::placeholder { - color: currentColor !important; - } + .sm\:-top-10 { + top: -2.5rem !important; + } - .md\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } + .sm\:-right-10 { + right: -2.5rem !important; + } - .md\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-10 { + bottom: -2.5rem !important; + } - .md\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } + .sm\:-left-10 { + left: -2.5rem !important; + } - .md\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } + .sm\:-top-12 { + top: -3rem !important; + } - .md\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } + .sm\:-right-12 { + right: -3rem !important; + } - .md\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-12 { + bottom: -3rem !important; + } - .md\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } + .sm\:-left-12 { + left: -3rem !important; + } - .md\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } + .sm\:-top-14 { + top: -3.5rem !important; + } - .md\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } + .sm\:-right-14 { + right: -3.5rem !important; + } - .md\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-14 { + bottom: -3.5rem !important; + } - .md\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } + .sm\:-left-14 { + left: -3.5rem !important; + } - .md\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } + .sm\:-top-16 { + top: -4rem !important; + } - .md\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } + .sm\:-right-16 { + right: -4rem !important; + } - .md\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-16 { + bottom: -4rem !important; + } - .md\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } + .sm\:-left-16 { + left: -4rem !important; + } - .md\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } + .sm\:-top-20 { + top: -5rem !important; + } - .md\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } + .sm\:-right-20 { + right: -5rem !important; + } - .md\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-20 { + bottom: -5rem !important; + } - .md\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } + .sm\:-left-20 { + left: -5rem !important; + } - .md\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } + .sm\:-top-24 { + top: -6rem !important; + } - .md\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } + .sm\:-right-24 { + right: -6rem !important; + } - .md\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-24 { + bottom: -6rem !important; + } - .md\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } + .sm\:-left-24 { + left: -6rem !important; + } - .md\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } + .sm\:-top-28 { + top: -7rem !important; + } - .md\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } + .sm\:-right-28 { + right: -7rem !important; + } - .md\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-28 { + bottom: -7rem !important; + } - .md\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } + .sm\:-left-28 { + left: -7rem !important; + } - .md\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } + .sm\:-top-32 { + top: -8rem !important; + } - .md\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } + .sm\:-right-32 { + right: -8rem !important; + } - .md\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-32 { + bottom: -8rem !important; + } - .md\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } + .sm\:-left-32 { + left: -8rem !important; + } - .md\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } + .sm\:-top-36 { + top: -9rem !important; + } - .md\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } + .sm\:-right-36 { + right: -9rem !important; + } - .md\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-36 { + bottom: -9rem !important; + } - .md\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } + .sm\:-left-36 { + left: -9rem !important; + } - .md\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } + .sm\:-top-40 { + top: -10rem !important; + } - .md\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } + .sm\:-right-40 { + right: -10rem !important; + } - .md\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-40 { + bottom: -10rem !important; + } - .md\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } + .sm\:-left-40 { + left: -10rem !important; + } - .md\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } + .sm\:-top-44 { + top: -11rem !important; + } - .md\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } + .sm\:-right-44 { + right: -11rem !important; + } - .md\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-44 { + bottom: -11rem !important; + } - .md\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } + .sm\:-left-44 { + left: -11rem !important; + } - .md\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } + .sm\:-top-48 { + top: -12rem !important; + } - .md\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } + .sm\:-right-48 { + right: -12rem !important; + } - .md\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-48 { + bottom: -12rem !important; + } - .md\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } + .sm\:-left-48 { + left: -12rem !important; + } - .md\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } + .sm\:-top-52 { + top: -13rem !important; + } - .md\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } + .sm\:-right-52 { + right: -13rem !important; + } - .md\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-52 { + bottom: -13rem !important; + } - .md\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } + .sm\:-left-52 { + left: -13rem !important; + } - .md\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } + .sm\:-top-56 { + top: -14rem !important; + } - .md\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } + .sm\:-right-56 { + right: -14rem !important; + } - .md\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-56 { + bottom: -14rem !important; + } - .md\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } + .sm\:-left-56 { + left: -14rem !important; + } - .md\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } + .sm\:-top-60 { + top: -15rem !important; + } - .md\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } + .sm\:-right-60 { + right: -15rem !important; + } - .md\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-60 { + bottom: -15rem !important; + } - .md\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } + .sm\:-left-60 { + left: -15rem !important; + } - .md\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } + .sm\:-top-64 { + top: -16rem !important; + } - .md\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } + .sm\:-right-64 { + right: -16rem !important; + } - .md\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-64 { + bottom: -16rem !important; + } - .md\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } + .sm\:-left-64 { + left: -16rem !important; + } - .md\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } + .sm\:-top-72 { + top: -18rem !important; + } - .md\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } + .sm\:-right-72 { + right: -18rem !important; + } - .md\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-72 { + bottom: -18rem !important; + } - .md\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } + .sm\:-left-72 { + left: -18rem !important; + } - .md\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } + .sm\:-top-80 { + top: -20rem !important; + } - .md\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } + .sm\:-right-80 { + right: -20rem !important; + } - .md\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-80 { + bottom: -20rem !important; + } - .md\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } + .sm\:-left-80 { + left: -20rem !important; + } - .md\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } + .sm\:-top-96 { + top: -24rem !important; + } - .md\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } + .sm\:-right-96 { + right: -24rem !important; + } - .md\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } + .sm\:-bottom-96 { + bottom: -24rem !important; + } - .md\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } + .sm\:-left-96 { + left: -24rem !important; + } - .md\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } + .sm\:-top-px { + top: -1px !important; + } - .md\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } + .sm\:-right-px { + right: -1px !important; + } - .md\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-px { + bottom: -1px !important; + } - .md\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } + .sm\:-left-px { + left: -1px !important; + } - .md\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } + .sm\:-top-0\.5 { + top: -0.125rem !important; + } - .md\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } + .sm\:-right-0\.5 { + right: -0.125rem !important; + } - .md\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-0\.5 { + bottom: -0.125rem !important; + } - .md\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } + .sm\:-left-0\.5 { + left: -0.125rem !important; + } - .md\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } + .sm\:-top-1\.5 { + top: -0.375rem !important; + } - .md\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } + .sm\:-right-1\.5 { + right: -0.375rem !important; + } - .md\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-1\.5 { + bottom: -0.375rem !important; + } - .md\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } + .sm\:-left-1\.5 { + left: -0.375rem !important; + } - .md\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } + .sm\:-top-2\.5 { + top: -0.625rem !important; + } - .md\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } + .sm\:-right-2\.5 { + right: -0.625rem !important; + } - .md\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-2\.5 { + bottom: -0.625rem !important; + } - .md\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } + .sm\:-left-2\.5 { + left: -0.625rem !important; + } - .md\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } + .sm\:-top-3\.5 { + top: -0.875rem !important; + } - .md\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } + .sm\:-right-3\.5 { + right: -0.875rem !important; + } - .md\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-3\.5 { + bottom: -0.875rem !important; + } - .md\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } + .sm\:-left-3\.5 { + left: -0.875rem !important; + } - .md\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } + .sm\:top-1\/2 { + top: 50% !important; + } - .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } + .sm\:right-1\/2 { + right: 50% !important; + } - .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } + .sm\:bottom-1\/2 { + bottom: 50% !important; + } - .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } + .sm\:left-1\/2 { + left: 50% !important; + } - .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } + .sm\:top-1\/3 { + top: 33.333333% !important; + } - .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } + .sm\:right-1\/3 { + right: 33.333333% !important; + } - .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } + .sm\:bottom-1\/3 { + bottom: 33.333333% !important; + } - .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } + .sm\:left-1\/3 { + left: 33.333333% !important; + } - .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } + .sm\:top-2\/3 { + top: 66.666667% !important; + } - .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } + .sm\:right-2\/3 { + right: 66.666667% !important; + } - .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } + .sm\:bottom-2\/3 { + bottom: 66.666667% !important; + } - .md\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } + .sm\:left-2\/3 { + left: 66.666667% !important; + } - .md\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } + .sm\:top-1\/4 { + top: 25% !important; + } - .md\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } + .sm\:right-1\/4 { + right: 25% !important; + } - .md\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } + .sm\:bottom-1\/4 { + bottom: 25% !important; + } - .md\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } + .sm\:left-1\/4 { + left: 25% !important; + } - .md\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } + .sm\:top-2\/4 { + top: 50% !important; + } - .md\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } + .sm\:right-2\/4 { + right: 50% !important; + } - .md\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } + .sm\:bottom-2\/4 { + bottom: 50% !important; + } - .md\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } + .sm\:left-2\/4 { + left: 50% !important; + } - .md\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } + .sm\:top-3\/4 { + top: 75% !important; + } - .md\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } + .sm\:right-3\/4 { + right: 75% !important; + } - .md\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } + .sm\:bottom-3\/4 { + bottom: 75% !important; + } - .md\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } + .sm\:left-3\/4 { + left: 75% !important; + } - .md\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } + .sm\:top-full { + top: 100% !important; + } - .md\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } + .sm\:right-full { + right: 100% !important; + } - .md\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } + .sm\:bottom-full { + bottom: 100% !important; + } - .md\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } + .sm\:left-full { + left: 100% !important; + } - .md\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } + .sm\:-top-1\/2 { + top: -50% !important; + } - .md\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } + .sm\:-right-1\/2 { + right: -50% !important; + } - .md\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-1\/2 { + bottom: -50% !important; + } - .md\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } + .sm\:-left-1\/2 { + left: -50% !important; + } - .md\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } + .sm\:-top-1\/3 { + top: -33.333333% !important; + } - .md\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } + .sm\:-right-1\/3 { + right: -33.333333% !important; + } - .md\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-1\/3 { + bottom: -33.333333% !important; + } - .md\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } + .sm\:-left-1\/3 { + left: -33.333333% !important; + } - .md\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } + .sm\:-top-2\/3 { + top: -66.666667% !important; + } - .md\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } + .sm\:-right-2\/3 { + right: -66.666667% !important; + } - .md\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-2\/3 { + bottom: -66.666667% !important; + } - .md\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } + .sm\:-left-2\/3 { + left: -66.666667% !important; + } - .md\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } + .sm\:-top-1\/4 { + top: -25% !important; + } - .md\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } + .sm\:-right-1\/4 { + right: -25% !important; + } - .md\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-1\/4 { + bottom: -25% !important; + } - .md\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } + .sm\:-left-1\/4 { + left: -25% !important; + } - .md\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } + .sm\:-top-2\/4 { + top: -50% !important; + } - .md\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } + .sm\:-right-2\/4 { + right: -50% !important; + } - .md\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-2\/4 { + bottom: -50% !important; + } - .md\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } + .sm\:-left-2\/4 { + left: -50% !important; + } - .md\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } + .sm\:-top-3\/4 { + top: -75% !important; + } - .md\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } + .sm\:-right-3\/4 { + right: -75% !important; + } - .md\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } + .sm\:-bottom-3\/4 { + bottom: -75% !important; } - .md\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0 !important; + .sm\:-left-3\/4 { + left: -75% !important; } - .md\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25 !important; + .sm\:-top-full { + top: -100% !important; } - .md\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5 !important; + .sm\:-right-full { + right: -100% !important; } - .md\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75 !important; + .sm\:-bottom-full { + bottom: -100% !important; } - .md\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1 !important; + .sm\:-left-full { + left: -100% !important; } - .md\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0 !important; + .sm\:resize-none { + resize: none !important; } - .md\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25 !important; + .sm\:resize-y { + resize: vertical !important; } - .md\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5 !important; + .sm\:resize-x { + resize: horizontal !important; } - .md\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75 !important; + .sm\:resize { + resize: both !important; } - .md\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1 !important; + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .md\:pointer-events-none { - pointer-events: none !important; + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .md\:pointer-events-auto { - pointer-events: auto !important; + .sm\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:static { - position: static !important; + .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) !important; } - .md\:fixed { - position: fixed !important; + .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) !important; } - .md\:absolute { - position: absolute !important; + .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) !important; } - .md\:relative { - position: relative !important; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:sticky { - position: sticky !important; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:inset-1 { - top: 0.25rem !important; - right: 0.25rem !important; - bottom: 0.25rem !important; - left: 0.25rem !important; + .sm\:shadow-none { + box-shadow: none !important; } - .md\:inset-2 { - top: 0.5rem !important; - right: 0.5rem !important; - bottom: 0.5rem !important; - left: 0.5rem !important; + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .md\:inset-3 { - top: 0.75rem !important; - right: 0.75rem !important; - bottom: 0.75rem !important; - left: 0.75rem !important; + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .md\:inset-4 { - top: 1rem !important; - right: 1rem !important; - bottom: 1rem !important; - left: 1rem !important; + .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) !important; } - .md\:inset-5 { - top: 1.25rem !important; - right: 1.25rem !important; - bottom: 1.25rem !important; - left: 1.25rem !important; + .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) !important; } - .md\:inset-6 { - top: 1.5rem !important; - right: 1.5rem !important; - bottom: 1.5rem !important; - left: 1.5rem !important; + .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) !important; } - .md\:inset-7 { - top: 1.75rem !important; - right: 1.75rem !important; - bottom: 1.75rem !important; - left: 1.75rem !important; + .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) !important; } - .md\:inset-8 { - top: 2rem !important; - right: 2rem !important; - bottom: 2rem !important; - left: 2rem !important; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:inset-9 { - top: 2.25rem !important; - right: 2.25rem !important; - bottom: 2.25rem !important; - left: 2.25rem !important; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:inset-10 { - top: 2.5rem !important; - right: 2.5rem !important; - bottom: 2.5rem !important; - left: 2.5rem !important; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:inset-12 { - top: 3rem !important; - right: 3rem !important; - bottom: 3rem !important; - left: 3rem !important; + .sm\:hover\:shadow-none:hover { + box-shadow: none !important; } - .md\:inset-14 { - top: 3.5rem !important; - right: 3.5rem !important; - bottom: 3.5rem !important; - left: 3.5rem !important; + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .md\:inset-16 { - top: 4rem !important; - right: 4rem !important; - bottom: 4rem !important; - left: 4rem !important; + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .md\:inset-20 { - top: 5rem !important; - right: 5rem !important; - bottom: 5rem !important; - left: 5rem !important; + .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) !important; } - .md\:inset-24 { - top: 6rem !important; - right: 6rem !important; - bottom: 6rem !important; - left: 6rem !important; + .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) !important; } - .md\:inset-28 { - top: 7rem !important; - right: 7rem !important; - bottom: 7rem !important; - left: 7rem !important; + .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) !important; } - .md\:inset-32 { - top: 8rem !important; - right: 8rem !important; - bottom: 8rem !important; - left: 8rem !important; + .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) !important; } - .md\:inset-36 { - top: 9rem !important; - right: 9rem !important; - bottom: 9rem !important; - left: 9rem !important; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:inset-40 { - top: 10rem !important; - right: 10rem !important; - bottom: 10rem !important; - left: 10rem !important; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:inset-44 { - top: 11rem !important; - right: 11rem !important; - bottom: 11rem !important; - left: 11rem !important; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:inset-48 { - top: 12rem !important; - right: 12rem !important; - bottom: 12rem !important; - left: 12rem !important; + .sm\:focus\:shadow-none:focus { + box-shadow: none !important; } - .md\:inset-52 { - top: 13rem !important; - right: 13rem !important; - bottom: 13rem !important; - left: 13rem !important; + .sm\:fill-current { + fill: currentColor !important; } - .md\:inset-56 { - top: 14rem !important; - right: 14rem !important; - bottom: 14rem !important; - left: 14rem !important; + .sm\:stroke-current { + stroke: currentColor !important; } - .md\:inset-60 { - top: 15rem !important; - right: 15rem !important; - bottom: 15rem !important; - left: 15rem !important; + .sm\:stroke-0 { + stroke-width: 0 !important; } - .md\:inset-64 { - top: 16rem !important; - right: 16rem !important; - bottom: 16rem !important; - left: 16rem !important; + .sm\:stroke-1 { + stroke-width: 1 !important; } - .md\:inset-72 { - top: 18rem !important; - right: 18rem !important; - bottom: 18rem !important; - left: 18rem !important; + .sm\:stroke-2 { + stroke-width: 2 !important; } - .md\:inset-80 { - top: 20rem !important; - right: 20rem !important; - bottom: 20rem !important; - left: 20rem !important; + .sm\:table-auto { + table-layout: auto !important; } - .md\:inset-96 { - top: 24rem !important; - right: 24rem !important; - bottom: 24rem !important; - left: 24rem !important; + .sm\:table-fixed { + table-layout: fixed !important; } - .md\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .sm\:text-left { + text-align: left !important; } - .md\:inset-px { - top: 1px !important; - right: 1px !important; - bottom: 1px !important; - left: 1px !important; + .sm\:text-center { + text-align: center !important; } - .md\:inset-0\.5 { - top: 0.125rem !important; - right: 0.125rem !important; - bottom: 0.125rem !important; - left: 0.125rem !important; + .sm\:text-right { + text-align: right !important; } - .md\:inset-1\.5 { - top: 0.375rem !important; - right: 0.375rem !important; - bottom: 0.375rem !important; - left: 0.375rem !important; + .sm\:text-justify { + text-align: justify !important; } - .md\:inset-2\.5 { - top: 0.625rem !important; - right: 0.625rem !important; - bottom: 0.625rem !important; - left: 0.625rem !important; + .sm\:text-transparent { + color: transparent !important; } - .md\:inset-3\.5 { - top: 0.875rem !important; - right: 0.875rem !important; - bottom: 0.875rem !important; - left: 0.875rem !important; + .sm\:text-current { + color: currentColor !important; } - .md\:-inset-1 { - top: -0.25rem !important; - right: -0.25rem !important; - bottom: -0.25rem !important; - left: -0.25rem !important; + .sm\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:-inset-2 { - top: -0.5rem !important; - right: -0.5rem !important; - bottom: -0.5rem !important; - left: -0.5rem !important; + .sm\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:-inset-3 { - top: -0.75rem !important; - right: -0.75rem !important; - bottom: -0.75rem !important; - left: -0.75rem !important; + .sm\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .md\:-inset-4 { - top: -1rem !important; - right: -1rem !important; - bottom: -1rem !important; - left: -1rem !important; + .sm\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .md\:-inset-5 { - top: -1.25rem !important; - right: -1.25rem !important; - bottom: -1.25rem !important; - left: -1.25rem !important; + .sm\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .md\:-inset-6 { - top: -1.5rem !important; - right: -1.5rem !important; - bottom: -1.5rem !important; - left: -1.5rem !important; + .sm\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .md\:-inset-7 { - top: -1.75rem !important; - right: -1.75rem !important; - bottom: -1.75rem !important; - left: -1.75rem !important; + .sm\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .md\:-inset-8 { - top: -2rem !important; - right: -2rem !important; - bottom: -2rem !important; - left: -2rem !important; + .sm\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .md\:-inset-9 { - top: -2.25rem !important; - right: -2.25rem !important; - bottom: -2.25rem !important; - left: -2.25rem !important; + .sm\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .md\:-inset-10 { - top: -2.5rem !important; - right: -2.5rem !important; - bottom: -2.5rem !important; - left: -2.5rem !important; + .sm\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .md\:-inset-12 { - top: -3rem !important; - right: -3rem !important; - bottom: -3rem !important; - left: -3rem !important; + .sm\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .md\:-inset-14 { - top: -3.5rem !important; - right: -3.5rem !important; - bottom: -3.5rem !important; - left: -3.5rem !important; + .sm\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .md\:-inset-16 { - top: -4rem !important; - right: -4rem !important; - bottom: -4rem !important; - left: -4rem !important; + .sm\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .md\:-inset-20 { - top: -5rem !important; - right: -5rem !important; - bottom: -5rem !important; - left: -5rem !important; + .sm\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .md\:-inset-24 { - top: -6rem !important; - right: -6rem !important; - bottom: -6rem !important; - left: -6rem !important; + .sm\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .md\:-inset-28 { - top: -7rem !important; - right: -7rem !important; - bottom: -7rem !important; - left: -7rem !important; + .sm\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .md\:-inset-32 { - top: -8rem !important; - right: -8rem !important; - bottom: -8rem !important; - left: -8rem !important; + .sm\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .md\:-inset-36 { - top: -9rem !important; - right: -9rem !important; - bottom: -9rem !important; - left: -9rem !important; + .sm\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .md\:-inset-40 { - top: -10rem !important; - right: -10rem !important; - bottom: -10rem !important; - left: -10rem !important; + .sm\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .md\:-inset-44 { - top: -11rem !important; - right: -11rem !important; - bottom: -11rem !important; - left: -11rem !important; + .sm\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .md\:-inset-48 { - top: -12rem !important; - right: -12rem !important; - bottom: -12rem !important; - left: -12rem !important; + .sm\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .md\:-inset-52 { - top: -13rem !important; - right: -13rem !important; - bottom: -13rem !important; - left: -13rem !important; + .sm\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .md\:-inset-56 { - top: -14rem !important; - right: -14rem !important; - bottom: -14rem !important; - left: -14rem !important; + .sm\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .md\:-inset-60 { - top: -15rem !important; - right: -15rem !important; - bottom: -15rem !important; - left: -15rem !important; + .sm\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .md\:-inset-64 { - top: -16rem !important; - right: -16rem !important; - bottom: -16rem !important; - left: -16rem !important; + .sm\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .md\:-inset-72 { - top: -18rem !important; - right: -18rem !important; - bottom: -18rem !important; - left: -18rem !important; + .sm\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .md\:-inset-80 { - top: -20rem !important; - right: -20rem !important; - bottom: -20rem !important; - left: -20rem !important; + .sm\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .md\:-inset-96 { - top: -24rem !important; - right: -24rem !important; - bottom: -24rem !important; - left: -24rem !important; + .sm\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .md\:-inset-px { - top: -1px !important; - right: -1px !important; - bottom: -1px !important; - left: -1px !important; + .sm\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .md\:-inset-0\.5 { - top: -0.125rem !important; - right: -0.125rem !important; - bottom: -0.125rem !important; - left: -0.125rem !important; + .sm\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .md\:-inset-1\.5 { - top: -0.375rem !important; - right: -0.375rem !important; - bottom: -0.375rem !important; - left: -0.375rem !important; + .sm\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .md\:-inset-2\.5 { - top: -0.625rem !important; - right: -0.625rem !important; - bottom: -0.625rem !important; - left: -0.625rem !important; + .sm\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .md\:-inset-3\.5 { - top: -0.875rem !important; - right: -0.875rem !important; - bottom: -0.875rem !important; - left: -0.875rem !important; + .sm\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .md\:inset-1\/2 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; + .sm\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .md\:inset-1\/3 { - top: 33.333333% !important; - right: 33.333333% !important; - bottom: 33.333333% !important; - left: 33.333333% !important; + .sm\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .md\:inset-2\/3 { - top: 66.666667% !important; - right: 66.666667% !important; - bottom: 66.666667% !important; - left: 66.666667% !important; + .sm\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .md\:inset-1\/4 { - top: 25% !important; - right: 25% !important; - bottom: 25% !important; - left: 25% !important; + .sm\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .md\:inset-2\/4 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; + .sm\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .md\:inset-3\/4 { - top: 75% !important; - right: 75% !important; - bottom: 75% !important; - left: 75% !important; + .sm\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .md\:inset-full { - top: 100% !important; - right: 100% !important; - bottom: 100% !important; - left: 100% !important; + .sm\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .md\:-inset-1\/2 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; + .sm\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .md\:-inset-1\/3 { - top: -33.333333% !important; - right: -33.333333% !important; - bottom: -33.333333% !important; - left: -33.333333% !important; + .sm\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .md\:-inset-2\/3 { - top: -66.666667% !important; - right: -66.666667% !important; - bottom: -66.666667% !important; - left: -66.666667% !important; + .sm\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .md\:-inset-1\/4 { - top: -25% !important; - right: -25% !important; - bottom: -25% !important; - left: -25% !important; + .sm\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .md\:-inset-2\/4 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; + .sm\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .md\:-inset-3\/4 { - top: -75% !important; - right: -75% !important; - bottom: -75% !important; - left: -75% !important; + .sm\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .md\:-inset-full { - top: -100% !important; - right: -100% !important; - bottom: -100% !important; - left: -100% !important; + .sm\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .md\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .sm\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .md\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .sm\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .md\:inset-y-1 { - top: 0.25rem !important; - bottom: 0.25rem !important; + .sm\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .md\:inset-x-1 { - right: 0.25rem !important; - left: 0.25rem !important; + .sm\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .md\:inset-y-2 { - top: 0.5rem !important; - bottom: 0.5rem !important; + .sm\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .md\:inset-x-2 { - right: 0.5rem !important; - left: 0.5rem !important; + .sm\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .md\:inset-y-3 { - top: 0.75rem !important; - bottom: 0.75rem !important; + .sm\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .md\:inset-x-3 { - right: 0.75rem !important; - left: 0.75rem !important; + .sm\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .md\:inset-y-4 { - top: 1rem !important; - bottom: 1rem !important; + .sm\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .md\:inset-x-4 { - right: 1rem !important; - left: 1rem !important; + .sm\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .md\:inset-y-5 { - top: 1.25rem !important; - bottom: 1.25rem !important; + .sm\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .md\:inset-x-5 { - right: 1.25rem !important; - left: 1.25rem !important; + .sm\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .md\:inset-y-6 { - top: 1.5rem !important; - bottom: 1.5rem !important; + .sm\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .md\:inset-x-6 { - right: 1.5rem !important; - left: 1.5rem !important; + .sm\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .md\:inset-y-7 { - top: 1.75rem !important; - bottom: 1.75rem !important; + .sm\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .md\:inset-x-7 { - right: 1.75rem !important; - left: 1.75rem !important; + .sm\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .md\:inset-y-8 { - top: 2rem !important; - bottom: 2rem !important; + .sm\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .md\:inset-x-8 { - right: 2rem !important; - left: 2rem !important; + .sm\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .md\:inset-y-9 { - top: 2.25rem !important; - bottom: 2.25rem !important; + .sm\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .md\:inset-x-9 { - right: 2.25rem !important; - left: 2.25rem !important; + .sm\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .md\:inset-y-10 { - top: 2.5rem !important; - bottom: 2.5rem !important; + .sm\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .md\:inset-x-10 { - right: 2.5rem !important; - left: 2.5rem !important; + .sm\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .md\:inset-y-12 { - top: 3rem !important; - bottom: 3rem !important; + .sm\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .md\:inset-x-12 { - right: 3rem !important; - left: 3rem !important; + .sm\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .md\:inset-y-14 { - top: 3.5rem !important; - bottom: 3.5rem !important; + .sm\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .md\:inset-x-14 { - right: 3.5rem !important; - left: 3.5rem !important; + .group:hover .sm\:group-hover\:text-transparent { + color: transparent !important; } - .md\:inset-y-16 { - top: 4rem !important; - bottom: 4rem !important; + .group:hover .sm\:group-hover\:text-current { + color: currentColor !important; } - .md\:inset-x-16 { - right: 4rem !important; - left: 4rem !important; + .group:hover .sm\:group-hover\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:inset-y-20 { - top: 5rem !important; - bottom: 5rem !important; + .group:hover .sm\:group-hover\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:inset-x-20 { - right: 5rem !important; - left: 5rem !important; + .group:hover .sm\:group-hover\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .md\:inset-y-24 { - top: 6rem !important; - bottom: 6rem !important; + .group:hover .sm\:group-hover\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .md\:inset-x-24 { - right: 6rem !important; - left: 6rem !important; + .group:hover .sm\:group-hover\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .md\:inset-y-28 { - top: 7rem !important; - bottom: 7rem !important; + .group:hover .sm\:group-hover\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .md\:inset-x-28 { - right: 7rem !important; - left: 7rem !important; + .group:hover .sm\:group-hover\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .md\:inset-y-32 { - top: 8rem !important; - bottom: 8rem !important; + .group:hover .sm\:group-hover\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .md\:inset-x-32 { - right: 8rem !important; - left: 8rem !important; + .group:hover .sm\:group-hover\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .md\:inset-y-36 { - top: 9rem !important; - bottom: 9rem !important; + .group:hover .sm\:group-hover\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .md\:inset-x-36 { - right: 9rem !important; - left: 9rem !important; + .group:hover .sm\:group-hover\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .md\:inset-y-40 { - top: 10rem !important; - bottom: 10rem !important; + .group:hover .sm\:group-hover\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; + } + + .group:hover .sm\:group-hover\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .md\:inset-x-40 { - right: 10rem !important; - left: 10rem !important; + .group:hover .sm\:group-hover\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .md\:inset-y-44 { - top: 11rem !important; - bottom: 11rem !important; + .group:hover .sm\:group-hover\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .md\:inset-x-44 { - right: 11rem !important; - left: 11rem !important; + .group:hover .sm\:group-hover\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .md\:inset-y-48 { - top: 12rem !important; - bottom: 12rem !important; + .group:hover .sm\:group-hover\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .md\:inset-x-48 { - right: 12rem !important; - left: 12rem !important; + .group:hover .sm\:group-hover\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .md\:inset-y-52 { - top: 13rem !important; - bottom: 13rem !important; + .group:hover .sm\:group-hover\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .md\:inset-x-52 { - right: 13rem !important; - left: 13rem !important; + .group:hover .sm\:group-hover\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .md\:inset-y-56 { - top: 14rem !important; - bottom: 14rem !important; + .group:hover .sm\:group-hover\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .md\:inset-x-56 { - right: 14rem !important; - left: 14rem !important; + .group:hover .sm\:group-hover\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .md\:inset-y-60 { - top: 15rem !important; - bottom: 15rem !important; + .group:hover .sm\:group-hover\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .md\:inset-x-60 { - right: 15rem !important; - left: 15rem !important; + .group:hover .sm\:group-hover\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .md\:inset-y-64 { - top: 16rem !important; - bottom: 16rem !important; + .group:hover .sm\:group-hover\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .md\:inset-x-64 { - right: 16rem !important; - left: 16rem !important; + .group:hover .sm\:group-hover\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .md\:inset-y-72 { - top: 18rem !important; - bottom: 18rem !important; + .group:hover .sm\:group-hover\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .md\:inset-x-72 { - right: 18rem !important; - left: 18rem !important; + .group:hover .sm\:group-hover\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .md\:inset-y-80 { - top: 20rem !important; - bottom: 20rem !important; + .group:hover .sm\:group-hover\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .md\:inset-x-80 { - right: 20rem !important; - left: 20rem !important; + .group:hover .sm\:group-hover\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .md\:inset-y-96 { - top: 24rem !important; - bottom: 24rem !important; + .group:hover .sm\:group-hover\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .md\:inset-x-96 { - right: 24rem !important; - left: 24rem !important; + .group:hover .sm\:group-hover\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .md\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .group:hover .sm\:group-hover\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .md\:inset-x-auto { - right: auto !important; - left: auto !important; + .group:hover .sm\:group-hover\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .md\:inset-y-px { - top: 1px !important; - bottom: 1px !important; + .group:hover .sm\:group-hover\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .md\:inset-x-px { - right: 1px !important; - left: 1px !important; + .group:hover .sm\:group-hover\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .md\:inset-y-0\.5 { - top: 0.125rem !important; - bottom: 0.125rem !important; + .group:hover .sm\:group-hover\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .md\:inset-x-0\.5 { - right: 0.125rem !important; - left: 0.125rem !important; + .group:hover .sm\:group-hover\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .md\:inset-y-1\.5 { - top: 0.375rem !important; - bottom: 0.375rem !important; + .group:hover .sm\:group-hover\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .md\:inset-x-1\.5 { - right: 0.375rem !important; - left: 0.375rem !important; + .group:hover .sm\:group-hover\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .md\:inset-y-2\.5 { - top: 0.625rem !important; - bottom: 0.625rem !important; + .group:hover .sm\:group-hover\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .md\:inset-x-2\.5 { - right: 0.625rem !important; - left: 0.625rem !important; + .group:hover .sm\:group-hover\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .md\:inset-y-3\.5 { - top: 0.875rem !important; - bottom: 0.875rem !important; + .group:hover .sm\:group-hover\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .md\:inset-x-3\.5 { - right: 0.875rem !important; - left: 0.875rem !important; + .group:hover .sm\:group-hover\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .md\:-inset-y-1 { - top: -0.25rem !important; - bottom: -0.25rem !important; + .group:hover .sm\:group-hover\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .md\:-inset-x-1 { - right: -0.25rem !important; - left: -0.25rem !important; + .group:hover .sm\:group-hover\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .md\:-inset-y-2 { - top: -0.5rem !important; - bottom: -0.5rem !important; + .group:hover .sm\:group-hover\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .md\:-inset-x-2 { - right: -0.5rem !important; - left: -0.5rem !important; + .group:hover .sm\:group-hover\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .md\:-inset-y-3 { - top: -0.75rem !important; - bottom: -0.75rem !important; + .group:hover .sm\:group-hover\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .md\:-inset-x-3 { - right: -0.75rem !important; - left: -0.75rem !important; + .group:hover .sm\:group-hover\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .md\:-inset-y-4 { - top: -1rem !important; - bottom: -1rem !important; + .group:hover .sm\:group-hover\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .md\:-inset-x-4 { - right: -1rem !important; - left: -1rem !important; + .group:hover .sm\:group-hover\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .md\:-inset-y-5 { - top: -1.25rem !important; - bottom: -1.25rem !important; + .group:hover .sm\:group-hover\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .md\:-inset-x-5 { - right: -1.25rem !important; - left: -1.25rem !important; + .group:hover .sm\:group-hover\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .md\:-inset-y-6 { - top: -1.5rem !important; - bottom: -1.5rem !important; + .group:hover .sm\:group-hover\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .md\:-inset-x-6 { - right: -1.5rem !important; - left: -1.5rem !important; + .group:hover .sm\:group-hover\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .md\:-inset-y-7 { - top: -1.75rem !important; - bottom: -1.75rem !important; + .group:hover .sm\:group-hover\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .md\:-inset-x-7 { - right: -1.75rem !important; - left: -1.75rem !important; + .group:hover .sm\:group-hover\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .md\:-inset-y-8 { - top: -2rem !important; - bottom: -2rem !important; + .group:hover .sm\:group-hover\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .md\:-inset-x-8 { - right: -2rem !important; - left: -2rem !important; + .group:hover .sm\:group-hover\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .md\:-inset-y-9 { - top: -2.25rem !important; - bottom: -2.25rem !important; + .group:hover .sm\:group-hover\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .md\:-inset-x-9 { - right: -2.25rem !important; - left: -2.25rem !important; + .group:hover .sm\:group-hover\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .md\:-inset-y-10 { - top: -2.5rem !important; - bottom: -2.5rem !important; + .group:hover .sm\:group-hover\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .md\:-inset-x-10 { - right: -2.5rem !important; - left: -2.5rem !important; + .group:hover .sm\:group-hover\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .md\:-inset-y-12 { - top: -3rem !important; - bottom: -3rem !important; + .group:hover .sm\:group-hover\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .md\:-inset-x-12 { - right: -3rem !important; - left: -3rem !important; + .group:hover .sm\:group-hover\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .md\:-inset-y-14 { - top: -3.5rem !important; - bottom: -3.5rem !important; + .group:hover .sm\:group-hover\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .md\:-inset-x-14 { - right: -3.5rem !important; - left: -3.5rem !important; + .group:hover .sm\:group-hover\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .md\:-inset-y-16 { - top: -4rem !important; - bottom: -4rem !important; + .group:hover .sm\:group-hover\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .md\:-inset-x-16 { - right: -4rem !important; - left: -4rem !important; + .group:hover .sm\:group-hover\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .md\:-inset-y-20 { - top: -5rem !important; - bottom: -5rem !important; + .group:hover .sm\:group-hover\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .md\:-inset-x-20 { - right: -5rem !important; - left: -5rem !important; + .group:hover .sm\:group-hover\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .md\:-inset-y-24 { - top: -6rem !important; - bottom: -6rem !important; + .sm\:hover\:text-transparent:hover { + color: transparent !important; } - .md\:-inset-x-24 { - right: -6rem !important; - left: -6rem !important; + .sm\:hover\:text-current:hover { + color: currentColor !important; } - .md\:-inset-y-28 { - top: -7rem !important; - bottom: -7rem !important; + .sm\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:-inset-x-28 { - right: -7rem !important; - left: -7rem !important; + .sm\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:-inset-y-32 { - top: -8rem !important; - bottom: -8rem !important; + .sm\:hover\:text-gray-50:hover { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .md\:-inset-x-32 { - right: -8rem !important; - left: -8rem !important; + .sm\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .md\:-inset-y-36 { - top: -9rem !important; - bottom: -9rem !important; + .sm\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .md\:-inset-x-36 { - right: -9rem !important; - left: -9rem !important; + .sm\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .md\:-inset-y-40 { - top: -10rem !important; - bottom: -10rem !important; + .sm\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .md\:-inset-x-40 { - right: -10rem !important; - left: -10rem !important; + .sm\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .md\:-inset-y-44 { - top: -11rem !important; - bottom: -11rem !important; + .sm\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .md\:-inset-x-44 { - right: -11rem !important; - left: -11rem !important; + .sm\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .md\:-inset-y-48 { - top: -12rem !important; - bottom: -12rem !important; + .sm\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .md\:-inset-x-48 { - right: -12rem !important; - left: -12rem !important; + .sm\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .md\:-inset-y-52 { - top: -13rem !important; - bottom: -13rem !important; + .sm\:hover\:text-red-50:hover { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .md\:-inset-x-52 { - right: -13rem !important; - left: -13rem !important; + .sm\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .md\:-inset-y-56 { - top: -14rem !important; - bottom: -14rem !important; + .sm\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .md\:-inset-x-56 { - right: -14rem !important; - left: -14rem !important; + .sm\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .md\:-inset-y-60 { - top: -15rem !important; - bottom: -15rem !important; + .sm\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .md\:-inset-x-60 { - right: -15rem !important; - left: -15rem !important; + .sm\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .md\:-inset-y-64 { - top: -16rem !important; - bottom: -16rem !important; + .sm\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .md\:-inset-x-64 { - right: -16rem !important; - left: -16rem !important; + .sm\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .md\:-inset-y-72 { - top: -18rem !important; - bottom: -18rem !important; + .sm\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .md\:-inset-x-72 { - right: -18rem !important; - left: -18rem !important; + .sm\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .md\:-inset-y-80 { - top: -20rem !important; - bottom: -20rem !important; + .sm\:hover\:text-yellow-50:hover { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .md\:-inset-x-80 { - right: -20rem !important; - left: -20rem !important; + .sm\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .md\:-inset-y-96 { - top: -24rem !important; - bottom: -24rem !important; + .sm\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .md\:-inset-x-96 { - right: -24rem !important; - left: -24rem !important; + .sm\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .md\:-inset-y-px { - top: -1px !important; - bottom: -1px !important; + .sm\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .md\:-inset-x-px { - right: -1px !important; - left: -1px !important; + .sm\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .md\:-inset-y-0\.5 { - top: -0.125rem !important; - bottom: -0.125rem !important; + .sm\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .md\:-inset-x-0\.5 { - right: -0.125rem !important; - left: -0.125rem !important; + .sm\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .md\:-inset-y-1\.5 { - top: -0.375rem !important; - bottom: -0.375rem !important; + .sm\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .md\:-inset-x-1\.5 { - right: -0.375rem !important; - left: -0.375rem !important; + .sm\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .md\:-inset-y-2\.5 { - top: -0.625rem !important; - bottom: -0.625rem !important; + .sm\:hover\:text-green-50:hover { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .md\:-inset-x-2\.5 { - right: -0.625rem !important; - left: -0.625rem !important; + .sm\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .md\:-inset-y-3\.5 { - top: -0.875rem !important; - bottom: -0.875rem !important; + .sm\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .md\:-inset-x-3\.5 { - right: -0.875rem !important; - left: -0.875rem !important; + .sm\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .md\:inset-y-1\/2 { - top: 50% !important; - bottom: 50% !important; + .sm\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .md\:inset-x-1\/2 { - right: 50% !important; - left: 50% !important; + .sm\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .md\:inset-y-1\/3 { - top: 33.333333% !important; - bottom: 33.333333% !important; + .sm\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .md\:inset-x-1\/3 { - right: 33.333333% !important; - left: 33.333333% !important; + .sm\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .md\:inset-y-2\/3 { - top: 66.666667% !important; - bottom: 66.666667% !important; + .sm\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .md\:inset-x-2\/3 { - right: 66.666667% !important; - left: 66.666667% !important; + .sm\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .md\:inset-y-1\/4 { - top: 25% !important; - bottom: 25% !important; + .sm\:hover\:text-blue-50:hover { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .md\:inset-x-1\/4 { - right: 25% !important; - left: 25% !important; + .sm\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .md\:inset-y-2\/4 { - top: 50% !important; - bottom: 50% !important; + .sm\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .md\:inset-x-2\/4 { - right: 50% !important; - left: 50% !important; + .sm\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .md\:inset-y-3\/4 { - top: 75% !important; - bottom: 75% !important; + .sm\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .md\:inset-x-3\/4 { - right: 75% !important; - left: 75% !important; + .sm\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .md\:inset-y-full { - top: 100% !important; - bottom: 100% !important; + .sm\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .md\:inset-x-full { - right: 100% !important; - left: 100% !important; + .sm\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .md\:-inset-y-1\/2 { - top: -50% !important; - bottom: -50% !important; + .sm\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .md\:-inset-x-1\/2 { - right: -50% !important; - left: -50% !important; + .sm\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .md\:-inset-y-1\/3 { - top: -33.333333% !important; - bottom: -33.333333% !important; + .sm\:hover\:text-purple-50:hover { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .md\:-inset-x-1\/3 { - right: -33.333333% !important; - left: -33.333333% !important; + .sm\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .md\:-inset-y-2\/3 { - top: -66.666667% !important; - bottom: -66.666667% !important; + .sm\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .md\:-inset-x-2\/3 { - right: -66.666667% !important; - left: -66.666667% !important; + .sm\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .md\:-inset-y-1\/4 { - top: -25% !important; - bottom: -25% !important; + .sm\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .md\:-inset-x-1\/4 { - right: -25% !important; - left: -25% !important; + .sm\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .md\:-inset-y-2\/4 { - top: -50% !important; - bottom: -50% !important; + .sm\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .md\:-inset-x-2\/4 { - right: -50% !important; - left: -50% !important; + .sm\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .md\:-inset-y-3\/4 { - top: -75% !important; - bottom: -75% !important; + .sm\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .md\:-inset-x-3\/4 { - right: -75% !important; - left: -75% !important; + .sm\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .md\:-inset-y-full { - top: -100% !important; - bottom: -100% !important; + .sm\:hover\:text-pink-50:hover { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .md\:-inset-x-full { - right: -100% !important; - left: -100% !important; + .sm\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .md\:top-0 { - top: 0 !important; + .sm\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .md\:right-0 { - right: 0 !important; + .sm\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .md\:bottom-0 { - bottom: 0 !important; + .sm\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .md\:left-0 { - left: 0 !important; + .sm\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .md\:top-1 { - top: 0.25rem !important; + .sm\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .md\:right-1 { - right: 0.25rem !important; + .sm\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .md\:bottom-1 { - bottom: 0.25rem !important; + .sm\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .md\:left-1 { - left: 0.25rem !important; + .sm\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .md\:top-2 { - top: 0.5rem !important; + .sm\:focus\:text-transparent:focus { + color: transparent !important; } - .md\:right-2 { - right: 0.5rem !important; + .sm\:focus\:text-current:focus { + color: currentColor !important; } - .md\:bottom-2 { - bottom: 0.5rem !important; + .sm\:focus\:text-black:focus { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .md\:left-2 { - left: 0.5rem !important; + .sm\:focus\:text-white:focus { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .md\:top-3 { - top: 0.75rem !important; + .sm\:focus\:text-gray-50:focus { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .md\:right-3 { - right: 0.75rem !important; + .sm\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .md\:bottom-3 { - bottom: 0.75rem !important; + .sm\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .md\:left-3 { - left: 0.75rem !important; + .sm\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .md\:top-4 { - top: 1rem !important; + .sm\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .md\:right-4 { - right: 1rem !important; + .sm\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .md\:bottom-4 { - bottom: 1rem !important; + .sm\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .md\:left-4 { - left: 1rem !important; + .sm\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .md\:top-5 { - top: 1.25rem !important; + .sm\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .md\:right-5 { - right: 1.25rem !important; + .sm\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .md\:bottom-5 { - bottom: 1.25rem !important; + .sm\:focus\:text-red-50:focus { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .md\:left-5 { - left: 1.25rem !important; + .sm\:focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .md\:top-6 { - top: 1.5rem !important; + .sm\:focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .md\:right-6 { - right: 1.5rem !important; + .sm\:focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .md\:bottom-6 { - bottom: 1.5rem !important; + .sm\:focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .md\:left-6 { - left: 1.5rem !important; + .sm\:focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .md\:top-7 { - top: 1.75rem !important; + .sm\:focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .md\:right-7 { - right: 1.75rem !important; + .sm\:focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .md\:bottom-7 { - bottom: 1.75rem !important; + .sm\:focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .md\:left-7 { - left: 1.75rem !important; + .sm\:focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .md\:top-8 { - top: 2rem !important; + .sm\:focus\:text-yellow-50:focus { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .md\:right-8 { - right: 2rem !important; + .sm\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .md\:bottom-8 { - bottom: 2rem !important; + .sm\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .md\:left-8 { - left: 2rem !important; + .sm\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .md\:top-9 { - top: 2.25rem !important; + .sm\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .md\:right-9 { - right: 2.25rem !important; + .sm\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .md\:bottom-9 { - bottom: 2.25rem !important; + .sm\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .md\:left-9 { - left: 2.25rem !important; + .sm\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .md\:top-10 { - top: 2.5rem !important; + .sm\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .md\:right-10 { - right: 2.5rem !important; + .sm\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .md\:bottom-10 { - bottom: 2.5rem !important; + .sm\:focus\:text-green-50:focus { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .md\:left-10 { - left: 2.5rem !important; + .sm\:focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .md\:top-12 { - top: 3rem !important; + .sm\:focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .md\:right-12 { - right: 3rem !important; + .sm\:focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .md\:bottom-12 { - bottom: 3rem !important; + .sm\:focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .md\:left-12 { - left: 3rem !important; + .sm\:focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .md\:top-14 { - top: 3.5rem !important; + .sm\:focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .md\:right-14 { - right: 3.5rem !important; + .sm\:focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .md\:bottom-14 { - bottom: 3.5rem !important; + .sm\:focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .md\:left-14 { - left: 3.5rem !important; + .sm\:focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .md\:top-16 { - top: 4rem !important; + .sm\:focus\:text-blue-50:focus { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .md\:right-16 { - right: 4rem !important; + .sm\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .md\:bottom-16 { - bottom: 4rem !important; + .sm\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .md\:left-16 { - left: 4rem !important; + .sm\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .md\:top-20 { - top: 5rem !important; + .sm\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .md\:right-20 { - right: 5rem !important; + .sm\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .md\:bottom-20 { - bottom: 5rem !important; + .sm\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .md\:left-20 { - left: 5rem !important; + .sm\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .md\:top-24 { - top: 6rem !important; + .sm\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .md\:right-24 { - right: 6rem !important; + .sm\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .md\:bottom-24 { - bottom: 6rem !important; + .sm\:focus\:text-purple-50:focus { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .md\:left-24 { - left: 6rem !important; + .sm\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .md\:top-28 { - top: 7rem !important; + .sm\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .md\:right-28 { - right: 7rem !important; + .sm\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .md\:bottom-28 { - bottom: 7rem !important; + .sm\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .md\:left-28 { - left: 7rem !important; + .sm\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .md\:top-32 { - top: 8rem !important; + .sm\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .md\:right-32 { - right: 8rem !important; + .sm\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .md\:bottom-32 { - bottom: 8rem !important; + .sm\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .md\:left-32 { - left: 8rem !important; + .sm\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .md\:top-36 { - top: 9rem !important; + .sm\:focus\:text-pink-50:focus { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .md\:right-36 { - right: 9rem !important; + .sm\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .md\:bottom-36 { - bottom: 9rem !important; + .sm\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .md\:left-36 { - left: 9rem !important; + .sm\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .md\:top-40 { - top: 10rem !important; + .sm\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .md\:right-40 { - right: 10rem !important; + .sm\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .md\:bottom-40 { - bottom: 10rem !important; + .sm\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .md\:left-40 { - left: 10rem !important; + .sm\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .md\:top-44 { - top: 11rem !important; + .sm\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .md\:right-44 { - right: 11rem !important; + .sm\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .md\:bottom-44 { - bottom: 11rem !important; + .sm\:text-opacity-0 { + --text-opacity: 0 !important; } - .md\:left-44 { - left: 11rem !important; + .sm\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .md\:top-48 { - top: 12rem !important; + .sm\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .md\:right-48 { - right: 12rem !important; + .sm\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .md\:bottom-48 { - bottom: 12rem !important; + .sm\:text-opacity-100 { + --text-opacity: 1 !important; } - .md\:left-48 { - left: 12rem !important; + .group:hover .sm\:group-hover\:text-opacity-0 { + --text-opacity: 0 !important; } - .md\:top-52 { - top: 13rem !important; + .group:hover .sm\:group-hover\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .md\:right-52 { - right: 13rem !important; + .group:hover .sm\:group-hover\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .md\:bottom-52 { - bottom: 13rem !important; + .group:hover .sm\:group-hover\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .md\:left-52 { - left: 13rem !important; + .group:hover .sm\:group-hover\:text-opacity-100 { + --text-opacity: 1 !important; } - .md\:top-56 { - top: 14rem !important; + .sm\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .md\:right-56 { - right: 14rem !important; + .sm\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .md\:bottom-56 { - bottom: 14rem !important; + .sm\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .md\:left-56 { - left: 14rem !important; + .sm\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .md\:top-60 { - top: 15rem !important; + .sm\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .md\:right-60 { - right: 15rem !important; + .sm\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .md\:bottom-60 { - bottom: 15rem !important; + .sm\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .md\:left-60 { - left: 15rem !important; + .sm\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .md\:top-64 { - top: 16rem !important; + .sm\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .md\:right-64 { - right: 16rem !important; + .sm\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .md\:bottom-64 { - bottom: 16rem !important; + .sm\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .md\:left-64 { - left: 16rem !important; + .sm\:overflow-ellipsis { + text-overflow: ellipsis !important; } - .md\:top-72 { - top: 18rem !important; + .sm\:overflow-clip { + text-overflow: clip !important; } - .md\:right-72 { - right: 18rem !important; + .sm\:italic { + font-style: italic !important; } - .md\:bottom-72 { - bottom: 18rem !important; + .sm\:not-italic { + font-style: normal !important; } - .md\:left-72 { - left: 18rem !important; + .sm\:uppercase { + text-transform: uppercase !important; } - .md\:top-80 { - top: 20rem !important; + .sm\:lowercase { + text-transform: lowercase !important; } - .md\:right-80 { - right: 20rem !important; + .sm\:capitalize { + text-transform: capitalize !important; } - .md\:bottom-80 { - bottom: 20rem !important; + .sm\:normal-case { + text-transform: none !important; } - .md\:left-80 { - left: 20rem !important; + .sm\:underline { + text-decoration: underline !important; } - .md\:top-96 { - top: 24rem !important; + .sm\:line-through { + text-decoration: line-through !important; } - .md\:right-96 { - right: 24rem !important; + .sm\:no-underline { + text-decoration: none !important; } - .md\:bottom-96 { - bottom: 24rem !important; + .sm\:hover\:underline:hover { + text-decoration: underline !important; } - .md\:left-96 { - left: 24rem !important; + .sm\:hover\:line-through:hover { + text-decoration: line-through !important; } - .md\:top-auto { - top: auto !important; + .sm\:hover\:no-underline:hover { + text-decoration: none !important; } - .md\:right-auto { - right: auto !important; + .sm\:focus\:underline:focus { + text-decoration: underline !important; } - .md\:bottom-auto { - bottom: auto !important; + .sm\:focus\:line-through:focus { + text-decoration: line-through !important; } - .md\:left-auto { - left: auto !important; + .sm\:focus\:no-underline:focus { + text-decoration: none !important; } - .md\:top-px { - top: 1px !important; + .sm\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .md\:right-px { - right: 1px !important; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .md\:bottom-px { - bottom: 1px !important; + .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } - .md\:left-px { - left: 1px !important; + .sm\:normal-nums { + font-variant-numeric: normal !important; } - .md\:top-0\.5 { - top: 0.125rem !important; + .sm\:ordinal { + --font-variant-numeric-ordinal: ordinal !important; } - .md\:right-0\.5 { - right: 0.125rem !important; + .sm\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero !important; } - .md\:bottom-0\.5 { - bottom: 0.125rem !important; + .sm\:lining-nums { + --font-variant-numeric-figure: lining-nums !important; } - .md\:left-0\.5 { - left: 0.125rem !important; + .sm\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums !important; } - .md\:top-1\.5 { - top: 0.375rem !important; + .sm\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums !important; } - .md\:right-1\.5 { - right: 0.375rem !important; + .sm\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums !important; } - .md\:bottom-1\.5 { - bottom: 0.375rem !important; + .sm\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions !important; } - .md\:left-1\.5 { - left: 0.375rem !important; + .sm\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions !important; } - .md\:top-2\.5 { - top: 0.625rem !important; + .sm\:tracking-tighter { + letter-spacing: -0.05em !important; } - .md\:right-2\.5 { - right: 0.625rem !important; + .sm\:tracking-tight { + letter-spacing: -0.025em !important; } - .md\:bottom-2\.5 { - bottom: 0.625rem !important; + .sm\:tracking-normal { + letter-spacing: 0 !important; } - .md\:left-2\.5 { - left: 0.625rem !important; + .sm\:tracking-wide { + letter-spacing: 0.025em !important; } - .md\:top-3\.5 { - top: 0.875rem !important; + .sm\:tracking-wider { + letter-spacing: 0.05em !important; } - .md\:right-3\.5 { - right: 0.875rem !important; + .sm\:tracking-widest { + letter-spacing: 0.1em !important; } - .md\:bottom-3\.5 { - bottom: 0.875rem !important; + .sm\:select-none { + user-select: none !important; } - .md\:left-3\.5 { - left: 0.875rem !important; + .sm\:select-text { + user-select: text !important; } - .md\:-top-1 { - top: -0.25rem !important; + .sm\:select-all { + user-select: all !important; } - .md\:-right-1 { - right: -0.25rem !important; + .sm\:select-auto { + user-select: auto !important; } - .md\:-bottom-1 { - bottom: -0.25rem !important; + .sm\:align-baseline { + vertical-align: baseline !important; } - .md\:-left-1 { - left: -0.25rem !important; + .sm\:align-top { + vertical-align: top !important; } - .md\:-top-2 { - top: -0.5rem !important; + .sm\:align-middle { + vertical-align: middle !important; } - .md\:-right-2 { - right: -0.5rem !important; + .sm\:align-bottom { + vertical-align: bottom !important; } - .md\:-bottom-2 { - bottom: -0.5rem !important; + .sm\:align-text-top { + vertical-align: text-top !important; } - .md\:-left-2 { - left: -0.5rem !important; + .sm\:align-text-bottom { + vertical-align: text-bottom !important; } - .md\:-top-3 { - top: -0.75rem !important; + .sm\:visible { + visibility: visible !important; } - .md\:-right-3 { - right: -0.75rem !important; + .sm\:invisible { + visibility: hidden !important; } - .md\:-bottom-3 { - bottom: -0.75rem !important; + .sm\:whitespace-normal { + white-space: normal !important; } - .md\:-left-3 { - left: -0.75rem !important; + .sm\:whitespace-no-wrap { + white-space: nowrap !important; } - .md\:-top-4 { - top: -1rem !important; + .sm\:whitespace-pre { + white-space: pre !important; } - .md\:-right-4 { - right: -1rem !important; + .sm\:whitespace-pre-line { + white-space: pre-line !important; } - .md\:-bottom-4 { - bottom: -1rem !important; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .md\:-left-4 { - left: -1rem !important; + .sm\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .md\:-top-5 { - top: -1.25rem !important; + .sm\:break-words { + overflow-wrap: break-word !important; } - .md\:-right-5 { - right: -1.25rem !important; + .sm\:break-all { + word-break: break-all !important; } - .md\:-bottom-5 { - bottom: -1.25rem !important; + .sm\:w-0 { + width: 0 !important; } - .md\:-left-5 { - left: -1.25rem !important; + .sm\:w-1 { + width: 0.25rem !important; } - .md\:-top-6 { - top: -1.5rem !important; + .sm\:w-2 { + width: 0.5rem !important; } - .md\:-right-6 { - right: -1.5rem !important; + .sm\:w-3 { + width: 0.75rem !important; } - .md\:-bottom-6 { - bottom: -1.5rem !important; + .sm\:w-4 { + width: 1rem !important; } - .md\:-left-6 { - left: -1.5rem !important; + .sm\:w-5 { + width: 1.25rem !important; } - .md\:-top-7 { - top: -1.75rem !important; + .sm\:w-6 { + width: 1.5rem !important; } - .md\:-right-7 { - right: -1.75rem !important; + .sm\:w-7 { + width: 1.75rem !important; } - .md\:-bottom-7 { - bottom: -1.75rem !important; + .sm\:w-8 { + width: 2rem !important; } - .md\:-left-7 { - left: -1.75rem !important; + .sm\:w-9 { + width: 2.25rem !important; } - .md\:-top-8 { - top: -2rem !important; + .sm\:w-10 { + width: 2.5rem !important; } - .md\:-right-8 { - right: -2rem !important; + .sm\:w-12 { + width: 3rem !important; } - .md\:-bottom-8 { - bottom: -2rem !important; + .sm\:w-14 { + width: 3.5rem !important; } - .md\:-left-8 { - left: -2rem !important; + .sm\:w-16 { + width: 4rem !important; } - .md\:-top-9 { - top: -2.25rem !important; + .sm\:w-20 { + width: 5rem !important; } - .md\:-right-9 { - right: -2.25rem !important; + .sm\:w-24 { + width: 6rem !important; } - .md\:-bottom-9 { - bottom: -2.25rem !important; + .sm\:w-28 { + width: 7rem !important; } - .md\:-left-9 { - left: -2.25rem !important; + .sm\:w-32 { + width: 8rem !important; } - .md\:-top-10 { - top: -2.5rem !important; + .sm\:w-36 { + width: 9rem !important; } - .md\:-right-10 { - right: -2.5rem !important; + .sm\:w-40 { + width: 10rem !important; } - .md\:-bottom-10 { - bottom: -2.5rem !important; + .sm\:w-44 { + width: 11rem !important; } - .md\:-left-10 { - left: -2.5rem !important; + .sm\:w-48 { + width: 12rem !important; } - .md\:-top-12 { - top: -3rem !important; + .sm\:w-52 { + width: 13rem !important; } - .md\:-right-12 { - right: -3rem !important; + .sm\:w-56 { + width: 14rem !important; } - .md\:-bottom-12 { - bottom: -3rem !important; + .sm\:w-60 { + width: 15rem !important; } - .md\:-left-12 { - left: -3rem !important; + .sm\:w-64 { + width: 16rem !important; } - .md\:-top-14 { - top: -3.5rem !important; + .sm\:w-72 { + width: 18rem !important; } - .md\:-right-14 { - right: -3.5rem !important; + .sm\:w-80 { + width: 20rem !important; } - .md\:-bottom-14 { - bottom: -3.5rem !important; + .sm\:w-96 { + width: 24rem !important; } - .md\:-left-14 { - left: -3.5rem !important; + .sm\:w-auto { + width: auto !important; } - .md\:-top-16 { - top: -4rem !important; + .sm\:w-px { + width: 1px !important; } - .md\:-right-16 { - right: -4rem !important; + .sm\:w-0\.5 { + width: 0.125rem !important; } - .md\:-bottom-16 { - bottom: -4rem !important; + .sm\:w-1\.5 { + width: 0.375rem !important; } - .md\:-left-16 { - left: -4rem !important; + .sm\:w-2\.5 { + width: 0.625rem !important; } - .md\:-top-20 { - top: -5rem !important; + .sm\:w-3\.5 { + width: 0.875rem !important; } - .md\:-right-20 { - right: -5rem !important; + .sm\:w-1\/2 { + width: 50% !important; } - .md\:-bottom-20 { - bottom: -5rem !important; + .sm\:w-1\/3 { + width: 33.333333% !important; } - .md\:-left-20 { - left: -5rem !important; + .sm\:w-2\/3 { + width: 66.666667% !important; } - .md\:-top-24 { - top: -6rem !important; + .sm\:w-1\/4 { + width: 25% !important; } - .md\:-right-24 { - right: -6rem !important; + .sm\:w-2\/4 { + width: 50% !important; } - .md\:-bottom-24 { - bottom: -6rem !important; + .sm\:w-3\/4 { + width: 75% !important; } - .md\:-left-24 { - left: -6rem !important; + .sm\:w-1\/5 { + width: 20% !important; } - .md\:-top-28 { - top: -7rem !important; + .sm\:w-2\/5 { + width: 40% !important; } - .md\:-right-28 { - right: -7rem !important; + .sm\:w-3\/5 { + width: 60% !important; } - .md\:-bottom-28 { - bottom: -7rem !important; + .sm\:w-4\/5 { + width: 80% !important; } - .md\:-left-28 { - left: -7rem !important; + .sm\:w-1\/6 { + width: 16.666667% !important; } - .md\:-top-32 { - top: -8rem !important; + .sm\:w-2\/6 { + width: 33.333333% !important; } - .md\:-right-32 { - right: -8rem !important; + .sm\:w-3\/6 { + width: 50% !important; } - .md\:-bottom-32 { - bottom: -8rem !important; + .sm\:w-4\/6 { + width: 66.666667% !important; } - .md\:-left-32 { - left: -8rem !important; + .sm\:w-5\/6 { + width: 83.333333% !important; } - .md\:-top-36 { - top: -9rem !important; + .sm\:w-1\/12 { + width: 8.333333% !important; } - .md\:-right-36 { - right: -9rem !important; + .sm\:w-2\/12 { + width: 16.666667% !important; } - .md\:-bottom-36 { - bottom: -9rem !important; + .sm\:w-3\/12 { + width: 25% !important; } - .md\:-left-36 { - left: -9rem !important; + .sm\:w-4\/12 { + width: 33.333333% !important; } - .md\:-top-40 { - top: -10rem !important; + .sm\:w-5\/12 { + width: 41.666667% !important; } - .md\:-right-40 { - right: -10rem !important; + .sm\:w-6\/12 { + width: 50% !important; } - .md\:-bottom-40 { - bottom: -10rem !important; + .sm\:w-7\/12 { + width: 58.333333% !important; } - .md\:-left-40 { - left: -10rem !important; + .sm\:w-8\/12 { + width: 66.666667% !important; } - .md\:-top-44 { - top: -11rem !important; + .sm\:w-9\/12 { + width: 75% !important; } - .md\:-right-44 { - right: -11rem !important; + .sm\:w-10\/12 { + width: 83.333333% !important; } - .md\:-bottom-44 { - bottom: -11rem !important; + .sm\:w-11\/12 { + width: 91.666667% !important; } - .md\:-left-44 { - left: -11rem !important; + .sm\:w-full { + width: 100% !important; } - .md\:-top-48 { - top: -12rem !important; + .sm\:w-screen { + width: 100vw !important; } - .md\:-right-48 { - right: -12rem !important; + .sm\:w-min { + width: min-content !important; } - .md\:-bottom-48 { - bottom: -12rem !important; + .sm\:w-max { + width: max-content !important; } - .md\:-left-48 { - left: -12rem !important; + .sm\:z-0 { + z-index: 0 !important; } - .md\:-top-52 { - top: -13rem !important; + .sm\:z-10 { + z-index: 10 !important; } - .md\:-right-52 { - right: -13rem !important; + .sm\:z-20 { + z-index: 20 !important; } - .md\:-bottom-52 { - bottom: -13rem !important; + .sm\:z-30 { + z-index: 30 !important; } - .md\:-left-52 { - left: -13rem !important; + .sm\:z-40 { + z-index: 40 !important; } - .md\:-top-56 { - top: -14rem !important; + .sm\:z-50 { + z-index: 50 !important; } - .md\:-right-56 { - right: -14rem !important; + .sm\:z-auto { + z-index: auto !important; } - .md\:-bottom-56 { - bottom: -14rem !important; + .sm\:focus\:z-0:focus { + z-index: 0 !important; } - .md\:-left-56 { - left: -14rem !important; + .sm\:focus\:z-10:focus { + z-index: 10 !important; } - .md\:-top-60 { - top: -15rem !important; + .sm\:focus\:z-20:focus { + z-index: 20 !important; } - .md\:-right-60 { - right: -15rem !important; + .sm\:focus\:z-30:focus { + z-index: 30 !important; } - .md\:-bottom-60 { - bottom: -15rem !important; + .sm\:focus\:z-40:focus { + z-index: 40 !important; } - .md\:-left-60 { - left: -15rem !important; + .sm\:focus\:z-50:focus { + z-index: 50 !important; } - .md\:-top-64 { - top: -16rem !important; + .sm\:focus\:z-auto:focus { + z-index: auto !important; } - .md\:-right-64 { - right: -16rem !important; + .sm\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; } - .md\:-bottom-64 { - bottom: -16rem !important; + .sm\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; } - .md\:-left-64 { - left: -16rem !important; + .sm\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; } - .md\:-top-72 { - top: -18rem !important; + .sm\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; } - .md\:-right-72 { - right: -18rem !important; + .sm\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; } - .md\:-bottom-72 { - bottom: -18rem !important; + .sm\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; } - .md\:-left-72 { - left: -18rem !important; + .sm\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; } - .md\:-top-80 { - top: -20rem !important; + .sm\:gap-7 { + grid-gap: 1.75rem !important; + gap: 1.75rem !important; } - .md\:-right-80 { - right: -20rem !important; + .sm\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; } - .md\:-bottom-80 { - bottom: -20rem !important; + .sm\:gap-9 { + grid-gap: 2.25rem !important; + gap: 2.25rem !important; } - .md\:-left-80 { - left: -20rem !important; + .sm\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; } - .md\:-top-96 { - top: -24rem !important; + .sm\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; } - .md\:-right-96 { - right: -24rem !important; + .sm\:gap-14 { + grid-gap: 3.5rem !important; + gap: 3.5rem !important; } - .md\:-bottom-96 { - bottom: -24rem !important; + .sm\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; } - .md\:-left-96 { - left: -24rem !important; + .sm\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; } - .md\:-top-px { - top: -1px !important; + .sm\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; } - .md\:-right-px { - right: -1px !important; + .sm\:gap-28 { + grid-gap: 7rem !important; + gap: 7rem !important; } - .md\:-bottom-px { - bottom: -1px !important; + .sm\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; } - .md\:-left-px { - left: -1px !important; + .sm\:gap-36 { + grid-gap: 9rem !important; + gap: 9rem !important; } - .md\:-top-0\.5 { - top: -0.125rem !important; + .sm\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; } - .md\:-right-0\.5 { - right: -0.125rem !important; + .sm\:gap-44 { + grid-gap: 11rem !important; + gap: 11rem !important; } - .md\:-bottom-0\.5 { - bottom: -0.125rem !important; + .sm\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; } - .md\:-left-0\.5 { - left: -0.125rem !important; + .sm\:gap-52 { + grid-gap: 13rem !important; + gap: 13rem !important; } - .md\:-top-1\.5 { - top: -0.375rem !important; + .sm\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; } - .md\:-right-1\.5 { - right: -0.375rem !important; + .sm\:gap-60 { + grid-gap: 15rem !important; + gap: 15rem !important; } - .md\:-bottom-1\.5 { - bottom: -0.375rem !important; + .sm\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; } - .md\:-left-1\.5 { - left: -0.375rem !important; + .sm\:gap-72 { + grid-gap: 18rem !important; + gap: 18rem !important; } - .md\:-top-2\.5 { - top: -0.625rem !important; + .sm\:gap-80 { + grid-gap: 20rem !important; + gap: 20rem !important; } - .md\:-right-2\.5 { - right: -0.625rem !important; + .sm\:gap-96 { + grid-gap: 24rem !important; + gap: 24rem !important; } - .md\:-bottom-2\.5 { - bottom: -0.625rem !important; + .sm\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; } - .md\:-left-2\.5 { - left: -0.625rem !important; + .sm\:gap-0\.5 { + grid-gap: 0.125rem !important; + gap: 0.125rem !important; } - .md\:-top-3\.5 { - top: -0.875rem !important; + .sm\:gap-1\.5 { + grid-gap: 0.375rem !important; + gap: 0.375rem !important; } - .md\:-right-3\.5 { - right: -0.875rem !important; + .sm\:gap-2\.5 { + grid-gap: 0.625rem !important; + gap: 0.625rem !important; } - .md\:-bottom-3\.5 { - bottom: -0.875rem !important; + .sm\:gap-3\.5 { + grid-gap: 0.875rem !important; + gap: 0.875rem !important; } - .md\:-left-3\.5 { - left: -0.875rem !important; + .sm\:gap-x-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; } - .md\:top-1\/2 { - top: 50% !important; + .sm\:gap-x-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } - .md\:right-1\/2 { - right: 50% !important; + .sm\:gap-x-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } - .md\:bottom-1\/2 { - bottom: 50% !important; + .sm\:gap-x-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; } - .md\:left-1\/2 { - left: 50% !important; + .sm\:gap-x-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; } - .md\:top-1\/3 { - top: 33.333333% !important; + .sm\:gap-x-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; } - .md\:right-1\/3 { - right: 33.333333% !important; + .sm\:gap-x-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } - .md\:bottom-1\/3 { - bottom: 33.333333% !important; + .sm\:gap-x-7 { + grid-column-gap: 1.75rem !important; + column-gap: 1.75rem !important; } - .md\:left-1\/3 { - left: 33.333333% !important; + .sm\:gap-x-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; } - .md\:top-2\/3 { - top: 66.666667% !important; + .sm\:gap-x-9 { + grid-column-gap: 2.25rem !important; + column-gap: 2.25rem !important; } - .md\:right-2\/3 { - right: 66.666667% !important; + .sm\:gap-x-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; } - .md\:bottom-2\/3 { - bottom: 66.666667% !important; + .sm\:gap-x-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; } - .md\:left-2\/3 { - left: 66.666667% !important; + .sm\:gap-x-14 { + grid-column-gap: 3.5rem !important; + column-gap: 3.5rem !important; } - .md\:top-1\/4 { - top: 25% !important; + .sm\:gap-x-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; } - .md\:right-1\/4 { - right: 25% !important; + .sm\:gap-x-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; } - .md\:bottom-1\/4 { - bottom: 25% !important; + .sm\:gap-x-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; } - .md\:left-1\/4 { - left: 25% !important; + .sm\:gap-x-28 { + grid-column-gap: 7rem !important; + column-gap: 7rem !important; } - - .md\:top-2\/4 { - top: 50% !important; + + .sm\:gap-x-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; } - .md\:right-2\/4 { - right: 50% !important; + .sm\:gap-x-36 { + grid-column-gap: 9rem !important; + column-gap: 9rem !important; } - .md\:bottom-2\/4 { - bottom: 50% !important; + .sm\:gap-x-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; } - .md\:left-2\/4 { - left: 50% !important; + .sm\:gap-x-44 { + grid-column-gap: 11rem !important; + column-gap: 11rem !important; } - .md\:top-3\/4 { - top: 75% !important; + .sm\:gap-x-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; } - .md\:right-3\/4 { - right: 75% !important; + .sm\:gap-x-52 { + grid-column-gap: 13rem !important; + column-gap: 13rem !important; } - .md\:bottom-3\/4 { - bottom: 75% !important; + .sm\:gap-x-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; } - .md\:left-3\/4 { - left: 75% !important; + .sm\:gap-x-60 { + grid-column-gap: 15rem !important; + column-gap: 15rem !important; } - .md\:top-full { - top: 100% !important; + .sm\:gap-x-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; } - .md\:right-full { - right: 100% !important; + .sm\:gap-x-72 { + grid-column-gap: 18rem !important; + column-gap: 18rem !important; } - .md\:bottom-full { - bottom: 100% !important; + .sm\:gap-x-80 { + grid-column-gap: 20rem !important; + column-gap: 20rem !important; } - .md\:left-full { - left: 100% !important; + .sm\:gap-x-96 { + grid-column-gap: 24rem !important; + column-gap: 24rem !important; } - .md\:-top-1\/2 { - top: -50% !important; + .sm\:gap-x-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; } - .md\:-right-1\/2 { - right: -50% !important; + .sm\:gap-x-0\.5 { + grid-column-gap: 0.125rem !important; + column-gap: 0.125rem !important; } - .md\:-bottom-1\/2 { - bottom: -50% !important; + .sm\:gap-x-1\.5 { + grid-column-gap: 0.375rem !important; + column-gap: 0.375rem !important; } - .md\:-left-1\/2 { - left: -50% !important; + .sm\:gap-x-2\.5 { + grid-column-gap: 0.625rem !important; + column-gap: 0.625rem !important; } - .md\:-top-1\/3 { - top: -33.333333% !important; + .sm\:gap-x-3\.5 { + grid-column-gap: 0.875rem !important; + column-gap: 0.875rem !important; } - .md\:-right-1\/3 { - right: -33.333333% !important; + .sm\:gap-y-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; } - .md\:-bottom-1\/3 { - bottom: -33.333333% !important; + .sm\:gap-y-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; } - .md\:-left-1\/3 { - left: -33.333333% !important; + .sm\:gap-y-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; } - .md\:-top-2\/3 { - top: -66.666667% !important; + .sm\:gap-y-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; } - .md\:-right-2\/3 { - right: -66.666667% !important; + .sm\:gap-y-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; } - .md\:-bottom-2\/3 { - bottom: -66.666667% !important; + .sm\:gap-y-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; } - .md\:-left-2\/3 { - left: -66.666667% !important; + .sm\:gap-y-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; } - .md\:-top-1\/4 { - top: -25% !important; + .sm\:gap-y-7 { + grid-row-gap: 1.75rem !important; + row-gap: 1.75rem !important; } - .md\:-right-1\/4 { - right: -25% !important; + .sm\:gap-y-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; } - .md\:-bottom-1\/4 { - bottom: -25% !important; + .sm\:gap-y-9 { + grid-row-gap: 2.25rem !important; + row-gap: 2.25rem !important; } - .md\:-left-1\/4 { - left: -25% !important; + .sm\:gap-y-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; } - .md\:-top-2\/4 { - top: -50% !important; + .sm\:gap-y-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; } - .md\:-right-2\/4 { - right: -50% !important; + .sm\:gap-y-14 { + grid-row-gap: 3.5rem !important; + row-gap: 3.5rem !important; } - .md\:-bottom-2\/4 { - bottom: -50% !important; + .sm\:gap-y-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; } - .md\:-left-2\/4 { - left: -50% !important; + .sm\:gap-y-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; } - .md\:-top-3\/4 { - top: -75% !important; + .sm\:gap-y-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; } - .md\:-right-3\/4 { - right: -75% !important; + .sm\:gap-y-28 { + grid-row-gap: 7rem !important; + row-gap: 7rem !important; } - .md\:-bottom-3\/4 { - bottom: -75% !important; + .sm\:gap-y-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; } - .md\:-left-3\/4 { - left: -75% !important; + .sm\:gap-y-36 { + grid-row-gap: 9rem !important; + row-gap: 9rem !important; } - .md\:-top-full { - top: -100% !important; + .sm\:gap-y-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; } - .md\:-right-full { - right: -100% !important; + .sm\:gap-y-44 { + grid-row-gap: 11rem !important; + row-gap: 11rem !important; } - .md\:-bottom-full { - bottom: -100% !important; + .sm\:gap-y-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; } - .md\:-left-full { - left: -100% !important; + .sm\:gap-y-52 { + grid-row-gap: 13rem !important; + row-gap: 13rem !important; } - .md\:resize-none { - resize: none !important; + .sm\:gap-y-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; } - .md\:resize-y { - resize: vertical !important; + .sm\:gap-y-60 { + grid-row-gap: 15rem !important; + row-gap: 15rem !important; } - .md\:resize-x { - resize: horizontal !important; + .sm\:gap-y-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; } - .md\:resize { - resize: both !important; + .sm\:gap-y-72 { + grid-row-gap: 18rem !important; + row-gap: 18rem !important; } - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .sm\:gap-y-80 { + grid-row-gap: 20rem !important; + row-gap: 20rem !important; } - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .sm\:gap-y-96 { + grid-row-gap: 24rem !important; + row-gap: 24rem !important; } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:gap-y-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; } - .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) !important; + .sm\:gap-y-0\.5 { + grid-row-gap: 0.125rem !important; + row-gap: 0.125rem !important; } - .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) !important; + .sm\:gap-y-1\.5 { + grid-row-gap: 0.375rem !important; + row-gap: 0.375rem !important; } - .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) !important; + .sm\:gap-y-2\.5 { + grid-row-gap: 0.625rem !important; + row-gap: 0.625rem !important; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .sm\:gap-y-3\.5 { + grid-row-gap: 0.875rem !important; + row-gap: 0.875rem !important; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:grid-flow-row { + grid-auto-flow: row !important; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .sm\:grid-flow-col { + grid-auto-flow: column !important; } - .md\:shadow-none { - box-shadow: none !important; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense !important; } - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense !important; } - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } - .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) !important; + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } - .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) !important; + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } - .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) !important; + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } - .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) !important; + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } - .md\:hover\:shadow-none:hover { - box-shadow: none !important; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } - .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) !important; + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } - .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) !important; + .sm\:grid-cols-none { + grid-template-columns: none !important; } - .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) !important; + .sm\:auto-cols-auto { + grid-auto-columns: auto !important; } - .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) !important; + .sm\:auto-cols-min { + grid-auto-columns: min-content !important; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .sm\:auto-cols-max { + grid-auto-columns: max-content !important; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .sm\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr) !important; } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .sm\:col-auto { + grid-column: auto !important; } - .md\:focus\:shadow-none:focus { - box-shadow: none !important; + .sm\:col-span-1 { + grid-column: span 1 / span 1 !important; } - .md\:fill-current { - fill: currentColor !important; + .sm\:col-span-2 { + grid-column: span 2 / span 2 !important; } - .md\:stroke-current { - stroke: currentColor !important; + .sm\:col-span-3 { + grid-column: span 3 / span 3 !important; } - .md\:stroke-0 { - stroke-width: 0 !important; + .sm\:col-span-4 { + grid-column: span 4 / span 4 !important; } - .md\:stroke-1 { - stroke-width: 1 !important; + .sm\:col-span-5 { + grid-column: span 5 / span 5 !important; } - .md\:stroke-2 { - stroke-width: 2 !important; + .sm\:col-span-6 { + grid-column: span 6 / span 6 !important; } - .md\:table-auto { - table-layout: auto !important; + .sm\:col-span-7 { + grid-column: span 7 / span 7 !important; } - .md\:table-fixed { - table-layout: fixed !important; + .sm\:col-span-8 { + grid-column: span 8 / span 8 !important; } - .md\:text-left { - text-align: left !important; + .sm\:col-span-9 { + grid-column: span 9 / span 9 !important; } - .md\:text-center { - text-align: center !important; + .sm\:col-span-10 { + grid-column: span 10 / span 10 !important; } - .md\:text-right { - text-align: right !important; + .sm\:col-span-11 { + grid-column: span 11 / span 11 !important; } - .md\:text-justify { - text-align: justify !important; + .sm\:col-span-12 { + grid-column: span 12 / span 12 !important; } - .md\:text-transparent { - color: transparent !important; + .sm\:col-span-full { + grid-column: 1 / -1 !important; } - .md\:text-current { - color: currentColor !important; + .sm\:col-start-1 { + grid-column-start: 1 !important; } - .md\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .sm\:col-start-2 { + grid-column-start: 2 !important; } - .md\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .sm\:col-start-3 { + grid-column-start: 3 !important; } - .md\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .sm\:col-start-4 { + grid-column-start: 4 !important; } - .md\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .sm\:col-start-5 { + grid-column-start: 5 !important; } - .md\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .sm\:col-start-6 { + grid-column-start: 6 !important; } - .md\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .sm\:col-start-7 { + grid-column-start: 7 !important; } - .md\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .sm\:col-start-8 { + grid-column-start: 8 !important; } - .md\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .sm\:col-start-9 { + grid-column-start: 9 !important; } - .md\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .sm\:col-start-10 { + grid-column-start: 10 !important; } - .md\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .sm\:col-start-11 { + grid-column-start: 11 !important; } - .md\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .sm\:col-start-12 { + grid-column-start: 12 !important; } - .md\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .sm\:col-start-13 { + grid-column-start: 13 !important; } - .md\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .sm\:col-start-auto { + grid-column-start: auto !important; } - .md\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .sm\:col-end-1 { + grid-column-end: 1 !important; } - .md\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .sm\:col-end-2 { + grid-column-end: 2 !important; } - .md\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .sm\:col-end-3 { + grid-column-end: 3 !important; } - .md\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .sm\:col-end-4 { + grid-column-end: 4 !important; } - .md\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .sm\:col-end-5 { + grid-column-end: 5 !important; } - .md\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .sm\:col-end-6 { + grid-column-end: 6 !important; } - .md\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .sm\:col-end-7 { + grid-column-end: 7 !important; } - .md\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .sm\:col-end-8 { + grid-column-end: 8 !important; } - .md\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .sm\:col-end-9 { + grid-column-end: 9 !important; } - .md\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .sm\:col-end-10 { + grid-column-end: 10 !important; } - .md\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .sm\:col-end-11 { + grid-column-end: 11 !important; } - .md\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .sm\:col-end-12 { + grid-column-end: 12 !important; } - .md\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .sm\:col-end-13 { + grid-column-end: 13 !important; } - .md\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .sm\:col-end-auto { + grid-column-end: auto !important; } - .md\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } - .md\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } - .md\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } - .md\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } - .md\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } - .md\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } - .md\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .sm\:grid-rows-none { + grid-template-rows: none !important; } - .md\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .sm\:auto-rows-auto { + grid-auto-rows: auto !important; } - .md\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .sm\:auto-rows-min { + grid-auto-rows: min-content !important; } - .md\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .sm\:auto-rows-max { + grid-auto-rows: max-content !important; } - .md\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .sm\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr) !important; } - .md\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .sm\:row-auto { + grid-row: auto !important; } - .md\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .sm\:row-span-1 { + grid-row: span 1 / span 1 !important; } - .md\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .sm\:row-span-2 { + grid-row: span 2 / span 2 !important; } - .md\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .sm\:row-span-3 { + grid-row: span 3 / span 3 !important; } - .md\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .sm\:row-span-4 { + grid-row: span 4 / span 4 !important; } - .md\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .sm\:row-span-5 { + grid-row: span 5 / span 5 !important; } - .md\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .sm\:row-span-6 { + grid-row: span 6 / span 6 !important; } - .md\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .sm\:row-span-full { + grid-row: 1 / -1 !important; } - .md\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .sm\:row-start-1 { + grid-row-start: 1 !important; } - .md\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .sm\:row-start-2 { + grid-row-start: 2 !important; } - .md\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .sm\:row-start-3 { + grid-row-start: 3 !important; } - .md\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .sm\:row-start-4 { + grid-row-start: 4 !important; } - .md\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .sm\:row-start-5 { + grid-row-start: 5 !important; } - .md\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .sm\:row-start-6 { + grid-row-start: 6 !important; } - .md\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .sm\:row-start-7 { + grid-row-start: 7 !important; } - .md\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .sm\:row-start-auto { + grid-row-start: auto !important; } - .md\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .sm\:row-end-1 { + grid-row-end: 1 !important; } - .md\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .sm\:row-end-2 { + grid-row-end: 2 !important; } - .md\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .sm\:row-end-3 { + grid-row-end: 3 !important; } - .md\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .sm\:row-end-4 { + grid-row-end: 4 !important; } - .md\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .sm\:row-end-5 { + grid-row-end: 5 !important; } - .md\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .sm\:row-end-6 { + grid-row-end: 6 !important; } - .md\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .sm\:row-end-7 { + grid-row-end: 7 !important; } - .md\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .sm\:row-end-auto { + grid-row-end: auto !important; } - .md\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .sm\:transform { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + 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)) !important; } - .md\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .sm\:transform-gpu { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; } - .md\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .sm\:transform-none { + transform: none !important; } - .md\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .sm\:origin-center { + transform-origin: center !important; } - .md\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .sm\:origin-top { + transform-origin: top !important; } - .md\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .sm\:origin-top-right { + transform-origin: top right !important; } - .md\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .sm\:origin-right { + transform-origin: right !important; } - .md\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .sm\:origin-bottom-right { + transform-origin: bottom right !important; } - .md\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .sm\:origin-bottom { + transform-origin: bottom !important; } - .md\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .sm\:origin-bottom-left { + transform-origin: bottom left !important; } - .group:hover .md\:group-hover\:text-transparent { - color: transparent !important; + .sm\:origin-left { + transform-origin: left !important; } - .group:hover .md\:group-hover\:text-current { - color: currentColor !important; + .sm\:origin-top-left { + transform-origin: top left !important; } - .group:hover .md\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .sm\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .group:hover .md\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .sm\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .group:hover .md\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .sm\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .group:hover .md\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .sm\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .group:hover .md\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .sm\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .group:hover .md\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .sm\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .group:hover .md\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .sm\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .group:hover .md\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .sm\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .group:hover .md\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .sm\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .group:hover .md\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .sm\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .group:hover .md\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .sm\:scale-x-0 { + --transform-scale-x: 0 !important; } - .group:hover .md\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .sm\:scale-x-50 { + --transform-scale-x: .5 !important; } - .group:hover .md\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .sm\:scale-x-75 { + --transform-scale-x: .75 !important; } - .group:hover .md\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .sm\:scale-x-90 { + --transform-scale-x: .9 !important; } - .group:hover .md\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .sm\:scale-x-95 { + --transform-scale-x: .95 !important; } - .group:hover .md\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .sm\:scale-x-100 { + --transform-scale-x: 1 !important; } - .group:hover .md\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .sm\:scale-x-105 { + --transform-scale-x: 1.05 !important; } - .group:hover .md\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .sm\:scale-x-110 { + --transform-scale-x: 1.1 !important; } - .group:hover .md\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .sm\:scale-x-125 { + --transform-scale-x: 1.25 !important; } - .group:hover .md\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .sm\:scale-x-150 { + --transform-scale-x: 1.5 !important; } - .group:hover .md\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .sm\:scale-y-0 { + --transform-scale-y: 0 !important; } - .group:hover .md\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .sm\:scale-y-50 { + --transform-scale-y: .5 !important; } - .group:hover .md\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .sm\:scale-y-75 { + --transform-scale-y: .75 !important; } - .group:hover .md\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .sm\:scale-y-90 { + --transform-scale-y: .9 !important; } - .group:hover .md\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .sm\:scale-y-95 { + --transform-scale-y: .95 !important; } - .group:hover .md\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .sm\:scale-y-100 { + --transform-scale-y: 1 !important; } - .group:hover .md\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .sm\:scale-y-105 { + --transform-scale-y: 1.05 !important; } - .group:hover .md\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .sm\:scale-y-110 { + --transform-scale-y: 1.1 !important; } - .group:hover .md\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .sm\:scale-y-125 { + --transform-scale-y: 1.25 !important; } - .group:hover .md\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .sm\:scale-y-150 { + --transform-scale-y: 1.5 !important; } - .group:hover .md\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .group:hover .md\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .group:hover .md\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .group:hover .md\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .group:hover .md\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .group:hover .md\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .group:hover .md\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .group:hover .md\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .group:hover .md\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .group:hover .md\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .group:hover .md\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; } - .group:hover .md\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; } - .group:hover .md\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; } - .group:hover .md\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; } - .group:hover .md\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; } - .group:hover .md\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; } - .group:hover .md\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; } - .group:hover .md\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; } - .group:hover .md\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; } - .group:hover .md\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; } - .group:hover .md\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; } - .group:hover .md\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; } - .group:hover .md\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; } - .group:hover .md\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; } - .group:hover .md\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; } - .group:hover .md\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; } - .group:hover .md\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; } - .group:hover .md\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; } - .group:hover .md\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; } - .group:hover .md\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; } - .group:hover .md\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .group:hover .md\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .group:hover .md\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .group:hover .md\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .group:hover .md\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .group:hover .md\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .group:hover .md\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .group:hover .md\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .group:hover .md\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .group:hover .md\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .group:hover .md\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; } - .group:hover .md\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; } - .md\:hover\:text-transparent:hover { - color: transparent !important; + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; } - .md\:hover\:text-current:hover { - color: currentColor !important; + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; } - .md\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; } - .md\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; } - .md\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; } - .md\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; } - .md\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; } - .md\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; } - .md\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; } - .md\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; } - .md\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; } - .md\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; } - .md\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; } - .md\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; } - .md\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; } - .md\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; } - .md\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; } - .md\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; } - .md\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .sm\:rotate-0 { + --transform-rotate: 0 !important; } - .md\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .sm\:rotate-1 { + --transform-rotate: 1deg !important; } - .md\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .sm\:rotate-2 { + --transform-rotate: 2deg !important; } - .md\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .sm\:rotate-3 { + --transform-rotate: 3deg !important; } - .md\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .sm\:rotate-6 { + --transform-rotate: 6deg !important; } - .md\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .sm\:rotate-12 { + --transform-rotate: 12deg !important; } - .md\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .sm\:rotate-45 { + --transform-rotate: 45deg !important; } - .md\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .sm\:rotate-90 { + --transform-rotate: 90deg !important; } - .md\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .sm\:rotate-180 { + --transform-rotate: 180deg !important; } - .md\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .sm\:-rotate-180 { + --transform-rotate: -180deg !important; } - .md\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .sm\:-rotate-90 { + --transform-rotate: -90deg !important; } - .md\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .sm\:-rotate-45 { + --transform-rotate: -45deg !important; } - .md\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .sm\:-rotate-12 { + --transform-rotate: -12deg !important; } - .md\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .sm\:-rotate-6 { + --transform-rotate: -6deg !important; } - .md\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .sm\:-rotate-3 { + --transform-rotate: -3deg !important; } - .md\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .sm\:-rotate-2 { + --transform-rotate: -2deg !important; } - .md\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .sm\:-rotate-1 { + --transform-rotate: -1deg !important; } - .md\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; } - .md\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .sm\:hover\:rotate-1:hover { + --transform-rotate: 1deg !important; } - .md\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .sm\:hover\:rotate-2:hover { + --transform-rotate: 2deg !important; } - .md\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .sm\:hover\:rotate-3:hover { + --transform-rotate: 3deg !important; } - .md\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .sm\:hover\:rotate-6:hover { + --transform-rotate: 6deg !important; } - .md\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .sm\:hover\:rotate-12:hover { + --transform-rotate: 12deg !important; } - .md\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; } - .md\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; } - .md\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; } - .md\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; } - .md\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; } - .md\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; } - .md\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .sm\:hover\:-rotate-12:hover { + --transform-rotate: -12deg !important; } - .md\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .sm\:hover\:-rotate-6:hover { + --transform-rotate: -6deg !important; } - .md\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .sm\:hover\:-rotate-3:hover { + --transform-rotate: -3deg !important; } - .md\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .sm\:hover\:-rotate-2:hover { + --transform-rotate: -2deg !important; } - .md\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .sm\:hover\:-rotate-1:hover { + --transform-rotate: -1deg !important; } - .md\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; } - .md\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .sm\:focus\:rotate-1:focus { + --transform-rotate: 1deg !important; } - .md\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .sm\:focus\:rotate-2:focus { + --transform-rotate: 2deg !important; } - .md\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .sm\:focus\:rotate-3:focus { + --transform-rotate: 3deg !important; } - .md\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .sm\:focus\:rotate-6:focus { + --transform-rotate: 6deg !important; } - .md\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .sm\:focus\:rotate-12:focus { + --transform-rotate: 12deg !important; } - .md\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; } - .md\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; } - .md\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; } - .md\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; } - .md\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; } - .md\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; } - .md\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .sm\:focus\:-rotate-12:focus { + --transform-rotate: -12deg !important; } - .md\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .sm\:focus\:-rotate-6:focus { + --transform-rotate: -6deg !important; } - .md\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .sm\:focus\:-rotate-3:focus { + --transform-rotate: -3deg !important; } - .md\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .sm\:focus\:-rotate-2:focus { + --transform-rotate: -2deg !important; } - .md\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .sm\:focus\:-rotate-1:focus { + --transform-rotate: -1deg !important; } - .md\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .sm\:translate-x-0 { + --transform-translate-x: 0 !important; } - .md\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem !important; } - .md\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem !important; } - .md\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem !important; } - .md\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .sm\:translate-x-4 { + --transform-translate-x: 1rem !important; } - .md\:focus\:text-transparent:focus { - color: transparent !important; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem !important; } - .md\:focus\:text-current:focus { - color: currentColor !important; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem !important; } - .md\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .sm\:translate-x-7 { + --transform-translate-x: 1.75rem !important; } - .md\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .sm\:translate-x-8 { + --transform-translate-x: 2rem !important; } - .md\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .sm\:translate-x-9 { + --transform-translate-x: 2.25rem !important; } - .md\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem !important; } - .md\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .sm\:translate-x-12 { + --transform-translate-x: 3rem !important; } - .md\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .sm\:translate-x-14 { + --transform-translate-x: 3.5rem !important; } - .md\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .sm\:translate-x-16 { + --transform-translate-x: 4rem !important; } - .md\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .sm\:translate-x-20 { + --transform-translate-x: 5rem !important; } - .md\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .sm\:translate-x-24 { + --transform-translate-x: 6rem !important; } - .md\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .sm\:translate-x-28 { + --transform-translate-x: 7rem !important; } - .md\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .sm\:translate-x-32 { + --transform-translate-x: 8rem !important; } - .md\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .sm\:translate-x-36 { + --transform-translate-x: 9rem !important; } - .md\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .sm\:translate-x-40 { + --transform-translate-x: 10rem !important; } - .md\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .sm\:translate-x-44 { + --transform-translate-x: 11rem !important; } - .md\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .sm\:translate-x-48 { + --transform-translate-x: 12rem !important; } - .md\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .sm\:translate-x-52 { + --transform-translate-x: 13rem !important; } - .md\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .sm\:translate-x-56 { + --transform-translate-x: 14rem !important; } - .md\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .sm\:translate-x-60 { + --transform-translate-x: 15rem !important; } - .md\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .sm\:translate-x-64 { + --transform-translate-x: 16rem !important; } - .md\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .sm\:translate-x-72 { + --transform-translate-x: 18rem !important; } - .md\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .sm\:translate-x-80 { + --transform-translate-x: 20rem !important; } - .md\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .sm\:translate-x-96 { + --transform-translate-x: 24rem !important; } - .md\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .sm\:translate-x-px { + --transform-translate-x: 1px !important; } - .md\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .sm\:translate-x-0\.5 { + --transform-translate-x: 0.125rem !important; } - .md\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .sm\:translate-x-1\.5 { + --transform-translate-x: 0.375rem !important; } - .md\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .sm\:translate-x-2\.5 { + --transform-translate-x: 0.625rem !important; } - .md\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .sm\:translate-x-3\.5 { + --transform-translate-x: 0.875rem !important; } - .md\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; } - .md\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; } - .md\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; } - .md\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .sm\:-translate-x-4 { + --transform-translate-x: -1rem !important; } - .md\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; } - .md\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; } - .md\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .sm\:-translate-x-7 { + --transform-translate-x: -1.75rem !important; } - .md\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .sm\:-translate-x-8 { + --transform-translate-x: -2rem !important; } - .md\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .sm\:-translate-x-9 { + --transform-translate-x: -2.25rem !important; } - .md\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; } - .md\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .sm\:-translate-x-12 { + --transform-translate-x: -3rem !important; } - .md\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .sm\:-translate-x-14 { + --transform-translate-x: -3.5rem !important; } - .md\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .sm\:-translate-x-16 { + --transform-translate-x: -4rem !important; } - .md\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .sm\:-translate-x-20 { + --transform-translate-x: -5rem !important; } - .md\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .sm\:-translate-x-24 { + --transform-translate-x: -6rem !important; } - .md\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .sm\:-translate-x-28 { + --transform-translate-x: -7rem !important; } - .md\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .sm\:-translate-x-32 { + --transform-translate-x: -8rem !important; } - .md\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .sm\:-translate-x-36 { + --transform-translate-x: -9rem !important; } - .md\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .sm\:-translate-x-40 { + --transform-translate-x: -10rem !important; } - .md\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .sm\:-translate-x-44 { + --transform-translate-x: -11rem !important; } - .md\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .sm\:-translate-x-48 { + --transform-translate-x: -12rem !important; } - .md\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .sm\:-translate-x-52 { + --transform-translate-x: -13rem !important; } - .md\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .sm\:-translate-x-56 { + --transform-translate-x: -14rem !important; } - .md\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .sm\:-translate-x-60 { + --transform-translate-x: -15rem !important; } - .md\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .sm\:-translate-x-64 { + --transform-translate-x: -16rem !important; } - .md\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .sm\:-translate-x-72 { + --transform-translate-x: -18rem !important; } - .md\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .sm\:-translate-x-80 { + --transform-translate-x: -20rem !important; } - .md\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .sm\:-translate-x-96 { + --transform-translate-x: -24rem !important; } - .md\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .sm\:-translate-x-px { + --transform-translate-x: -1px !important; } - .md\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .sm\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem !important; } - .md\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .sm\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem !important; } - .md\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .sm\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem !important; } - .md\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .sm\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem !important; } - .md\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .sm\:translate-x-1\/2 { + --transform-translate-x: 50% !important; } - .md\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .sm\:translate-x-1\/3 { + --transform-translate-x: 33.333333% !important; } - .md\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .sm\:translate-x-2\/3 { + --transform-translate-x: 66.666667% !important; } - .md\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .sm\:translate-x-1\/4 { + --transform-translate-x: 25% !important; } - .md\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .sm\:translate-x-2\/4 { + --transform-translate-x: 50% !important; } - .md\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .sm\:translate-x-3\/4 { + --transform-translate-x: 75% !important; } - .md\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .sm\:translate-x-full { + --transform-translate-x: 100% !important; } - .md\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50% !important; } - .md\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .sm\:-translate-x-1\/3 { + --transform-translate-x: -33.333333% !important; } - .md\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .sm\:-translate-x-2\/3 { + --transform-translate-x: -66.666667% !important; } - .md\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .sm\:-translate-x-1\/4 { + --transform-translate-x: -25% !important; } - .md\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .sm\:-translate-x-2\/4 { + --transform-translate-x: -50% !important; } - @media (prefers-color-scheme: dark) { - .md\:dark\:text-transparent { - color: transparent !important; - } - - .md\:dark\:text-current { - color: currentColor !important; - } + .sm\:-translate-x-3\/4 { + --transform-translate-x: -75% !important; + } - .md\:dark\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .sm\:-translate-x-full { + --transform-translate-x: -100% !important; + } - .md\:dark\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .sm\:translate-y-0 { + --transform-translate-y: 0 !important; + } - .md\:dark\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem !important; + } - .md\:dark\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem !important; + } - .md\:dark\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem !important; + } - .md\:dark\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .sm\:translate-y-4 { + --transform-translate-y: 1rem !important; + } - .md\:dark\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem !important; + } - .md\:dark\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem !important; + } - .md\:dark\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .sm\:translate-y-7 { + --transform-translate-y: 1.75rem !important; + } - .md\:dark\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .sm\:translate-y-8 { + --transform-translate-y: 2rem !important; + } - .md\:dark\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .sm\:translate-y-9 { + --transform-translate-y: 2.25rem !important; + } - .md\:dark\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem !important; + } - .md\:dark\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .sm\:translate-y-12 { + --transform-translate-y: 3rem !important; + } - .md\:dark\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .sm\:translate-y-14 { + --transform-translate-y: 3.5rem !important; + } - .md\:dark\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .sm\:translate-y-16 { + --transform-translate-y: 4rem !important; + } - .md\:dark\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .sm\:translate-y-20 { + --transform-translate-y: 5rem !important; + } - .md\:dark\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .sm\:translate-y-24 { + --transform-translate-y: 6rem !important; + } - .md\:dark\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .sm\:translate-y-28 { + --transform-translate-y: 7rem !important; + } - .md\:dark\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .sm\:translate-y-32 { + --transform-translate-y: 8rem !important; + } - .md\:dark\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .sm\:translate-y-36 { + --transform-translate-y: 9rem !important; + } - .md\:dark\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .sm\:translate-y-40 { + --transform-translate-y: 10rem !important; + } - .md\:dark\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .sm\:translate-y-44 { + --transform-translate-y: 11rem !important; + } - .md\:dark\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .sm\:translate-y-48 { + --transform-translate-y: 12rem !important; + } - .md\:dark\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .sm\:translate-y-52 { + --transform-translate-y: 13rem !important; + } - .md\:dark\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .sm\:translate-y-56 { + --transform-translate-y: 14rem !important; + } - .md\:dark\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .sm\:translate-y-60 { + --transform-translate-y: 15rem !important; + } - .md\:dark\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .sm\:translate-y-64 { + --transform-translate-y: 16rem !important; + } - .md\:dark\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .sm\:translate-y-72 { + --transform-translate-y: 18rem !important; + } - .md\:dark\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .sm\:translate-y-80 { + --transform-translate-y: 20rem !important; + } - .md\:dark\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .sm\:translate-y-96 { + --transform-translate-y: 24rem !important; + } - .md\:dark\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .sm\:translate-y-px { + --transform-translate-y: 1px !important; + } - .md\:dark\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .sm\:translate-y-0\.5 { + --transform-translate-y: 0.125rem !important; + } - .md\:dark\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .sm\:translate-y-1\.5 { + --transform-translate-y: 0.375rem !important; + } - .md\:dark\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .sm\:translate-y-2\.5 { + --transform-translate-y: 0.625rem !important; + } - .md\:dark\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .sm\:translate-y-3\.5 { + --transform-translate-y: 0.875rem !important; + } - .md\:dark\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; + } - .md\:dark\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; + } - .md\:dark\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; + } - .md\:dark\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .sm\:-translate-y-4 { + --transform-translate-y: -1rem !important; + } - .md\:dark\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; + } - .md\:dark\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; + } - .md\:dark\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .sm\:-translate-y-7 { + --transform-translate-y: -1.75rem !important; + } - .md\:dark\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .sm\:-translate-y-8 { + --transform-translate-y: -2rem !important; + } - .md\:dark\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .sm\:-translate-y-9 { + --transform-translate-y: -2.25rem !important; + } - .md\:dark\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; + } - .md\:dark\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .sm\:-translate-y-12 { + --transform-translate-y: -3rem !important; + } - .md\:dark\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .sm\:-translate-y-14 { + --transform-translate-y: -3.5rem !important; + } - .md\:dark\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .sm\:-translate-y-16 { + --transform-translate-y: -4rem !important; + } - .md\:dark\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .sm\:-translate-y-20 { + --transform-translate-y: -5rem !important; + } - .md\:dark\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .sm\:-translate-y-24 { + --transform-translate-y: -6rem !important; + } - .md\:dark\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .sm\:-translate-y-28 { + --transform-translate-y: -7rem !important; + } - .md\:dark\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .sm\:-translate-y-32 { + --transform-translate-y: -8rem !important; + } - .md\:dark\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .sm\:-translate-y-36 { + --transform-translate-y: -9rem !important; + } - .md\:dark\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .sm\:-translate-y-40 { + --transform-translate-y: -10rem !important; + } - .md\:dark\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .sm\:-translate-y-44 { + --transform-translate-y: -11rem !important; + } - .md\:dark\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .sm\:-translate-y-48 { + --transform-translate-y: -12rem !important; + } - .md\:dark\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .sm\:-translate-y-52 { + --transform-translate-y: -13rem !important; + } - .md\:dark\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .sm\:-translate-y-56 { + --transform-translate-y: -14rem !important; + } - .md\:dark\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .sm\:-translate-y-60 { + --transform-translate-y: -15rem !important; + } - .md\:dark\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .sm\:-translate-y-64 { + --transform-translate-y: -16rem !important; + } - .md\:dark\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .sm\:-translate-y-72 { + --transform-translate-y: -18rem !important; + } - .md\:dark\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .sm\:-translate-y-80 { + --transform-translate-y: -20rem !important; + } - .md\:dark\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .sm\:-translate-y-96 { + --transform-translate-y: -24rem !important; + } - .md\:dark\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .sm\:-translate-y-px { + --transform-translate-y: -1px !important; + } - .md\:dark\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .sm\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem !important; + } - .md\:dark\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .sm\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem !important; + } - .md\:dark\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .sm\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem !important; + } - .md\:dark\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .sm\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem !important; + } - .md\:dark\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .sm\:translate-y-1\/2 { + --transform-translate-y: 50% !important; + } - .md\:dark\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .sm\:translate-y-1\/3 { + --transform-translate-y: 33.333333% !important; + } - .md\:dark\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .sm\:translate-y-2\/3 { + --transform-translate-y: 66.666667% !important; + } - .md\:dark\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .sm\:translate-y-1\/4 { + --transform-translate-y: 25% !important; + } - .group:hover .md\:dark\:group-hover\:text-transparent { - color: transparent !important; - } + .sm\:translate-y-2\/4 { + --transform-translate-y: 50% !important; + } - .group:hover .md\:dark\:group-hover\:text-current { - color: currentColor !important; - } + .sm\:translate-y-3\/4 { + --transform-translate-y: 75% !important; + } - .group:hover .md\:dark\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .sm\:translate-y-full { + --transform-translate-y: 100% !important; + } - .group:hover .md\:dark\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .sm\:-translate-y-1\/3 { + --transform-translate-y: -33.333333% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .sm\:-translate-y-2\/3 { + --transform-translate-y: -66.666667% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .sm\:-translate-y-1\/4 { + --transform-translate-y: -25% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .sm\:-translate-y-2\/4 { + --transform-translate-y: -50% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .sm\:-translate-y-3\/4 { + --transform-translate-y: -75% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .sm\:-translate-y-full { + --transform-translate-y: -100% !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem !important; + } - .group:hover .md\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; + } - .group:hover .md\:dark\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem !important; + } - .group:hover .md\:dark\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem !important; + } - .group:hover .md\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; + } - .group:hover .md\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; + } - .group:hover .md\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem !important; + } - .md\:dark\:hover\:text-transparent:hover { - color: transparent !important; - } + .sm\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem !important; + } - .md\:dark\:hover\:text-current:hover { - color: currentColor !important; - } + .sm\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem !important; + } - .md\:dark\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem !important; + } - .md\:dark\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; + } - .md\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333% !important; + } - .md\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667% !important; + } - .md\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25% !important; + } - .md\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50% !important; + } - .md\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75% !important; + } - .md\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; + } - .md\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; + } - .md\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333% !important; + } - .md\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667% !important; + } - .md\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25% !important; + } - .md\:dark\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50% !important; + } - .md\:dark\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75% !important; + } - .md\:dark\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; + } - .md\:dark\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; + } - .md\:dark\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; + } - .md\:dark\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; + } - .md\:dark\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; + } - .md\:dark\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; + } - .md\:dark\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; + } - .md\:dark\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; + } - .md\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem !important; + } - .md\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; + } - .md\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem !important; + } - .md\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; + } - .md\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; + } - .md\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem !important; + } - .md\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; + } - .md\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; + } - .md\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; + } - .md\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem !important; + } - .md\:dark\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; + } - .md\:dark\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem !important; + } - .md\:dark\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; + } - .md\:dark\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem !important; + } - .md\:dark\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; + } - .md\:dark\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem !important; + } - .md\:dark\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; + } - .md\:dark\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem !important; + } - .md\:dark\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; + } - .md\:dark\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem !important; + } - .md\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem !important; + } - .md\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem !important; + } - .md\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; + } - .md\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem !important; + } - .md\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem !important; + } - .md\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem !important; + } - .md\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem !important; + } - .md\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; + } - .md\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; + } - .md\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; + } - .md\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; + } - .md\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; + } - .md\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; + } - .md\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem !important; + } - .md\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; + } - .md\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem !important; + } - .md\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; + } - .md\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; + } - .md\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem !important; + } - .md\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; + } - .md\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; + } - .md\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; + } - .md\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem !important; + } - .md\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; + } - .md\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem !important; + } - .md\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; + } - .md\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem !important; + } - .md\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; + } - .md\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem !important; + } - .md\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; + } - .md\:dark\:focus\:text-transparent:focus { - color: transparent !important; - } + .sm\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem !important; + } - .md\:dark\:focus\:text-current:focus { - color: currentColor !important; - } + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; + } - .md\:dark\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem !important; + } - .md\:dark\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem !important; + } - .md\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem !important; + } - .md\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; + } - .md\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem !important; + } - .md\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem !important; + } - .md\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem !important; + } - .md\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem !important; + } - .md\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; + } - .md\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333% !important; + } - .md\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667% !important; + } - .md\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25% !important; + } - .md\:dark\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50% !important; + } - .md\:dark\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75% !important; + } - .md\:dark\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; + } - .md\:dark\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; + } - .md\:dark\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333% !important; + } - .md\:dark\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667% !important; + } - .md\:dark\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25% !important; + } - .md\:dark\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50% !important; + } - .md\:dark\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75% !important; + } - .md\:dark\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; + } - .md\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; + } - .md\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; + } - .md\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; + } - .md\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; + } - .md\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; + } - .md\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; + } - .md\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; + } - .md\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem !important; + } - .md\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; + } - .md\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem !important; + } - .md\:dark\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; + } - .md\:dark\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; + } - .md\:dark\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem !important; + } - .md\:dark\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; + } - .md\:dark\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; + } - .md\:dark\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; + } - .md\:dark\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem !important; + } - .md\:dark\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; + } - .md\:dark\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem !important; + } - .md\:dark\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; + } - .md\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem !important; + } - .md\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; + } - .md\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem !important; + } - .md\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; + } - .md\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem !important; + } - .md\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; + } - .md\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem !important; + } - .md\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem !important; + } - .md\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem !important; + } - .md\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; + } - .md\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem !important; + } - .md\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem !important; + } - .md\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem !important; + } - .md\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .sm\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem !important; + } - .md\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; + } - .md\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; + } - .md\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; + } - .md\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; + } - .md\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; + } - .md\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; + } - .md\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem !important; + } - .md\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; + } - .md\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem !important; + } - .md\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; + } - .md\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; + } - .md\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem !important; + } - .md\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; + } - .md\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; + } - .md\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; + } - .md\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .sm\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem !important; } - .md\:text-opacity-0 { - --text-opacity: 0 !important; + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; } - .md\:text-opacity-25 { - --text-opacity: 0.25 !important; + .sm\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem !important; } - .md\:text-opacity-50 { - --text-opacity: 0.5 !important; + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; } - .md\:text-opacity-75 { - --text-opacity: 0.75 !important; + .sm\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem !important; } - .md\:text-opacity-100 { - --text-opacity: 1 !important; + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; } - .group:hover .md\:group-hover\:text-opacity-0 { - --text-opacity: 0 !important; + .sm\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem !important; } - .group:hover .md\:group-hover\:text-opacity-25 { - --text-opacity: 0.25 !important; + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; } - .group:hover .md\:group-hover\:text-opacity-50 { - --text-opacity: 0.5 !important; + .sm\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem !important; } - .group:hover .md\:group-hover\:text-opacity-75 { - --text-opacity: 0.75 !important; + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; } - .group:hover .md\:group-hover\:text-opacity-100 { - --text-opacity: 1 !important; + .sm\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem !important; } - .md\:hover\:text-opacity-0:hover { - --text-opacity: 0 !important; + .sm\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem !important; } - .md\:hover\:text-opacity-25:hover { - --text-opacity: 0.25 !important; + .sm\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem !important; } - .md\:hover\:text-opacity-50:hover { - --text-opacity: 0.5 !important; + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; } - .md\:hover\:text-opacity-75:hover { - --text-opacity: 0.75 !important; + .sm\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem !important; } - .md\:hover\:text-opacity-100:hover { - --text-opacity: 1 !important; + .sm\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem !important; } - .md\:focus\:text-opacity-0:focus { - --text-opacity: 0 !important; + .sm\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem !important; } - .md\:focus\:text-opacity-25:focus { - --text-opacity: 0.25 !important; + .sm\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem !important; } - .md\:focus\:text-opacity-50:focus { - --text-opacity: 0.5 !important; + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; } - .md\:focus\:text-opacity-75:focus { - --text-opacity: 0.75 !important; + .sm\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333% !important; } - .md\:focus\:text-opacity-100:focus { - --text-opacity: 1 !important; + .sm\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667% !important; } - .md\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .sm\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25% !important; } - .md\:overflow-ellipsis { - text-overflow: ellipsis !important; + .sm\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50% !important; } - .md\:overflow-clip { - text-overflow: clip !important; + .sm\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75% !important; } - .md\:italic { - font-style: italic !important; + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; } - .md\:not-italic { - font-style: normal !important; + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; } - .md\:uppercase { - text-transform: uppercase !important; + .sm\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333% !important; } - .md\:lowercase { - text-transform: lowercase !important; + .sm\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667% !important; } - .md\:capitalize { - text-transform: capitalize !important; + .sm\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25% !important; } - .md\:normal-case { - text-transform: none !important; + .sm\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50% !important; } - .md\:underline { - text-decoration: underline !important; + .sm\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75% !important; } - .md\:line-through { - text-decoration: line-through !important; + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; } - .md\:no-underline { - text-decoration: none !important; + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; } - .md\:hover\:underline:hover { - text-decoration: underline !important; + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; } - .md\:hover\:line-through:hover { - text-decoration: line-through !important; + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; } - .md\:hover\:no-underline:hover { - text-decoration: none !important; + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; } - .md\:focus\:underline:focus { - text-decoration: underline !important; + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; } - .md\:focus\:line-through:focus { - text-decoration: line-through !important; + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; } - .md\:focus\:no-underline:focus { - text-decoration: none !important; + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; } - .md\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .sm\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem !important; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; } - .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; + .sm\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem !important; } - .md\:normal-nums { - font-variant-numeric: normal !important; + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; } - .md\:ordinal { - --font-variant-numeric-ordinal: ordinal !important; + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; } - .md\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero !important; + .sm\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem !important; } - .md\:lining-nums { - --font-variant-numeric-figure: lining-nums !important; + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; } - .md\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums !important; + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; } - .md\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums !important; + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; } - .md\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums !important; + .sm\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem !important; } - .md\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions !important; + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; } - .md\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions !important; + .sm\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem !important; } - .md\:tracking-tighter { - letter-spacing: -0.05em !important; + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; } - .md\:tracking-tight { - letter-spacing: -0.025em !important; + .sm\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem !important; } - .md\:tracking-normal { - letter-spacing: 0 !important; + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; } - .md\:tracking-wide { - letter-spacing: 0.025em !important; + .sm\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem !important; } - .md\:tracking-wider { - letter-spacing: 0.05em !important; + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; } - .md\:tracking-widest { - letter-spacing: 0.1em !important; + .sm\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem !important; } - .md\:select-none { - user-select: none !important; + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; } - .md\:select-text { - user-select: text !important; + .sm\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem !important; } - .md\:select-all { - user-select: all !important; + .sm\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem !important; } - .md\:select-auto { - user-select: auto !important; + .sm\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem !important; } - .md\:align-baseline { - vertical-align: baseline !important; + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; } - .md\:align-top { - vertical-align: top !important; + .sm\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem !important; } - .md\:align-middle { - vertical-align: middle !important; + .sm\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem !important; } - .md\:align-bottom { - vertical-align: bottom !important; + .sm\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem !important; } - .md\:align-text-top { - vertical-align: text-top !important; + .sm\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem !important; } - .md\:align-text-bottom { - vertical-align: text-bottom !important; + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; } - .md\:visible { - visibility: visible !important; + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; } - .md\:invisible { - visibility: hidden !important; + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; } - .md\:whitespace-normal { - white-space: normal !important; + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; } - .md\:whitespace-no-wrap { - white-space: nowrap !important; + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; } - .md\:whitespace-pre { - white-space: pre !important; + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; } - .md\:whitespace-pre-line { - white-space: pre-line !important; + .sm\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem !important; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; } - .md\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .sm\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem !important; } - .md\:break-words { - overflow-wrap: break-word !important; + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; } - .md\:break-all { - word-break: break-all !important; + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; } - .md\:w-0 { - width: 0 !important; + .sm\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem !important; } - .md\:w-1 { - width: 0.25rem !important; + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; } - .md\:w-2 { - width: 0.5rem !important; + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; } - .md\:w-3 { - width: 0.75rem !important; + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; } - .md\:w-4 { - width: 1rem !important; + .sm\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem !important; } - .md\:w-5 { - width: 1.25rem !important; + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; } - .md\:w-6 { - width: 1.5rem !important; + .sm\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem !important; } - .md\:w-7 { - width: 1.75rem !important; + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; } - .md\:w-8 { - width: 2rem !important; + .sm\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem !important; } - .md\:w-9 { - width: 2.25rem !important; + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; } - .md\:w-10 { - width: 2.5rem !important; + .sm\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem !important; } - .md\:w-12 { - width: 3rem !important; + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; } - .md\:w-14 { - width: 3.5rem !important; + .sm\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem !important; } - .md\:w-16 { - width: 4rem !important; + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; } - .md\:w-20 { - width: 5rem !important; + .sm\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem !important; } - .md\:w-24 { - width: 6rem !important; + .sm\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem !important; } - .md\:w-28 { - width: 7rem !important; + .sm\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem !important; } - .md\:w-32 { - width: 8rem !important; + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; } - .md\:w-36 { - width: 9rem !important; + .sm\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem !important; } - .md\:w-40 { - width: 10rem !important; + .sm\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem !important; } - .md\:w-44 { - width: 11rem !important; + .sm\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem !important; } - .md\:w-48 { - width: 12rem !important; + .sm\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem !important; } - .md\:w-52 { - width: 13rem !important; + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; } - .md\:w-56 { - width: 14rem !important; + .sm\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333% !important; } - .md\:w-60 { - width: 15rem !important; + .sm\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667% !important; } - .md\:w-64 { - width: 16rem !important; + .sm\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25% !important; } - .md\:w-72 { - width: 18rem !important; + .sm\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50% !important; } - .md\:w-80 { - width: 20rem !important; + .sm\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75% !important; } - .md\:w-96 { - width: 24rem !important; + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; } - .md\:w-auto { - width: auto !important; + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; } - .md\:w-px { - width: 1px !important; + .sm\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333% !important; } - .md\:w-0\.5 { - width: 0.125rem !important; + .sm\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667% !important; } - .md\:w-1\.5 { - width: 0.375rem !important; + .sm\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25% !important; } - .md\:w-2\.5 { - width: 0.625rem !important; + .sm\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50% !important; } - .md\:w-3\.5 { - width: 0.875rem !important; + .sm\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75% !important; } - .md\:w-1\/2 { - width: 50% !important; + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; } - .md\:w-1\/3 { - width: 33.333333% !important; + .sm\:skew-x-0 { + --transform-skew-x: 0 !important; } - .md\:w-2\/3 { - width: 66.666667% !important; + .sm\:skew-x-1 { + --transform-skew-x: 1deg !important; } - .md\:w-1\/4 { - width: 25% !important; + .sm\:skew-x-2 { + --transform-skew-x: 2deg !important; } - .md\:w-2\/4 { - width: 50% !important; + .sm\:skew-x-3 { + --transform-skew-x: 3deg !important; } - .md\:w-3\/4 { - width: 75% !important; + .sm\:skew-x-6 { + --transform-skew-x: 6deg !important; } - .md\:w-1\/5 { - width: 20% !important; + .sm\:skew-x-12 { + --transform-skew-x: 12deg !important; } - .md\:w-2\/5 { - width: 40% !important; + .sm\:-skew-x-12 { + --transform-skew-x: -12deg !important; } - .md\:w-3\/5 { - width: 60% !important; + .sm\:-skew-x-6 { + --transform-skew-x: -6deg !important; } - .md\:w-4\/5 { - width: 80% !important; + .sm\:-skew-x-3 { + --transform-skew-x: -3deg !important; } - .md\:w-1\/6 { - width: 16.666667% !important; + .sm\:-skew-x-2 { + --transform-skew-x: -2deg !important; } - .md\:w-2\/6 { - width: 33.333333% !important; + .sm\:-skew-x-1 { + --transform-skew-x: -1deg !important; } - .md\:w-3\/6 { - width: 50% !important; + .sm\:skew-y-0 { + --transform-skew-y: 0 !important; } - .md\:w-4\/6 { - width: 66.666667% !important; + .sm\:skew-y-1 { + --transform-skew-y: 1deg !important; } - .md\:w-5\/6 { - width: 83.333333% !important; + .sm\:skew-y-2 { + --transform-skew-y: 2deg !important; } - .md\:w-1\/12 { - width: 8.333333% !important; + .sm\:skew-y-3 { + --transform-skew-y: 3deg !important; } - .md\:w-2\/12 { - width: 16.666667% !important; + .sm\:skew-y-6 { + --transform-skew-y: 6deg !important; } - .md\:w-3\/12 { - width: 25% !important; + .sm\:skew-y-12 { + --transform-skew-y: 12deg !important; } - .md\:w-4\/12 { - width: 33.333333% !important; + .sm\:-skew-y-12 { + --transform-skew-y: -12deg !important; } - .md\:w-5\/12 { - width: 41.666667% !important; + .sm\:-skew-y-6 { + --transform-skew-y: -6deg !important; } - .md\:w-6\/12 { - width: 50% !important; + .sm\:-skew-y-3 { + --transform-skew-y: -3deg !important; } - .md\:w-7\/12 { - width: 58.333333% !important; + .sm\:-skew-y-2 { + --transform-skew-y: -2deg !important; } - .md\:w-8\/12 { - width: 66.666667% !important; + .sm\:-skew-y-1 { + --transform-skew-y: -1deg !important; } - .md\:w-9\/12 { - width: 75% !important; + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; } - .md\:w-10\/12 { - width: 83.333333% !important; + .sm\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg !important; } - .md\:w-11\/12 { - width: 91.666667% !important; + .sm\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg !important; } - .md\:w-full { - width: 100% !important; + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; } - .md\:w-screen { - width: 100vw !important; + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; } - .md\:w-min { - width: min-content !important; + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; } - .md\:w-max { - width: max-content !important; + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; } - .md\:z-0 { - z-index: 0 !important; + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; } - .md\:z-10 { - z-index: 10 !important; + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; } - .md\:z-20 { - z-index: 20 !important; + .sm\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg !important; } - .md\:z-30 { - z-index: 30 !important; + .sm\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg !important; } - .md\:z-40 { - z-index: 40 !important; + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; } - .md\:z-50 { - z-index: 50 !important; + .sm\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg !important; } - .md\:z-auto { - z-index: auto !important; + .sm\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg !important; } - .md\:focus\:z-0:focus { - z-index: 0 !important; + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; } - .md\:focus\:z-10:focus { - z-index: 10 !important; + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; } - .md\:focus\:z-20:focus { - z-index: 20 !important; + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; } - .md\:focus\:z-30:focus { - z-index: 30 !important; + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; } - .md\:focus\:z-40:focus { - z-index: 40 !important; + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; } - .md\:focus\:z-50:focus { - z-index: 50 !important; + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; } - .md\:focus\:z-auto:focus { - z-index: auto !important; + .sm\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg !important; } - .md\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; + .sm\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg !important; } - .md\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; } - .md\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; + .sm\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg !important; } - .md\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; + .sm\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg !important; } - .md\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; } - .md\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; } - .md\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; } - .md\:gap-7 { - grid-gap: 1.75rem !important; - gap: 1.75rem !important; + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; } - .md\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; } - .md\:gap-9 { - grid-gap: 2.25rem !important; - gap: 2.25rem !important; + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; } - .md\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; + .sm\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg !important; } - .md\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; + .sm\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg !important; } - .md\:gap-14 { - grid-gap: 3.5rem !important; - gap: 3.5rem !important; + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; } - .md\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; + .sm\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg !important; } - .md\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; + .sm\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg !important; } - .md\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; } - .md\:gap-28 { - grid-gap: 7rem !important; - gap: 7rem !important; + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; } - .md\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; } - .md\:gap-36 { - grid-gap: 9rem !important; - gap: 9rem !important; + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; } - .md\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; } - .md\:gap-44 { - grid-gap: 11rem !important; - gap: 11rem !important; + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; } - .md\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; + .sm\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg !important; } - .md\:gap-52 { - grid-gap: 13rem !important; - gap: 13rem !important; + .sm\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg !important; } - .md\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; + .sm\:transition-none { + transition-property: none !important; } - .md\:gap-60 { - grid-gap: 15rem !important; - gap: 15rem !important; + .sm\:transition-all { + transition-property: all !important; } - .md\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } - .md\:gap-72 { - grid-gap: 18rem !important; - gap: 18rem !important; + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; } - .md\:gap-80 { - grid-gap: 20rem !important; - gap: 20rem !important; + .sm\:transition-opacity { + transition-property: opacity !important; } - .md\:gap-96 { - grid-gap: 24rem !important; - gap: 24rem !important; + .sm\:transition-shadow { + transition-property: box-shadow !important; } - .md\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; + .sm\:transition-transform { + transition-property: transform !important; } - .md\:gap-0\.5 { - grid-gap: 0.125rem !important; - gap: 0.125rem !important; + .sm\:ease-linear { + transition-timing-function: linear !important; } - .md\:gap-1\.5 { - grid-gap: 0.375rem !important; - gap: 0.375rem !important; + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } - .md\:gap-2\.5 { - grid-gap: 0.625rem !important; - gap: 0.625rem !important; + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } - .md\:gap-3\.5 { - grid-gap: 0.875rem !important; - gap: 0.875rem !important; + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } - .md\:gap-x-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; + .sm\:duration-75 { + transition-duration: 75ms !important; } - .md\:gap-x-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + .sm\:duration-100 { + transition-duration: 100ms !important; } - .md\:gap-x-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + .sm\:duration-150 { + transition-duration: 150ms !important; } - .md\:gap-x-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; + .sm\:duration-200 { + transition-duration: 200ms !important; } - .md\:gap-x-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; + .sm\:duration-300 { + transition-duration: 300ms !important; } - .md\:gap-x-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; + .sm\:duration-500 { + transition-duration: 500ms !important; } - .md\:gap-x-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + .sm\:duration-700 { + transition-duration: 700ms !important; } - .md\:gap-x-7 { - grid-column-gap: 1.75rem !important; - column-gap: 1.75rem !important; + .sm\:duration-1000 { + transition-duration: 1000ms !important; } - .md\:gap-x-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; + .sm\:delay-75 { + transition-delay: 75ms !important; } - .md\:gap-x-9 { - grid-column-gap: 2.25rem !important; - column-gap: 2.25rem !important; + .sm\:delay-100 { + transition-delay: 100ms !important; } - .md\:gap-x-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; + .sm\:delay-150 { + transition-delay: 150ms !important; } - .md\:gap-x-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; + .sm\:delay-200 { + transition-delay: 200ms !important; } - .md\:gap-x-14 { - grid-column-gap: 3.5rem !important; - column-gap: 3.5rem !important; + .sm\:delay-300 { + transition-delay: 300ms !important; } - .md\:gap-x-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; + .sm\:delay-500 { + transition-delay: 500ms !important; } - .md\:gap-x-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; + .sm\:delay-700 { + transition-delay: 700ms !important; } - .md\:gap-x-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; + .sm\:delay-1000 { + transition-delay: 1000ms !important; } - .md\:gap-x-28 { - grid-column-gap: 7rem !important; - column-gap: 7rem !important; + .sm\:animate-none { + animation: none !important; } - .md\:gap-x-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; + .sm\:animate-spin { + animation: spin 1s linear infinite !important; } - .md\:gap-x-36 { - grid-column-gap: 9rem !important; - column-gap: 9rem !important; + .sm\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .md\:gap-x-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } - .md\:gap-x-44 { - grid-column-gap: 11rem !important; - column-gap: 11rem !important; + .sm\:animate-bounce { + animation: bounce 1s infinite !important; } - .md\:gap-x-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; + .sm\:example { + font-weight: 700; + color: #ef4444; } +} - .md\:gap-x-52 { - grid-column-gap: 13rem !important; - column-gap: 13rem !important; +@media (min-width: 768px) { + .md\:container { + width: 100%; } - .md\:gap-x-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; + @media (min-width: 640px) { + .md\:container { + max-width: 640px; + } } - .md\:gap-x-60 { - grid-column-gap: 15rem !important; - column-gap: 15rem !important; + @media (min-width: 768px) { + .md\:container { + max-width: 768px; + } } - .md\:gap-x-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; + @media (min-width: 1024px) { + .md\:container { + max-width: 1024px; + } } - .md\:gap-x-72 { - grid-column-gap: 18rem !important; - column-gap: 18rem !important; + @media (min-width: 1280px) { + .md\:container { + max-width: 1280px; + } } - .md\:gap-x-80 { - grid-column-gap: 20rem !important; - column-gap: 20rem !important; + @media (min-width: 1536px) { + .md\:container { + max-width: 1536px; + } } - .md\:gap-x-96 { - grid-column-gap: 24rem !important; - column-gap: 24rem !important; + .md\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0px * var(--space-y-reverse)) !important; } - .md\:gap-x-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0px * var(--space-x-reverse)) !important; + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-x-0\.5 { - grid-column-gap: 0.125rem !important; - column-gap: 0.125rem !important; + .md\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; } - .md\:gap-x-1\.5 { - grid-column-gap: 0.375rem !important; - column-gap: 0.375rem !important; + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-x-2\.5 { - grid-column-gap: 0.625rem !important; - column-gap: 0.625rem !important; + .md\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; } - .md\:gap-x-3\.5 { - grid-column-gap: 0.875rem !important; - column-gap: 0.875rem !important; + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; + .md\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; } - .md\:gap-y-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; + .md\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1rem * var(--space-y-reverse)) !important; } - .md\:gap-y-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; + .md\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; } - .md\:gap-y-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; + .md\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; } - .md\:gap-y-7 { - grid-row-gap: 1.75rem !important; - row-gap: 1.75rem !important; + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; + .md\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; } - .md\:gap-y-9 { - grid-row-gap: 2.25rem !important; - row-gap: 2.25rem !important; + .md\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; + .md\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2rem * var(--space-y-reverse)) !important; } - .md\:gap-y-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-14 { - grid-row-gap: 3.5rem !important; - row-gap: 3.5rem !important; + .md\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; } - .md\:gap-y-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; + .md\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; + .md\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; } - .md\:gap-y-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-28 { - grid-row-gap: 7rem !important; - row-gap: 7rem !important; + .md\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3rem * var(--space-y-reverse)) !important; } - .md\:gap-y-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-36 { - grid-row-gap: 9rem !important; - row-gap: 9rem !important; + .md\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; } - .md\:gap-y-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; + .md\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-44 { - grid-row-gap: 11rem !important; - row-gap: 11rem !important; + .md\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(4rem * var(--space-y-reverse)) !important; } - .md\:gap-y-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-52 { - grid-row-gap: 13rem !important; - row-gap: 13rem !important; + .md\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(5rem * var(--space-y-reverse)) !important; } - .md\:gap-y-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-60 { - grid-row-gap: 15rem !important; - row-gap: 15rem !important; + .md\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(6rem * var(--space-y-reverse)) !important; } - .md\:gap-y-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-72 { - grid-row-gap: 18rem !important; - row-gap: 18rem !important; + .md\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(7rem * var(--space-y-reverse)) !important; } - .md\:gap-y-80 { - grid-row-gap: 20rem !important; - row-gap: 20rem !important; + .md\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-96 { - grid-row-gap: 24rem !important; - row-gap: 24rem !important; + .md\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(8rem * var(--space-y-reverse)) !important; } - .md\:gap-y-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-0\.5 { - grid-row-gap: 0.125rem !important; - row-gap: 0.125rem !important; + .md\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(9rem * var(--space-y-reverse)) !important; } - .md\:gap-y-1\.5 { - grid-row-gap: 0.375rem !important; - row-gap: 0.375rem !important; + .md\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:gap-y-2\.5 { - grid-row-gap: 0.625rem !important; - row-gap: 0.625rem !important; + .md\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(10rem * var(--space-y-reverse)) !important; } - .md\:gap-y-3\.5 { - grid-row-gap: 0.875rem !important; - row-gap: 0.875rem !important; + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-flow-row { - grid-auto-flow: row !important; + .md\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(11rem * var(--space-y-reverse)) !important; } - .md\:grid-flow-col { - grid-auto-flow: column !important; + .md\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense !important; + .md\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(12rem * var(--space-y-reverse)) !important; } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense !important; + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + .md\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(13rem * var(--space-y-reverse)) !important; } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + .md\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + .md\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(14rem * var(--space-y-reverse)) !important; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + .md\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(15rem * var(--space-y-reverse)) !important; } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + .md\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + .md\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(16rem * var(--space-y-reverse)) !important; } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + .md\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(18rem * var(--space-y-reverse)) !important; } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + .md\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + .md\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(20rem * var(--space-y-reverse)) !important; } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + .md\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-cols-none { - grid-template-columns: none !important; + .md\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(24rem * var(--space-y-reverse)) !important; } - .md\:auto-cols-auto { - grid-auto-columns: auto !important; + .md\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:auto-cols-min { - grid-auto-columns: min-content !important; + .md\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1px * var(--space-y-reverse)) !important; } - .md\:auto-cols-max { - grid-auto-columns: max-content !important; + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; } - .md\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr) !important; + .md\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; } - .md\:col-auto { - grid-column: auto !important; + .md\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-1 { - grid-column: span 1 / span 1 !important; + .md\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; } - .md\:col-span-2 { - grid-column: span 2 / span 2 !important; + .md\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-3 { - grid-column: span 3 / span 3 !important; + .md\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; } - .md\:col-span-4 { - grid-column: span 4 / span 4 !important; + .md\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-5 { - grid-column: span 5 / span 5 !important; + .md\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; } - .md\:col-span-6 { - grid-column: span 6 / span 6 !important; + .md\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-7 { - grid-column: span 7 / span 7 !important; + .md\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; } - .md\:col-span-8 { - grid-column: span 8 / span 8 !important; + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-9 { - grid-column: span 9 / span 9 !important; + .md\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; } - .md\:col-span-10 { - grid-column: span 10 / span 10 !important; + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-11 { - grid-column: span 11 / span 11 !important; + .md\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; } - .md\:col-span-12 { - grid-column: span 12 / span 12 !important; + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-span-full { - grid-column: 1 / -1 !important; + .md\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; } - .md\:col-start-1 { - grid-column-start: 1 !important; + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-2 { - grid-column-start: 2 !important; + .md\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; } - .md\:col-start-3 { - grid-column-start: 3 !important; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-4 { - grid-column-start: 4 !important; + .md\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; } - .md\:col-start-5 { - grid-column-start: 5 !important; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-6 { - grid-column-start: 6 !important; + .md\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; } - .md\:col-start-7 { - grid-column-start: 7 !important; + .md\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-8 { - grid-column-start: 8 !important; + .md\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; } - .md\:col-start-9 { - grid-column-start: 9 !important; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-10 { - grid-column-start: 10 !important; + .md\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; } - .md\:col-start-11 { - grid-column-start: 11 !important; + .md\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-12 { - grid-column-start: 12 !important; + .md\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; } - .md\:col-start-13 { - grid-column-start: 13 !important; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-start-auto { - grid-column-start: auto !important; + .md\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; } - .md\:col-end-1 { - grid-column-end: 1 !important; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-2 { - grid-column-end: 2 !important; + .md\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; } - .md\:col-end-3 { - grid-column-end: 3 !important; + .md\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-4 { - grid-column-end: 4 !important; + .md\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; } - .md\:col-end-5 { - grid-column-end: 5 !important; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-6 { - grid-column-end: 6 !important; + .md\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; } - .md\:col-end-7 { - grid-column-end: 7 !important; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-8 { - grid-column-end: 8 !important; + .md\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; } - .md\:col-end-9 { - grid-column-end: 9 !important; + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-10 { - grid-column-end: 10 !important; + .md\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; } - .md\:col-end-11 { - grid-column-end: 11 !important; + .md\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-12 { - grid-column-end: 12 !important; + .md\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; } - .md\:col-end-13 { - grid-column-end: 13 !important; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:col-end-auto { - grid-column-end: auto !important; + .md\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + .md\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + .md\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + .md\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + .md\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + .md\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; } - .md\:grid-rows-none { - grid-template-rows: none !important; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:auto-rows-auto { - grid-auto-rows: auto !important; + .md\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; } - .md\:auto-rows-min { - grid-auto-rows: min-content !important; + .md\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:auto-rows-max { - grid-auto-rows: max-content !important; + .md\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; } - .md\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr) !important; + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-auto { - grid-row: auto !important; + .md\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; } - .md\:row-span-1 { - grid-row: span 1 / span 1 !important; + .md\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-span-2 { - grid-row: span 2 / span 2 !important; + .md\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; } - .md\:row-span-3 { - grid-row: span 3 / span 3 !important; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-span-4 { - grid-row: span 4 / span 4 !important; + .md\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; } - .md\:row-span-5 { - grid-row: span 5 / span 5 !important; + .md\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-span-6 { - grid-row: span 6 / span 6 !important; + .md\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; } - .md\:row-span-full { - grid-row: 1 / -1 !important; + .md\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-start-1 { - grid-row-start: 1 !important; + .md\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; } - .md\:row-start-2 { - grid-row-start: 2 !important; + .md\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-start-3 { - grid-row-start: 3 !important; + .md\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1px * var(--space-y-reverse)) !important; } - .md\:row-start-4 { - grid-row-start: 4 !important; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-start-5 { - grid-row-start: 5 !important; + .md\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; } - .md\:row-start-6 { - grid-row-start: 6 !important; + .md\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-start-7 { - grid-row-start: 7 !important; + .md\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; } - .md\:row-start-auto { - grid-row-start: auto !important; + .md\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-end-1 { - grid-row-end: 1 !important; + .md\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; } - .md\:row-end-2 { - grid-row-end: 2 !important; + .md\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-end-3 { - grid-row-end: 3 !important; + .md\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; } - .md\:row-end-4 { - grid-row-end: 4 !important; + .md\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; } - .md\:row-end-5 { - grid-row-end: 5 !important; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; } - .md\:row-end-6 { - grid-row-end: 6 !important; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; } - .md\:row-end-7 { - grid-row-end: 7 !important; + .md\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; } - .md\:row-end-auto { - grid-row-end: auto !important; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:transform { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - 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)) !important; + .md\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; } - .md\:transform-gpu { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; + .md\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:transform-none { - transform: none !important; + .md\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; } - .md\:origin-center { - transform-origin: center !important; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:origin-top { - transform-origin: top !important; + .md\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; } - .md\:origin-top-right { - transform-origin: top right !important; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:origin-right { - transform-origin: right !important; + .md\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; } - .md\:origin-bottom-right { - transform-origin: bottom right !important; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .md\:origin-bottom { - transform-origin: bottom !important; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .md\:origin-bottom-left { - transform-origin: bottom left !important; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .md\:origin-left { - transform-origin: left !important; + .md\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - .md\:origin-top-left { - transform-origin: top left !important; + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; } - .md\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .md\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; } - .md\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .md\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; } - .md\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .md\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; } - .md\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .md\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; } - .md\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .md\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; } - .md\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .md\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; } - .md\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .md\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; } - .md\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .md\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; } - .md\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .md\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; } - .md\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .md\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; } - .md\:scale-x-0 { - --transform-scale-x: 0 !important; + .md\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; } - .md\:scale-x-50 { - --transform-scale-x: .5 !important; + .md\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; } - .md\:scale-x-75 { - --transform-scale-x: .75 !important; + .md\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; } - .md\:scale-x-90 { - --transform-scale-x: .9 !important; + .md\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; } - .md\:scale-x-95 { - --transform-scale-x: .95 !important; + .md\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; } - .md\:scale-x-100 { - --transform-scale-x: 1 !important; + .md\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; } - .md\:scale-x-105 { - --transform-scale-x: 1.05 !important; + .md\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; } - .md\:scale-x-110 { - --transform-scale-x: 1.1 !important; + .md\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; } - .md\:scale-x-125 { - --transform-scale-x: 1.25 !important; + .md\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; } - .md\:scale-x-150 { - --transform-scale-x: 1.5 !important; + .md\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; } - .md\:scale-y-0 { - --transform-scale-y: 0 !important; + .md\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; } - .md\:scale-y-50 { - --transform-scale-y: .5 !important; + .md\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; } - .md\:scale-y-75 { - --transform-scale-y: .75 !important; + .md\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; } - .md\:scale-y-90 { - --transform-scale-y: .9 !important; + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; } - .md\:scale-y-95 { - --transform-scale-y: .95 !important; + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; } - .md\:scale-y-100 { - --transform-scale-y: 1 !important; + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; } - .md\:scale-y-105 { - --transform-scale-y: 1.05 !important; + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; } - .md\:scale-y-110 { - --transform-scale-y: 1.1 !important; + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; } - .md\:scale-y-125 { - --transform-scale-y: 1.25 !important; + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; } - .md\:scale-y-150 { - --transform-scale-y: 1.5 !important; + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .md\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .md\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .md\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .md\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .md\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .md\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .md\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .md\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; + .md\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; + .md\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; + .md\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; + .md\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; + .md\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; + .md\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; + .md\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; + .md\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; + .md\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; + .md\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; + .md\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; + .md\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; + .md\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; + .md\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; + .md\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; + .md\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; + .md\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; + .md\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; + .md\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; + .md\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .md\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .md\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .md\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .md\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .md\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .md\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .md\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .md\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .md\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .md\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; + .md\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; + .md\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; + .md\:divide-solid > :not(template) ~ :not(template) { + border-style: solid !important; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; + .md\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed !important; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; + .md\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted !important; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; + .md\:divide-double > :not(template) ~ :not(template) { + border-style: double !important; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; + .md\:divide-none > :not(template) ~ :not(template) { + border-style: none !important; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; + .md\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; + .md\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; + .md\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; + .md\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; + .md\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; + .md\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .md\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; + .md\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; + .md\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .md\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; + .md\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; + .md\:appearance-none { + appearance: none !important; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; + .md\:bg-fixed { + background-attachment: fixed !important; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; + .md\:bg-local { + background-attachment: local !important; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; + .md\:bg-scroll { + background-attachment: scroll !important; } - .md\:rotate-0 { - --transform-rotate: 0 !important; + .md\:bg-clip-border { + background-clip: border-box !important; } - .md\:rotate-1 { - --transform-rotate: 1deg !important; + .md\:bg-clip-padding { + background-clip: padding-box !important; } - .md\:rotate-2 { - --transform-rotate: 2deg !important; + .md\:bg-clip-content { + background-clip: content-box !important; } - .md\:rotate-3 { - --transform-rotate: 3deg !important; + .md\:bg-clip-text { + background-clip: text !important; } - .md\:rotate-6 { - --transform-rotate: 6deg !important; + .md\:bg-transparent { + background-color: transparent !important; } - .md\:rotate-12 { - --transform-rotate: 12deg !important; + .md\:bg-current { + background-color: currentColor !important; } - .md\:rotate-45 { - --transform-rotate: 45deg !important; + .md\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:rotate-90 { - --transform-rotate: 90deg !important; + .md\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:rotate-180 { - --transform-rotate: 180deg !important; + .md\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:-rotate-180 { - --transform-rotate: -180deg !important; + .md\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:-rotate-90 { - --transform-rotate: -90deg !important; + .md\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:-rotate-45 { - --transform-rotate: -45deg !important; + .md\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:-rotate-12 { - --transform-rotate: -12deg !important; + .md\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:-rotate-6 { - --transform-rotate: -6deg !important; + .md\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:-rotate-3 { - --transform-rotate: -3deg !important; + .md\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:-rotate-2 { - --transform-rotate: -2deg !important; + .md\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:-rotate-1 { - --transform-rotate: -1deg !important; + .md\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; + .md\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:hover\:rotate-1:hover { - --transform-rotate: 1deg !important; + .md\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:hover\:rotate-2:hover { - --transform-rotate: 2deg !important; + .md\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:hover\:rotate-3:hover { - --transform-rotate: 3deg !important; + .md\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:hover\:rotate-6:hover { - --transform-rotate: 6deg !important; + .md\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:hover\:rotate-12:hover { - --transform-rotate: 12deg !important; + .md\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; + .md\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; + .md\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; + .md\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; + .md\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; + .md\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; + .md\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-12:hover { - --transform-rotate: -12deg !important; + .md\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-6:hover { - --transform-rotate: -6deg !important; + .md\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-3:hover { - --transform-rotate: -3deg !important; + .md\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-2:hover { - --transform-rotate: -2deg !important; + .md\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:hover\:-rotate-1:hover { - --transform-rotate: -1deg !important; + .md\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; + .md\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:focus\:rotate-1:focus { - --transform-rotate: 1deg !important; + .md\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:focus\:rotate-2:focus { - --transform-rotate: 2deg !important; + .md\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:focus\:rotate-3:focus { - --transform-rotate: 3deg !important; + .md\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:focus\:rotate-6:focus { - --transform-rotate: 6deg !important; + .md\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:focus\:rotate-12:focus { - --transform-rotate: 12deg !important; + .md\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; + .md\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; + .md\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; + .md\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; + .md\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; + .md\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; + .md\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-12:focus { - --transform-rotate: -12deg !important; + .md\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-6:focus { - --transform-rotate: -6deg !important; + .md\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-3:focus { - --transform-rotate: -3deg !important; + .md\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-2:focus { - --transform-rotate: -2deg !important; + .md\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:focus\:-rotate-1:focus { - --transform-rotate: -1deg !important; + .md\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:translate-x-0 { - --transform-translate-x: 0 !important; + .md\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:translate-x-1 { - --transform-translate-x: 0.25rem !important; + .md\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:translate-x-2 { - --transform-translate-x: 0.5rem !important; + .md\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:translate-x-3 { - --transform-translate-x: 0.75rem !important; + .md\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:translate-x-4 { - --transform-translate-x: 1rem !important; + .md\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:translate-x-5 { - --transform-translate-x: 1.25rem !important; + .md\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:translate-x-6 { - --transform-translate-x: 1.5rem !important; + .md\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:translate-x-7 { - --transform-translate-x: 1.75rem !important; + .md\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:translate-x-8 { - --transform-translate-x: 2rem !important; + .md\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:translate-x-9 { - --transform-translate-x: 2.25rem !important; + .md\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:translate-x-10 { - --transform-translate-x: 2.5rem !important; + .md\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:translate-x-12 { - --transform-translate-x: 3rem !important; + .md\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:translate-x-14 { - --transform-translate-x: 3.5rem !important; + .md\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:translate-x-16 { - --transform-translate-x: 4rem !important; + .md\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:translate-x-20 { - --transform-translate-x: 5rem !important; + .md\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:translate-x-24 { - --transform-translate-x: 6rem !important; + .md\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:translate-x-28 { - --transform-translate-x: 7rem !important; + .md\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:translate-x-32 { - --transform-translate-x: 8rem !important; + .md\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:translate-x-36 { - --transform-translate-x: 9rem !important; + .md\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:translate-x-40 { - --transform-translate-x: 10rem !important; + .md\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:translate-x-44 { - --transform-translate-x: 11rem !important; + .md\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:translate-x-48 { - --transform-translate-x: 12rem !important; + .md\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:translate-x-52 { - --transform-translate-x: 13rem !important; + .md\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:translate-x-56 { - --transform-translate-x: 14rem !important; + .md\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:translate-x-60 { - --transform-translate-x: 15rem !important; + .md\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:translate-x-64 { - --transform-translate-x: 16rem !important; + .md\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:translate-x-72 { - --transform-translate-x: 18rem !important; + .md\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:translate-x-80 { - --transform-translate-x: 20rem !important; + .group:hover .md\:group-hover\:bg-transparent { + background-color: transparent !important; } - .md\:translate-x-96 { - --transform-translate-x: 24rem !important; + .group:hover .md\:group-hover\:bg-current { + background-color: currentColor !important; } - .md\:translate-x-px { - --transform-translate-x: 1px !important; + .group:hover .md\:group-hover\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:translate-x-0\.5 { - --transform-translate-x: 0.125rem !important; + .group:hover .md\:group-hover\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:translate-x-1\.5 { - --transform-translate-x: 0.375rem !important; + .group:hover .md\:group-hover\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:translate-x-2\.5 { - --transform-translate-x: 0.625rem !important; + .group:hover .md\:group-hover\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:translate-x-3\.5 { - --transform-translate-x: 0.875rem !important; + .group:hover .md\:group-hover\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:-translate-x-1 { - --transform-translate-x: -0.25rem !important; + .group:hover .md\:group-hover\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:-translate-x-2 { - --transform-translate-x: -0.5rem !important; + .group:hover .md\:group-hover\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:-translate-x-3 { - --transform-translate-x: -0.75rem !important; + .group:hover .md\:group-hover\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:-translate-x-4 { - --transform-translate-x: -1rem !important; + .group:hover .md\:group-hover\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:-translate-x-5 { - --transform-translate-x: -1.25rem !important; + .group:hover .md\:group-hover\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:-translate-x-6 { - --transform-translate-x: -1.5rem !important; + .group:hover .md\:group-hover\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:-translate-x-7 { - --transform-translate-x: -1.75rem !important; + .group:hover .md\:group-hover\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:-translate-x-8 { - --transform-translate-x: -2rem !important; + .group:hover .md\:group-hover\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:-translate-x-9 { - --transform-translate-x: -2.25rem !important; + .group:hover .md\:group-hover\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:-translate-x-10 { - --transform-translate-x: -2.5rem !important; + .group:hover .md\:group-hover\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:-translate-x-12 { - --transform-translate-x: -3rem !important; + .group:hover .md\:group-hover\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:-translate-x-14 { - --transform-translate-x: -3.5rem !important; + .group:hover .md\:group-hover\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:-translate-x-16 { - --transform-translate-x: -4rem !important; + .group:hover .md\:group-hover\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:-translate-x-20 { - --transform-translate-x: -5rem !important; + .group:hover .md\:group-hover\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:-translate-x-24 { - --transform-translate-x: -6rem !important; + .group:hover .md\:group-hover\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:-translate-x-28 { - --transform-translate-x: -7rem !important; + .group:hover .md\:group-hover\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:-translate-x-32 { - --transform-translate-x: -8rem !important; + .group:hover .md\:group-hover\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:-translate-x-36 { - --transform-translate-x: -9rem !important; + .group:hover .md\:group-hover\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:-translate-x-40 { - --transform-translate-x: -10rem !important; + .group:hover .md\:group-hover\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:-translate-x-44 { - --transform-translate-x: -11rem !important; + .group:hover .md\:group-hover\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:-translate-x-48 { - --transform-translate-x: -12rem !important; + .group:hover .md\:group-hover\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:-translate-x-52 { - --transform-translate-x: -13rem !important; + .group:hover .md\:group-hover\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:-translate-x-56 { - --transform-translate-x: -14rem !important; + .group:hover .md\:group-hover\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:-translate-x-60 { - --transform-translate-x: -15rem !important; + .group:hover .md\:group-hover\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:-translate-x-64 { - --transform-translate-x: -16rem !important; + .group:hover .md\:group-hover\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:-translate-x-72 { - --transform-translate-x: -18rem !important; + .group:hover .md\:group-hover\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:-translate-x-80 { - --transform-translate-x: -20rem !important; + .group:hover .md\:group-hover\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:-translate-x-96 { - --transform-translate-x: -24rem !important; + .group:hover .md\:group-hover\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:-translate-x-px { - --transform-translate-x: -1px !important; + .group:hover .md\:group-hover\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem !important; + .group:hover .md\:group-hover\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem !important; + .group:hover .md\:group-hover\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem !important; + .group:hover .md\:group-hover\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem !important; + .group:hover .md\:group-hover\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:translate-x-1\/2 { - --transform-translate-x: 50% !important; + .group:hover .md\:group-hover\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:translate-x-1\/3 { - --transform-translate-x: 33.333333% !important; + .group:hover .md\:group-hover\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:translate-x-2\/3 { - --transform-translate-x: 66.666667% !important; + .group:hover .md\:group-hover\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:translate-x-1\/4 { - --transform-translate-x: 25% !important; + .group:hover .md\:group-hover\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:translate-x-2\/4 { - --transform-translate-x: 50% !important; + .group:hover .md\:group-hover\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:translate-x-3\/4 { - --transform-translate-x: 75% !important; + .group:hover .md\:group-hover\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:translate-x-full { - --transform-translate-x: 100% !important; + .group:hover .md\:group-hover\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:-translate-x-1\/2 { - --transform-translate-x: -50% !important; + .group:hover .md\:group-hover\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:-translate-x-1\/3 { - --transform-translate-x: -33.333333% !important; + .group:hover .md\:group-hover\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:-translate-x-2\/3 { - --transform-translate-x: -66.666667% !important; + .group:hover .md\:group-hover\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:-translate-x-1\/4 { - --transform-translate-x: -25% !important; + .group:hover .md\:group-hover\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:-translate-x-2\/4 { - --transform-translate-x: -50% !important; + .group:hover .md\:group-hover\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:-translate-x-3\/4 { - --transform-translate-x: -75% !important; + .group:hover .md\:group-hover\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:-translate-x-full { - --transform-translate-x: -100% !important; + .group:hover .md\:group-hover\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:translate-y-0 { - --transform-translate-y: 0 !important; + .group:hover .md\:group-hover\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:translate-y-1 { - --transform-translate-y: 0.25rem !important; + .group:hover .md\:group-hover\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:translate-y-2 { - --transform-translate-y: 0.5rem !important; + .group:hover .md\:group-hover\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:translate-y-3 { - --transform-translate-y: 0.75rem !important; + .group:hover .md\:group-hover\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:translate-y-4 { - --transform-translate-y: 1rem !important; + .group:hover .md\:group-hover\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:translate-y-5 { - --transform-translate-y: 1.25rem !important; + .group:hover .md\:group-hover\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:translate-y-6 { - --transform-translate-y: 1.5rem !important; + .group:hover .md\:group-hover\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:translate-y-7 { - --transform-translate-y: 1.75rem !important; + .group:hover .md\:group-hover\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:translate-y-8 { - --transform-translate-y: 2rem !important; + .group:hover .md\:group-hover\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:translate-y-9 { - --transform-translate-y: 2.25rem !important; + .group:hover .md\:group-hover\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:translate-y-10 { - --transform-translate-y: 2.5rem !important; + .group:hover .md\:group-hover\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:translate-y-12 { - --transform-translate-y: 3rem !important; + .group:hover .md\:group-hover\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:translate-y-14 { - --transform-translate-y: 3.5rem !important; + .group:hover .md\:group-hover\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:translate-y-16 { - --transform-translate-y: 4rem !important; + .group:hover .md\:group-hover\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:translate-y-20 { - --transform-translate-y: 5rem !important; + .group:hover .md\:group-hover\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:translate-y-24 { - --transform-translate-y: 6rem !important; + .group:hover .md\:group-hover\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:translate-y-28 { - --transform-translate-y: 7rem !important; + .group:hover .md\:group-hover\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:translate-y-32 { - --transform-translate-y: 8rem !important; + .group:hover .md\:group-hover\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:translate-y-36 { - --transform-translate-y: 9rem !important; + .group:hover .md\:group-hover\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:translate-y-40 { - --transform-translate-y: 10rem !important; + .group:hover .md\:group-hover\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:translate-y-44 { - --transform-translate-y: 11rem !important; + .md\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .md\:translate-y-48 { - --transform-translate-y: 12rem !important; + .md\:hover\:bg-current:hover { + background-color: currentColor !important; } - .md\:translate-y-52 { - --transform-translate-y: 13rem !important; + .md\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:translate-y-56 { - --transform-translate-y: 14rem !important; + .md\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:translate-y-60 { - --transform-translate-y: 15rem !important; + .md\:hover\:bg-gray-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:translate-y-64 { - --transform-translate-y: 16rem !important; + .md\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:translate-y-72 { - --transform-translate-y: 18rem !important; + .md\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:translate-y-80 { - --transform-translate-y: 20rem !important; + .md\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:translate-y-96 { - --transform-translate-y: 24rem !important; + .md\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:translate-y-px { - --transform-translate-y: 1px !important; + .md\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:translate-y-0\.5 { - --transform-translate-y: 0.125rem !important; + .md\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:translate-y-1\.5 { - --transform-translate-y: 0.375rem !important; + .md\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:translate-y-2\.5 { - --transform-translate-y: 0.625rem !important; + .md\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:translate-y-3\.5 { - --transform-translate-y: 0.875rem !important; + .md\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:-translate-y-1 { - --transform-translate-y: -0.25rem !important; + .md\:hover\:bg-red-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:-translate-y-2 { - --transform-translate-y: -0.5rem !important; + .md\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:-translate-y-3 { - --transform-translate-y: -0.75rem !important; + .md\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:-translate-y-4 { - --transform-translate-y: -1rem !important; + .md\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:-translate-y-5 { - --transform-translate-y: -1.25rem !important; + .md\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:-translate-y-6 { - --transform-translate-y: -1.5rem !important; + .md\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:-translate-y-7 { - --transform-translate-y: -1.75rem !important; + .md\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:-translate-y-8 { - --transform-translate-y: -2rem !important; + .md\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:-translate-y-9 { - --transform-translate-y: -2.25rem !important; + .md\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:-translate-y-10 { - --transform-translate-y: -2.5rem !important; + .md\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:-translate-y-12 { - --transform-translate-y: -3rem !important; + .md\:hover\:bg-yellow-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:-translate-y-14 { - --transform-translate-y: -3.5rem !important; + .md\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:-translate-y-16 { - --transform-translate-y: -4rem !important; + .md\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:-translate-y-20 { - --transform-translate-y: -5rem !important; + .md\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:-translate-y-24 { - --transform-translate-y: -6rem !important; + .md\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:-translate-y-28 { - --transform-translate-y: -7rem !important; + .md\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:-translate-y-32 { - --transform-translate-y: -8rem !important; + .md\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:-translate-y-36 { - --transform-translate-y: -9rem !important; + .md\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:-translate-y-40 { - --transform-translate-y: -10rem !important; + .md\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:-translate-y-44 { - --transform-translate-y: -11rem !important; + .md\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:-translate-y-48 { - --transform-translate-y: -12rem !important; + .md\:hover\:bg-green-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:-translate-y-52 { - --transform-translate-y: -13rem !important; + .md\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:-translate-y-56 { - --transform-translate-y: -14rem !important; + .md\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:-translate-y-60 { - --transform-translate-y: -15rem !important; + .md\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:-translate-y-64 { - --transform-translate-y: -16rem !important; + .md\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:-translate-y-72 { - --transform-translate-y: -18rem !important; + .md\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:-translate-y-80 { - --transform-translate-y: -20rem !important; + .md\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:-translate-y-96 { - --transform-translate-y: -24rem !important; + .md\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:-translate-y-px { - --transform-translate-y: -1px !important; + .md\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem !important; + .md\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem !important; + .md\:hover\:bg-blue-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem !important; + .md\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem !important; + .md\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:translate-y-1\/2 { - --transform-translate-y: 50% !important; + .md\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:translate-y-1\/3 { - --transform-translate-y: 33.333333% !important; + .md\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:translate-y-2\/3 { - --transform-translate-y: 66.666667% !important; + .md\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:translate-y-1\/4 { - --transform-translate-y: 25% !important; + .md\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:translate-y-2\/4 { - --transform-translate-y: 50% !important; + .md\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:translate-y-3\/4 { - --transform-translate-y: 75% !important; + .md\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:translate-y-full { - --transform-translate-y: 100% !important; + .md\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:-translate-y-1\/2 { - --transform-translate-y: -50% !important; + .md\:hover\:bg-purple-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:-translate-y-1\/3 { - --transform-translate-y: -33.333333% !important; + .md\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:-translate-y-2\/3 { - --transform-translate-y: -66.666667% !important; + .md\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:-translate-y-1\/4 { - --transform-translate-y: -25% !important; + .md\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:-translate-y-2\/4 { - --transform-translate-y: -50% !important; + .md\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:-translate-y-3\/4 { - --transform-translate-y: -75% !important; + .md\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:-translate-y-full { - --transform-translate-y: -100% !important; + .md\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; + .md\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; + .md\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; + .md\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; + .md\:hover\:bg-pink-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; + .md\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; + .md\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; + .md\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem !important; + .md\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; + .md\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem !important; + .md\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; + .md\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; + .md\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem !important; + .md\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; + .md\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; + .md\:focus\:bg-current:focus { + background-color: currentColor !important; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; + .md\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem !important; + .md\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; + .md\:focus\:bg-gray-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem !important; + .md\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; + .md\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem !important; + .md\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; + .md\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem !important; + .md\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; + .md\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem !important; + .md\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; + .md\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem !important; + .md\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem !important; + .md\:focus\:bg-red-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem !important; + .md\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; + .md\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem !important; + .md\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem !important; + .md\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem !important; + .md\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem !important; + .md\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; + .md\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; + .md\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; + .md\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; + .md\:focus\:bg-yellow-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; + .md\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; + .md\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem !important; + .md\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; + .md\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem !important; + .md\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; + .md\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; + .md\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem !important; + .md\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; + .md\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; + .md\:focus\:bg-green-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; + .md\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem !important; + .md\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; + .md\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem !important; + .md\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; + .md\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem !important; + .md\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; + .md\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem !important; + .md\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; + .md\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem !important; + .md\:focus\:bg-blue-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; + .md\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem !important; + .md\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem !important; + .md\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem !important; + .md\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; + .md\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem !important; + .md\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem !important; + .md\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem !important; + .md\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem !important; + .md\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; + .md\:focus\:bg-purple-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333% !important; + .md\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667% !important; + .md\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25% !important; + .md\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50% !important; + .md\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75% !important; + .md\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; + .md\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; + .md\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333% !important; + .md\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667% !important; + .md\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25% !important; + .md\:focus\:bg-pink-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50% !important; + .md\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75% !important; + .md\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; + .md\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; + .md\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; + .md\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; + .md\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; + .md\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; + .md\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; + .md\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; + .md\:bg-none { + background-image: none !important; } - .md\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem !important; + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem !important; + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem !important; + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; + .md\:from-transparent { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem !important; + .md\:from-current { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; + .md\:from-black { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem !important; + .md\:from-white { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; + .md\:from-gray-50 { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .md\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem !important; + .md\:from-gray-100 { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; + .md\:from-gray-200 { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .md\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem !important; + .md\:from-gray-300 { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; + .md\:from-gray-400 { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .md\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem !important; + .md\:from-gray-500 { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; + .md\:from-gray-600 { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .md\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem !important; + .md\:from-gray-700 { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .md\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem !important; + .md\:from-gray-800 { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .md\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem !important; + .md\:from-gray-900 { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; + .md\:from-red-50 { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .md\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem !important; + .md\:from-red-100 { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .md\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem !important; + .md\:from-red-200 { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .md\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem !important; + .md\:from-red-300 { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .md\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem !important; + .md\:from-red-400 { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; + .md\:from-red-500 { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; + .md\:from-red-600 { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; + .md\:from-red-700 { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; + .md\:from-red-800 { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; + .md\:from-red-900 { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; + .md\:from-yellow-50 { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .md\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem !important; + .md\:from-yellow-100 { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; + .md\:from-yellow-200 { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .md\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem !important; + .md\:from-yellow-300 { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; + .md\:from-yellow-400 { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; + .md\:from-yellow-500 { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .md\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem !important; + .md\:from-yellow-600 { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; + .md\:from-yellow-700 { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; + .md\:from-yellow-800 { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; + .md\:from-yellow-900 { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .md\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem !important; + .md\:from-green-50 { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; + .md\:from-green-100 { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .md\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem !important; + .md\:from-green-200 { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; + .md\:from-green-300 { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .md\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem !important; + .md\:from-green-400 { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; + .md\:from-green-500 { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .md\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem !important; + .md\:from-green-600 { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; + .md\:from-green-700 { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .md\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem !important; + .md\:from-green-800 { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; + .md\:from-green-900 { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .md\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem !important; + .md\:from-blue-50 { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .md\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem !important; + .md\:from-blue-100 { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .md\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem !important; + .md\:from-blue-200 { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; + .md\:from-blue-300 { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .md\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem !important; + .md\:from-blue-400 { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .md\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem !important; + .md\:from-blue-500 { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .md\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem !important; + .md\:from-blue-600 { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .md\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem !important; + .md\:from-blue-700 { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; + .md\:from-blue-800 { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .md\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333% !important; + .md\:from-blue-900 { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .md\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667% !important; + .md\:from-purple-50 { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .md\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25% !important; + .md\:from-purple-100 { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .md\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50% !important; + .md\:from-purple-200 { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .md\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75% !important; + .md\:from-purple-300 { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; + .md\:from-purple-400 { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; + .md\:from-purple-500 { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .md\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333% !important; + .md\:from-purple-600 { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .md\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667% !important; + .md\:from-purple-700 { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .md\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25% !important; + .md\:from-purple-800 { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .md\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50% !important; + .md\:from-purple-900 { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .md\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75% !important; + .md\:from-pink-50 { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .md\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; + .md\:from-pink-100 { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; + .md\:from-pink-200 { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; + .md\:from-pink-300 { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; + .md\:from-pink-400 { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; + .md\:from-pink-500 { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; + .md\:from-pink-600 { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; + .md\:from-pink-700 { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; + .md\:from-pink-800 { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .md\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem !important; + .md\:from-pink-900 { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; + .md\:via-transparent { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem !important; + .md\:via-current { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; + .md\:via-black { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; + .md\:via-white { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem !important; + .md\:via-gray-50 { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; + .md\:via-gray-100 { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; + .md\:via-gray-200 { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; + .md\:via-gray-300 { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .md\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem !important; + .md\:via-gray-400 { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; + .md\:via-gray-500 { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .md\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem !important; + .md\:via-gray-600 { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; + .md\:via-gray-700 { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .md\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem !important; + .md\:via-gray-800 { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; + .md\:via-gray-900 { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .md\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem !important; + .md\:via-red-50 { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; + .md\:via-red-100 { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .md\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem !important; + .md\:via-red-200 { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; + .md\:via-red-300 { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .md\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem !important; + .md\:via-red-400 { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .md\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem !important; + .md\:via-red-500 { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .md\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem !important; + .md\:via-red-600 { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; + .md\:via-red-700 { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .md\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem !important; + .md\:via-red-800 { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .md\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem !important; + .md\:via-red-900 { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .md\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem !important; + .md\:via-yellow-50 { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .md\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem !important; + .md\:via-yellow-100 { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; + .md\:via-yellow-200 { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; + .md\:via-yellow-300 { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; + .md\:via-yellow-400 { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; + .md\:via-yellow-500 { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; + .md\:via-yellow-600 { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; + .md\:via-yellow-700 { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .md\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem !important; + .md\:via-yellow-800 { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; + .md\:via-yellow-900 { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .md\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem !important; + .md\:via-green-50 { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; + .md\:via-green-100 { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; + .md\:via-green-200 { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .md\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem !important; + .md\:via-green-300 { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; + .md\:via-green-400 { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; + .md\:via-green-500 { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; + .md\:via-green-600 { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .md\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem !important; + .md\:via-green-700 { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; + .md\:via-green-800 { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .md\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem !important; + .md\:via-green-900 { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; + .md\:via-blue-50 { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .md\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem !important; + .md\:via-blue-100 { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; + .md\:via-blue-200 { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .md\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem !important; + .md\:via-blue-300 { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; + .md\:via-blue-400 { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .md\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem !important; + .md\:via-blue-500 { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; + .md\:via-blue-600 { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .md\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem !important; + .md\:via-blue-700 { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .md\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem !important; + .md\:via-blue-800 { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .md\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem !important; + .md\:via-blue-900 { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; + .md\:via-purple-50 { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .md\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem !important; + .md\:via-purple-100 { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .md\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem !important; + .md\:via-purple-200 { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .md\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem !important; + .md\:via-purple-300 { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .md\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem !important; + .md\:via-purple-400 { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; + .md\:via-purple-500 { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .md\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333% !important; + .md\:via-purple-600 { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .md\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667% !important; + .md\:via-purple-700 { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .md\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25% !important; + .md\:via-purple-800 { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .md\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50% !important; + .md\:via-purple-900 { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .md\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75% !important; + .md\:via-pink-50 { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .md\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; + .md\:via-pink-100 { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; + .md\:via-pink-200 { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .md\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333% !important; + .md\:via-pink-300 { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .md\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667% !important; + .md\:via-pink-400 { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .md\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25% !important; + .md\:via-pink-500 { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .md\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50% !important; + .md\:via-pink-600 { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .md\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75% !important; + .md\:via-pink-700 { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; + .md\:via-pink-800 { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; + .md\:via-pink-900 { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; + .md\:to-transparent { + --gradient-to-color: transparent !important; } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; + .md\:to-current { + --gradient-to-color: currentColor !important; } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; + .md\:to-black { + --gradient-to-color: #000 !important; } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; + .md\:to-white { + --gradient-to-color: #fff !important; } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; + .md\:to-gray-50 { + --gradient-to-color: #fafafa !important; } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; + .md\:to-gray-100 { + --gradient-to-color: #f4f4f5 !important; } - .md\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem !important; + .md\:to-gray-200 { + --gradient-to-color: #e4e4e7 !important; } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; + .md\:to-gray-300 { + --gradient-to-color: #d4d4d8 !important; } - .md\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem !important; + .md\:to-gray-400 { + --gradient-to-color: #a1a1aa !important; } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; + .md\:to-gray-500 { + --gradient-to-color: #71717a !important; } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; + .md\:to-gray-600 { + --gradient-to-color: #52525b !important; } - .md\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem !important; + .md\:to-gray-700 { + --gradient-to-color: #3f3f46 !important; } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; + .md\:to-gray-800 { + --gradient-to-color: #27272a !important; } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; + .md\:to-gray-900 { + --gradient-to-color: #18181b !important; } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; + .md\:to-red-50 { + --gradient-to-color: #fef2f2 !important; } - .md\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem !important; + .md\:to-red-100 { + --gradient-to-color: #fee2e2 !important; } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; + .md\:to-red-200 { + --gradient-to-color: #fecaca !important; } - .md\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem !important; + .md\:to-red-300 { + --gradient-to-color: #fca5a5 !important; } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; + .md\:to-red-400 { + --gradient-to-color: #f87171 !important; } - .md\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem !important; + .md\:to-red-500 { + --gradient-to-color: #ef4444 !important; } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; + .md\:to-red-600 { + --gradient-to-color: #dc2626 !important; } - .md\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem !important; + .md\:to-red-700 { + --gradient-to-color: #b91c1c !important; } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; + .md\:to-red-800 { + --gradient-to-color: #991b1b !important; } - .md\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem !important; + .md\:to-red-900 { + --gradient-to-color: #7f1d1d !important; } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; + .md\:to-yellow-50 { + --gradient-to-color: #fffbeb !important; } - .md\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem !important; + .md\:to-yellow-100 { + --gradient-to-color: #fef3c7 !important; } - .md\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem !important; + .md\:to-yellow-200 { + --gradient-to-color: #fde68a !important; } - .md\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem !important; + .md\:to-yellow-300 { + --gradient-to-color: #fcd34d !important; } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; + .md\:to-yellow-400 { + --gradient-to-color: #fbbf24 !important; } - .md\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem !important; + .md\:to-yellow-500 { + --gradient-to-color: #f59e0b !important; } - .md\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem !important; + .md\:to-yellow-600 { + --gradient-to-color: #d97706 !important; } - .md\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem !important; + .md\:to-yellow-700 { + --gradient-to-color: #b45309 !important; } - .md\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem !important; + .md\:to-yellow-800 { + --gradient-to-color: #92400e !important; } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; + .md\:to-yellow-900 { + --gradient-to-color: #78350f !important; } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; + .md\:to-green-50 { + --gradient-to-color: #ecfdf5 !important; } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; + .md\:to-green-100 { + --gradient-to-color: #d1fae5 !important; } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; + .md\:to-green-200 { + --gradient-to-color: #a7f3d0 !important; } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; + .md\:to-green-300 { + --gradient-to-color: #6ee7b7 !important; } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; + .md\:to-green-400 { + --gradient-to-color: #34d399 !important; } - .md\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem !important; + .md\:to-green-500 { + --gradient-to-color: #10b981 !important; } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; + .md\:to-green-600 { + --gradient-to-color: #059669 !important; } - .md\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem !important; + .md\:to-green-700 { + --gradient-to-color: #047857 !important; } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; + .md\:to-green-800 { + --gradient-to-color: #065f46 !important; } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; + .md\:to-green-900 { + --gradient-to-color: #064e3b !important; } - .md\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem !important; + .md\:to-blue-50 { + --gradient-to-color: #eff6ff !important; } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; + .md\:to-blue-100 { + --gradient-to-color: #dbeafe !important; } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; + .md\:to-blue-200 { + --gradient-to-color: #bfdbfe !important; } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; + .md\:to-blue-300 { + --gradient-to-color: #93c5fd !important; } - .md\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem !important; + .md\:to-blue-400 { + --gradient-to-color: #60a5fa !important; } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; + .md\:to-blue-500 { + --gradient-to-color: #3b82f6 !important; } - .md\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem !important; + .md\:to-blue-600 { + --gradient-to-color: #2563eb !important; } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; + .md\:to-blue-700 { + --gradient-to-color: #1d4ed8 !important; } - .md\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem !important; + .md\:to-blue-800 { + --gradient-to-color: #1e40af !important; } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; + .md\:to-blue-900 { + --gradient-to-color: #1e3a8a !important; } - .md\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem !important; + .md\:to-purple-50 { + --gradient-to-color: #f5f3ff !important; } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; + .md\:to-purple-100 { + --gradient-to-color: #ede9fe !important; } - .md\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem !important; + .md\:to-purple-200 { + --gradient-to-color: #ddd6fe !important; } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; + .md\:to-purple-300 { + --gradient-to-color: #c4b5fd !important; } - .md\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem !important; + .md\:to-purple-400 { + --gradient-to-color: #a78bfa !important; } - .md\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem !important; + .md\:to-purple-500 { + --gradient-to-color: #8b5cf6 !important; } - .md\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem !important; + .md\:to-purple-600 { + --gradient-to-color: #7c3aed !important; } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; + .md\:to-purple-700 { + --gradient-to-color: #6d28d9 !important; } - .md\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem !important; + .md\:to-purple-800 { + --gradient-to-color: #5b21b6 !important; } - .md\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem !important; + .md\:to-purple-900 { + --gradient-to-color: #4c1d95 !important; } - .md\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem !important; + .md\:to-pink-50 { + --gradient-to-color: #fdf2f8 !important; } - .md\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem !important; + .md\:to-pink-100 { + --gradient-to-color: #fce7f3 !important; } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; + .md\:to-pink-200 { + --gradient-to-color: #fbcfe8 !important; } - .md\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333% !important; + .md\:to-pink-300 { + --gradient-to-color: #f9a8d4 !important; } - .md\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667% !important; + .md\:to-pink-400 { + --gradient-to-color: #f472b6 !important; } - .md\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25% !important; + .md\:to-pink-500 { + --gradient-to-color: #ec4899 !important; } - .md\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50% !important; + .md\:to-pink-600 { + --gradient-to-color: #db2777 !important; } - .md\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75% !important; + .md\:to-pink-700 { + --gradient-to-color: #be185d !important; } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; + .md\:to-pink-800 { + --gradient-to-color: #9d174d !important; } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; + .md\:to-pink-900 { + --gradient-to-color: #831843 !important; } - .md\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333% !important; + .md\:hover\:from-transparent:hover { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667% !important; + .md\:hover\:from-current:hover { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25% !important; + .md\:hover\:from-black:hover { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50% !important; + .md\:hover\:from-white:hover { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75% !important; + .md\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; + .md\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .md\:skew-x-0 { - --transform-skew-x: 0 !important; + .md\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .md\:skew-x-1 { - --transform-skew-x: 1deg !important; + .md\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .md\:skew-x-2 { - --transform-skew-x: 2deg !important; + .md\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .md\:skew-x-3 { - --transform-skew-x: 3deg !important; + .md\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .md\:skew-x-6 { - --transform-skew-x: 6deg !important; + .md\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .md\:skew-x-12 { - --transform-skew-x: 12deg !important; + .md\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .md\:-skew-x-12 { - --transform-skew-x: -12deg !important; + .md\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .md\:-skew-x-6 { - --transform-skew-x: -6deg !important; + .md\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .md\:-skew-x-3 { - --transform-skew-x: -3deg !important; + .md\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .md\:-skew-x-2 { - --transform-skew-x: -2deg !important; + .md\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .md\:-skew-x-1 { - --transform-skew-x: -1deg !important; + .md\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .md\:skew-y-0 { - --transform-skew-y: 0 !important; + .md\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .md\:skew-y-1 { - --transform-skew-y: 1deg !important; + .md\:hover\:from-red-400:hover { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .md\:skew-y-2 { - --transform-skew-y: 2deg !important; + .md\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .md\:skew-y-3 { - --transform-skew-y: 3deg !important; + .md\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .md\:skew-y-6 { - --transform-skew-y: 6deg !important; + .md\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .md\:skew-y-12 { - --transform-skew-y: 12deg !important; + .md\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .md\:-skew-y-12 { - --transform-skew-y: -12deg !important; + .md\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .md\:-skew-y-6 { - --transform-skew-y: -6deg !important; + .md\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .md\:-skew-y-3 { - --transform-skew-y: -3deg !important; + .md\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .md\:-skew-y-2 { - --transform-skew-y: -2deg !important; + .md\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .md\:-skew-y-1 { - --transform-skew-y: -1deg !important; + .md\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; + .md\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .md\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg !important; + .md\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .md\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg !important; + .md\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; + + .md\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; + .md\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; + .md\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; + .md\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; + .md\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; + .md\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .md\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg !important; + .md\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .md\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg !important; + .md\:hover\:from-green-400:hover { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; + .md\:hover\:from-green-500:hover { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .md\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg !important; + .md\:hover\:from-green-600:hover { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .md\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg !important; + .md\:hover\:from-green-700:hover { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; + .md\:hover\:from-green-800:hover { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; + .md\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; + .md\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; + .md\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; + .md\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; + .md\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .md\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg !important; + .md\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .md\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg !important; + .md\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; + .md\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .md\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg !important; + .md\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .md\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg !important; + .md\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; + .md\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; + .md\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; + .md\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; + .md\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; + .md\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; + .md\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .md\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg !important; + .md\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .md\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg !important; + .md\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; + .md\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .md\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg !important; + .md\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .md\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg !important; + .md\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; + .md\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .md\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; + .md\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; + .md\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; + .md\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; + .md\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; + .md\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .md\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg !important; + .md\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .md\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg !important; + .md\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .md\:transition-none { - transition-property: none !important; + .md\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .md\:transition-all { - transition-property: all !important; + .md\:hover\:from-pink-900:hover { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + .md\:hover\:via-transparent:hover { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; + .md\:hover\:via-current:hover { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:transition-opacity { - transition-property: opacity !important; + .md\:hover\:via-black:hover { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .md\:transition-shadow { - transition-property: box-shadow !important; + .md\:hover\:via-white:hover { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .md\:transition-transform { - transition-property: transform !important; + .md\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .md\:ease-linear { - transition-timing-function: linear !important; + .md\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + .md\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + .md\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + .md\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .md\:duration-75 { - transition-duration: 75ms !important; + .md\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .md\:duration-100 { - transition-duration: 100ms !important; + .md\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .md\:duration-150 { - transition-duration: 150ms !important; + .md\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .md\:duration-200 { - transition-duration: 200ms !important; + .md\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .md\:duration-300 { - transition-duration: 300ms !important; + .md\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .md\:duration-500 { - transition-duration: 500ms !important; + .md\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .md\:duration-700 { - transition-duration: 700ms !important; + .md\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .md\:duration-1000 { - transition-duration: 1000ms !important; + .md\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .md\:delay-75 { - transition-delay: 75ms !important; + .md\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .md\:delay-100 { - transition-delay: 100ms !important; + .md\:hover\:via-red-400:hover { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .md\:delay-150 { - transition-delay: 150ms !important; + .md\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .md\:delay-200 { - transition-delay: 200ms !important; + .md\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .md\:delay-300 { - transition-delay: 300ms !important; + .md\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .md\:delay-500 { - transition-delay: 500ms !important; + .md\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .md\:delay-700 { - transition-delay: 700ms !important; + .md\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .md\:delay-1000 { - transition-delay: 1000ms !important; + .md\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .md\:animate-none { - animation: none !important; + .md\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .md\:animate-spin { - animation: spin 1s linear infinite !important; + .md\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .md\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; + .md\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .md\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .md\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .md\:animate-bounce { - animation: bounce 1s infinite !important; + .md\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .md\:example { - font-weight: 700; - color: #ef4444; + .md\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } -} -@media (min-width: 1024px) { - .lg\:container { - width: 100%; + .md\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } + .md\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } + .md\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } + .md\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } + .md\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } + .md\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .lg\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0px * var(--space-y-reverse)) !important; + .md\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .lg\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0px * var(--space-x-reverse)) !important; - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-green-400:hover { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .lg\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; + .md\:hover\:via-green-500:hover { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .lg\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-green-600:hover { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .lg\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; + .md\:hover\:via-green-700:hover { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .lg\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-green-800:hover { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .lg\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; + .md\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .lg\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .lg\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--space-y-reverse)) !important; + .md\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .lg\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .lg\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; + .md\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .lg\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .lg\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; + .md\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .lg\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .lg\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; + .md\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .lg\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .lg\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--space-y-reverse)) !important; + .md\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .lg\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .lg\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; + .md\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .lg\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .lg\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; + .md\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .lg\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .lg\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3rem * var(--space-y-reverse)) !important; + .md\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .lg\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .lg\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; + .md\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .lg\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .lg\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(4rem * var(--space-y-reverse)) !important; + .md\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .lg\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .lg\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(5rem * var(--space-y-reverse)) !important; + .md\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .lg\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .lg\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(6rem * var(--space-y-reverse)) !important; + .md\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .lg\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .lg\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(7rem * var(--space-y-reverse)) !important; + .md\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .lg\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .lg\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(8rem * var(--space-y-reverse)) !important; + .md\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .lg\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .lg\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(9rem * var(--space-y-reverse)) !important; + .md\:hover\:via-pink-900:hover { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .lg\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-transparent:hover { + --gradient-to-color: transparent !important; } - .lg\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(10rem * var(--space-y-reverse)) !important; + .md\:hover\:to-current:hover { + --gradient-to-color: currentColor !important; } - .lg\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-black:hover { + --gradient-to-color: #000 !important; } - .lg\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(11rem * var(--space-y-reverse)) !important; + .md\:hover\:to-white:hover { + --gradient-to-color: #fff !important; } - .lg\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa !important; } - .lg\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(12rem * var(--space-y-reverse)) !important; + .md\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5 !important; } - .lg\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7 !important; } - .lg\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(13rem * var(--space-y-reverse)) !important; + .md\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8 !important; } - .lg\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa !important; } - .lg\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(14rem * var(--space-y-reverse)) !important; + .md\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a !important; } - .lg\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b !important; } - .lg\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(15rem * var(--space-y-reverse)) !important; + .md\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46 !important; } - .lg\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a !important; } - .lg\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(16rem * var(--space-y-reverse)) !important; + .md\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b !important; } - .lg\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2 !important; } - .lg\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(18rem * var(--space-y-reverse)) !important; + .md\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2 !important; } - .lg\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca !important; } - .lg\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(20rem * var(--space-y-reverse)) !important; + .md\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5 !important; } - .lg\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-red-400:hover { + --gradient-to-color: #f87171 !important; } - .lg\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(24rem * var(--space-y-reverse)) !important; + .md\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444 !important; } - .lg\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626 !important; } - .lg\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1px * var(--space-y-reverse)) !important; + .md\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c !important; } - .lg\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b !important; } - .lg\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; + .md\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d !important; } - .lg\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb !important; } - .lg\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; + .md\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7 !important; } - .lg\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a !important; } - .lg\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; + .md\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d !important; } - .lg\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24 !important; } - .lg\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; + .md\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b !important; } - .lg\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706 !important; } - .lg\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; + .md\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309 !important; } - .lg\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e !important; } - .lg\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; + .md\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f !important; } - .lg\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5 !important; } - .lg\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; + .md\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5 !important; } - .lg\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0 !important; } - .lg\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; + .md\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7 !important; } - .lg\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-green-400:hover { + --gradient-to-color: #34d399 !important; } - .lg\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; + .md\:hover\:to-green-500:hover { + --gradient-to-color: #10b981 !important; } - .lg\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-green-600:hover { + --gradient-to-color: #059669 !important; } - .lg\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; + .md\:hover\:to-green-700:hover { + --gradient-to-color: #047857 !important; } - .lg\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-green-800:hover { + --gradient-to-color: #065f46 !important; } - .lg\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; + .md\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b !important; } - .lg\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff !important; } - .lg\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; + .md\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe !important; } - .lg\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe !important; } - .lg\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; + .md\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd !important; } - .lg\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa !important; } - .lg\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; + .md\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6 !important; } - .lg\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb !important; } - .lg\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; + .md\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8 !important; } - .lg\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af !important; } - .lg\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; + .md\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a !important; } - .lg\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff !important; } - .lg\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; + .md\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe !important; } - .lg\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe !important; } - .lg\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; + .md\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd !important; } - .lg\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa !important; } - .lg\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; + .md\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6 !important; } - .lg\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed !important; } - .lg\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; + .md\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9 !important; } - .lg\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6 !important; } - .lg\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; + .md\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95 !important; } - .lg\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8 !important; } - .lg\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; + .md\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3 !important; } - .lg\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8 !important; } - .lg\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; + .md\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4 !important; } - .lg\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6 !important; } - .lg\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; + .md\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899 !important; } - .lg\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777 !important; } - .lg\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; + .md\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d !important; } - .lg\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; + .md\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d !important; } - .lg\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; + .md\:hover\:to-pink-900:hover { + --gradient-to-color: #831843 !important; } - .lg\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-transparent:focus { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; + .md\:focus\:from-current:focus { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-black:focus { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; + .md\:focus\:from-white:focus { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; + .md\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; + .md\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; + .md\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; + .md\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1px * var(--space-y-reverse)) !important; + .md\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; + .md\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; + .md\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-red-400:focus { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .lg\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; + .md\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .lg\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; + .md\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; + .md\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .lg\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1 !important; + .md\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .lg\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1 !important; + .md\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .lg\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; + .md\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .lg\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; + .md\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .lg\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; + .md\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .lg\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; + .md\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .lg\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; + .md\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .lg\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; + .md\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .lg\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; + .md\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .lg\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; + .md\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .lg\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; + .md\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .lg\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; + .md\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .lg\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1 !important; + .md\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .lg\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1 !important; + .md\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .lg\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; + .md\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .lg\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; + .md\:focus\:from-green-400:focus { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .lg\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; + .md\:focus\:from-green-500:focus { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .lg\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; + .md\:focus\:from-green-600:focus { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .lg\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; + .md\:focus\:from-green-700:focus { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .lg\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; + .md\:focus\:from-green-800:focus { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .lg\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; + .md\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .lg\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; + .md\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .lg\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; + .md\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .lg\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; + .md\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .lg\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; + .md\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .lg\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; + .md\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .lg\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; + .md\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .lg\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; + .md\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .lg\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; + .md\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .lg\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; + .md\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .lg\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; + .md\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .lg\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; + .md\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .lg\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; + .md\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .lg\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; + .md\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .lg\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; + .md\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .lg\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; + .md\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .lg\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; + .md\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .lg\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; + .md\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .lg\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; + .md\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .lg\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; + .md\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .lg\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; + .md\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .lg\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; + .md\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .lg\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; + .md\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .lg\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; + .md\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .lg\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; + .md\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .lg\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; + .md\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .lg\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; + .md\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .lg\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; + .md\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .lg\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; + .md\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .lg\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; + .md\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .lg\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; + .md\:focus\:from-pink-900:focus { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .lg\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; + .md\:focus\:via-transparent:focus { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; + .md\:focus\:via-current:focus { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; + .md\:focus\:via-black:focus { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; + .md\:focus\:via-white:focus { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; + .md\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; + .md\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; + .md\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; + .md\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; + .md\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; + .md\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; + .md\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; + .md\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; + .md\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; + .md\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; + .md\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; + .md\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; + .md\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; + .md\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; + .md\:focus\:via-red-400:focus { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .lg\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; + .md\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .lg\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; + .md\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .lg\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; + .md\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .lg\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; + .md\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .lg\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; + .md\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .lg\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .lg\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .lg\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .lg\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .lg\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .lg\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .lg\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .lg\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .lg\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .lg\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; + .md\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .lg\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; + .md\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .lg\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; + .md\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .lg\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; + .md\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .lg\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } + .md\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .lg\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } + .md\:focus\:via-green-400:focus { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .lg\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } + .md\:focus\:via-green-500:focus { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .lg\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } + .md\:focus\:via-green-600:focus { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .lg\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } + .md\:focus\:via-green-700:focus { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .lg\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } + .md\:focus\:via-green-800:focus { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .lg\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } + .md\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .lg\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .lg\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .lg\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .lg\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .lg\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .lg\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .lg\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .lg\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .lg\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .lg\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } + .md\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .lg\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .lg\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .lg\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .lg\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .lg\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .lg\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .lg\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .lg\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .lg\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .lg\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } + .md\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .lg\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .lg\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .lg\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .lg\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .lg\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .lg\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .lg\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .lg\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .lg\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .lg\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } + .md\:focus\:via-pink-900:focus { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .lg\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } + .md\:focus\:to-transparent:focus { + --gradient-to-color: transparent !important; + } - .lg\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } + .md\:focus\:to-current:focus { + --gradient-to-color: currentColor !important; + } - .lg\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } + .md\:focus\:to-black:focus { + --gradient-to-color: #000 !important; + } - .lg\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } + .md\:focus\:to-white:focus { + --gradient-to-color: #fff !important; + } - .lg\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa !important; + } - .lg\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5 !important; + } - .lg\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7 !important; + } - .lg\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8 !important; + } - .lg\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa !important; + } - .lg\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a !important; + } - .lg\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b !important; + } - .lg\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46 !important; + } - .lg\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a !important; + } - .lg\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } + .md\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b !important; + } - .lg\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2 !important; + } - .lg\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2 !important; + } - .lg\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca !important; + } - .lg\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5 !important; + } - .lg\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-400:focus { + --gradient-to-color: #f87171 !important; + } - .lg\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444 !important; + } - .lg\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626 !important; + } - .lg\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c !important; + } - .lg\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b !important; + } - .lg\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } + .md\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d !important; + } - .lg\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb !important; + } - .lg\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7 !important; + } - .lg\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a !important; + } - .lg\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d !important; + } - .lg\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24 !important; + } - .lg\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b !important; + } - .lg\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706 !important; + } - .lg\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309 !important; + } - .lg\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e !important; + } - .lg\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } + .md\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f !important; + } - .lg\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } + .md\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5 !important; + } - .lg\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } + .md\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5 !important; } - .lg\:divide-solid > :not(template) ~ :not(template) { - border-style: solid !important; + .md\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0 !important; } - .lg\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed !important; + .md\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7 !important; } - .lg\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted !important; + .md\:focus\:to-green-400:focus { + --gradient-to-color: #34d399 !important; } - .lg\:divide-double > :not(template) ~ :not(template) { - border-style: double !important; + .md\:focus\:to-green-500:focus { + --gradient-to-color: #10b981 !important; } - .lg\:divide-none > :not(template) ~ :not(template) { - border-style: none !important; + .md\:focus\:to-green-600:focus { + --gradient-to-color: #059669 !important; } - .lg\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0 !important; + .md\:focus\:to-green-700:focus { + --gradient-to-color: #047857 !important; } - .lg\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25 !important; + .md\:focus\:to-green-800:focus { + --gradient-to-color: #065f46 !important; } - .lg\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5 !important; + .md\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b !important; } - .lg\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75 !important; + .md\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff !important; } - .lg\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; + .md\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe !important; } - .lg\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .md\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe !important; } - .lg\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .md\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd !important; } - .lg\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .md\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa !important; } - .lg\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .md\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6 !important; } - .lg\:appearance-none { - appearance: none !important; + .md\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb !important; } - .lg\:bg-fixed { - background-attachment: fixed !important; + .md\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8 !important; } - .lg\:bg-local { - background-attachment: local !important; + .md\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af !important; } - .lg\:bg-scroll { - background-attachment: scroll !important; + .md\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a !important; } - .lg\:bg-clip-border { - background-clip: border-box !important; + .md\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff !important; } - .lg\:bg-clip-padding { - background-clip: padding-box !important; + .md\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe !important; } - .lg\:bg-clip-content { - background-clip: content-box !important; + .md\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe !important; } - .lg\:bg-clip-text { - background-clip: text !important; + .md\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd !important; } - .lg\:bg-transparent { - background-color: transparent !important; + .md\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa !important; } - .lg\:bg-current { - background-color: currentColor !important; + .md\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6 !important; } - .lg\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .md\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed !important; } - .lg\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .md\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9 !important; } - .lg\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .md\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6 !important; } - .lg\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .md\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95 !important; } - .lg\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .md\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8 !important; } - .lg\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .md\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3 !important; } - .lg\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .md\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8 !important; } - .lg\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .md\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4 !important; } - .lg\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .md\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6 !important; } - .lg\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .md\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899 !important; } - .lg\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .md\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777 !important; } - .lg\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .md\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d !important; } - .lg\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .md\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d !important; } - .lg\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .md\:focus\:to-pink-900:focus { + --gradient-to-color: #831843 !important; } - .lg\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .md\:bg-opacity-0 { + --bg-opacity: 0 !important; } - .lg\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .md\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } - .lg\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .md\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } - .lg\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .md\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } - .lg\:bg-red-600 { + .md\:bg-opacity-100 { --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .lg\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:bg-opacity-0 { + --bg-opacity: 0 !important; } - .lg\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } - .lg\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } - .lg\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } - .lg\:bg-yellow-100 { + .group:hover .md\:group-hover\:bg-opacity-100 { --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .lg\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .md\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; } - .lg\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .md\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; } - .lg\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .md\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; } - .lg\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .md\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; } - .lg\:bg-yellow-600 { + .md\:hover\:bg-opacity-100:hover { --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .lg\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .md\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; } - .lg\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .md\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; } - .lg\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .md\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; } - .lg\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .md\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; } - .lg\:bg-green-100 { + .md\:focus\:bg-opacity-100:focus { --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .lg\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .md\:bg-bottom { + background-position: bottom !important; } - .lg\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .md\:bg-center { + background-position: center !important; } - .lg\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .md\:bg-left { + background-position: left !important; } - .lg\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .md\:bg-left-bottom { + background-position: left bottom !important; } - .lg\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .md\:bg-left-top { + background-position: left top !important; } - .lg\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .md\:bg-right { + background-position: right !important; } - .lg\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .md\:bg-right-bottom { + background-position: right bottom !important; } - .lg\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .md\:bg-right-top { + background-position: right top !important; } - .lg\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .md\:bg-top { + background-position: top !important; } - .lg\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .md\:bg-repeat { + background-repeat: repeat !important; } - .lg\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .md\:bg-no-repeat { + background-repeat: no-repeat !important; } - .lg\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .md\:bg-repeat-x { + background-repeat: repeat-x !important; } - .lg\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .md\:bg-repeat-y { + background-repeat: repeat-y !important; } - .lg\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .md\:bg-repeat-round { + background-repeat: round !important; } - .lg\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .md\:bg-repeat-space { + background-repeat: space !important; } - .lg\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .md\:bg-auto { + background-size: auto !important; } - .lg\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .md\:bg-cover { + background-size: cover !important; } - .lg\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .md\:bg-contain { + background-size: contain !important; } - .lg\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .md\:border-collapse { + border-collapse: collapse !important; } - .lg\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .md\:border-separate { + border-collapse: separate !important; } - .lg\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .md\:border-transparent { + border-color: transparent !important; } - .lg\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .md\:border-current { + border-color: currentColor !important; } - .lg\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .md\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .lg\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .md\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .lg\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .md\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .lg\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .md\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .lg\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .md\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .lg\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .md\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .lg\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .md\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .lg\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .md\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .lg\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .md\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .lg\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .md\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .lg\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .md\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .lg\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .md\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .lg\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .md\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .lg\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .md\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .lg\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .md\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .lg\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .md\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-transparent { - background-color: transparent !important; + .md\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-current { - background-color: currentColor !important; + .md\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .md\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .md\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .md\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .md\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .md\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .md\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .md\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .md\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .md\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .md\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .md\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .md\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .md\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .md\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .md\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .md\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .md\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .md\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .md\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .md\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .md\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .md\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .md\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .md\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .md\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .md\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .md\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .md\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .md\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .md\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .md\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .md\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .md\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .md\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .md\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .md\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .md\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .md\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .md\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .md\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .md\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .md\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .md\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .md\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .md\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .md\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .md\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .md\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .md\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .md\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .md\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .md\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .md\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .md\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-transparent { + border-color: transparent !important; } - .group:hover .lg\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-current { + border-color: currentColor !important; } - .group:hover .lg\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent !important; + .group:hover .md\:group-hover\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .lg\:hover\:bg-current:hover { - background-color: currentColor !important; + .group:hover .md\:group-hover\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .lg\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .lg\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .lg\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .lg\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .lg\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .lg\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .lg\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .group:hover .md\:group-hover\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .md\:hover\:border-transparent:hover { + border-color: transparent !important; } - .lg\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .md\:hover\:border-current:hover { + border-color: currentColor !important; } - .lg\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .md\:hover\:border-black:hover { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .md\:hover\:border-white:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .md\:hover\:border-gray-50:hover { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .md\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .md\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .lg\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .md\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .md\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .md\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .md\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .md\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .md\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .md\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .md\:hover\:border-red-50:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .md\:hover\:border-red-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .md\:hover\:border-red-200:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .lg\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .md\:hover\:border-red-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .lg\:focus\:bg-transparent:focus { - background-color: transparent !important; + .md\:hover\:border-red-400:hover { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .lg\:focus\:bg-current:focus { - background-color: currentColor !important; + .md\:hover\:border-red-500:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .lg\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .md\:hover\:border-red-600:hover { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .lg\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .md\:hover\:border-red-700:hover { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .md\:hover\:border-red-800:hover { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .md\:hover\:border-red-900:hover { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-50:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .lg\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .md\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .md\:hover\:border-green-50:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .md\:hover\:border-green-100:hover { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .md\:hover\:border-green-200:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .md\:hover\:border-green-300:hover { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .md\:hover\:border-green-400:hover { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .md\:hover\:border-green-500:hover { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .md\:hover\:border-green-600:hover { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .lg\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .md\:hover\:border-green-700:hover { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .md\:hover\:border-green-800:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .md\:hover\:border-green-900:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .md\:hover\:border-blue-50:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .md\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .md\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .md\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .md\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .md\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .md\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .lg\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .md\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .md\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .md\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .md\:hover\:border-purple-50:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .md\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .md\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .md\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .md\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .md\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .md\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .lg\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .md\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .md\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .md\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .md\:hover\:border-pink-50:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .md\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .md\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .md\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .md\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .md\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .md\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .lg\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .md\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .md\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .md\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .md\:focus\:border-transparent:focus { + border-color: transparent !important; } - .lg\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .md\:focus\:border-current:focus { + border-color: currentColor !important; } - .lg\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .md\:focus\:border-black:focus { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .md\:focus\:border-white:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .md\:focus\:border-gray-50:focus { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .md\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .md\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .lg\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .md\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .md\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .md\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .md\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .md\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .md\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .md\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .md\:focus\:border-red-50:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .md\:focus\:border-red-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .md\:focus\:border-red-200:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .lg\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .md\:focus\:border-red-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:bg-transparent { - background-color: transparent !important; - } - - .lg\:dark\:bg-current { - background-color: currentColor !important; - } - - .lg\:dark\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .lg\:dark\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .md\:focus\:border-red-400:focus { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .md\:focus\:border-red-500:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .md\:focus\:border-red-600:focus { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .md\:focus\:border-red-700:focus { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .md\:focus\:border-red-800:focus { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .md\:focus\:border-red-900:focus { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-50:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + } - .lg\:dark\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .md\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-50:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-100:focus { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-200:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-300:focus { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + } - .lg\:dark\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-400:focus { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-500:focus { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-600:focus { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-700:focus { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-800:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .md\:focus\:border-green-900:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-50:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + } - .lg\:dark\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .md\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-50:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + } - .lg\:dark\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-transparent { - background-color: transparent !important; - } + .md\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-current { - background-color: currentColor !important; - } + .md\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .md\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-50:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .md\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .md\:border-opacity-0 { + --border-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .md\:border-opacity-25 { + --border-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .md\:border-opacity-50 { + --border-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .md\:border-opacity-75 { + --border-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .md\:border-opacity-100 { + --border-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .group:hover .md\:group-hover\:border-opacity-0 { + --border-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .group:hover .md\:group-hover\:border-opacity-25 { + --border-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .group:hover .md\:group-hover\:border-opacity-50 { + --border-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .group:hover .md\:group-hover\:border-opacity-75 { + --border-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .group:hover .md\:group-hover\:border-opacity-100 { + --border-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .md\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .md\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .md\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .md\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .md\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .md\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .md\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .md\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .md\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .md\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .md\:rounded-none { + border-radius: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .md\:rounded-sm { + border-radius: 0.125rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .md\:rounded { + border-radius: 0.25rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .md\:rounded-md { + border-radius: 0.375rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .md\:rounded-lg { + border-radius: 0.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .md\:rounded-xl { + border-radius: 0.75rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .md\:rounded-2xl { + border-radius: 1rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .md\:rounded-3xl { + border-radius: 1.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .md\:rounded-full { + border-radius: 9999px !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .md\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .md\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .md\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .md\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .md\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .md\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .md\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .md\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .md\:rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .md\:rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .md\:rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .md\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .md\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .md\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-transparent:hover { - background-color: transparent !important; - } + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-current:hover { - background-color: currentColor !important; - } + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .md\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .md\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .md\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .md\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .md\:rounded-tl-none { + border-top-left-radius: 0 !important; + } - .lg\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .md\:rounded-tr-none { + border-top-right-radius: 0 !important; + } - .lg\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .md\:rounded-br-none { + border-bottom-right-radius: 0 !important; + } - .lg\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .md\:rounded-bl-none { + border-bottom-left-radius: 0 !important; + } - .lg\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; + } - .lg\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; + } - .lg\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; + } - .lg\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; + } - .lg\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .md\:rounded-tl { + border-top-left-radius: 0.25rem !important; + } - .lg\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .md\:rounded-tr { + border-top-right-radius: 0.25rem !important; + } - .lg\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .md\:rounded-br { + border-bottom-right-radius: 0.25rem !important; + } - .lg\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; + } - .lg\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem !important; + } - .lg\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem !important; + } - .lg\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem !important; + } - .lg\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; + } - .lg\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; + } - .lg\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; + } - .lg\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; + } - .lg\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; + } - .lg\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } - .lg\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } - .lg\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } - .lg\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } - .lg\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } - .lg\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } - .lg\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } - .lg\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } - .lg\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } - .lg\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .md\:rounded-tl-full { + border-top-left-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .md\:rounded-tr-full { + border-top-right-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .md\:rounded-br-full { + border-bottom-right-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; + } - .lg\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .md\:border-solid { + border-style: solid !important; + } - .lg\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .md\:border-dashed { + border-style: dashed !important; + } - .lg\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .md\:border-dotted { + border-style: dotted !important; + } - .lg\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .md\:border-double { + border-style: double !important; + } - .lg\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .md\:border-none { + border-style: none !important; + } - .lg\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .md\:border-0 { + border-width: 0 !important; + } - .lg\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .md\:border-2 { + border-width: 2px !important; + } - .lg\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .md\:border-4 { + border-width: 4px !important; + } - .lg\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .md\:border-8 { + border-width: 8px !important; + } - .lg\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .md\:border { + border-width: 1px !important; + } - .lg\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .md\:border-t-0 { + border-top-width: 0 !important; + } - .lg\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .md\:border-r-0 { + border-right-width: 0 !important; + } - .lg\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .md\:border-b-0 { + border-bottom-width: 0 !important; + } - .lg\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .md\:border-l-0 { + border-left-width: 0 !important; + } - .lg\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .md\:border-t-2 { + border-top-width: 2px !important; + } - .lg\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .md\:border-r-2 { + border-right-width: 2px !important; + } - .lg\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .md\:border-b-2 { + border-bottom-width: 2px !important; + } - .lg\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .md\:border-l-2 { + border-left-width: 2px !important; + } - .lg\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .md\:border-t-4 { + border-top-width: 4px !important; + } - .lg\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .md\:border-r-4 { + border-right-width: 4px !important; + } - .lg\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .md\:border-b-4 { + border-bottom-width: 4px !important; + } - .lg\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .md\:border-l-4 { + border-left-width: 4px !important; + } - .lg\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .md\:border-t-8 { + border-top-width: 8px !important; + } - .lg\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .md\:border-r-8 { + border-right-width: 8px !important; + } - .lg\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .md\:border-b-8 { + border-bottom-width: 8px !important; + } - .lg\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .md\:border-l-8 { + border-left-width: 8px !important; + } - .lg\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .md\:border-t { + border-top-width: 1px !important; + } - .lg\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .md\:border-r { + border-right-width: 1px !important; + } - .lg\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .md\:border-b { + border-bottom-width: 1px !important; + } - .lg\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .md\:border-l { + border-left-width: 1px !important; + } - .lg\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .md\:box-border { + box-sizing: border-box !important; + } - .lg\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .md\:box-content { + box-sizing: content-box !important; + } - .lg\:dark\:focus\:bg-transparent:focus { - background-color: transparent !important; - } + .md\:cursor-auto { + cursor: auto !important; + } - .lg\:dark\:focus\:bg-current:focus { - background-color: currentColor !important; - } + .md\:cursor-default { + cursor: default !important; + } - .lg\:dark\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .md\:cursor-pointer { + cursor: pointer !important; + } - .lg\:dark\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .md\:cursor-wait { + cursor: wait !important; + } - .lg\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .md\:cursor-text { + cursor: text !important; + } - .lg\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .md\:cursor-move { + cursor: move !important; + } - .lg\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .md\:cursor-not-allowed { + cursor: not-allowed !important; + } - .lg\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .md\:block { + display: block !important; + } - .lg\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .md\:inline-block { + display: inline-block !important; + } - .lg\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .md\:inline { + display: inline !important; + } - .lg\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .md\:flex { + display: flex !important; + } - .lg\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .md\:inline-flex { + display: inline-flex !important; + } - .lg\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .md\:table { + display: table !important; + } - .lg\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .md\:table-caption { + display: table-caption !important; + } - .lg\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .md\:table-cell { + display: table-cell !important; + } - .lg\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .md\:table-column { + display: table-column !important; + } - .lg\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .md\:table-column-group { + display: table-column-group !important; + } - .lg\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .md\:table-footer-group { + display: table-footer-group !important; + } - .lg\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .md\:table-header-group { + display: table-header-group !important; + } - .lg\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .md\:table-row-group { + display: table-row-group !important; + } - .lg\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .md\:table-row { + display: table-row !important; + } - .lg\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .md\:flow-root { + display: flow-root !important; + } - .lg\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .md\:grid { + display: grid !important; + } - .lg\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .md\:inline-grid { + display: inline-grid !important; + } - .lg\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .md\:contents { + display: contents !important; + } - .lg\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .md\:hidden { + display: none !important; + } - .lg\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .md\:flex-row { + flex-direction: row !important; + } - .lg\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .md\:flex-row-reverse { + flex-direction: row-reverse !important; + } - .lg\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .md\:flex-col { + flex-direction: column !important; + } - .lg\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .md\:flex-col-reverse { + flex-direction: column-reverse !important; + } - .lg\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .md\:flex-wrap { + flex-wrap: wrap !important; + } - .lg\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .lg\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .md\:flex-no-wrap { + flex-wrap: nowrap !important; + } - .lg\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .md\:place-items-auto { + place-items: auto !important; + } - .lg\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .md\:place-items-start { + place-items: start !important; + } - .lg\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .md\:place-items-end { + place-items: end !important; + } - .lg\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .md\:place-items-center { + place-items: center !important; + } - .lg\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .md\:place-items-stretch { + place-items: stretch !important; + } - .lg\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .md\:place-content-center { + place-content: center !important; + } - .lg\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .md\:place-content-start { + place-content: start !important; + } - .lg\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .md\:place-content-end { + place-content: end !important; + } - .lg\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .md\:place-content-between { + place-content: space-between !important; + } - .lg\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .md\:place-content-around { + place-content: space-around !important; + } - .lg\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .md\:place-content-evenly { + place-content: space-evenly !important; + } - .lg\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .md\:place-content-stretch { + place-content: stretch !important; + } - .lg\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .md\:place-self-auto { + place-self: auto !important; + } - .lg\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .md\:place-self-start { + place-self: start !important; + } - .lg\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .md\:place-self-end { + place-self: end !important; + } - .lg\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .md\:place-self-center { + place-self: center !important; + } - .lg\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .md\:place-self-stretch { + place-self: stretch !important; + } - .lg\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .md\:items-start { + align-items: flex-start !important; + } - .lg\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .md\:items-end { + align-items: flex-end !important; + } - .lg\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .md\:items-center { + align-items: center !important; + } - .lg\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .md\:items-baseline { + align-items: baseline !important; + } - .lg\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .md\:items-stretch { + align-items: stretch !important; + } - .lg\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .md\:content-center { + align-content: center !important; + } - .lg\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .md\:content-start { + align-content: flex-start !important; + } - .lg\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .md\:content-end { + align-content: flex-end !important; + } - .lg\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .md\:content-between { + align-content: space-between !important; + } - .lg\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .md\:content-around { + align-content: space-around !important; + } - .lg\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .md\:content-evenly { + align-content: space-evenly !important; + } - .lg\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .md\:self-auto { + align-self: auto !important; + } - .lg\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .md\:self-start { + align-self: flex-start !important; + } - .lg\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .md\:self-end { + align-self: flex-end !important; + } - .lg\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .md\:self-center { + align-self: center !important; + } - .lg\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .md\:self-stretch { + align-self: stretch !important; + } - .lg\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .md\:justify-items-auto { + justify-items: auto !important; + } - .lg\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .md\:justify-items-start { + justify-items: start !important; + } - .lg\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .md\:justify-items-end { + justify-items: end !important; + } - .lg\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .md\:justify-items-center { + justify-items: center !important; + } - .lg\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .md\:justify-items-stretch { + justify-items: stretch !important; + } - .lg\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .md\:justify-start { + justify-content: flex-start !important; + } - .lg\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .md\:justify-end { + justify-content: flex-end !important; + } - .lg\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .md\:justify-center { + justify-content: center !important; } - .lg\:bg-none { - background-image: none !important; + .md\:justify-between { + justify-content: space-between !important; } - .lg\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; + .md\:justify-around { + justify-content: space-around !important; } - .lg\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; + .md\:justify-evenly { + justify-content: space-evenly !important; } - .lg\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; + .md\:justify-self-auto { + justify-self: auto !important; } - .lg\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; + .md\:justify-self-start { + justify-self: start !important; } - .lg\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; + .md\:justify-self-end { + justify-self: end !important; } - .lg\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; + .md\:justify-self-center { + justify-self: center !important; } - .lg\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; + .md\:justify-self-stretch { + justify-self: stretch !important; } - .lg\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; + .md\:flex-1 { + flex: 1 1 0% !important; } - .lg\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:flex-auto { + flex: 1 1 auto !important; } - .lg\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:flex-initial { + flex: 0 1 auto !important; } - .lg\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:flex-none { + flex: none !important; } - .lg\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:flex-grow-0 { + flex-grow: 0 !important; } - .lg\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .md\:flex-grow { + flex-grow: 1 !important; } - .lg\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .md\:flex-shrink-0 { + flex-shrink: 0 !important; } - .lg\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .md\:flex-shrink { + flex-shrink: 1 !important; } - .lg\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .md\:order-1 { + order: 1 !important; } - .lg\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .md\:order-2 { + order: 2 !important; } - .lg\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .md\:order-3 { + order: 3 !important; } - .lg\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .md\:order-4 { + order: 4 !important; } - .lg\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .md\:order-5 { + order: 5 !important; } - .lg\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .md\:order-6 { + order: 6 !important; } - .lg\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .md\:order-7 { + order: 7 !important; } - .lg\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .md\:order-8 { + order: 8 !important; } - .lg\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .md\:order-9 { + order: 9 !important; } - .lg\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .md\:order-10 { + order: 10 !important; } - .lg\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .md\:order-11 { + order: 11 !important; } - .lg\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .md\:order-12 { + order: 12 !important; } - .lg\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .md\:order-first { + order: -9999 !important; } - .lg\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .md\:order-last { + order: 9999 !important; } - .lg\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .md\:order-none { + order: 0 !important; } - .lg\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .md\:float-right { + float: right !important; } - .lg\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .md\:float-left { + float: left !important; } - .lg\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .md\:float-none { + float: none !important; } - .lg\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .md\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .lg\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .md\:clear-left { + clear: left !important; } - .lg\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .md\:clear-right { + clear: right !important; } - .lg\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .md\:clear-both { + clear: both !important; } - .lg\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .md\:clear-none { + clear: none !important; } - .lg\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .md\:font-sans { + font-family: ui-sans-serif, 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" !important; } - .lg\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .md\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; } - .lg\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .md\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .lg\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .md\:font-thin { + font-weight: 100 !important; } - .lg\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .md\:font-extralight { + font-weight: 200 !important; } - .lg\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .md\:font-light { + font-weight: 300 !important; } - .lg\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .md\:font-normal { + font-weight: 400 !important; } - .lg\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .md\:font-medium { + font-weight: 500 !important; } - .lg\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .md\:font-semibold { + font-weight: 600 !important; } - .lg\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .md\:font-bold { + font-weight: 700 !important; } - .lg\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .md\:font-extrabold { + font-weight: 800 !important; } - .lg\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .md\:font-black { + font-weight: 900 !important; } - .lg\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .md\:hover\:font-thin:hover { + font-weight: 100 !important; } - .lg\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .md\:hover\:font-extralight:hover { + font-weight: 200 !important; } - .lg\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .md\:hover\:font-light:hover { + font-weight: 300 !important; } - .lg\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .md\:hover\:font-normal:hover { + font-weight: 400 !important; } - .lg\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .md\:hover\:font-medium:hover { + font-weight: 500 !important; } - .lg\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .md\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .lg\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .md\:hover\:font-bold:hover { + font-weight: 700 !important; } - .lg\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .md\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .lg\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .md\:hover\:font-black:hover { + font-weight: 900 !important; } - .lg\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .md\:focus\:font-thin:focus { + font-weight: 100 !important; } - .lg\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .md\:focus\:font-extralight:focus { + font-weight: 200 !important; } - .lg\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .md\:focus\:font-light:focus { + font-weight: 300 !important; } - .lg\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .md\:focus\:font-normal:focus { + font-weight: 400 !important; } - .lg\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .md\:focus\:font-medium:focus { + font-weight: 500 !important; } - .lg\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .md\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .lg\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .md\:focus\:font-bold:focus { + font-weight: 700 !important; } - .lg\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .md\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .lg\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .md\:focus\:font-black:focus { + font-weight: 900 !important; } - .lg\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .md\:h-0 { + height: 0 !important; } - .lg\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .md\:h-1 { + height: 0.25rem !important; } - .lg\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .md\:h-2 { + height: 0.5rem !important; } - .lg\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .md\:h-3 { + height: 0.75rem !important; } - .lg\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .md\:h-4 { + height: 1rem !important; } - .lg\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .md\:h-5 { + height: 1.25rem !important; } - .lg\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .md\:h-6 { + height: 1.5rem !important; } - .lg\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .md\:h-7 { + height: 1.75rem !important; } - .lg\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .md\:h-8 { + height: 2rem !important; } - .lg\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .md\:h-9 { + height: 2.25rem !important; } - .lg\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .md\:h-10 { + height: 2.5rem !important; } - .lg\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .md\:h-12 { + height: 3rem !important; } - .lg\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .md\:h-14 { + height: 3.5rem !important; } - .lg\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .md\:h-16 { + height: 4rem !important; } - .lg\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:h-20 { + height: 5rem !important; } - .lg\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:h-24 { + height: 6rem !important; } - .lg\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:h-28 { + height: 7rem !important; } - .lg\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:h-32 { + height: 8rem !important; } - .lg\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .md\:h-36 { + height: 9rem !important; } - .lg\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .md\:h-40 { + height: 10rem !important; } - .lg\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .md\:h-44 { + height: 11rem !important; } - .lg\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .md\:h-48 { + height: 12rem !important; } - .lg\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .md\:h-52 { + height: 13rem !important; } - .lg\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .md\:h-56 { + height: 14rem !important; } - .lg\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .md\:h-60 { + height: 15rem !important; } - .lg\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .md\:h-64 { + height: 16rem !important; } - .lg\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .md\:h-72 { + height: 18rem !important; } - .lg\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .md\:h-80 { + height: 20rem !important; } - .lg\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .md\:h-96 { + height: 24rem !important; } - .lg\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .md\:h-auto { + height: auto !important; } - .lg\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .md\:h-px { + height: 1px !important; } - .lg\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .md\:h-0\.5 { + height: 0.125rem !important; } - .lg\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .md\:h-1\.5 { + height: 0.375rem !important; } - .lg\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .md\:h-2\.5 { + height: 0.625rem !important; } - .lg\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .md\:h-3\.5 { + height: 0.875rem !important; } - .lg\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .md\:h-full { + height: 100% !important; } - .lg\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .md\:h-screen { + height: 100vh !important; } - .lg\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .md\:text-xs { + font-size: 0.75rem !important; + line-height: 1rem !important; } - .lg\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .md\:text-sm { + font-size: 0.875rem !important; + line-height: 1.25rem !important; } - .lg\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .md\:text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; } - .lg\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .md\:text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; } - .lg\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .md\:text-xl { + font-size: 1.25rem !important; + line-height: 1.75rem !important; } - .lg\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .md\:text-2xl { + font-size: 1.5rem !important; + line-height: 2rem !important; } - .lg\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .md\:text-3xl { + font-size: 1.875rem !important; + line-height: 2.25rem !important; } - .lg\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .md\:text-4xl { + font-size: 2.25rem !important; + line-height: 2.5rem !important; } - .lg\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .md\:text-5xl { + font-size: 3rem !important; + line-height: 1 !important; } - .lg\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .md\:text-6xl { + font-size: 3.75rem !important; + line-height: 1 !important; } - .lg\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .md\:text-7xl { + font-size: 4.5rem !important; + line-height: 1 !important; } - .lg\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .md\:text-8xl { + font-size: 6rem !important; + line-height: 1 !important; } - .lg\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .md\:text-9xl { + font-size: 8rem !important; + line-height: 1 !important; } - .lg\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .md\:leading-3 { + line-height: .75rem !important; } - .lg\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .md\:leading-4 { + line-height: 1rem !important; } - .lg\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .md\:leading-5 { + line-height: 1.25rem !important; } - .lg\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .md\:leading-6 { + line-height: 1.5rem !important; } - .lg\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .md\:leading-7 { + line-height: 1.75rem !important; } - .lg\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .md\:leading-8 { + line-height: 2rem !important; } - .lg\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .md\:leading-9 { + line-height: 2.25rem !important; } - .lg\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .md\:leading-10 { + line-height: 2.5rem !important; } - .lg\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .md\:leading-none { + line-height: 1 !important; } - .lg\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .md\:leading-tight { + line-height: 1.25 !important; } - .lg\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .md\:leading-snug { + line-height: 1.375 !important; } - .lg\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .md\:leading-normal { + line-height: 1.5 !important; } - .lg\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .md\:leading-relaxed { + line-height: 1.625 !important; } - .lg\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .md\:leading-loose { + line-height: 2 !important; } - .lg\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .md\:list-inside { + list-style-position: inside !important; } - .lg\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .md\:list-outside { + list-style-position: outside !important; } - .lg\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .md\:list-none { + list-style-type: none !important; } - .lg\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .md\:list-disc { + list-style-type: disc !important; } - .lg\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .md\:list-decimal { + list-style-type: decimal !important; } - .lg\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .md\:m-0 { + margin: 0 !important; } - .lg\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .md\:m-1 { + margin: 0.25rem !important; } - .lg\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .md\:m-2 { + margin: 0.5rem !important; } - .lg\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .md\:m-3 { + margin: 0.75rem !important; } - .lg\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .md\:m-4 { + margin: 1rem !important; } - .lg\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .md\:m-5 { + margin: 1.25rem !important; } - .lg\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .md\:m-6 { + margin: 1.5rem !important; } - .lg\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .md\:m-7 { + margin: 1.75rem !important; } - .lg\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .md\:m-8 { + margin: 2rem !important; } - .lg\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .md\:m-9 { + margin: 2.25rem !important; } - .lg\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .md\:m-10 { + margin: 2.5rem !important; } - .lg\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .md\:m-12 { + margin: 3rem !important; } - .lg\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .md\:m-14 { + margin: 3.5rem !important; } - .lg\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .md\:m-16 { + margin: 4rem !important; } - .lg\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .md\:m-20 { + margin: 5rem !important; } - .lg\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .md\:m-24 { + margin: 6rem !important; } - .lg\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .md\:m-28 { + margin: 7rem !important; } - .lg\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .md\:m-32 { + margin: 8rem !important; } - .lg\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .md\:m-36 { + margin: 9rem !important; } - .lg\:to-transparent { - --gradient-to-color: transparent !important; + .md\:m-40 { + margin: 10rem !important; } - .lg\:to-current { - --gradient-to-color: currentColor !important; + .md\:m-44 { + margin: 11rem !important; } - .lg\:to-black { - --gradient-to-color: #000 !important; + .md\:m-48 { + margin: 12rem !important; } - .lg\:to-white { - --gradient-to-color: #fff !important; + .md\:m-52 { + margin: 13rem !important; } - .lg\:to-gray-50 { - --gradient-to-color: #fafafa !important; + .md\:m-56 { + margin: 14rem !important; } - .lg\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; + .md\:m-60 { + margin: 15rem !important; } - .lg\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; + .md\:m-64 { + margin: 16rem !important; } - .lg\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; + .md\:m-72 { + margin: 18rem !important; } - .lg\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; + .md\:m-80 { + margin: 20rem !important; } - .lg\:to-gray-500 { - --gradient-to-color: #71717a !important; + .md\:m-96 { + margin: 24rem !important; } - .lg\:to-gray-600 { - --gradient-to-color: #52525b !important; + .md\:m-auto { + margin: auto !important; } - .lg\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; + .md\:m-px { + margin: 1px !important; } - .lg\:to-gray-800 { - --gradient-to-color: #27272a !important; + .md\:m-0\.5 { + margin: 0.125rem !important; } - .lg\:to-gray-900 { - --gradient-to-color: #18181b !important; + .md\:m-1\.5 { + margin: 0.375rem !important; } - .lg\:to-red-50 { - --gradient-to-color: #fef2f2 !important; + .md\:m-2\.5 { + margin: 0.625rem !important; } - .lg\:to-red-100 { - --gradient-to-color: #fee2e2 !important; + .md\:m-3\.5 { + margin: 0.875rem !important; } - .lg\:to-red-200 { - --gradient-to-color: #fecaca !important; + .md\:-m-1 { + margin: -0.25rem !important; } - .lg\:to-red-300 { - --gradient-to-color: #fca5a5 !important; + .md\:-m-2 { + margin: -0.5rem !important; } - .lg\:to-red-400 { - --gradient-to-color: #f87171 !important; + .md\:-m-3 { + margin: -0.75rem !important; } - .lg\:to-red-500 { - --gradient-to-color: #ef4444 !important; + .md\:-m-4 { + margin: -1rem !important; } - .lg\:to-red-600 { - --gradient-to-color: #dc2626 !important; + .md\:-m-5 { + margin: -1.25rem !important; } - .lg\:to-red-700 { - --gradient-to-color: #b91c1c !important; + .md\:-m-6 { + margin: -1.5rem !important; } - .lg\:to-red-800 { - --gradient-to-color: #991b1b !important; + .md\:-m-7 { + margin: -1.75rem !important; } - .lg\:to-red-900 { - --gradient-to-color: #7f1d1d !important; + .md\:-m-8 { + margin: -2rem !important; } - .lg\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; + .md\:-m-9 { + margin: -2.25rem !important; } - .lg\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; + .md\:-m-10 { + margin: -2.5rem !important; } - .lg\:to-yellow-200 { - --gradient-to-color: #fde68a !important; + .md\:-m-12 { + margin: -3rem !important; } - .lg\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; + .md\:-m-14 { + margin: -3.5rem !important; } - .lg\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; + .md\:-m-16 { + margin: -4rem !important; } - .lg\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; + .md\:-m-20 { + margin: -5rem !important; } - .lg\:to-yellow-600 { - --gradient-to-color: #d97706 !important; + .md\:-m-24 { + margin: -6rem !important; } - .lg\:to-yellow-700 { - --gradient-to-color: #b45309 !important; + .md\:-m-28 { + margin: -7rem !important; } - .lg\:to-yellow-800 { - --gradient-to-color: #92400e !important; + .md\:-m-32 { + margin: -8rem !important; } - .lg\:to-yellow-900 { - --gradient-to-color: #78350f !important; + .md\:-m-36 { + margin: -9rem !important; } - .lg\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; + .md\:-m-40 { + margin: -10rem !important; } - .lg\:to-green-100 { - --gradient-to-color: #d1fae5 !important; + .md\:-m-44 { + margin: -11rem !important; } - .lg\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; + .md\:-m-48 { + margin: -12rem !important; } - .lg\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; + .md\:-m-52 { + margin: -13rem !important; } - .lg\:to-green-400 { - --gradient-to-color: #34d399 !important; + .md\:-m-56 { + margin: -14rem !important; } - .lg\:to-green-500 { - --gradient-to-color: #10b981 !important; + .md\:-m-60 { + margin: -15rem !important; } - .lg\:to-green-600 { - --gradient-to-color: #059669 !important; + .md\:-m-64 { + margin: -16rem !important; } - .lg\:to-green-700 { - --gradient-to-color: #047857 !important; + .md\:-m-72 { + margin: -18rem !important; } - .lg\:to-green-800 { - --gradient-to-color: #065f46 !important; + .md\:-m-80 { + margin: -20rem !important; } - .lg\:to-green-900 { - --gradient-to-color: #064e3b !important; + .md\:-m-96 { + margin: -24rem !important; } - .lg\:to-blue-50 { - --gradient-to-color: #eff6ff !important; + .md\:-m-px { + margin: -1px !important; } - .lg\:to-blue-100 { - --gradient-to-color: #dbeafe !important; + .md\:-m-0\.5 { + margin: -0.125rem !important; } - .lg\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; + .md\:-m-1\.5 { + margin: -0.375rem !important; } - .lg\:to-blue-300 { - --gradient-to-color: #93c5fd !important; + .md\:-m-2\.5 { + margin: -0.625rem !important; } - .lg\:to-blue-400 { - --gradient-to-color: #60a5fa !important; + .md\:-m-3\.5 { + margin: -0.875rem !important; } - .lg\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; + .md\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .lg\:to-blue-600 { - --gradient-to-color: #2563eb !important; + .md\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .lg\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; + .md\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .lg\:to-blue-800 { - --gradient-to-color: #1e40af !important; + .md\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .lg\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; + .md\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .lg\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; + .md\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .lg\:to-purple-100 { - --gradient-to-color: #ede9fe !important; + .md\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .lg\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; + .md\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .lg\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; + .md\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .lg\:to-purple-400 { - --gradient-to-color: #a78bfa !important; + .md\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .lg\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; + .md\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .lg\:to-purple-600 { - --gradient-to-color: #7c3aed !important; + .md\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .lg\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; + .md\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .lg\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; + .md\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .lg\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; + .md\:my-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; } - .lg\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; + .md\:mx-7 { + margin-left: 1.75rem !important; + margin-right: 1.75rem !important; } - .lg\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; + .md\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .lg\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; + .md\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .lg\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; + .md\:my-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; } - .lg\:to-pink-400 { - --gradient-to-color: #f472b6 !important; + .md\:mx-9 { + margin-left: 2.25rem !important; + margin-right: 2.25rem !important; } - .lg\:to-pink-500 { - --gradient-to-color: #ec4899 !important; + .md\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .lg\:to-pink-600 { - --gradient-to-color: #db2777 !important; + .md\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .lg\:to-pink-700 { - --gradient-to-color: #be185d !important; + .md\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .lg\:to-pink-800 { - --gradient-to-color: #9d174d !important; + .md\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .lg\:to-pink-900 { - --gradient-to-color: #831843 !important; + .md\:my-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; } - .lg\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:mx-14 { + margin-left: 3.5rem !important; + margin-right: 3.5rem !important; } - .lg\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .lg\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .lg\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .lg\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .md\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .lg\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .md\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .lg\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .md\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .lg\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .md\:my-28 { + margin-top: 7rem !important; + margin-bottom: 7rem !important; } - .lg\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .md\:mx-28 { + margin-left: 7rem !important; + margin-right: 7rem !important; } - .lg\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .md\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .lg\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .md\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .lg\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .md\:my-36 { + margin-top: 9rem !important; + margin-bottom: 9rem !important; } - .lg\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .md\:mx-36 { + margin-left: 9rem !important; + margin-right: 9rem !important; } - .lg\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .md\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .lg\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .md\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .lg\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .md\:my-44 { + margin-top: 11rem !important; + margin-bottom: 11rem !important; } - .lg\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .md\:mx-44 { + margin-left: 11rem !important; + margin-right: 11rem !important; } - .lg\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .md\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .lg\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .md\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .lg\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .md\:my-52 { + margin-top: 13rem !important; + margin-bottom: 13rem !important; } - .lg\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .md\:mx-52 { + margin-left: 13rem !important; + margin-right: 13rem !important; } - .lg\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .md\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .lg\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .md\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .lg\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .md\:my-60 { + margin-top: 15rem !important; + margin-bottom: 15rem !important; } - .lg\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .md\:mx-60 { + margin-left: 15rem !important; + margin-right: 15rem !important; } - .lg\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .md\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .lg\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .md\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .lg\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .md\:my-72 { + margin-top: 18rem !important; + margin-bottom: 18rem !important; } - .lg\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .md\:mx-72 { + margin-left: 18rem !important; + margin-right: 18rem !important; } - .lg\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .md\:my-80 { + margin-top: 20rem !important; + margin-bottom: 20rem !important; } - .lg\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .md\:mx-80 { + margin-left: 20rem !important; + margin-right: 20rem !important; } - .lg\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .md\:my-96 { + margin-top: 24rem !important; + margin-bottom: 24rem !important; } - .lg\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .md\:mx-96 { + margin-left: 24rem !important; + margin-right: 24rem !important; } - .lg\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .md\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .lg\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .md\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .lg\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .md\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .lg\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .md\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .lg\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .md\:my-0\.5 { + margin-top: 0.125rem !important; + margin-bottom: 0.125rem !important; } - .lg\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .md\:mx-0\.5 { + margin-left: 0.125rem !important; + margin-right: 0.125rem !important; } - .lg\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .md\:my-1\.5 { + margin-top: 0.375rem !important; + margin-bottom: 0.375rem !important; } - .lg\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .md\:mx-1\.5 { + margin-left: 0.375rem !important; + margin-right: 0.375rem !important; } - .lg\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .md\:my-2\.5 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; } - .lg\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .md\:mx-2\.5 { + margin-left: 0.625rem !important; + margin-right: 0.625rem !important; } - .lg\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .md\:my-3\.5 { + margin-top: 0.875rem !important; + margin-bottom: 0.875rem !important; } - .lg\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .md\:mx-3\.5 { + margin-left: 0.875rem !important; + margin-right: 0.875rem !important; } - .lg\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .md\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .lg\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .md\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .lg\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .md\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .lg\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .md\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .lg\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .md\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .lg\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .md\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .lg\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .md\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .lg\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .md\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .lg\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .md\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .lg\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .md\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .lg\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .md\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .lg\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .md\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .lg\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .md\:-my-7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; } - .lg\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .md\:-mx-7 { + margin-left: -1.75rem !important; + margin-right: -1.75rem !important; } - .lg\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .md\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .lg\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .md\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .lg\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .md\:-my-9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; } - .lg\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .md\:-mx-9 { + margin-left: -2.25rem !important; + margin-right: -2.25rem !important; } - .lg\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .md\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .lg\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .md\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .lg\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .md\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .lg\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .md\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .lg\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .md\:-my-14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; } - .lg\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .md\:-mx-14 { + margin-left: -3.5rem !important; + margin-right: -3.5rem !important; } - .lg\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .md\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .lg\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .md\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .lg\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .md\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .lg\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .md\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .lg\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .md\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .lg\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .lg\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:-my-28 { + margin-top: -7rem !important; + margin-bottom: -7rem !important; } - .lg\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:-mx-28 { + margin-left: -7rem !important; + margin-right: -7rem !important; } - .lg\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .lg\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .md\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .lg\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .md\:-my-36 { + margin-top: -9rem !important; + margin-bottom: -9rem !important; } - .lg\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .md\:-mx-36 { + margin-left: -9rem !important; + margin-right: -9rem !important; } - .lg\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .md\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .lg\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .md\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .lg\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .md\:-my-44 { + margin-top: -11rem !important; + margin-bottom: -11rem !important; } - .lg\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .md\:-mx-44 { + margin-left: -11rem !important; + margin-right: -11rem !important; } - .lg\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .md\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .lg\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .md\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .lg\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .md\:-my-52 { + margin-top: -13rem !important; + margin-bottom: -13rem !important; } - .lg\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .md\:-mx-52 { + margin-left: -13rem !important; + margin-right: -13rem !important; } - .lg\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .md\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .lg\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .md\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .lg\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .md\:-my-60 { + margin-top: -15rem !important; + margin-bottom: -15rem !important; } - .lg\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .md\:-mx-60 { + margin-left: -15rem !important; + margin-right: -15rem !important; } - .lg\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .md\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .lg\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .md\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .lg\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .md\:-my-72 { + margin-top: -18rem !important; + margin-bottom: -18rem !important; } - .lg\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .md\:-mx-72 { + margin-left: -18rem !important; + margin-right: -18rem !important; } - .lg\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .md\:-my-80 { + margin-top: -20rem !important; + margin-bottom: -20rem !important; } - .lg\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .md\:-mx-80 { + margin-left: -20rem !important; + margin-right: -20rem !important; } - .lg\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .md\:-my-96 { + margin-top: -24rem !important; + margin-bottom: -24rem !important; } - .lg\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .md\:-mx-96 { + margin-left: -24rem !important; + margin-right: -24rem !important; } - .lg\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .md\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .lg\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .md\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .lg\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .md\:-my-0\.5 { + margin-top: -0.125rem !important; + margin-bottom: -0.125rem !important; } - .lg\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .md\:-mx-0\.5 { + margin-left: -0.125rem !important; + margin-right: -0.125rem !important; } - .lg\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .md\:-my-1\.5 { + margin-top: -0.375rem !important; + margin-bottom: -0.375rem !important; } - .lg\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .md\:-mx-1\.5 { + margin-left: -0.375rem !important; + margin-right: -0.375rem !important; } - .lg\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .md\:-my-2\.5 { + margin-top: -0.625rem !important; + margin-bottom: -0.625rem !important; } - .lg\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .md\:-mx-2\.5 { + margin-left: -0.625rem !important; + margin-right: -0.625rem !important; } - .lg\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .md\:-my-3\.5 { + margin-top: -0.875rem !important; + margin-bottom: -0.875rem !important; } - .lg\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .md\:-mx-3\.5 { + margin-left: -0.875rem !important; + margin-right: -0.875rem !important; } - .lg\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .md\:mt-0 { + margin-top: 0 !important; } - .lg\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .md\:mr-0 { + margin-right: 0 !important; } - .lg\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .md\:mb-0 { + margin-bottom: 0 !important; } - .lg\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .md\:ml-0 { + margin-left: 0 !important; } - .lg\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .md\:mt-1 { + margin-top: 0.25rem !important; } - .lg\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .md\:mr-1 { + margin-right: 0.25rem !important; } - .lg\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .md\:mb-1 { + margin-bottom: 0.25rem !important; } - .lg\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .md\:ml-1 { + margin-left: 0.25rem !important; } - .lg\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .md\:mt-2 { + margin-top: 0.5rem !important; } - .lg\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .md\:mr-2 { + margin-right: 0.5rem !important; } - .lg\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .md\:mb-2 { + margin-bottom: 0.5rem !important; } - .lg\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .md\:ml-2 { + margin-left: 0.5rem !important; } - .lg\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .md\:mt-3 { + margin-top: 0.75rem !important; } - .lg\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .md\:mr-3 { + margin-right: 0.75rem !important; } - .lg\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .md\:mb-3 { + margin-bottom: 0.75rem !important; } - .lg\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .md\:ml-3 { + margin-left: 0.75rem !important; } - .lg\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .md\:mt-4 { + margin-top: 1rem !important; } - .lg\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .md\:mr-4 { + margin-right: 1rem !important; } - .lg\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .md\:mb-4 { + margin-bottom: 1rem !important; } - .lg\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .md\:ml-4 { + margin-left: 1rem !important; } - .lg\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .md\:mt-5 { + margin-top: 1.25rem !important; } - .lg\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .md\:mr-5 { + margin-right: 1.25rem !important; } - .lg\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .md\:mb-5 { + margin-bottom: 1.25rem !important; } - .lg\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .md\:ml-5 { + margin-left: 1.25rem !important; } - .lg\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .md\:mt-6 { + margin-top: 1.5rem !important; } - .lg\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .md\:mr-6 { + margin-right: 1.5rem !important; } - .lg\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .md\:mb-6 { + margin-bottom: 1.5rem !important; } - .lg\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .md\:ml-6 { + margin-left: 1.5rem !important; } - .lg\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .md\:mt-7 { + margin-top: 1.75rem !important; } - .lg\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .md\:mr-7 { + margin-right: 1.75rem !important; } - .lg\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .md\:mb-7 { + margin-bottom: 1.75rem !important; } - .lg\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .md\:ml-7 { + margin-left: 1.75rem !important; } - .lg\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .md\:mt-8 { + margin-top: 2rem !important; } - .lg\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .md\:mr-8 { + margin-right: 2rem !important; } - .lg\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .md\:mb-8 { + margin-bottom: 2rem !important; } - .lg\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .md\:ml-8 { + margin-left: 2rem !important; } - .lg\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .md\:mt-9 { + margin-top: 2.25rem !important; } - .lg\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; + .md\:mr-9 { + margin-right: 2.25rem !important; } - .lg\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; + .md\:mb-9 { + margin-bottom: 2.25rem !important; } - .lg\:hover\:to-black:hover { - --gradient-to-color: #000 !important; + .md\:ml-9 { + margin-left: 2.25rem !important; } - .lg\:hover\:to-white:hover { - --gradient-to-color: #fff !important; + .md\:mt-10 { + margin-top: 2.5rem !important; } - .lg\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; + .md\:mr-10 { + margin-right: 2.5rem !important; } - .lg\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; + .md\:mb-10 { + margin-bottom: 2.5rem !important; } - .lg\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; + .md\:ml-10 { + margin-left: 2.5rem !important; } - .lg\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; + .md\:mt-12 { + margin-top: 3rem !important; } - .lg\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; + .md\:mr-12 { + margin-right: 3rem !important; } - .lg\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; + .md\:mb-12 { + margin-bottom: 3rem !important; } - .lg\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; + .md\:ml-12 { + margin-left: 3rem !important; } - .lg\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; + .md\:mt-14 { + margin-top: 3.5rem !important; } - .lg\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; + .md\:mr-14 { + margin-right: 3.5rem !important; } - .lg\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; + .md\:mb-14 { + margin-bottom: 3.5rem !important; } - .lg\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; + .md\:ml-14 { + margin-left: 3.5rem !important; } - .lg\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; + .md\:mt-16 { + margin-top: 4rem !important; } - .lg\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; + .md\:mr-16 { + margin-right: 4rem !important; } - .lg\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; + .md\:mb-16 { + margin-bottom: 4rem !important; } - .lg\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; + .md\:ml-16 { + margin-left: 4rem !important; } - .lg\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; + .md\:mt-20 { + margin-top: 5rem !important; } - .lg\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; + .md\:mr-20 { + margin-right: 5rem !important; } - .lg\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; + .md\:mb-20 { + margin-bottom: 5rem !important; } - .lg\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; + .md\:ml-20 { + margin-left: 5rem !important; } - .lg\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; + .md\:mt-24 { + margin-top: 6rem !important; } - .lg\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; + .md\:mr-24 { + margin-right: 6rem !important; } - .lg\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; + .md\:mb-24 { + margin-bottom: 6rem !important; } - .lg\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; + .md\:ml-24 { + margin-left: 6rem !important; } - .lg\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; + .md\:mt-28 { + margin-top: 7rem !important; } - .lg\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; + .md\:mr-28 { + margin-right: 7rem !important; } - .lg\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; + .md\:mb-28 { + margin-bottom: 7rem !important; } - .lg\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; + .md\:ml-28 { + margin-left: 7rem !important; } - .lg\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; + .md\:mt-32 { + margin-top: 8rem !important; } - .lg\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; + .md\:mr-32 { + margin-right: 8rem !important; } - .lg\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; + .md\:mb-32 { + margin-bottom: 8rem !important; } - .lg\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; + .md\:ml-32 { + margin-left: 8rem !important; } - .lg\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; + .md\:mt-36 { + margin-top: 9rem !important; } - .lg\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; + .md\:mr-36 { + margin-right: 9rem !important; } - .lg\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; + .md\:mb-36 { + margin-bottom: 9rem !important; } - .lg\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; + .md\:ml-36 { + margin-left: 9rem !important; } - .lg\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; + .md\:mt-40 { + margin-top: 10rem !important; } - .lg\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; + .md\:mr-40 { + margin-right: 10rem !important; } - .lg\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; + .md\:mb-40 { + margin-bottom: 10rem !important; } - .lg\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; + .md\:ml-40 { + margin-left: 10rem !important; } - .lg\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; + .md\:mt-44 { + margin-top: 11rem !important; } - .lg\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; + .md\:mr-44 { + margin-right: 11rem !important; } - .lg\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; + .md\:mb-44 { + margin-bottom: 11rem !important; } - .lg\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; + .md\:ml-44 { + margin-left: 11rem !important; } - .lg\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; + .md\:mt-48 { + margin-top: 12rem !important; } - .lg\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; + .md\:mr-48 { + margin-right: 12rem !important; } - .lg\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; + .md\:mb-48 { + margin-bottom: 12rem !important; } - .lg\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; + .md\:ml-48 { + margin-left: 12rem !important; } - .lg\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; + .md\:mt-52 { + margin-top: 13rem !important; } - .lg\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; + .md\:mr-52 { + margin-right: 13rem !important; } - .lg\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; + .md\:mb-52 { + margin-bottom: 13rem !important; } - .lg\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; + .md\:ml-52 { + margin-left: 13rem !important; } - .lg\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; + .md\:mt-56 { + margin-top: 14rem !important; } - .lg\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; + .md\:mr-56 { + margin-right: 14rem !important; } - .lg\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; + .md\:mb-56 { + margin-bottom: 14rem !important; } - .lg\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; + .md\:ml-56 { + margin-left: 14rem !important; } - .lg\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; + .md\:mt-60 { + margin-top: 15rem !important; } - .lg\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; + .md\:mr-60 { + margin-right: 15rem !important; } - .lg\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; + .md\:mb-60 { + margin-bottom: 15rem !important; } - .lg\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; + .md\:ml-60 { + margin-left: 15rem !important; } - .lg\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; + .md\:mt-64 { + margin-top: 16rem !important; } - .lg\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; + .md\:mr-64 { + margin-right: 16rem !important; } - .lg\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; + .md\:mb-64 { + margin-bottom: 16rem !important; } - .lg\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; + .md\:ml-64 { + margin-left: 16rem !important; } - .lg\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; + .md\:mt-72 { + margin-top: 18rem !important; } - .lg\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; + .md\:mr-72 { + margin-right: 18rem !important; } - .lg\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; + .md\:mb-72 { + margin-bottom: 18rem !important; } - .lg\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; + .md\:ml-72 { + margin-left: 18rem !important; } - .lg\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; + .md\:mt-80 { + margin-top: 20rem !important; } - .lg\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; + .md\:mr-80 { + margin-right: 20rem !important; } - .lg\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; + .md\:mb-80 { + margin-bottom: 20rem !important; } - .lg\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:ml-80 { + margin-left: 20rem !important; } - .lg\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:mt-96 { + margin-top: 24rem !important; } - .lg\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:mr-96 { + margin-right: 24rem !important; } - .lg\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:mb-96 { + margin-bottom: 24rem !important; } - .lg\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .md\:ml-96 { + margin-left: 24rem !important; } - .lg\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .md\:mt-auto { + margin-top: auto !important; } - .lg\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .md\:mr-auto { + margin-right: auto !important; } - .lg\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .md\:mb-auto { + margin-bottom: auto !important; } - .lg\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .md\:ml-auto { + margin-left: auto !important; } - .lg\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .md\:mt-px { + margin-top: 1px !important; } - .lg\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .md\:mr-px { + margin-right: 1px !important; } - .lg\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .md\:mb-px { + margin-bottom: 1px !important; } - .lg\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .md\:ml-px { + margin-left: 1px !important; } - .lg\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .md\:mt-0\.5 { + margin-top: 0.125rem !important; } - .lg\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .md\:mr-0\.5 { + margin-right: 0.125rem !important; } - .lg\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .md\:mb-0\.5 { + margin-bottom: 0.125rem !important; } - .lg\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .md\:ml-0\.5 { + margin-left: 0.125rem !important; } - .lg\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .md\:mt-1\.5 { + margin-top: 0.375rem !important; } - .lg\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .md\:mr-1\.5 { + margin-right: 0.375rem !important; } - .lg\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .md\:mb-1\.5 { + margin-bottom: 0.375rem !important; } - .lg\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .md\:ml-1\.5 { + margin-left: 0.375rem !important; } - .lg\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .md\:mt-2\.5 { + margin-top: 0.625rem !important; } - .lg\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .md\:mr-2\.5 { + margin-right: 0.625rem !important; } - .lg\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .md\:mb-2\.5 { + margin-bottom: 0.625rem !important; } - .lg\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .md\:ml-2\.5 { + margin-left: 0.625rem !important; } - .lg\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .md\:mt-3\.5 { + margin-top: 0.875rem !important; } - .lg\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .md\:mr-3\.5 { + margin-right: 0.875rem !important; } - .lg\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .md\:mb-3\.5 { + margin-bottom: 0.875rem !important; } - .lg\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .md\:ml-3\.5 { + margin-left: 0.875rem !important; } - .lg\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .md\:-mt-1 { + margin-top: -0.25rem !important; } - .lg\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .md\:-mr-1 { + margin-right: -0.25rem !important; } - .lg\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .md\:-mb-1 { + margin-bottom: -0.25rem !important; } - .lg\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .md\:-ml-1 { + margin-left: -0.25rem !important; } - .lg\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .md\:-mt-2 { + margin-top: -0.5rem !important; } - .lg\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .md\:-mr-2 { + margin-right: -0.5rem !important; } - .lg\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .md\:-mb-2 { + margin-bottom: -0.5rem !important; } - .lg\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .md\:-ml-2 { + margin-left: -0.5rem !important; } - .lg\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .md\:-mt-3 { + margin-top: -0.75rem !important; } - .lg\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .md\:-mr-3 { + margin-right: -0.75rem !important; } - .lg\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .md\:-mb-3 { + margin-bottom: -0.75rem !important; } - .lg\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .md\:-ml-3 { + margin-left: -0.75rem !important; } - .lg\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .md\:-mt-4 { + margin-top: -1rem !important; } - .lg\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .md\:-mr-4 { + margin-right: -1rem !important; } - .lg\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .md\:-mb-4 { + margin-bottom: -1rem !important; } - .lg\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .md\:-ml-4 { + margin-left: -1rem !important; } - .lg\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .md\:-mt-5 { + margin-top: -1.25rem !important; } - .lg\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .md\:-mr-5 { + margin-right: -1.25rem !important; } - .lg\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .md\:-mb-5 { + margin-bottom: -1.25rem !important; } - .lg\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .md\:-ml-5 { + margin-left: -1.25rem !important; } - .lg\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .md\:-mt-6 { + margin-top: -1.5rem !important; } - .lg\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .md\:-mr-6 { + margin-right: -1.5rem !important; } - .lg\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .md\:-mb-6 { + margin-bottom: -1.5rem !important; } - .lg\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .md\:-ml-6 { + margin-left: -1.5rem !important; } - .lg\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .md\:-mt-7 { + margin-top: -1.75rem !important; } - .lg\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .md\:-mr-7 { + margin-right: -1.75rem !important; } - .lg\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .md\:-mb-7 { + margin-bottom: -1.75rem !important; } - .lg\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .md\:-ml-7 { + margin-left: -1.75rem !important; } - .lg\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .md\:-mt-8 { + margin-top: -2rem !important; } - .lg\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .md\:-mr-8 { + margin-right: -2rem !important; } - .lg\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .md\:-mb-8 { + margin-bottom: -2rem !important; } - .lg\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .md\:-ml-8 { + margin-left: -2rem !important; } - .lg\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .md\:-mt-9 { + margin-top: -2.25rem !important; } - .lg\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .md\:-mr-9 { + margin-right: -2.25rem !important; } - .lg\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .md\:-mb-9 { + margin-bottom: -2.25rem !important; } - .lg\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .md\:-ml-9 { + margin-left: -2.25rem !important; } - .lg\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .md\:-mt-10 { + margin-top: -2.5rem !important; } - .lg\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .md\:-mr-10 { + margin-right: -2.5rem !important; } - .lg\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .md\:-mb-10 { + margin-bottom: -2.5rem !important; } - .lg\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .md\:-ml-10 { + margin-left: -2.5rem !important; } - .lg\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .md\:-mt-12 { + margin-top: -3rem !important; } - .lg\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .md\:-mr-12 { + margin-right: -3rem !important; } - .lg\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .md\:-mb-12 { + margin-bottom: -3rem !important; } - .lg\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .md\:-ml-12 { + margin-left: -3rem !important; } - .lg\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .md\:-mt-14 { + margin-top: -3.5rem !important; } - .lg\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:-mr-14 { + margin-right: -3.5rem !important; } - .lg\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:-mb-14 { + margin-bottom: -3.5rem !important; } - .lg\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .md\:-ml-14 { + margin-left: -3.5rem !important; } - .lg\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .md\:-mt-16 { + margin-top: -4rem !important; } - .lg\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .md\:-mr-16 { + margin-right: -4rem !important; } - .lg\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .md\:-mb-16 { + margin-bottom: -4rem !important; } - .lg\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .md\:-ml-16 { + margin-left: -4rem !important; } - .lg\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .md\:-mt-20 { + margin-top: -5rem !important; } - .lg\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .md\:-mr-20 { + margin-right: -5rem !important; } - .lg\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .md\:-mb-20 { + margin-bottom: -5rem !important; } - .lg\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .md\:-ml-20 { + margin-left: -5rem !important; } - .lg\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .md\:-mt-24 { + margin-top: -6rem !important; } - .lg\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .md\:-mr-24 { + margin-right: -6rem !important; } - .lg\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .md\:-mb-24 { + margin-bottom: -6rem !important; } - .lg\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .md\:-ml-24 { + margin-left: -6rem !important; } - .lg\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .md\:-mt-28 { + margin-top: -7rem !important; } - .lg\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .md\:-mr-28 { + margin-right: -7rem !important; } - .lg\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .md\:-mb-28 { + margin-bottom: -7rem !important; } - .lg\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .md\:-ml-28 { + margin-left: -7rem !important; } - .lg\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .md\:-mt-32 { + margin-top: -8rem !important; } - .lg\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .md\:-mr-32 { + margin-right: -8rem !important; } - .lg\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .md\:-mb-32 { + margin-bottom: -8rem !important; } - .lg\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .md\:-ml-32 { + margin-left: -8rem !important; } - .lg\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .md\:-mt-36 { + margin-top: -9rem !important; } - .lg\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .md\:-mr-36 { + margin-right: -9rem !important; } - .lg\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .md\:-mb-36 { + margin-bottom: -9rem !important; } - .lg\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .md\:-ml-36 { + margin-left: -9rem !important; } - .lg\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .md\:-mt-40 { + margin-top: -10rem !important; } - .lg\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .md\:-mr-40 { + margin-right: -10rem !important; } - .lg\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .md\:-mb-40 { + margin-bottom: -10rem !important; } - .lg\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .md\:-ml-40 { + margin-left: -10rem !important; } - .lg\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .md\:-mt-44 { + margin-top: -11rem !important; } - .lg\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .md\:-mr-44 { + margin-right: -11rem !important; } - .lg\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .md\:-mb-44 { + margin-bottom: -11rem !important; } - .lg\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .md\:-ml-44 { + margin-left: -11rem !important; } - .lg\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .md\:-mt-48 { + margin-top: -12rem !important; } - .lg\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .md\:-mr-48 { + margin-right: -12rem !important; } - .lg\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .md\:-mb-48 { + margin-bottom: -12rem !important; } - .lg\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .md\:-ml-48 { + margin-left: -12rem !important; } - .lg\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .md\:-mt-52 { + margin-top: -13rem !important; } - .lg\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .md\:-mr-52 { + margin-right: -13rem !important; } - .lg\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .md\:-mb-52 { + margin-bottom: -13rem !important; } - .lg\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .md\:-ml-52 { + margin-left: -13rem !important; } - .lg\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .md\:-mt-56 { + margin-top: -14rem !important; } - .lg\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .md\:-mr-56 { + margin-right: -14rem !important; } - .lg\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .md\:-mb-56 { + margin-bottom: -14rem !important; } - .lg\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .md\:-ml-56 { + margin-left: -14rem !important; } - .lg\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .md\:-mt-60 { + margin-top: -15rem !important; } - .lg\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .md\:-mr-60 { + margin-right: -15rem !important; } - .lg\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .md\:-mb-60 { + margin-bottom: -15rem !important; } - .lg\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .md\:-ml-60 { + margin-left: -15rem !important; } - .lg\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .md\:-mt-64 { + margin-top: -16rem !important; } - .lg\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .md\:-mr-64 { + margin-right: -16rem !important; } - .lg\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .md\:-mb-64 { + margin-bottom: -16rem !important; } - .lg\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .md\:-ml-64 { + margin-left: -16rem !important; } - .lg\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .md\:-mt-72 { + margin-top: -18rem !important; } - .lg\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .md\:-mr-72 { + margin-right: -18rem !important; } - .lg\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .md\:-mb-72 { + margin-bottom: -18rem !important; } - .lg\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .md\:-ml-72 { + margin-left: -18rem !important; } - .lg\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .md\:-mt-80 { + margin-top: -20rem !important; } - .lg\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .md\:-mr-80 { + margin-right: -20rem !important; } - .lg\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .md\:-mb-80 { + margin-bottom: -20rem !important; } - .lg\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .md\:-ml-80 { + margin-left: -20rem !important; } - .lg\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .md\:-mt-96 { + margin-top: -24rem !important; } - .lg\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .md\:-mr-96 { + margin-right: -24rem !important; } - .lg\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .md\:-mb-96 { + margin-bottom: -24rem !important; } - .lg\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .md\:-ml-96 { + margin-left: -24rem !important; } - .lg\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .md\:-mt-px { + margin-top: -1px !important; } - .lg\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .md\:-mr-px { + margin-right: -1px !important; } - .lg\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .md\:-mb-px { + margin-bottom: -1px !important; } - .lg\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .md\:-ml-px { + margin-left: -1px !important; } - .lg\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .md\:-mt-0\.5 { + margin-top: -0.125rem !important; } - .lg\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .md\:-mr-0\.5 { + margin-right: -0.125rem !important; } - .lg\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .md\:-mb-0\.5 { + margin-bottom: -0.125rem !important; } - .lg\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; + .md\:-ml-0\.5 { + margin-left: -0.125rem !important; } - .lg\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; + .md\:-mt-1\.5 { + margin-top: -0.375rem !important; } - .lg\:focus\:to-black:focus { - --gradient-to-color: #000 !important; + .md\:-mr-1\.5 { + margin-right: -0.375rem !important; } - .lg\:focus\:to-white:focus { - --gradient-to-color: #fff !important; + .md\:-mb-1\.5 { + margin-bottom: -0.375rem !important; } - .lg\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; + .md\:-ml-1\.5 { + margin-left: -0.375rem !important; } - .lg\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; + .md\:-mt-2\.5 { + margin-top: -0.625rem !important; } - .lg\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; + .md\:-mr-2\.5 { + margin-right: -0.625rem !important; } - .lg\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; + .md\:-mb-2\.5 { + margin-bottom: -0.625rem !important; } - .lg\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; + .md\:-ml-2\.5 { + margin-left: -0.625rem !important; } - .lg\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; + .md\:-mt-3\.5 { + margin-top: -0.875rem !important; } - .lg\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; + .md\:-mr-3\.5 { + margin-right: -0.875rem !important; } - .lg\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; + .md\:-mb-3\.5 { + margin-bottom: -0.875rem !important; } - .lg\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; + .md\:-ml-3\.5 { + margin-left: -0.875rem !important; } - .lg\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; + .md\:max-h-0 { + max-height: 0 !important; } - .lg\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; + .md\:max-h-1 { + max-height: 0.25rem !important; } - .lg\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; + .md\:max-h-2 { + max-height: 0.5rem !important; } - .lg\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; + .md\:max-h-3 { + max-height: 0.75rem !important; } - .lg\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; + .md\:max-h-4 { + max-height: 1rem !important; } - .lg\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; + .md\:max-h-5 { + max-height: 1.25rem !important; } - .lg\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; + .md\:max-h-6 { + max-height: 1.5rem !important; } - .lg\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; + .md\:max-h-7 { + max-height: 1.75rem !important; } - .lg\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; + .md\:max-h-8 { + max-height: 2rem !important; } - .lg\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; + .md\:max-h-9 { + max-height: 2.25rem !important; } - .lg\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; + .md\:max-h-10 { + max-height: 2.5rem !important; } - .lg\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; + .md\:max-h-12 { + max-height: 3rem !important; } - .lg\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; + .md\:max-h-14 { + max-height: 3.5rem !important; } - .lg\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; + .md\:max-h-16 { + max-height: 4rem !important; } - .lg\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; + .md\:max-h-20 { + max-height: 5rem !important; } - .lg\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; + .md\:max-h-24 { + max-height: 6rem !important; } - .lg\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; + .md\:max-h-28 { + max-height: 7rem !important; } - .lg\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; + .md\:max-h-32 { + max-height: 8rem !important; } - .lg\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; + .md\:max-h-36 { + max-height: 9rem !important; } - .lg\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; + .md\:max-h-40 { + max-height: 10rem !important; } - .lg\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; + .md\:max-h-44 { + max-height: 11rem !important; } - .lg\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; + .md\:max-h-48 { + max-height: 12rem !important; } - .lg\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; + .md\:max-h-52 { + max-height: 13rem !important; } - .lg\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; + .md\:max-h-56 { + max-height: 14rem !important; } - .lg\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; + .md\:max-h-60 { + max-height: 15rem !important; } - .lg\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; + .md\:max-h-64 { + max-height: 16rem !important; } - .lg\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; + .md\:max-h-72 { + max-height: 18rem !important; } - .lg\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; + .md\:max-h-80 { + max-height: 20rem !important; } - .lg\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; + .md\:max-h-96 { + max-height: 24rem !important; } - .lg\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; + .md\:max-h-px { + max-height: 1px !important; } - .lg\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; + .md\:max-h-0\.5 { + max-height: 0.125rem !important; } - .lg\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; + .md\:max-h-1\.5 { + max-height: 0.375rem !important; } - .lg\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; + .md\:max-h-2\.5 { + max-height: 0.625rem !important; } - .lg\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; + .md\:max-h-3\.5 { + max-height: 0.875rem !important; } - .lg\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; + .md\:max-h-full { + max-height: 100% !important; } - .lg\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; + .md\:max-h-screen { + max-height: 100vh !important; } - .lg\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; + .md\:max-w-0 { + max-width: 0rem !important; } - .lg\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; + .md\:max-w-none { + max-width: none !important; } - .lg\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; + .md\:max-w-xs { + max-width: 20rem !important; } - .lg\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; + .md\:max-w-sm { + max-width: 24rem !important; } - .lg\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; + .md\:max-w-md { + max-width: 28rem !important; } - .lg\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; + .md\:max-w-lg { + max-width: 32rem !important; } - .lg\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; + .md\:max-w-xl { + max-width: 36rem !important; } - .lg\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; + .md\:max-w-2xl { + max-width: 42rem !important; } - .lg\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; + .md\:max-w-3xl { + max-width: 48rem !important; } - .lg\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; + .md\:max-w-4xl { + max-width: 56rem !important; } - .lg\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; + .md\:max-w-5xl { + max-width: 64rem !important; } - .lg\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; + .md\:max-w-6xl { + max-width: 72rem !important; } - .lg\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; + .md\:max-w-7xl { + max-width: 80rem !important; } - .lg\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; + .md\:max-w-full { + max-width: 100% !important; } - .lg\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; + .md\:max-w-min { + max-width: min-content !important; } - .lg\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; + .md\:max-w-max { + max-width: max-content !important; } - .lg\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; + .md\:max-w-screen-sm { + max-width: 640px !important; } - .lg\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; + .md\:max-w-screen-md { + max-width: 768px !important; } - .lg\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; + .md\:max-w-screen-lg { + max-width: 1024px !important; } - .lg\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; + .md\:max-w-screen-xl { + max-width: 1280px !important; } - .lg\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; + .md\:max-w-screen-2xl { + max-width: 1536px !important; } - .lg\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; + .md\:min-h-0 { + min-height: 0 !important; } - .lg\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; + .md\:min-h-full { + min-height: 100% !important; } - .lg\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; + .md\:min-h-screen { + min-height: 100vh !important; } - .lg\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; + .md\:min-w-0 { + min-width: 0 !important; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:min-w-full { + min-width: 100% !important; + } - .lg\:dark\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:min-w-min { + min-width: min-content !important; + } - .lg\:dark\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:min-w-max { + min-width: max-content !important; + } - .lg\:dark\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:object-contain { + object-fit: contain !important; + } - .lg\:dark\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .md\:object-cover { + object-fit: cover !important; + } - .lg\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .md\:object-fill { + object-fit: fill !important; + } - .lg\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .md\:object-none { + object-fit: none !important; + } - .lg\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .md\:object-scale-down { + object-fit: scale-down !important; + } - .lg\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .md\:object-bottom { + object-position: bottom !important; + } - .lg\:dark\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .md\:object-center { + object-position: center !important; + } - .lg\:dark\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .md\:object-left { + object-position: left !important; + } - .lg\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .md\:object-left-bottom { + object-position: left bottom !important; + } - .lg\:dark\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .md\:object-left-top { + object-position: left top !important; + } - .lg\:dark\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .md\:object-right { + object-position: right !important; + } - .lg\:dark\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .md\:object-right-bottom { + object-position: right bottom !important; + } - .lg\:dark\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .md\:object-right-top { + object-position: right top !important; + } - .lg\:dark\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .md\:object-top { + object-position: top !important; + } - .lg\:dark\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .md\:opacity-0 { + opacity: 0 !important; + } - .lg\:dark\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .md\:opacity-25 { + opacity: 0.25 !important; + } - .lg\:dark\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .md\:opacity-50 { + opacity: 0.5 !important; + } - .lg\:dark\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .md\:opacity-75 { + opacity: 0.75 !important; + } - .lg\:dark\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .md\:opacity-100 { + opacity: 1 !important; + } - .lg\:dark\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .group:hover .md\:group-hover\:opacity-0 { + opacity: 0 !important; + } - .lg\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .group:hover .md\:group-hover\:opacity-25 { + opacity: 0.25 !important; + } - .lg\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .group:hover .md\:group-hover\:opacity-50 { + opacity: 0.5 !important; + } - .lg\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .group:hover .md\:group-hover\:opacity-75 { + opacity: 0.75 !important; + } - .lg\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .group:hover .md\:group-hover\:opacity-100 { + opacity: 1 !important; + } - .lg\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .md\:hover\:opacity-0:hover { + opacity: 0 !important; + } - .lg\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .md\:hover\:opacity-25:hover { + opacity: 0.25 !important; + } - .lg\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .md\:hover\:opacity-50:hover { + opacity: 0.5 !important; + } - .lg\:dark\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .md\:hover\:opacity-75:hover { + opacity: 0.75 !important; + } - .lg\:dark\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .md\:hover\:opacity-100:hover { + opacity: 1 !important; + } - .lg\:dark\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .md\:focus\:opacity-0:focus { + opacity: 0 !important; + } - .lg\:dark\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .md\:focus\:opacity-25:focus { + opacity: 0.25 !important; + } - .lg\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .md\:focus\:opacity-50:focus { + opacity: 0.5 !important; + } - .lg\:dark\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .md\:focus\:opacity-75:focus { + opacity: 0.75 !important; + } - .lg\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .md\:focus\:opacity-100:focus { + opacity: 1 !important; + } - .lg\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .md\:outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } - .lg\:dark\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .md\:outline-white { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } - .lg\:dark\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .md\:outline-black { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } - .lg\:dark\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .md\:focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; + } - .lg\:dark\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .md\:focus\:outline-white:focus { + outline: 2px dotted white !important; + outline-offset: 2px !important; + } - .lg\:dark\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .md\:focus\:outline-black:focus { + outline: 2px dotted black !important; + outline-offset: 2px !important; + } - .lg\:dark\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .md\:overflow-auto { + overflow: auto !important; + } - .lg\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .md\:overflow-hidden { + overflow: hidden !important; + } - .lg\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .md\:overflow-visible { + overflow: visible !important; + } - .lg\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .md\:overflow-scroll { + overflow: scroll !important; + } - .lg\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .md\:overflow-x-auto { + overflow-x: auto !important; + } - .lg\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .md\:overflow-y-auto { + overflow-y: auto !important; + } - .lg\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .md\:overflow-x-hidden { + overflow-x: hidden !important; + } - .lg\:dark\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .md\:overflow-y-hidden { + overflow-y: hidden !important; + } - .lg\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .md\:overflow-x-visible { + overflow-x: visible !important; + } - .lg\:dark\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .md\:overflow-y-visible { + overflow-y: visible !important; + } - .lg\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .md\:overflow-x-scroll { + overflow-x: scroll !important; + } - .lg\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .md\:overflow-y-scroll { + overflow-y: scroll !important; + } - .lg\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .md\:overscroll-auto { + overscroll-behavior: auto !important; + } - .lg\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .md\:overscroll-contain { + overscroll-behavior: contain !important; + } - .lg\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .md\:overscroll-none { + overscroll-behavior: none !important; + } - .lg\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .md\:overscroll-y-auto { + overscroll-behavior-y: auto !important; + } - .lg\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .md\:overscroll-y-contain { + overscroll-behavior-y: contain !important; + } - .lg\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .md\:overscroll-y-none { + overscroll-behavior-y: none !important; + } - .lg\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .md\:overscroll-x-auto { + overscroll-behavior-x: auto !important; + } - .lg\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .md\:overscroll-x-contain { + overscroll-behavior-x: contain !important; + } - .lg\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .md\:overscroll-x-none { + overscroll-behavior-x: none !important; + } - .lg\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .md\:p-0 { + padding: 0 !important; + } - .lg\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .md\:p-1 { + padding: 0.25rem !important; + } - .lg\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .md\:p-2 { + padding: 0.5rem !important; + } - .lg\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .md\:p-3 { + padding: 0.75rem !important; + } - .lg\:dark\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .md\:p-4 { + padding: 1rem !important; + } - .lg\:dark\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .md\:p-5 { + padding: 1.25rem !important; + } - .lg\:dark\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .md\:p-6 { + padding: 1.5rem !important; + } - .lg\:dark\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .md\:p-7 { + padding: 1.75rem !important; + } - .lg\:dark\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .md\:p-8 { + padding: 2rem !important; + } - .lg\:dark\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .md\:p-9 { + padding: 2.25rem !important; + } - .lg\:dark\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:p-10 { + padding: 2.5rem !important; + } - .lg\:dark\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:p-12 { + padding: 3rem !important; + } - .lg\:dark\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:p-14 { + padding: 3.5rem !important; + } - .lg\:dark\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:p-16 { + padding: 4rem !important; + } - .lg\:dark\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .md\:p-20 { + padding: 5rem !important; + } - .lg\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .md\:p-24 { + padding: 6rem !important; + } - .lg\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .md\:p-28 { + padding: 7rem !important; + } - .lg\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .md\:p-32 { + padding: 8rem !important; + } - .lg\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .md\:p-36 { + padding: 9rem !important; + } - .lg\:dark\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .md\:p-40 { + padding: 10rem !important; + } - .lg\:dark\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .md\:p-44 { + padding: 11rem !important; + } - .lg\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .md\:p-48 { + padding: 12rem !important; + } - .lg\:dark\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .md\:p-52 { + padding: 13rem !important; + } - .lg\:dark\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .md\:p-56 { + padding: 14rem !important; + } - .lg\:dark\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .md\:p-60 { + padding: 15rem !important; + } - .lg\:dark\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .md\:p-64 { + padding: 16rem !important; + } - .lg\:dark\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .md\:p-72 { + padding: 18rem !important; + } - .lg\:dark\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .md\:p-80 { + padding: 20rem !important; + } - .lg\:dark\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .md\:p-96 { + padding: 24rem !important; + } - .lg\:dark\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .md\:p-px { + padding: 1px !important; + } - .lg\:dark\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .md\:p-0\.5 { + padding: 0.125rem !important; + } - .lg\:dark\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .md\:p-1\.5 { + padding: 0.375rem !important; + } - .lg\:dark\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .md\:p-2\.5 { + padding: 0.625rem !important; + } - .lg\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .md\:p-3\.5 { + padding: 0.875rem !important; + } - .lg\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .md\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } - .lg\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .md\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } - .lg\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .md\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } - .lg\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .md\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; + } - .lg\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .md\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } - .lg\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .md\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + } - .lg\:dark\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .md\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; + } - .lg\:dark\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .md\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; + } - .lg\:dark\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .md\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } - .lg\:dark\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .md\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; + } - .lg\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .md\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; + } - .lg\:dark\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .md\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; + } - .lg\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .md\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } - .lg\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .md\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + } - .lg\:dark\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .md\:py-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; + } - .lg\:dark\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .md\:px-7 { + padding-left: 1.75rem !important; + padding-right: 1.75rem !important; + } - .lg\:dark\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .md\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; + } - .lg\:dark\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .md\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; + } - .lg\:dark\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .md\:py-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; + } - .lg\:dark\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .md\:px-9 { + padding-left: 2.25rem !important; + padding-right: 2.25rem !important; + } - .lg\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .md\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; + } - .lg\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .md\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; + } - .lg\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .md\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } - .lg\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .md\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; + } - .lg\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .md\:py-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; + } - .lg\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .md\:px-14 { + padding-left: 3.5rem !important; + padding-right: 3.5rem !important; + } - .lg\:dark\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .md\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; + } - .lg\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .md\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; + } - .lg\:dark\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .md\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; + } - .lg\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .md\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; + } - .lg\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .md\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; + } - .lg\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .md\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; + } - .lg\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .md\:py-28 { + padding-top: 7rem !important; + padding-bottom: 7rem !important; + } - .lg\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .md\:px-28 { + padding-left: 7rem !important; + padding-right: 7rem !important; + } - .lg\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .md\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; + } - .lg\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .md\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; + } - .lg\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .md\:py-36 { + padding-top: 9rem !important; + padding-bottom: 9rem !important; + } - .lg\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .md\:px-36 { + padding-left: 9rem !important; + padding-right: 9rem !important; + } - .lg\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .md\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; + } - .lg\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .md\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; + } - .lg\:dark\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .md\:py-44 { + padding-top: 11rem !important; + padding-bottom: 11rem !important; + } - .lg\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .md\:px-44 { + padding-left: 11rem !important; + padding-right: 11rem !important; + } - .lg\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .md\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; + } - .lg\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .md\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; + } - .lg\:dark\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .md\:py-52 { + padding-top: 13rem !important; + padding-bottom: 13rem !important; + } - .lg\:dark\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .md\:px-52 { + padding-left: 13rem !important; + padding-right: 13rem !important; + } - .lg\:dark\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .md\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; + } - .lg\:dark\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .md\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; + } - .lg\:dark\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .md\:py-60 { + padding-top: 15rem !important; + padding-bottom: 15rem !important; + } - .lg\:dark\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .md\:px-60 { + padding-left: 15rem !important; + padding-right: 15rem !important; + } - .lg\:dark\:to-transparent { - --gradient-to-color: transparent !important; - } + .md\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; + } - .lg\:dark\:to-current { - --gradient-to-color: currentColor !important; - } + .md\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; + } - .lg\:dark\:to-black { - --gradient-to-color: #000 !important; - } + .md\:py-72 { + padding-top: 18rem !important; + padding-bottom: 18rem !important; + } - .lg\:dark\:to-white { - --gradient-to-color: #fff !important; - } + .md\:px-72 { + padding-left: 18rem !important; + padding-right: 18rem !important; + } - .lg\:dark\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } + .md\:py-80 { + padding-top: 20rem !important; + padding-bottom: 20rem !important; + } - .lg\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } + .md\:px-80 { + padding-left: 20rem !important; + padding-right: 20rem !important; + } - .lg\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } + .md\:py-96 { + padding-top: 24rem !important; + padding-bottom: 24rem !important; + } - .lg\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } + .md\:px-96 { + padding-left: 24rem !important; + padding-right: 24rem !important; + } - .lg\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } + .md\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; + } - .lg\:dark\:to-gray-500 { - --gradient-to-color: #71717a !important; - } + .md\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; + } - .lg\:dark\:to-gray-600 { - --gradient-to-color: #52525b !important; - } + .md\:py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; + } - .lg\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } + .md\:px-0\.5 { + padding-left: 0.125rem !important; + padding-right: 0.125rem !important; + } - .lg\:dark\:to-gray-800 { - --gradient-to-color: #27272a !important; - } + .md\:py-1\.5 { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; + } - .lg\:dark\:to-gray-900 { - --gradient-to-color: #18181b !important; - } + .md\:px-1\.5 { + padding-left: 0.375rem !important; + padding-right: 0.375rem !important; + } - .lg\:dark\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } + .md\:py-2\.5 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; + } - .lg\:dark\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } + .md\:px-2\.5 { + padding-left: 0.625rem !important; + padding-right: 0.625rem !important; + } - .lg\:dark\:to-red-200 { - --gradient-to-color: #fecaca !important; - } + .md\:py-3\.5 { + padding-top: 0.875rem !important; + padding-bottom: 0.875rem !important; + } - .lg\:dark\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } + .md\:px-3\.5 { + padding-left: 0.875rem !important; + padding-right: 0.875rem !important; + } - .lg\:dark\:to-red-400 { - --gradient-to-color: #f87171 !important; - } + .md\:pt-0 { + padding-top: 0 !important; + } - .lg\:dark\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } + .md\:pr-0 { + padding-right: 0 !important; + } - .lg\:dark\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } + .md\:pb-0 { + padding-bottom: 0 !important; + } - .lg\:dark\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } + .md\:pl-0 { + padding-left: 0 !important; + } - .lg\:dark\:to-red-800 { - --gradient-to-color: #991b1b !important; - } + .md\:pt-1 { + padding-top: 0.25rem !important; + } - .lg\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } + .md\:pr-1 { + padding-right: 0.25rem !important; + } - .lg\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } + .md\:pb-1 { + padding-bottom: 0.25rem !important; + } - .lg\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } + .md\:pl-1 { + padding-left: 0.25rem !important; + } - .lg\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } + .md\:pt-2 { + padding-top: 0.5rem !important; + } - .lg\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } + .md\:pr-2 { + padding-right: 0.5rem !important; + } - .lg\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } + .md\:pb-2 { + padding-bottom: 0.5rem !important; + } - .lg\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } + .md\:pl-2 { + padding-left: 0.5rem !important; + } - .lg\:dark\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } + .md\:pt-3 { + padding-top: 0.75rem !important; + } - .lg\:dark\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } + .md\:pr-3 { + padding-right: 0.75rem !important; + } - .lg\:dark\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } + .md\:pb-3 { + padding-bottom: 0.75rem !important; + } - .lg\:dark\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } + .md\:pl-3 { + padding-left: 0.75rem !important; + } - .lg\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } + .md\:pt-4 { + padding-top: 1rem !important; + } - .lg\:dark\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } + .md\:pr-4 { + padding-right: 1rem !important; + } - .lg\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } + .md\:pb-4 { + padding-bottom: 1rem !important; + } - .lg\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } + .md\:pl-4 { + padding-left: 1rem !important; + } - .lg\:dark\:to-green-400 { - --gradient-to-color: #34d399 !important; - } + .md\:pt-5 { + padding-top: 1.25rem !important; + } - .lg\:dark\:to-green-500 { - --gradient-to-color: #10b981 !important; - } + .md\:pr-5 { + padding-right: 1.25rem !important; + } - .lg\:dark\:to-green-600 { - --gradient-to-color: #059669 !important; - } + .md\:pb-5 { + padding-bottom: 1.25rem !important; + } - .lg\:dark\:to-green-700 { - --gradient-to-color: #047857 !important; - } + .md\:pl-5 { + padding-left: 1.25rem !important; + } - .lg\:dark\:to-green-800 { - --gradient-to-color: #065f46 !important; - } + .md\:pt-6 { + padding-top: 1.5rem !important; + } - .lg\:dark\:to-green-900 { - --gradient-to-color: #064e3b !important; - } + .md\:pr-6 { + padding-right: 1.5rem !important; + } - .lg\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } + .md\:pb-6 { + padding-bottom: 1.5rem !important; + } - .lg\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } + .md\:pl-6 { + padding-left: 1.5rem !important; + } - .lg\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } + .md\:pt-7 { + padding-top: 1.75rem !important; + } - .lg\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } + .md\:pr-7 { + padding-right: 1.75rem !important; + } - .lg\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } + .md\:pb-7 { + padding-bottom: 1.75rem !important; + } - .lg\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } + .md\:pl-7 { + padding-left: 1.75rem !important; + } - .lg\:dark\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } + .md\:pt-8 { + padding-top: 2rem !important; + } - .lg\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } + .md\:pr-8 { + padding-right: 2rem !important; + } - .lg\:dark\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } + .md\:pb-8 { + padding-bottom: 2rem !important; + } - .lg\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } + .md\:pl-8 { + padding-left: 2rem !important; + } - .lg\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } + .md\:pt-9 { + padding-top: 2.25rem !important; + } - .lg\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } + .md\:pr-9 { + padding-right: 2.25rem !important; + } - .lg\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } + .md\:pb-9 { + padding-bottom: 2.25rem !important; + } - .lg\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } + .md\:pl-9 { + padding-left: 2.25rem !important; + } - .lg\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } + .md\:pt-10 { + padding-top: 2.5rem !important; + } - .lg\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } + .md\:pr-10 { + padding-right: 2.5rem !important; + } - .lg\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } + .md\:pb-10 { + padding-bottom: 2.5rem !important; + } - .lg\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } + .md\:pl-10 { + padding-left: 2.5rem !important; + } - .lg\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } + .md\:pt-12 { + padding-top: 3rem !important; + } - .lg\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } + .md\:pr-12 { + padding-right: 3rem !important; + } - .lg\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } + .md\:pb-12 { + padding-bottom: 3rem !important; + } - .lg\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } + .md\:pl-12 { + padding-left: 3rem !important; + } - .lg\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } + .md\:pt-14 { + padding-top: 3.5rem !important; + } - .lg\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } + .md\:pr-14 { + padding-right: 3.5rem !important; + } - .lg\:dark\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } + .md\:pb-14 { + padding-bottom: 3.5rem !important; + } - .lg\:dark\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } + .md\:pl-14 { + padding-left: 3.5rem !important; + } - .lg\:dark\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } + .md\:pt-16 { + padding-top: 4rem !important; + } - .lg\:dark\:to-pink-700 { - --gradient-to-color: #be185d !important; - } + .md\:pr-16 { + padding-right: 4rem !important; + } - .lg\:dark\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } + .md\:pb-16 { + padding-bottom: 4rem !important; + } - .lg\:dark\:to-pink-900 { - --gradient-to-color: #831843 !important; - } + .md\:pl-16 { + padding-left: 4rem !important; + } - .lg\:dark\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:pt-20 { + padding-top: 5rem !important; + } - .lg\:dark\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:pr-20 { + padding-right: 5rem !important; + } - .lg\:dark\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:pb-20 { + padding-bottom: 5rem !important; + } - .lg\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:pl-20 { + padding-left: 5rem !important; + } - .lg\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .md\:pt-24 { + padding-top: 6rem !important; + } - .lg\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .md\:pr-24 { + padding-right: 6rem !important; + } - .lg\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .md\:pb-24 { + padding-bottom: 6rem !important; + } - .lg\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .md\:pl-24 { + padding-left: 6rem !important; + } - .lg\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .md\:pt-28 { + padding-top: 7rem !important; + } - .lg\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .md\:pr-28 { + padding-right: 7rem !important; + } - .lg\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .md\:pb-28 { + padding-bottom: 7rem !important; + } - .lg\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .md\:pl-28 { + padding-left: 7rem !important; + } - .lg\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .md\:pt-32 { + padding-top: 8rem !important; + } - .lg\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .md\:pr-32 { + padding-right: 8rem !important; + } - .lg\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .md\:pb-32 { + padding-bottom: 8rem !important; + } - .lg\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .md\:pl-32 { + padding-left: 8rem !important; + } - .lg\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .md\:pt-36 { + padding-top: 9rem !important; + } - .lg\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .md\:pr-36 { + padding-right: 9rem !important; + } - .lg\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .md\:pb-36 { + padding-bottom: 9rem !important; + } - .lg\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .md\:pl-36 { + padding-left: 9rem !important; + } - .lg\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .md\:pt-40 { + padding-top: 10rem !important; + } - .lg\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .md\:pr-40 { + padding-right: 10rem !important; + } - .lg\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .md\:pb-40 { + padding-bottom: 10rem !important; + } - .lg\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .md\:pl-40 { + padding-left: 10rem !important; + } - .lg\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .md\:pt-44 { + padding-top: 11rem !important; + } - .lg\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .md\:pr-44 { + padding-right: 11rem !important; + } - .lg\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .md\:pb-44 { + padding-bottom: 11rem !important; + } - .lg\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .md\:pl-44 { + padding-left: 11rem !important; + } - .lg\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .md\:pt-48 { + padding-top: 12rem !important; + } - .lg\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .md\:pr-48 { + padding-right: 12rem !important; + } - .lg\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .md\:pb-48 { + padding-bottom: 12rem !important; + } - .lg\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .md\:pl-48 { + padding-left: 12rem !important; + } - .lg\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .md\:pt-52 { + padding-top: 13rem !important; + } - .lg\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .md\:pr-52 { + padding-right: 13rem !important; + } - .lg\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .md\:pb-52 { + padding-bottom: 13rem !important; + } - .lg\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .md\:pl-52 { + padding-left: 13rem !important; + } - .lg\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .md\:pt-56 { + padding-top: 14rem !important; + } - .lg\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .md\:pr-56 { + padding-right: 14rem !important; + } - .lg\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .md\:pb-56 { + padding-bottom: 14rem !important; + } - .lg\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .md\:pl-56 { + padding-left: 14rem !important; + } - .lg\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .md\:pt-60 { + padding-top: 15rem !important; + } - .lg\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .md\:pr-60 { + padding-right: 15rem !important; + } - .lg\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .md\:pb-60 { + padding-bottom: 15rem !important; + } - .lg\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .md\:pl-60 { + padding-left: 15rem !important; + } - .lg\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .md\:pt-64 { + padding-top: 16rem !important; + } - .lg\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .md\:pr-64 { + padding-right: 16rem !important; + } - .lg\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .md\:pb-64 { + padding-bottom: 16rem !important; + } - .lg\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .md\:pl-64 { + padding-left: 16rem !important; + } - .lg\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .md\:pt-72 { + padding-top: 18rem !important; + } - .lg\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .md\:pr-72 { + padding-right: 18rem !important; + } - .lg\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .md\:pb-72 { + padding-bottom: 18rem !important; + } - .lg\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .md\:pl-72 { + padding-left: 18rem !important; + } - .lg\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .md\:pt-80 { + padding-top: 20rem !important; + } - .lg\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .md\:pr-80 { + padding-right: 20rem !important; + } - .lg\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .md\:pb-80 { + padding-bottom: 20rem !important; + } - .lg\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .md\:pl-80 { + padding-left: 20rem !important; + } - .lg\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .md\:pt-96 { + padding-top: 24rem !important; + } - .lg\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .md\:pr-96 { + padding-right: 24rem !important; + } - .lg\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .md\:pb-96 { + padding-bottom: 24rem !important; + } - .lg\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .md\:pl-96 { + padding-left: 24rem !important; + } - .lg\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .md\:pt-px { + padding-top: 1px !important; + } - .lg\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .md\:pr-px { + padding-right: 1px !important; + } - .lg\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .md\:pb-px { + padding-bottom: 1px !important; + } - .lg\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .md\:pl-px { + padding-left: 1px !important; + } - .lg\:dark\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .md\:pt-0\.5 { + padding-top: 0.125rem !important; + } - .lg\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .md\:pr-0\.5 { + padding-right: 0.125rem !important; + } - .lg\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .md\:pb-0\.5 { + padding-bottom: 0.125rem !important; + } - .lg\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .md\:pl-0\.5 { + padding-left: 0.125rem !important; + } - .lg\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .md\:pt-1\.5 { + padding-top: 0.375rem !important; + } - .lg\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .md\:pr-1\.5 { + padding-right: 0.375rem !important; + } - .lg\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .md\:pb-1\.5 { + padding-bottom: 0.375rem !important; + } - .lg\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .md\:pl-1\.5 { + padding-left: 0.375rem !important; + } - .lg\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .md\:pt-2\.5 { + padding-top: 0.625rem !important; + } - .lg\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .md\:pr-2\.5 { + padding-right: 0.625rem !important; + } - .lg\:dark\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:pb-2\.5 { + padding-bottom: 0.625rem !important; + } - .lg\:dark\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:pl-2\.5 { + padding-left: 0.625rem !important; + } - .lg\:dark\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:pt-3\.5 { + padding-top: 0.875rem !important; + } - .lg\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:pr-3\.5 { + padding-right: 0.875rem !important; + } - .lg\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .md\:pb-3\.5 { + padding-bottom: 0.875rem !important; + } - .lg\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .md\:pl-3\.5 { + padding-left: 0.875rem !important; + } - .lg\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .md\:placeholder-transparent::placeholder { + color: transparent !important; + } - .lg\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .md\:placeholder-current::placeholder { + color: currentColor !important; + } - .lg\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .md\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .md\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .md\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .md\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .md\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .md\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .md\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .md\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .md\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .md\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .md\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .md\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .md\:placeholder-red-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .md\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .md\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .md\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .md\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .md\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .md\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .md\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .md\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .md\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .md\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .md\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .md\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .md\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .md\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .md\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .md\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .md\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .md\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .md\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .md\:placeholder-green-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .md\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .md\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .md\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .md\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .md\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .md\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .md\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .md\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .md\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .md\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .md\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .md\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .md\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .md\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .md\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .md\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .md\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .md\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .md\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .md\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .md\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .md\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .md\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .md\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .md\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .md\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .md\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .md\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .md\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .md\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .md\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .md\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .md\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } + .md\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } + .md\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } + .md\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } + .md\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } + .md\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } + .md\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; + } - .lg\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; + } - .lg\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } + .md\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } + .md\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } + .md\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } + .md\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } + .md\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } + .md\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } + .md\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } + .md\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } + .md\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } + .md\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } + .md\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } + .md\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } + .md\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } + .md\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } + .md\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } + .md\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } + .md\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } + .md\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } + .md\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } + .md\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } + .md\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } + .md\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } + .md\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } + .md\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } + .md\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } + .md\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } + .md\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } + .md\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } + .md\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } + .md\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } + .md\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } + .md\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } + .md\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } + .md\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } + .md\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } + .md\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } + .md\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } + .md\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } + .md\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } + .md\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } + .md\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } + .md\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } + .md\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } + .md\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } + .md\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } + .md\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } + .md\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } + .md\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } + .md\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } + .md\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } + .md\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } + .md\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } + .md\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } + .md\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } + .md\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } + .md\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } + .md\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } + .md\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } + .md\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } + .md\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } + .md\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } + .md\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } + .md\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } + .md\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } + .md\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + } - .lg\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } + .md\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .md\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .md\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + } - .lg\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .md\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; + } - .lg\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .md\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; + } - .lg\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .md\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; + } - .lg\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .md\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; + } - .lg\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .md\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; + } - .lg\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; + } - .lg\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; + } - .lg\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; + } - .lg\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; + } - .lg\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; + } - .lg\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .md\:pointer-events-none { + pointer-events: none !important; + } - .lg\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .md\:pointer-events-auto { + pointer-events: auto !important; + } - .lg\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .md\:static { + position: static !important; + } - .lg\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .md\:fixed { + position: fixed !important; + } - .lg\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .md\:absolute { + position: absolute !important; + } - .lg\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .md\:relative { + position: relative !important; + } - .lg\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .md\:sticky { + position: sticky !important; + } - .lg\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .md\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; + } - .lg\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .md\:inset-1 { + top: 0.25rem !important; + right: 0.25rem !important; + bottom: 0.25rem !important; + left: 0.25rem !important; + } - .lg\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .md\:inset-2 { + top: 0.5rem !important; + right: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.5rem !important; + } - .lg\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .md\:inset-3 { + top: 0.75rem !important; + right: 0.75rem !important; + bottom: 0.75rem !important; + left: 0.75rem !important; + } - .lg\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .md\:inset-4 { + top: 1rem !important; + right: 1rem !important; + bottom: 1rem !important; + left: 1rem !important; + } - .lg\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .md\:inset-5 { + top: 1.25rem !important; + right: 1.25rem !important; + bottom: 1.25rem !important; + left: 1.25rem !important; + } - .lg\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .md\:inset-6 { + top: 1.5rem !important; + right: 1.5rem !important; + bottom: 1.5rem !important; + left: 1.5rem !important; + } - .lg\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .md\:inset-7 { + top: 1.75rem !important; + right: 1.75rem !important; + bottom: 1.75rem !important; + left: 1.75rem !important; + } - .lg\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .md\:inset-8 { + top: 2rem !important; + right: 2rem !important; + bottom: 2rem !important; + left: 2rem !important; + } - .lg\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .md\:inset-9 { + top: 2.25rem !important; + right: 2.25rem !important; + bottom: 2.25rem !important; + left: 2.25rem !important; + } - .lg\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .md\:inset-10 { + top: 2.5rem !important; + right: 2.5rem !important; + bottom: 2.5rem !important; + left: 2.5rem !important; + } - .lg\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .md\:inset-12 { + top: 3rem !important; + right: 3rem !important; + bottom: 3rem !important; + left: 3rem !important; + } - .lg\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .md\:inset-14 { + top: 3.5rem !important; + right: 3.5rem !important; + bottom: 3.5rem !important; + left: 3.5rem !important; + } - .lg\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .md\:inset-16 { + top: 4rem !important; + right: 4rem !important; + bottom: 4rem !important; + left: 4rem !important; + } - .lg\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .md\:inset-20 { + top: 5rem !important; + right: 5rem !important; + bottom: 5rem !important; + left: 5rem !important; + } - .lg\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .md\:inset-24 { + top: 6rem !important; + right: 6rem !important; + bottom: 6rem !important; + left: 6rem !important; + } - .lg\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .md\:inset-28 { + top: 7rem !important; + right: 7rem !important; + bottom: 7rem !important; + left: 7rem !important; + } - .lg\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .md\:inset-32 { + top: 8rem !important; + right: 8rem !important; + bottom: 8rem !important; + left: 8rem !important; + } - .lg\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .md\:inset-36 { + top: 9rem !important; + right: 9rem !important; + bottom: 9rem !important; + left: 9rem !important; + } - .lg\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .md\:inset-40 { + top: 10rem !important; + right: 10rem !important; + bottom: 10rem !important; + left: 10rem !important; + } - .lg\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .md\:inset-44 { + top: 11rem !important; + right: 11rem !important; + bottom: 11rem !important; + left: 11rem !important; + } - .lg\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .md\:inset-48 { + top: 12rem !important; + right: 12rem !important; + bottom: 12rem !important; + left: 12rem !important; + } - .lg\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .md\:inset-52 { + top: 13rem !important; + right: 13rem !important; + bottom: 13rem !important; + left: 13rem !important; + } - .lg\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .md\:inset-56 { + top: 14rem !important; + right: 14rem !important; + bottom: 14rem !important; + left: 14rem !important; + } - .lg\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .md\:inset-60 { + top: 15rem !important; + right: 15rem !important; + bottom: 15rem !important; + left: 15rem !important; + } - .lg\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .md\:inset-64 { + top: 16rem !important; + right: 16rem !important; + bottom: 16rem !important; + left: 16rem !important; + } - .lg\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .md\:inset-72 { + top: 18rem !important; + right: 18rem !important; + bottom: 18rem !important; + left: 18rem !important; + } - .lg\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .md\:inset-80 { + top: 20rem !important; + right: 20rem !important; + bottom: 20rem !important; + left: 20rem !important; + } - .lg\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .md\:inset-96 { + top: 24rem !important; + right: 24rem !important; + bottom: 24rem !important; + left: 24rem !important; + } - .lg\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .md\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; + } - .lg\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .md\:inset-px { + top: 1px !important; + right: 1px !important; + bottom: 1px !important; + left: 1px !important; + } - .lg\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .md\:inset-0\.5 { + top: 0.125rem !important; + right: 0.125rem !important; + bottom: 0.125rem !important; + left: 0.125rem !important; + } - .lg\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .md\:inset-1\.5 { + top: 0.375rem !important; + right: 0.375rem !important; + bottom: 0.375rem !important; + left: 0.375rem !important; + } - .lg\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .md\:inset-2\.5 { + top: 0.625rem !important; + right: 0.625rem !important; + bottom: 0.625rem !important; + left: 0.625rem !important; + } - .lg\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .md\:inset-3\.5 { + top: 0.875rem !important; + right: 0.875rem !important; + bottom: 0.875rem !important; + left: 0.875rem !important; + } - .lg\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .md\:-inset-1 { + top: -0.25rem !important; + right: -0.25rem !important; + bottom: -0.25rem !important; + left: -0.25rem !important; + } - .lg\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .md\:-inset-2 { + top: -0.5rem !important; + right: -0.5rem !important; + bottom: -0.5rem !important; + left: -0.5rem !important; + } - .lg\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .md\:-inset-3 { + top: -0.75rem !important; + right: -0.75rem !important; + bottom: -0.75rem !important; + left: -0.75rem !important; + } - .lg\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .md\:-inset-4 { + top: -1rem !important; + right: -1rem !important; + bottom: -1rem !important; + left: -1rem !important; + } - .lg\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .md\:-inset-5 { + top: -1.25rem !important; + right: -1.25rem !important; + bottom: -1.25rem !important; + left: -1.25rem !important; + } - .lg\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .md\:-inset-6 { + top: -1.5rem !important; + right: -1.5rem !important; + bottom: -1.5rem !important; + left: -1.5rem !important; + } - .lg\:dark\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .md\:-inset-7 { + top: -1.75rem !important; + right: -1.75rem !important; + bottom: -1.75rem !important; + left: -1.75rem !important; + } - .lg\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .md\:-inset-8 { + top: -2rem !important; + right: -2rem !important; + bottom: -2rem !important; + left: -2rem !important; + } - .lg\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .md\:-inset-9 { + top: -2.25rem !important; + right: -2.25rem !important; + bottom: -2.25rem !important; + left: -2.25rem !important; + } - .lg\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .md\:-inset-10 { + top: -2.5rem !important; + right: -2.5rem !important; + bottom: -2.5rem !important; + left: -2.5rem !important; + } - .lg\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .md\:-inset-12 { + top: -3rem !important; + right: -3rem !important; + bottom: -3rem !important; + left: -3rem !important; + } - .lg\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .md\:-inset-14 { + top: -3.5rem !important; + right: -3.5rem !important; + bottom: -3.5rem !important; + left: -3.5rem !important; + } - .lg\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .md\:-inset-16 { + top: -4rem !important; + right: -4rem !important; + bottom: -4rem !important; + left: -4rem !important; + } - .lg\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .md\:-inset-20 { + top: -5rem !important; + right: -5rem !important; + bottom: -5rem !important; + left: -5rem !important; + } - .lg\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .md\:-inset-24 { + top: -6rem !important; + right: -6rem !important; + bottom: -6rem !important; + left: -6rem !important; + } - .lg\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .md\:-inset-28 { + top: -7rem !important; + right: -7rem !important; + bottom: -7rem !important; + left: -7rem !important; + } - .lg\:dark\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:-inset-32 { + top: -8rem !important; + right: -8rem !important; + bottom: -8rem !important; + left: -8rem !important; + } - .lg\:dark\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:-inset-36 { + top: -9rem !important; + right: -9rem !important; + bottom: -9rem !important; + left: -9rem !important; + } - .lg\:dark\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .md\:-inset-40 { + top: -10rem !important; + right: -10rem !important; + bottom: -10rem !important; + left: -10rem !important; + } - .lg\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .md\:-inset-44 { + top: -11rem !important; + right: -11rem !important; + bottom: -11rem !important; + left: -11rem !important; + } - .lg\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .md\:-inset-48 { + top: -12rem !important; + right: -12rem !important; + bottom: -12rem !important; + left: -12rem !important; + } - .lg\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .md\:-inset-52 { + top: -13rem !important; + right: -13rem !important; + bottom: -13rem !important; + left: -13rem !important; + } - .lg\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .md\:-inset-56 { + top: -14rem !important; + right: -14rem !important; + bottom: -14rem !important; + left: -14rem !important; + } - .lg\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .md\:-inset-60 { + top: -15rem !important; + right: -15rem !important; + bottom: -15rem !important; + left: -15rem !important; + } - .lg\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .md\:-inset-64 { + top: -16rem !important; + right: -16rem !important; + bottom: -16rem !important; + left: -16rem !important; + } - .lg\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .md\:-inset-72 { + top: -18rem !important; + right: -18rem !important; + bottom: -18rem !important; + left: -18rem !important; + } - .lg\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .md\:-inset-80 { + top: -20rem !important; + right: -20rem !important; + bottom: -20rem !important; + left: -20rem !important; + } - .lg\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .md\:-inset-96 { + top: -24rem !important; + right: -24rem !important; + bottom: -24rem !important; + left: -24rem !important; + } - .lg\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .md\:-inset-px { + top: -1px !important; + right: -1px !important; + bottom: -1px !important; + left: -1px !important; + } - .lg\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .md\:-inset-0\.5 { + top: -0.125rem !important; + right: -0.125rem !important; + bottom: -0.125rem !important; + left: -0.125rem !important; + } - .lg\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .md\:-inset-1\.5 { + top: -0.375rem !important; + right: -0.375rem !important; + bottom: -0.375rem !important; + left: -0.375rem !important; + } - .lg\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .md\:-inset-2\.5 { + top: -0.625rem !important; + right: -0.625rem !important; + bottom: -0.625rem !important; + left: -0.625rem !important; + } - .lg\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .md\:-inset-3\.5 { + top: -0.875rem !important; + right: -0.875rem !important; + bottom: -0.875rem !important; + left: -0.875rem !important; + } - .lg\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .md\:inset-1\/2 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; + } - .lg\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .md\:inset-1\/3 { + top: 33.333333% !important; + right: 33.333333% !important; + bottom: 33.333333% !important; + left: 33.333333% !important; + } - .lg\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .md\:inset-2\/3 { + top: 66.666667% !important; + right: 66.666667% !important; + bottom: 66.666667% !important; + left: 66.666667% !important; + } - .lg\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .md\:inset-1\/4 { + top: 25% !important; + right: 25% !important; + bottom: 25% !important; + left: 25% !important; + } - .lg\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .md\:inset-2\/4 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; + } - .lg\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .md\:inset-3\/4 { + top: 75% !important; + right: 75% !important; + bottom: 75% !important; + left: 75% !important; + } - .lg\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .md\:inset-full { + top: 100% !important; + right: 100% !important; + bottom: 100% !important; + left: 100% !important; + } - .lg\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .md\:-inset-1\/2 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; + } - .lg\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .md\:-inset-1\/3 { + top: -33.333333% !important; + right: -33.333333% !important; + bottom: -33.333333% !important; + left: -33.333333% !important; + } - .lg\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .md\:-inset-2\/3 { + top: -66.666667% !important; + right: -66.666667% !important; + bottom: -66.666667% !important; + left: -66.666667% !important; + } - .lg\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .md\:-inset-1\/4 { + top: -25% !important; + right: -25% !important; + bottom: -25% !important; + left: -25% !important; + } - .lg\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .md\:-inset-2\/4 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; + } - .lg\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .md\:-inset-3\/4 { + top: -75% !important; + right: -75% !important; + bottom: -75% !important; + left: -75% !important; + } - .lg\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .md\:-inset-full { + top: -100% !important; + right: -100% !important; + bottom: -100% !important; + left: -100% !important; + } - .lg\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .md\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; + } - .lg\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .md\:inset-x-0 { + right: 0 !important; + left: 0 !important; + } - .lg\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .md\:inset-y-1 { + top: 0.25rem !important; + bottom: 0.25rem !important; + } - .lg\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .md\:inset-x-1 { + right: 0.25rem !important; + left: 0.25rem !important; + } - .lg\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .md\:inset-y-2 { + top: 0.5rem !important; + bottom: 0.5rem !important; + } - .lg\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .md\:inset-x-2 { + right: 0.5rem !important; + left: 0.5rem !important; + } - .lg\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .md\:inset-y-3 { + top: 0.75rem !important; + bottom: 0.75rem !important; + } - .lg\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .md\:inset-x-3 { + right: 0.75rem !important; + left: 0.75rem !important; + } - .lg\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .md\:inset-y-4 { + top: 1rem !important; + bottom: 1rem !important; + } - .lg\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .md\:inset-x-4 { + right: 1rem !important; + left: 1rem !important; + } - .lg\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .md\:inset-y-5 { + top: 1.25rem !important; + bottom: 1.25rem !important; + } - .lg\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .md\:inset-x-5 { + right: 1.25rem !important; + left: 1.25rem !important; + } - .lg\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .md\:inset-y-6 { + top: 1.5rem !important; + bottom: 1.5rem !important; + } - .lg\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .md\:inset-x-6 { + right: 1.5rem !important; + left: 1.5rem !important; + } - .lg\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .md\:inset-y-7 { + top: 1.75rem !important; + bottom: 1.75rem !important; + } - .lg\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .md\:inset-x-7 { + right: 1.75rem !important; + left: 1.75rem !important; + } - .lg\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .md\:inset-y-8 { + top: 2rem !important; + bottom: 2rem !important; + } - .lg\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .md\:inset-x-8 { + right: 2rem !important; + left: 2rem !important; + } - .lg\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .md\:inset-y-9 { + top: 2.25rem !important; + bottom: 2.25rem !important; + } - .lg\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .md\:inset-x-9 { + right: 2.25rem !important; + left: 2.25rem !important; + } - .lg\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .md\:inset-y-10 { + top: 2.5rem !important; + bottom: 2.5rem !important; + } - .lg\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .md\:inset-x-10 { + right: 2.5rem !important; + left: 2.5rem !important; + } - .lg\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .md\:inset-y-12 { + top: 3rem !important; + bottom: 3rem !important; + } - .lg\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .md\:inset-x-12 { + right: 3rem !important; + left: 3rem !important; + } - .lg\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .md\:inset-y-14 { + top: 3.5rem !important; + bottom: 3.5rem !important; + } - .lg\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .md\:inset-x-14 { + right: 3.5rem !important; + left: 3.5rem !important; + } - .lg\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .md\:inset-y-16 { + top: 4rem !important; + bottom: 4rem !important; + } - .lg\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .md\:inset-x-16 { + right: 4rem !important; + left: 4rem !important; + } - .lg\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .md\:inset-y-20 { + top: 5rem !important; + bottom: 5rem !important; + } - .lg\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .md\:inset-x-20 { + right: 5rem !important; + left: 5rem !important; + } - .lg\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .md\:inset-y-24 { + top: 6rem !important; + bottom: 6rem !important; + } - .lg\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .md\:inset-x-24 { + right: 6rem !important; + left: 6rem !important; + } - .lg\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .md\:inset-y-28 { + top: 7rem !important; + bottom: 7rem !important; + } - .lg\:dark\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .md\:inset-x-28 { + right: 7rem !important; + left: 7rem !important; + } - .lg\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .md\:inset-y-32 { + top: 8rem !important; + bottom: 8rem !important; + } - .lg\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .md\:inset-x-32 { + right: 8rem !important; + left: 8rem !important; + } - .lg\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .md\:inset-y-36 { + top: 9rem !important; + bottom: 9rem !important; + } - .lg\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .md\:inset-x-36 { + right: 9rem !important; + left: 9rem !important; + } - .lg\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .md\:inset-y-40 { + top: 10rem !important; + bottom: 10rem !important; + } - .lg\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .md\:inset-x-40 { + right: 10rem !important; + left: 10rem !important; + } - .lg\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .md\:inset-y-44 { + top: 11rem !important; + bottom: 11rem !important; + } - .lg\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .md\:inset-x-44 { + right: 11rem !important; + left: 11rem !important; + } - .lg\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .md\:inset-y-48 { + top: 12rem !important; + bottom: 12rem !important; + } - .lg\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } + .md\:inset-x-48 { + right: 12rem !important; + left: 12rem !important; + } - .lg\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } + .md\:inset-y-52 { + top: 13rem !important; + bottom: 13rem !important; + } - .lg\:dark\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } + .md\:inset-x-52 { + right: 13rem !important; + left: 13rem !important; + } - .lg\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } + .md\:inset-y-56 { + top: 14rem !important; + bottom: 14rem !important; + } - .lg\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } + .md\:inset-x-56 { + right: 14rem !important; + left: 14rem !important; + } - .lg\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } + .md\:inset-y-60 { + top: 15rem !important; + bottom: 15rem !important; + } - .lg\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } + .md\:inset-x-60 { + right: 15rem !important; + left: 15rem !important; + } - .lg\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } + .md\:inset-y-64 { + top: 16rem !important; + bottom: 16rem !important; + } - .lg\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } + .md\:inset-x-64 { + right: 16rem !important; + left: 16rem !important; + } - .lg\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } + .md\:inset-y-72 { + top: 18rem !important; + bottom: 18rem !important; + } - .lg\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } + .md\:inset-x-72 { + right: 18rem !important; + left: 18rem !important; + } - .lg\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } + .md\:inset-y-80 { + top: 20rem !important; + bottom: 20rem !important; + } - .lg\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } + .md\:inset-x-80 { + right: 20rem !important; + left: 20rem !important; + } - .lg\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } + .md\:inset-y-96 { + top: 24rem !important; + bottom: 24rem !important; + } - .lg\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } + .md\:inset-x-96 { + right: 24rem !important; + left: 24rem !important; + } - .lg\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } + .md\:inset-y-auto { + top: auto !important; + bottom: auto !important; + } - .lg\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } + .md\:inset-x-auto { + right: auto !important; + left: auto !important; + } - .lg\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } + .md\:inset-y-px { + top: 1px !important; + bottom: 1px !important; + } - .lg\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } + .md\:inset-x-px { + right: 1px !important; + left: 1px !important; + } - .lg\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } + .md\:inset-y-0\.5 { + top: 0.125rem !important; + bottom: 0.125rem !important; + } - .lg\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } + .md\:inset-x-0\.5 { + right: 0.125rem !important; + left: 0.125rem !important; + } - .lg\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } + .md\:inset-y-1\.5 { + top: 0.375rem !important; + bottom: 0.375rem !important; + } - .lg\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } + .md\:inset-x-1\.5 { + right: 0.375rem !important; + left: 0.375rem !important; + } - .lg\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } + .md\:inset-y-2\.5 { + top: 0.625rem !important; + bottom: 0.625rem !important; + } - .lg\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } + .md\:inset-x-2\.5 { + right: 0.625rem !important; + left: 0.625rem !important; + } - .lg\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } + .md\:inset-y-3\.5 { + top: 0.875rem !important; + bottom: 0.875rem !important; + } - .lg\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } + .md\:inset-x-3\.5 { + right: 0.875rem !important; + left: 0.875rem !important; + } - .lg\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } + .md\:-inset-y-1 { + top: -0.25rem !important; + bottom: -0.25rem !important; + } - .lg\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } + .md\:-inset-x-1 { + right: -0.25rem !important; + left: -0.25rem !important; + } - .lg\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } + .md\:-inset-y-2 { + top: -0.5rem !important; + bottom: -0.5rem !important; + } - .lg\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } + .md\:-inset-x-2 { + right: -0.5rem !important; + left: -0.5rem !important; + } - .lg\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } + .md\:-inset-y-3 { + top: -0.75rem !important; + bottom: -0.75rem !important; + } - .lg\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } + .md\:-inset-x-3 { + right: -0.75rem !important; + left: -0.75rem !important; + } - .lg\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } + .md\:-inset-y-4 { + top: -1rem !important; + bottom: -1rem !important; + } - .lg\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } + .md\:-inset-x-4 { + right: -1rem !important; + left: -1rem !important; + } - .lg\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } + .md\:-inset-y-5 { + top: -1.25rem !important; + bottom: -1.25rem !important; + } - .lg\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } + .md\:-inset-x-5 { + right: -1.25rem !important; + left: -1.25rem !important; + } - .lg\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } + .md\:-inset-y-6 { + top: -1.5rem !important; + bottom: -1.5rem !important; + } - .lg\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } + .md\:-inset-x-6 { + right: -1.5rem !important; + left: -1.5rem !important; + } - .lg\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } + .md\:-inset-y-7 { + top: -1.75rem !important; + bottom: -1.75rem !important; + } - .lg\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } + .md\:-inset-x-7 { + right: -1.75rem !important; + left: -1.75rem !important; + } - .lg\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } + .md\:-inset-y-8 { + top: -2rem !important; + bottom: -2rem !important; + } - .lg\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } + .md\:-inset-x-8 { + right: -2rem !important; + left: -2rem !important; + } - .lg\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } + .md\:-inset-y-9 { + top: -2.25rem !important; + bottom: -2.25rem !important; + } - .lg\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } + .md\:-inset-x-9 { + right: -2.25rem !important; + left: -2.25rem !important; + } - .lg\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } + .md\:-inset-y-10 { + top: -2.5rem !important; + bottom: -2.5rem !important; + } - .lg\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } + .md\:-inset-x-10 { + right: -2.5rem !important; + left: -2.5rem !important; + } - .lg\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } + .md\:-inset-y-12 { + top: -3rem !important; + bottom: -3rem !important; + } - .lg\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } + .md\:-inset-x-12 { + right: -3rem !important; + left: -3rem !important; + } - .lg\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } + .md\:-inset-y-14 { + top: -3.5rem !important; + bottom: -3.5rem !important; + } - .lg\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } + .md\:-inset-x-14 { + right: -3.5rem !important; + left: -3.5rem !important; + } - .lg\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } + .md\:-inset-y-16 { + top: -4rem !important; + bottom: -4rem !important; + } - .lg\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } + .md\:-inset-x-16 { + right: -4rem !important; + left: -4rem !important; + } - .lg\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } + .md\:-inset-y-20 { + top: -5rem !important; + bottom: -5rem !important; + } - .lg\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } + .md\:-inset-x-20 { + right: -5rem !important; + left: -5rem !important; + } - .lg\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } + .md\:-inset-y-24 { + top: -6rem !important; + bottom: -6rem !important; + } - .lg\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } + .md\:-inset-x-24 { + right: -6rem !important; + left: -6rem !important; + } - .lg\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } + .md\:-inset-y-28 { + top: -7rem !important; + bottom: -7rem !important; + } - .lg\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } + .md\:-inset-x-28 { + right: -7rem !important; + left: -7rem !important; + } - .lg\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } + .md\:-inset-y-32 { + top: -8rem !important; + bottom: -8rem !important; + } - .lg\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } + .md\:-inset-x-32 { + right: -8rem !important; + left: -8rem !important; + } - .lg\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } + .md\:-inset-y-36 { + top: -9rem !important; + bottom: -9rem !important; + } - .lg\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } + .md\:-inset-x-36 { + right: -9rem !important; + left: -9rem !important; + } - .lg\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } + .md\:-inset-y-40 { + top: -10rem !important; + bottom: -10rem !important; + } - .lg\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } + .md\:-inset-x-40 { + right: -10rem !important; + left: -10rem !important; + } - .lg\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } + .md\:-inset-y-44 { + top: -11rem !important; + bottom: -11rem !important; + } - .lg\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } + .md\:-inset-x-44 { + right: -11rem !important; + left: -11rem !important; + } - .lg\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } + .md\:-inset-y-48 { + top: -12rem !important; + bottom: -12rem !important; + } - .lg\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } + .md\:-inset-x-48 { + right: -12rem !important; + left: -12rem !important; + } - .lg\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } + .md\:-inset-y-52 { + top: -13rem !important; + bottom: -13rem !important; + } - .lg\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } + .md\:-inset-x-52 { + right: -13rem !important; + left: -13rem !important; + } - .lg\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } + .md\:-inset-y-56 { + top: -14rem !important; + bottom: -14rem !important; + } - .lg\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } + .md\:-inset-x-56 { + right: -14rem !important; + left: -14rem !important; + } - .lg\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } + .md\:-inset-y-60 { + top: -15rem !important; + bottom: -15rem !important; } - .lg\:bg-opacity-0 { - --bg-opacity: 0 !important; + .md\:-inset-x-60 { + right: -15rem !important; + left: -15rem !important; } - .lg\:bg-opacity-25 { - --bg-opacity: 0.25 !important; + .md\:-inset-y-64 { + top: -16rem !important; + bottom: -16rem !important; } - .lg\:bg-opacity-50 { - --bg-opacity: 0.5 !important; + .md\:-inset-x-64 { + right: -16rem !important; + left: -16rem !important; } - .lg\:bg-opacity-75 { - --bg-opacity: 0.75 !important; + .md\:-inset-y-72 { + top: -18rem !important; + bottom: -18rem !important; } - .lg\:bg-opacity-100 { - --bg-opacity: 1 !important; + .md\:-inset-x-72 { + right: -18rem !important; + left: -18rem !important; } - .group:hover .lg\:group-hover\:bg-opacity-0 { - --bg-opacity: 0 !important; + .md\:-inset-y-80 { + top: -20rem !important; + bottom: -20rem !important; } - .group:hover .lg\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25 !important; + .md\:-inset-x-80 { + right: -20rem !important; + left: -20rem !important; } - .group:hover .lg\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5 !important; + .md\:-inset-y-96 { + top: -24rem !important; + bottom: -24rem !important; } - .group:hover .lg\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75 !important; + .md\:-inset-x-96 { + right: -24rem !important; + left: -24rem !important; } - .group:hover .lg\:group-hover\:bg-opacity-100 { - --bg-opacity: 1 !important; + .md\:-inset-y-px { + top: -1px !important; + bottom: -1px !important; } - .lg\:hover\:bg-opacity-0:hover { - --bg-opacity: 0 !important; + .md\:-inset-x-px { + right: -1px !important; + left: -1px !important; } - .lg\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25 !important; + .md\:-inset-y-0\.5 { + top: -0.125rem !important; + bottom: -0.125rem !important; } - .lg\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5 !important; + .md\:-inset-x-0\.5 { + right: -0.125rem !important; + left: -0.125rem !important; } - .lg\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75 !important; + .md\:-inset-y-1\.5 { + top: -0.375rem !important; + bottom: -0.375rem !important; } - .lg\:hover\:bg-opacity-100:hover { - --bg-opacity: 1 !important; + .md\:-inset-x-1\.5 { + right: -0.375rem !important; + left: -0.375rem !important; } - .lg\:focus\:bg-opacity-0:focus { - --bg-opacity: 0 !important; + .md\:-inset-y-2\.5 { + top: -0.625rem !important; + bottom: -0.625rem !important; } - .lg\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25 !important; + .md\:-inset-x-2\.5 { + right: -0.625rem !important; + left: -0.625rem !important; } - .lg\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5 !important; + .md\:-inset-y-3\.5 { + top: -0.875rem !important; + bottom: -0.875rem !important; } - .lg\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75 !important; + .md\:-inset-x-3\.5 { + right: -0.875rem !important; + left: -0.875rem !important; } - .lg\:focus\:bg-opacity-100:focus { - --bg-opacity: 1 !important; + .md\:inset-y-1\/2 { + top: 50% !important; + bottom: 50% !important; } - .lg\:bg-bottom { - background-position: bottom !important; + .md\:inset-x-1\/2 { + right: 50% !important; + left: 50% !important; } - .lg\:bg-center { - background-position: center !important; + .md\:inset-y-1\/3 { + top: 33.333333% !important; + bottom: 33.333333% !important; } - .lg\:bg-left { - background-position: left !important; + .md\:inset-x-1\/3 { + right: 33.333333% !important; + left: 33.333333% !important; } - .lg\:bg-left-bottom { - background-position: left bottom !important; + .md\:inset-y-2\/3 { + top: 66.666667% !important; + bottom: 66.666667% !important; } - .lg\:bg-left-top { - background-position: left top !important; + .md\:inset-x-2\/3 { + right: 66.666667% !important; + left: 66.666667% !important; } - .lg\:bg-right { - background-position: right !important; + .md\:inset-y-1\/4 { + top: 25% !important; + bottom: 25% !important; } - .lg\:bg-right-bottom { - background-position: right bottom !important; + .md\:inset-x-1\/4 { + right: 25% !important; + left: 25% !important; } - .lg\:bg-right-top { - background-position: right top !important; + .md\:inset-y-2\/4 { + top: 50% !important; + bottom: 50% !important; } - .lg\:bg-top { - background-position: top !important; + .md\:inset-x-2\/4 { + right: 50% !important; + left: 50% !important; } - .lg\:bg-repeat { - background-repeat: repeat !important; + .md\:inset-y-3\/4 { + top: 75% !important; + bottom: 75% !important; } - .lg\:bg-no-repeat { - background-repeat: no-repeat !important; + .md\:inset-x-3\/4 { + right: 75% !important; + left: 75% !important; } - .lg\:bg-repeat-x { - background-repeat: repeat-x !important; + .md\:inset-y-full { + top: 100% !important; + bottom: 100% !important; } - .lg\:bg-repeat-y { - background-repeat: repeat-y !important; + .md\:inset-x-full { + right: 100% !important; + left: 100% !important; } - .lg\:bg-repeat-round { - background-repeat: round !important; + .md\:-inset-y-1\/2 { + top: -50% !important; + bottom: -50% !important; } - .lg\:bg-repeat-space { - background-repeat: space !important; + .md\:-inset-x-1\/2 { + right: -50% !important; + left: -50% !important; } - .lg\:bg-auto { - background-size: auto !important; + .md\:-inset-y-1\/3 { + top: -33.333333% !important; + bottom: -33.333333% !important; } - .lg\:bg-cover { - background-size: cover !important; + .md\:-inset-x-1\/3 { + right: -33.333333% !important; + left: -33.333333% !important; } - .lg\:bg-contain { - background-size: contain !important; + .md\:-inset-y-2\/3 { + top: -66.666667% !important; + bottom: -66.666667% !important; } - .lg\:border-collapse { - border-collapse: collapse !important; + .md\:-inset-x-2\/3 { + right: -66.666667% !important; + left: -66.666667% !important; } - .lg\:border-separate { - border-collapse: separate !important; + .md\:-inset-y-1\/4 { + top: -25% !important; + bottom: -25% !important; } - .lg\:border-transparent { - border-color: transparent !important; + .md\:-inset-x-1\/4 { + right: -25% !important; + left: -25% !important; } - .lg\:border-current { - border-color: currentColor !important; + .md\:-inset-y-2\/4 { + top: -50% !important; + bottom: -50% !important; } - .lg\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .md\:-inset-x-2\/4 { + right: -50% !important; + left: -50% !important; } - .lg\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .md\:-inset-y-3\/4 { + top: -75% !important; + bottom: -75% !important; } - .lg\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .md\:-inset-x-3\/4 { + right: -75% !important; + left: -75% !important; } - .lg\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .md\:-inset-y-full { + top: -100% !important; + bottom: -100% !important; } - .lg\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .md\:-inset-x-full { + right: -100% !important; + left: -100% !important; } - .lg\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .md\:top-0 { + top: 0 !important; } - .lg\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .md\:right-0 { + right: 0 !important; } - .lg\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .md\:bottom-0 { + bottom: 0 !important; } - .lg\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .md\:left-0 { + left: 0 !important; } - .lg\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .md\:top-1 { + top: 0.25rem !important; } - .lg\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .md\:right-1 { + right: 0.25rem !important; } - .lg\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .md\:bottom-1 { + bottom: 0.25rem !important; } - .lg\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .md\:left-1 { + left: 0.25rem !important; } - .lg\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .md\:top-2 { + top: 0.5rem !important; } - .lg\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .md\:right-2 { + right: 0.5rem !important; } - .lg\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .md\:bottom-2 { + bottom: 0.5rem !important; } - .lg\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .md\:left-2 { + left: 0.5rem !important; } - .lg\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .md\:top-3 { + top: 0.75rem !important; } - .lg\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .md\:right-3 { + right: 0.75rem !important; } - .lg\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .md\:bottom-3 { + bottom: 0.75rem !important; } - .lg\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .md\:left-3 { + left: 0.75rem !important; } - .lg\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .md\:top-4 { + top: 1rem !important; } - .lg\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .md\:right-4 { + right: 1rem !important; } - .lg\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .md\:bottom-4 { + bottom: 1rem !important; } - .lg\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .md\:left-4 { + left: 1rem !important; } - .lg\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .md\:top-5 { + top: 1.25rem !important; } - .lg\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .md\:right-5 { + right: 1.25rem !important; } - .lg\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .md\:bottom-5 { + bottom: 1.25rem !important; } - .lg\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .md\:left-5 { + left: 1.25rem !important; } - .lg\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .md\:top-6 { + top: 1.5rem !important; } - .lg\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .md\:right-6 { + right: 1.5rem !important; } - .lg\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .md\:bottom-6 { + bottom: 1.5rem !important; } - .lg\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .md\:left-6 { + left: 1.5rem !important; } - .lg\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .md\:top-7 { + top: 1.75rem !important; } - .lg\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .md\:right-7 { + right: 1.75rem !important; } - .lg\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .md\:bottom-7 { + bottom: 1.75rem !important; } - .lg\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .md\:left-7 { + left: 1.75rem !important; } - .lg\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .md\:top-8 { + top: 2rem !important; } - .lg\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .md\:right-8 { + right: 2rem !important; } - .lg\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .md\:bottom-8 { + bottom: 2rem !important; } - .lg\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .md\:left-8 { + left: 2rem !important; } - .lg\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .md\:top-9 { + top: 2.25rem !important; } - .lg\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .md\:right-9 { + right: 2.25rem !important; } - .lg\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .md\:bottom-9 { + bottom: 2.25rem !important; } - .lg\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .md\:left-9 { + left: 2.25rem !important; } - .lg\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .md\:top-10 { + top: 2.5rem !important; } - .lg\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .md\:right-10 { + right: 2.5rem !important; } - .lg\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .md\:bottom-10 { + bottom: 2.5rem !important; } - .lg\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .md\:left-10 { + left: 2.5rem !important; } - .lg\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .md\:top-12 { + top: 3rem !important; } - .lg\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .md\:right-12 { + right: 3rem !important; } - .lg\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .md\:bottom-12 { + bottom: 3rem !important; } - .lg\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .md\:left-12 { + left: 3rem !important; } - .lg\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .md\:top-14 { + top: 3.5rem !important; } - .lg\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .md\:right-14 { + right: 3.5rem !important; } - .lg\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .md\:bottom-14 { + bottom: 3.5rem !important; } - .lg\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .md\:left-14 { + left: 3.5rem !important; } - .lg\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .md\:top-16 { + top: 4rem !important; } - .lg\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .md\:right-16 { + right: 4rem !important; } - .lg\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .md\:bottom-16 { + bottom: 4rem !important; } - .lg\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .md\:left-16 { + left: 4rem !important; } - .lg\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .md\:top-20 { + top: 5rem !important; } - .lg\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .md\:right-20 { + right: 5rem !important; } - .lg\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .md\:bottom-20 { + bottom: 5rem !important; } - .lg\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .md\:left-20 { + left: 5rem !important; } - .lg\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .md\:top-24 { + top: 6rem !important; } - .lg\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .md\:right-24 { + right: 6rem !important; } - .lg\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .md\:bottom-24 { + bottom: 6rem !important; } - .lg\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .md\:left-24 { + left: 6rem !important; } - .lg\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .md\:top-28 { + top: 7rem !important; } - .lg\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .md\:right-28 { + right: 7rem !important; } - .lg\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .md\:bottom-28 { + bottom: 7rem !important; } - .group:hover .lg\:group-hover\:border-transparent { - border-color: transparent !important; + .md\:left-28 { + left: 7rem !important; } - .group:hover .lg\:group-hover\:border-current { - border-color: currentColor !important; + .md\:top-32 { + top: 8rem !important; } - .group:hover .lg\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .md\:right-32 { + right: 8rem !important; } - .group:hover .lg\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .md\:bottom-32 { + bottom: 8rem !important; } - .group:hover .lg\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .md\:left-32 { + left: 8rem !important; } - .group:hover .lg\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .md\:top-36 { + top: 9rem !important; } - .group:hover .lg\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .md\:right-36 { + right: 9rem !important; } - .group:hover .lg\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .md\:bottom-36 { + bottom: 9rem !important; } - .group:hover .lg\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .md\:left-36 { + left: 9rem !important; } - .group:hover .lg\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .md\:top-40 { + top: 10rem !important; } - .group:hover .lg\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .md\:right-40 { + right: 10rem !important; } - .group:hover .lg\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .md\:bottom-40 { + bottom: 10rem !important; } - .group:hover .lg\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .md\:left-40 { + left: 10rem !important; } - .group:hover .lg\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .md\:top-44 { + top: 11rem !important; } - .group:hover .lg\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .md\:right-44 { + right: 11rem !important; } - .group:hover .lg\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .md\:bottom-44 { + bottom: 11rem !important; } - .group:hover .lg\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .md\:left-44 { + left: 11rem !important; } - .group:hover .lg\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .md\:top-48 { + top: 12rem !important; } - .group:hover .lg\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .md\:right-48 { + right: 12rem !important; } - .group:hover .lg\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .md\:bottom-48 { + bottom: 12rem !important; } - .group:hover .lg\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .md\:left-48 { + left: 12rem !important; } - .group:hover .lg\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .md\:top-52 { + top: 13rem !important; } - .group:hover .lg\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .md\:right-52 { + right: 13rem !important; } - .group:hover .lg\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .md\:bottom-52 { + bottom: 13rem !important; } - .group:hover .lg\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .md\:left-52 { + left: 13rem !important; } - .group:hover .lg\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .md\:top-56 { + top: 14rem !important; } - .group:hover .lg\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .md\:right-56 { + right: 14rem !important; } - .group:hover .lg\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .md\:bottom-56 { + bottom: 14rem !important; } - .group:hover .lg\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .md\:left-56 { + left: 14rem !important; } - .group:hover .lg\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .md\:top-60 { + top: 15rem !important; } - .group:hover .lg\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .md\:right-60 { + right: 15rem !important; } - .group:hover .lg\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .md\:bottom-60 { + bottom: 15rem !important; } - .group:hover .lg\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .md\:left-60 { + left: 15rem !important; } - .group:hover .lg\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .md\:top-64 { + top: 16rem !important; } - .group:hover .lg\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .md\:right-64 { + right: 16rem !important; } - .group:hover .lg\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .md\:bottom-64 { + bottom: 16rem !important; } - .group:hover .lg\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .md\:left-64 { + left: 16rem !important; } - .group:hover .lg\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .md\:top-72 { + top: 18rem !important; } - .group:hover .lg\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .md\:right-72 { + right: 18rem !important; } - .group:hover .lg\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .md\:bottom-72 { + bottom: 18rem !important; } - .group:hover .lg\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .md\:left-72 { + left: 18rem !important; } - .group:hover .lg\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .md\:top-80 { + top: 20rem !important; } - .group:hover .lg\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .md\:right-80 { + right: 20rem !important; } - .group:hover .lg\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .md\:bottom-80 { + bottom: 20rem !important; } - .group:hover .lg\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .md\:left-80 { + left: 20rem !important; } - .group:hover .lg\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .md\:top-96 { + top: 24rem !important; } - .group:hover .lg\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .md\:right-96 { + right: 24rem !important; } - .group:hover .lg\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .md\:bottom-96 { + bottom: 24rem !important; } - .group:hover .lg\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .md\:left-96 { + left: 24rem !important; } - .group:hover .lg\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .md\:top-auto { + top: auto !important; } - .group:hover .lg\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .md\:right-auto { + right: auto !important; } - .group:hover .lg\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .md\:bottom-auto { + bottom: auto !important; } - .group:hover .lg\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .md\:left-auto { + left: auto !important; } - .group:hover .lg\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .md\:top-px { + top: 1px !important; } - .group:hover .lg\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .md\:right-px { + right: 1px !important; } - .group:hover .lg\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .md\:bottom-px { + bottom: 1px !important; } - .group:hover .lg\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .md\:left-px { + left: 1px !important; } - .group:hover .lg\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .md\:top-0\.5 { + top: 0.125rem !important; } - .group:hover .lg\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .md\:right-0\.5 { + right: 0.125rem !important; } - .group:hover .lg\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .md\:bottom-0\.5 { + bottom: 0.125rem !important; } - .group:hover .lg\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .md\:left-0\.5 { + left: 0.125rem !important; } - .group:hover .lg\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .md\:top-1\.5 { + top: 0.375rem !important; } - .group:hover .lg\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .md\:right-1\.5 { + right: 0.375rem !important; } - .group:hover .lg\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .md\:bottom-1\.5 { + bottom: 0.375rem !important; } - .group:hover .lg\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .md\:left-1\.5 { + left: 0.375rem !important; } - .group:hover .lg\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .md\:top-2\.5 { + top: 0.625rem !important; } - .group:hover .lg\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .md\:right-2\.5 { + right: 0.625rem !important; } - .group:hover .lg\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .md\:bottom-2\.5 { + bottom: 0.625rem !important; } - .group:hover .lg\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .md\:left-2\.5 { + left: 0.625rem !important; } - .group:hover .lg\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .md\:top-3\.5 { + top: 0.875rem !important; } - .group:hover .lg\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .md\:right-3\.5 { + right: 0.875rem !important; } - .group:hover .lg\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .md\:bottom-3\.5 { + bottom: 0.875rem !important; } - .group:hover .lg\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .md\:left-3\.5 { + left: 0.875rem !important; } - .group:hover .lg\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .md\:-top-1 { + top: -0.25rem !important; } - .lg\:hover\:border-transparent:hover { - border-color: transparent !important; + .md\:-right-1 { + right: -0.25rem !important; } - .lg\:hover\:border-current:hover { - border-color: currentColor !important; + .md\:-bottom-1 { + bottom: -0.25rem !important; } - .lg\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .md\:-left-1 { + left: -0.25rem !important; } - .lg\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .md\:-top-2 { + top: -0.5rem !important; } - .lg\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .md\:-right-2 { + right: -0.5rem !important; } - .lg\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .md\:-bottom-2 { + bottom: -0.5rem !important; } - .lg\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .md\:-left-2 { + left: -0.5rem !important; } - .lg\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .md\:-top-3 { + top: -0.75rem !important; } - .lg\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .md\:-right-3 { + right: -0.75rem !important; } - .lg\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .md\:-bottom-3 { + bottom: -0.75rem !important; } - .lg\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .md\:-left-3 { + left: -0.75rem !important; } - .lg\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .md\:-top-4 { + top: -1rem !important; } - .lg\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .md\:-right-4 { + right: -1rem !important; } - .lg\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .md\:-bottom-4 { + bottom: -1rem !important; } - .lg\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .md\:-left-4 { + left: -1rem !important; } - .lg\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .md\:-top-5 { + top: -1.25rem !important; } - .lg\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .md\:-right-5 { + right: -1.25rem !important; } - .lg\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .md\:-bottom-5 { + bottom: -1.25rem !important; } - .lg\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .md\:-left-5 { + left: -1.25rem !important; } - .lg\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .md\:-top-6 { + top: -1.5rem !important; } - .lg\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .md\:-right-6 { + right: -1.5rem !important; } - .lg\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .md\:-bottom-6 { + bottom: -1.5rem !important; } - .lg\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .md\:-left-6 { + left: -1.5rem !important; } - .lg\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .md\:-top-7 { + top: -1.75rem !important; } - .lg\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .md\:-right-7 { + right: -1.75rem !important; } - .lg\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .md\:-bottom-7 { + bottom: -1.75rem !important; } - .lg\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .md\:-left-7 { + left: -1.75rem !important; } - .lg\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .md\:-top-8 { + top: -2rem !important; } - .lg\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .md\:-right-8 { + right: -2rem !important; } - .lg\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .md\:-bottom-8 { + bottom: -2rem !important; } - .lg\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .md\:-left-8 { + left: -2rem !important; } - .lg\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .md\:-top-9 { + top: -2.25rem !important; } - .lg\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .md\:-right-9 { + right: -2.25rem !important; } - .lg\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .md\:-bottom-9 { + bottom: -2.25rem !important; } - .lg\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .md\:-left-9 { + left: -2.25rem !important; } - .lg\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .md\:-top-10 { + top: -2.5rem !important; } - .lg\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .md\:-right-10 { + right: -2.5rem !important; } - .lg\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .md\:-bottom-10 { + bottom: -2.5rem !important; } - .lg\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .md\:-left-10 { + left: -2.5rem !important; } - .lg\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .md\:-top-12 { + top: -3rem !important; } - .lg\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .md\:-right-12 { + right: -3rem !important; } - .lg\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .md\:-bottom-12 { + bottom: -3rem !important; } - .lg\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .md\:-left-12 { + left: -3rem !important; } - .lg\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .md\:-top-14 { + top: -3.5rem !important; } - .lg\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .md\:-right-14 { + right: -3.5rem !important; } - .lg\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .md\:-bottom-14 { + bottom: -3.5rem !important; } - .lg\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .md\:-left-14 { + left: -3.5rem !important; } - .lg\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .md\:-top-16 { + top: -4rem !important; } - .lg\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .md\:-right-16 { + right: -4rem !important; } - .lg\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .md\:-bottom-16 { + bottom: -4rem !important; } - .lg\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .md\:-left-16 { + left: -4rem !important; } - .lg\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .md\:-top-20 { + top: -5rem !important; } - .lg\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .md\:-right-20 { + right: -5rem !important; } - .lg\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .md\:-bottom-20 { + bottom: -5rem !important; } - .lg\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .md\:-left-20 { + left: -5rem !important; } - .lg\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .md\:-top-24 { + top: -6rem !important; } - .lg\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .md\:-right-24 { + right: -6rem !important; } - .lg\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .md\:-bottom-24 { + bottom: -6rem !important; } - .lg\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .md\:-left-24 { + left: -6rem !important; } - .lg\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .md\:-top-28 { + top: -7rem !important; } - .lg\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .md\:-right-28 { + right: -7rem !important; } - .lg\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .md\:-bottom-28 { + bottom: -7rem !important; } - .lg\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .md\:-left-28 { + left: -7rem !important; } - .lg\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .md\:-top-32 { + top: -8rem !important; } - .lg\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .md\:-right-32 { + right: -8rem !important; } - .lg\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .md\:-bottom-32 { + bottom: -8rem !important; } - .lg\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .md\:-left-32 { + left: -8rem !important; } - .lg\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .md\:-top-36 { + top: -9rem !important; } - .lg\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .md\:-right-36 { + right: -9rem !important; } - .lg\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .md\:-bottom-36 { + bottom: -9rem !important; } - .lg\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .md\:-left-36 { + left: -9rem !important; } - .lg\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .md\:-top-40 { + top: -10rem !important; } - .lg\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .md\:-right-40 { + right: -10rem !important; } - .lg\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .md\:-bottom-40 { + bottom: -10rem !important; } - .lg\:focus\:border-transparent:focus { - border-color: transparent !important; + .md\:-left-40 { + left: -10rem !important; } - .lg\:focus\:border-current:focus { - border-color: currentColor !important; + .md\:-top-44 { + top: -11rem !important; } - .lg\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .md\:-right-44 { + right: -11rem !important; } - .lg\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .md\:-bottom-44 { + bottom: -11rem !important; } - .lg\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .md\:-left-44 { + left: -11rem !important; } - .lg\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .md\:-top-48 { + top: -12rem !important; } - .lg\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .md\:-right-48 { + right: -12rem !important; } - .lg\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .md\:-bottom-48 { + bottom: -12rem !important; } - .lg\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .md\:-left-48 { + left: -12rem !important; } - .lg\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .md\:-top-52 { + top: -13rem !important; } - .lg\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .md\:-right-52 { + right: -13rem !important; } - .lg\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .md\:-bottom-52 { + bottom: -13rem !important; } - .lg\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .md\:-left-52 { + left: -13rem !important; } - .lg\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .md\:-top-56 { + top: -14rem !important; } - .lg\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .md\:-right-56 { + right: -14rem !important; } - .lg\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .md\:-bottom-56 { + bottom: -14rem !important; } - .lg\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .md\:-left-56 { + left: -14rem !important; } - .lg\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .md\:-top-60 { + top: -15rem !important; } - .lg\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .md\:-right-60 { + right: -15rem !important; } - .lg\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .md\:-bottom-60 { + bottom: -15rem !important; } - .lg\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .md\:-left-60 { + left: -15rem !important; } - .lg\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .md\:-top-64 { + top: -16rem !important; } - .lg\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .md\:-right-64 { + right: -16rem !important; } - .lg\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .md\:-bottom-64 { + bottom: -16rem !important; } - .lg\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .md\:-left-64 { + left: -16rem !important; } - .lg\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .md\:-top-72 { + top: -18rem !important; } - .lg\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .md\:-right-72 { + right: -18rem !important; } - .lg\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .md\:-bottom-72 { + bottom: -18rem !important; } - .lg\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .md\:-left-72 { + left: -18rem !important; } - .lg\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .md\:-top-80 { + top: -20rem !important; } - .lg\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .md\:-right-80 { + right: -20rem !important; } - .lg\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .md\:-bottom-80 { + bottom: -20rem !important; } - .lg\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .md\:-left-80 { + left: -20rem !important; } - .lg\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .md\:-top-96 { + top: -24rem !important; } - .lg\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .md\:-right-96 { + right: -24rem !important; } - .lg\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .md\:-bottom-96 { + bottom: -24rem !important; } - .lg\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .md\:-left-96 { + left: -24rem !important; } - .lg\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .md\:-top-px { + top: -1px !important; } - .lg\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .md\:-right-px { + right: -1px !important; } - .lg\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .md\:-bottom-px { + bottom: -1px !important; } - .lg\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .md\:-left-px { + left: -1px !important; } - .lg\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .md\:-top-0\.5 { + top: -0.125rem !important; } - .lg\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .md\:-right-0\.5 { + right: -0.125rem !important; } - .lg\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .md\:-bottom-0\.5 { + bottom: -0.125rem !important; } - .lg\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .md\:-left-0\.5 { + left: -0.125rem !important; } - .lg\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .md\:-top-1\.5 { + top: -0.375rem !important; } - .lg\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .md\:-right-1\.5 { + right: -0.375rem !important; } - .lg\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .md\:-bottom-1\.5 { + bottom: -0.375rem !important; } - .lg\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .md\:-left-1\.5 { + left: -0.375rem !important; } - .lg\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .md\:-top-2\.5 { + top: -0.625rem !important; } - .lg\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .md\:-right-2\.5 { + right: -0.625rem !important; } - .lg\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .md\:-bottom-2\.5 { + bottom: -0.625rem !important; } - .lg\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .md\:-left-2\.5 { + left: -0.625rem !important; } - .lg\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .md\:-top-3\.5 { + top: -0.875rem !important; } - .lg\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .md\:-right-3\.5 { + right: -0.875rem !important; } - .lg\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .md\:-bottom-3\.5 { + bottom: -0.875rem !important; } - .lg\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .md\:-left-3\.5 { + left: -0.875rem !important; } - .lg\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .md\:top-1\/2 { + top: 50% !important; } - .lg\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .md\:right-1\/2 { + right: 50% !important; } - .lg\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .md\:bottom-1\/2 { + bottom: 50% !important; } - .lg\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .md\:left-1\/2 { + left: 50% !important; } - .lg\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .md\:top-1\/3 { + top: 33.333333% !important; } - .lg\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .md\:right-1\/3 { + right: 33.333333% !important; } - .lg\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .md\:bottom-1\/3 { + bottom: 33.333333% !important; } - .lg\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .md\:left-1\/3 { + left: 33.333333% !important; } - .lg\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .md\:top-2\/3 { + top: 66.666667% !important; } - .lg\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .md\:right-2\/3 { + right: 66.666667% !important; } - .lg\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .md\:bottom-2\/3 { + bottom: 66.666667% !important; } - .lg\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .md\:left-2\/3 { + left: 66.666667% !important; } - .lg\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .md\:top-1\/4 { + top: 25% !important; } - .lg\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .md\:right-1\/4 { + right: 25% !important; } - .lg\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .md\:bottom-1\/4 { + bottom: 25% !important; } - .lg\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .md\:left-1\/4 { + left: 25% !important; } - .lg\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .md\:top-2\/4 { + top: 50% !important; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:border-transparent { - border-color: transparent !important; - } + .md\:right-2\/4 { + right: 50% !important; + } - .lg\:dark\:border-current { - border-color: currentColor !important; - } + .md\:bottom-2\/4 { + bottom: 50% !important; + } - .lg\:dark\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .md\:left-2\/4 { + left: 50% !important; + } - .lg\:dark\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .md\:top-3\/4 { + top: 75% !important; + } - .lg\:dark\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .md\:right-3\/4 { + right: 75% !important; + } - .lg\:dark\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .md\:bottom-3\/4 { + bottom: 75% !important; + } - .lg\:dark\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .md\:left-3\/4 { + left: 75% !important; + } - .lg\:dark\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .md\:top-full { + top: 100% !important; + } - .lg\:dark\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .md\:right-full { + right: 100% !important; + } - .lg\:dark\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .md\:bottom-full { + bottom: 100% !important; + } - .lg\:dark\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .md\:left-full { + left: 100% !important; + } - .lg\:dark\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .md\:-top-1\/2 { + top: -50% !important; + } - .lg\:dark\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .md\:-right-1\/2 { + right: -50% !important; + } - .lg\:dark\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .md\:-bottom-1\/2 { + bottom: -50% !important; + } - .lg\:dark\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .md\:-left-1\/2 { + left: -50% !important; + } - .lg\:dark\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .md\:-top-1\/3 { + top: -33.333333% !important; + } - .lg\:dark\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .md\:-right-1\/3 { + right: -33.333333% !important; + } - .lg\:dark\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .md\:-bottom-1\/3 { + bottom: -33.333333% !important; + } - .lg\:dark\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .md\:-left-1\/3 { + left: -33.333333% !important; + } - .lg\:dark\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .md\:-top-2\/3 { + top: -66.666667% !important; + } - .lg\:dark\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .md\:-right-2\/3 { + right: -66.666667% !important; + } - .lg\:dark\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .md\:-bottom-2\/3 { + bottom: -66.666667% !important; + } - .lg\:dark\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .md\:-left-2\/3 { + left: -66.666667% !important; + } - .lg\:dark\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .md\:-top-1\/4 { + top: -25% !important; + } - .lg\:dark\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .md\:-right-1\/4 { + right: -25% !important; + } - .lg\:dark\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .md\:-bottom-1\/4 { + bottom: -25% !important; + } - .lg\:dark\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .md\:-left-1\/4 { + left: -25% !important; + } - .lg\:dark\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .md\:-top-2\/4 { + top: -50% !important; + } - .lg\:dark\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .md\:-right-2\/4 { + right: -50% !important; + } - .lg\:dark\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .md\:-bottom-2\/4 { + bottom: -50% !important; + } - .lg\:dark\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .md\:-left-2\/4 { + left: -50% !important; + } - .lg\:dark\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .md\:-top-3\/4 { + top: -75% !important; + } - .lg\:dark\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .md\:-right-3\/4 { + right: -75% !important; + } - .lg\:dark\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .md\:-bottom-3\/4 { + bottom: -75% !important; + } - .lg\:dark\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .md\:-left-3\/4 { + left: -75% !important; + } - .lg\:dark\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .md\:-top-full { + top: -100% !important; + } - .lg\:dark\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .md\:-right-full { + right: -100% !important; + } - .lg\:dark\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .md\:-bottom-full { + bottom: -100% !important; + } - .lg\:dark\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .md\:-left-full { + left: -100% !important; + } - .lg\:dark\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .md\:resize-none { + resize: none !important; + } - .lg\:dark\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .md\:resize-y { + resize: vertical !important; + } - .lg\:dark\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .md\:resize-x { + resize: horizontal !important; + } - .lg\:dark\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .md\:resize { + resize: both !important; + } - .lg\:dark\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + } - .lg\:dark\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + } - .lg\:dark\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .md\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + } - .lg\:dark\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + } - .lg\:dark\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + } - .lg\:dark\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + } - .lg\:dark\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .md\:shadow-none { + box-shadow: none !important; + } - .lg\:dark\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + } - .lg\:dark\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + } - .lg\:dark\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + } - .lg\:dark\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + } - .lg\:dark\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + } - .lg\:dark\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .md\:hover\:shadow-none:hover { + box-shadow: none !important; + } - .lg\:dark\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + } - .lg\:dark\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + } - .lg\:dark\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .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) !important; + } - .lg\:dark\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + } - .lg\:dark\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + } - .lg\:dark\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + } - .lg\:dark\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .md\:focus\:shadow-none:focus { + box-shadow: none !important; + } - .lg\:dark\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .md\:fill-current { + fill: currentColor !important; + } - .group:hover .lg\:dark\:group-hover\:border-transparent { - border-color: transparent !important; - } + .md\:stroke-current { + stroke: currentColor !important; + } - .group:hover .lg\:dark\:group-hover\:border-current { - border-color: currentColor !important; - } + .md\:stroke-0 { + stroke-width: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .md\:stroke-1 { + stroke-width: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .md\:stroke-2 { + stroke-width: 2 !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .md\:table-auto { + table-layout: auto !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .md\:table-fixed { + table-layout: fixed !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .md\:text-left { + text-align: left !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .md\:text-center { + text-align: center !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .md\:text-right { + text-align: right !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .md\:text-justify { + text-align: justify !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .md\:text-transparent { + color: transparent !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .md\:text-current { + color: currentColor !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .md\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .md\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .md\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .md\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .md\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .md\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .md\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .md\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .md\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .md\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .md\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .md\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .md\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .md\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .md\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .md\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .md\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .md\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .md\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .md\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .md\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .md\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .md\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .md\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .md\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .md\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .md\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .md\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .md\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .md\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .md\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .md\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .md\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .md\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .md\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .md\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .md\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .md\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .md\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .md\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .md\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .md\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .md\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .md\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .md\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .md\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .md\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .md\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .md\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .md\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .md\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .md\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .md\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .md\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .md\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .md\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .md\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .md\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .md\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .md\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .md\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; + } - .group:hover .lg\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .md\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-transparent:hover { - border-color: transparent !important; - } + .md\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-current:hover { - border-color: currentColor !important; - } + .md\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .md\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .md\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .md\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .md\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .md\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .md\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .md\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .md\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-transparent { + color: transparent !important; + } - .lg\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-current { + color: currentColor !important; + } - .lg\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; + } - .lg\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-transparent:focus { - border-color: transparent !important; - } + .group:hover .md\:group-hover\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-current:focus { - border-color: currentColor !important; - } + .group:hover .md\:group-hover\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .group:hover .md\:group-hover\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .md\:hover\:text-transparent:hover { + color: transparent !important; + } - .lg\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .md\:hover\:text-current:hover { + color: currentColor !important; + } - .lg\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .md\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .md\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-50:hover { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .md\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .md\:hover\:text-red-50:hover { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .md\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .md\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .md\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .md\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .md\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .md\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .md\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .md\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .md\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-50:hover { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .md\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .md\:hover\:text-green-50:hover { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .md\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .md\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .md\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .md\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .md\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .md\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .md\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .md\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .md\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-50:hover { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .md\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-50:hover { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; + } - .lg\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .md\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .lg\:border-opacity-0 { - --border-opacity: 0 !important; + .md\:hover\:text-pink-50:hover { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .lg\:border-opacity-25 { - --border-opacity: 0.25 !important; + .md\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .lg\:border-opacity-50 { - --border-opacity: 0.5 !important; + .md\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .lg\:border-opacity-75 { - --border-opacity: 0.75 !important; + .md\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .lg\:border-opacity-100 { - --border-opacity: 1 !important; + .md\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .group:hover .lg\:group-hover\:border-opacity-0 { - --border-opacity: 0 !important; + .md\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .group:hover .lg\:group-hover\:border-opacity-25 { - --border-opacity: 0.25 !important; + .md\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .group:hover .lg\:group-hover\:border-opacity-50 { - --border-opacity: 0.5 !important; + .md\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .group:hover .lg\:group-hover\:border-opacity-75 { - --border-opacity: 0.75 !important; + .md\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .group:hover .lg\:group-hover\:border-opacity-100 { - --border-opacity: 1 !important; + .md\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .lg\:hover\:border-opacity-0:hover { - --border-opacity: 0 !important; + .md\:focus\:text-transparent:focus { + color: transparent !important; } - .lg\:hover\:border-opacity-25:hover { - --border-opacity: 0.25 !important; + .md\:focus\:text-current:focus { + color: currentColor !important; } - .lg\:hover\:border-opacity-50:hover { - --border-opacity: 0.5 !important; + .md\:focus\:text-black:focus { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .lg\:hover\:border-opacity-75:hover { - --border-opacity: 0.75 !important; + .md\:focus\:text-white:focus { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .lg\:hover\:border-opacity-100:hover { - --border-opacity: 1 !important; + .md\:focus\:text-gray-50:focus { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .lg\:focus\:border-opacity-0:focus { - --border-opacity: 0 !important; + .md\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .lg\:focus\:border-opacity-25:focus { - --border-opacity: 0.25 !important; + .md\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .lg\:focus\:border-opacity-50:focus { - --border-opacity: 0.5 !important; + .md\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .lg\:focus\:border-opacity-75:focus { - --border-opacity: 0.75 !important; + .md\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .lg\:focus\:border-opacity-100:focus { - --border-opacity: 1 !important; + .md\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .lg\:rounded-none { - border-radius: 0 !important; + .md\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .lg\:rounded-sm { - border-radius: 0.125rem !important; + .md\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .lg\:rounded { - border-radius: 0.25rem !important; + .md\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .lg\:rounded-md { - border-radius: 0.375rem !important; + .md\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .lg\:rounded-lg { - border-radius: 0.5rem !important; + .md\:focus\:text-red-50:focus { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .lg\:rounded-xl { - border-radius: 0.75rem !important; + .md\:focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .lg\:rounded-2xl { - border-radius: 1rem !important; + .md\:focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .lg\:rounded-3xl { - border-radius: 1.5rem !important; + .md\:focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .lg\:rounded-full { - border-radius: 9999px !important; + .md\:focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .lg\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .md\:focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .lg\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .md\:focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .md\:focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .lg\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .md\:focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .md\:focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .md\:focus\:text-yellow-50:focus { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .md\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .md\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .lg\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .md\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .lg\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .md\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .md\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .lg\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .md\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .lg\:rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; + .md\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .lg\:rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; + .md\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .lg\:rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .md\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .lg\:rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .md\:focus\:text-green-50:focus { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .md\:focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .md\:focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .md\:focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .md\:focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .lg\:rounded-t-xl { - border-top-left-radius: 0.75rem !important; - border-top-right-radius: 0.75rem !important; + .md\:focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .lg\:rounded-r-xl { - border-top-right-radius: 0.75rem !important; - border-bottom-right-radius: 0.75rem !important; + .md\:focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .lg\:rounded-b-xl { - border-bottom-right-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; + .md\:focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .lg\:rounded-l-xl { - border-top-left-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; + .md\:focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .lg\:rounded-t-2xl { - border-top-left-radius: 1rem !important; - border-top-right-radius: 1rem !important; + .md\:focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .lg\:rounded-r-2xl { - border-top-right-radius: 1rem !important; - border-bottom-right-radius: 1rem !important; + .md\:focus\:text-blue-50:focus { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .lg\:rounded-b-2xl { - border-bottom-right-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; + .md\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .lg\:rounded-l-2xl { - border-top-left-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; + .md\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .lg\:rounded-t-3xl { - border-top-left-radius: 1.5rem !important; - border-top-right-radius: 1.5rem !important; + .md\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .lg\:rounded-r-3xl { - border-top-right-radius: 1.5rem !important; - border-bottom-right-radius: 1.5rem !important; + .md\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .lg\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; + .md\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .lg\:rounded-l-3xl { - border-top-left-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; + .md\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .md\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .md\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .md\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .md\:focus\:text-purple-50:focus { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .lg\:rounded-tl-none { - border-top-left-radius: 0 !important; + .md\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .lg\:rounded-tr-none { - border-top-right-radius: 0 !important; + .md\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .md\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .md\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .md\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .md\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .md\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .md\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .md\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .md\:focus\:text-pink-50:focus { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .md\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .md\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .lg\:rounded-tl-md { - border-top-left-radius: 0.375rem !important; + .md\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .lg\:rounded-tr-md { - border-top-right-radius: 0.375rem !important; + .md\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .lg\:rounded-br-md { - border-bottom-right-radius: 0.375rem !important; + .md\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .lg\:rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; + .md\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .md\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .md\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .md\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .md\:text-opacity-0 { + --text-opacity: 0 !important; } - .lg\:rounded-tl-xl { - border-top-left-radius: 0.75rem !important; + .md\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .lg\:rounded-tr-xl { - border-top-right-radius: 0.75rem !important; + .md\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .lg\:rounded-br-xl { - border-bottom-right-radius: 0.75rem !important; + .md\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .lg\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem !important; + .md\:text-opacity-100 { + --text-opacity: 1 !important; } - .lg\:rounded-tl-2xl { - border-top-left-radius: 1rem !important; + .group:hover .md\:group-hover\:text-opacity-0 { + --text-opacity: 0 !important; } - .lg\:rounded-tr-2xl { - border-top-right-radius: 1rem !important; + .group:hover .md\:group-hover\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .lg\:rounded-br-2xl { - border-bottom-right-radius: 1rem !important; + .group:hover .md\:group-hover\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .lg\:rounded-bl-2xl { - border-bottom-left-radius: 1rem !important; + .group:hover .md\:group-hover\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .lg\:rounded-tl-3xl { - border-top-left-radius: 1.5rem !important; + .group:hover .md\:group-hover\:text-opacity-100 { + --text-opacity: 1 !important; } - .lg\:rounded-tr-3xl { - border-top-right-radius: 1.5rem !important; + .md\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .lg\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem !important; + .md\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .lg\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem !important; + .md\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .md\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .md\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .md\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .md\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .lg\:border-solid { - border-style: solid !important; + .md\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .lg\:border-dashed { - border-style: dashed !important; + .md\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .lg\:border-dotted { - border-style: dotted !important; + .md\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .lg\:border-double { - border-style: double !important; + .md\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .lg\:border-none { - border-style: none !important; + .md\:overflow-ellipsis { + text-overflow: ellipsis !important; } - .lg\:border-0 { - border-width: 0 !important; + .md\:overflow-clip { + text-overflow: clip !important; } - .lg\:border-2 { - border-width: 2px !important; + .md\:italic { + font-style: italic !important; } - .lg\:border-4 { - border-width: 4px !important; + .md\:not-italic { + font-style: normal !important; } - .lg\:border-8 { - border-width: 8px !important; + .md\:uppercase { + text-transform: uppercase !important; } - .lg\:border { - border-width: 1px !important; + .md\:lowercase { + text-transform: lowercase !important; } - .lg\:border-t-0 { - border-top-width: 0 !important; + .md\:capitalize { + text-transform: capitalize !important; } - .lg\:border-r-0 { - border-right-width: 0 !important; + .md\:normal-case { + text-transform: none !important; } - .lg\:border-b-0 { - border-bottom-width: 0 !important; + .md\:underline { + text-decoration: underline !important; } - .lg\:border-l-0 { - border-left-width: 0 !important; + .md\:line-through { + text-decoration: line-through !important; } - .lg\:border-t-2 { - border-top-width: 2px !important; + .md\:no-underline { + text-decoration: none !important; } - .lg\:border-r-2 { - border-right-width: 2px !important; + .md\:hover\:underline:hover { + text-decoration: underline !important; } - .lg\:border-b-2 { - border-bottom-width: 2px !important; + .md\:hover\:line-through:hover { + text-decoration: line-through !important; } - .lg\:border-l-2 { - border-left-width: 2px !important; + .md\:hover\:no-underline:hover { + text-decoration: none !important; } - .lg\:border-t-4 { - border-top-width: 4px !important; + .md\:focus\:underline:focus { + text-decoration: underline !important; } - .lg\:border-r-4 { - border-right-width: 4px !important; + .md\:focus\:line-through:focus { + text-decoration: line-through !important; } - .lg\:border-b-4 { - border-bottom-width: 4px !important; + .md\:focus\:no-underline:focus { + text-decoration: none !important; } - .lg\:border-l-4 { - border-left-width: 4px !important; + .md\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .lg\:border-t-8 { - border-top-width: 8px !important; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .lg\:border-r-8 { - border-right-width: 8px !important; + .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } - .lg\:border-b-8 { - border-bottom-width: 8px !important; + .md\:normal-nums { + font-variant-numeric: normal !important; } - .lg\:border-l-8 { - border-left-width: 8px !important; + .md\:ordinal { + --font-variant-numeric-ordinal: ordinal !important; } - .lg\:border-t { - border-top-width: 1px !important; + .md\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero !important; } - .lg\:border-r { - border-right-width: 1px !important; + .md\:lining-nums { + --font-variant-numeric-figure: lining-nums !important; } - .lg\:border-b { - border-bottom-width: 1px !important; + .md\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums !important; } - .lg\:border-l { - border-left-width: 1px !important; + .md\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums !important; } - .lg\:box-border { - box-sizing: border-box !important; + .md\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums !important; } - .lg\:box-content { - box-sizing: content-box !important; + .md\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions !important; } - .lg\:cursor-auto { - cursor: auto !important; + .md\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions !important; } - .lg\:cursor-default { - cursor: default !important; + .md\:tracking-tighter { + letter-spacing: -0.05em !important; } - .lg\:cursor-pointer { - cursor: pointer !important; + .md\:tracking-tight { + letter-spacing: -0.025em !important; } - .lg\:cursor-wait { - cursor: wait !important; + .md\:tracking-normal { + letter-spacing: 0 !important; } - .lg\:cursor-text { - cursor: text !important; + .md\:tracking-wide { + letter-spacing: 0.025em !important; } - .lg\:cursor-move { - cursor: move !important; + .md\:tracking-wider { + letter-spacing: 0.05em !important; } - .lg\:cursor-not-allowed { - cursor: not-allowed !important; + .md\:tracking-widest { + letter-spacing: 0.1em !important; } - .lg\:block { - display: block !important; + .md\:select-none { + user-select: none !important; } - .lg\:inline-block { - display: inline-block !important; + .md\:select-text { + user-select: text !important; } - .lg\:inline { - display: inline !important; + .md\:select-all { + user-select: all !important; } - .lg\:flex { - display: flex !important; + .md\:select-auto { + user-select: auto !important; } - .lg\:inline-flex { - display: inline-flex !important; + .md\:align-baseline { + vertical-align: baseline !important; } - .lg\:table { - display: table !important; + .md\:align-top { + vertical-align: top !important; } - .lg\:table-caption { - display: table-caption !important; + .md\:align-middle { + vertical-align: middle !important; } - .lg\:table-cell { - display: table-cell !important; + .md\:align-bottom { + vertical-align: bottom !important; } - .lg\:table-column { - display: table-column !important; + .md\:align-text-top { + vertical-align: text-top !important; } - .lg\:table-column-group { - display: table-column-group !important; + .md\:align-text-bottom { + vertical-align: text-bottom !important; } - .lg\:table-footer-group { - display: table-footer-group !important; + .md\:visible { + visibility: visible !important; } - .lg\:table-header-group { - display: table-header-group !important; + .md\:invisible { + visibility: hidden !important; } - .lg\:table-row-group { - display: table-row-group !important; + .md\:whitespace-normal { + white-space: normal !important; } - .lg\:table-row { - display: table-row !important; + .md\:whitespace-no-wrap { + white-space: nowrap !important; } - .lg\:flow-root { - display: flow-root !important; + .md\:whitespace-pre { + white-space: pre !important; } - .lg\:grid { - display: grid !important; + .md\:whitespace-pre-line { + white-space: pre-line !important; } - .lg\:inline-grid { - display: inline-grid !important; + .md\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .lg\:contents { - display: contents !important; + .md\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .lg\:hidden { - display: none !important; + .md\:break-words { + overflow-wrap: break-word !important; } - .lg\:flex-row { - flex-direction: row !important; + .md\:break-all { + word-break: break-all !important; } - .lg\:flex-row-reverse { - flex-direction: row-reverse !important; + .md\:w-0 { + width: 0 !important; } - .lg\:flex-col { - flex-direction: column !important; + .md\:w-1 { + width: 0.25rem !important; } - .lg\:flex-col-reverse { - flex-direction: column-reverse !important; + .md\:w-2 { + width: 0.5rem !important; } - .lg\:flex-wrap { - flex-wrap: wrap !important; + .md\:w-3 { + width: 0.75rem !important; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .md\:w-4 { + width: 1rem !important; } - .lg\:flex-no-wrap { - flex-wrap: nowrap !important; + .md\:w-5 { + width: 1.25rem !important; } - .lg\:place-items-auto { - place-items: auto !important; + .md\:w-6 { + width: 1.5rem !important; } - .lg\:place-items-start { - place-items: start !important; + .md\:w-7 { + width: 1.75rem !important; } - .lg\:place-items-end { - place-items: end !important; + .md\:w-8 { + width: 2rem !important; } - .lg\:place-items-center { - place-items: center !important; + .md\:w-9 { + width: 2.25rem !important; } - .lg\:place-items-stretch { - place-items: stretch !important; + .md\:w-10 { + width: 2.5rem !important; } - .lg\:place-content-center { - place-content: center !important; + .md\:w-12 { + width: 3rem !important; } - .lg\:place-content-start { - place-content: start !important; + .md\:w-14 { + width: 3.5rem !important; } - .lg\:place-content-end { - place-content: end !important; + .md\:w-16 { + width: 4rem !important; } - .lg\:place-content-between { - place-content: space-between !important; + .md\:w-20 { + width: 5rem !important; } - .lg\:place-content-around { - place-content: space-around !important; + .md\:w-24 { + width: 6rem !important; } - .lg\:place-content-evenly { - place-content: space-evenly !important; + .md\:w-28 { + width: 7rem !important; } - .lg\:place-content-stretch { - place-content: stretch !important; + .md\:w-32 { + width: 8rem !important; } - .lg\:place-self-auto { - place-self: auto !important; + .md\:w-36 { + width: 9rem !important; } - .lg\:place-self-start { - place-self: start !important; + .md\:w-40 { + width: 10rem !important; } - .lg\:place-self-end { - place-self: end !important; + .md\:w-44 { + width: 11rem !important; } - .lg\:place-self-center { - place-self: center !important; + .md\:w-48 { + width: 12rem !important; } - .lg\:place-self-stretch { - place-self: stretch !important; + .md\:w-52 { + width: 13rem !important; } - .lg\:items-start { - align-items: flex-start !important; + .md\:w-56 { + width: 14rem !important; } - .lg\:items-end { - align-items: flex-end !important; + .md\:w-60 { + width: 15rem !important; } - .lg\:items-center { - align-items: center !important; + .md\:w-64 { + width: 16rem !important; } - .lg\:items-baseline { - align-items: baseline !important; + .md\:w-72 { + width: 18rem !important; } - .lg\:items-stretch { - align-items: stretch !important; + .md\:w-80 { + width: 20rem !important; } - .lg\:content-center { - align-content: center !important; + .md\:w-96 { + width: 24rem !important; } - .lg\:content-start { - align-content: flex-start !important; + .md\:w-auto { + width: auto !important; } - .lg\:content-end { - align-content: flex-end !important; + .md\:w-px { + width: 1px !important; } - .lg\:content-between { - align-content: space-between !important; + .md\:w-0\.5 { + width: 0.125rem !important; } - .lg\:content-around { - align-content: space-around !important; + .md\:w-1\.5 { + width: 0.375rem !important; } - .lg\:content-evenly { - align-content: space-evenly !important; + .md\:w-2\.5 { + width: 0.625rem !important; } - .lg\:self-auto { - align-self: auto !important; + .md\:w-3\.5 { + width: 0.875rem !important; } - .lg\:self-start { - align-self: flex-start !important; + .md\:w-1\/2 { + width: 50% !important; } - .lg\:self-end { - align-self: flex-end !important; + .md\:w-1\/3 { + width: 33.333333% !important; } - .lg\:self-center { - align-self: center !important; + .md\:w-2\/3 { + width: 66.666667% !important; } - .lg\:self-stretch { - align-self: stretch !important; + .md\:w-1\/4 { + width: 25% !important; } - .lg\:justify-items-auto { - justify-items: auto !important; + .md\:w-2\/4 { + width: 50% !important; } - .lg\:justify-items-start { - justify-items: start !important; + .md\:w-3\/4 { + width: 75% !important; } - .lg\:justify-items-end { - justify-items: end !important; + .md\:w-1\/5 { + width: 20% !important; } - .lg\:justify-items-center { - justify-items: center !important; + .md\:w-2\/5 { + width: 40% !important; } - .lg\:justify-items-stretch { - justify-items: stretch !important; + .md\:w-3\/5 { + width: 60% !important; } - .lg\:justify-start { - justify-content: flex-start !important; + .md\:w-4\/5 { + width: 80% !important; } - .lg\:justify-end { - justify-content: flex-end !important; + .md\:w-1\/6 { + width: 16.666667% !important; } - .lg\:justify-center { - justify-content: center !important; + .md\:w-2\/6 { + width: 33.333333% !important; } - .lg\:justify-between { - justify-content: space-between !important; + .md\:w-3\/6 { + width: 50% !important; } - .lg\:justify-around { - justify-content: space-around !important; + .md\:w-4\/6 { + width: 66.666667% !important; } - .lg\:justify-evenly { - justify-content: space-evenly !important; + .md\:w-5\/6 { + width: 83.333333% !important; } - .lg\:justify-self-auto { - justify-self: auto !important; + .md\:w-1\/12 { + width: 8.333333% !important; } - .lg\:justify-self-start { - justify-self: start !important; + .md\:w-2\/12 { + width: 16.666667% !important; } - .lg\:justify-self-end { - justify-self: end !important; + .md\:w-3\/12 { + width: 25% !important; } - .lg\:justify-self-center { - justify-self: center !important; + .md\:w-4\/12 { + width: 33.333333% !important; } - .lg\:justify-self-stretch { - justify-self: stretch !important; + .md\:w-5\/12 { + width: 41.666667% !important; } - .lg\:flex-1 { - flex: 1 1 0% !important; + .md\:w-6\/12 { + width: 50% !important; } - .lg\:flex-auto { - flex: 1 1 auto !important; + .md\:w-7\/12 { + width: 58.333333% !important; } - .lg\:flex-initial { - flex: 0 1 auto !important; + .md\:w-8\/12 { + width: 66.666667% !important; } - .lg\:flex-none { - flex: none !important; + .md\:w-9\/12 { + width: 75% !important; } - .lg\:flex-grow-0 { - flex-grow: 0 !important; + .md\:w-10\/12 { + width: 83.333333% !important; } - .lg\:flex-grow { - flex-grow: 1 !important; + .md\:w-11\/12 { + width: 91.666667% !important; } - .lg\:flex-shrink-0 { - flex-shrink: 0 !important; + .md\:w-full { + width: 100% !important; } - .lg\:flex-shrink { - flex-shrink: 1 !important; + .md\:w-screen { + width: 100vw !important; } - .lg\:order-1 { - order: 1 !important; + .md\:w-min { + width: min-content !important; } - .lg\:order-2 { - order: 2 !important; + .md\:w-max { + width: max-content !important; } - .lg\:order-3 { - order: 3 !important; + .md\:z-0 { + z-index: 0 !important; } - .lg\:order-4 { - order: 4 !important; + .md\:z-10 { + z-index: 10 !important; } - .lg\:order-5 { - order: 5 !important; + .md\:z-20 { + z-index: 20 !important; } - .lg\:order-6 { - order: 6 !important; + .md\:z-30 { + z-index: 30 !important; } - .lg\:order-7 { - order: 7 !important; + .md\:z-40 { + z-index: 40 !important; } - .lg\:order-8 { - order: 8 !important; + .md\:z-50 { + z-index: 50 !important; } - .lg\:order-9 { - order: 9 !important; + .md\:z-auto { + z-index: auto !important; } - .lg\:order-10 { - order: 10 !important; + .md\:focus\:z-0:focus { + z-index: 0 !important; } - .lg\:order-11 { - order: 11 !important; + .md\:focus\:z-10:focus { + z-index: 10 !important; } - .lg\:order-12 { - order: 12 !important; + .md\:focus\:z-20:focus { + z-index: 20 !important; } - .lg\:order-first { - order: -9999 !important; + .md\:focus\:z-30:focus { + z-index: 30 !important; } - .lg\:order-last { - order: 9999 !important; + .md\:focus\:z-40:focus { + z-index: 40 !important; } - .lg\:order-none { - order: 0 !important; + .md\:focus\:z-50:focus { + z-index: 50 !important; } - .lg\:float-right { - float: right !important; + .md\:focus\:z-auto:focus { + z-index: auto !important; } - .lg\:float-left { - float: left !important; + .md\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; } - .lg\:float-none { - float: none !important; + .md\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; } - .lg\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .md\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; } - .lg\:clear-left { - clear: left !important; + .md\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; } - .lg\:clear-right { - clear: right !important; + .md\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; } - .lg\:clear-both { - clear: both !important; + .md\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; } - .lg\:clear-none { - clear: none !important; + .md\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; } - .lg\:font-sans { - font-family: ui-sans-serif, 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" !important; + .md\:gap-7 { + grid-gap: 1.75rem !important; + gap: 1.75rem !important; } - .lg\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; + .md\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; } - .lg\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .md\:gap-9 { + grid-gap: 2.25rem !important; + gap: 2.25rem !important; } - .lg\:font-thin { - font-weight: 100 !important; + .md\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; } - .lg\:font-extralight { - font-weight: 200 !important; + .md\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; } - .lg\:font-light { - font-weight: 300 !important; + .md\:gap-14 { + grid-gap: 3.5rem !important; + gap: 3.5rem !important; } - .lg\:font-normal { - font-weight: 400 !important; + .md\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; } - .lg\:font-medium { - font-weight: 500 !important; + .md\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; } - .lg\:font-semibold { - font-weight: 600 !important; + .md\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; } - .lg\:font-bold { - font-weight: 700 !important; + .md\:gap-28 { + grid-gap: 7rem !important; + gap: 7rem !important; } - .lg\:font-extrabold { - font-weight: 800 !important; + .md\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; } - .lg\:font-black { - font-weight: 900 !important; + .md\:gap-36 { + grid-gap: 9rem !important; + gap: 9rem !important; } - .lg\:hover\:font-thin:hover { - font-weight: 100 !important; + .md\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; } - .lg\:hover\:font-extralight:hover { - font-weight: 200 !important; + .md\:gap-44 { + grid-gap: 11rem !important; + gap: 11rem !important; } - .lg\:hover\:font-light:hover { - font-weight: 300 !important; + .md\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; } - .lg\:hover\:font-normal:hover { - font-weight: 400 !important; + .md\:gap-52 { + grid-gap: 13rem !important; + gap: 13rem !important; } - .lg\:hover\:font-medium:hover { - font-weight: 500 !important; + .md\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; } - .lg\:hover\:font-semibold:hover { - font-weight: 600 !important; + .md\:gap-60 { + grid-gap: 15rem !important; + gap: 15rem !important; } - .lg\:hover\:font-bold:hover { - font-weight: 700 !important; + .md\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .md\:gap-72 { + grid-gap: 18rem !important; + gap: 18rem !important; } - .lg\:hover\:font-black:hover { - font-weight: 900 !important; + .md\:gap-80 { + grid-gap: 20rem !important; + gap: 20rem !important; } - .lg\:focus\:font-thin:focus { - font-weight: 100 !important; + .md\:gap-96 { + grid-gap: 24rem !important; + gap: 24rem !important; } - .lg\:focus\:font-extralight:focus { - font-weight: 200 !important; + .md\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; } - .lg\:focus\:font-light:focus { - font-weight: 300 !important; + .md\:gap-0\.5 { + grid-gap: 0.125rem !important; + gap: 0.125rem !important; } - .lg\:focus\:font-normal:focus { - font-weight: 400 !important; + .md\:gap-1\.5 { + grid-gap: 0.375rem !important; + gap: 0.375rem !important; } - .lg\:focus\:font-medium:focus { - font-weight: 500 !important; + .md\:gap-2\.5 { + grid-gap: 0.625rem !important; + gap: 0.625rem !important; } - .lg\:focus\:font-semibold:focus { - font-weight: 600 !important; + .md\:gap-3\.5 { + grid-gap: 0.875rem !important; + gap: 0.875rem !important; } - .lg\:focus\:font-bold:focus { - font-weight: 700 !important; + .md\:gap-x-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .md\:gap-x-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } - .lg\:focus\:font-black:focus { - font-weight: 900 !important; + .md\:gap-x-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } - .lg\:h-0 { - height: 0 !important; + .md\:gap-x-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; } - .lg\:h-1 { - height: 0.25rem !important; + .md\:gap-x-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; } - .lg\:h-2 { - height: 0.5rem !important; + .md\:gap-x-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; } - .lg\:h-3 { - height: 0.75rem !important; + .md\:gap-x-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } - .lg\:h-4 { - height: 1rem !important; + .md\:gap-x-7 { + grid-column-gap: 1.75rem !important; + column-gap: 1.75rem !important; } - .lg\:h-5 { - height: 1.25rem !important; + .md\:gap-x-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; } - .lg\:h-6 { - height: 1.5rem !important; + .md\:gap-x-9 { + grid-column-gap: 2.25rem !important; + column-gap: 2.25rem !important; } - .lg\:h-7 { - height: 1.75rem !important; + .md\:gap-x-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; } - .lg\:h-8 { - height: 2rem !important; + .md\:gap-x-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; } - .lg\:h-9 { - height: 2.25rem !important; + .md\:gap-x-14 { + grid-column-gap: 3.5rem !important; + column-gap: 3.5rem !important; } - .lg\:h-10 { - height: 2.5rem !important; + .md\:gap-x-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; } - .lg\:h-12 { - height: 3rem !important; + .md\:gap-x-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; } - .lg\:h-14 { - height: 3.5rem !important; + .md\:gap-x-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; } - .lg\:h-16 { - height: 4rem !important; + .md\:gap-x-28 { + grid-column-gap: 7rem !important; + column-gap: 7rem !important; } - .lg\:h-20 { - height: 5rem !important; + .md\:gap-x-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; } - .lg\:h-24 { - height: 6rem !important; + .md\:gap-x-36 { + grid-column-gap: 9rem !important; + column-gap: 9rem !important; } - .lg\:h-28 { - height: 7rem !important; + .md\:gap-x-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; } - .lg\:h-32 { - height: 8rem !important; + .md\:gap-x-44 { + grid-column-gap: 11rem !important; + column-gap: 11rem !important; } - .lg\:h-36 { - height: 9rem !important; + .md\:gap-x-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; } - .lg\:h-40 { - height: 10rem !important; + .md\:gap-x-52 { + grid-column-gap: 13rem !important; + column-gap: 13rem !important; } - .lg\:h-44 { - height: 11rem !important; + .md\:gap-x-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; } - .lg\:h-48 { - height: 12rem !important; + .md\:gap-x-60 { + grid-column-gap: 15rem !important; + column-gap: 15rem !important; } - .lg\:h-52 { - height: 13rem !important; + .md\:gap-x-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; } - .lg\:h-56 { - height: 14rem !important; + .md\:gap-x-72 { + grid-column-gap: 18rem !important; + column-gap: 18rem !important; } - .lg\:h-60 { - height: 15rem !important; + .md\:gap-x-80 { + grid-column-gap: 20rem !important; + column-gap: 20rem !important; } - .lg\:h-64 { - height: 16rem !important; + .md\:gap-x-96 { + grid-column-gap: 24rem !important; + column-gap: 24rem !important; } - .lg\:h-72 { - height: 18rem !important; + .md\:gap-x-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; } - .lg\:h-80 { - height: 20rem !important; + .md\:gap-x-0\.5 { + grid-column-gap: 0.125rem !important; + column-gap: 0.125rem !important; } - .lg\:h-96 { - height: 24rem !important; + .md\:gap-x-1\.5 { + grid-column-gap: 0.375rem !important; + column-gap: 0.375rem !important; } - .lg\:h-auto { - height: auto !important; + .md\:gap-x-2\.5 { + grid-column-gap: 0.625rem !important; + column-gap: 0.625rem !important; } - .lg\:h-px { - height: 1px !important; + .md\:gap-x-3\.5 { + grid-column-gap: 0.875rem !important; + column-gap: 0.875rem !important; } - .lg\:h-0\.5 { - height: 0.125rem !important; + .md\:gap-y-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; } - .lg\:h-1\.5 { - height: 0.375rem !important; + .md\:gap-y-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; } - .lg\:h-2\.5 { - height: 0.625rem !important; + .md\:gap-y-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; } - .lg\:h-3\.5 { - height: 0.875rem !important; + .md\:gap-y-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; } - .lg\:h-full { - height: 100% !important; + .md\:gap-y-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; } - .lg\:h-screen { - height: 100vh !important; + .md\:gap-y-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; } - .lg\:text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; + .md\:gap-y-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; } - .lg\:text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; + .md\:gap-y-7 { + grid-row-gap: 1.75rem !important; + row-gap: 1.75rem !important; } - .lg\:text-base { - font-size: 1rem !important; - line-height: 1.5rem !important; + .md\:gap-y-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; } - .lg\:text-lg { - font-size: 1.125rem !important; - line-height: 1.75rem !important; + .md\:gap-y-9 { + grid-row-gap: 2.25rem !important; + row-gap: 2.25rem !important; } - .lg\:text-xl { - font-size: 1.25rem !important; - line-height: 1.75rem !important; + .md\:gap-y-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; } - .lg\:text-2xl { - font-size: 1.5rem !important; - line-height: 2rem !important; + .md\:gap-y-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; } - .lg\:text-3xl { - font-size: 1.875rem !important; - line-height: 2.25rem !important; + .md\:gap-y-14 { + grid-row-gap: 3.5rem !important; + row-gap: 3.5rem !important; } - .lg\:text-4xl { - font-size: 2.25rem !important; - line-height: 2.5rem !important; + .md\:gap-y-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; } - .lg\:text-5xl { - font-size: 3rem !important; - line-height: 1 !important; + .md\:gap-y-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; } - .lg\:text-6xl { - font-size: 3.75rem !important; - line-height: 1 !important; + .md\:gap-y-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; } - .lg\:text-7xl { - font-size: 4.5rem !important; - line-height: 1 !important; + .md\:gap-y-28 { + grid-row-gap: 7rem !important; + row-gap: 7rem !important; } - .lg\:text-8xl { - font-size: 6rem !important; - line-height: 1 !important; + .md\:gap-y-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; } - .lg\:text-9xl { - font-size: 8rem !important; - line-height: 1 !important; + .md\:gap-y-36 { + grid-row-gap: 9rem !important; + row-gap: 9rem !important; } - .lg\:leading-3 { - line-height: .75rem !important; + .md\:gap-y-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; } - .lg\:leading-4 { - line-height: 1rem !important; + .md\:gap-y-44 { + grid-row-gap: 11rem !important; + row-gap: 11rem !important; } - .lg\:leading-5 { - line-height: 1.25rem !important; + .md\:gap-y-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; } - .lg\:leading-6 { - line-height: 1.5rem !important; + .md\:gap-y-52 { + grid-row-gap: 13rem !important; + row-gap: 13rem !important; } - .lg\:leading-7 { - line-height: 1.75rem !important; + .md\:gap-y-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; } - .lg\:leading-8 { - line-height: 2rem !important; + .md\:gap-y-60 { + grid-row-gap: 15rem !important; + row-gap: 15rem !important; } - .lg\:leading-9 { - line-height: 2.25rem !important; + .md\:gap-y-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; } - .lg\:leading-10 { - line-height: 2.5rem !important; + .md\:gap-y-72 { + grid-row-gap: 18rem !important; + row-gap: 18rem !important; } - .lg\:leading-none { - line-height: 1 !important; + .md\:gap-y-80 { + grid-row-gap: 20rem !important; + row-gap: 20rem !important; } - .lg\:leading-tight { - line-height: 1.25 !important; + .md\:gap-y-96 { + grid-row-gap: 24rem !important; + row-gap: 24rem !important; } - .lg\:leading-snug { - line-height: 1.375 !important; + .md\:gap-y-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; } - .lg\:leading-normal { - line-height: 1.5 !important; + .md\:gap-y-0\.5 { + grid-row-gap: 0.125rem !important; + row-gap: 0.125rem !important; } - .lg\:leading-relaxed { - line-height: 1.625 !important; + .md\:gap-y-1\.5 { + grid-row-gap: 0.375rem !important; + row-gap: 0.375rem !important; } - .lg\:leading-loose { - line-height: 2 !important; + .md\:gap-y-2\.5 { + grid-row-gap: 0.625rem !important; + row-gap: 0.625rem !important; } - .lg\:list-inside { - list-style-position: inside !important; + .md\:gap-y-3\.5 { + grid-row-gap: 0.875rem !important; + row-gap: 0.875rem !important; } - .lg\:list-outside { - list-style-position: outside !important; + .md\:grid-flow-row { + grid-auto-flow: row !important; } - .lg\:list-none { - list-style-type: none !important; + .md\:grid-flow-col { + grid-auto-flow: column !important; } - .lg\:list-disc { - list-style-type: disc !important; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense !important; } - .lg\:list-decimal { - list-style-type: decimal !important; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense !important; } - .lg\:m-0 { - margin: 0 !important; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } - .lg\:m-1 { - margin: 0.25rem !important; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } - .lg\:m-2 { - margin: 0.5rem !important; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } - .lg\:m-3 { - margin: 0.75rem !important; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } - .lg\:m-4 { - margin: 1rem !important; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } - .lg\:m-5 { - margin: 1.25rem !important; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } - .lg\:m-6 { - margin: 1.5rem !important; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } - .lg\:m-7 { - margin: 1.75rem !important; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } - .lg\:m-8 { - margin: 2rem !important; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } - .lg\:m-9 { - margin: 2.25rem !important; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } - .lg\:m-10 { - margin: 2.5rem !important; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } - .lg\:m-12 { - margin: 3rem !important; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } - .lg\:m-14 { - margin: 3.5rem !important; + .md\:grid-cols-none { + grid-template-columns: none !important; } - .lg\:m-16 { - margin: 4rem !important; + .md\:auto-cols-auto { + grid-auto-columns: auto !important; } - .lg\:m-20 { - margin: 5rem !important; + .md\:auto-cols-min { + grid-auto-columns: min-content !important; } - .lg\:m-24 { - margin: 6rem !important; + .md\:auto-cols-max { + grid-auto-columns: max-content !important; } - .lg\:m-28 { - margin: 7rem !important; + .md\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr) !important; } - .lg\:m-32 { - margin: 8rem !important; + .md\:col-auto { + grid-column: auto !important; } - .lg\:m-36 { - margin: 9rem !important; + .md\:col-span-1 { + grid-column: span 1 / span 1 !important; } - .lg\:m-40 { - margin: 10rem !important; + .md\:col-span-2 { + grid-column: span 2 / span 2 !important; } - .lg\:m-44 { - margin: 11rem !important; + .md\:col-span-3 { + grid-column: span 3 / span 3 !important; } - .lg\:m-48 { - margin: 12rem !important; + .md\:col-span-4 { + grid-column: span 4 / span 4 !important; } - .lg\:m-52 { - margin: 13rem !important; + .md\:col-span-5 { + grid-column: span 5 / span 5 !important; } - .lg\:m-56 { - margin: 14rem !important; + .md\:col-span-6 { + grid-column: span 6 / span 6 !important; } - .lg\:m-60 { - margin: 15rem !important; + .md\:col-span-7 { + grid-column: span 7 / span 7 !important; } - .lg\:m-64 { - margin: 16rem !important; + .md\:col-span-8 { + grid-column: span 8 / span 8 !important; } - .lg\:m-72 { - margin: 18rem !important; + .md\:col-span-9 { + grid-column: span 9 / span 9 !important; } - .lg\:m-80 { - margin: 20rem !important; + .md\:col-span-10 { + grid-column: span 10 / span 10 !important; } - .lg\:m-96 { - margin: 24rem !important; + .md\:col-span-11 { + grid-column: span 11 / span 11 !important; } - .lg\:m-auto { - margin: auto !important; + .md\:col-span-12 { + grid-column: span 12 / span 12 !important; } - .lg\:m-px { - margin: 1px !important; + .md\:col-span-full { + grid-column: 1 / -1 !important; } - .lg\:m-0\.5 { - margin: 0.125rem !important; + .md\:col-start-1 { + grid-column-start: 1 !important; } - .lg\:m-1\.5 { - margin: 0.375rem !important; + .md\:col-start-2 { + grid-column-start: 2 !important; } - .lg\:m-2\.5 { - margin: 0.625rem !important; + .md\:col-start-3 { + grid-column-start: 3 !important; } - .lg\:m-3\.5 { - margin: 0.875rem !important; + .md\:col-start-4 { + grid-column-start: 4 !important; } - .lg\:-m-1 { - margin: -0.25rem !important; + .md\:col-start-5 { + grid-column-start: 5 !important; } - .lg\:-m-2 { - margin: -0.5rem !important; + .md\:col-start-6 { + grid-column-start: 6 !important; } - .lg\:-m-3 { - margin: -0.75rem !important; + .md\:col-start-7 { + grid-column-start: 7 !important; } - .lg\:-m-4 { - margin: -1rem !important; + .md\:col-start-8 { + grid-column-start: 8 !important; } - .lg\:-m-5 { - margin: -1.25rem !important; + .md\:col-start-9 { + grid-column-start: 9 !important; } - .lg\:-m-6 { - margin: -1.5rem !important; + .md\:col-start-10 { + grid-column-start: 10 !important; } - .lg\:-m-7 { - margin: -1.75rem !important; + .md\:col-start-11 { + grid-column-start: 11 !important; } - .lg\:-m-8 { - margin: -2rem !important; + .md\:col-start-12 { + grid-column-start: 12 !important; } - .lg\:-m-9 { - margin: -2.25rem !important; + .md\:col-start-13 { + grid-column-start: 13 !important; } - .lg\:-m-10 { - margin: -2.5rem !important; + .md\:col-start-auto { + grid-column-start: auto !important; } - .lg\:-m-12 { - margin: -3rem !important; + .md\:col-end-1 { + grid-column-end: 1 !important; } - .lg\:-m-14 { - margin: -3.5rem !important; + .md\:col-end-2 { + grid-column-end: 2 !important; } - .lg\:-m-16 { - margin: -4rem !important; + .md\:col-end-3 { + grid-column-end: 3 !important; } - .lg\:-m-20 { - margin: -5rem !important; + .md\:col-end-4 { + grid-column-end: 4 !important; } - .lg\:-m-24 { - margin: -6rem !important; + .md\:col-end-5 { + grid-column-end: 5 !important; } - .lg\:-m-28 { - margin: -7rem !important; + .md\:col-end-6 { + grid-column-end: 6 !important; } - .lg\:-m-32 { - margin: -8rem !important; + .md\:col-end-7 { + grid-column-end: 7 !important; } - .lg\:-m-36 { - margin: -9rem !important; + .md\:col-end-8 { + grid-column-end: 8 !important; } - .lg\:-m-40 { - margin: -10rem !important; + .md\:col-end-9 { + grid-column-end: 9 !important; } - .lg\:-m-44 { - margin: -11rem !important; + .md\:col-end-10 { + grid-column-end: 10 !important; } - .lg\:-m-48 { - margin: -12rem !important; + .md\:col-end-11 { + grid-column-end: 11 !important; } - .lg\:-m-52 { - margin: -13rem !important; + .md\:col-end-12 { + grid-column-end: 12 !important; } - .lg\:-m-56 { - margin: -14rem !important; + .md\:col-end-13 { + grid-column-end: 13 !important; } - .lg\:-m-60 { - margin: -15rem !important; + .md\:col-end-auto { + grid-column-end: auto !important; } - .lg\:-m-64 { - margin: -16rem !important; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } - .lg\:-m-72 { - margin: -18rem !important; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } - .lg\:-m-80 { - margin: -20rem !important; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } - .lg\:-m-96 { - margin: -24rem !important; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } - .lg\:-m-px { - margin: -1px !important; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } - .lg\:-m-0\.5 { - margin: -0.125rem !important; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } - .lg\:-m-1\.5 { - margin: -0.375rem !important; + .md\:grid-rows-none { + grid-template-rows: none !important; } - .lg\:-m-2\.5 { - margin: -0.625rem !important; + .md\:auto-rows-auto { + grid-auto-rows: auto !important; } - .lg\:-m-3\.5 { - margin: -0.875rem !important; + .md\:auto-rows-min { + grid-auto-rows: min-content !important; } - .lg\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .md\:auto-rows-max { + grid-auto-rows: max-content !important; } - .lg\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .md\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr) !important; } - .lg\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .md\:row-auto { + grid-row: auto !important; } - .lg\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .md\:row-span-1 { + grid-row: span 1 / span 1 !important; } - .lg\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .md\:row-span-2 { + grid-row: span 2 / span 2 !important; } - .lg\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .md\:row-span-3 { + grid-row: span 3 / span 3 !important; } - .lg\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .md\:row-span-4 { + grid-row: span 4 / span 4 !important; } - .lg\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .md\:row-span-5 { + grid-row: span 5 / span 5 !important; } - .lg\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .md\:row-span-6 { + grid-row: span 6 / span 6 !important; } - .lg\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .md\:row-span-full { + grid-row: 1 / -1 !important; } - .lg\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .md\:row-start-1 { + grid-row-start: 1 !important; } - .lg\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .md\:row-start-2 { + grid-row-start: 2 !important; } - .lg\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .md\:row-start-3 { + grid-row-start: 3 !important; } - .lg\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .md\:row-start-4 { + grid-row-start: 4 !important; } - .lg\:my-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + .md\:row-start-5 { + grid-row-start: 5 !important; } - .lg\:mx-7 { - margin-left: 1.75rem !important; - margin-right: 1.75rem !important; + .md\:row-start-6 { + grid-row-start: 6 !important; } - .lg\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .md\:row-start-7 { + grid-row-start: 7 !important; } - .lg\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .md\:row-start-auto { + grid-row-start: auto !important; } - .lg\:my-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + .md\:row-end-1 { + grid-row-end: 1 !important; } - .lg\:mx-9 { - margin-left: 2.25rem !important; - margin-right: 2.25rem !important; + .md\:row-end-2 { + grid-row-end: 2 !important; } - .lg\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .md\:row-end-3 { + grid-row-end: 3 !important; } - .lg\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .md\:row-end-4 { + grid-row-end: 4 !important; } - .lg\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .md\:row-end-5 { + grid-row-end: 5 !important; } - .lg\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .md\:row-end-6 { + grid-row-end: 6 !important; } - .lg\:my-14 { - margin-top: 3.5rem !important; - margin-bottom: 3.5rem !important; + .md\:row-end-7 { + grid-row-end: 7 !important; } - .lg\:mx-14 { - margin-left: 3.5rem !important; - margin-right: 3.5rem !important; + .md\:row-end-auto { + grid-row-end: auto !important; } - .lg\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .md\:transform { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + 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)) !important; } - .lg\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .md\:transform-gpu { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; } - .lg\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .md\:transform-none { + transform: none !important; } - .lg\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .md\:origin-center { + transform-origin: center !important; } - .lg\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .md\:origin-top { + transform-origin: top !important; } - .lg\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .md\:origin-top-right { + transform-origin: top right !important; } - .lg\:my-28 { - margin-top: 7rem !important; - margin-bottom: 7rem !important; + .md\:origin-right { + transform-origin: right !important; } - .lg\:mx-28 { - margin-left: 7rem !important; - margin-right: 7rem !important; + .md\:origin-bottom-right { + transform-origin: bottom right !important; } - .lg\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .md\:origin-bottom { + transform-origin: bottom !important; } - .lg\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .md\:origin-bottom-left { + transform-origin: bottom left !important; } - .lg\:my-36 { - margin-top: 9rem !important; - margin-bottom: 9rem !important; + .md\:origin-left { + transform-origin: left !important; } - .lg\:mx-36 { - margin-left: 9rem !important; - margin-right: 9rem !important; + .md\:origin-top-left { + transform-origin: top left !important; } - .lg\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .md\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .lg\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .md\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .lg\:my-44 { - margin-top: 11rem !important; - margin-bottom: 11rem !important; + .md\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .lg\:mx-44 { - margin-left: 11rem !important; - margin-right: 11rem !important; + .md\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .lg\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .md\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .lg\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .md\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .lg\:my-52 { - margin-top: 13rem !important; - margin-bottom: 13rem !important; + .md\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .lg\:mx-52 { - margin-left: 13rem !important; - margin-right: 13rem !important; + .md\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .lg\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .md\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .lg\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .md\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .lg\:my-60 { - margin-top: 15rem !important; - margin-bottom: 15rem !important; + .md\:scale-x-0 { + --transform-scale-x: 0 !important; } - .lg\:mx-60 { - margin-left: 15rem !important; - margin-right: 15rem !important; + .md\:scale-x-50 { + --transform-scale-x: .5 !important; } - .lg\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .md\:scale-x-75 { + --transform-scale-x: .75 !important; } - .lg\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .md\:scale-x-90 { + --transform-scale-x: .9 !important; } - .lg\:my-72 { - margin-top: 18rem !important; - margin-bottom: 18rem !important; + .md\:scale-x-95 { + --transform-scale-x: .95 !important; } - .lg\:mx-72 { - margin-left: 18rem !important; - margin-right: 18rem !important; + .md\:scale-x-100 { + --transform-scale-x: 1 !important; } - .lg\:my-80 { - margin-top: 20rem !important; - margin-bottom: 20rem !important; + .md\:scale-x-105 { + --transform-scale-x: 1.05 !important; } - .lg\:mx-80 { - margin-left: 20rem !important; - margin-right: 20rem !important; + .md\:scale-x-110 { + --transform-scale-x: 1.1 !important; } - .lg\:my-96 { - margin-top: 24rem !important; - margin-bottom: 24rem !important; + .md\:scale-x-125 { + --transform-scale-x: 1.25 !important; } - .lg\:mx-96 { - margin-left: 24rem !important; - margin-right: 24rem !important; + .md\:scale-x-150 { + --transform-scale-x: 1.5 !important; } - .lg\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .md\:scale-y-0 { + --transform-scale-y: 0 !important; } - .lg\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .md\:scale-y-50 { + --transform-scale-y: .5 !important; } - .lg\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .md\:scale-y-75 { + --transform-scale-y: .75 !important; } - .lg\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .md\:scale-y-90 { + --transform-scale-y: .9 !important; } - .lg\:my-0\.5 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + .md\:scale-y-95 { + --transform-scale-y: .95 !important; } - .lg\:mx-0\.5 { - margin-left: 0.125rem !important; - margin-right: 0.125rem !important; + .md\:scale-y-100 { + --transform-scale-y: 1 !important; } - .lg\:my-1\.5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + .md\:scale-y-105 { + --transform-scale-y: 1.05 !important; } - .lg\:mx-1\.5 { - margin-left: 0.375rem !important; - margin-right: 0.375rem !important; + .md\:scale-y-110 { + --transform-scale-y: 1.1 !important; } - .lg\:my-2\.5 { - margin-top: 0.625rem !important; - margin-bottom: 0.625rem !important; + .md\:scale-y-125 { + --transform-scale-y: 1.25 !important; } - .lg\:mx-2\.5 { - margin-left: 0.625rem !important; - margin-right: 0.625rem !important; + .md\:scale-y-150 { + --transform-scale-y: 1.5 !important; } - .lg\:my-3\.5 { - margin-top: 0.875rem !important; - margin-bottom: 0.875rem !important; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .lg\:mx-3\.5 { - margin-left: 0.875rem !important; - margin-right: 0.875rem !important; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .lg\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .lg\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .lg\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .lg\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .lg\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .lg\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .lg\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .lg\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .lg\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; } - .lg\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; } - .lg\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; } - .lg\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; } - .lg\:-my-7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; } - .lg\:-mx-7 { - margin-left: -1.75rem !important; - margin-right: -1.75rem !important; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; } - .lg\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; } - .lg\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; } - .lg\:-my-9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; } - .lg\:-mx-9 { - margin-left: -2.25rem !important; - margin-right: -2.25rem !important; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; } - .lg\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; } - .lg\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; } - .lg\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; } - .lg\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; } - .lg\:-my-14 { - margin-top: -3.5rem !important; - margin-bottom: -3.5rem !important; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; } - .lg\:-mx-14 { - margin-left: -3.5rem !important; - margin-right: -3.5rem !important; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; } - .lg\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; } - .lg\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; } - .lg\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; } - .lg\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; } - .lg\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .lg\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .lg\:-my-28 { - margin-top: -7rem !important; - margin-bottom: -7rem !important; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .lg\:-mx-28 { - margin-left: -7rem !important; - margin-right: -7rem !important; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .lg\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .lg\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .lg\:-my-36 { - margin-top: -9rem !important; - margin-bottom: -9rem !important; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .lg\:-mx-36 { - margin-left: -9rem !important; - margin-right: -9rem !important; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .lg\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .lg\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .lg\:-my-44 { - margin-top: -11rem !important; - margin-bottom: -11rem !important; + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; } - .lg\:-mx-44 { - margin-left: -11rem !important; - margin-right: -11rem !important; + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; } - .lg\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; } - .lg\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; } - .lg\:-my-52 { - margin-top: -13rem !important; - margin-bottom: -13rem !important; + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; } - .lg\:-mx-52 { - margin-left: -13rem !important; - margin-right: -13rem !important; + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; } - .lg\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; } - .lg\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; } - .lg\:-my-60 { - margin-top: -15rem !important; - margin-bottom: -15rem !important; + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; } - .lg\:-mx-60 { - margin-left: -15rem !important; - margin-right: -15rem !important; + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; } - .lg\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; } - .lg\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; } - .lg\:-my-72 { - margin-top: -18rem !important; - margin-bottom: -18rem !important; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; } - .lg\:-mx-72 { - margin-left: -18rem !important; - margin-right: -18rem !important; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; } - .lg\:-my-80 { - margin-top: -20rem !important; - margin-bottom: -20rem !important; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; } - .lg\:-mx-80 { - margin-left: -20rem !important; - margin-right: -20rem !important; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; } - .lg\:-my-96 { - margin-top: -24rem !important; - margin-bottom: -24rem !important; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; } - .lg\:-mx-96 { - margin-left: -24rem !important; - margin-right: -24rem !important; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; } - .lg\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; } - .lg\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; } - .lg\:-my-0\.5 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + .md\:rotate-0 { + --transform-rotate: 0 !important; } - .lg\:-mx-0\.5 { - margin-left: -0.125rem !important; - margin-right: -0.125rem !important; + .md\:rotate-1 { + --transform-rotate: 1deg !important; } - .lg\:-my-1\.5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + .md\:rotate-2 { + --transform-rotate: 2deg !important; } - .lg\:-mx-1\.5 { - margin-left: -0.375rem !important; - margin-right: -0.375rem !important; + .md\:rotate-3 { + --transform-rotate: 3deg !important; } - .lg\:-my-2\.5 { - margin-top: -0.625rem !important; - margin-bottom: -0.625rem !important; + .md\:rotate-6 { + --transform-rotate: 6deg !important; } - .lg\:-mx-2\.5 { - margin-left: -0.625rem !important; - margin-right: -0.625rem !important; + .md\:rotate-12 { + --transform-rotate: 12deg !important; } - .lg\:-my-3\.5 { - margin-top: -0.875rem !important; - margin-bottom: -0.875rem !important; + .md\:rotate-45 { + --transform-rotate: 45deg !important; } - .lg\:-mx-3\.5 { - margin-left: -0.875rem !important; - margin-right: -0.875rem !important; + .md\:rotate-90 { + --transform-rotate: 90deg !important; } - .lg\:mt-0 { - margin-top: 0 !important; + .md\:rotate-180 { + --transform-rotate: 180deg !important; } - .lg\:mr-0 { - margin-right: 0 !important; + .md\:-rotate-180 { + --transform-rotate: -180deg !important; } - .lg\:mb-0 { - margin-bottom: 0 !important; + .md\:-rotate-90 { + --transform-rotate: -90deg !important; } - .lg\:ml-0 { - margin-left: 0 !important; + .md\:-rotate-45 { + --transform-rotate: -45deg !important; } - .lg\:mt-1 { - margin-top: 0.25rem !important; + .md\:-rotate-12 { + --transform-rotate: -12deg !important; } - .lg\:mr-1 { - margin-right: 0.25rem !important; + .md\:-rotate-6 { + --transform-rotate: -6deg !important; } - .lg\:mb-1 { - margin-bottom: 0.25rem !important; + .md\:-rotate-3 { + --transform-rotate: -3deg !important; } - .lg\:ml-1 { - margin-left: 0.25rem !important; + .md\:-rotate-2 { + --transform-rotate: -2deg !important; } - .lg\:mt-2 { - margin-top: 0.5rem !important; + .md\:-rotate-1 { + --transform-rotate: -1deg !important; } - .lg\:mr-2 { - margin-right: 0.5rem !important; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; } - .lg\:mb-2 { - margin-bottom: 0.5rem !important; + .md\:hover\:rotate-1:hover { + --transform-rotate: 1deg !important; } - .lg\:ml-2 { - margin-left: 0.5rem !important; + .md\:hover\:rotate-2:hover { + --transform-rotate: 2deg !important; } - .lg\:mt-3 { - margin-top: 0.75rem !important; + .md\:hover\:rotate-3:hover { + --transform-rotate: 3deg !important; } - .lg\:mr-3 { - margin-right: 0.75rem !important; + .md\:hover\:rotate-6:hover { + --transform-rotate: 6deg !important; } - .lg\:mb-3 { - margin-bottom: 0.75rem !important; + .md\:hover\:rotate-12:hover { + --transform-rotate: 12deg !important; } - .lg\:ml-3 { - margin-left: 0.75rem !important; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; } - .lg\:mt-4 { - margin-top: 1rem !important; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; } - .lg\:mr-4 { - margin-right: 1rem !important; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; } - .lg\:mb-4 { - margin-bottom: 1rem !important; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; } - .lg\:ml-4 { - margin-left: 1rem !important; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; } - .lg\:mt-5 { - margin-top: 1.25rem !important; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; } - .lg\:mr-5 { - margin-right: 1.25rem !important; + .md\:hover\:-rotate-12:hover { + --transform-rotate: -12deg !important; } - .lg\:mb-5 { - margin-bottom: 1.25rem !important; + .md\:hover\:-rotate-6:hover { + --transform-rotate: -6deg !important; } - .lg\:ml-5 { - margin-left: 1.25rem !important; + .md\:hover\:-rotate-3:hover { + --transform-rotate: -3deg !important; } - .lg\:mt-6 { - margin-top: 1.5rem !important; + .md\:hover\:-rotate-2:hover { + --transform-rotate: -2deg !important; } - .lg\:mr-6 { - margin-right: 1.5rem !important; + .md\:hover\:-rotate-1:hover { + --transform-rotate: -1deg !important; } - .lg\:mb-6 { - margin-bottom: 1.5rem !important; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; } - .lg\:ml-6 { - margin-left: 1.5rem !important; + .md\:focus\:rotate-1:focus { + --transform-rotate: 1deg !important; } - .lg\:mt-7 { - margin-top: 1.75rem !important; + .md\:focus\:rotate-2:focus { + --transform-rotate: 2deg !important; } - .lg\:mr-7 { - margin-right: 1.75rem !important; + .md\:focus\:rotate-3:focus { + --transform-rotate: 3deg !important; } - .lg\:mb-7 { - margin-bottom: 1.75rem !important; + .md\:focus\:rotate-6:focus { + --transform-rotate: 6deg !important; } - .lg\:ml-7 { - margin-left: 1.75rem !important; + .md\:focus\:rotate-12:focus { + --transform-rotate: 12deg !important; } - .lg\:mt-8 { - margin-top: 2rem !important; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; } - .lg\:mr-8 { - margin-right: 2rem !important; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; } - .lg\:mb-8 { - margin-bottom: 2rem !important; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; } - .lg\:ml-8 { - margin-left: 2rem !important; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; } - .lg\:mt-9 { - margin-top: 2.25rem !important; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; } - .lg\:mr-9 { - margin-right: 2.25rem !important; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; } - .lg\:mb-9 { - margin-bottom: 2.25rem !important; + .md\:focus\:-rotate-12:focus { + --transform-rotate: -12deg !important; } - .lg\:ml-9 { - margin-left: 2.25rem !important; + .md\:focus\:-rotate-6:focus { + --transform-rotate: -6deg !important; } - .lg\:mt-10 { - margin-top: 2.5rem !important; + .md\:focus\:-rotate-3:focus { + --transform-rotate: -3deg !important; } - .lg\:mr-10 { - margin-right: 2.5rem !important; + .md\:focus\:-rotate-2:focus { + --transform-rotate: -2deg !important; } - .lg\:mb-10 { - margin-bottom: 2.5rem !important; + .md\:focus\:-rotate-1:focus { + --transform-rotate: -1deg !important; } - .lg\:ml-10 { - margin-left: 2.5rem !important; + .md\:translate-x-0 { + --transform-translate-x: 0 !important; } - .lg\:mt-12 { - margin-top: 3rem !important; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem !important; } - .lg\:mr-12 { - margin-right: 3rem !important; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem !important; } - .lg\:mb-12 { - margin-bottom: 3rem !important; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem !important; } - .lg\:ml-12 { - margin-left: 3rem !important; + .md\:translate-x-4 { + --transform-translate-x: 1rem !important; } - .lg\:mt-14 { - margin-top: 3.5rem !important; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem !important; } - .lg\:mr-14 { - margin-right: 3.5rem !important; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem !important; } - .lg\:mb-14 { - margin-bottom: 3.5rem !important; + .md\:translate-x-7 { + --transform-translate-x: 1.75rem !important; } - .lg\:ml-14 { - margin-left: 3.5rem !important; + .md\:translate-x-8 { + --transform-translate-x: 2rem !important; } - .lg\:mt-16 { - margin-top: 4rem !important; + .md\:translate-x-9 { + --transform-translate-x: 2.25rem !important; } - .lg\:mr-16 { - margin-right: 4rem !important; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem !important; } - .lg\:mb-16 { - margin-bottom: 4rem !important; + .md\:translate-x-12 { + --transform-translate-x: 3rem !important; } - .lg\:ml-16 { - margin-left: 4rem !important; + .md\:translate-x-14 { + --transform-translate-x: 3.5rem !important; } - .lg\:mt-20 { - margin-top: 5rem !important; + .md\:translate-x-16 { + --transform-translate-x: 4rem !important; } - .lg\:mr-20 { - margin-right: 5rem !important; + .md\:translate-x-20 { + --transform-translate-x: 5rem !important; } - .lg\:mb-20 { - margin-bottom: 5rem !important; + .md\:translate-x-24 { + --transform-translate-x: 6rem !important; } - .lg\:ml-20 { - margin-left: 5rem !important; + .md\:translate-x-28 { + --transform-translate-x: 7rem !important; } - .lg\:mt-24 { - margin-top: 6rem !important; + .md\:translate-x-32 { + --transform-translate-x: 8rem !important; } - .lg\:mr-24 { - margin-right: 6rem !important; + .md\:translate-x-36 { + --transform-translate-x: 9rem !important; } - .lg\:mb-24 { - margin-bottom: 6rem !important; + .md\:translate-x-40 { + --transform-translate-x: 10rem !important; } - .lg\:ml-24 { - margin-left: 6rem !important; + .md\:translate-x-44 { + --transform-translate-x: 11rem !important; } - .lg\:mt-28 { - margin-top: 7rem !important; + .md\:translate-x-48 { + --transform-translate-x: 12rem !important; } - .lg\:mr-28 { - margin-right: 7rem !important; + .md\:translate-x-52 { + --transform-translate-x: 13rem !important; } - .lg\:mb-28 { - margin-bottom: 7rem !important; + .md\:translate-x-56 { + --transform-translate-x: 14rem !important; } - .lg\:ml-28 { - margin-left: 7rem !important; + .md\:translate-x-60 { + --transform-translate-x: 15rem !important; } - .lg\:mt-32 { - margin-top: 8rem !important; + .md\:translate-x-64 { + --transform-translate-x: 16rem !important; } - .lg\:mr-32 { - margin-right: 8rem !important; + .md\:translate-x-72 { + --transform-translate-x: 18rem !important; } - .lg\:mb-32 { - margin-bottom: 8rem !important; + .md\:translate-x-80 { + --transform-translate-x: 20rem !important; } - .lg\:ml-32 { - margin-left: 8rem !important; + .md\:translate-x-96 { + --transform-translate-x: 24rem !important; } - .lg\:mt-36 { - margin-top: 9rem !important; + .md\:translate-x-px { + --transform-translate-x: 1px !important; } - .lg\:mr-36 { - margin-right: 9rem !important; + .md\:translate-x-0\.5 { + --transform-translate-x: 0.125rem !important; } - .lg\:mb-36 { - margin-bottom: 9rem !important; + .md\:translate-x-1\.5 { + --transform-translate-x: 0.375rem !important; } - .lg\:ml-36 { - margin-left: 9rem !important; + .md\:translate-x-2\.5 { + --transform-translate-x: 0.625rem !important; } - .lg\:mt-40 { - margin-top: 10rem !important; + .md\:translate-x-3\.5 { + --transform-translate-x: 0.875rem !important; } - .lg\:mr-40 { - margin-right: 10rem !important; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; } - .lg\:mb-40 { - margin-bottom: 10rem !important; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; } - .lg\:ml-40 { - margin-left: 10rem !important; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; } - .lg\:mt-44 { - margin-top: 11rem !important; + .md\:-translate-x-4 { + --transform-translate-x: -1rem !important; } - .lg\:mr-44 { - margin-right: 11rem !important; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; } - .lg\:mb-44 { - margin-bottom: 11rem !important; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; } - .lg\:ml-44 { - margin-left: 11rem !important; + .md\:-translate-x-7 { + --transform-translate-x: -1.75rem !important; } - .lg\:mt-48 { - margin-top: 12rem !important; + .md\:-translate-x-8 { + --transform-translate-x: -2rem !important; } - .lg\:mr-48 { - margin-right: 12rem !important; + .md\:-translate-x-9 { + --transform-translate-x: -2.25rem !important; } - .lg\:mb-48 { - margin-bottom: 12rem !important; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; } - .lg\:ml-48 { - margin-left: 12rem !important; + .md\:-translate-x-12 { + --transform-translate-x: -3rem !important; } - .lg\:mt-52 { - margin-top: 13rem !important; + .md\:-translate-x-14 { + --transform-translate-x: -3.5rem !important; } - .lg\:mr-52 { - margin-right: 13rem !important; + .md\:-translate-x-16 { + --transform-translate-x: -4rem !important; } - .lg\:mb-52 { - margin-bottom: 13rem !important; + .md\:-translate-x-20 { + --transform-translate-x: -5rem !important; } - .lg\:ml-52 { - margin-left: 13rem !important; + .md\:-translate-x-24 { + --transform-translate-x: -6rem !important; } - .lg\:mt-56 { - margin-top: 14rem !important; + .md\:-translate-x-28 { + --transform-translate-x: -7rem !important; } - .lg\:mr-56 { - margin-right: 14rem !important; + .md\:-translate-x-32 { + --transform-translate-x: -8rem !important; } - .lg\:mb-56 { - margin-bottom: 14rem !important; + .md\:-translate-x-36 { + --transform-translate-x: -9rem !important; } - .lg\:ml-56 { - margin-left: 14rem !important; + .md\:-translate-x-40 { + --transform-translate-x: -10rem !important; } - .lg\:mt-60 { - margin-top: 15rem !important; + .md\:-translate-x-44 { + --transform-translate-x: -11rem !important; } - .lg\:mr-60 { - margin-right: 15rem !important; + .md\:-translate-x-48 { + --transform-translate-x: -12rem !important; } - .lg\:mb-60 { - margin-bottom: 15rem !important; + .md\:-translate-x-52 { + --transform-translate-x: -13rem !important; } - .lg\:ml-60 { - margin-left: 15rem !important; + .md\:-translate-x-56 { + --transform-translate-x: -14rem !important; } - .lg\:mt-64 { - margin-top: 16rem !important; + .md\:-translate-x-60 { + --transform-translate-x: -15rem !important; } - .lg\:mr-64 { - margin-right: 16rem !important; + .md\:-translate-x-64 { + --transform-translate-x: -16rem !important; } - .lg\:mb-64 { - margin-bottom: 16rem !important; + .md\:-translate-x-72 { + --transform-translate-x: -18rem !important; } - .lg\:ml-64 { - margin-left: 16rem !important; + .md\:-translate-x-80 { + --transform-translate-x: -20rem !important; } - .lg\:mt-72 { - margin-top: 18rem !important; + .md\:-translate-x-96 { + --transform-translate-x: -24rem !important; } - .lg\:mr-72 { - margin-right: 18rem !important; + .md\:-translate-x-px { + --transform-translate-x: -1px !important; } - .lg\:mb-72 { - margin-bottom: 18rem !important; + .md\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem !important; } - .lg\:ml-72 { - margin-left: 18rem !important; + .md\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem !important; } - .lg\:mt-80 { - margin-top: 20rem !important; + .md\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem !important; } - .lg\:mr-80 { - margin-right: 20rem !important; + .md\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem !important; } - .lg\:mb-80 { - margin-bottom: 20rem !important; + .md\:translate-x-1\/2 { + --transform-translate-x: 50% !important; } - .lg\:ml-80 { - margin-left: 20rem !important; + .md\:translate-x-1\/3 { + --transform-translate-x: 33.333333% !important; } - .lg\:mt-96 { - margin-top: 24rem !important; + .md\:translate-x-2\/3 { + --transform-translate-x: 66.666667% !important; } - .lg\:mr-96 { - margin-right: 24rem !important; + .md\:translate-x-1\/4 { + --transform-translate-x: 25% !important; } - .lg\:mb-96 { - margin-bottom: 24rem !important; + .md\:translate-x-2\/4 { + --transform-translate-x: 50% !important; } - .lg\:ml-96 { - margin-left: 24rem !important; + .md\:translate-x-3\/4 { + --transform-translate-x: 75% !important; } - .lg\:mt-auto { - margin-top: auto !important; + .md\:translate-x-full { + --transform-translate-x: 100% !important; } - .lg\:mr-auto { - margin-right: auto !important; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50% !important; } - .lg\:mb-auto { - margin-bottom: auto !important; + .md\:-translate-x-1\/3 { + --transform-translate-x: -33.333333% !important; } - .lg\:ml-auto { - margin-left: auto !important; + .md\:-translate-x-2\/3 { + --transform-translate-x: -66.666667% !important; } - .lg\:mt-px { - margin-top: 1px !important; + .md\:-translate-x-1\/4 { + --transform-translate-x: -25% !important; } - .lg\:mr-px { - margin-right: 1px !important; + .md\:-translate-x-2\/4 { + --transform-translate-x: -50% !important; } - .lg\:mb-px { - margin-bottom: 1px !important; + .md\:-translate-x-3\/4 { + --transform-translate-x: -75% !important; } - .lg\:ml-px { - margin-left: 1px !important; + .md\:-translate-x-full { + --transform-translate-x: -100% !important; } - .lg\:mt-0\.5 { - margin-top: 0.125rem !important; + .md\:translate-y-0 { + --transform-translate-y: 0 !important; } - .lg\:mr-0\.5 { - margin-right: 0.125rem !important; + .md\:translate-y-1 { + --transform-translate-y: 0.25rem !important; } - .lg\:mb-0\.5 { - margin-bottom: 0.125rem !important; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem !important; } - .lg\:ml-0\.5 { - margin-left: 0.125rem !important; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem !important; } - .lg\:mt-1\.5 { - margin-top: 0.375rem !important; + .md\:translate-y-4 { + --transform-translate-y: 1rem !important; } - .lg\:mr-1\.5 { - margin-right: 0.375rem !important; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem !important; } - .lg\:mb-1\.5 { - margin-bottom: 0.375rem !important; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem !important; } - .lg\:ml-1\.5 { - margin-left: 0.375rem !important; + .md\:translate-y-7 { + --transform-translate-y: 1.75rem !important; } - .lg\:mt-2\.5 { - margin-top: 0.625rem !important; + .md\:translate-y-8 { + --transform-translate-y: 2rem !important; } - .lg\:mr-2\.5 { - margin-right: 0.625rem !important; + .md\:translate-y-9 { + --transform-translate-y: 2.25rem !important; } - .lg\:mb-2\.5 { - margin-bottom: 0.625rem !important; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem !important; } - .lg\:ml-2\.5 { - margin-left: 0.625rem !important; + .md\:translate-y-12 { + --transform-translate-y: 3rem !important; } - .lg\:mt-3\.5 { - margin-top: 0.875rem !important; + .md\:translate-y-14 { + --transform-translate-y: 3.5rem !important; } - .lg\:mr-3\.5 { - margin-right: 0.875rem !important; + .md\:translate-y-16 { + --transform-translate-y: 4rem !important; } - .lg\:mb-3\.5 { - margin-bottom: 0.875rem !important; + .md\:translate-y-20 { + --transform-translate-y: 5rem !important; } - .lg\:ml-3\.5 { - margin-left: 0.875rem !important; + .md\:translate-y-24 { + --transform-translate-y: 6rem !important; } - .lg\:-mt-1 { - margin-top: -0.25rem !important; + .md\:translate-y-28 { + --transform-translate-y: 7rem !important; } - .lg\:-mr-1 { - margin-right: -0.25rem !important; + .md\:translate-y-32 { + --transform-translate-y: 8rem !important; } - .lg\:-mb-1 { - margin-bottom: -0.25rem !important; + .md\:translate-y-36 { + --transform-translate-y: 9rem !important; } - .lg\:-ml-1 { - margin-left: -0.25rem !important; + .md\:translate-y-40 { + --transform-translate-y: 10rem !important; } - .lg\:-mt-2 { - margin-top: -0.5rem !important; + .md\:translate-y-44 { + --transform-translate-y: 11rem !important; } - .lg\:-mr-2 { - margin-right: -0.5rem !important; + .md\:translate-y-48 { + --transform-translate-y: 12rem !important; } - .lg\:-mb-2 { - margin-bottom: -0.5rem !important; + .md\:translate-y-52 { + --transform-translate-y: 13rem !important; } - .lg\:-ml-2 { - margin-left: -0.5rem !important; + .md\:translate-y-56 { + --transform-translate-y: 14rem !important; } - .lg\:-mt-3 { - margin-top: -0.75rem !important; + .md\:translate-y-60 { + --transform-translate-y: 15rem !important; } - .lg\:-mr-3 { - margin-right: -0.75rem !important; + .md\:translate-y-64 { + --transform-translate-y: 16rem !important; } - .lg\:-mb-3 { - margin-bottom: -0.75rem !important; + .md\:translate-y-72 { + --transform-translate-y: 18rem !important; } - .lg\:-ml-3 { - margin-left: -0.75rem !important; + .md\:translate-y-80 { + --transform-translate-y: 20rem !important; } - .lg\:-mt-4 { - margin-top: -1rem !important; + .md\:translate-y-96 { + --transform-translate-y: 24rem !important; } - .lg\:-mr-4 { - margin-right: -1rem !important; + .md\:translate-y-px { + --transform-translate-y: 1px !important; } - .lg\:-mb-4 { - margin-bottom: -1rem !important; + .md\:translate-y-0\.5 { + --transform-translate-y: 0.125rem !important; } - .lg\:-ml-4 { - margin-left: -1rem !important; + .md\:translate-y-1\.5 { + --transform-translate-y: 0.375rem !important; } - .lg\:-mt-5 { - margin-top: -1.25rem !important; + .md\:translate-y-2\.5 { + --transform-translate-y: 0.625rem !important; } - .lg\:-mr-5 { - margin-right: -1.25rem !important; + .md\:translate-y-3\.5 { + --transform-translate-y: 0.875rem !important; } - .lg\:-mb-5 { - margin-bottom: -1.25rem !important; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; } - .lg\:-ml-5 { - margin-left: -1.25rem !important; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; } - .lg\:-mt-6 { - margin-top: -1.5rem !important; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; } - .lg\:-mr-6 { - margin-right: -1.5rem !important; + .md\:-translate-y-4 { + --transform-translate-y: -1rem !important; } - .lg\:-mb-6 { - margin-bottom: -1.5rem !important; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; } - .lg\:-ml-6 { - margin-left: -1.5rem !important; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; } - .lg\:-mt-7 { - margin-top: -1.75rem !important; + .md\:-translate-y-7 { + --transform-translate-y: -1.75rem !important; } - .lg\:-mr-7 { - margin-right: -1.75rem !important; + .md\:-translate-y-8 { + --transform-translate-y: -2rem !important; } - .lg\:-mb-7 { - margin-bottom: -1.75rem !important; + .md\:-translate-y-9 { + --transform-translate-y: -2.25rem !important; } - .lg\:-ml-7 { - margin-left: -1.75rem !important; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; } - .lg\:-mt-8 { - margin-top: -2rem !important; + .md\:-translate-y-12 { + --transform-translate-y: -3rem !important; } - .lg\:-mr-8 { - margin-right: -2rem !important; + .md\:-translate-y-14 { + --transform-translate-y: -3.5rem !important; } - .lg\:-mb-8 { - margin-bottom: -2rem !important; + .md\:-translate-y-16 { + --transform-translate-y: -4rem !important; } - .lg\:-ml-8 { - margin-left: -2rem !important; + .md\:-translate-y-20 { + --transform-translate-y: -5rem !important; } - .lg\:-mt-9 { - margin-top: -2.25rem !important; + .md\:-translate-y-24 { + --transform-translate-y: -6rem !important; } - .lg\:-mr-9 { - margin-right: -2.25rem !important; + .md\:-translate-y-28 { + --transform-translate-y: -7rem !important; } - .lg\:-mb-9 { - margin-bottom: -2.25rem !important; + .md\:-translate-y-32 { + --transform-translate-y: -8rem !important; } - .lg\:-ml-9 { - margin-left: -2.25rem !important; + .md\:-translate-y-36 { + --transform-translate-y: -9rem !important; } - .lg\:-mt-10 { - margin-top: -2.5rem !important; + .md\:-translate-y-40 { + --transform-translate-y: -10rem !important; } - .lg\:-mr-10 { - margin-right: -2.5rem !important; + .md\:-translate-y-44 { + --transform-translate-y: -11rem !important; } - .lg\:-mb-10 { - margin-bottom: -2.5rem !important; + .md\:-translate-y-48 { + --transform-translate-y: -12rem !important; } - .lg\:-ml-10 { - margin-left: -2.5rem !important; + .md\:-translate-y-52 { + --transform-translate-y: -13rem !important; } - .lg\:-mt-12 { - margin-top: -3rem !important; + .md\:-translate-y-56 { + --transform-translate-y: -14rem !important; } - .lg\:-mr-12 { - margin-right: -3rem !important; + .md\:-translate-y-60 { + --transform-translate-y: -15rem !important; } - .lg\:-mb-12 { - margin-bottom: -3rem !important; + .md\:-translate-y-64 { + --transform-translate-y: -16rem !important; } - .lg\:-ml-12 { - margin-left: -3rem !important; + .md\:-translate-y-72 { + --transform-translate-y: -18rem !important; } - .lg\:-mt-14 { - margin-top: -3.5rem !important; + .md\:-translate-y-80 { + --transform-translate-y: -20rem !important; } - .lg\:-mr-14 { - margin-right: -3.5rem !important; + .md\:-translate-y-96 { + --transform-translate-y: -24rem !important; } - .lg\:-mb-14 { - margin-bottom: -3.5rem !important; + .md\:-translate-y-px { + --transform-translate-y: -1px !important; } - .lg\:-ml-14 { - margin-left: -3.5rem !important; + .md\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem !important; } - .lg\:-mt-16 { - margin-top: -4rem !important; + .md\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem !important; } - .lg\:-mr-16 { - margin-right: -4rem !important; + .md\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem !important; } - .lg\:-mb-16 { - margin-bottom: -4rem !important; + .md\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem !important; } - .lg\:-ml-16 { - margin-left: -4rem !important; + .md\:translate-y-1\/2 { + --transform-translate-y: 50% !important; } - .lg\:-mt-20 { - margin-top: -5rem !important; + .md\:translate-y-1\/3 { + --transform-translate-y: 33.333333% !important; } - .lg\:-mr-20 { - margin-right: -5rem !important; + .md\:translate-y-2\/3 { + --transform-translate-y: 66.666667% !important; } - .lg\:-mb-20 { - margin-bottom: -5rem !important; + .md\:translate-y-1\/4 { + --transform-translate-y: 25% !important; } - .lg\:-ml-20 { - margin-left: -5rem !important; + .md\:translate-y-2\/4 { + --transform-translate-y: 50% !important; } - .lg\:-mt-24 { - margin-top: -6rem !important; + .md\:translate-y-3\/4 { + --transform-translate-y: 75% !important; } - .lg\:-mr-24 { - margin-right: -6rem !important; + .md\:translate-y-full { + --transform-translate-y: 100% !important; } - .lg\:-mb-24 { - margin-bottom: -6rem !important; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; } - .lg\:-ml-24 { - margin-left: -6rem !important; + .md\:-translate-y-1\/3 { + --transform-translate-y: -33.333333% !important; } - .lg\:-mt-28 { - margin-top: -7rem !important; + .md\:-translate-y-2\/3 { + --transform-translate-y: -66.666667% !important; } - .lg\:-mr-28 { - margin-right: -7rem !important; + .md\:-translate-y-1\/4 { + --transform-translate-y: -25% !important; } - .lg\:-mb-28 { - margin-bottom: -7rem !important; + .md\:-translate-y-2\/4 { + --transform-translate-y: -50% !important; } - .lg\:-ml-28 { - margin-left: -7rem !important; + .md\:-translate-y-3\/4 { + --transform-translate-y: -75% !important; } - .lg\:-mt-32 { - margin-top: -8rem !important; + .md\:-translate-y-full { + --transform-translate-y: -100% !important; } - .lg\:-mr-32 { - margin-right: -8rem !important; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; } - .lg\:-mb-32 { - margin-bottom: -8rem !important; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; } - .lg\:-ml-32 { - margin-left: -8rem !important; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; } - .lg\:-mt-36 { - margin-top: -9rem !important; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; } - .lg\:-mr-36 { - margin-right: -9rem !important; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; } - .lg\:-mb-36 { - margin-bottom: -9rem !important; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; } - .lg\:-ml-36 { - margin-left: -9rem !important; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; } - .lg\:-mt-40 { - margin-top: -10rem !important; + .md\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem !important; } - .lg\:-mr-40 { - margin-right: -10rem !important; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; } - .lg\:-mb-40 { - margin-bottom: -10rem !important; + .md\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem !important; } - .lg\:-ml-40 { - margin-left: -10rem !important; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; } - .lg\:-mt-44 { - margin-top: -11rem !important; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; } - .lg\:-mr-44 { - margin-right: -11rem !important; + .md\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem !important; } - .lg\:-mb-44 { - margin-bottom: -11rem !important; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; } - .lg\:-ml-44 { - margin-left: -11rem !important; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; } - .lg\:-mt-48 { - margin-top: -12rem !important; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; } - .lg\:-mr-48 { - margin-right: -12rem !important; + .md\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem !important; } - .lg\:-mb-48 { - margin-bottom: -12rem !important; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; } - .lg\:-ml-48 { - margin-left: -12rem !important; + .md\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem !important; } - .lg\:-mt-52 { - margin-top: -13rem !important; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; } - .lg\:-mr-52 { - margin-right: -13rem !important; + .md\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem !important; } - .lg\:-mb-52 { - margin-bottom: -13rem !important; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; } - .lg\:-ml-52 { - margin-left: -13rem !important; + .md\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem !important; } - .lg\:-mt-56 { - margin-top: -14rem !important; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; } - .lg\:-mr-56 { - margin-right: -14rem !important; + .md\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem !important; } - .lg\:-mb-56 { - margin-bottom: -14rem !important; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; } - .lg\:-ml-56 { - margin-left: -14rem !important; + .md\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem !important; } - .lg\:-mt-60 { - margin-top: -15rem !important; + .md\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem !important; } - .lg\:-mr-60 { - margin-right: -15rem !important; + .md\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem !important; } - .lg\:-mb-60 { - margin-bottom: -15rem !important; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; } - .lg\:-ml-60 { - margin-left: -15rem !important; + .md\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem !important; } - .lg\:-mt-64 { - margin-top: -16rem !important; + .md\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem !important; } - .lg\:-mr-64 { - margin-right: -16rem !important; + .md\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem !important; } - .lg\:-mb-64 { - margin-bottom: -16rem !important; + .md\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem !important; } - .lg\:-ml-64 { - margin-left: -16rem !important; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; } - .lg\:-mt-72 { - margin-top: -18rem !important; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; } - .lg\:-mr-72 { - margin-right: -18rem !important; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; } - .lg\:-mb-72 { - margin-bottom: -18rem !important; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; } - .lg\:-ml-72 { - margin-left: -18rem !important; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; } - .lg\:-mt-80 { - margin-top: -20rem !important; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; } - .lg\:-mr-80 { - margin-right: -20rem !important; + .md\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem !important; } - .lg\:-mb-80 { - margin-bottom: -20rem !important; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; } - .lg\:-ml-80 { - margin-left: -20rem !important; + .md\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem !important; } - .lg\:-mt-96 { - margin-top: -24rem !important; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; } - .lg\:-mr-96 { - margin-right: -24rem !important; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; } - .lg\:-mb-96 { - margin-bottom: -24rem !important; + .md\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem !important; } - .lg\:-ml-96 { - margin-left: -24rem !important; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; } - .lg\:-mt-px { - margin-top: -1px !important; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; } - .lg\:-mr-px { - margin-right: -1px !important; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; } - .lg\:-mb-px { - margin-bottom: -1px !important; + .md\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem !important; } - .lg\:-ml-px { - margin-left: -1px !important; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; } - .lg\:-mt-0\.5 { - margin-top: -0.125rem !important; + .md\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem !important; } - .lg\:-mr-0\.5 { - margin-right: -0.125rem !important; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; } - .lg\:-mb-0\.5 { - margin-bottom: -0.125rem !important; + .md\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem !important; } - .lg\:-ml-0\.5 { - margin-left: -0.125rem !important; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; } - - .lg\:-mt-1\.5 { - margin-top: -0.375rem !important; + + .md\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem !important; } - .lg\:-mr-1\.5 { - margin-right: -0.375rem !important; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; } - .lg\:-mb-1\.5 { - margin-bottom: -0.375rem !important; + .md\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem !important; } - .lg\:-ml-1\.5 { - margin-left: -0.375rem !important; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; } - .lg\:-mt-2\.5 { - margin-top: -0.625rem !important; + .md\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem !important; } - .lg\:-mr-2\.5 { - margin-right: -0.625rem !important; + .md\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem !important; } - .lg\:-mb-2\.5 { - margin-bottom: -0.625rem !important; + .md\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem !important; } - .lg\:-ml-2\.5 { - margin-left: -0.625rem !important; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; } - .lg\:-mt-3\.5 { - margin-top: -0.875rem !important; + .md\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem !important; } - .lg\:-mr-3\.5 { - margin-right: -0.875rem !important; + .md\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem !important; } - .lg\:-mb-3\.5 { - margin-bottom: -0.875rem !important; + .md\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem !important; } - .lg\:-ml-3\.5 { - margin-left: -0.875rem !important; + .md\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem !important; } - .lg\:max-h-0 { - max-height: 0 !important; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; } - .lg\:max-h-1 { - max-height: 0.25rem !important; + .md\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333% !important; } - .lg\:max-h-2 { - max-height: 0.5rem !important; + .md\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667% !important; } - .lg\:max-h-3 { - max-height: 0.75rem !important; + .md\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25% !important; } - .lg\:max-h-4 { - max-height: 1rem !important; + .md\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50% !important; } - .lg\:max-h-5 { - max-height: 1.25rem !important; + .md\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75% !important; } - .lg\:max-h-6 { - max-height: 1.5rem !important; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; } - .lg\:max-h-7 { - max-height: 1.75rem !important; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; } - .lg\:max-h-8 { - max-height: 2rem !important; + .md\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333% !important; } - .lg\:max-h-9 { - max-height: 2.25rem !important; + .md\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667% !important; } - .lg\:max-h-10 { - max-height: 2.5rem !important; + .md\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25% !important; } - .lg\:max-h-12 { - max-height: 3rem !important; + .md\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50% !important; } - .lg\:max-h-14 { - max-height: 3.5rem !important; + .md\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75% !important; } - .lg\:max-h-16 { - max-height: 4rem !important; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; } - .lg\:max-h-20 { - max-height: 5rem !important; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; } - .lg\:max-h-24 { - max-height: 6rem !important; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; } - .lg\:max-h-28 { - max-height: 7rem !important; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; } - .lg\:max-h-32 { - max-height: 8rem !important; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; } - .lg\:max-h-36 { - max-height: 9rem !important; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; } - .lg\:max-h-40 { - max-height: 10rem !important; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; } - .lg\:max-h-44 { - max-height: 11rem !important; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; } - .lg\:max-h-48 { - max-height: 12rem !important; + .md\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem !important; } - .lg\:max-h-52 { - max-height: 13rem !important; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; } - .lg\:max-h-56 { - max-height: 14rem !important; + .md\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem !important; } - .lg\:max-h-60 { - max-height: 15rem !important; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; } - .lg\:max-h-64 { - max-height: 16rem !important; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; } - .lg\:max-h-72 { - max-height: 18rem !important; + .md\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem !important; } - .lg\:max-h-80 { - max-height: 20rem !important; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; } - .lg\:max-h-96 { - max-height: 24rem !important; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; } - .lg\:max-h-px { - max-height: 1px !important; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; } - .lg\:max-h-0\.5 { - max-height: 0.125rem !important; + .md\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem !important; } - .lg\:max-h-1\.5 { - max-height: 0.375rem !important; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; } - .lg\:max-h-2\.5 { - max-height: 0.625rem !important; + .md\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem !important; } - .lg\:max-h-3\.5 { - max-height: 0.875rem !important; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; } - .lg\:max-h-full { - max-height: 100% !important; + .md\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem !important; } - .lg\:max-h-screen { - max-height: 100vh !important; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; } - .lg\:max-w-0 { - max-width: 0rem !important; + .md\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem !important; } - .lg\:max-w-none { - max-width: none !important; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; } - .lg\:max-w-xs { - max-width: 20rem !important; + .md\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem !important; } - .lg\:max-w-sm { - max-width: 24rem !important; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; } - .lg\:max-w-md { - max-width: 28rem !important; + .md\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem !important; } - .lg\:max-w-lg { - max-width: 32rem !important; + .md\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem !important; } - .lg\:max-w-xl { - max-width: 36rem !important; + .md\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem !important; } - .lg\:max-w-2xl { - max-width: 42rem !important; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; } - .lg\:max-w-3xl { - max-width: 48rem !important; + .md\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem !important; } - .lg\:max-w-4xl { - max-width: 56rem !important; + .md\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem !important; } - .lg\:max-w-5xl { - max-width: 64rem !important; + .md\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem !important; } - .lg\:max-w-6xl { - max-width: 72rem !important; + .md\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem !important; } - .lg\:max-w-7xl { - max-width: 80rem !important; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; } - .lg\:max-w-full { - max-width: 100% !important; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; } - .lg\:max-w-min { - max-width: min-content !important; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; } - .lg\:max-w-max { - max-width: max-content !important; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; } - .lg\:max-w-screen-sm { - max-width: 640px !important; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; } - .lg\:max-w-screen-md { - max-width: 768px !important; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; } - .lg\:max-w-screen-lg { - max-width: 1024px !important; + .md\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem !important; } - .lg\:max-w-screen-xl { - max-width: 1280px !important; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; } - .lg\:max-w-screen-2xl { - max-width: 1536px !important; + .md\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem !important; } - .lg\:min-h-0 { - min-height: 0 !important; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; } - .lg\:min-h-full { - min-height: 100% !important; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; } - .lg\:min-h-screen { - min-height: 100vh !important; + .md\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem !important; } - .lg\:min-w-0 { - min-width: 0 !important; + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; } - .lg\:min-w-full { - min-width: 100% !important; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; } - .lg\:min-w-min { - min-width: min-content !important; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; } - .lg\:min-w-max { - min-width: max-content !important; + .md\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem !important; } - .lg\:object-contain { - object-fit: contain !important; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; } - .lg\:object-cover { - object-fit: cover !important; + .md\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem !important; } - .lg\:object-fill { - object-fit: fill !important; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; } - .lg\:object-none { - object-fit: none !important; + .md\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem !important; } - .lg\:object-scale-down { - object-fit: scale-down !important; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; } - .lg\:object-bottom { - object-position: bottom !important; + .md\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem !important; } - .lg\:object-center { - object-position: center !important; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; } - .lg\:object-left { - object-position: left !important; + .md\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem !important; } - .lg\:object-left-bottom { - object-position: left bottom !important; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; } - .lg\:object-left-top { - object-position: left top !important; + .md\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem !important; } - .lg\:object-right { - object-position: right !important; + .md\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem !important; } - .lg\:object-right-bottom { - object-position: right bottom !important; + .md\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem !important; } - .lg\:object-right-top { - object-position: right top !important; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; } - .lg\:object-top { - object-position: top !important; + .md\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem !important; } - .lg\:opacity-0 { - opacity: 0 !important; + .md\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem !important; } - .lg\:opacity-25 { - opacity: 0.25 !important; + .md\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem !important; } - .lg\:opacity-50 { - opacity: 0.5 !important; + .md\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem !important; } - .lg\:opacity-75 { - opacity: 0.75 !important; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; } - .lg\:opacity-100 { - opacity: 1 !important; + .md\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333% !important; } - .group:hover .lg\:group-hover\:opacity-0 { - opacity: 0 !important; + .md\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667% !important; } - .group:hover .lg\:group-hover\:opacity-25 { - opacity: 0.25 !important; + .md\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25% !important; } - .group:hover .lg\:group-hover\:opacity-50 { - opacity: 0.5 !important; + .md\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50% !important; } - .group:hover .lg\:group-hover\:opacity-75 { - opacity: 0.75 !important; + .md\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75% !important; } - .group:hover .lg\:group-hover\:opacity-100 { - opacity: 1 !important; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; } - .lg\:hover\:opacity-0:hover { - opacity: 0 !important; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; } - .lg\:hover\:opacity-25:hover { - opacity: 0.25 !important; + .md\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333% !important; } - .lg\:hover\:opacity-50:hover { - opacity: 0.5 !important; + .md\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667% !important; } - .lg\:hover\:opacity-75:hover { - opacity: 0.75 !important; + .md\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25% !important; } - .lg\:hover\:opacity-100:hover { - opacity: 1 !important; + .md\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50% !important; } - .lg\:focus\:opacity-0:focus { - opacity: 0 !important; + .md\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75% !important; } - .lg\:focus\:opacity-25:focus { - opacity: 0.25 !important; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; } - .lg\:focus\:opacity-50:focus { - opacity: 0.5 !important; + .md\:focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; } - .lg\:focus\:opacity-75:focus { - opacity: 0.75 !important; + .md\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; } - .lg\:focus\:opacity-100:focus { - opacity: 1 !important; + .md\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; } - .lg\:outline-none { - outline: 2px solid transparent !important; - outline-offset: 2px !important; + .md\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; } - .lg\:outline-white { - outline: 2px dotted white !important; - outline-offset: 2px !important; + .md\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; } - .lg\:outline-black { - outline: 2px dotted black !important; - outline-offset: 2px !important; + .md\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; } - .lg\:focus\:outline-none:focus { - outline: 2px solid transparent !important; - outline-offset: 2px !important; + .md\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; } - .lg\:focus\:outline-white:focus { - outline: 2px dotted white !important; - outline-offset: 2px !important; + .md\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem !important; } - .lg\:focus\:outline-black:focus { - outline: 2px dotted black !important; - outline-offset: 2px !important; + .md\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; } - .lg\:overflow-auto { - overflow: auto !important; + .md\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem !important; } - .lg\:overflow-hidden { - overflow: hidden !important; + .md\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; } - .lg\:overflow-visible { - overflow: visible !important; + .md\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; } - .lg\:overflow-scroll { - overflow: scroll !important; + .md\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem !important; } - .lg\:overflow-x-auto { - overflow-x: auto !important; + .md\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; } - .lg\:overflow-y-auto { - overflow-y: auto !important; + .md\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; } - .lg\:overflow-x-hidden { - overflow-x: hidden !important; + .md\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; } - .lg\:overflow-y-hidden { - overflow-y: hidden !important; + .md\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem !important; } - .lg\:overflow-x-visible { - overflow-x: visible !important; + .md\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; } - .lg\:overflow-y-visible { - overflow-y: visible !important; + .md\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem !important; } - .lg\:overflow-x-scroll { - overflow-x: scroll !important; + .md\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; } - .lg\:overflow-y-scroll { - overflow-y: scroll !important; + .md\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem !important; } - .lg\:overscroll-auto { - overscroll-behavior: auto !important; + .md\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; } - .lg\:overscroll-contain { - overscroll-behavior: contain !important; + .md\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem !important; } - .lg\:overscroll-none { - overscroll-behavior: none !important; + .md\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; } - .lg\:overscroll-y-auto { - overscroll-behavior-y: auto !important; + .md\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem !important; } - .lg\:overscroll-y-contain { - overscroll-behavior-y: contain !important; + .md\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; } - .lg\:overscroll-y-none { - overscroll-behavior-y: none !important; + .md\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem !important; } - .lg\:overscroll-x-auto { - overscroll-behavior-x: auto !important; + .md\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem !important; } - .lg\:overscroll-x-contain { - overscroll-behavior-x: contain !important; + .md\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem !important; } - .lg\:overscroll-x-none { - overscroll-behavior-x: none !important; + .md\:focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; } - .lg\:p-0 { - padding: 0 !important; + .md\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem !important; } - .lg\:p-1 { - padding: 0.25rem !important; + .md\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem !important; } - .lg\:p-2 { - padding: 0.5rem !important; + .md\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem !important; } - .lg\:p-3 { - padding: 0.75rem !important; + .md\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem !important; } - .lg\:p-4 { - padding: 1rem !important; + .md\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; } - .lg\:p-5 { - padding: 1.25rem !important; + .md\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; } - .lg\:p-6 { - padding: 1.5rem !important; + .md\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; } - .lg\:p-7 { - padding: 1.75rem !important; + .md\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; } - .lg\:p-8 { - padding: 2rem !important; + .md\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; } - .lg\:p-9 { - padding: 2.25rem !important; + .md\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; } - .lg\:p-10 { - padding: 2.5rem !important; + .md\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem !important; } - .lg\:p-12 { - padding: 3rem !important; + .md\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; } - .lg\:p-14 { - padding: 3.5rem !important; + .md\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem !important; } - .lg\:p-16 { - padding: 4rem !important; + .md\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; } - .lg\:p-20 { - padding: 5rem !important; + .md\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; } - .lg\:p-24 { - padding: 6rem !important; + .md\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem !important; } - .lg\:p-28 { - padding: 7rem !important; + .md\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; } - .lg\:p-32 { - padding: 8rem !important; + .md\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; } - .lg\:p-36 { - padding: 9rem !important; + .md\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; } - .lg\:p-40 { - padding: 10rem !important; + .md\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem !important; } - .lg\:p-44 { - padding: 11rem !important; + .md\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; } - .lg\:p-48 { - padding: 12rem !important; + .md\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem !important; } - .lg\:p-52 { - padding: 13rem !important; + .md\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; } - .lg\:p-56 { - padding: 14rem !important; + .md\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem !important; } - .lg\:p-60 { - padding: 15rem !important; + .md\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; } - .lg\:p-64 { - padding: 16rem !important; + .md\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem !important; } - .lg\:p-72 { - padding: 18rem !important; + .md\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; } - .lg\:p-80 { - padding: 20rem !important; + .md\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem !important; } - .lg\:p-96 { - padding: 24rem !important; + .md\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; } - .lg\:p-px { - padding: 1px !important; + .md\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem !important; } - .lg\:p-0\.5 { - padding: 0.125rem !important; + .md\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem !important; } - .lg\:p-1\.5 { - padding: 0.375rem !important; + .md\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem !important; } - .lg\:p-2\.5 { - padding: 0.625rem !important; + .md\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; } - .lg\:p-3\.5 { - padding: 0.875rem !important; + .md\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem !important; } - .lg\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .md\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem !important; } - .lg\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .md\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem !important; } - .lg\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .md\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem !important; } - .lg\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .md\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; } - .lg\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .md\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333% !important; } - .lg\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .md\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667% !important; } - .lg\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .md\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25% !important; } - .lg\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .md\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50% !important; } - .lg\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .md\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75% !important; } - .lg\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .md\:focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; } - .lg\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .md\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; } - .lg\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .md\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333% !important; } - .lg\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .md\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667% !important; } - .lg\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .md\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25% !important; } - .lg\:py-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + .md\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50% !important; } - .lg\:px-7 { - padding-left: 1.75rem !important; - padding-right: 1.75rem !important; + .md\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75% !important; } - .lg\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .md\:focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; } - .lg\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .md\:focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; } - .lg\:py-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + .md\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; } - .lg\:px-9 { - padding-left: 2.25rem !important; - padding-right: 2.25rem !important; + .md\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; } - .lg\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .md\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; } - .lg\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .md\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; } - .lg\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .md\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; } - .lg\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .md\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; } - .lg\:py-14 { - padding-top: 3.5rem !important; - padding-bottom: 3.5rem !important; + .md\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem !important; } - .lg\:px-14 { - padding-left: 3.5rem !important; - padding-right: 3.5rem !important; + .md\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; } - .lg\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .md\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem !important; } - .lg\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .md\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; } - .lg\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .md\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; } - .lg\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .md\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem !important; } - .lg\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .md\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; } - .lg\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .md\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; } - .lg\:py-28 { - padding-top: 7rem !important; - padding-bottom: 7rem !important; + .md\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; } - .lg\:px-28 { - padding-left: 7rem !important; - padding-right: 7rem !important; + .md\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem !important; } - .lg\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .md\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; } - .lg\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .md\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem !important; } - .lg\:py-36 { - padding-top: 9rem !important; - padding-bottom: 9rem !important; + .md\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; } - .lg\:px-36 { - padding-left: 9rem !important; - padding-right: 9rem !important; + .md\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem !important; } - .lg\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .md\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; } - .lg\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .md\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem !important; } - .lg\:py-44 { - padding-top: 11rem !important; - padding-bottom: 11rem !important; + .md\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; } - .lg\:px-44 { - padding-left: 11rem !important; - padding-right: 11rem !important; + .md\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem !important; } - .lg\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .md\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; } - .lg\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .md\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem !important; } - .lg\:py-52 { - padding-top: 13rem !important; - padding-bottom: 13rem !important; + .md\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem !important; } - .lg\:px-52 { - padding-left: 13rem !important; - padding-right: 13rem !important; + .md\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem !important; } - .lg\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .md\:focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; } - .lg\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .md\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem !important; } - .lg\:py-60 { - padding-top: 15rem !important; - padding-bottom: 15rem !important; + .md\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem !important; } - .lg\:px-60 { - padding-left: 15rem !important; - padding-right: 15rem !important; + .md\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem !important; } - .lg\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .md\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem !important; } - .lg\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .md\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; } - .lg\:py-72 { - padding-top: 18rem !important; - padding-bottom: 18rem !important; + .md\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; } - .lg\:px-72 { - padding-left: 18rem !important; - padding-right: 18rem !important; + .md\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; } - .lg\:py-80 { - padding-top: 20rem !important; - padding-bottom: 20rem !important; + .md\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; } - .lg\:px-80 { - padding-left: 20rem !important; - padding-right: 20rem !important; + .md\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; } - .lg\:py-96 { - padding-top: 24rem !important; - padding-bottom: 24rem !important; + .md\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; } - .lg\:px-96 { - padding-left: 24rem !important; - padding-right: 24rem !important; + .md\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem !important; } - .lg\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .md\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; } - .lg\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .md\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem !important; } - .lg\:py-0\.5 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + .md\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; } - .lg\:px-0\.5 { - padding-left: 0.125rem !important; - padding-right: 0.125rem !important; + .md\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; } - .lg\:py-1\.5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + .md\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem !important; } - .lg\:px-1\.5 { - padding-left: 0.375rem !important; - padding-right: 0.375rem !important; + .md\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; } - .lg\:py-2\.5 { - padding-top: 0.625rem !important; - padding-bottom: 0.625rem !important; + .md\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; } - .lg\:px-2\.5 { - padding-left: 0.625rem !important; - padding-right: 0.625rem !important; + .md\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; } - .lg\:py-3\.5 { - padding-top: 0.875rem !important; - padding-bottom: 0.875rem !important; + .md\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem !important; } - .lg\:px-3\.5 { - padding-left: 0.875rem !important; - padding-right: 0.875rem !important; + .md\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; } - .lg\:pt-0 { - padding-top: 0 !important; + .md\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem !important; } - .lg\:pr-0 { - padding-right: 0 !important; + .md\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; } - .lg\:pb-0 { - padding-bottom: 0 !important; + .md\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem !important; } - .lg\:pl-0 { - padding-left: 0 !important; + .md\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; } - .lg\:pt-1 { - padding-top: 0.25rem !important; + .md\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem !important; } - .lg\:pr-1 { - padding-right: 0.25rem !important; + .md\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; } - .lg\:pb-1 { - padding-bottom: 0.25rem !important; + .md\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem !important; } - .lg\:pl-1 { - padding-left: 0.25rem !important; + .md\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; } - .lg\:pt-2 { - padding-top: 0.5rem !important; + .md\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem !important; } - .lg\:pr-2 { - padding-right: 0.5rem !important; + .md\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem !important; } - .lg\:pb-2 { - padding-bottom: 0.5rem !important; + .md\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem !important; } - .lg\:pl-2 { - padding-left: 0.5rem !important; + .md\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; } - .lg\:pt-3 { - padding-top: 0.75rem !important; + .md\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem !important; } - .lg\:pr-3 { - padding-right: 0.75rem !important; + .md\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem !important; } - .lg\:pb-3 { - padding-bottom: 0.75rem !important; + .md\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem !important; } - .lg\:pl-3 { - padding-left: 0.75rem !important; + .md\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem !important; } - .lg\:pt-4 { - padding-top: 1rem !important; + .md\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; } - .lg\:pr-4 { - padding-right: 1rem !important; + .md\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333% !important; } - .lg\:pb-4 { - padding-bottom: 1rem !important; + .md\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667% !important; } - .lg\:pl-4 { - padding-left: 1rem !important; + .md\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25% !important; } - .lg\:pt-5 { - padding-top: 1.25rem !important; + .md\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50% !important; } - .lg\:pr-5 { - padding-right: 1.25rem !important; + .md\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75% !important; } - .lg\:pb-5 { - padding-bottom: 1.25rem !important; + .md\:focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; } - .lg\:pl-5 { - padding-left: 1.25rem !important; + .md\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; } - .lg\:pt-6 { - padding-top: 1.5rem !important; + .md\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333% !important; } - .lg\:pr-6 { - padding-right: 1.5rem !important; + .md\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667% !important; } - .lg\:pb-6 { - padding-bottom: 1.5rem !important; + .md\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25% !important; } - .lg\:pl-6 { - padding-left: 1.5rem !important; + .md\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50% !important; } - .lg\:pt-7 { - padding-top: 1.75rem !important; + .md\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75% !important; } - .lg\:pr-7 { - padding-right: 1.75rem !important; + .md\:focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; } - .lg\:pb-7 { - padding-bottom: 1.75rem !important; + .md\:skew-x-0 { + --transform-skew-x: 0 !important; } - .lg\:pl-7 { - padding-left: 1.75rem !important; + .md\:skew-x-1 { + --transform-skew-x: 1deg !important; } - .lg\:pt-8 { - padding-top: 2rem !important; + .md\:skew-x-2 { + --transform-skew-x: 2deg !important; } - .lg\:pr-8 { - padding-right: 2rem !important; + .md\:skew-x-3 { + --transform-skew-x: 3deg !important; } - .lg\:pb-8 { - padding-bottom: 2rem !important; + .md\:skew-x-6 { + --transform-skew-x: 6deg !important; } - .lg\:pl-8 { - padding-left: 2rem !important; + .md\:skew-x-12 { + --transform-skew-x: 12deg !important; } - .lg\:pt-9 { - padding-top: 2.25rem !important; + .md\:-skew-x-12 { + --transform-skew-x: -12deg !important; } - .lg\:pr-9 { - padding-right: 2.25rem !important; + .md\:-skew-x-6 { + --transform-skew-x: -6deg !important; } - .lg\:pb-9 { - padding-bottom: 2.25rem !important; + .md\:-skew-x-3 { + --transform-skew-x: -3deg !important; } - .lg\:pl-9 { - padding-left: 2.25rem !important; + .md\:-skew-x-2 { + --transform-skew-x: -2deg !important; } - .lg\:pt-10 { - padding-top: 2.5rem !important; + .md\:-skew-x-1 { + --transform-skew-x: -1deg !important; } - .lg\:pr-10 { - padding-right: 2.5rem !important; + .md\:skew-y-0 { + --transform-skew-y: 0 !important; } - .lg\:pb-10 { - padding-bottom: 2.5rem !important; + .md\:skew-y-1 { + --transform-skew-y: 1deg !important; } - .lg\:pl-10 { - padding-left: 2.5rem !important; + .md\:skew-y-2 { + --transform-skew-y: 2deg !important; } - .lg\:pt-12 { - padding-top: 3rem !important; + .md\:skew-y-3 { + --transform-skew-y: 3deg !important; } - .lg\:pr-12 { - padding-right: 3rem !important; + .md\:skew-y-6 { + --transform-skew-y: 6deg !important; } - .lg\:pb-12 { - padding-bottom: 3rem !important; + .md\:skew-y-12 { + --transform-skew-y: 12deg !important; } - .lg\:pl-12 { - padding-left: 3rem !important; + .md\:-skew-y-12 { + --transform-skew-y: -12deg !important; } - .lg\:pt-14 { - padding-top: 3.5rem !important; + .md\:-skew-y-6 { + --transform-skew-y: -6deg !important; } - .lg\:pr-14 { - padding-right: 3.5rem !important; + .md\:-skew-y-3 { + --transform-skew-y: -3deg !important; } - .lg\:pb-14 { - padding-bottom: 3.5rem !important; + .md\:-skew-y-2 { + --transform-skew-y: -2deg !important; } - .lg\:pl-14 { - padding-left: 3.5rem !important; + .md\:-skew-y-1 { + --transform-skew-y: -1deg !important; } - .lg\:pt-16 { - padding-top: 4rem !important; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; } - .lg\:pr-16 { - padding-right: 4rem !important; + .md\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg !important; } - .lg\:pb-16 { - padding-bottom: 4rem !important; + .md\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg !important; } - .lg\:pl-16 { - padding-left: 4rem !important; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; } - .lg\:pt-20 { - padding-top: 5rem !important; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; } - .lg\:pr-20 { - padding-right: 5rem !important; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; } - .lg\:pb-20 { - padding-bottom: 5rem !important; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; } - .lg\:pl-20 { - padding-left: 5rem !important; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; } - .lg\:pt-24 { - padding-top: 6rem !important; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; } - .lg\:pr-24 { - padding-right: 6rem !important; + .md\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg !important; } - .lg\:pb-24 { - padding-bottom: 6rem !important; + .md\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg !important; } - .lg\:pl-24 { - padding-left: 6rem !important; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; } - .lg\:pt-28 { - padding-top: 7rem !important; + .md\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg !important; } - .lg\:pr-28 { - padding-right: 7rem !important; + .md\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg !important; } - .lg\:pb-28 { - padding-bottom: 7rem !important; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; } - .lg\:pl-28 { - padding-left: 7rem !important; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; } - .lg\:pt-32 { - padding-top: 8rem !important; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; } - .lg\:pr-32 { - padding-right: 8rem !important; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; } - .lg\:pb-32 { - padding-bottom: 8rem !important; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; } - .lg\:pl-32 { - padding-left: 8rem !important; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; } - .lg\:pt-36 { - padding-top: 9rem !important; + .md\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg !important; } - .lg\:pr-36 { - padding-right: 9rem !important; + .md\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg !important; } - .lg\:pb-36 { - padding-bottom: 9rem !important; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; } - .lg\:pl-36 { - padding-left: 9rem !important; + .md\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg !important; } - .lg\:pt-40 { - padding-top: 10rem !important; + .md\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg !important; } - .lg\:pr-40 { - padding-right: 10rem !important; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; } - .lg\:pb-40 { - padding-bottom: 10rem !important; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; } - .lg\:pl-40 { - padding-left: 10rem !important; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; } - .lg\:pt-44 { - padding-top: 11rem !important; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; } - .lg\:pr-44 { - padding-right: 11rem !important; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; } - .lg\:pb-44 { - padding-bottom: 11rem !important; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; } - .lg\:pl-44 { - padding-left: 11rem !important; + .md\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg !important; } - .lg\:pt-48 { - padding-top: 12rem !important; + .md\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg !important; } - .lg\:pr-48 { - padding-right: 12rem !important; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; } - .lg\:pb-48 { - padding-bottom: 12rem !important; + .md\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg !important; } - .lg\:pl-48 { - padding-left: 12rem !important; + .md\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg !important; } - .lg\:pt-52 { - padding-top: 13rem !important; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; } - .lg\:pr-52 { - padding-right: 13rem !important; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; } - .lg\:pb-52 { - padding-bottom: 13rem !important; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; } - .lg\:pl-52 { - padding-left: 13rem !important; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; } - .lg\:pt-56 { - padding-top: 14rem !important; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; } - .lg\:pr-56 { - padding-right: 14rem !important; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; } - .lg\:pb-56 { - padding-bottom: 14rem !important; + .md\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg !important; } - .lg\:pl-56 { - padding-left: 14rem !important; + .md\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg !important; } - .lg\:pt-60 { - padding-top: 15rem !important; + .md\:transition-none { + transition-property: none !important; } - .lg\:pr-60 { - padding-right: 15rem !important; + .md\:transition-all { + transition-property: all !important; } - .lg\:pb-60 { - padding-bottom: 15rem !important; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } - .lg\:pl-60 { - padding-left: 15rem !important; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; } - .lg\:pt-64 { - padding-top: 16rem !important; + .md\:transition-opacity { + transition-property: opacity !important; } - .lg\:pr-64 { - padding-right: 16rem !important; + .md\:transition-shadow { + transition-property: box-shadow !important; } - .lg\:pb-64 { - padding-bottom: 16rem !important; + .md\:transition-transform { + transition-property: transform !important; } - .lg\:pl-64 { - padding-left: 16rem !important; + .md\:ease-linear { + transition-timing-function: linear !important; } - .lg\:pt-72 { - padding-top: 18rem !important; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } - .lg\:pr-72 { - padding-right: 18rem !important; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } - .lg\:pb-72 { - padding-bottom: 18rem !important; + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } - .lg\:pl-72 { - padding-left: 18rem !important; + .md\:duration-75 { + transition-duration: 75ms !important; } - .lg\:pt-80 { - padding-top: 20rem !important; + .md\:duration-100 { + transition-duration: 100ms !important; } - .lg\:pr-80 { - padding-right: 20rem !important; + .md\:duration-150 { + transition-duration: 150ms !important; } - .lg\:pb-80 { - padding-bottom: 20rem !important; + .md\:duration-200 { + transition-duration: 200ms !important; } - .lg\:pl-80 { - padding-left: 20rem !important; + .md\:duration-300 { + transition-duration: 300ms !important; } - .lg\:pt-96 { - padding-top: 24rem !important; + .md\:duration-500 { + transition-duration: 500ms !important; } - .lg\:pr-96 { - padding-right: 24rem !important; + .md\:duration-700 { + transition-duration: 700ms !important; } - .lg\:pb-96 { - padding-bottom: 24rem !important; + .md\:duration-1000 { + transition-duration: 1000ms !important; } - .lg\:pl-96 { - padding-left: 24rem !important; + .md\:delay-75 { + transition-delay: 75ms !important; } - .lg\:pt-px { - padding-top: 1px !important; + .md\:delay-100 { + transition-delay: 100ms !important; } - .lg\:pr-px { - padding-right: 1px !important; + .md\:delay-150 { + transition-delay: 150ms !important; } - .lg\:pb-px { - padding-bottom: 1px !important; + .md\:delay-200 { + transition-delay: 200ms !important; } - .lg\:pl-px { - padding-left: 1px !important; + .md\:delay-300 { + transition-delay: 300ms !important; } - .lg\:pt-0\.5 { - padding-top: 0.125rem !important; + .md\:delay-500 { + transition-delay: 500ms !important; } - .lg\:pr-0\.5 { - padding-right: 0.125rem !important; + .md\:delay-700 { + transition-delay: 700ms !important; } - .lg\:pb-0\.5 { - padding-bottom: 0.125rem !important; + .md\:delay-1000 { + transition-delay: 1000ms !important; } - .lg\:pl-0\.5 { - padding-left: 0.125rem !important; + .md\:animate-none { + animation: none !important; } - .lg\:pt-1\.5 { - padding-top: 0.375rem !important; + .md\:animate-spin { + animation: spin 1s linear infinite !important; } - .lg\:pr-1\.5 { - padding-right: 0.375rem !important; + .md\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .lg\:pb-1\.5 { - padding-bottom: 0.375rem !important; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } - .lg\:pl-1\.5 { - padding-left: 0.375rem !important; + .md\:animate-bounce { + animation: bounce 1s infinite !important; } - .lg\:pt-2\.5 { - padding-top: 0.625rem !important; + .md\:example { + font-weight: 700; + color: #ef4444; } +} - .lg\:pr-2\.5 { - padding-right: 0.625rem !important; +@media (min-width: 1024px) { + .lg\:container { + width: 100%; } - .lg\:pb-2\.5 { - padding-bottom: 0.625rem !important; + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } } - .lg\:pl-2\.5 { - padding-left: 0.625rem !important; + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } } - .lg\:pt-3\.5 { - padding-top: 0.875rem !important; + @media (min-width: 1024px) { + .lg\:container { + max-width: 1024px; + } } - .lg\:pr-3\.5 { - padding-right: 0.875rem !important; + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } } - .lg\:pb-3\.5 { - padding-bottom: 0.875rem !important; + @media (min-width: 1536px) { + .lg\:container { + max-width: 1536px; + } } - .lg\:pl-3\.5 { - padding-left: 0.875rem !important; + .lg\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0px * var(--space-y-reverse)) !important; } - .lg\:placeholder-transparent::placeholder { - color: transparent !important; + .lg\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0px * var(--space-x-reverse)) !important; + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-current::placeholder { - color: currentColor !important; + .lg\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + .lg\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + .lg\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + .lg\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + .lg\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + .lg\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + .lg\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + .lg\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + .lg\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + .lg\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + .lg\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + .lg\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + .lg\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + .lg\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + .lg\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + .lg\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + .lg\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + .lg\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + .lg\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + .lg\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + .lg\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + .lg\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(4rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + .lg\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(5rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + .lg\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(6rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + .lg\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(7rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + .lg\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + .lg\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(8rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + .lg\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(9rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + .lg\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + .lg\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(10rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + .lg\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(11rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + .lg\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + .lg\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(12rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + .lg\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(13rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + .lg\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + .lg\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(14rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + .lg\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(15rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + .lg\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + .lg\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(16rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + .lg\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(18rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + .lg\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + .lg\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(20rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + .lg\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + .lg\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(24rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + .lg\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + .lg\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1px * var(--space-y-reverse)) !important; } - .lg\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + .lg\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + .lg\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + .lg\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + .lg\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + .lg\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + .lg\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + .lg\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + .lg\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + .lg\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + .lg\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + .lg\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; } - .lg\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + .lg\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; + .lg\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + .lg\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + .lg\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + .lg\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + .lg\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + .lg\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + .lg\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + .lg\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + .lg\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + .lg\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + .lg\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + .lg\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + .lg\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + .lg\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + .lg\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + .lg\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + .lg\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + .lg\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + .lg\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + .lg\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + .lg\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + .lg\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + .lg\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + .lg\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + .lg\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + .lg\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + .lg\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + .lg\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + .lg\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + .lg\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + .lg\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + .lg\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + .lg\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + .lg\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + .lg\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + .lg\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1px * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + .lg\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + .lg\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + .lg\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + .lg\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; } - .lg\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + .lg\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; } - .lg\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + .lg\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; } - .lg\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + .lg\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; } - .lg\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + .lg\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; } - .lg\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + .lg\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; } - .lg\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:placeholder-transparent::placeholder { - color: transparent !important; - } - - .lg\:dark\:placeholder-current::placeholder { - color: currentColor !important; - } - - .lg\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } - - .lg\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } - - .lg\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; + } - .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } + .lg\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; + } - .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } + .lg\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; + } - .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } + .lg\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; } - .lg\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0 !important; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; } - .lg\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25 !important; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; } - .lg\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5 !important; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; } - .lg\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75 !important; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; } - .lg\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1 !important; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; } - .lg\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0 !important; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; } - .lg\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25 !important; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; } - .lg\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5 !important; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; } - .lg\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75 !important; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; } - .lg\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1 !important; + .lg\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; } - .lg\:pointer-events-none { - pointer-events: none !important; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; } - .lg\:pointer-events-auto { - pointer-events: auto !important; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; } - .lg\:static { - position: static !important; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; } - .lg\:fixed { - position: fixed !important; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; } - .lg\:absolute { - position: absolute !important; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; } - .lg\:relative { - position: relative !important; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; } - .lg\:sticky { - position: sticky !important; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; } - .lg\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; } - .lg\:inset-1 { - top: 0.25rem !important; - right: 0.25rem !important; - bottom: 0.25rem !important; - left: 0.25rem !important; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; } - .lg\:inset-2 { - top: 0.5rem !important; - right: 0.5rem !important; - bottom: 0.5rem !important; - left: 0.5rem !important; + .lg\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; } - .lg\:inset-3 { - top: 0.75rem !important; - right: 0.75rem !important; - bottom: 0.75rem !important; - left: 0.75rem !important; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; } - .lg\:inset-4 { - top: 1rem !important; - right: 1rem !important; - bottom: 1rem !important; - left: 1rem !important; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; } - .lg\:inset-5 { - top: 1.25rem !important; - right: 1.25rem !important; - bottom: 1.25rem !important; - left: 1.25rem !important; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; } - .lg\:inset-6 { - top: 1.5rem !important; - right: 1.5rem !important; - bottom: 1.5rem !important; - left: 1.5rem !important; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; } - .lg\:inset-7 { - top: 1.75rem !important; - right: 1.75rem !important; - bottom: 1.75rem !important; - left: 1.75rem !important; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; } - .lg\:inset-8 { - top: 2rem !important; - right: 2rem !important; - bottom: 2rem !important; - left: 2rem !important; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; } - .lg\:inset-9 { - top: 2.25rem !important; - right: 2.25rem !important; - bottom: 2.25rem !important; - left: 2.25rem !important; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; } - .lg\:inset-10 { - top: 2.5rem !important; - right: 2.5rem !important; - bottom: 2.5rem !important; - left: 2.5rem !important; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; } - .lg\:inset-12 { - top: 3rem !important; - right: 3rem !important; - bottom: 3rem !important; - left: 3rem !important; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; } - .lg\:inset-14 { - top: 3.5rem !important; - right: 3.5rem !important; - bottom: 3.5rem !important; - left: 3.5rem !important; + .lg\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; } - .lg\:inset-16 { - top: 4rem !important; - right: 4rem !important; - bottom: 4rem !important; - left: 4rem !important; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; } - .lg\:inset-20 { - top: 5rem !important; - right: 5rem !important; - bottom: 5rem !important; - left: 5rem !important; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; } - .lg\:inset-24 { - top: 6rem !important; - right: 6rem !important; - bottom: 6rem !important; - left: 6rem !important; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; } - .lg\:inset-28 { - top: 7rem !important; - right: 7rem !important; - bottom: 7rem !important; - left: 7rem !important; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; } - .lg\:inset-32 { - top: 8rem !important; - right: 8rem !important; - bottom: 8rem !important; - left: 8rem !important; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; } - .lg\:inset-36 { - top: 9rem !important; - right: 9rem !important; - bottom: 9rem !important; - left: 9rem !important; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; } - .lg\:inset-40 { - top: 10rem !important; - right: 10rem !important; - bottom: 10rem !important; - left: 10rem !important; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; } - .lg\:inset-44 { - top: 11rem !important; - right: 11rem !important; - bottom: 11rem !important; - left: 11rem !important; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; } - .lg\:inset-48 { - top: 12rem !important; - right: 12rem !important; - bottom: 12rem !important; - left: 12rem !important; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; } - .lg\:inset-52 { - top: 13rem !important; - right: 13rem !important; - bottom: 13rem !important; - left: 13rem !important; + .lg\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; } - .lg\:inset-56 { - top: 14rem !important; - right: 14rem !important; - bottom: 14rem !important; - left: 14rem !important; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; } - .lg\:inset-60 { - top: 15rem !important; - right: 15rem !important; - bottom: 15rem !important; - left: 15rem !important; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; } - .lg\:inset-64 { - top: 16rem !important; - right: 16rem !important; - bottom: 16rem !important; - left: 16rem !important; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; } - .lg\:inset-72 { - top: 18rem !important; - right: 18rem !important; - bottom: 18rem !important; - left: 18rem !important; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; } - .lg\:inset-80 { - top: 20rem !important; - right: 20rem !important; - bottom: 20rem !important; - left: 20rem !important; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; } - .lg\:inset-96 { - top: 24rem !important; - right: 24rem !important; - bottom: 24rem !important; - left: 24rem !important; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; } - .lg\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; } - .lg\:inset-px { - top: 1px !important; - right: 1px !important; - bottom: 1px !important; - left: 1px !important; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; } - .lg\:inset-0\.5 { - top: 0.125rem !important; - right: 0.125rem !important; - bottom: 0.125rem !important; - left: 0.125rem !important; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; } - .lg\:inset-1\.5 { - top: 0.375rem !important; - right: 0.375rem !important; - bottom: 0.375rem !important; - left: 0.375rem !important; + .lg\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; } - .lg\:inset-2\.5 { - top: 0.625rem !important; - right: 0.625rem !important; - bottom: 0.625rem !important; - left: 0.625rem !important; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; } - .lg\:inset-3\.5 { - top: 0.875rem !important; - right: 0.875rem !important; - bottom: 0.875rem !important; - left: 0.875rem !important; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; } - .lg\:-inset-1 { - top: -0.25rem !important; - right: -0.25rem !important; - bottom: -0.25rem !important; - left: -0.25rem !important; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; } - .lg\:-inset-2 { - top: -0.5rem !important; - right: -0.5rem !important; - bottom: -0.5rem !important; - left: -0.5rem !important; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; } - .lg\:-inset-3 { - top: -0.75rem !important; - right: -0.75rem !important; - bottom: -0.75rem !important; - left: -0.75rem !important; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; } - .lg\:-inset-4 { - top: -1rem !important; - right: -1rem !important; - bottom: -1rem !important; - left: -1rem !important; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; } - .lg\:-inset-5 { - top: -1.25rem !important; - right: -1.25rem !important; - bottom: -1.25rem !important; - left: -1.25rem !important; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; } - .lg\:-inset-6 { - top: -1.5rem !important; - right: -1.5rem !important; - bottom: -1.5rem !important; - left: -1.5rem !important; + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; } - .lg\:-inset-7 { - top: -1.75rem !important; - right: -1.75rem !important; - bottom: -1.75rem !important; - left: -1.75rem !important; + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; } - .lg\:-inset-8 { - top: -2rem !important; - right: -2rem !important; - bottom: -2rem !important; - left: -2rem !important; + .lg\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; } - .lg\:-inset-9 { - top: -2.25rem !important; - right: -2.25rem !important; - bottom: -2.25rem !important; - left: -2.25rem !important; + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; } - .lg\:-inset-10 { - top: -2.5rem !important; - right: -2.5rem !important; - bottom: -2.5rem !important; - left: -2.5rem !important; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; } - .lg\:-inset-12 { - top: -3rem !important; - right: -3rem !important; - bottom: -3rem !important; - left: -3rem !important; + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; } - .lg\:-inset-14 { - top: -3.5rem !important; - right: -3.5rem !important; - bottom: -3.5rem !important; - left: -3.5rem !important; + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; } - .lg\:-inset-16 { - top: -4rem !important; - right: -4rem !important; - bottom: -4rem !important; - left: -4rem !important; + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; } - .lg\:-inset-20 { - top: -5rem !important; - right: -5rem !important; - bottom: -5rem !important; - left: -5rem !important; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; } - .lg\:-inset-24 { - top: -6rem !important; - right: -6rem !important; - bottom: -6rem !important; - left: -6rem !important; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; } - .lg\:-inset-28 { - top: -7rem !important; - right: -7rem !important; - bottom: -7rem !important; - left: -7rem !important; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; } - .lg\:-inset-32 { - top: -8rem !important; - right: -8rem !important; - bottom: -8rem !important; - left: -8rem !important; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; } - .lg\:-inset-36 { - top: -9rem !important; - right: -9rem !important; - bottom: -9rem !important; - left: -9rem !important; + .lg\:divide-solid > :not(template) ~ :not(template) { + border-style: solid !important; } - .lg\:-inset-40 { - top: -10rem !important; - right: -10rem !important; - bottom: -10rem !important; - left: -10rem !important; + .lg\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed !important; } - .lg\:-inset-44 { - top: -11rem !important; - right: -11rem !important; - bottom: -11rem !important; - left: -11rem !important; + .lg\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted !important; } - .lg\:-inset-48 { - top: -12rem !important; - right: -12rem !important; - bottom: -12rem !important; - left: -12rem !important; + .lg\:divide-double > :not(template) ~ :not(template) { + border-style: double !important; } - .lg\:-inset-52 { - top: -13rem !important; - right: -13rem !important; - bottom: -13rem !important; - left: -13rem !important; + .lg\:divide-none > :not(template) ~ :not(template) { + border-style: none !important; } - .lg\:-inset-56 { - top: -14rem !important; - right: -14rem !important; - bottom: -14rem !important; - left: -14rem !important; + .lg\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .lg\:-inset-60 { - top: -15rem !important; - right: -15rem !important; - bottom: -15rem !important; - left: -15rem !important; + .lg\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .lg\:-inset-64 { - top: -16rem !important; - right: -16rem !important; - bottom: -16rem !important; - left: -16rem !important; + .lg\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .lg\:-inset-72 { - top: -18rem !important; - right: -18rem !important; - bottom: -18rem !important; - left: -18rem !important; + .lg\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .lg\:-inset-80 { - top: -20rem !important; - right: -20rem !important; - bottom: -20rem !important; - left: -20rem !important; + .lg\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } - .lg\:-inset-96 { - top: -24rem !important; - right: -24rem !important; - bottom: -24rem !important; - left: -24rem !important; + .lg\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .lg\:-inset-px { - top: -1px !important; - right: -1px !important; - bottom: -1px !important; - left: -1px !important; + .lg\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .lg\:-inset-0\.5 { - top: -0.125rem !important; - right: -0.125rem !important; - bottom: -0.125rem !important; - left: -0.125rem !important; + .lg\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .lg\:-inset-1\.5 { - top: -0.375rem !important; - right: -0.375rem !important; - bottom: -0.375rem !important; - left: -0.375rem !important; + .lg\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .lg\:-inset-2\.5 { - top: -0.625rem !important; - right: -0.625rem !important; - bottom: -0.625rem !important; - left: -0.625rem !important; + .lg\:appearance-none { + appearance: none !important; } - .lg\:-inset-3\.5 { - top: -0.875rem !important; - right: -0.875rem !important; - bottom: -0.875rem !important; - left: -0.875rem !important; + .lg\:bg-fixed { + background-attachment: fixed !important; } - .lg\:inset-1\/2 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; + .lg\:bg-local { + background-attachment: local !important; } - .lg\:inset-1\/3 { - top: 33.333333% !important; - right: 33.333333% !important; - bottom: 33.333333% !important; - left: 33.333333% !important; + .lg\:bg-scroll { + background-attachment: scroll !important; } - .lg\:inset-2\/3 { - top: 66.666667% !important; - right: 66.666667% !important; - bottom: 66.666667% !important; - left: 66.666667% !important; + .lg\:bg-clip-border { + background-clip: border-box !important; } - .lg\:inset-1\/4 { - top: 25% !important; - right: 25% !important; - bottom: 25% !important; - left: 25% !important; + .lg\:bg-clip-padding { + background-clip: padding-box !important; } - .lg\:inset-2\/4 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; + .lg\:bg-clip-content { + background-clip: content-box !important; } - .lg\:inset-3\/4 { - top: 75% !important; - right: 75% !important; - bottom: 75% !important; - left: 75% !important; + .lg\:bg-clip-text { + background-clip: text !important; } - .lg\:inset-full { - top: 100% !important; - right: 100% !important; - bottom: 100% !important; - left: 100% !important; + .lg\:bg-transparent { + background-color: transparent !important; } - .lg\:-inset-1\/2 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; + .lg\:bg-current { + background-color: currentColor !important; } - .lg\:-inset-1\/3 { - top: -33.333333% !important; - right: -33.333333% !important; - bottom: -33.333333% !important; - left: -33.333333% !important; + .lg\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .lg\:-inset-2\/3 { - top: -66.666667% !important; - right: -66.666667% !important; - bottom: -66.666667% !important; - left: -66.666667% !important; + .lg\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .lg\:-inset-1\/4 { - top: -25% !important; - right: -25% !important; - bottom: -25% !important; - left: -25% !important; + .lg\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .lg\:-inset-2\/4 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; + .lg\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .lg\:-inset-3\/4 { - top: -75% !important; - right: -75% !important; - bottom: -75% !important; - left: -75% !important; + .lg\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .lg\:-inset-full { - top: -100% !important; - right: -100% !important; - bottom: -100% !important; - left: -100% !important; + .lg\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .lg\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .lg\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .lg\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .lg\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .lg\:inset-y-1 { - top: 0.25rem !important; - bottom: 0.25rem !important; + .lg\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .lg\:inset-x-1 { - right: 0.25rem !important; - left: 0.25rem !important; + .lg\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .lg\:inset-y-2 { - top: 0.5rem !important; - bottom: 0.5rem !important; + .lg\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .lg\:inset-x-2 { - right: 0.5rem !important; - left: 0.5rem !important; + .lg\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .lg\:inset-y-3 { - top: 0.75rem !important; - bottom: 0.75rem !important; + .lg\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .lg\:inset-x-3 { - right: 0.75rem !important; - left: 0.75rem !important; + .lg\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .lg\:inset-y-4 { - top: 1rem !important; - bottom: 1rem !important; + .lg\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .lg\:inset-x-4 { - right: 1rem !important; - left: 1rem !important; + .lg\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .lg\:inset-y-5 { - top: 1.25rem !important; - bottom: 1.25rem !important; + .lg\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .lg\:inset-x-5 { - right: 1.25rem !important; - left: 1.25rem !important; + .lg\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .lg\:inset-y-6 { - top: 1.5rem !important; - bottom: 1.5rem !important; + .lg\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .lg\:inset-x-6 { - right: 1.5rem !important; - left: 1.5rem !important; + .lg\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .lg\:inset-y-7 { - top: 1.75rem !important; - bottom: 1.75rem !important; + .lg\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .lg\:inset-x-7 { - right: 1.75rem !important; - left: 1.75rem !important; + .lg\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .lg\:inset-y-8 { - top: 2rem !important; - bottom: 2rem !important; + .lg\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .lg\:inset-x-8 { - right: 2rem !important; - left: 2rem !important; + .lg\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .lg\:inset-y-9 { - top: 2.25rem !important; - bottom: 2.25rem !important; + .lg\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .lg\:inset-x-9 { - right: 2.25rem !important; - left: 2.25rem !important; + .lg\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .lg\:inset-y-10 { - top: 2.5rem !important; - bottom: 2.5rem !important; + .lg\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .lg\:inset-x-10 { - right: 2.5rem !important; - left: 2.5rem !important; + .lg\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .lg\:inset-y-12 { - top: 3rem !important; - bottom: 3rem !important; + .lg\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .lg\:inset-x-12 { - right: 3rem !important; - left: 3rem !important; + .lg\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .lg\:inset-y-14 { - top: 3.5rem !important; - bottom: 3.5rem !important; + .lg\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .lg\:inset-x-14 { - right: 3.5rem !important; - left: 3.5rem !important; + .lg\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .lg\:inset-y-16 { - top: 4rem !important; - bottom: 4rem !important; + .lg\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .lg\:inset-x-16 { - right: 4rem !important; - left: 4rem !important; + .lg\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .lg\:inset-y-20 { - top: 5rem !important; - bottom: 5rem !important; + .lg\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .lg\:inset-x-20 { - right: 5rem !important; - left: 5rem !important; + .lg\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .lg\:inset-y-24 { - top: 6rem !important; - bottom: 6rem !important; + .lg\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .lg\:inset-x-24 { - right: 6rem !important; - left: 6rem !important; + .lg\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .lg\:inset-y-28 { - top: 7rem !important; - bottom: 7rem !important; + .lg\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .lg\:inset-x-28 { - right: 7rem !important; - left: 7rem !important; + .lg\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .lg\:inset-y-32 { - top: 8rem !important; - bottom: 8rem !important; + .lg\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .lg\:inset-x-32 { - right: 8rem !important; - left: 8rem !important; + .lg\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .lg\:inset-y-36 { - top: 9rem !important; - bottom: 9rem !important; + .lg\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .lg\:inset-x-36 { - right: 9rem !important; - left: 9rem !important; + .lg\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .lg\:inset-y-40 { - top: 10rem !important; - bottom: 10rem !important; + .lg\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .lg\:inset-x-40 { - right: 10rem !important; - left: 10rem !important; + .lg\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .lg\:inset-y-44 { - top: 11rem !important; - bottom: 11rem !important; + .lg\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .lg\:inset-x-44 { - right: 11rem !important; - left: 11rem !important; + .lg\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .lg\:inset-y-48 { - top: 12rem !important; - bottom: 12rem !important; + .lg\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .lg\:inset-x-48 { - right: 12rem !important; - left: 12rem !important; + .lg\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .lg\:inset-y-52 { - top: 13rem !important; - bottom: 13rem !important; + .lg\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .lg\:inset-x-52 { - right: 13rem !important; - left: 13rem !important; + .lg\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .lg\:inset-y-56 { - top: 14rem !important; - bottom: 14rem !important; + .lg\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .lg\:inset-x-56 { - right: 14rem !important; - left: 14rem !important; + .lg\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .lg\:inset-y-60 { - top: 15rem !important; - bottom: 15rem !important; + .lg\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .lg\:inset-x-60 { - right: 15rem !important; - left: 15rem !important; + .lg\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .lg\:inset-y-64 { - top: 16rem !important; - bottom: 16rem !important; + .lg\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .lg\:inset-x-64 { - right: 16rem !important; - left: 16rem !important; + .lg\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .lg\:inset-y-72 { - top: 18rem !important; - bottom: 18rem !important; + .lg\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .lg\:inset-x-72 { - right: 18rem !important; - left: 18rem !important; + .lg\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .lg\:inset-y-80 { - top: 20rem !important; - bottom: 20rem !important; + .lg\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .lg\:inset-x-80 { - right: 20rem !important; - left: 20rem !important; + .lg\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .lg\:inset-y-96 { - top: 24rem !important; - bottom: 24rem !important; + .lg\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .lg\:inset-x-96 { - right: 24rem !important; - left: 24rem !important; + .lg\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .lg\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .lg\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .lg\:inset-x-auto { - right: auto !important; - left: auto !important; + .lg\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .lg\:inset-y-px { - top: 1px !important; - bottom: 1px !important; + .lg\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .lg\:inset-x-px { - right: 1px !important; - left: 1px !important; + .lg\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .lg\:inset-y-0\.5 { - top: 0.125rem !important; - bottom: 0.125rem !important; + .lg\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .lg\:inset-x-0\.5 { - right: 0.125rem !important; - left: 0.125rem !important; + .lg\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .lg\:inset-y-1\.5 { - top: 0.375rem !important; - bottom: 0.375rem !important; + .lg\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .lg\:inset-x-1\.5 { - right: 0.375rem !important; - left: 0.375rem !important; + .lg\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .lg\:inset-y-2\.5 { - top: 0.625rem !important; - bottom: 0.625rem !important; + .group:hover .lg\:group-hover\:bg-transparent { + background-color: transparent !important; } - .lg\:inset-x-2\.5 { - right: 0.625rem !important; - left: 0.625rem !important; + .group:hover .lg\:group-hover\:bg-current { + background-color: currentColor !important; } - .lg\:inset-y-3\.5 { - top: 0.875rem !important; - bottom: 0.875rem !important; + .group:hover .lg\:group-hover\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .lg\:inset-x-3\.5 { - right: 0.875rem !important; - left: 0.875rem !important; + .group:hover .lg\:group-hover\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .lg\:-inset-y-1 { - top: -0.25rem !important; - bottom: -0.25rem !important; + .group:hover .lg\:group-hover\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .lg\:-inset-x-1 { - right: -0.25rem !important; - left: -0.25rem !important; + .group:hover .lg\:group-hover\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + } + + .group:hover .lg\:group-hover\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .lg\:-inset-y-2 { - top: -0.5rem !important; - bottom: -0.5rem !important; + .group:hover .lg\:group-hover\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .lg\:-inset-x-2 { - right: -0.5rem !important; - left: -0.5rem !important; + .group:hover .lg\:group-hover\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .lg\:-inset-y-3 { - top: -0.75rem !important; - bottom: -0.75rem !important; + .group:hover .lg\:group-hover\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .lg\:-inset-x-3 { - right: -0.75rem !important; - left: -0.75rem !important; + .group:hover .lg\:group-hover\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .lg\:-inset-y-4 { - top: -1rem !important; - bottom: -1rem !important; + .group:hover .lg\:group-hover\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .lg\:-inset-x-4 { - right: -1rem !important; - left: -1rem !important; + .group:hover .lg\:group-hover\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .lg\:-inset-y-5 { - top: -1.25rem !important; - bottom: -1.25rem !important; + .group:hover .lg\:group-hover\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .lg\:-inset-x-5 { - right: -1.25rem !important; - left: -1.25rem !important; + .group:hover .lg\:group-hover\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .lg\:-inset-y-6 { - top: -1.5rem !important; - bottom: -1.5rem !important; + .group:hover .lg\:group-hover\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .lg\:-inset-x-6 { - right: -1.5rem !important; - left: -1.5rem !important; + .group:hover .lg\:group-hover\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .lg\:-inset-y-7 { - top: -1.75rem !important; - bottom: -1.75rem !important; + .group:hover .lg\:group-hover\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .lg\:-inset-x-7 { - right: -1.75rem !important; - left: -1.75rem !important; + .group:hover .lg\:group-hover\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .lg\:-inset-y-8 { - top: -2rem !important; - bottom: -2rem !important; + .group:hover .lg\:group-hover\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .lg\:-inset-x-8 { - right: -2rem !important; - left: -2rem !important; + .group:hover .lg\:group-hover\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .lg\:-inset-y-9 { - top: -2.25rem !important; - bottom: -2.25rem !important; + .group:hover .lg\:group-hover\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .lg\:-inset-x-9 { - right: -2.25rem !important; - left: -2.25rem !important; + .group:hover .lg\:group-hover\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .lg\:-inset-y-10 { - top: -2.5rem !important; - bottom: -2.5rem !important; + .group:hover .lg\:group-hover\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .lg\:-inset-x-10 { - right: -2.5rem !important; - left: -2.5rem !important; + .group:hover .lg\:group-hover\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .lg\:-inset-y-12 { - top: -3rem !important; - bottom: -3rem !important; + .group:hover .lg\:group-hover\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .lg\:-inset-x-12 { - right: -3rem !important; - left: -3rem !important; + .group:hover .lg\:group-hover\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .lg\:-inset-y-14 { - top: -3.5rem !important; - bottom: -3.5rem !important; + .group:hover .lg\:group-hover\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .lg\:-inset-x-14 { - right: -3.5rem !important; - left: -3.5rem !important; + .group:hover .lg\:group-hover\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .lg\:-inset-y-16 { - top: -4rem !important; - bottom: -4rem !important; + .group:hover .lg\:group-hover\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .lg\:-inset-x-16 { - right: -4rem !important; - left: -4rem !important; + .group:hover .lg\:group-hover\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .lg\:-inset-y-20 { - top: -5rem !important; - bottom: -5rem !important; + .group:hover .lg\:group-hover\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .lg\:-inset-x-20 { - right: -5rem !important; - left: -5rem !important; + .group:hover .lg\:group-hover\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .lg\:-inset-y-24 { - top: -6rem !important; - bottom: -6rem !important; + .group:hover .lg\:group-hover\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .lg\:-inset-x-24 { - right: -6rem !important; - left: -6rem !important; + .group:hover .lg\:group-hover\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .lg\:-inset-y-28 { - top: -7rem !important; - bottom: -7rem !important; + .group:hover .lg\:group-hover\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .lg\:-inset-x-28 { - right: -7rem !important; - left: -7rem !important; + .group:hover .lg\:group-hover\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .lg\:-inset-y-32 { - top: -8rem !important; - bottom: -8rem !important; + .group:hover .lg\:group-hover\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .lg\:-inset-x-32 { - right: -8rem !important; - left: -8rem !important; + .group:hover .lg\:group-hover\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .lg\:-inset-y-36 { - top: -9rem !important; - bottom: -9rem !important; + .group:hover .lg\:group-hover\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .lg\:-inset-x-36 { - right: -9rem !important; - left: -9rem !important; + .group:hover .lg\:group-hover\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .lg\:-inset-y-40 { - top: -10rem !important; - bottom: -10rem !important; + .group:hover .lg\:group-hover\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .lg\:-inset-x-40 { - right: -10rem !important; - left: -10rem !important; + .group:hover .lg\:group-hover\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .lg\:-inset-y-44 { - top: -11rem !important; - bottom: -11rem !important; + .group:hover .lg\:group-hover\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .lg\:-inset-x-44 { - right: -11rem !important; - left: -11rem !important; + .group:hover .lg\:group-hover\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .lg\:-inset-y-48 { - top: -12rem !important; - bottom: -12rem !important; + .group:hover .lg\:group-hover\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .lg\:-inset-x-48 { - right: -12rem !important; - left: -12rem !important; + .group:hover .lg\:group-hover\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .lg\:-inset-y-52 { - top: -13rem !important; - bottom: -13rem !important; + .group:hover .lg\:group-hover\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .lg\:-inset-x-52 { - right: -13rem !important; - left: -13rem !important; + .group:hover .lg\:group-hover\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .lg\:-inset-y-56 { - top: -14rem !important; - bottom: -14rem !important; + .group:hover .lg\:group-hover\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .lg\:-inset-x-56 { - right: -14rem !important; - left: -14rem !important; + .group:hover .lg\:group-hover\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .lg\:-inset-y-60 { - top: -15rem !important; - bottom: -15rem !important; + .group:hover .lg\:group-hover\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .lg\:-inset-x-60 { - right: -15rem !important; - left: -15rem !important; + .group:hover .lg\:group-hover\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .lg\:-inset-y-64 { - top: -16rem !important; - bottom: -16rem !important; + .group:hover .lg\:group-hover\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .lg\:-inset-x-64 { - right: -16rem !important; - left: -16rem !important; + .group:hover .lg\:group-hover\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .lg\:-inset-y-72 { - top: -18rem !important; - bottom: -18rem !important; + .group:hover .lg\:group-hover\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .lg\:-inset-x-72 { - right: -18rem !important; - left: -18rem !important; + .group:hover .lg\:group-hover\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .lg\:-inset-y-80 { - top: -20rem !important; - bottom: -20rem !important; + .group:hover .lg\:group-hover\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .lg\:-inset-x-80 { - right: -20rem !important; - left: -20rem !important; + .group:hover .lg\:group-hover\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .lg\:-inset-y-96 { - top: -24rem !important; - bottom: -24rem !important; + .group:hover .lg\:group-hover\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .lg\:-inset-x-96 { - right: -24rem !important; - left: -24rem !important; + .group:hover .lg\:group-hover\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .lg\:-inset-y-px { - top: -1px !important; - bottom: -1px !important; + .group:hover .lg\:group-hover\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .lg\:-inset-x-px { - right: -1px !important; - left: -1px !important; + .group:hover .lg\:group-hover\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .lg\:-inset-y-0\.5 { - top: -0.125rem !important; - bottom: -0.125rem !important; + .group:hover .lg\:group-hover\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .lg\:-inset-x-0\.5 { - right: -0.125rem !important; - left: -0.125rem !important; + .group:hover .lg\:group-hover\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .lg\:-inset-y-1\.5 { - top: -0.375rem !important; - bottom: -0.375rem !important; + .group:hover .lg\:group-hover\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .lg\:-inset-x-1\.5 { - right: -0.375rem !important; - left: -0.375rem !important; + .group:hover .lg\:group-hover\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .lg\:-inset-y-2\.5 { - top: -0.625rem !important; - bottom: -0.625rem !important; + .group:hover .lg\:group-hover\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .lg\:-inset-x-2\.5 { - right: -0.625rem !important; - left: -0.625rem !important; + .group:hover .lg\:group-hover\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .lg\:-inset-y-3\.5 { - top: -0.875rem !important; - bottom: -0.875rem !important; + .group:hover .lg\:group-hover\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .lg\:-inset-x-3\.5 { - right: -0.875rem !important; - left: -0.875rem !important; + .group:hover .lg\:group-hover\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .lg\:inset-y-1\/2 { - top: 50% !important; - bottom: 50% !important; + .group:hover .lg\:group-hover\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .lg\:inset-x-1\/2 { - right: 50% !important; - left: 50% !important; + .group:hover .lg\:group-hover\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .lg\:inset-y-1\/3 { - top: 33.333333% !important; - bottom: 33.333333% !important; + .group:hover .lg\:group-hover\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .lg\:inset-x-1\/3 { - right: 33.333333% !important; - left: 33.333333% !important; + .lg\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .lg\:inset-y-2\/3 { - top: 66.666667% !important; - bottom: 66.666667% !important; + .lg\:hover\:bg-current:hover { + background-color: currentColor !important; } - .lg\:inset-x-2\/3 { - right: 66.666667% !important; - left: 66.666667% !important; + .lg\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .lg\:inset-y-1\/4 { - top: 25% !important; - bottom: 25% !important; + .lg\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .lg\:inset-x-1\/4 { - right: 25% !important; - left: 25% !important; + .lg\:hover\:bg-gray-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .lg\:inset-y-2\/4 { - top: 50% !important; - bottom: 50% !important; + .lg\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .lg\:inset-x-2\/4 { - right: 50% !important; - left: 50% !important; + .lg\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .lg\:inset-y-3\/4 { - top: 75% !important; - bottom: 75% !important; + .lg\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .lg\:inset-x-3\/4 { - right: 75% !important; - left: 75% !important; + .lg\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .lg\:inset-y-full { - top: 100% !important; - bottom: 100% !important; + .lg\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .lg\:inset-x-full { - right: 100% !important; - left: 100% !important; + .lg\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .lg\:-inset-y-1\/2 { - top: -50% !important; - bottom: -50% !important; + .lg\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .lg\:-inset-x-1\/2 { - right: -50% !important; - left: -50% !important; + .lg\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .lg\:-inset-y-1\/3 { - top: -33.333333% !important; - bottom: -33.333333% !important; + .lg\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .lg\:-inset-x-1\/3 { - right: -33.333333% !important; - left: -33.333333% !important; + .lg\:hover\:bg-red-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .lg\:-inset-y-2\/3 { - top: -66.666667% !important; - bottom: -66.666667% !important; + .lg\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .lg\:-inset-x-2\/3 { - right: -66.666667% !important; - left: -66.666667% !important; + .lg\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .lg\:-inset-y-1\/4 { - top: -25% !important; - bottom: -25% !important; + .lg\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .lg\:-inset-x-1\/4 { - right: -25% !important; - left: -25% !important; + .lg\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .lg\:-inset-y-2\/4 { - top: -50% !important; - bottom: -50% !important; + .lg\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .lg\:-inset-x-2\/4 { - right: -50% !important; - left: -50% !important; + .lg\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .lg\:-inset-y-3\/4 { - top: -75% !important; - bottom: -75% !important; + .lg\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .lg\:-inset-x-3\/4 { - right: -75% !important; - left: -75% !important; + .lg\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .lg\:-inset-y-full { - top: -100% !important; - bottom: -100% !important; + .lg\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .lg\:-inset-x-full { - right: -100% !important; - left: -100% !important; + .lg\:hover\:bg-yellow-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .lg\:top-0 { - top: 0 !important; + .lg\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .lg\:right-0 { - right: 0 !important; + .lg\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .lg\:bottom-0 { - bottom: 0 !important; + .lg\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .lg\:left-0 { - left: 0 !important; + .lg\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .lg\:top-1 { - top: 0.25rem !important; + .lg\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .lg\:right-1 { - right: 0.25rem !important; + .lg\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .lg\:bottom-1 { - bottom: 0.25rem !important; + .lg\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .lg\:left-1 { - left: 0.25rem !important; + .lg\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .lg\:top-2 { - top: 0.5rem !important; + .lg\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .lg\:right-2 { - right: 0.5rem !important; + .lg\:hover\:bg-green-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .lg\:bottom-2 { - bottom: 0.5rem !important; + .lg\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .lg\:left-2 { - left: 0.5rem !important; + .lg\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .lg\:top-3 { - top: 0.75rem !important; + .lg\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .lg\:right-3 { - right: 0.75rem !important; + .lg\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .lg\:bottom-3 { - bottom: 0.75rem !important; + .lg\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .lg\:left-3 { - left: 0.75rem !important; + .lg\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .lg\:top-4 { - top: 1rem !important; + .lg\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .lg\:right-4 { - right: 1rem !important; + .lg\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .lg\:bottom-4 { - bottom: 1rem !important; + .lg\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .lg\:left-4 { - left: 1rem !important; + .lg\:hover\:bg-blue-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .lg\:top-5 { - top: 1.25rem !important; + .lg\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .lg\:right-5 { - right: 1.25rem !important; + .lg\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .lg\:bottom-5 { - bottom: 1.25rem !important; + .lg\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .lg\:left-5 { - left: 1.25rem !important; + .lg\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .lg\:top-6 { - top: 1.5rem !important; + .lg\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .lg\:right-6 { - right: 1.5rem !important; + .lg\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .lg\:bottom-6 { - bottom: 1.5rem !important; + .lg\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .lg\:left-6 { - left: 1.5rem !important; + .lg\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .lg\:top-7 { - top: 1.75rem !important; + .lg\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .lg\:right-7 { - right: 1.75rem !important; + .lg\:hover\:bg-purple-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .lg\:bottom-7 { - bottom: 1.75rem !important; + .lg\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .lg\:left-7 { - left: 1.75rem !important; + .lg\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .lg\:top-8 { - top: 2rem !important; + .lg\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .lg\:right-8 { - right: 2rem !important; + .lg\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .lg\:bottom-8 { - bottom: 2rem !important; + .lg\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .lg\:left-8 { - left: 2rem !important; + .lg\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .lg\:top-9 { - top: 2.25rem !important; + .lg\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .lg\:right-9 { - right: 2.25rem !important; + .lg\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .lg\:bottom-9 { - bottom: 2.25rem !important; + .lg\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .lg\:left-9 { - left: 2.25rem !important; + .lg\:hover\:bg-pink-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .lg\:top-10 { - top: 2.5rem !important; + .lg\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .lg\:right-10 { - right: 2.5rem !important; + .lg\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .lg\:bottom-10 { - bottom: 2.5rem !important; + .lg\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .lg\:left-10 { - left: 2.5rem !important; + .lg\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .lg\:top-12 { - top: 3rem !important; + .lg\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .lg\:right-12 { - right: 3rem !important; + .lg\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .lg\:bottom-12 { - bottom: 3rem !important; + .lg\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .lg\:left-12 { - left: 3rem !important; + .lg\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .lg\:top-14 { - top: 3.5rem !important; + .lg\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .lg\:right-14 { - right: 3.5rem !important; + .lg\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .lg\:bottom-14 { - bottom: 3.5rem !important; + .lg\:focus\:bg-current:focus { + background-color: currentColor !important; } - .lg\:left-14 { - left: 3.5rem !important; + .lg\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .lg\:top-16 { - top: 4rem !important; + .lg\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .lg\:right-16 { - right: 4rem !important; + .lg\:focus\:bg-gray-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .lg\:bottom-16 { - bottom: 4rem !important; + .lg\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .lg\:left-16 { - left: 4rem !important; + .lg\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .lg\:top-20 { - top: 5rem !important; + .lg\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .lg\:right-20 { - right: 5rem !important; + .lg\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .lg\:bottom-20 { - bottom: 5rem !important; + .lg\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .lg\:left-20 { - left: 5rem !important; + .lg\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .lg\:top-24 { - top: 6rem !important; + .lg\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .lg\:right-24 { - right: 6rem !important; + .lg\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .lg\:bottom-24 { - bottom: 6rem !important; + .lg\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .lg\:left-24 { - left: 6rem !important; + .lg\:focus\:bg-red-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .lg\:top-28 { - top: 7rem !important; + .lg\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .lg\:right-28 { - right: 7rem !important; + .lg\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .lg\:bottom-28 { - bottom: 7rem !important; + .lg\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .lg\:left-28 { - left: 7rem !important; + .lg\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .lg\:top-32 { - top: 8rem !important; + .lg\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .lg\:right-32 { - right: 8rem !important; + .lg\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .lg\:bottom-32 { - bottom: 8rem !important; + .lg\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .lg\:left-32 { - left: 8rem !important; + .lg\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .lg\:top-36 { - top: 9rem !important; + .lg\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .lg\:right-36 { - right: 9rem !important; + .lg\:focus\:bg-yellow-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .lg\:bottom-36 { - bottom: 9rem !important; + .lg\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .lg\:left-36 { - left: 9rem !important; + .lg\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .lg\:top-40 { - top: 10rem !important; + .lg\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .lg\:right-40 { - right: 10rem !important; + .lg\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .lg\:bottom-40 { - bottom: 10rem !important; + .lg\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .lg\:left-40 { - left: 10rem !important; + .lg\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .lg\:top-44 { - top: 11rem !important; + .lg\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .lg\:right-44 { - right: 11rem !important; + .lg\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .lg\:bottom-44 { - bottom: 11rem !important; + .lg\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .lg\:left-44 { - left: 11rem !important; + .lg\:focus\:bg-green-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .lg\:top-48 { - top: 12rem !important; + .lg\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .lg\:right-48 { - right: 12rem !important; + .lg\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .lg\:bottom-48 { - bottom: 12rem !important; + .lg\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .lg\:left-48 { - left: 12rem !important; + .lg\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .lg\:top-52 { - top: 13rem !important; + .lg\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .lg\:right-52 { - right: 13rem !important; + .lg\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .lg\:bottom-52 { - bottom: 13rem !important; + .lg\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .lg\:left-52 { - left: 13rem !important; + .lg\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .lg\:top-56 { - top: 14rem !important; + .lg\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .lg\:right-56 { - right: 14rem !important; + .lg\:focus\:bg-blue-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .lg\:bottom-56 { - bottom: 14rem !important; + .lg\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .lg\:left-56 { - left: 14rem !important; + .lg\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .lg\:top-60 { - top: 15rem !important; + .lg\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .lg\:right-60 { - right: 15rem !important; + .lg\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .lg\:bottom-60 { - bottom: 15rem !important; + .lg\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .lg\:left-60 { - left: 15rem !important; + .lg\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .lg\:top-64 { - top: 16rem !important; + .lg\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .lg\:right-64 { - right: 16rem !important; + .lg\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .lg\:bottom-64 { - bottom: 16rem !important; + .lg\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .lg\:left-64 { - left: 16rem !important; + .lg\:focus\:bg-purple-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .lg\:top-72 { - top: 18rem !important; + .lg\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .lg\:right-72 { - right: 18rem !important; + .lg\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .lg\:bottom-72 { - bottom: 18rem !important; + .lg\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .lg\:left-72 { - left: 18rem !important; + .lg\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .lg\:top-80 { - top: 20rem !important; + .lg\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .lg\:right-80 { - right: 20rem !important; + .lg\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .lg\:bottom-80 { - bottom: 20rem !important; + .lg\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .lg\:left-80 { - left: 20rem !important; + .lg\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .lg\:top-96 { - top: 24rem !important; + .lg\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .lg\:right-96 { - right: 24rem !important; + .lg\:focus\:bg-pink-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .lg\:bottom-96 { - bottom: 24rem !important; + .lg\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .lg\:left-96 { - left: 24rem !important; + .lg\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .lg\:top-auto { - top: auto !important; + .lg\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .lg\:right-auto { - right: auto !important; + .lg\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .lg\:bottom-auto { - bottom: auto !important; + .lg\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .lg\:left-auto { - left: auto !important; + .lg\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .lg\:top-px { - top: 1px !important; + .lg\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .lg\:right-px { - right: 1px !important; + .lg\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .lg\:bottom-px { - bottom: 1px !important; + .lg\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .lg\:left-px { - left: 1px !important; + .lg\:bg-none { + background-image: none !important; } - .lg\:top-0\.5 { - top: 0.125rem !important; + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; } - .lg\:right-0\.5 { - right: 0.125rem !important; + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; } - .lg\:bottom-0\.5 { - bottom: 0.125rem !important; + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; } - .lg\:left-0\.5 { - left: 0.125rem !important; + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; } - .lg\:top-1\.5 { - top: 0.375rem !important; + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; } - .lg\:right-1\.5 { - right: 0.375rem !important; + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; } - .lg\:bottom-1\.5 { - bottom: 0.375rem !important; + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; } - .lg\:left-1\.5 { - left: 0.375rem !important; + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; } - .lg\:top-2\.5 { - top: 0.625rem !important; + .lg\:from-transparent { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:right-2\.5 { - right: 0.625rem !important; + .lg\:from-current { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:bottom-2\.5 { - bottom: 0.625rem !important; + .lg\:from-black { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:left-2\.5 { - left: 0.625rem !important; + .lg\:from-white { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:top-3\.5 { - top: 0.875rem !important; + .lg\:from-gray-50 { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:right-3\.5 { - right: 0.875rem !important; + .lg\:from-gray-100 { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:bottom-3\.5 { - bottom: 0.875rem !important; + .lg\:from-gray-200 { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:left-3\.5 { - left: 0.875rem !important; + .lg\:from-gray-300 { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:-top-1 { - top: -0.25rem !important; + .lg\:from-gray-400 { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:-right-1 { - right: -0.25rem !important; + .lg\:from-gray-500 { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:-bottom-1 { - bottom: -0.25rem !important; + .lg\:from-gray-600 { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:-left-1 { - left: -0.25rem !important; + .lg\:from-gray-700 { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:-top-2 { - top: -0.5rem !important; + .lg\:from-gray-800 { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:-right-2 { - right: -0.5rem !important; + .lg\:from-gray-900 { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:-bottom-2 { - bottom: -0.5rem !important; + .lg\:from-red-50 { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:-left-2 { - left: -0.5rem !important; + .lg\:from-red-100 { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:-top-3 { - top: -0.75rem !important; + .lg\:from-red-200 { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:-right-3 { - right: -0.75rem !important; + .lg\:from-red-300 { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:-bottom-3 { - bottom: -0.75rem !important; + .lg\:from-red-400 { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .lg\:-left-3 { - left: -0.75rem !important; + .lg\:from-red-500 { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .lg\:-top-4 { - top: -1rem !important; + .lg\:from-red-600 { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .lg\:-right-4 { - right: -1rem !important; + .lg\:from-red-700 { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .lg\:-bottom-4 { - bottom: -1rem !important; + .lg\:from-red-800 { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .lg\:-left-4 { - left: -1rem !important; + .lg\:from-red-900 { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .lg\:-top-5 { - top: -1.25rem !important; + .lg\:from-yellow-50 { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .lg\:-right-5 { - right: -1.25rem !important; + .lg\:from-yellow-100 { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .lg\:-bottom-5 { - bottom: -1.25rem !important; + .lg\:from-yellow-200 { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .lg\:-left-5 { - left: -1.25rem !important; + .lg\:from-yellow-300 { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .lg\:-top-6 { - top: -1.5rem !important; + .lg\:from-yellow-400 { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .lg\:-right-6 { - right: -1.5rem !important; + .lg\:from-yellow-500 { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .lg\:-bottom-6 { - bottom: -1.5rem !important; + .lg\:from-yellow-600 { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .lg\:-left-6 { - left: -1.5rem !important; + .lg\:from-yellow-700 { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .lg\:-top-7 { - top: -1.75rem !important; + .lg\:from-yellow-800 { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .lg\:-right-7 { - right: -1.75rem !important; + .lg\:from-yellow-900 { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .lg\:-bottom-7 { - bottom: -1.75rem !important; + .lg\:from-green-50 { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .lg\:-left-7 { - left: -1.75rem !important; + .lg\:from-green-100 { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .lg\:-top-8 { - top: -2rem !important; + .lg\:from-green-200 { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .lg\:-right-8 { - right: -2rem !important; + .lg\:from-green-300 { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .lg\:-bottom-8 { - bottom: -2rem !important; + .lg\:from-green-400 { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .lg\:-left-8 { - left: -2rem !important; + .lg\:from-green-500 { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .lg\:-top-9 { - top: -2.25rem !important; + .lg\:from-green-600 { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .lg\:-right-9 { - right: -2.25rem !important; + .lg\:from-green-700 { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .lg\:-bottom-9 { - bottom: -2.25rem !important; + .lg\:from-green-800 { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .lg\:-left-9 { - left: -2.25rem !important; + .lg\:from-green-900 { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .lg\:-top-10 { - top: -2.5rem !important; + .lg\:from-blue-50 { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .lg\:-right-10 { - right: -2.5rem !important; + .lg\:from-blue-100 { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .lg\:-bottom-10 { - bottom: -2.5rem !important; + .lg\:from-blue-200 { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .lg\:-left-10 { - left: -2.5rem !important; + .lg\:from-blue-300 { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .lg\:-top-12 { - top: -3rem !important; + .lg\:from-blue-400 { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .lg\:-right-12 { - right: -3rem !important; + .lg\:from-blue-500 { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .lg\:-bottom-12 { - bottom: -3rem !important; + .lg\:from-blue-600 { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .lg\:-left-12 { - left: -3rem !important; + .lg\:from-blue-700 { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .lg\:-top-14 { - top: -3.5rem !important; + .lg\:from-blue-800 { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .lg\:-right-14 { - right: -3.5rem !important; + .lg\:from-blue-900 { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .lg\:-bottom-14 { - bottom: -3.5rem !important; + .lg\:from-purple-50 { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .lg\:-left-14 { - left: -3.5rem !important; + .lg\:from-purple-100 { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .lg\:-top-16 { - top: -4rem !important; + .lg\:from-purple-200 { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .lg\:-right-16 { - right: -4rem !important; + .lg\:from-purple-300 { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .lg\:-bottom-16 { - bottom: -4rem !important; + .lg\:from-purple-400 { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .lg\:-left-16 { - left: -4rem !important; + .lg\:from-purple-500 { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .lg\:-top-20 { - top: -5rem !important; + .lg\:from-purple-600 { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .lg\:-right-20 { - right: -5rem !important; + .lg\:from-purple-700 { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .lg\:-bottom-20 { - bottom: -5rem !important; + .lg\:from-purple-800 { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .lg\:-left-20 { - left: -5rem !important; + .lg\:from-purple-900 { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .lg\:-top-24 { - top: -6rem !important; + .lg\:from-pink-50 { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .lg\:-right-24 { - right: -6rem !important; + .lg\:from-pink-100 { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .lg\:-bottom-24 { - bottom: -6rem !important; + .lg\:from-pink-200 { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .lg\:-left-24 { - left: -6rem !important; + .lg\:from-pink-300 { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .lg\:-top-28 { - top: -7rem !important; + .lg\:from-pink-400 { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .lg\:-right-28 { - right: -7rem !important; + .lg\:from-pink-500 { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .lg\:-bottom-28 { - bottom: -7rem !important; + .lg\:from-pink-600 { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .lg\:-left-28 { - left: -7rem !important; + .lg\:from-pink-700 { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .lg\:-top-32 { - top: -8rem !important; + .lg\:from-pink-800 { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .lg\:-right-32 { - right: -8rem !important; + .lg\:from-pink-900 { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .lg\:-bottom-32 { - bottom: -8rem !important; + .lg\:via-transparent { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:-left-32 { - left: -8rem !important; + .lg\:via-current { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:-top-36 { - top: -9rem !important; + .lg\:via-black { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:-right-36 { - right: -9rem !important; + .lg\:via-white { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:-bottom-36 { - bottom: -9rem !important; + .lg\:via-gray-50 { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:-left-36 { - left: -9rem !important; + .lg\:via-gray-100 { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:-top-40 { - top: -10rem !important; + .lg\:via-gray-200 { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:-right-40 { - right: -10rem !important; + .lg\:via-gray-300 { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:-bottom-40 { - bottom: -10rem !important; + .lg\:via-gray-400 { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:-left-40 { - left: -10rem !important; + .lg\:via-gray-500 { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:-top-44 { - top: -11rem !important; + .lg\:via-gray-600 { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:-right-44 { - right: -11rem !important; + .lg\:via-gray-700 { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:-bottom-44 { - bottom: -11rem !important; + .lg\:via-gray-800 { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:-left-44 { - left: -11rem !important; + .lg\:via-gray-900 { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:-top-48 { - top: -12rem !important; + .lg\:via-red-50 { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:-right-48 { - right: -12rem !important; + .lg\:via-red-100 { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:-bottom-48 { - bottom: -12rem !important; + .lg\:via-red-200 { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:-left-48 { - left: -12rem !important; + .lg\:via-red-300 { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:-top-52 { - top: -13rem !important; + .lg\:via-red-400 { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .lg\:-right-52 { - right: -13rem !important; + .lg\:via-red-500 { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .lg\:-bottom-52 { - bottom: -13rem !important; + .lg\:via-red-600 { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .lg\:-left-52 { - left: -13rem !important; + .lg\:via-red-700 { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .lg\:-top-56 { - top: -14rem !important; + .lg\:via-red-800 { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .lg\:-right-56 { - right: -14rem !important; + .lg\:via-red-900 { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .lg\:-bottom-56 { - bottom: -14rem !important; + .lg\:via-yellow-50 { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .lg\:-left-56 { - left: -14rem !important; + .lg\:via-yellow-100 { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .lg\:-top-60 { - top: -15rem !important; + .lg\:via-yellow-200 { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .lg\:-right-60 { - right: -15rem !important; + .lg\:via-yellow-300 { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .lg\:-bottom-60 { - bottom: -15rem !important; + .lg\:via-yellow-400 { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .lg\:-left-60 { - left: -15rem !important; + .lg\:via-yellow-500 { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .lg\:-top-64 { - top: -16rem !important; + .lg\:via-yellow-600 { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .lg\:-right-64 { - right: -16rem !important; + .lg\:via-yellow-700 { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .lg\:-bottom-64 { - bottom: -16rem !important; + .lg\:via-yellow-800 { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .lg\:-left-64 { - left: -16rem !important; + .lg\:via-yellow-900 { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .lg\:-top-72 { - top: -18rem !important; + .lg\:via-green-50 { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .lg\:-right-72 { - right: -18rem !important; + .lg\:via-green-100 { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .lg\:-bottom-72 { - bottom: -18rem !important; + .lg\:via-green-200 { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .lg\:-left-72 { - left: -18rem !important; + .lg\:via-green-300 { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .lg\:-top-80 { - top: -20rem !important; + .lg\:via-green-400 { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .lg\:-right-80 { - right: -20rem !important; + .lg\:via-green-500 { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .lg\:-bottom-80 { - bottom: -20rem !important; + .lg\:via-green-600 { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .lg\:-left-80 { - left: -20rem !important; + .lg\:via-green-700 { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .lg\:-top-96 { - top: -24rem !important; + .lg\:via-green-800 { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .lg\:-right-96 { - right: -24rem !important; + .lg\:via-green-900 { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .lg\:-bottom-96 { - bottom: -24rem !important; + .lg\:via-blue-50 { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .lg\:-left-96 { - left: -24rem !important; + .lg\:via-blue-100 { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .lg\:-top-px { - top: -1px !important; + .lg\:via-blue-200 { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .lg\:-right-px { - right: -1px !important; + .lg\:via-blue-300 { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .lg\:-bottom-px { - bottom: -1px !important; + .lg\:via-blue-400 { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .lg\:-left-px { - left: -1px !important; + .lg\:via-blue-500 { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .lg\:-top-0\.5 { - top: -0.125rem !important; + .lg\:via-blue-600 { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .lg\:-right-0\.5 { - right: -0.125rem !important; + .lg\:via-blue-700 { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .lg\:-bottom-0\.5 { - bottom: -0.125rem !important; + .lg\:via-blue-800 { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .lg\:-left-0\.5 { - left: -0.125rem !important; + .lg\:via-blue-900 { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .lg\:-top-1\.5 { - top: -0.375rem !important; + .lg\:via-purple-50 { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .lg\:-right-1\.5 { - right: -0.375rem !important; + .lg\:via-purple-100 { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .lg\:-bottom-1\.5 { - bottom: -0.375rem !important; + .lg\:via-purple-200 { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .lg\:-left-1\.5 { - left: -0.375rem !important; + .lg\:via-purple-300 { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .lg\:-top-2\.5 { - top: -0.625rem !important; + .lg\:via-purple-400 { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .lg\:-right-2\.5 { - right: -0.625rem !important; + .lg\:via-purple-500 { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .lg\:-bottom-2\.5 { - bottom: -0.625rem !important; + .lg\:via-purple-600 { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .lg\:-left-2\.5 { - left: -0.625rem !important; + .lg\:via-purple-700 { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .lg\:-top-3\.5 { - top: -0.875rem !important; + .lg\:via-purple-800 { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .lg\:-right-3\.5 { - right: -0.875rem !important; + .lg\:via-purple-900 { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .lg\:-bottom-3\.5 { - bottom: -0.875rem !important; + .lg\:via-pink-50 { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .lg\:-left-3\.5 { - left: -0.875rem !important; + .lg\:via-pink-100 { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .lg\:top-1\/2 { - top: 50% !important; + .lg\:via-pink-200 { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .lg\:right-1\/2 { - right: 50% !important; + .lg\:via-pink-300 { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .lg\:bottom-1\/2 { - bottom: 50% !important; + .lg\:via-pink-400 { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .lg\:left-1\/2 { - left: 50% !important; + .lg\:via-pink-500 { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .lg\:top-1\/3 { - top: 33.333333% !important; + .lg\:via-pink-600 { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .lg\:right-1\/3 { - right: 33.333333% !important; + .lg\:via-pink-700 { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .lg\:bottom-1\/3 { - bottom: 33.333333% !important; + .lg\:via-pink-800 { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .lg\:left-1\/3 { - left: 33.333333% !important; + .lg\:via-pink-900 { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .lg\:top-2\/3 { - top: 66.666667% !important; + .lg\:to-transparent { + --gradient-to-color: transparent !important; } - .lg\:right-2\/3 { - right: 66.666667% !important; + .lg\:to-current { + --gradient-to-color: currentColor !important; } - .lg\:bottom-2\/3 { - bottom: 66.666667% !important; + .lg\:to-black { + --gradient-to-color: #000 !important; } - .lg\:left-2\/3 { - left: 66.666667% !important; + .lg\:to-white { + --gradient-to-color: #fff !important; } - .lg\:top-1\/4 { - top: 25% !important; + .lg\:to-gray-50 { + --gradient-to-color: #fafafa !important; } - .lg\:right-1\/4 { - right: 25% !important; + .lg\:to-gray-100 { + --gradient-to-color: #f4f4f5 !important; } - .lg\:bottom-1\/4 { - bottom: 25% !important; + .lg\:to-gray-200 { + --gradient-to-color: #e4e4e7 !important; } - .lg\:left-1\/4 { - left: 25% !important; + .lg\:to-gray-300 { + --gradient-to-color: #d4d4d8 !important; } - .lg\:top-2\/4 { - top: 50% !important; + .lg\:to-gray-400 { + --gradient-to-color: #a1a1aa !important; } - .lg\:right-2\/4 { - right: 50% !important; + .lg\:to-gray-500 { + --gradient-to-color: #71717a !important; } - .lg\:bottom-2\/4 { - bottom: 50% !important; + .lg\:to-gray-600 { + --gradient-to-color: #52525b !important; } - .lg\:left-2\/4 { - left: 50% !important; + .lg\:to-gray-700 { + --gradient-to-color: #3f3f46 !important; } - .lg\:top-3\/4 { - top: 75% !important; + .lg\:to-gray-800 { + --gradient-to-color: #27272a !important; } - .lg\:right-3\/4 { - right: 75% !important; + .lg\:to-gray-900 { + --gradient-to-color: #18181b !important; } - .lg\:bottom-3\/4 { - bottom: 75% !important; + .lg\:to-red-50 { + --gradient-to-color: #fef2f2 !important; } - .lg\:left-3\/4 { - left: 75% !important; + .lg\:to-red-100 { + --gradient-to-color: #fee2e2 !important; } - .lg\:top-full { - top: 100% !important; + .lg\:to-red-200 { + --gradient-to-color: #fecaca !important; } - .lg\:right-full { - right: 100% !important; + .lg\:to-red-300 { + --gradient-to-color: #fca5a5 !important; } - .lg\:bottom-full { - bottom: 100% !important; + .lg\:to-red-400 { + --gradient-to-color: #f87171 !important; } - .lg\:left-full { - left: 100% !important; + .lg\:to-red-500 { + --gradient-to-color: #ef4444 !important; } - .lg\:-top-1\/2 { - top: -50% !important; + .lg\:to-red-600 { + --gradient-to-color: #dc2626 !important; } - .lg\:-right-1\/2 { - right: -50% !important; + .lg\:to-red-700 { + --gradient-to-color: #b91c1c !important; } - .lg\:-bottom-1\/2 { - bottom: -50% !important; + .lg\:to-red-800 { + --gradient-to-color: #991b1b !important; } - .lg\:-left-1\/2 { - left: -50% !important; + .lg\:to-red-900 { + --gradient-to-color: #7f1d1d !important; } - .lg\:-top-1\/3 { - top: -33.333333% !important; + .lg\:to-yellow-50 { + --gradient-to-color: #fffbeb !important; } - .lg\:-right-1\/3 { - right: -33.333333% !important; + .lg\:to-yellow-100 { + --gradient-to-color: #fef3c7 !important; } - .lg\:-bottom-1\/3 { - bottom: -33.333333% !important; + .lg\:to-yellow-200 { + --gradient-to-color: #fde68a !important; } - .lg\:-left-1\/3 { - left: -33.333333% !important; + .lg\:to-yellow-300 { + --gradient-to-color: #fcd34d !important; } - .lg\:-top-2\/3 { - top: -66.666667% !important; + .lg\:to-yellow-400 { + --gradient-to-color: #fbbf24 !important; } - .lg\:-right-2\/3 { - right: -66.666667% !important; + .lg\:to-yellow-500 { + --gradient-to-color: #f59e0b !important; } - .lg\:-bottom-2\/3 { - bottom: -66.666667% !important; + .lg\:to-yellow-600 { + --gradient-to-color: #d97706 !important; } - .lg\:-left-2\/3 { - left: -66.666667% !important; + .lg\:to-yellow-700 { + --gradient-to-color: #b45309 !important; } - .lg\:-top-1\/4 { - top: -25% !important; + .lg\:to-yellow-800 { + --gradient-to-color: #92400e !important; } - .lg\:-right-1\/4 { - right: -25% !important; + .lg\:to-yellow-900 { + --gradient-to-color: #78350f !important; } - .lg\:-bottom-1\/4 { - bottom: -25% !important; + .lg\:to-green-50 { + --gradient-to-color: #ecfdf5 !important; } - .lg\:-left-1\/4 { - left: -25% !important; + .lg\:to-green-100 { + --gradient-to-color: #d1fae5 !important; } - .lg\:-top-2\/4 { - top: -50% !important; + .lg\:to-green-200 { + --gradient-to-color: #a7f3d0 !important; } - .lg\:-right-2\/4 { - right: -50% !important; + .lg\:to-green-300 { + --gradient-to-color: #6ee7b7 !important; } - .lg\:-bottom-2\/4 { - bottom: -50% !important; + .lg\:to-green-400 { + --gradient-to-color: #34d399 !important; } - .lg\:-left-2\/4 { - left: -50% !important; + .lg\:to-green-500 { + --gradient-to-color: #10b981 !important; } - .lg\:-top-3\/4 { - top: -75% !important; + .lg\:to-green-600 { + --gradient-to-color: #059669 !important; } - .lg\:-right-3\/4 { - right: -75% !important; + .lg\:to-green-700 { + --gradient-to-color: #047857 !important; } - .lg\:-bottom-3\/4 { - bottom: -75% !important; + .lg\:to-green-800 { + --gradient-to-color: #065f46 !important; } - .lg\:-left-3\/4 { - left: -75% !important; + .lg\:to-green-900 { + --gradient-to-color: #064e3b !important; } - .lg\:-top-full { - top: -100% !important; + .lg\:to-blue-50 { + --gradient-to-color: #eff6ff !important; } - .lg\:-right-full { - right: -100% !important; + .lg\:to-blue-100 { + --gradient-to-color: #dbeafe !important; } - .lg\:-bottom-full { - bottom: -100% !important; + .lg\:to-blue-200 { + --gradient-to-color: #bfdbfe !important; } - .lg\:-left-full { - left: -100% !important; + .lg\:to-blue-300 { + --gradient-to-color: #93c5fd !important; } - .lg\:resize-none { - resize: none !important; + .lg\:to-blue-400 { + --gradient-to-color: #60a5fa !important; } - .lg\:resize-y { - resize: vertical !important; + .lg\:to-blue-500 { + --gradient-to-color: #3b82f6 !important; } - .lg\:resize-x { - resize: horizontal !important; + .lg\:to-blue-600 { + --gradient-to-color: #2563eb !important; } - .lg\:resize { - resize: both !important; + .lg\:to-blue-700 { + --gradient-to-color: #1d4ed8 !important; } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .lg\:to-blue-800 { + --gradient-to-color: #1e40af !important; } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .lg\:to-blue-900 { + --gradient-to-color: #1e3a8a !important; } - .lg\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:to-purple-50 { + --gradient-to-color: #f5f3ff !important; } - .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) !important; + .lg\:to-purple-100 { + --gradient-to-color: #ede9fe !important; } - .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) !important; + .lg\:to-purple-200 { + --gradient-to-color: #ddd6fe !important; } - .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) !important; + .lg\:to-purple-300 { + --gradient-to-color: #c4b5fd !important; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:to-purple-400 { + --gradient-to-color: #a78bfa !important; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:to-purple-500 { + --gradient-to-color: #8b5cf6 !important; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:to-purple-600 { + --gradient-to-color: #7c3aed !important; } - .lg\:shadow-none { - box-shadow: none !important; + .lg\:to-purple-700 { + --gradient-to-color: #6d28d9 !important; } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .lg\:to-purple-800 { + --gradient-to-color: #5b21b6 !important; } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .lg\:to-purple-900 { + --gradient-to-color: #4c1d95 !important; } - .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) !important; + .lg\:to-pink-50 { + --gradient-to-color: #fdf2f8 !important; } - .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) !important; + .lg\:to-pink-100 { + --gradient-to-color: #fce7f3 !important; } - .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) !important; + .lg\:to-pink-200 { + --gradient-to-color: #fbcfe8 !important; } - .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) !important; + .lg\:to-pink-300 { + --gradient-to-color: #f9a8d4 !important; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:to-pink-400 { + --gradient-to-color: #f472b6 !important; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:to-pink-500 { + --gradient-to-color: #ec4899 !important; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:to-pink-600 { + --gradient-to-color: #db2777 !important; } - .lg\:hover\:shadow-none:hover { - box-shadow: none !important; + .lg\:to-pink-700 { + --gradient-to-color: #be185d !important; } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .lg\:to-pink-800 { + --gradient-to-color: #9d174d !important; } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .lg\:to-pink-900 { + --gradient-to-color: #831843 !important; } - .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) !important; + .lg\:hover\:from-transparent:hover { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .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) !important; + .lg\:hover\:from-current:hover { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .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) !important; + .lg\:hover\:from-black:hover { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .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) !important; + .lg\:hover\:from-white:hover { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:focus\:shadow-none:focus { - box-shadow: none !important; + .lg\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:fill-current { - fill: currentColor !important; + .lg\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:stroke-current { - stroke: currentColor !important; + .lg\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:stroke-0 { - stroke-width: 0 !important; + .lg\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:stroke-1 { - stroke-width: 1 !important; + .lg\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:stroke-2 { - stroke-width: 2 !important; + .lg\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:table-auto { - table-layout: auto !important; + .lg\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:table-fixed { - table-layout: fixed !important; + .lg\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:text-left { - text-align: left !important; + .lg\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:text-center { - text-align: center !important; + .lg\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:text-right { - text-align: right !important; + .lg\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:text-justify { - text-align: justify !important; + .lg\:hover\:from-red-400:hover { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .lg\:text-transparent { - color: transparent !important; + .lg\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .lg\:text-current { - color: currentColor !important; + .lg\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .lg\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .lg\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .lg\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .lg\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .lg\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .lg\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .lg\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .lg\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .lg\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .lg\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .lg\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .lg\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .lg\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .lg\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .lg\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .lg\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .lg\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .lg\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .lg\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .lg\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .lg\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .lg\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .lg\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .lg\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .lg\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .lg\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .lg\:hover\:from-green-400:hover { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .lg\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .lg\:hover\:from-green-500:hover { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .lg\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .lg\:hover\:from-green-600:hover { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .lg\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .lg\:hover\:from-green-700:hover { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .lg\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .lg\:hover\:from-green-800:hover { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .lg\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .lg\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .lg\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .lg\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .lg\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .lg\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .lg\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .lg\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .lg\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .lg\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .lg\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .lg\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .lg\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .lg\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .lg\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .lg\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .lg\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .lg\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .lg\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .lg\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .lg\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .lg\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .lg\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .lg\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .lg\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .lg\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .lg\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .lg\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .lg\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .lg\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .lg\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .lg\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .lg\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .lg\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .lg\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .lg\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .lg\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .lg\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .lg\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .lg\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .lg\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .lg\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .lg\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .lg\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .lg\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .lg\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .lg\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .lg\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .lg\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .lg\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .lg\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .lg\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .lg\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .lg\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .lg\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .lg\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .lg\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .lg\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .lg\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .lg\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .lg\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .lg\:hover\:from-pink-900:hover { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .lg\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .lg\:hover\:via-transparent:hover { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .lg\:hover\:via-current:hover { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .lg\:hover\:via-black:hover { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .lg\:hover\:via-white:hover { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .lg\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .lg\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .lg\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .lg\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .lg\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .lg\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .lg\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .lg\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .lg\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .lg\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .lg\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .lg\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .lg\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .lg\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .lg\:hover\:via-red-400:hover { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .group:hover .lg\:group-hover\:text-transparent { - color: transparent !important; + .lg\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .group:hover .lg\:group-hover\:text-current { - color: currentColor !important; + .lg\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .group:hover .lg\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .lg\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .group:hover .lg\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .lg\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .lg\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .group:hover .lg\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .lg\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .lg\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .lg\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .lg\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .lg\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .lg\:hover\:via-green-400:hover { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .lg\:hover\:via-green-500:hover { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .lg\:hover\:via-green-600:hover { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .lg\:hover\:via-green-700:hover { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .group:hover .lg\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .lg\:hover\:via-green-800:hover { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .lg\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .lg\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .lg\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .lg\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .lg\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .lg\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .lg\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .lg\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .lg\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .group:hover .lg\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .lg\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .lg\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .lg\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .lg\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .lg\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .lg\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .lg\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .lg\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .lg\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .lg\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .group:hover .lg\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .lg\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .lg\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .lg\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .lg\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .lg\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .lg\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .lg\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .lg\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .lg\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .lg\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .group:hover .lg\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .lg\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .group:hover .lg\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .lg\:hover\:via-pink-900:hover { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .group:hover .lg\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .lg\:hover\:to-transparent:hover { + --gradient-to-color: transparent !important; } - .group:hover .lg\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .lg\:hover\:to-current:hover { + --gradient-to-color: currentColor !important; } - .group:hover .lg\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .lg\:hover\:to-black:hover { + --gradient-to-color: #000 !important; } - .group:hover .lg\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .lg\:hover\:to-white:hover { + --gradient-to-color: #fff !important; } - .group:hover .lg\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .lg\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa !important; } - .group:hover .lg\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .lg\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5 !important; } - .group:hover .lg\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .lg\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7 !important; } - .group:hover .lg\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .lg\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8 !important; } - .group:hover .lg\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .lg\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa !important; } - .group:hover .lg\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .lg\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a !important; } - .group:hover .lg\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .lg\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b !important; } - .group:hover .lg\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .lg\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46 !important; } - .group:hover .lg\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .lg\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a !important; } - .group:hover .lg\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .lg\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b !important; } - .group:hover .lg\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .lg\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2 !important; } - .group:hover .lg\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .lg\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2 !important; } - .group:hover .lg\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .lg\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca !important; } - .group:hover .lg\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .lg\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5 !important; } - .group:hover .lg\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .lg\:hover\:to-red-400:hover { + --gradient-to-color: #f87171 !important; } - .lg\:hover\:text-transparent:hover { - color: transparent !important; + .lg\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444 !important; } - .lg\:hover\:text-current:hover { - color: currentColor !important; + .lg\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626 !important; } - .lg\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .lg\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c !important; } - .lg\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .lg\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b !important; } - .lg\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .lg\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d !important; } - .lg\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb !important; } - .lg\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7 !important; } - .lg\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a !important; } - .lg\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d !important; } - .lg\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24 !important; } - .lg\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b !important; } - .lg\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706 !important; } - .lg\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309 !important; } - .lg\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e !important; } - .lg\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .lg\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f !important; } - .lg\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .lg\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5 !important; } - .lg\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .lg\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5 !important; } - .lg\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .lg\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0 !important; } - .lg\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .lg\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7 !important; } - .lg\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .lg\:hover\:to-green-400:hover { + --gradient-to-color: #34d399 !important; } - .lg\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .lg\:hover\:to-green-500:hover { + --gradient-to-color: #10b981 !important; } - .lg\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .lg\:hover\:to-green-600:hover { + --gradient-to-color: #059669 !important; } - .lg\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .lg\:hover\:to-green-700:hover { + --gradient-to-color: #047857 !important; } - .lg\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .lg\:hover\:to-green-800:hover { + --gradient-to-color: #065f46 !important; } - .lg\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .lg\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b !important; } - .lg\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .lg\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff !important; } - .lg\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .lg\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe !important; } - .lg\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .lg\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe !important; } - .lg\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .lg\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd !important; } - .lg\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .lg\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa !important; } - .lg\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .lg\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6 !important; } - .lg\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .lg\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb !important; } - .lg\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .lg\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8 !important; } - .lg\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .lg\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af !important; } - .lg\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .lg\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a !important; } - .lg\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .lg\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff !important; } - .lg\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .lg\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe !important; } - .lg\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .lg\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe !important; } - .lg\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .lg\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd !important; } - .lg\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .lg\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa !important; } - .lg\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .lg\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6 !important; } - .lg\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .lg\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed !important; } - .lg\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .lg\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9 !important; } - .lg\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .lg\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6 !important; } - .lg\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .lg\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95 !important; } - .lg\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .lg\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8 !important; } - .lg\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .lg\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3 !important; } - .lg\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .lg\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8 !important; } - .lg\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .lg\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4 !important; } - .lg\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .lg\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6 !important; } - .lg\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .lg\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899 !important; } - .lg\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .lg\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777 !important; } - .lg\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .lg\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d !important; } - .lg\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .lg\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d !important; } - .lg\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .lg\:hover\:to-pink-900:hover { + --gradient-to-color: #831843 !important; } - .lg\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .lg\:focus\:from-transparent:focus { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .lg\:focus\:from-current:focus { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .lg\:focus\:from-black:focus { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .lg\:focus\:from-white:focus { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .lg\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .lg\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .lg\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .lg\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .lg\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .lg\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .lg\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .lg\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .lg\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .lg\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .lg\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .lg\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .lg\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .lg\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .lg\:focus\:from-red-400:focus { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .lg\:focus\:text-transparent:focus { - color: transparent !important; + .lg\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .lg\:focus\:text-current:focus { - color: currentColor !important; + .lg\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .lg\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .lg\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .lg\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .lg\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .lg\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .lg\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .lg\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .lg\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .lg\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .lg\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .lg\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .lg\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .lg\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .lg\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .lg\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .lg\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .lg\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .lg\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .lg\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .lg\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .lg\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .lg\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .lg\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .lg\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .lg\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .lg\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .lg\:focus\:from-green-400:focus { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .lg\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .lg\:focus\:from-green-500:focus { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .lg\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .lg\:focus\:from-green-600:focus { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .lg\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .lg\:focus\:from-green-700:focus { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .lg\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .lg\:focus\:from-green-800:focus { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .lg\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .lg\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .lg\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .lg\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .lg\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .lg\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .lg\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .lg\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .lg\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .lg\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .lg\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .lg\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .lg\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .lg\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .lg\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .lg\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .lg\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .lg\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .lg\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .lg\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .lg\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .lg\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .lg\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .lg\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .lg\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .lg\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .lg\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .lg\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .lg\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .lg\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .lg\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .lg\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .lg\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .lg\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .lg\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .lg\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .lg\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .lg\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .lg\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .lg\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .lg\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .lg\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .lg\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .lg\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .lg\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .lg\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .lg\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .lg\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .lg\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .lg\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .lg\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .lg\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .lg\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .lg\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .lg\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .lg\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .lg\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .lg\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .lg\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .lg\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .lg\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .lg\:focus\:from-pink-900:focus { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .lg\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .lg\:focus\:via-transparent:focus { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .lg\:focus\:via-current:focus { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .lg\:focus\:via-black:focus { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .lg\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .lg\:focus\:via-white:focus { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .lg\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .lg\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .lg\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .lg\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .lg\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .lg\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .lg\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .lg\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .lg\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .lg\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .lg\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .lg\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .lg\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .lg\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .lg\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .lg\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .lg\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .lg\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .lg\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .lg\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .lg\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .lg\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .lg\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .lg\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .lg\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .lg\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .lg\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .lg\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .lg\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .lg\:focus\:via-red-400:focus { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:text-transparent { - color: transparent !important; - } - - .lg\:dark\:text-current { - color: currentColor !important; - } + .lg\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .lg\:dark\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .lg\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .lg\:dark\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .lg\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .lg\:dark\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .lg\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .lg\:dark\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .lg\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .lg\:dark\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .lg\:dark\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .lg\:dark\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .lg\:dark\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .lg\:dark\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .lg\:dark\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .lg\:dark\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .lg\:dark\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .lg\:dark\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .lg\:dark\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .lg\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .lg\:dark\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .lg\:dark\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .lg\:dark\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .lg\:dark\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .lg\:dark\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-400:focus { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .lg\:dark\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-500:focus { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .lg\:dark\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-600:focus { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .lg\:dark\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-700:focus { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .lg\:dark\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-800:focus { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .lg\:dark\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .lg\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .lg\:dark\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .lg\:dark\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .lg\:dark\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .lg\:dark\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .lg\:dark\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .lg\:dark\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .lg\:dark\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .lg\:dark\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .lg\:dark\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .lg\:dark\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .lg\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .lg\:dark\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .lg\:dark\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .lg\:dark\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .lg\:dark\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .lg\:dark\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .lg\:dark\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .lg\:dark\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .lg\:dark\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .lg\:dark\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .lg\:dark\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .lg\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .lg\:dark\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .lg\:dark\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .lg\:dark\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .lg\:dark\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .lg\:dark\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .lg\:dark\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .lg\:dark\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .lg\:dark\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .lg\:dark\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .lg\:dark\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .lg\:focus\:via-pink-900:focus { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .lg\:dark\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .lg\:focus\:to-transparent:focus { + --gradient-to-color: transparent !important; + } - .lg\:dark\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .lg\:focus\:to-current:focus { + --gradient-to-color: currentColor !important; + } - .lg\:dark\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .lg\:focus\:to-black:focus { + --gradient-to-color: #000 !important; + } - .lg\:dark\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .lg\:focus\:to-white:focus { + --gradient-to-color: #fff !important; + } - .lg\:dark\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa !important; + } - .lg\:dark\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5 !important; + } - .lg\:dark\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7 !important; + } - .lg\:dark\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8 !important; + } - .lg\:dark\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa !important; + } - .lg\:dark\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a !important; + } - .lg\:dark\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b !important; + } - .lg\:dark\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46 !important; + } - .lg\:dark\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a !important; + } - .lg\:dark\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .lg\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b !important; + } - .lg\:dark\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2 !important; + } - .lg\:dark\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2 !important; + } - .lg\:dark\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca !important; + } - .lg\:dark\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5 !important; + } - .group:hover .lg\:dark\:group-hover\:text-transparent { - color: transparent !important; - } + .lg\:focus\:to-red-400:focus { + --gradient-to-color: #f87171 !important; + } - .group:hover .lg\:dark\:group-hover\:text-current { - color: currentColor !important; - } + .lg\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444 !important; + } - .group:hover .lg\:dark\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626 !important; + } - .group:hover .lg\:dark\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .lg\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7 !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24 !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706 !important; + } - .group:hover .lg\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .lg\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-400:focus { + --gradient-to-color: #34d399 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-500:focus { + --gradient-to-color: #10b981 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-600:focus { + --gradient-to-color: #059669 !important; + } - .group:hover .lg\:dark\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-700:focus { + --gradient-to-color: #047857 !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-800:focus { + --gradient-to-color: #065f46 !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .lg\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6 !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb !important; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8 !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .lg\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6 !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed !important; + } - .group:hover .lg\:dark\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .lg\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777 !important; + } - .group:hover .lg\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .lg\:focus\:to-pink-900:focus { + --gradient-to-color: #831843 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .lg\:bg-opacity-0 { + --bg-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .lg\:bg-opacity-25 { + --bg-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .lg\:bg-opacity-50 { + --bg-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .lg\:bg-opacity-75 { + --bg-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .lg\:bg-opacity-100 { + --bg-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:bg-opacity-0 { + --bg-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:bg-opacity-100 { + --bg-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .lg\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .lg\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .lg\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .lg\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .lg\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .lg\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .lg\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; + } - .group:hover .lg\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .lg\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; + } - .lg\:dark\:hover\:text-transparent:hover { - color: transparent !important; - } + .lg\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; + } - .lg\:dark\:hover\:text-current:hover { - color: currentColor !important; - } + .lg\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; + } - .lg\:dark\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .lg\:bg-bottom { + background-position: bottom !important; + } - .lg\:dark\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .lg\:bg-center { + background-position: center !important; + } - .lg\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .lg\:bg-left { + background-position: left !important; + } - .lg\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .lg\:bg-left-bottom { + background-position: left bottom !important; + } - .lg\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .lg\:bg-left-top { + background-position: left top !important; + } - .lg\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .lg\:bg-right { + background-position: right !important; + } - .lg\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .lg\:bg-right-bottom { + background-position: right bottom !important; + } - .lg\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .lg\:bg-right-top { + background-position: right top !important; + } - .lg\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .lg\:bg-top { + background-position: top !important; + } - .lg\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .lg\:bg-repeat { + background-repeat: repeat !important; + } - .lg\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .lg\:bg-no-repeat { + background-repeat: no-repeat !important; + } - .lg\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .lg\:bg-repeat-x { + background-repeat: repeat-x !important; + } - .lg\:dark\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .lg\:bg-repeat-y { + background-repeat: repeat-y !important; + } - .lg\:dark\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .lg\:bg-repeat-round { + background-repeat: round !important; + } - .lg\:dark\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .lg\:bg-repeat-space { + background-repeat: space !important; + } - .lg\:dark\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .lg\:bg-auto { + background-size: auto !important; + } - .lg\:dark\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .lg\:bg-cover { + background-size: cover !important; + } - .lg\:dark\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .lg\:bg-contain { + background-size: contain !important; + } - .lg\:dark\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .lg\:border-collapse { + border-collapse: collapse !important; + } - .lg\:dark\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .lg\:border-separate { + border-collapse: separate !important; + } - .lg\:dark\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .lg\:border-transparent { + border-color: transparent !important; + } - .lg\:dark\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .lg\:border-current { + border-color: currentColor !important; + } - .lg\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .lg\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .lg\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .lg\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .lg\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .lg\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .lg\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .lg\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .lg\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .lg\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .lg\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .lg\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .lg\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .lg\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .lg\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .lg\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .lg\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .lg\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .lg\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .lg\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .lg\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .lg\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .lg\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .lg\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .lg\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .lg\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .lg\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .lg\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .lg\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .lg\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .lg\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .lg\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .lg\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .lg\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .lg\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .lg\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .lg\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .lg\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .lg\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .lg\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .lg\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .lg\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .lg\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .lg\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .lg\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .lg\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .lg\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .lg\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .lg\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .lg\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + } - .lg\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .lg\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-transparent:focus { - color: transparent !important; - } + .lg\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-current:focus { - color: currentColor !important; - } + .lg\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .lg\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .lg\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .lg\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .lg\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .lg\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .lg\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .lg\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .lg\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .lg\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .lg\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .lg\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .lg\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .lg\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .lg\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .lg\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .lg\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .lg\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .lg\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .lg\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .lg\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-transparent { + border-color: transparent !important; + } - .lg\:dark\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-current { + border-color: currentColor !important; + } - .lg\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + } - .lg\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .group:hover .lg\:group-hover\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .lg\:text-opacity-0 { - --text-opacity: 0 !important; + .group:hover .lg\:group-hover\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .lg\:text-opacity-25 { - --text-opacity: 0.25 !important; + .group:hover .lg\:group-hover\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .lg\:text-opacity-50 { - --text-opacity: 0.5 !important; + .group:hover .lg\:group-hover\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .lg\:text-opacity-75 { - --text-opacity: 0.75 !important; + .group:hover .lg\:group-hover\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .lg\:text-opacity-100 { - --text-opacity: 1 !important; + .group:hover .lg\:group-hover\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:text-opacity-0 { - --text-opacity: 0 !important; + .group:hover .lg\:group-hover\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:text-opacity-25 { - --text-opacity: 0.25 !important; + .group:hover .lg\:group-hover\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:text-opacity-50 { - --text-opacity: 0.5 !important; + .group:hover .lg\:group-hover\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:text-opacity-75 { - --text-opacity: 0.75 !important; + .group:hover .lg\:group-hover\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .group:hover .lg\:group-hover\:text-opacity-100 { - --text-opacity: 1 !important; + .group:hover .lg\:group-hover\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .lg\:hover\:text-opacity-0:hover { - --text-opacity: 0 !important; + .group:hover .lg\:group-hover\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .lg\:hover\:text-opacity-25:hover { - --text-opacity: 0.25 !important; + .group:hover .lg\:group-hover\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .lg\:hover\:text-opacity-50:hover { - --text-opacity: 0.5 !important; + .group:hover .lg\:group-hover\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .lg\:hover\:text-opacity-75:hover { - --text-opacity: 0.75 !important; + .group:hover .lg\:group-hover\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .lg\:hover\:text-opacity-100:hover { - --text-opacity: 1 !important; + .group:hover .lg\:group-hover\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .lg\:focus\:text-opacity-0:focus { - --text-opacity: 0 !important; + .group:hover .lg\:group-hover\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .lg\:focus\:text-opacity-25:focus { - --text-opacity: 0.25 !important; + .group:hover .lg\:group-hover\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .lg\:focus\:text-opacity-50:focus { - --text-opacity: 0.5 !important; + .group:hover .lg\:group-hover\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .lg\:focus\:text-opacity-75:focus { - --text-opacity: 0.75 !important; + .group:hover .lg\:group-hover\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .lg\:focus\:text-opacity-100:focus { - --text-opacity: 1 !important; + .group:hover .lg\:group-hover\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .lg\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .group:hover .lg\:group-hover\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .lg\:overflow-ellipsis { - text-overflow: ellipsis !important; + .group:hover .lg\:group-hover\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .lg\:overflow-clip { - text-overflow: clip !important; + .lg\:hover\:border-transparent:hover { + border-color: transparent !important; } - .lg\:italic { - font-style: italic !important; + .lg\:hover\:border-current:hover { + border-color: currentColor !important; } - .lg\:not-italic { - font-style: normal !important; + .lg\:hover\:border-black:hover { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .lg\:uppercase { - text-transform: uppercase !important; + .lg\:hover\:border-white:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .lg\:lowercase { - text-transform: lowercase !important; + .lg\:hover\:border-gray-50:hover { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .lg\:capitalize { - text-transform: capitalize !important; + .lg\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .lg\:normal-case { - text-transform: none !important; + .lg\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .lg\:underline { - text-decoration: underline !important; + .lg\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .lg\:line-through { - text-decoration: line-through !important; + .lg\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .lg\:no-underline { - text-decoration: none !important; + .lg\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .lg\:hover\:underline:hover { - text-decoration: underline !important; + .lg\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .lg\:hover\:line-through:hover { - text-decoration: line-through !important; + .lg\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .lg\:hover\:no-underline:hover { - text-decoration: none !important; + .lg\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .lg\:focus\:underline:focus { - text-decoration: underline !important; + .lg\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .lg\:focus\:line-through:focus { - text-decoration: line-through !important; + .lg\:hover\:border-red-50:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .lg\:focus\:no-underline:focus { - text-decoration: none !important; + .lg\:hover\:border-red-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .lg\:hover\:border-red-200:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .lg\:hover\:border-red-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; + .lg\:hover\:border-red-400:hover { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .lg\:normal-nums { - font-variant-numeric: normal !important; + .lg\:hover\:border-red-500:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .lg\:ordinal { - --font-variant-numeric-ordinal: ordinal !important; + .lg\:hover\:border-red-600:hover { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .lg\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero !important; + .lg\:hover\:border-red-700:hover { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .lg\:lining-nums { - --font-variant-numeric-figure: lining-nums !important; + .lg\:hover\:border-red-800:hover { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .lg\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums !important; + .lg\:hover\:border-red-900:hover { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .lg\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums !important; + .lg\:hover\:border-yellow-50:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .lg\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums !important; + .lg\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .lg\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions !important; + .lg\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .lg\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions !important; + .lg\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .lg\:tracking-tighter { - letter-spacing: -0.05em !important; + .lg\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .lg\:tracking-tight { - letter-spacing: -0.025em !important; + .lg\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .lg\:tracking-normal { - letter-spacing: 0 !important; + .lg\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .lg\:tracking-wide { - letter-spacing: 0.025em !important; + .lg\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .lg\:tracking-wider { - letter-spacing: 0.05em !important; + .lg\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .lg\:tracking-widest { - letter-spacing: 0.1em !important; + .lg\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .lg\:select-none { - user-select: none !important; + .lg\:hover\:border-green-50:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .lg\:select-text { - user-select: text !important; + .lg\:hover\:border-green-100:hover { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .lg\:select-all { - user-select: all !important; + .lg\:hover\:border-green-200:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .lg\:select-auto { - user-select: auto !important; + .lg\:hover\:border-green-300:hover { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .lg\:align-baseline { - vertical-align: baseline !important; + .lg\:hover\:border-green-400:hover { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .lg\:align-top { - vertical-align: top !important; + .lg\:hover\:border-green-500:hover { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .lg\:align-middle { - vertical-align: middle !important; + .lg\:hover\:border-green-600:hover { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .lg\:align-bottom { - vertical-align: bottom !important; + .lg\:hover\:border-green-700:hover { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .lg\:align-text-top { - vertical-align: text-top !important; + .lg\:hover\:border-green-800:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .lg\:align-text-bottom { - vertical-align: text-bottom !important; + .lg\:hover\:border-green-900:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .lg\:visible { - visibility: visible !important; + .lg\:hover\:border-blue-50:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .lg\:invisible { - visibility: hidden !important; + .lg\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .lg\:whitespace-normal { - white-space: normal !important; + .lg\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .lg\:whitespace-no-wrap { - white-space: nowrap !important; + .lg\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .lg\:whitespace-pre { - white-space: pre !important; + .lg\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .lg\:whitespace-pre-line { - white-space: pre-line !important; + .lg\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .lg\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .lg\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .lg\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .lg\:break-words { - overflow-wrap: break-word !important; + .lg\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .lg\:break-all { - word-break: break-all !important; + .lg\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .lg\:w-0 { - width: 0 !important; + .lg\:hover\:border-purple-50:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .lg\:w-1 { - width: 0.25rem !important; + .lg\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .lg\:w-2 { - width: 0.5rem !important; + .lg\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .lg\:w-3 { - width: 0.75rem !important; + .lg\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .lg\:w-4 { - width: 1rem !important; + .lg\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .lg\:w-5 { - width: 1.25rem !important; + .lg\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .lg\:w-6 { - width: 1.5rem !important; + .lg\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .lg\:w-7 { - width: 1.75rem !important; + .lg\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .lg\:w-8 { - width: 2rem !important; + .lg\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .lg\:w-9 { - width: 2.25rem !important; + .lg\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .lg\:w-10 { - width: 2.5rem !important; + .lg\:hover\:border-pink-50:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .lg\:w-12 { - width: 3rem !important; + .lg\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .lg\:w-14 { - width: 3.5rem !important; + .lg\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .lg\:w-16 { - width: 4rem !important; + .lg\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .lg\:w-20 { - width: 5rem !important; + .lg\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .lg\:w-24 { - width: 6rem !important; + .lg\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .lg\:w-28 { - width: 7rem !important; + .lg\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .lg\:w-32 { - width: 8rem !important; + .lg\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .lg\:w-36 { - width: 9rem !important; + .lg\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .lg\:w-40 { - width: 10rem !important; + .lg\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .lg\:w-44 { - width: 11rem !important; + .lg\:focus\:border-transparent:focus { + border-color: transparent !important; } - .lg\:w-48 { - width: 12rem !important; + .lg\:focus\:border-current:focus { + border-color: currentColor !important; } - .lg\:w-52 { - width: 13rem !important; + .lg\:focus\:border-black:focus { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .lg\:w-56 { - width: 14rem !important; + .lg\:focus\:border-white:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .lg\:w-60 { - width: 15rem !important; + .lg\:focus\:border-gray-50:focus { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .lg\:w-64 { - width: 16rem !important; + .lg\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .lg\:w-72 { - width: 18rem !important; + .lg\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .lg\:w-80 { - width: 20rem !important; + .lg\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .lg\:w-96 { - width: 24rem !important; + .lg\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .lg\:w-auto { - width: auto !important; + .lg\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .lg\:w-px { - width: 1px !important; + .lg\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .lg\:w-0\.5 { - width: 0.125rem !important; + .lg\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .lg\:w-1\.5 { - width: 0.375rem !important; + .lg\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .lg\:w-2\.5 { - width: 0.625rem !important; + .lg\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .lg\:w-3\.5 { - width: 0.875rem !important; + .lg\:focus\:border-red-50:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .lg\:w-1\/2 { - width: 50% !important; + .lg\:focus\:border-red-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .lg\:w-1\/3 { - width: 33.333333% !important; + .lg\:focus\:border-red-200:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .lg\:w-2\/3 { - width: 66.666667% !important; + .lg\:focus\:border-red-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .lg\:w-1\/4 { - width: 25% !important; + .lg\:focus\:border-red-400:focus { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .lg\:w-2\/4 { - width: 50% !important; + .lg\:focus\:border-red-500:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .lg\:w-3\/4 { - width: 75% !important; + .lg\:focus\:border-red-600:focus { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .lg\:w-1\/5 { - width: 20% !important; + .lg\:focus\:border-red-700:focus { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .lg\:w-2\/5 { - width: 40% !important; + .lg\:focus\:border-red-800:focus { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .lg\:w-3\/5 { - width: 60% !important; + .lg\:focus\:border-red-900:focus { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .lg\:w-4\/5 { - width: 80% !important; + .lg\:focus\:border-yellow-50:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .lg\:w-1\/6 { - width: 16.666667% !important; + .lg\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .lg\:w-2\/6 { - width: 33.333333% !important; + .lg\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .lg\:w-3\/6 { - width: 50% !important; + .lg\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .lg\:w-4\/6 { - width: 66.666667% !important; + .lg\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .lg\:w-5\/6 { - width: 83.333333% !important; + .lg\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .lg\:w-1\/12 { - width: 8.333333% !important; + .lg\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .lg\:w-2\/12 { - width: 16.666667% !important; + .lg\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .lg\:w-3\/12 { - width: 25% !important; + .lg\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .lg\:w-4\/12 { - width: 33.333333% !important; + .lg\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .lg\:w-5\/12 { - width: 41.666667% !important; + .lg\:focus\:border-green-50:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .lg\:w-6\/12 { - width: 50% !important; + .lg\:focus\:border-green-100:focus { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .lg\:w-7\/12 { - width: 58.333333% !important; + .lg\:focus\:border-green-200:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .lg\:w-8\/12 { - width: 66.666667% !important; + .lg\:focus\:border-green-300:focus { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .lg\:w-9\/12 { - width: 75% !important; + .lg\:focus\:border-green-400:focus { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .lg\:w-10\/12 { - width: 83.333333% !important; + .lg\:focus\:border-green-500:focus { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .lg\:w-11\/12 { - width: 91.666667% !important; + .lg\:focus\:border-green-600:focus { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .lg\:w-full { - width: 100% !important; + .lg\:focus\:border-green-700:focus { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .lg\:w-screen { - width: 100vw !important; + .lg\:focus\:border-green-800:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .lg\:w-min { - width: min-content !important; + .lg\:focus\:border-green-900:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .lg\:w-max { - width: max-content !important; + .lg\:focus\:border-blue-50:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .lg\:z-0 { - z-index: 0 !important; + .lg\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .lg\:z-10 { - z-index: 10 !important; + .lg\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .lg\:z-20 { - z-index: 20 !important; + .lg\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .lg\:z-30 { - z-index: 30 !important; + .lg\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .lg\:z-40 { - z-index: 40 !important; + .lg\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .lg\:z-50 { - z-index: 50 !important; + .lg\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .lg\:z-auto { - z-index: auto !important; + .lg\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .lg\:focus\:z-0:focus { - z-index: 0 !important; + .lg\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .lg\:focus\:z-10:focus { - z-index: 10 !important; + .lg\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .lg\:focus\:z-20:focus { - z-index: 20 !important; + .lg\:focus\:border-purple-50:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .lg\:focus\:z-30:focus { - z-index: 30 !important; + .lg\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .lg\:focus\:z-40:focus { - z-index: 40 !important; + .lg\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .lg\:focus\:z-50:focus { - z-index: 50 !important; + .lg\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .lg\:focus\:z-auto:focus { - z-index: auto !important; + .lg\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .lg\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; + .lg\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .lg\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; + .lg\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .lg\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; + .lg\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .lg\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; + .lg\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .lg\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; + .lg\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .lg\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; + .lg\:focus\:border-pink-50:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .lg\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; + .lg\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .lg\:gap-7 { - grid-gap: 1.75rem !important; - gap: 1.75rem !important; + .lg\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .lg\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; + .lg\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .lg\:gap-9 { - grid-gap: 2.25rem !important; - gap: 2.25rem !important; + .lg\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .lg\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; + .lg\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .lg\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; + .lg\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .lg\:gap-14 { - grid-gap: 3.5rem !important; - gap: 3.5rem !important; + .lg\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .lg\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; + .lg\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .lg\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; + .lg\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .lg\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; + .lg\:border-opacity-0 { + --border-opacity: 0 !important; } - .lg\:gap-28 { - grid-gap: 7rem !important; - gap: 7rem !important; + .lg\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .lg\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; + .lg\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .lg\:gap-36 { - grid-gap: 9rem !important; - gap: 9rem !important; + .lg\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .lg\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; + .lg\:border-opacity-100 { + --border-opacity: 1 !important; } - .lg\:gap-44 { - grid-gap: 11rem !important; - gap: 11rem !important; + .group:hover .lg\:group-hover\:border-opacity-0 { + --border-opacity: 0 !important; } - .lg\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; + .group:hover .lg\:group-hover\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .lg\:gap-52 { - grid-gap: 13rem !important; - gap: 13rem !important; + .group:hover .lg\:group-hover\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .lg\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; + .group:hover .lg\:group-hover\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .lg\:gap-60 { - grid-gap: 15rem !important; - gap: 15rem !important; + .group:hover .lg\:group-hover\:border-opacity-100 { + --border-opacity: 1 !important; } - .lg\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; + .lg\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; } - .lg\:gap-72 { - grid-gap: 18rem !important; - gap: 18rem !important; + .lg\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; } - .lg\:gap-80 { - grid-gap: 20rem !important; - gap: 20rem !important; + .lg\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; } - .lg\:gap-96 { - grid-gap: 24rem !important; - gap: 24rem !important; + .lg\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; } - .lg\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; + .lg\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; } - .lg\:gap-0\.5 { - grid-gap: 0.125rem !important; - gap: 0.125rem !important; + .lg\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; } - .lg\:gap-1\.5 { - grid-gap: 0.375rem !important; - gap: 0.375rem !important; + .lg\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; } - .lg\:gap-2\.5 { - grid-gap: 0.625rem !important; - gap: 0.625rem !important; + .lg\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; } - .lg\:gap-3\.5 { - grid-gap: 0.875rem !important; - gap: 0.875rem !important; + .lg\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; } - .lg\:gap-x-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; + .lg\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } - .lg\:gap-x-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + .lg\:rounded-none { + border-radius: 0 !important; } - .lg\:gap-x-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + .lg\:rounded-sm { + border-radius: 0.125rem !important; } - .lg\:gap-x-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; + .lg\:rounded { + border-radius: 0.25rem !important; } - .lg\:gap-x-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; + .lg\:rounded-md { + border-radius: 0.375rem !important; } - .lg\:gap-x-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; + .lg\:rounded-lg { + border-radius: 0.5rem !important; } - .lg\:gap-x-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + .lg\:rounded-xl { + border-radius: 0.75rem !important; } - .lg\:gap-x-7 { - grid-column-gap: 1.75rem !important; - column-gap: 1.75rem !important; + .lg\:rounded-2xl { + border-radius: 1rem !important; } - .lg\:gap-x-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; + .lg\:rounded-3xl { + border-radius: 1.5rem !important; } - .lg\:gap-x-9 { - grid-column-gap: 2.25rem !important; - column-gap: 2.25rem !important; + .lg\:rounded-full { + border-radius: 9999px !important; } - .lg\:gap-x-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; + .lg\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .lg\:gap-x-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; + .lg\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .lg\:gap-x-14 { - grid-column-gap: 3.5rem !important; - column-gap: 3.5rem !important; + .lg\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .lg\:gap-x-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; + .lg\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .lg\:gap-x-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .lg\:gap-x-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .lg\:gap-x-28 { - grid-column-gap: 7rem !important; - column-gap: 7rem !important; + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .lg\:gap-x-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .lg\:gap-x-36 { - grid-column-gap: 9rem !important; - column-gap: 9rem !important; + .lg\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .lg\:gap-x-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; + .lg\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .lg\:gap-x-44 { - grid-column-gap: 11rem !important; - column-gap: 11rem !important; + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .lg\:gap-x-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; + .lg\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .lg\:gap-x-52 { - grid-column-gap: 13rem !important; - column-gap: 13rem !important; + .lg\:rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; } - .lg\:gap-x-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; + .lg\:rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; } - .lg\:gap-x-60 { - grid-column-gap: 15rem !important; - column-gap: 15rem !important; + .lg\:rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .lg\:gap-x-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; + .lg\:rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .lg\:gap-x-72 { - grid-column-gap: 18rem !important; - column-gap: 18rem !important; + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .lg\:gap-x-80 { - grid-column-gap: 20rem !important; - column-gap: 20rem !important; + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .lg\:gap-x-96 { - grid-column-gap: 24rem !important; - column-gap: 24rem !important; + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .lg\:gap-x-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .lg\:gap-x-0\.5 { - grid-column-gap: 0.125rem !important; - column-gap: 0.125rem !important; + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; } - .lg\:gap-x-1\.5 { - grid-column-gap: 0.375rem !important; - column-gap: 0.375rem !important; + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; } - .lg\:gap-x-2\.5 { - grid-column-gap: 0.625rem !important; - column-gap: 0.625rem !important; + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; } - .lg\:gap-x-3\.5 { - grid-column-gap: 0.875rem !important; - column-gap: 0.875rem !important; + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; } - .lg\:gap-y-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; } - .lg\:gap-y-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; } - .lg\:gap-y-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; } - .lg\:gap-y-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; } - .lg\:gap-y-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; } - .lg\:gap-y-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; } - .lg\:gap-y-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; } - .lg\:gap-y-7 { - grid-row-gap: 1.75rem !important; - row-gap: 1.75rem !important; + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; } - .lg\:gap-y-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; + .lg\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .lg\:gap-y-9 { - grid-row-gap: 2.25rem !important; - row-gap: 2.25rem !important; + .lg\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .lg\:gap-y-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .lg\:gap-y-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; + .lg\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .lg\:gap-y-14 { - grid-row-gap: 3.5rem !important; - row-gap: 3.5rem !important; + .lg\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .lg\:gap-y-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; + .lg\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .lg\:gap-y-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; + .lg\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .lg\:gap-y-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .lg\:gap-y-28 { - grid-row-gap: 7rem !important; - row-gap: 7rem !important; + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .lg\:gap-y-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .lg\:gap-y-36 { - grid-row-gap: 9rem !important; - row-gap: 9rem !important; + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .lg\:gap-y-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .lg\:gap-y-44 { - grid-row-gap: 11rem !important; - row-gap: 11rem !important; + .lg\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .lg\:gap-y-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; + .lg\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .lg\:gap-y-52 { - grid-row-gap: 13rem !important; - row-gap: 13rem !important; + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - .lg\:gap-y-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; } - .lg\:gap-y-60 { - grid-row-gap: 15rem !important; - row-gap: 15rem !important; + .lg\:rounded-tl-md { + border-top-left-radius: 0.375rem !important; } - .lg\:gap-y-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; + .lg\:rounded-tr-md { + border-top-right-radius: 0.375rem !important; } - .lg\:gap-y-72 { - grid-row-gap: 18rem !important; - row-gap: 18rem !important; + .lg\:rounded-br-md { + border-bottom-right-radius: 0.375rem !important; } - .lg\:gap-y-80 { - grid-row-gap: 20rem !important; - row-gap: 20rem !important; + .lg\:rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; } - .lg\:gap-y-96 { - grid-row-gap: 24rem !important; - row-gap: 24rem !important; + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; } - .lg\:gap-y-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; } - .lg\:gap-y-0\.5 { - grid-row-gap: 0.125rem !important; - row-gap: 0.125rem !important; + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; } - .lg\:gap-y-1\.5 { - grid-row-gap: 0.375rem !important; - row-gap: 0.375rem !important; + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; } - .lg\:gap-y-2\.5 { - grid-row-gap: 0.625rem !important; - row-gap: 0.625rem !important; + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; } - .lg\:gap-y-3\.5 { - grid-row-gap: 0.875rem !important; - row-gap: 0.875rem !important; + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; } - .lg\:grid-flow-row { - grid-auto-flow: row !important; + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; } - .lg\:grid-flow-col { - grid-auto-flow: column !important; + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense !important; + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense !important; + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + .lg\:rounded-tl-full { + border-top-left-radius: 9999px !important; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + .lg\:rounded-tr-full { + border-top-right-radius: 9999px !important; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px !important; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + .lg\:border-solid { + border-style: solid !important; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + .lg\:border-dashed { + border-style: dashed !important; } - .lg\:grid-cols-none { - grid-template-columns: none !important; + .lg\:border-dotted { + border-style: dotted !important; } - .lg\:auto-cols-auto { - grid-auto-columns: auto !important; + .lg\:border-double { + border-style: double !important; } - .lg\:auto-cols-min { - grid-auto-columns: min-content !important; + .lg\:border-none { + border-style: none !important; } - .lg\:auto-cols-max { - grid-auto-columns: max-content !important; + .lg\:border-0 { + border-width: 0 !important; } - .lg\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr) !important; + .lg\:border-2 { + border-width: 2px !important; } - .lg\:col-auto { - grid-column: auto !important; + .lg\:border-4 { + border-width: 4px !important; } - .lg\:col-span-1 { - grid-column: span 1 / span 1 !important; + .lg\:border-8 { + border-width: 8px !important; } - .lg\:col-span-2 { - grid-column: span 2 / span 2 !important; + .lg\:border { + border-width: 1px !important; } - .lg\:col-span-3 { - grid-column: span 3 / span 3 !important; + .lg\:border-t-0 { + border-top-width: 0 !important; } - .lg\:col-span-4 { - grid-column: span 4 / span 4 !important; + .lg\:border-r-0 { + border-right-width: 0 !important; } - .lg\:col-span-5 { - grid-column: span 5 / span 5 !important; + .lg\:border-b-0 { + border-bottom-width: 0 !important; } - .lg\:col-span-6 { - grid-column: span 6 / span 6 !important; + .lg\:border-l-0 { + border-left-width: 0 !important; } - .lg\:col-span-7 { - grid-column: span 7 / span 7 !important; + .lg\:border-t-2 { + border-top-width: 2px !important; } - .lg\:col-span-8 { - grid-column: span 8 / span 8 !important; + .lg\:border-r-2 { + border-right-width: 2px !important; } - .lg\:col-span-9 { - grid-column: span 9 / span 9 !important; + .lg\:border-b-2 { + border-bottom-width: 2px !important; } - .lg\:col-span-10 { - grid-column: span 10 / span 10 !important; + .lg\:border-l-2 { + border-left-width: 2px !important; } - .lg\:col-span-11 { - grid-column: span 11 / span 11 !important; + .lg\:border-t-4 { + border-top-width: 4px !important; } - .lg\:col-span-12 { - grid-column: span 12 / span 12 !important; + .lg\:border-r-4 { + border-right-width: 4px !important; } - .lg\:col-span-full { - grid-column: 1 / -1 !important; + .lg\:border-b-4 { + border-bottom-width: 4px !important; } - .lg\:col-start-1 { - grid-column-start: 1 !important; + .lg\:border-l-4 { + border-left-width: 4px !important; } - .lg\:col-start-2 { - grid-column-start: 2 !important; + .lg\:border-t-8 { + border-top-width: 8px !important; } - .lg\:col-start-3 { - grid-column-start: 3 !important; + .lg\:border-r-8 { + border-right-width: 8px !important; } - .lg\:col-start-4 { - grid-column-start: 4 !important; + .lg\:border-b-8 { + border-bottom-width: 8px !important; } - .lg\:col-start-5 { - grid-column-start: 5 !important; + .lg\:border-l-8 { + border-left-width: 8px !important; } - .lg\:col-start-6 { - grid-column-start: 6 !important; + .lg\:border-t { + border-top-width: 1px !important; } - .lg\:col-start-7 { - grid-column-start: 7 !important; + .lg\:border-r { + border-right-width: 1px !important; } - .lg\:col-start-8 { - grid-column-start: 8 !important; + .lg\:border-b { + border-bottom-width: 1px !important; } - .lg\:col-start-9 { - grid-column-start: 9 !important; + .lg\:border-l { + border-left-width: 1px !important; } - .lg\:col-start-10 { - grid-column-start: 10 !important; + .lg\:box-border { + box-sizing: border-box !important; } - .lg\:col-start-11 { - grid-column-start: 11 !important; + .lg\:box-content { + box-sizing: content-box !important; } - .lg\:col-start-12 { - grid-column-start: 12 !important; + .lg\:cursor-auto { + cursor: auto !important; } - .lg\:col-start-13 { - grid-column-start: 13 !important; + .lg\:cursor-default { + cursor: default !important; } - .lg\:col-start-auto { - grid-column-start: auto !important; + .lg\:cursor-pointer { + cursor: pointer !important; } - .lg\:col-end-1 { - grid-column-end: 1 !important; + .lg\:cursor-wait { + cursor: wait !important; } - .lg\:col-end-2 { - grid-column-end: 2 !important; + .lg\:cursor-text { + cursor: text !important; } - .lg\:col-end-3 { - grid-column-end: 3 !important; + .lg\:cursor-move { + cursor: move !important; } - .lg\:col-end-4 { - grid-column-end: 4 !important; + .lg\:cursor-not-allowed { + cursor: not-allowed !important; } - .lg\:col-end-5 { - grid-column-end: 5 !important; + .lg\:block { + display: block !important; } - .lg\:col-end-6 { - grid-column-end: 6 !important; + .lg\:inline-block { + display: inline-block !important; } - .lg\:col-end-7 { - grid-column-end: 7 !important; + .lg\:inline { + display: inline !important; } - .lg\:col-end-8 { - grid-column-end: 8 !important; + .lg\:flex { + display: flex !important; } - .lg\:col-end-9 { - grid-column-end: 9 !important; + .lg\:inline-flex { + display: inline-flex !important; } - .lg\:col-end-10 { - grid-column-end: 10 !important; + .lg\:table { + display: table !important; } - .lg\:col-end-11 { - grid-column-end: 11 !important; + .lg\:table-caption { + display: table-caption !important; } - .lg\:col-end-12 { - grid-column-end: 12 !important; + .lg\:table-cell { + display: table-cell !important; } - .lg\:col-end-13 { - grid-column-end: 13 !important; + .lg\:table-column { + display: table-column !important; } - .lg\:col-end-auto { - grid-column-end: auto !important; + .lg\:table-column-group { + display: table-column-group !important; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + .lg\:table-footer-group { + display: table-footer-group !important; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + .lg\:table-header-group { + display: table-header-group !important; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + .lg\:table-row-group { + display: table-row-group !important; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + .lg\:table-row { + display: table-row !important; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + .lg\:flow-root { + display: flow-root !important; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + .lg\:grid { + display: grid !important; } - .lg\:grid-rows-none { - grid-template-rows: none !important; + .lg\:inline-grid { + display: inline-grid !important; } - .lg\:auto-rows-auto { - grid-auto-rows: auto !important; + .lg\:contents { + display: contents !important; } - .lg\:auto-rows-min { - grid-auto-rows: min-content !important; + .lg\:hidden { + display: none !important; } - .lg\:auto-rows-max { - grid-auto-rows: max-content !important; + .lg\:flex-row { + flex-direction: row !important; } - .lg\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr) !important; + .lg\:flex-row-reverse { + flex-direction: row-reverse !important; } - .lg\:row-auto { - grid-row: auto !important; + .lg\:flex-col { + flex-direction: column !important; } - .lg\:row-span-1 { - grid-row: span 1 / span 1 !important; + .lg\:flex-col-reverse { + flex-direction: column-reverse !important; } - .lg\:row-span-2 { - grid-row: span 2 / span 2 !important; + .lg\:flex-wrap { + flex-wrap: wrap !important; } - .lg\:row-span-3 { - grid-row: span 3 / span 3 !important; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .lg\:row-span-4 { - grid-row: span 4 / span 4 !important; + .lg\:flex-no-wrap { + flex-wrap: nowrap !important; } - .lg\:row-span-5 { - grid-row: span 5 / span 5 !important; + .lg\:place-items-auto { + place-items: auto !important; } - .lg\:row-span-6 { - grid-row: span 6 / span 6 !important; + .lg\:place-items-start { + place-items: start !important; } - .lg\:row-span-full { - grid-row: 1 / -1 !important; + .lg\:place-items-end { + place-items: end !important; } - .lg\:row-start-1 { - grid-row-start: 1 !important; + .lg\:place-items-center { + place-items: center !important; } - .lg\:row-start-2 { - grid-row-start: 2 !important; + .lg\:place-items-stretch { + place-items: stretch !important; } - .lg\:row-start-3 { - grid-row-start: 3 !important; + .lg\:place-content-center { + place-content: center !important; } - .lg\:row-start-4 { - grid-row-start: 4 !important; + .lg\:place-content-start { + place-content: start !important; } - .lg\:row-start-5 { - grid-row-start: 5 !important; + .lg\:place-content-end { + place-content: end !important; } - .lg\:row-start-6 { - grid-row-start: 6 !important; + .lg\:place-content-between { + place-content: space-between !important; } - .lg\:row-start-7 { - grid-row-start: 7 !important; + .lg\:place-content-around { + place-content: space-around !important; } - .lg\:row-start-auto { - grid-row-start: auto !important; + .lg\:place-content-evenly { + place-content: space-evenly !important; } - .lg\:row-end-1 { - grid-row-end: 1 !important; + .lg\:place-content-stretch { + place-content: stretch !important; } - .lg\:row-end-2 { - grid-row-end: 2 !important; + .lg\:place-self-auto { + place-self: auto !important; } - .lg\:row-end-3 { - grid-row-end: 3 !important; + .lg\:place-self-start { + place-self: start !important; } - .lg\:row-end-4 { - grid-row-end: 4 !important; + .lg\:place-self-end { + place-self: end !important; } - .lg\:row-end-5 { - grid-row-end: 5 !important; + .lg\:place-self-center { + place-self: center !important; } - .lg\:row-end-6 { - grid-row-end: 6 !important; + .lg\:place-self-stretch { + place-self: stretch !important; } - .lg\:row-end-7 { - grid-row-end: 7 !important; + .lg\:items-start { + align-items: flex-start !important; } - .lg\:row-end-auto { - grid-row-end: auto !important; + .lg\:items-end { + align-items: flex-end !important; } - .lg\:transform { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - 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)) !important; + .lg\:items-center { + align-items: center !important; } - .lg\:transform-gpu { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; + .lg\:items-baseline { + align-items: baseline !important; } - .lg\:transform-none { - transform: none !important; + .lg\:items-stretch { + align-items: stretch !important; } - .lg\:origin-center { - transform-origin: center !important; + .lg\:content-center { + align-content: center !important; } - .lg\:origin-top { - transform-origin: top !important; + .lg\:content-start { + align-content: flex-start !important; } - .lg\:origin-top-right { - transform-origin: top right !important; + .lg\:content-end { + align-content: flex-end !important; } - .lg\:origin-right { - transform-origin: right !important; + .lg\:content-between { + align-content: space-between !important; } - .lg\:origin-bottom-right { - transform-origin: bottom right !important; + .lg\:content-around { + align-content: space-around !important; } - .lg\:origin-bottom { - transform-origin: bottom !important; + .lg\:content-evenly { + align-content: space-evenly !important; } - .lg\:origin-bottom-left { - transform-origin: bottom left !important; + .lg\:self-auto { + align-self: auto !important; } - .lg\:origin-left { - transform-origin: left !important; + .lg\:self-start { + align-self: flex-start !important; } - .lg\:origin-top-left { - transform-origin: top left !important; + .lg\:self-end { + align-self: flex-end !important; } - .lg\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .lg\:self-center { + align-self: center !important; } - .lg\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .lg\:self-stretch { + align-self: stretch !important; } - .lg\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .lg\:justify-items-auto { + justify-items: auto !important; } - .lg\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .lg\:justify-items-start { + justify-items: start !important; } - .lg\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .lg\:justify-items-end { + justify-items: end !important; } - .lg\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .lg\:justify-items-center { + justify-items: center !important; } - .lg\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .lg\:justify-items-stretch { + justify-items: stretch !important; } - .lg\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .lg\:justify-start { + justify-content: flex-start !important; } - .lg\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .lg\:justify-end { + justify-content: flex-end !important; } - .lg\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .lg\:justify-center { + justify-content: center !important; } - .lg\:scale-x-0 { - --transform-scale-x: 0 !important; + .lg\:justify-between { + justify-content: space-between !important; } - .lg\:scale-x-50 { - --transform-scale-x: .5 !important; + .lg\:justify-around { + justify-content: space-around !important; } - .lg\:scale-x-75 { - --transform-scale-x: .75 !important; + .lg\:justify-evenly { + justify-content: space-evenly !important; } - .lg\:scale-x-90 { - --transform-scale-x: .9 !important; + .lg\:justify-self-auto { + justify-self: auto !important; } - .lg\:scale-x-95 { - --transform-scale-x: .95 !important; + .lg\:justify-self-start { + justify-self: start !important; } - .lg\:scale-x-100 { - --transform-scale-x: 1 !important; + .lg\:justify-self-end { + justify-self: end !important; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05 !important; + .lg\:justify-self-center { + justify-self: center !important; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1 !important; + .lg\:justify-self-stretch { + justify-self: stretch !important; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25 !important; + .lg\:flex-1 { + flex: 1 1 0% !important; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5 !important; + .lg\:flex-auto { + flex: 1 1 auto !important; } - .lg\:scale-y-0 { - --transform-scale-y: 0 !important; + .lg\:flex-initial { + flex: 0 1 auto !important; } - .lg\:scale-y-50 { - --transform-scale-y: .5 !important; + .lg\:flex-none { + flex: none !important; } - .lg\:scale-y-75 { - --transform-scale-y: .75 !important; + .lg\:flex-grow-0 { + flex-grow: 0 !important; } - .lg\:scale-y-90 { - --transform-scale-y: .9 !important; + .lg\:flex-grow { + flex-grow: 1 !important; } - .lg\:scale-y-95 { - --transform-scale-y: .95 !important; + .lg\:flex-shrink-0 { + flex-shrink: 0 !important; } - .lg\:scale-y-100 { - --transform-scale-y: 1 !important; + .lg\:flex-shrink { + flex-shrink: 1 !important; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05 !important; + .lg\:order-1 { + order: 1 !important; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1 !important; + .lg\:order-2 { + order: 2 !important; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25 !important; + .lg\:order-3 { + order: 3 !important; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5 !important; + .lg\:order-4 { + order: 4 !important; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .lg\:order-5 { + order: 5 !important; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .lg\:order-6 { + order: 6 !important; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .lg\:order-7 { + order: 7 !important; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .lg\:order-8 { + order: 8 !important; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .lg\:order-9 { + order: 9 !important; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .lg\:order-10 { + order: 10 !important; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .lg\:order-11 { + order: 11 !important; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .lg\:order-12 { + order: 12 !important; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .lg\:order-first { + order: -9999 !important; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .lg\:order-last { + order: 9999 !important; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; + .lg\:order-none { + order: 0 !important; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; + .lg\:float-right { + float: right !important; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; + .lg\:float-left { + float: left !important; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; + .lg\:float-none { + float: none !important; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; + .lg\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; + .lg\:clear-left { + clear: left !important; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; + .lg\:clear-right { + clear: right !important; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; + .lg\:clear-both { + clear: both !important; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; + .lg\:clear-none { + clear: none !important; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; + .lg\:font-sans { + font-family: ui-sans-serif, 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" !important; } - .lg\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; + .lg\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; + .lg\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; + .lg\:font-thin { + font-weight: 100 !important; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; + .lg\:font-extralight { + font-weight: 200 !important; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; + .lg\:font-light { + font-weight: 300 !important; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; + .lg\:font-normal { + font-weight: 400 !important; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; + .lg\:font-medium { + font-weight: 500 !important; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; + .lg\:font-semibold { + font-weight: 600 !important; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; + .lg\:font-bold { + font-weight: 700 !important; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; + .lg\:font-extrabold { + font-weight: 800 !important; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .lg\:font-black { + font-weight: 900 !important; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .lg\:hover\:font-thin:hover { + font-weight: 100 !important; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .lg\:hover\:font-extralight:hover { + font-weight: 200 !important; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .lg\:hover\:font-light:hover { + font-weight: 300 !important; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .lg\:hover\:font-normal:hover { + font-weight: 400 !important; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .lg\:hover\:font-medium:hover { + font-weight: 500 !important; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .lg\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .lg\:hover\:font-bold:hover { + font-weight: 700 !important; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .lg\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .lg\:hover\:font-black:hover { + font-weight: 900 !important; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; + .lg\:focus\:font-thin:focus { + font-weight: 100 !important; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; + .lg\:focus\:font-extralight:focus { + font-weight: 200 !important; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; + .lg\:focus\:font-light:focus { + font-weight: 300 !important; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; + .lg\:focus\:font-normal:focus { + font-weight: 400 !important; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; + .lg\:focus\:font-medium:focus { + font-weight: 500 !important; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; + .lg\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; + .lg\:focus\:font-bold:focus { + font-weight: 700 !important; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; + .lg\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; + .lg\:focus\:font-black:focus { + font-weight: 900 !important; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; + .lg\:h-0 { + height: 0 !important; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; + .lg\:h-1 { + height: 0.25rem !important; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; + .lg\:h-2 { + height: 0.5rem !important; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; + .lg\:h-3 { + height: 0.75rem !important; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; + .lg\:h-4 { + height: 1rem !important; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; + .lg\:h-5 { + height: 1.25rem !important; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; + .lg\:h-6 { + height: 1.5rem !important; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; + .lg\:h-7 { + height: 1.75rem !important; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; + .lg\:h-8 { + height: 2rem !important; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; + .lg\:h-9 { + height: 2.25rem !important; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; + .lg\:h-10 { + height: 2.5rem !important; } - .lg\:rotate-0 { - --transform-rotate: 0 !important; + .lg\:h-12 { + height: 3rem !important; } - .lg\:rotate-1 { - --transform-rotate: 1deg !important; + .lg\:h-14 { + height: 3.5rem !important; } - .lg\:rotate-2 { - --transform-rotate: 2deg !important; + .lg\:h-16 { + height: 4rem !important; } - .lg\:rotate-3 { - --transform-rotate: 3deg !important; + .lg\:h-20 { + height: 5rem !important; } - .lg\:rotate-6 { - --transform-rotate: 6deg !important; + .lg\:h-24 { + height: 6rem !important; } - .lg\:rotate-12 { - --transform-rotate: 12deg !important; + .lg\:h-28 { + height: 7rem !important; } - .lg\:rotate-45 { - --transform-rotate: 45deg !important; + .lg\:h-32 { + height: 8rem !important; } - .lg\:rotate-90 { - --transform-rotate: 90deg !important; + .lg\:h-36 { + height: 9rem !important; } - .lg\:rotate-180 { - --transform-rotate: 180deg !important; + .lg\:h-40 { + height: 10rem !important; } - .lg\:-rotate-180 { - --transform-rotate: -180deg !important; + .lg\:h-44 { + height: 11rem !important; } - .lg\:-rotate-90 { - --transform-rotate: -90deg !important; + .lg\:h-48 { + height: 12rem !important; } - .lg\:-rotate-45 { - --transform-rotate: -45deg !important; + .lg\:h-52 { + height: 13rem !important; } - .lg\:-rotate-12 { - --transform-rotate: -12deg !important; + .lg\:h-56 { + height: 14rem !important; } - .lg\:-rotate-6 { - --transform-rotate: -6deg !important; + .lg\:h-60 { + height: 15rem !important; } - .lg\:-rotate-3 { - --transform-rotate: -3deg !important; + .lg\:h-64 { + height: 16rem !important; } - .lg\:-rotate-2 { - --transform-rotate: -2deg !important; + .lg\:h-72 { + height: 18rem !important; } - .lg\:-rotate-1 { - --transform-rotate: -1deg !important; + .lg\:h-80 { + height: 20rem !important; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; + .lg\:h-96 { + height: 24rem !important; } - .lg\:hover\:rotate-1:hover { - --transform-rotate: 1deg !important; + .lg\:h-auto { + height: auto !important; } - .lg\:hover\:rotate-2:hover { - --transform-rotate: 2deg !important; + .lg\:h-px { + height: 1px !important; } - .lg\:hover\:rotate-3:hover { - --transform-rotate: 3deg !important; + .lg\:h-0\.5 { + height: 0.125rem !important; } - .lg\:hover\:rotate-6:hover { - --transform-rotate: 6deg !important; + .lg\:h-1\.5 { + height: 0.375rem !important; } - .lg\:hover\:rotate-12:hover { - --transform-rotate: 12deg !important; + .lg\:h-2\.5 { + height: 0.625rem !important; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; + .lg\:h-3\.5 { + height: 0.875rem !important; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; + .lg\:h-full { + height: 100% !important; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; + .lg\:h-screen { + height: 100vh !important; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; + .lg\:text-xs { + font-size: 0.75rem !important; + line-height: 1rem !important; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; + .lg\:text-sm { + font-size: 0.875rem !important; + line-height: 1.25rem !important; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; + .lg\:text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; } - .lg\:hover\:-rotate-12:hover { - --transform-rotate: -12deg !important; + .lg\:text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; } - .lg\:hover\:-rotate-6:hover { - --transform-rotate: -6deg !important; + .lg\:text-xl { + font-size: 1.25rem !important; + line-height: 1.75rem !important; } - .lg\:hover\:-rotate-3:hover { - --transform-rotate: -3deg !important; + .lg\:text-2xl { + font-size: 1.5rem !important; + line-height: 2rem !important; } - .lg\:hover\:-rotate-2:hover { - --transform-rotate: -2deg !important; + .lg\:text-3xl { + font-size: 1.875rem !important; + line-height: 2.25rem !important; } - .lg\:hover\:-rotate-1:hover { - --transform-rotate: -1deg !important; + .lg\:text-4xl { + font-size: 2.25rem !important; + line-height: 2.5rem !important; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; + .lg\:text-5xl { + font-size: 3rem !important; + line-height: 1 !important; } - .lg\:focus\:rotate-1:focus { - --transform-rotate: 1deg !important; + .lg\:text-6xl { + font-size: 3.75rem !important; + line-height: 1 !important; } - .lg\:focus\:rotate-2:focus { - --transform-rotate: 2deg !important; + .lg\:text-7xl { + font-size: 4.5rem !important; + line-height: 1 !important; } - .lg\:focus\:rotate-3:focus { - --transform-rotate: 3deg !important; + .lg\:text-8xl { + font-size: 6rem !important; + line-height: 1 !important; } - .lg\:focus\:rotate-6:focus { - --transform-rotate: 6deg !important; + .lg\:text-9xl { + font-size: 8rem !important; + line-height: 1 !important; } - .lg\:focus\:rotate-12:focus { - --transform-rotate: 12deg !important; + .lg\:leading-3 { + line-height: .75rem !important; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; + .lg\:leading-4 { + line-height: 1rem !important; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; + .lg\:leading-5 { + line-height: 1.25rem !important; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; + .lg\:leading-6 { + line-height: 1.5rem !important; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; + .lg\:leading-7 { + line-height: 1.75rem !important; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; + .lg\:leading-8 { + line-height: 2rem !important; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; + .lg\:leading-9 { + line-height: 2.25rem !important; } - .lg\:focus\:-rotate-12:focus { - --transform-rotate: -12deg !important; + .lg\:leading-10 { + line-height: 2.5rem !important; } - .lg\:focus\:-rotate-6:focus { - --transform-rotate: -6deg !important; + .lg\:leading-none { + line-height: 1 !important; } - .lg\:focus\:-rotate-3:focus { - --transform-rotate: -3deg !important; + .lg\:leading-tight { + line-height: 1.25 !important; } - .lg\:focus\:-rotate-2:focus { - --transform-rotate: -2deg !important; + .lg\:leading-snug { + line-height: 1.375 !important; } - .lg\:focus\:-rotate-1:focus { - --transform-rotate: -1deg !important; + .lg\:leading-normal { + line-height: 1.5 !important; } - .lg\:translate-x-0 { - --transform-translate-x: 0 !important; + .lg\:leading-relaxed { + line-height: 1.625 !important; } - .lg\:translate-x-1 { - --transform-translate-x: 0.25rem !important; + .lg\:leading-loose { + line-height: 2 !important; } - .lg\:translate-x-2 { - --transform-translate-x: 0.5rem !important; + .lg\:list-inside { + list-style-position: inside !important; } - .lg\:translate-x-3 { - --transform-translate-x: 0.75rem !important; + .lg\:list-outside { + list-style-position: outside !important; } - .lg\:translate-x-4 { - --transform-translate-x: 1rem !important; + .lg\:list-none { + list-style-type: none !important; } - .lg\:translate-x-5 { - --transform-translate-x: 1.25rem !important; + .lg\:list-disc { + list-style-type: disc !important; } - .lg\:translate-x-6 { - --transform-translate-x: 1.5rem !important; + .lg\:list-decimal { + list-style-type: decimal !important; } - .lg\:translate-x-7 { - --transform-translate-x: 1.75rem !important; + .lg\:m-0 { + margin: 0 !important; } - .lg\:translate-x-8 { - --transform-translate-x: 2rem !important; + .lg\:m-1 { + margin: 0.25rem !important; } - .lg\:translate-x-9 { - --transform-translate-x: 2.25rem !important; + .lg\:m-2 { + margin: 0.5rem !important; } - .lg\:translate-x-10 { - --transform-translate-x: 2.5rem !important; + .lg\:m-3 { + margin: 0.75rem !important; } - .lg\:translate-x-12 { - --transform-translate-x: 3rem !important; + .lg\:m-4 { + margin: 1rem !important; } - .lg\:translate-x-14 { - --transform-translate-x: 3.5rem !important; + .lg\:m-5 { + margin: 1.25rem !important; } - .lg\:translate-x-16 { - --transform-translate-x: 4rem !important; + .lg\:m-6 { + margin: 1.5rem !important; } - .lg\:translate-x-20 { - --transform-translate-x: 5rem !important; + .lg\:m-7 { + margin: 1.75rem !important; } - .lg\:translate-x-24 { - --transform-translate-x: 6rem !important; + .lg\:m-8 { + margin: 2rem !important; } - .lg\:translate-x-28 { - --transform-translate-x: 7rem !important; + .lg\:m-9 { + margin: 2.25rem !important; } - .lg\:translate-x-32 { - --transform-translate-x: 8rem !important; + .lg\:m-10 { + margin: 2.5rem !important; } - .lg\:translate-x-36 { - --transform-translate-x: 9rem !important; + .lg\:m-12 { + margin: 3rem !important; } - .lg\:translate-x-40 { - --transform-translate-x: 10rem !important; + .lg\:m-14 { + margin: 3.5rem !important; } - .lg\:translate-x-44 { - --transform-translate-x: 11rem !important; + .lg\:m-16 { + margin: 4rem !important; } - .lg\:translate-x-48 { - --transform-translate-x: 12rem !important; + .lg\:m-20 { + margin: 5rem !important; } - .lg\:translate-x-52 { - --transform-translate-x: 13rem !important; + .lg\:m-24 { + margin: 6rem !important; } - .lg\:translate-x-56 { - --transform-translate-x: 14rem !important; + .lg\:m-28 { + margin: 7rem !important; } - .lg\:translate-x-60 { - --transform-translate-x: 15rem !important; + .lg\:m-32 { + margin: 8rem !important; } - .lg\:translate-x-64 { - --transform-translate-x: 16rem !important; + .lg\:m-36 { + margin: 9rem !important; } - .lg\:translate-x-72 { - --transform-translate-x: 18rem !important; + .lg\:m-40 { + margin: 10rem !important; } - .lg\:translate-x-80 { - --transform-translate-x: 20rem !important; + .lg\:m-44 { + margin: 11rem !important; } - .lg\:translate-x-96 { - --transform-translate-x: 24rem !important; + .lg\:m-48 { + margin: 12rem !important; } - .lg\:translate-x-px { - --transform-translate-x: 1px !important; + .lg\:m-52 { + margin: 13rem !important; } - .lg\:translate-x-0\.5 { - --transform-translate-x: 0.125rem !important; + .lg\:m-56 { + margin: 14rem !important; } - .lg\:translate-x-1\.5 { - --transform-translate-x: 0.375rem !important; + .lg\:m-60 { + margin: 15rem !important; } - .lg\:translate-x-2\.5 { - --transform-translate-x: 0.625rem !important; + .lg\:m-64 { + margin: 16rem !important; } - .lg\:translate-x-3\.5 { - --transform-translate-x: 0.875rem !important; + .lg\:m-72 { + margin: 18rem !important; } - .lg\:-translate-x-1 { - --transform-translate-x: -0.25rem !important; + .lg\:m-80 { + margin: 20rem !important; } - .lg\:-translate-x-2 { - --transform-translate-x: -0.5rem !important; + .lg\:m-96 { + margin: 24rem !important; } - .lg\:-translate-x-3 { - --transform-translate-x: -0.75rem !important; + .lg\:m-auto { + margin: auto !important; } - .lg\:-translate-x-4 { - --transform-translate-x: -1rem !important; + .lg\:m-px { + margin: 1px !important; } - .lg\:-translate-x-5 { - --transform-translate-x: -1.25rem !important; + .lg\:m-0\.5 { + margin: 0.125rem !important; } - .lg\:-translate-x-6 { - --transform-translate-x: -1.5rem !important; + .lg\:m-1\.5 { + margin: 0.375rem !important; } - .lg\:-translate-x-7 { - --transform-translate-x: -1.75rem !important; + .lg\:m-2\.5 { + margin: 0.625rem !important; } - .lg\:-translate-x-8 { - --transform-translate-x: -2rem !important; + .lg\:m-3\.5 { + margin: 0.875rem !important; } - .lg\:-translate-x-9 { - --transform-translate-x: -2.25rem !important; + .lg\:-m-1 { + margin: -0.25rem !important; } - .lg\:-translate-x-10 { - --transform-translate-x: -2.5rem !important; + .lg\:-m-2 { + margin: -0.5rem !important; } - .lg\:-translate-x-12 { - --transform-translate-x: -3rem !important; + .lg\:-m-3 { + margin: -0.75rem !important; } - .lg\:-translate-x-14 { - --transform-translate-x: -3.5rem !important; + .lg\:-m-4 { + margin: -1rem !important; } - .lg\:-translate-x-16 { - --transform-translate-x: -4rem !important; + .lg\:-m-5 { + margin: -1.25rem !important; } - .lg\:-translate-x-20 { - --transform-translate-x: -5rem !important; + .lg\:-m-6 { + margin: -1.5rem !important; } - .lg\:-translate-x-24 { - --transform-translate-x: -6rem !important; + .lg\:-m-7 { + margin: -1.75rem !important; } - .lg\:-translate-x-28 { - --transform-translate-x: -7rem !important; + .lg\:-m-8 { + margin: -2rem !important; } - .lg\:-translate-x-32 { - --transform-translate-x: -8rem !important; + .lg\:-m-9 { + margin: -2.25rem !important; } - .lg\:-translate-x-36 { - --transform-translate-x: -9rem !important; + .lg\:-m-10 { + margin: -2.5rem !important; } - .lg\:-translate-x-40 { - --transform-translate-x: -10rem !important; + .lg\:-m-12 { + margin: -3rem !important; } - .lg\:-translate-x-44 { - --transform-translate-x: -11rem !important; + .lg\:-m-14 { + margin: -3.5rem !important; } - .lg\:-translate-x-48 { - --transform-translate-x: -12rem !important; + .lg\:-m-16 { + margin: -4rem !important; } - .lg\:-translate-x-52 { - --transform-translate-x: -13rem !important; + .lg\:-m-20 { + margin: -5rem !important; } - .lg\:-translate-x-56 { - --transform-translate-x: -14rem !important; + .lg\:-m-24 { + margin: -6rem !important; } - .lg\:-translate-x-60 { - --transform-translate-x: -15rem !important; + .lg\:-m-28 { + margin: -7rem !important; } - .lg\:-translate-x-64 { - --transform-translate-x: -16rem !important; + .lg\:-m-32 { + margin: -8rem !important; } - .lg\:-translate-x-72 { - --transform-translate-x: -18rem !important; + .lg\:-m-36 { + margin: -9rem !important; } - .lg\:-translate-x-80 { - --transform-translate-x: -20rem !important; + .lg\:-m-40 { + margin: -10rem !important; } - .lg\:-translate-x-96 { - --transform-translate-x: -24rem !important; + .lg\:-m-44 { + margin: -11rem !important; } - .lg\:-translate-x-px { - --transform-translate-x: -1px !important; + .lg\:-m-48 { + margin: -12rem !important; } - .lg\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem !important; + .lg\:-m-52 { + margin: -13rem !important; } - .lg\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem !important; + .lg\:-m-56 { + margin: -14rem !important; } - .lg\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem !important; + .lg\:-m-60 { + margin: -15rem !important; } - .lg\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem !important; + .lg\:-m-64 { + margin: -16rem !important; } - .lg\:translate-x-1\/2 { - --transform-translate-x: 50% !important; + .lg\:-m-72 { + margin: -18rem !important; } - .lg\:translate-x-1\/3 { - --transform-translate-x: 33.333333% !important; + .lg\:-m-80 { + margin: -20rem !important; } - .lg\:translate-x-2\/3 { - --transform-translate-x: 66.666667% !important; + .lg\:-m-96 { + margin: -24rem !important; } - .lg\:translate-x-1\/4 { - --transform-translate-x: 25% !important; + .lg\:-m-px { + margin: -1px !important; } - .lg\:translate-x-2\/4 { - --transform-translate-x: 50% !important; + .lg\:-m-0\.5 { + margin: -0.125rem !important; } - .lg\:translate-x-3\/4 { - --transform-translate-x: 75% !important; + .lg\:-m-1\.5 { + margin: -0.375rem !important; } - .lg\:translate-x-full { - --transform-translate-x: 100% !important; + .lg\:-m-2\.5 { + margin: -0.625rem !important; } - .lg\:-translate-x-1\/2 { - --transform-translate-x: -50% !important; + .lg\:-m-3\.5 { + margin: -0.875rem !important; } - .lg\:-translate-x-1\/3 { - --transform-translate-x: -33.333333% !important; + .lg\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .lg\:-translate-x-2\/3 { - --transform-translate-x: -66.666667% !important; + .lg\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .lg\:-translate-x-1\/4 { - --transform-translate-x: -25% !important; + .lg\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .lg\:-translate-x-2\/4 { - --transform-translate-x: -50% !important; + .lg\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .lg\:-translate-x-3\/4 { - --transform-translate-x: -75% !important; + .lg\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .lg\:-translate-x-full { - --transform-translate-x: -100% !important; + .lg\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .lg\:translate-y-0 { - --transform-translate-y: 0 !important; + .lg\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .lg\:translate-y-1 { - --transform-translate-y: 0.25rem !important; + .lg\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .lg\:translate-y-2 { - --transform-translate-y: 0.5rem !important; + .lg\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .lg\:translate-y-3 { - --transform-translate-y: 0.75rem !important; + .lg\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .lg\:translate-y-4 { - --transform-translate-y: 1rem !important; + .lg\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .lg\:translate-y-5 { - --transform-translate-y: 1.25rem !important; + .lg\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .lg\:translate-y-6 { - --transform-translate-y: 1.5rem !important; + .lg\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .lg\:translate-y-7 { - --transform-translate-y: 1.75rem !important; + .lg\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .lg\:translate-y-8 { - --transform-translate-y: 2rem !important; + .lg\:my-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; } - .lg\:translate-y-9 { - --transform-translate-y: 2.25rem !important; + .lg\:mx-7 { + margin-left: 1.75rem !important; + margin-right: 1.75rem !important; } - .lg\:translate-y-10 { - --transform-translate-y: 2.5rem !important; + .lg\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .lg\:translate-y-12 { - --transform-translate-y: 3rem !important; + .lg\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .lg\:translate-y-14 { - --transform-translate-y: 3.5rem !important; + .lg\:my-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; } - .lg\:translate-y-16 { - --transform-translate-y: 4rem !important; + .lg\:mx-9 { + margin-left: 2.25rem !important; + margin-right: 2.25rem !important; } - .lg\:translate-y-20 { - --transform-translate-y: 5rem !important; + .lg\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .lg\:translate-y-24 { - --transform-translate-y: 6rem !important; + .lg\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .lg\:translate-y-28 { - --transform-translate-y: 7rem !important; + .lg\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .lg\:translate-y-32 { - --transform-translate-y: 8rem !important; + .lg\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .lg\:translate-y-36 { - --transform-translate-y: 9rem !important; + .lg\:my-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; } - .lg\:translate-y-40 { - --transform-translate-y: 10rem !important; + .lg\:mx-14 { + margin-left: 3.5rem !important; + margin-right: 3.5rem !important; } - .lg\:translate-y-44 { - --transform-translate-y: 11rem !important; + .lg\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .lg\:translate-y-48 { - --transform-translate-y: 12rem !important; + .lg\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .lg\:translate-y-52 { - --transform-translate-y: 13rem !important; + .lg\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .lg\:translate-y-56 { - --transform-translate-y: 14rem !important; + .lg\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .lg\:translate-y-60 { - --transform-translate-y: 15rem !important; + .lg\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .lg\:translate-y-64 { - --transform-translate-y: 16rem !important; + .lg\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .lg\:translate-y-72 { - --transform-translate-y: 18rem !important; + .lg\:my-28 { + margin-top: 7rem !important; + margin-bottom: 7rem !important; } - .lg\:translate-y-80 { - --transform-translate-y: 20rem !important; + .lg\:mx-28 { + margin-left: 7rem !important; + margin-right: 7rem !important; } - .lg\:translate-y-96 { - --transform-translate-y: 24rem !important; + .lg\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .lg\:translate-y-px { - --transform-translate-y: 1px !important; + .lg\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .lg\:translate-y-0\.5 { - --transform-translate-y: 0.125rem !important; + .lg\:my-36 { + margin-top: 9rem !important; + margin-bottom: 9rem !important; } - .lg\:translate-y-1\.5 { - --transform-translate-y: 0.375rem !important; + .lg\:mx-36 { + margin-left: 9rem !important; + margin-right: 9rem !important; } - .lg\:translate-y-2\.5 { - --transform-translate-y: 0.625rem !important; + .lg\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .lg\:translate-y-3\.5 { - --transform-translate-y: 0.875rem !important; + .lg\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .lg\:-translate-y-1 { - --transform-translate-y: -0.25rem !important; + .lg\:my-44 { + margin-top: 11rem !important; + margin-bottom: 11rem !important; } - .lg\:-translate-y-2 { - --transform-translate-y: -0.5rem !important; + .lg\:mx-44 { + margin-left: 11rem !important; + margin-right: 11rem !important; } - .lg\:-translate-y-3 { - --transform-translate-y: -0.75rem !important; + .lg\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .lg\:-translate-y-4 { - --transform-translate-y: -1rem !important; + .lg\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .lg\:-translate-y-5 { - --transform-translate-y: -1.25rem !important; + .lg\:my-52 { + margin-top: 13rem !important; + margin-bottom: 13rem !important; } - .lg\:-translate-y-6 { - --transform-translate-y: -1.5rem !important; + .lg\:mx-52 { + margin-left: 13rem !important; + margin-right: 13rem !important; } - .lg\:-translate-y-7 { - --transform-translate-y: -1.75rem !important; + .lg\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .lg\:-translate-y-8 { - --transform-translate-y: -2rem !important; + .lg\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .lg\:-translate-y-9 { - --transform-translate-y: -2.25rem !important; + .lg\:my-60 { + margin-top: 15rem !important; + margin-bottom: 15rem !important; } - .lg\:-translate-y-10 { - --transform-translate-y: -2.5rem !important; + .lg\:mx-60 { + margin-left: 15rem !important; + margin-right: 15rem !important; } - .lg\:-translate-y-12 { - --transform-translate-y: -3rem !important; + .lg\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .lg\:-translate-y-14 { - --transform-translate-y: -3.5rem !important; + .lg\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .lg\:-translate-y-16 { - --transform-translate-y: -4rem !important; + .lg\:my-72 { + margin-top: 18rem !important; + margin-bottom: 18rem !important; } - .lg\:-translate-y-20 { - --transform-translate-y: -5rem !important; + .lg\:mx-72 { + margin-left: 18rem !important; + margin-right: 18rem !important; } - .lg\:-translate-y-24 { - --transform-translate-y: -6rem !important; + .lg\:my-80 { + margin-top: 20rem !important; + margin-bottom: 20rem !important; } - .lg\:-translate-y-28 { - --transform-translate-y: -7rem !important; + .lg\:mx-80 { + margin-left: 20rem !important; + margin-right: 20rem !important; } - .lg\:-translate-y-32 { - --transform-translate-y: -8rem !important; + .lg\:my-96 { + margin-top: 24rem !important; + margin-bottom: 24rem !important; } - .lg\:-translate-y-36 { - --transform-translate-y: -9rem !important; + .lg\:mx-96 { + margin-left: 24rem !important; + margin-right: 24rem !important; } - .lg\:-translate-y-40 { - --transform-translate-y: -10rem !important; + .lg\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .lg\:-translate-y-44 { - --transform-translate-y: -11rem !important; + .lg\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .lg\:-translate-y-48 { - --transform-translate-y: -12rem !important; + .lg\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .lg\:-translate-y-52 { - --transform-translate-y: -13rem !important; + .lg\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .lg\:-translate-y-56 { - --transform-translate-y: -14rem !important; + .lg\:my-0\.5 { + margin-top: 0.125rem !important; + margin-bottom: 0.125rem !important; } - .lg\:-translate-y-60 { - --transform-translate-y: -15rem !important; + .lg\:mx-0\.5 { + margin-left: 0.125rem !important; + margin-right: 0.125rem !important; } - .lg\:-translate-y-64 { - --transform-translate-y: -16rem !important; + .lg\:my-1\.5 { + margin-top: 0.375rem !important; + margin-bottom: 0.375rem !important; } - .lg\:-translate-y-72 { - --transform-translate-y: -18rem !important; + .lg\:mx-1\.5 { + margin-left: 0.375rem !important; + margin-right: 0.375rem !important; } - .lg\:-translate-y-80 { - --transform-translate-y: -20rem !important; + .lg\:my-2\.5 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; } - .lg\:-translate-y-96 { - --transform-translate-y: -24rem !important; + .lg\:mx-2\.5 { + margin-left: 0.625rem !important; + margin-right: 0.625rem !important; } - .lg\:-translate-y-px { - --transform-translate-y: -1px !important; + .lg\:my-3\.5 { + margin-top: 0.875rem !important; + margin-bottom: 0.875rem !important; } - .lg\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem !important; + .lg\:mx-3\.5 { + margin-left: 0.875rem !important; + margin-right: 0.875rem !important; } - .lg\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem !important; + .lg\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .lg\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem !important; + .lg\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .lg\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem !important; + .lg\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .lg\:translate-y-1\/2 { - --transform-translate-y: 50% !important; + .lg\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .lg\:translate-y-1\/3 { - --transform-translate-y: 33.333333% !important; + .lg\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .lg\:translate-y-2\/3 { - --transform-translate-y: 66.666667% !important; + .lg\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .lg\:translate-y-1\/4 { - --transform-translate-y: 25% !important; + .lg\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .lg\:translate-y-2\/4 { - --transform-translate-y: 50% !important; + .lg\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .lg\:translate-y-3\/4 { - --transform-translate-y: 75% !important; + .lg\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .lg\:translate-y-full { - --transform-translate-y: 100% !important; + .lg\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .lg\:-translate-y-1\/2 { - --transform-translate-y: -50% !important; + .lg\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .lg\:-translate-y-1\/3 { - --transform-translate-y: -33.333333% !important; + .lg\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .lg\:-translate-y-2\/3 { - --transform-translate-y: -66.666667% !important; + .lg\:-my-7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; } - .lg\:-translate-y-1\/4 { - --transform-translate-y: -25% !important; + .lg\:-mx-7 { + margin-left: -1.75rem !important; + margin-right: -1.75rem !important; } - .lg\:-translate-y-2\/4 { - --transform-translate-y: -50% !important; + .lg\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .lg\:-translate-y-3\/4 { - --transform-translate-y: -75% !important; + .lg\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .lg\:-translate-y-full { - --transform-translate-y: -100% !important; + .lg\:-my-9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; + .lg\:-mx-9 { + margin-left: -2.25rem !important; + margin-right: -2.25rem !important; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; + .lg\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; + .lg\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; + .lg\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; + .lg\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; + .lg\:-my-14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; + .lg\:-mx-14 { + margin-left: -3.5rem !important; + margin-right: -3.5rem !important; } - .lg\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem !important; + .lg\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; + .lg\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .lg\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem !important; + .lg\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; + .lg\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; + .lg\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .lg\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem !important; + .lg\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; + .lg\:-my-28 { + margin-top: -7rem !important; + margin-bottom: -7rem !important; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; + .lg\:-mx-28 { + margin-left: -7rem !important; + margin-right: -7rem !important; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; + .lg\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .lg\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem !important; + .lg\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; + .lg\:-my-36 { + margin-top: -9rem !important; + margin-bottom: -9rem !important; } - .lg\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem !important; + .lg\:-mx-36 { + margin-left: -9rem !important; + margin-right: -9rem !important; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; + .lg\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .lg\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem !important; + .lg\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; + .lg\:-my-44 { + margin-top: -11rem !important; + margin-bottom: -11rem !important; } - .lg\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem !important; + .lg\:-mx-44 { + margin-left: -11rem !important; + margin-right: -11rem !important; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; + .lg\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .lg\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem !important; + .lg\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; + .lg\:-my-52 { + margin-top: -13rem !important; + margin-bottom: -13rem !important; } - .lg\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem !important; + .lg\:-mx-52 { + margin-left: -13rem !important; + margin-right: -13rem !important; } - .lg\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem !important; + .lg\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .lg\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem !important; + .lg\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; + .lg\:-my-60 { + margin-top: -15rem !important; + margin-bottom: -15rem !important; } - .lg\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem !important; + .lg\:-mx-60 { + margin-left: -15rem !important; + margin-right: -15rem !important; } - .lg\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem !important; + .lg\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .lg\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem !important; + .lg\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .lg\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem !important; + .lg\:-my-72 { + margin-top: -18rem !important; + margin-bottom: -18rem !important; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; + .lg\:-mx-72 { + margin-left: -18rem !important; + margin-right: -18rem !important; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; + .lg\:-my-80 { + margin-top: -20rem !important; + margin-bottom: -20rem !important; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; + .lg\:-mx-80 { + margin-left: -20rem !important; + margin-right: -20rem !important; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; + .lg\:-my-96 { + margin-top: -24rem !important; + margin-bottom: -24rem !important; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; + .lg\:-mx-96 { + margin-left: -24rem !important; + margin-right: -24rem !important; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; + .lg\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .lg\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem !important; + .lg\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; + .lg\:-my-0\.5 { + margin-top: -0.125rem !important; + margin-bottom: -0.125rem !important; } - .lg\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem !important; + .lg\:-mx-0\.5 { + margin-left: -0.125rem !important; + margin-right: -0.125rem !important; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; + .lg\:-my-1\.5 { + margin-top: -0.375rem !important; + margin-bottom: -0.375rem !important; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; + .lg\:-mx-1\.5 { + margin-left: -0.375rem !important; + margin-right: -0.375rem !important; } - .lg\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem !important; + .lg\:-my-2\.5 { + margin-top: -0.625rem !important; + margin-bottom: -0.625rem !important; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; + .lg\:-mx-2\.5 { + margin-left: -0.625rem !important; + margin-right: -0.625rem !important; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; + .lg\:-my-3\.5 { + margin-top: -0.875rem !important; + margin-bottom: -0.875rem !important; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; + .lg\:-mx-3\.5 { + margin-left: -0.875rem !important; + margin-right: -0.875rem !important; } - .lg\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem !important; + .lg\:mt-0 { + margin-top: 0 !important; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; + .lg\:mr-0 { + margin-right: 0 !important; } - .lg\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem !important; + .lg\:mb-0 { + margin-bottom: 0 !important; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; + .lg\:ml-0 { + margin-left: 0 !important; } - .lg\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem !important; + .lg\:mt-1 { + margin-top: 0.25rem !important; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; + .lg\:mr-1 { + margin-right: 0.25rem !important; } - .lg\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem !important; + .lg\:mb-1 { + margin-bottom: 0.25rem !important; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; + .lg\:ml-1 { + margin-left: 0.25rem !important; } - .lg\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem !important; + .lg\:mt-2 { + margin-top: 0.5rem !important; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; + .lg\:mr-2 { + margin-right: 0.5rem !important; } - .lg\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem !important; + .lg\:mb-2 { + margin-bottom: 0.5rem !important; } - .lg\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem !important; + .lg\:ml-2 { + margin-left: 0.5rem !important; } - .lg\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem !important; + .lg\:mt-3 { + margin-top: 0.75rem !important; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; + .lg\:mr-3 { + margin-right: 0.75rem !important; } - .lg\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem !important; + .lg\:mb-3 { + margin-bottom: 0.75rem !important; } - .lg\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem !important; + .lg\:ml-3 { + margin-left: 0.75rem !important; } - .lg\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem !important; + .lg\:mt-4 { + margin-top: 1rem !important; } - .lg\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem !important; + .lg\:mr-4 { + margin-right: 1rem !important; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; + .lg\:mb-4 { + margin-bottom: 1rem !important; } - .lg\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333% !important; + .lg\:ml-4 { + margin-left: 1rem !important; } - .lg\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667% !important; + .lg\:mt-5 { + margin-top: 1.25rem !important; } - .lg\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25% !important; + .lg\:mr-5 { + margin-right: 1.25rem !important; } - .lg\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50% !important; + .lg\:mb-5 { + margin-bottom: 1.25rem !important; } - .lg\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75% !important; + .lg\:ml-5 { + margin-left: 1.25rem !important; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; + .lg\:mt-6 { + margin-top: 1.5rem !important; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; + .lg\:mr-6 { + margin-right: 1.5rem !important; } - .lg\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333% !important; + .lg\:mb-6 { + margin-bottom: 1.5rem !important; } - .lg\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667% !important; + .lg\:ml-6 { + margin-left: 1.5rem !important; } - .lg\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25% !important; + .lg\:mt-7 { + margin-top: 1.75rem !important; } - .lg\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50% !important; + .lg\:mr-7 { + margin-right: 1.75rem !important; } - .lg\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75% !important; + .lg\:mb-7 { + margin-bottom: 1.75rem !important; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; + .lg\:ml-7 { + margin-left: 1.75rem !important; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; + .lg\:mt-8 { + margin-top: 2rem !important; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; + .lg\:mr-8 { + margin-right: 2rem !important; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; + .lg\:mb-8 { + margin-bottom: 2rem !important; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; + .lg\:ml-8 { + margin-left: 2rem !important; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; + .lg\:mt-9 { + margin-top: 2.25rem !important; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; + .lg\:mr-9 { + margin-right: 2.25rem !important; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; + .lg\:mb-9 { + margin-bottom: 2.25rem !important; } - .lg\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem !important; + .lg\:ml-9 { + margin-left: 2.25rem !important; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; + .lg\:mt-10 { + margin-top: 2.5rem !important; } - .lg\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem !important; + .lg\:mr-10 { + margin-right: 2.5rem !important; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; + .lg\:mb-10 { + margin-bottom: 2.5rem !important; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; + .lg\:ml-10 { + margin-left: 2.5rem !important; } - .lg\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem !important; + .lg\:mt-12 { + margin-top: 3rem !important; } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; + .lg\:mr-12 { + margin-right: 3rem !important; } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; + .lg\:mb-12 { + margin-bottom: 3rem !important; } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; + .lg\:ml-12 { + margin-left: 3rem !important; } - .lg\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem !important; + .lg\:mt-14 { + margin-top: 3.5rem !important; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; + .lg\:mr-14 { + margin-right: 3.5rem !important; } - .lg\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem !important; + .lg\:mb-14 { + margin-bottom: 3.5rem !important; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; + .lg\:ml-14 { + margin-left: 3.5rem !important; } - .lg\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem !important; + .lg\:mt-16 { + margin-top: 4rem !important; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; + .lg\:mr-16 { + margin-right: 4rem !important; } - .lg\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem !important; + .lg\:mb-16 { + margin-bottom: 4rem !important; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; + .lg\:ml-16 { + margin-left: 4rem !important; } - .lg\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem !important; + .lg\:mt-20 { + margin-top: 5rem !important; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; + .lg\:mr-20 { + margin-right: 5rem !important; } - .lg\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem !important; + .lg\:mb-20 { + margin-bottom: 5rem !important; } - .lg\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem !important; + .lg\:ml-20 { + margin-left: 5rem !important; } - .lg\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem !important; + .lg\:mt-24 { + margin-top: 6rem !important; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; + .lg\:mr-24 { + margin-right: 6rem !important; } - .lg\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem !important; + .lg\:mb-24 { + margin-bottom: 6rem !important; } - .lg\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem !important; + .lg\:ml-24 { + margin-left: 6rem !important; } - .lg\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem !important; + .lg\:mt-28 { + margin-top: 7rem !important; } - .lg\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem !important; + .lg\:mr-28 { + margin-right: 7rem !important; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; + .lg\:mb-28 { + margin-bottom: 7rem !important; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; + .lg\:ml-28 { + margin-left: 7rem !important; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; + .lg\:mt-32 { + margin-top: 8rem !important; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; + .lg\:mr-32 { + margin-right: 8rem !important; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; + .lg\:mb-32 { + margin-bottom: 8rem !important; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; + .lg\:ml-32 { + margin-left: 8rem !important; } - .lg\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem !important; + .lg\:mt-36 { + margin-top: 9rem !important; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; + .lg\:mr-36 { + margin-right: 9rem !important; } - .lg\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem !important; + .lg\:mb-36 { + margin-bottom: 9rem !important; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; + .lg\:ml-36 { + margin-left: 9rem !important; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; + .lg\:mt-40 { + margin-top: 10rem !important; } - .lg\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem !important; + .lg\:mr-40 { + margin-right: 10rem !important; } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; + .lg\:mb-40 { + margin-bottom: 10rem !important; } - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; + .lg\:ml-40 { + margin-left: 10rem !important; } - .lg\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; + .lg\:mt-44 { + margin-top: 11rem !important; } - .lg\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem !important; + .lg\:mr-44 { + margin-right: 11rem !important; } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; + .lg\:mb-44 { + margin-bottom: 11rem !important; } - .lg\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem !important; + .lg\:ml-44 { + margin-left: 11rem !important; } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; + .lg\:mt-48 { + margin-top: 12rem !important; } - .lg\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem !important; + .lg\:mr-48 { + margin-right: 12rem !important; } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; + .lg\:mb-48 { + margin-bottom: 12rem !important; } - .lg\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem !important; + .lg\:ml-48 { + margin-left: 12rem !important; } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; + .lg\:mt-52 { + margin-top: 13rem !important; } - .lg\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem !important; + .lg\:mr-52 { + margin-right: 13rem !important; } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; + .lg\:mb-52 { + margin-bottom: 13rem !important; } - .lg\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem !important; + .lg\:ml-52 { + margin-left: 13rem !important; } - .lg\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem !important; + .lg\:mt-56 { + margin-top: 14rem !important; } - .lg\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem !important; + .lg\:mr-56 { + margin-right: 14rem !important; } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; + .lg\:mb-56 { + margin-bottom: 14rem !important; } - .lg\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem !important; + .lg\:ml-56 { + margin-left: 14rem !important; } - .lg\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem !important; + .lg\:mt-60 { + margin-top: 15rem !important; } - .lg\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem !important; + .lg\:mr-60 { + margin-right: 15rem !important; } - .lg\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem !important; + .lg\:mb-60 { + margin-bottom: 15rem !important; } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; + .lg\:ml-60 { + margin-left: 15rem !important; } - .lg\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333% !important; + .lg\:mt-64 { + margin-top: 16rem !important; } - .lg\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667% !important; + .lg\:mr-64 { + margin-right: 16rem !important; } - .lg\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25% !important; + .lg\:mb-64 { + margin-bottom: 16rem !important; } - .lg\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50% !important; + .lg\:ml-64 { + margin-left: 16rem !important; } - .lg\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75% !important; + .lg\:mt-72 { + margin-top: 18rem !important; } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; + .lg\:mr-72 { + margin-right: 18rem !important; } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; + .lg\:mb-72 { + margin-bottom: 18rem !important; } - .lg\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333% !important; + .lg\:ml-72 { + margin-left: 18rem !important; } - .lg\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667% !important; + .lg\:mt-80 { + margin-top: 20rem !important; } - .lg\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25% !important; + .lg\:mr-80 { + margin-right: 20rem !important; } - .lg\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50% !important; + .lg\:mb-80 { + margin-bottom: 20rem !important; } - .lg\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75% !important; + .lg\:ml-80 { + margin-left: 20rem !important; } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; + .lg\:mt-96 { + margin-top: 24rem !important; } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; + .lg\:mr-96 { + margin-right: 24rem !important; } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; + .lg\:mb-96 { + margin-bottom: 24rem !important; } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; + .lg\:ml-96 { + margin-left: 24rem !important; } - .lg\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; + .lg\:mt-auto { + margin-top: auto !important; } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; + .lg\:mr-auto { + margin-right: auto !important; } - .lg\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; + .lg\:mb-auto { + margin-bottom: auto !important; } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; + .lg\:ml-auto { + margin-left: auto !important; } - .lg\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem !important; + .lg\:mt-px { + margin-top: 1px !important; } - .lg\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; + .lg\:mr-px { + margin-right: 1px !important; } - .lg\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem !important; + .lg\:mb-px { + margin-bottom: 1px !important; } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; + .lg\:ml-px { + margin-left: 1px !important; } - .lg\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; + .lg\:mt-0\.5 { + margin-top: 0.125rem !important; } - .lg\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem !important; + .lg\:mr-0\.5 { + margin-right: 0.125rem !important; } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; + .lg\:mb-0\.5 { + margin-bottom: 0.125rem !important; } - .lg\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; + .lg\:ml-0\.5 { + margin-left: 0.125rem !important; } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; + .lg\:mt-1\.5 { + margin-top: 0.375rem !important; } - .lg\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem !important; + .lg\:mr-1\.5 { + margin-right: 0.375rem !important; } - .lg\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; + .lg\:mb-1\.5 { + margin-bottom: 0.375rem !important; } - .lg\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem !important; + .lg\:ml-1\.5 { + margin-left: 0.375rem !important; } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; + .lg\:mt-2\.5 { + margin-top: 0.625rem !important; } - .lg\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem !important; + .lg\:mr-2\.5 { + margin-right: 0.625rem !important; } - .lg\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; + .lg\:mb-2\.5 { + margin-bottom: 0.625rem !important; } - .lg\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem !important; + .lg\:ml-2\.5 { + margin-left: 0.625rem !important; } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; + .lg\:mt-3\.5 { + margin-top: 0.875rem !important; } - .lg\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem !important; + .lg\:mr-3\.5 { + margin-right: 0.875rem !important; } - .lg\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; + .lg\:mb-3\.5 { + margin-bottom: 0.875rem !important; } - .lg\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem !important; + .lg\:ml-3\.5 { + margin-left: 0.875rem !important; } - .lg\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem !important; + .lg\:-mt-1 { + margin-top: -0.25rem !important; } - .lg\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem !important; + .lg\:-mr-1 { + margin-right: -0.25rem !important; } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; + .lg\:-mb-1 { + margin-bottom: -0.25rem !important; } - .lg\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem !important; + .lg\:-ml-1 { + margin-left: -0.25rem !important; } - .lg\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem !important; + .lg\:-mt-2 { + margin-top: -0.5rem !important; } - .lg\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem !important; + .lg\:-mr-2 { + margin-right: -0.5rem !important; } - .lg\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem !important; + .lg\:-mb-2 { + margin-bottom: -0.5rem !important; } - .lg\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; + .lg\:-ml-2 { + margin-left: -0.5rem !important; } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; + .lg\:-mt-3 { + margin-top: -0.75rem !important; } - .lg\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; + .lg\:-mr-3 { + margin-right: -0.75rem !important; } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; + .lg\:-mb-3 { + margin-bottom: -0.75rem !important; } - .lg\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; + .lg\:-ml-3 { + margin-left: -0.75rem !important; } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; + .lg\:-mt-4 { + margin-top: -1rem !important; } - .lg\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem !important; + .lg\:-mr-4 { + margin-right: -1rem !important; } - .lg\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; + .lg\:-mb-4 { + margin-bottom: -1rem !important; } - .lg\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem !important; + .lg\:-ml-4 { + margin-left: -1rem !important; } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; + .lg\:-mt-5 { + margin-top: -1.25rem !important; } - .lg\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; + .lg\:-mr-5 { + margin-right: -1.25rem !important; } - .lg\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem !important; + .lg\:-mb-5 { + margin-bottom: -1.25rem !important; } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; + .lg\:-ml-5 { + margin-left: -1.25rem !important; } - .lg\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; + .lg\:-mt-6 { + margin-top: -1.5rem !important; } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; + .lg\:-mr-6 { + margin-right: -1.5rem !important; } - .lg\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem !important; + .lg\:-mb-6 { + margin-bottom: -1.5rem !important; } - .lg\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; + .lg\:-ml-6 { + margin-left: -1.5rem !important; } - .lg\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem !important; + .lg\:-mt-7 { + margin-top: -1.75rem !important; } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; + .lg\:-mr-7 { + margin-right: -1.75rem !important; } - .lg\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem !important; + .lg\:-mb-7 { + margin-bottom: -1.75rem !important; } - .lg\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; + .lg\:-ml-7 { + margin-left: -1.75rem !important; } - .lg\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem !important; + .lg\:-mt-8 { + margin-top: -2rem !important; } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; + .lg\:-mr-8 { + margin-right: -2rem !important; } - .lg\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem !important; + .lg\:-mb-8 { + margin-bottom: -2rem !important; } - .lg\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; + .lg\:-ml-8 { + margin-left: -2rem !important; } - .lg\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem !important; + .lg\:-mt-9 { + margin-top: -2.25rem !important; } - .lg\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem !important; + .lg\:-mr-9 { + margin-right: -2.25rem !important; } - .lg\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem !important; + .lg\:-mb-9 { + margin-bottom: -2.25rem !important; } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; + .lg\:-ml-9 { + margin-left: -2.25rem !important; } - .lg\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem !important; + .lg\:-mt-10 { + margin-top: -2.5rem !important; } - .lg\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem !important; + .lg\:-mr-10 { + margin-right: -2.5rem !important; } - .lg\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem !important; + .lg\:-mb-10 { + margin-bottom: -2.5rem !important; } - .lg\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem !important; + .lg\:-ml-10 { + margin-left: -2.5rem !important; } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; + .lg\:-mt-12 { + margin-top: -3rem !important; } - .lg\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333% !important; + .lg\:-mr-12 { + margin-right: -3rem !important; } - .lg\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667% !important; + .lg\:-mb-12 { + margin-bottom: -3rem !important; } - .lg\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25% !important; + .lg\:-ml-12 { + margin-left: -3rem !important; } - .lg\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50% !important; + .lg\:-mt-14 { + margin-top: -3.5rem !important; } - .lg\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75% !important; + .lg\:-mr-14 { + margin-right: -3.5rem !important; } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; + .lg\:-mb-14 { + margin-bottom: -3.5rem !important; } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; + .lg\:-ml-14 { + margin-left: -3.5rem !important; } - .lg\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333% !important; + .lg\:-mt-16 { + margin-top: -4rem !important; } - .lg\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667% !important; + .lg\:-mr-16 { + margin-right: -4rem !important; } - .lg\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25% !important; + .lg\:-mb-16 { + margin-bottom: -4rem !important; } - .lg\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50% !important; + .lg\:-ml-16 { + margin-left: -4rem !important; } - .lg\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75% !important; + .lg\:-mt-20 { + margin-top: -5rem !important; } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; + .lg\:-mr-20 { + margin-right: -5rem !important; } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; + .lg\:-mb-20 { + margin-bottom: -5rem !important; } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; + .lg\:-ml-20 { + margin-left: -5rem !important; } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; + .lg\:-mt-24 { + margin-top: -6rem !important; } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; + .lg\:-mr-24 { + margin-right: -6rem !important; } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; + .lg\:-mb-24 { + margin-bottom: -6rem !important; } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; + .lg\:-ml-24 { + margin-left: -6rem !important; } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; + .lg\:-mt-28 { + margin-top: -7rem !important; } - .lg\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem !important; + .lg\:-mr-28 { + margin-right: -7rem !important; } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; + .lg\:-mb-28 { + margin-bottom: -7rem !important; } - .lg\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem !important; + .lg\:-ml-28 { + margin-left: -7rem !important; } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; + .lg\:-mt-32 { + margin-top: -8rem !important; } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; + .lg\:-mr-32 { + margin-right: -8rem !important; } - .lg\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem !important; + .lg\:-mb-32 { + margin-bottom: -8rem !important; } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; + .lg\:-ml-32 { + margin-left: -8rem !important; } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; + .lg\:-mt-36 { + margin-top: -9rem !important; } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; + .lg\:-mr-36 { + margin-right: -9rem !important; } - .lg\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem !important; + .lg\:-mb-36 { + margin-bottom: -9rem !important; } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; + .lg\:-ml-36 { + margin-left: -9rem !important; } - .lg\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem !important; + .lg\:-mt-40 { + margin-top: -10rem !important; } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; + .lg\:-mr-40 { + margin-right: -10rem !important; } - .lg\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem !important; + .lg\:-mb-40 { + margin-bottom: -10rem !important; } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; + .lg\:-ml-40 { + margin-left: -10rem !important; } - .lg\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem !important; + .lg\:-mt-44 { + margin-top: -11rem !important; } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; + .lg\:-mr-44 { + margin-right: -11rem !important; } - .lg\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem !important; + .lg\:-mb-44 { + margin-bottom: -11rem !important; } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; + .lg\:-ml-44 { + margin-left: -11rem !important; } - .lg\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem !important; + .lg\:-mt-48 { + margin-top: -12rem !important; } - .lg\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem !important; + .lg\:-mr-48 { + margin-right: -12rem !important; } - .lg\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem !important; + .lg\:-mb-48 { + margin-bottom: -12rem !important; } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; + .lg\:-ml-48 { + margin-left: -12rem !important; } - .lg\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem !important; + .lg\:-mt-52 { + margin-top: -13rem !important; } - .lg\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem !important; + .lg\:-mr-52 { + margin-right: -13rem !important; } - .lg\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem !important; + .lg\:-mb-52 { + margin-bottom: -13rem !important; } - .lg\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem !important; + .lg\:-ml-52 { + margin-left: -13rem !important; } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; + .lg\:-mt-56 { + margin-top: -14rem !important; } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; + .lg\:-mr-56 { + margin-right: -14rem !important; } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; + .lg\:-mb-56 { + margin-bottom: -14rem !important; } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; + .lg\:-ml-56 { + margin-left: -14rem !important; } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; + .lg\:-mt-60 { + margin-top: -15rem !important; } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; + .lg\:-mr-60 { + margin-right: -15rem !important; } - .lg\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem !important; + .lg\:-mb-60 { + margin-bottom: -15rem !important; } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; + .lg\:-ml-60 { + margin-left: -15rem !important; } - .lg\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem !important; + .lg\:-mt-64 { + margin-top: -16rem !important; } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; + .lg\:-mr-64 { + margin-right: -16rem !important; } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; + .lg\:-mb-64 { + margin-bottom: -16rem !important; } - .lg\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem !important; + .lg\:-ml-64 { + margin-left: -16rem !important; } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; + .lg\:-mt-72 { + margin-top: -18rem !important; } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; + .lg\:-mr-72 { + margin-right: -18rem !important; } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; + .lg\:-mb-72 { + margin-bottom: -18rem !important; } - .lg\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem !important; + .lg\:-ml-72 { + margin-left: -18rem !important; } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; + .lg\:-mt-80 { + margin-top: -20rem !important; } - .lg\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem !important; + .lg\:-mr-80 { + margin-right: -20rem !important; } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; + .lg\:-mb-80 { + margin-bottom: -20rem !important; } - .lg\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem !important; + .lg\:-ml-80 { + margin-left: -20rem !important; } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; + .lg\:-mt-96 { + margin-top: -24rem !important; } - .lg\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem !important; + .lg\:-mr-96 { + margin-right: -24rem !important; } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; + .lg\:-mb-96 { + margin-bottom: -24rem !important; } - .lg\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem !important; + .lg\:-ml-96 { + margin-left: -24rem !important; } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; + .lg\:-mt-px { + margin-top: -1px !important; } - .lg\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem !important; + .lg\:-mr-px { + margin-right: -1px !important; } - .lg\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem !important; + .lg\:-mb-px { + margin-bottom: -1px !important; } - .lg\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem !important; + .lg\:-ml-px { + margin-left: -1px !important; } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; + .lg\:-mt-0\.5 { + margin-top: -0.125rem !important; } - .lg\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem !important; + .lg\:-mr-0\.5 { + margin-right: -0.125rem !important; } - .lg\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem !important; + .lg\:-mb-0\.5 { + margin-bottom: -0.125rem !important; } - .lg\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem !important; + .lg\:-ml-0\.5 { + margin-left: -0.125rem !important; } - .lg\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem !important; + .lg\:-mt-1\.5 { + margin-top: -0.375rem !important; } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; + .lg\:-mr-1\.5 { + margin-right: -0.375rem !important; } - .lg\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333% !important; + .lg\:-mb-1\.5 { + margin-bottom: -0.375rem !important; } - .lg\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667% !important; + .lg\:-ml-1\.5 { + margin-left: -0.375rem !important; } - .lg\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25% !important; + .lg\:-mt-2\.5 { + margin-top: -0.625rem !important; } - .lg\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50% !important; + .lg\:-mr-2\.5 { + margin-right: -0.625rem !important; } - .lg\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75% !important; + .lg\:-mb-2\.5 { + margin-bottom: -0.625rem !important; } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; + .lg\:-ml-2\.5 { + margin-left: -0.625rem !important; } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; + .lg\:-mt-3\.5 { + margin-top: -0.875rem !important; } - .lg\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333% !important; + .lg\:-mr-3\.5 { + margin-right: -0.875rem !important; } - .lg\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667% !important; + .lg\:-mb-3\.5 { + margin-bottom: -0.875rem !important; } - .lg\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25% !important; + .lg\:-ml-3\.5 { + margin-left: -0.875rem !important; } - .lg\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50% !important; + .lg\:max-h-0 { + max-height: 0 !important; } - .lg\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75% !important; + .lg\:max-h-1 { + max-height: 0.25rem !important; } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; + .lg\:max-h-2 { + max-height: 0.5rem !important; } - .lg\:skew-x-0 { - --transform-skew-x: 0 !important; + .lg\:max-h-3 { + max-height: 0.75rem !important; } - .lg\:skew-x-1 { - --transform-skew-x: 1deg !important; + .lg\:max-h-4 { + max-height: 1rem !important; } - .lg\:skew-x-2 { - --transform-skew-x: 2deg !important; + .lg\:max-h-5 { + max-height: 1.25rem !important; } - .lg\:skew-x-3 { - --transform-skew-x: 3deg !important; + .lg\:max-h-6 { + max-height: 1.5rem !important; } - .lg\:skew-x-6 { - --transform-skew-x: 6deg !important; + .lg\:max-h-7 { + max-height: 1.75rem !important; } - .lg\:skew-x-12 { - --transform-skew-x: 12deg !important; + .lg\:max-h-8 { + max-height: 2rem !important; } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg !important; + .lg\:max-h-9 { + max-height: 2.25rem !important; } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg !important; + .lg\:max-h-10 { + max-height: 2.5rem !important; } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg !important; + .lg\:max-h-12 { + max-height: 3rem !important; } - .lg\:-skew-x-2 { - --transform-skew-x: -2deg !important; + .lg\:max-h-14 { + max-height: 3.5rem !important; } - .lg\:-skew-x-1 { - --transform-skew-x: -1deg !important; + .lg\:max-h-16 { + max-height: 4rem !important; } - .lg\:skew-y-0 { - --transform-skew-y: 0 !important; + .lg\:max-h-20 { + max-height: 5rem !important; } - .lg\:skew-y-1 { - --transform-skew-y: 1deg !important; + .lg\:max-h-24 { + max-height: 6rem !important; } - .lg\:skew-y-2 { - --transform-skew-y: 2deg !important; + .lg\:max-h-28 { + max-height: 7rem !important; } - .lg\:skew-y-3 { - --transform-skew-y: 3deg !important; + .lg\:max-h-32 { + max-height: 8rem !important; } - .lg\:skew-y-6 { - --transform-skew-y: 6deg !important; + .lg\:max-h-36 { + max-height: 9rem !important; } - .lg\:skew-y-12 { - --transform-skew-y: 12deg !important; + .lg\:max-h-40 { + max-height: 10rem !important; } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg !important; + .lg\:max-h-44 { + max-height: 11rem !important; } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg !important; + .lg\:max-h-48 { + max-height: 12rem !important; } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg !important; + .lg\:max-h-52 { + max-height: 13rem !important; } - .lg\:-skew-y-2 { - --transform-skew-y: -2deg !important; + .lg\:max-h-56 { + max-height: 14rem !important; } - .lg\:-skew-y-1 { - --transform-skew-y: -1deg !important; + .lg\:max-h-60 { + max-height: 15rem !important; } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; + .lg\:max-h-64 { + max-height: 16rem !important; } - .lg\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg !important; + .lg\:max-h-72 { + max-height: 18rem !important; } - .lg\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg !important; + .lg\:max-h-80 { + max-height: 20rem !important; } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; + .lg\:max-h-96 { + max-height: 24rem !important; } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; + .lg\:max-h-px { + max-height: 1px !important; } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; + .lg\:max-h-0\.5 { + max-height: 0.125rem !important; } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; + .lg\:max-h-1\.5 { + max-height: 0.375rem !important; } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; + .lg\:max-h-2\.5 { + max-height: 0.625rem !important; } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; + .lg\:max-h-3\.5 { + max-height: 0.875rem !important; } - .lg\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg !important; + .lg\:max-h-full { + max-height: 100% !important; } - .lg\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg !important; + .lg\:max-h-screen { + max-height: 100vh !important; } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; + .lg\:max-w-0 { + max-width: 0rem !important; } - .lg\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg !important; + .lg\:max-w-none { + max-width: none !important; } - .lg\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg !important; + .lg\:max-w-xs { + max-width: 20rem !important; } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; + .lg\:max-w-sm { + max-width: 24rem !important; } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; + .lg\:max-w-md { + max-width: 28rem !important; } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; + .lg\:max-w-lg { + max-width: 32rem !important; } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; + .lg\:max-w-xl { + max-width: 36rem !important; } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; + .lg\:max-w-2xl { + max-width: 42rem !important; } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; + .lg\:max-w-3xl { + max-width: 48rem !important; } - .lg\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg !important; + .lg\:max-w-4xl { + max-width: 56rem !important; } - .lg\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg !important; + .lg\:max-w-5xl { + max-width: 64rem !important; } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; + .lg\:max-w-6xl { + max-width: 72rem !important; } - .lg\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg !important; + .lg\:max-w-7xl { + max-width: 80rem !important; } - .lg\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg !important; + .lg\:max-w-full { + max-width: 100% !important; } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; + .lg\:max-w-min { + max-width: min-content !important; } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; + .lg\:max-w-max { + max-width: max-content !important; } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; + .lg\:max-w-screen-sm { + max-width: 640px !important; } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; + .lg\:max-w-screen-md { + max-width: 768px !important; } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; + .lg\:max-w-screen-lg { + max-width: 1024px !important; } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; + .lg\:max-w-screen-xl { + max-width: 1280px !important; } - .lg\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg !important; + .lg\:max-w-screen-2xl { + max-width: 1536px !important; } - .lg\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg !important; + .lg\:min-h-0 { + min-height: 0 !important; } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; + .lg\:min-h-full { + min-height: 100% !important; } - .lg\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg !important; + .lg\:min-h-screen { + min-height: 100vh !important; } - .lg\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg !important; + .lg\:min-w-0 { + min-width: 0 !important; } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; + .lg\:min-w-full { + min-width: 100% !important; } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; + .lg\:min-w-min { + min-width: min-content !important; } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; + .lg\:min-w-max { + min-width: max-content !important; } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; + .lg\:object-contain { + object-fit: contain !important; } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; + .lg\:object-cover { + object-fit: cover !important; } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; + .lg\:object-fill { + object-fit: fill !important; } - .lg\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg !important; + .lg\:object-none { + object-fit: none !important; } - .lg\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg !important; + .lg\:object-scale-down { + object-fit: scale-down !important; } - .lg\:transition-none { - transition-property: none !important; + .lg\:object-bottom { + object-position: bottom !important; } - .lg\:transition-all { - transition-property: all !important; + .lg\:object-center { + object-position: center !important; } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + .lg\:object-left { + object-position: left !important; } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; + .lg\:object-left-bottom { + object-position: left bottom !important; } - .lg\:transition-opacity { - transition-property: opacity !important; + .lg\:object-left-top { + object-position: left top !important; } - .lg\:transition-shadow { - transition-property: box-shadow !important; + .lg\:object-right { + object-position: right !important; } - .lg\:transition-transform { - transition-property: transform !important; + .lg\:object-right-bottom { + object-position: right bottom !important; } - .lg\:ease-linear { - transition-timing-function: linear !important; + .lg\:object-right-top { + object-position: right top !important; } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + .lg\:object-top { + object-position: top !important; } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + .lg\:opacity-0 { + opacity: 0 !important; } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + .lg\:opacity-25 { + opacity: 0.25 !important; } - .lg\:duration-75 { - transition-duration: 75ms !important; + .lg\:opacity-50 { + opacity: 0.5 !important; } - .lg\:duration-100 { - transition-duration: 100ms !important; + .lg\:opacity-75 { + opacity: 0.75 !important; } - .lg\:duration-150 { - transition-duration: 150ms !important; + .lg\:opacity-100 { + opacity: 1 !important; } - .lg\:duration-200 { - transition-duration: 200ms !important; + .group:hover .lg\:group-hover\:opacity-0 { + opacity: 0 !important; } - .lg\:duration-300 { - transition-duration: 300ms !important; + .group:hover .lg\:group-hover\:opacity-25 { + opacity: 0.25 !important; } - .lg\:duration-500 { - transition-duration: 500ms !important; + .group:hover .lg\:group-hover\:opacity-50 { + opacity: 0.5 !important; } - .lg\:duration-700 { - transition-duration: 700ms !important; + .group:hover .lg\:group-hover\:opacity-75 { + opacity: 0.75 !important; } - .lg\:duration-1000 { - transition-duration: 1000ms !important; + .group:hover .lg\:group-hover\:opacity-100 { + opacity: 1 !important; } - .lg\:delay-75 { - transition-delay: 75ms !important; + .lg\:hover\:opacity-0:hover { + opacity: 0 !important; } - .lg\:delay-100 { - transition-delay: 100ms !important; + .lg\:hover\:opacity-25:hover { + opacity: 0.25 !important; } - .lg\:delay-150 { - transition-delay: 150ms !important; + .lg\:hover\:opacity-50:hover { + opacity: 0.5 !important; } - .lg\:delay-200 { - transition-delay: 200ms !important; + .lg\:hover\:opacity-75:hover { + opacity: 0.75 !important; } - .lg\:delay-300 { - transition-delay: 300ms !important; + .lg\:hover\:opacity-100:hover { + opacity: 1 !important; } - .lg\:delay-500 { - transition-delay: 500ms !important; + .lg\:focus\:opacity-0:focus { + opacity: 0 !important; } - .lg\:delay-700 { - transition-delay: 700ms !important; + .lg\:focus\:opacity-25:focus { + opacity: 0.25 !important; } - .lg\:delay-1000 { - transition-delay: 1000ms !important; + .lg\:focus\:opacity-50:focus { + opacity: 0.5 !important; } - .lg\:animate-none { - animation: none !important; + .lg\:focus\:opacity-75:focus { + opacity: 0.75 !important; } - .lg\:animate-spin { - animation: spin 1s linear infinite !important; + .lg\:focus\:opacity-100:focus { + opacity: 1 !important; } - .lg\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; + .lg\:outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } - .lg\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .lg\:outline-white { + outline: 2px dotted white !important; + outline-offset: 2px !important; } - .lg\:animate-bounce { - animation: bounce 1s infinite !important; + .lg\:outline-black { + outline: 2px dotted black !important; + outline-offset: 2px !important; } - .lg\:example { - font-weight: 700; - color: #ef4444; + .lg\:focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } -} -@media (min-width: 1280px) { - .xl\:container { - width: 100%; + .lg\:focus\:outline-white:focus { + outline: 2px dotted white !important; + outline-offset: 2px !important; } - @media (min-width: 640px) { - .xl\:container { - max-width: 640px; - } + .lg\:focus\:outline-black:focus { + outline: 2px dotted black !important; + outline-offset: 2px !important; } - @media (min-width: 768px) { - .xl\:container { - max-width: 768px; - } + .lg\:overflow-auto { + overflow: auto !important; } - @media (min-width: 1024px) { - .xl\:container { - max-width: 1024px; - } + .lg\:overflow-hidden { + overflow: hidden !important; } - @media (min-width: 1280px) { - .xl\:container { - max-width: 1280px; - } + .lg\:overflow-visible { + overflow: visible !important; } - @media (min-width: 1536px) { - .xl\:container { - max-width: 1536px; - } + .lg\:overflow-scroll { + overflow: scroll !important; } - .xl\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0px * var(--space-y-reverse)) !important; + .lg\:overflow-x-auto { + overflow-x: auto !important; } - .xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0px * var(--space-x-reverse)) !important; - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; + .lg\:overflow-y-auto { + overflow-y: auto !important; } - .xl\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; + .lg\:overflow-x-hidden { + overflow-x: hidden !important; } - .xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overflow-y-hidden { + overflow-y: hidden !important; } - .xl\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; + .lg\:overflow-x-visible { + overflow-x: visible !important; } - .xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overflow-y-visible { + overflow-y: visible !important; } - .xl\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; + .lg\:overflow-x-scroll { + overflow-x: scroll !important; } - .xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overflow-y-scroll { + overflow-y: scroll !important; } - .xl\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--space-y-reverse)) !important; + .lg\:overscroll-auto { + overscroll-behavior: auto !important; } - .xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overscroll-contain { + overscroll-behavior: contain !important; } - .xl\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; + .lg\:overscroll-none { + overscroll-behavior: none !important; } - .xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overscroll-y-auto { + overscroll-behavior-y: auto !important; } - .xl\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; + .lg\:overscroll-y-contain { + overscroll-behavior-y: contain !important; } - .xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overscroll-y-none { + overscroll-behavior-y: none !important; } - .xl\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; + .lg\:overscroll-x-auto { + overscroll-behavior-x: auto !important; } - .xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:overscroll-x-contain { + overscroll-behavior-x: contain !important; } - .xl\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--space-y-reverse)) !important; + .lg\:overscroll-x-none { + overscroll-behavior-x: none !important; } - .xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-0 { + padding: 0 !important; } - .xl\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; + .lg\:p-1 { + padding: 0.25rem !important; } - .xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-2 { + padding: 0.5rem !important; } - .xl\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; + .lg\:p-3 { + padding: 0.75rem !important; } - .xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-4 { + padding: 1rem !important; } - .xl\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3rem * var(--space-y-reverse)) !important; + .lg\:p-5 { + padding: 1.25rem !important; } - .xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-6 { + padding: 1.5rem !important; } - .xl\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; + .lg\:p-7 { + padding: 1.75rem !important; } - .xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-8 { + padding: 2rem !important; } - .xl\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(4rem * var(--space-y-reverse)) !important; + .lg\:p-9 { + padding: 2.25rem !important; } - .xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-10 { + padding: 2.5rem !important; } - .xl\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(5rem * var(--space-y-reverse)) !important; + .lg\:p-12 { + padding: 3rem !important; } - .xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-14 { + padding: 3.5rem !important; } - .xl\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(6rem * var(--space-y-reverse)) !important; + .lg\:p-16 { + padding: 4rem !important; } - .xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-20 { + padding: 5rem !important; } - .xl\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(7rem * var(--space-y-reverse)) !important; + .lg\:p-24 { + padding: 6rem !important; } - .xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-28 { + padding: 7rem !important; } - .xl\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(8rem * var(--space-y-reverse)) !important; + .lg\:p-32 { + padding: 8rem !important; } - .xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-36 { + padding: 9rem !important; } - .xl\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(9rem * var(--space-y-reverse)) !important; + .lg\:p-40 { + padding: 10rem !important; } - .xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-44 { + padding: 11rem !important; } - .xl\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(10rem * var(--space-y-reverse)) !important; + .lg\:p-48 { + padding: 12rem !important; } - .xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-52 { + padding: 13rem !important; } - .xl\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(11rem * var(--space-y-reverse)) !important; + .lg\:p-56 { + padding: 14rem !important; } - .xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-60 { + padding: 15rem !important; } - .xl\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(12rem * var(--space-y-reverse)) !important; + .lg\:p-64 { + padding: 16rem !important; } - .xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-72 { + padding: 18rem !important; } - .xl\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(13rem * var(--space-y-reverse)) !important; + .lg\:p-80 { + padding: 20rem !important; } - .xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-96 { + padding: 24rem !important; } - .xl\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(14rem * var(--space-y-reverse)) !important; + .lg\:p-px { + padding: 1px !important; } - .xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-0\.5 { + padding: 0.125rem !important; } - .xl\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(15rem * var(--space-y-reverse)) !important; + .lg\:p-1\.5 { + padding: 0.375rem !important; } - .xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:p-2\.5 { + padding: 0.625rem !important; } - .xl\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(16rem * var(--space-y-reverse)) !important; + .lg\:p-3\.5 { + padding: 0.875rem !important; } - .xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .xl\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(18rem * var(--space-y-reverse)) !important; + .lg\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .xl\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(20rem * var(--space-y-reverse)) !important; + .lg\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .xl\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(24rem * var(--space-y-reverse)) !important; + .lg\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .xl\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1px * var(--space-y-reverse)) !important; + .lg\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .xl\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; + .lg\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .xl\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; + .lg\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .xl\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; + .lg\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; } - .xl\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; + .lg\:px-7 { + padding-left: 1.75rem !important; + padding-right: 1.75rem !important; } - .xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .xl\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; + .lg\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; } - .xl\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; + .lg\:px-9 { + padding-left: 2.25rem !important; + padding-right: 2.25rem !important; } - .xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .xl\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; + .lg\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .xl\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; + .lg\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; } - .xl\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; + .lg\:px-14 { + padding-left: 3.5rem !important; + padding-right: 3.5rem !important; } - .xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .xl\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; + .lg\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .xl\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; + .lg\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .xl\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; + .lg\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-28 { + padding-top: 7rem !important; + padding-bottom: 7rem !important; } - .xl\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; + .lg\:px-28 { + padding-left: 7rem !important; + padding-right: 7rem !important; } - .xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .xl\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; + .lg\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-36 { + padding-top: 9rem !important; + padding-bottom: 9rem !important; } - .xl\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; + .lg\:px-36 { + padding-left: 9rem !important; + padding-right: 9rem !important; } - .xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .xl\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; + .lg\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-44 { + padding-top: 11rem !important; + padding-bottom: 11rem !important; } - .xl\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; + .lg\:px-44 { + padding-left: 11rem !important; + padding-right: 11rem !important; } - .xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .xl\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; + .lg\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-52 { + padding-top: 13rem !important; + padding-bottom: 13rem !important; } - .xl\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; + .lg\:px-52 { + padding-left: 13rem !important; + padding-right: 13rem !important; } - .xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .xl\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; + .lg\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-60 { + padding-top: 15rem !important; + padding-bottom: 15rem !important; } - .xl\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; + .lg\:px-60 { + padding-left: 15rem !important; + padding-right: 15rem !important; } - .xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .xl\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; + .lg\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-72 { + padding-top: 18rem !important; + padding-bottom: 18rem !important; } - .xl\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; + .lg\:px-72 { + padding-left: 18rem !important; + padding-right: 18rem !important; } - .xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-80 { + padding-top: 20rem !important; + padding-bottom: 20rem !important; } - .xl\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; + .lg\:px-80 { + padding-left: 20rem !important; + padding-right: 20rem !important; } - .xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-96 { + padding-top: 24rem !important; + padding-bottom: 24rem !important; } - .xl\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; + .lg\:px-96 { + padding-left: 24rem !important; + padding-right: 24rem !important; } - .xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .xl\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; + .lg\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; } - .xl\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; + .lg\:px-0\.5 { + padding-left: 0.125rem !important; + padding-right: 0.125rem !important; } - .xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-1\.5 { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; } - .xl\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; + .lg\:px-1\.5 { + padding-left: 0.375rem !important; + padding-right: 0.375rem !important; } - .xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-2\.5 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; } - .xl\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; + .lg\:px-2\.5 { + padding-left: 0.625rem !important; + padding-right: 0.625rem !important; } - .xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:py-3\.5 { + padding-top: 0.875rem !important; + padding-bottom: 0.875rem !important; } - .xl\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; + .lg\:px-3\.5 { + padding-left: 0.875rem !important; + padding-right: 0.875rem !important; } - .xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pt-0 { + padding-top: 0 !important; } - .xl\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; + .lg\:pr-0 { + padding-right: 0 !important; } - .xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pb-0 { + padding-bottom: 0 !important; } - .xl\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; + .lg\:pl-0 { + padding-left: 0 !important; } - .xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pt-1 { + padding-top: 0.25rem !important; } - .xl\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1px * var(--space-y-reverse)) !important; + .lg\:pr-1 { + padding-right: 0.25rem !important; } - .xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; + .lg\:pb-1 { + padding-bottom: 0.25rem !important; } - .xl\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; + .lg\:pl-1 { + padding-left: 0.25rem !important; } - .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pt-2 { + padding-top: 0.5rem !important; } - .xl\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; + .lg\:pr-2 { + padding-right: 0.5rem !important; } - .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pb-2 { + padding-bottom: 0.5rem !important; } - .xl\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; + .lg\:pl-2 { + padding-left: 0.5rem !important; } - .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pt-3 { + padding-top: 0.75rem !important; } - .xl\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; + .lg\:pr-3 { + padding-right: 0.75rem !important; } - .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; + .lg\:pb-3 { + padding-bottom: 0.75rem !important; } - .xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1 !important; + .lg\:pl-3 { + padding-left: 0.75rem !important; } - .xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1 !important; + .lg\:pt-4 { + padding-top: 1rem !important; } - .xl\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; + .lg\:pr-4 { + padding-right: 1rem !important; } - .xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; + .lg\:pb-4 { + padding-bottom: 1rem !important; } - .xl\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; + .lg\:pl-4 { + padding-left: 1rem !important; } - .xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; + .lg\:pt-5 { + padding-top: 1.25rem !important; } - .xl\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; + .lg\:pr-5 { + padding-right: 1.25rem !important; } - .xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; + .lg\:pb-5 { + padding-bottom: 1.25rem !important; } - .xl\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; + .lg\:pl-5 { + padding-left: 1.25rem !important; } - .xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; + .lg\:pt-6 { + padding-top: 1.5rem !important; } - .xl\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; + .lg\:pr-6 { + padding-right: 1.5rem !important; } - .xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; + .lg\:pb-6 { + padding-bottom: 1.5rem !important; } - .xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1 !important; + .lg\:pl-6 { + padding-left: 1.5rem !important; } - .xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1 !important; + .lg\:pt-7 { + padding-top: 1.75rem !important; } - .xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; + .lg\:pr-7 { + padding-right: 1.75rem !important; } - .xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; + .lg\:pb-7 { + padding-bottom: 1.75rem !important; } - .xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; + .lg\:pl-7 { + padding-left: 1.75rem !important; } - .xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; + .lg\:pt-8 { + padding-top: 2rem !important; } - .xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; + .lg\:pr-8 { + padding-right: 2rem !important; } - .xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; + .lg\:pb-8 { + padding-bottom: 2rem !important; } - .xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; + .lg\:pl-8 { + padding-left: 2rem !important; } - .xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; + .lg\:pt-9 { + padding-top: 2.25rem !important; } - .xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; + .lg\:pr-9 { + padding-right: 2.25rem !important; } - .xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; + .lg\:pb-9 { + padding-bottom: 2.25rem !important; } - .xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; + .lg\:pl-9 { + padding-left: 2.25rem !important; } - .xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; + .lg\:pt-10 { + padding-top: 2.5rem !important; } - .xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; + .lg\:pr-10 { + padding-right: 2.5rem !important; } - .xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; + .lg\:pb-10 { + padding-bottom: 2.5rem !important; } - .xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; + .lg\:pl-10 { + padding-left: 2.5rem !important; } - .xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; + .lg\:pt-12 { + padding-top: 3rem !important; } - .xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; + .lg\:pr-12 { + padding-right: 3rem !important; } - .xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; + .lg\:pb-12 { + padding-bottom: 3rem !important; } - .xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; + .lg\:pl-12 { + padding-left: 3rem !important; } - .xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; + .lg\:pt-14 { + padding-top: 3.5rem !important; } - .xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; + .lg\:pr-14 { + padding-right: 3.5rem !important; } - .xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; + .lg\:pb-14 { + padding-bottom: 3.5rem !important; } - .xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; + .lg\:pl-14 { + padding-left: 3.5rem !important; } - .xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; + .lg\:pt-16 { + padding-top: 4rem !important; } - .xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; + .lg\:pr-16 { + padding-right: 4rem !important; } - .xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; + .lg\:pb-16 { + padding-bottom: 4rem !important; } - .xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; + .lg\:pl-16 { + padding-left: 4rem !important; } - .xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; + .lg\:pt-20 { + padding-top: 5rem !important; } - .xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; + .lg\:pr-20 { + padding-right: 5rem !important; } - .xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; + .lg\:pb-20 { + padding-bottom: 5rem !important; } - .xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; + .lg\:pl-20 { + padding-left: 5rem !important; } - .xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; + .lg\:pt-24 { + padding-top: 6rem !important; } - .xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; + .lg\:pr-24 { + padding-right: 6rem !important; } - .xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; + .lg\:pb-24 { + padding-bottom: 6rem !important; } - .xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; + .lg\:pl-24 { + padding-left: 6rem !important; } - .xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; + .lg\:pt-28 { + padding-top: 7rem !important; } - .xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; + .lg\:pr-28 { + padding-right: 7rem !important; } - .xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; + .lg\:pb-28 { + padding-bottom: 7rem !important; } - .xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; + .lg\:pl-28 { + padding-left: 7rem !important; } - .xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; + .lg\:pt-32 { + padding-top: 8rem !important; } - .xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; + .lg\:pr-32 { + padding-right: 8rem !important; } - .xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; + .lg\:pb-32 { + padding-bottom: 8rem !important; } - .xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; + .lg\:pl-32 { + padding-left: 8rem !important; } - .xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; + .lg\:pt-36 { + padding-top: 9rem !important; } - .xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; + .lg\:pr-36 { + padding-right: 9rem !important; } - .xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; + .lg\:pb-36 { + padding-bottom: 9rem !important; } - .xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; + .lg\:pl-36 { + padding-left: 9rem !important; } - .xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; + .lg\:pt-40 { + padding-top: 10rem !important; } - .xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; + .lg\:pr-40 { + padding-right: 10rem !important; } - .xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; + .lg\:pb-40 { + padding-bottom: 10rem !important; } - .xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; + .lg\:pl-40 { + padding-left: 10rem !important; } - .xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; + .lg\:pt-44 { + padding-top: 11rem !important; } - .xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; + .lg\:pr-44 { + padding-right: 11rem !important; } - .xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; + .lg\:pb-44 { + padding-bottom: 11rem !important; } - .xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; + .lg\:pl-44 { + padding-left: 11rem !important; } - .xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; + .lg\:pt-48 { + padding-top: 12rem !important; } - .xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; + .lg\:pr-48 { + padding-right: 12rem !important; } - .xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; + .lg\:pb-48 { + padding-bottom: 12rem !important; } - .xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; + .lg\:pl-48 { + padding-left: 12rem !important; } - .xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; + .lg\:pt-52 { + padding-top: 13rem !important; } - .xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; + .lg\:pr-52 { + padding-right: 13rem !important; } - .xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; + .lg\:pb-52 { + padding-bottom: 13rem !important; } - .xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; + .lg\:pl-52 { + padding-left: 13rem !important; } - .xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; + .lg\:pt-56 { + padding-top: 14rem !important; } - .xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; + .lg\:pr-56 { + padding-right: 14rem !important; } - .xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; + .lg\:pb-56 { + padding-bottom: 14rem !important; } - .xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; + .lg\:pl-56 { + padding-left: 14rem !important; } - .xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; + .lg\:pt-60 { + padding-top: 15rem !important; } - .xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; + .lg\:pr-60 { + padding-right: 15rem !important; } - .xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; + .lg\:pb-60 { + padding-bottom: 15rem !important; } - .xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; + .lg\:pl-60 { + padding-left: 15rem !important; } - .xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; + .lg\:pt-64 { + padding-top: 16rem !important; } - .xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; + .lg\:pr-64 { + padding-right: 16rem !important; } - .xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; + .lg\:pb-64 { + padding-bottom: 16rem !important; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } + .lg\:pl-64 { + padding-left: 16rem !important; + } - .xl\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } + .lg\:pt-72 { + padding-top: 18rem !important; + } - .xl\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } + .lg\:pr-72 { + padding-right: 18rem !important; + } - .xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } + .lg\:pb-72 { + padding-bottom: 18rem !important; + } - .xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } + .lg\:pl-72 { + padding-left: 18rem !important; + } - .xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } + .lg\:pt-80 { + padding-top: 20rem !important; + } - .xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } + .lg\:pr-80 { + padding-right: 20rem !important; + } - .xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } + .lg\:pb-80 { + padding-bottom: 20rem !important; + } - .xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } + .lg\:pl-80 { + padding-left: 20rem !important; + } - .xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } + .lg\:pt-96 { + padding-top: 24rem !important; + } - .xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } + .lg\:pr-96 { + padding-right: 24rem !important; + } - .xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } + .lg\:pb-96 { + padding-bottom: 24rem !important; + } - .xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } + .lg\:pl-96 { + padding-left: 24rem !important; + } - .xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } + .lg\:pt-px { + padding-top: 1px !important; + } - .xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } + .lg\:pr-px { + padding-right: 1px !important; + } - .xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } + .lg\:pb-px { + padding-bottom: 1px !important; + } - .xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } + .lg\:pl-px { + padding-left: 1px !important; + } - .xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } + .lg\:pt-0\.5 { + padding-top: 0.125rem !important; + } - .xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } + .lg\:pr-0\.5 { + padding-right: 0.125rem !important; + } - .xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } + .lg\:pb-0\.5 { + padding-bottom: 0.125rem !important; + } - .xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } + .lg\:pl-0\.5 { + padding-left: 0.125rem !important; + } - .xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } + .lg\:pt-1\.5 { + padding-top: 0.375rem !important; + } - .xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } + .lg\:pr-1\.5 { + padding-right: 0.375rem !important; + } - .xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } + .lg\:pb-1\.5 { + padding-bottom: 0.375rem !important; + } - .xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } + .lg\:pl-1\.5 { + padding-left: 0.375rem !important; + } - .xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } + .lg\:pt-2\.5 { + padding-top: 0.625rem !important; + } - .xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } + .lg\:pr-2\.5 { + padding-right: 0.625rem !important; + } - .xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } + .lg\:pb-2\.5 { + padding-bottom: 0.625rem !important; + } - .xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } + .lg\:pl-2\.5 { + padding-left: 0.625rem !important; + } - .xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } + .lg\:pt-3\.5 { + padding-top: 0.875rem !important; + } - .xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } + .lg\:pr-3\.5 { + padding-right: 0.875rem !important; + } - .xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } + .lg\:pb-3\.5 { + padding-bottom: 0.875rem !important; + } - .xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } + .lg\:pl-3\.5 { + padding-left: 0.875rem !important; + } - .xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } + .lg\:placeholder-transparent::placeholder { + color: transparent !important; + } - .xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } + .lg\:placeholder-current::placeholder { + color: currentColor !important; + } - .xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } + .lg\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } + .lg\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } + .lg\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } + .lg\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } + .lg\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } + .lg\:placeholder-green-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } + .lg\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } + .lg\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } + .lg\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } + .lg\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + } - .xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } + .lg\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; } - .xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid !important; + .lg\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; } - .xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed !important; + .lg\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; } - .xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted !important; + .lg\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; } - .xl\:divide-double > :not(template) ~ :not(template) { - border-style: double !important; + .lg\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; } - .xl\:divide-none > :not(template) ~ :not(template) { - border-style: none !important; + .lg\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; } - .xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0 !important; + .lg\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; } - .xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25 !important; + .lg\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; } - .xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5 !important; + .lg\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; } - .xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75 !important; + .lg\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; } - .xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; + .lg\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; } - .xl\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .lg\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; } - .xl\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .lg\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; } - .xl\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .lg\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; } - .xl\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .lg\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; } - .xl\:appearance-none { - appearance: none !important; + .lg\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; } - .xl\:bg-fixed { - background-attachment: fixed !important; + .lg\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; } - .xl\:bg-local { - background-attachment: local !important; + .lg\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; } - .xl\:bg-scroll { - background-attachment: scroll !important; + .lg\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; } - .xl\:bg-clip-border { - background-clip: border-box !important; + .lg\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; } - .xl\:bg-clip-padding { - background-clip: padding-box !important; + .lg\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; } - .xl\:bg-clip-content { - background-clip: content-box !important; + .lg\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; } - .xl\:bg-clip-text { - background-clip: text !important; + .lg\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; } - .xl\:bg-transparent { - background-color: transparent !important; + .lg\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; } - .xl\:bg-current { - background-color: currentColor !important; + .lg\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; } - .xl\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .lg\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; } - .xl\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .lg\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .lg\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .lg\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .lg\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .lg\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .lg\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .lg\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .lg\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .lg\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } - .xl\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .xl\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; } - .xl\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; } - .xl\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; } - .xl\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; } - .xl\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; } - .xl\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; } - .xl\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; } - .xl\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; } - .xl\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; } - .xl\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; } - .xl\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; } - .xl\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; } - .xl\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; } - .xl\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; } - .xl\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; } - .xl\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; } - .xl\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; } - .xl\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; } - .xl\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; } - .xl\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; } - .xl\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; } - .xl\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; } - .xl\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; } - .xl\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; } - .xl\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-transparent { - background-color: transparent !important; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-current { - background-color: currentColor !important; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } - .group:hover .xl\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .lg\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; } - .group:hover .xl\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .lg\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; } - .group:hover .xl\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .lg\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; } - .group:hover .xl\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .lg\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; } - .group:hover .xl\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .lg\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; } - .group:hover .xl\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; } - .group:hover .xl\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; } - .group:hover .xl\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; } - .group:hover .xl\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; } - .group:hover .xl\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; } - .group:hover .xl\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .lg\:pointer-events-none { + pointer-events: none !important; } - .group:hover .xl\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .lg\:pointer-events-auto { + pointer-events: auto !important; } - .group:hover .xl\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .lg\:static { + position: static !important; } - .group:hover .xl\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .lg\:fixed { + position: fixed !important; } - .group:hover .xl\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .lg\:absolute { + position: absolute !important; } - .group:hover .xl\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .lg\:relative { + position: relative !important; } - .group:hover .xl\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .lg\:sticky { + position: sticky !important; } - .group:hover .xl\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .lg\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .group:hover .xl\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .lg\:inset-1 { + top: 0.25rem !important; + right: 0.25rem !important; + bottom: 0.25rem !important; + left: 0.25rem !important; } - .group:hover .xl\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .lg\:inset-2 { + top: 0.5rem !important; + right: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.5rem !important; } - .group:hover .xl\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .lg\:inset-3 { + top: 0.75rem !important; + right: 0.75rem !important; + bottom: 0.75rem !important; + left: 0.75rem !important; } - .group:hover .xl\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .lg\:inset-4 { + top: 1rem !important; + right: 1rem !important; + bottom: 1rem !important; + left: 1rem !important; } - .group:hover .xl\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .lg\:inset-5 { + top: 1.25rem !important; + right: 1.25rem !important; + bottom: 1.25rem !important; + left: 1.25rem !important; } - .group:hover .xl\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .lg\:inset-6 { + top: 1.5rem !important; + right: 1.5rem !important; + bottom: 1.5rem !important; + left: 1.5rem !important; } - .group:hover .xl\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .lg\:inset-7 { + top: 1.75rem !important; + right: 1.75rem !important; + bottom: 1.75rem !important; + left: 1.75rem !important; } - .group:hover .xl\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .lg\:inset-8 { + top: 2rem !important; + right: 2rem !important; + bottom: 2rem !important; + left: 2rem !important; } - .group:hover .xl\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .lg\:inset-9 { + top: 2.25rem !important; + right: 2.25rem !important; + bottom: 2.25rem !important; + left: 2.25rem !important; } - .group:hover .xl\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .lg\:inset-10 { + top: 2.5rem !important; + right: 2.5rem !important; + bottom: 2.5rem !important; + left: 2.5rem !important; } - .group:hover .xl\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .lg\:inset-12 { + top: 3rem !important; + right: 3rem !important; + bottom: 3rem !important; + left: 3rem !important; } - .group:hover .xl\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .lg\:inset-14 { + top: 3.5rem !important; + right: 3.5rem !important; + bottom: 3.5rem !important; + left: 3.5rem !important; } - .group:hover .xl\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .lg\:inset-16 { + top: 4rem !important; + right: 4rem !important; + bottom: 4rem !important; + left: 4rem !important; } - .group:hover .xl\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .lg\:inset-20 { + top: 5rem !important; + right: 5rem !important; + bottom: 5rem !important; + left: 5rem !important; } - .group:hover .xl\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .lg\:inset-24 { + top: 6rem !important; + right: 6rem !important; + bottom: 6rem !important; + left: 6rem !important; } - .group:hover .xl\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .lg\:inset-28 { + top: 7rem !important; + right: 7rem !important; + bottom: 7rem !important; + left: 7rem !important; } - .group:hover .xl\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .lg\:inset-32 { + top: 8rem !important; + right: 8rem !important; + bottom: 8rem !important; + left: 8rem !important; } - .group:hover .xl\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .lg\:inset-36 { + top: 9rem !important; + right: 9rem !important; + bottom: 9rem !important; + left: 9rem !important; } - .group:hover .xl\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .lg\:inset-40 { + top: 10rem !important; + right: 10rem !important; + bottom: 10rem !important; + left: 10rem !important; } - .group:hover .xl\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .lg\:inset-44 { + top: 11rem !important; + right: 11rem !important; + bottom: 11rem !important; + left: 11rem !important; } - .group:hover .xl\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .lg\:inset-48 { + top: 12rem !important; + right: 12rem !important; + bottom: 12rem !important; + left: 12rem !important; } - .group:hover .xl\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .lg\:inset-52 { + top: 13rem !important; + right: 13rem !important; + bottom: 13rem !important; + left: 13rem !important; } - .group:hover .xl\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .lg\:inset-56 { + top: 14rem !important; + right: 14rem !important; + bottom: 14rem !important; + left: 14rem !important; } - .group:hover .xl\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .lg\:inset-60 { + top: 15rem !important; + right: 15rem !important; + bottom: 15rem !important; + left: 15rem !important; } - .group:hover .xl\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .lg\:inset-64 { + top: 16rem !important; + right: 16rem !important; + bottom: 16rem !important; + left: 16rem !important; } - .group:hover .xl\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .lg\:inset-72 { + top: 18rem !important; + right: 18rem !important; + bottom: 18rem !important; + left: 18rem !important; } - .group:hover .xl\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .lg\:inset-80 { + top: 20rem !important; + right: 20rem !important; + bottom: 20rem !important; + left: 20rem !important; } - .group:hover .xl\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .lg\:inset-96 { + top: 24rem !important; + right: 24rem !important; + bottom: 24rem !important; + left: 24rem !important; } - .group:hover .xl\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .lg\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .group:hover .xl\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .lg\:inset-px { + top: 1px !important; + right: 1px !important; + bottom: 1px !important; + left: 1px !important; } - .group:hover .xl\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .lg\:inset-0\.5 { + top: 0.125rem !important; + right: 0.125rem !important; + bottom: 0.125rem !important; + left: 0.125rem !important; } - .group:hover .xl\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .lg\:inset-1\.5 { + top: 0.375rem !important; + right: 0.375rem !important; + bottom: 0.375rem !important; + left: 0.375rem !important; } - .group:hover .xl\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .lg\:inset-2\.5 { + top: 0.625rem !important; + right: 0.625rem !important; + bottom: 0.625rem !important; + left: 0.625rem !important; } - .group:hover .xl\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .lg\:inset-3\.5 { + top: 0.875rem !important; + right: 0.875rem !important; + bottom: 0.875rem !important; + left: 0.875rem !important; } - .group:hover .xl\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .lg\:-inset-1 { + top: -0.25rem !important; + right: -0.25rem !important; + bottom: -0.25rem !important; + left: -0.25rem !important; } - .group:hover .xl\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .lg\:-inset-2 { + top: -0.5rem !important; + right: -0.5rem !important; + bottom: -0.5rem !important; + left: -0.5rem !important; } - .group:hover .xl\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .lg\:-inset-3 { + top: -0.75rem !important; + right: -0.75rem !important; + bottom: -0.75rem !important; + left: -0.75rem !important; } - .group:hover .xl\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .lg\:-inset-4 { + top: -1rem !important; + right: -1rem !important; + bottom: -1rem !important; + left: -1rem !important; } - .group:hover .xl\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .lg\:-inset-5 { + top: -1.25rem !important; + right: -1.25rem !important; + bottom: -1.25rem !important; + left: -1.25rem !important; } - .group:hover .xl\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .lg\:-inset-6 { + top: -1.5rem !important; + right: -1.5rem !important; + bottom: -1.5rem !important; + left: -1.5rem !important; } - .group:hover .xl\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .lg\:-inset-7 { + top: -1.75rem !important; + right: -1.75rem !important; + bottom: -1.75rem !important; + left: -1.75rem !important; } - .group:hover .xl\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .lg\:-inset-8 { + top: -2rem !important; + right: -2rem !important; + bottom: -2rem !important; + left: -2rem !important; } - .group:hover .xl\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .lg\:-inset-9 { + top: -2.25rem !important; + right: -2.25rem !important; + bottom: -2.25rem !important; + left: -2.25rem !important; } - .group:hover .xl\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .lg\:-inset-10 { + top: -2.5rem !important; + right: -2.5rem !important; + bottom: -2.5rem !important; + left: -2.5rem !important; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent !important; + .lg\:-inset-12 { + top: -3rem !important; + right: -3rem !important; + bottom: -3rem !important; + left: -3rem !important; } - .xl\:hover\:bg-current:hover { - background-color: currentColor !important; + .lg\:-inset-14 { + top: -3.5rem !important; + right: -3.5rem !important; + bottom: -3.5rem !important; + left: -3.5rem !important; } - .xl\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .lg\:-inset-16 { + top: -4rem !important; + right: -4rem !important; + bottom: -4rem !important; + left: -4rem !important; } - .xl\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .lg\:-inset-20 { + top: -5rem !important; + right: -5rem !important; + bottom: -5rem !important; + left: -5rem !important; } - .xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .lg\:-inset-24 { + top: -6rem !important; + right: -6rem !important; + bottom: -6rem !important; + left: -6rem !important; } - .xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .lg\:-inset-28 { + top: -7rem !important; + right: -7rem !important; + bottom: -7rem !important; + left: -7rem !important; } - .xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .lg\:-inset-32 { + top: -8rem !important; + right: -8rem !important; + bottom: -8rem !important; + left: -8rem !important; } - .xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .lg\:-inset-36 { + top: -9rem !important; + right: -9rem !important; + bottom: -9rem !important; + left: -9rem !important; } - .xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .lg\:-inset-40 { + top: -10rem !important; + right: -10rem !important; + bottom: -10rem !important; + left: -10rem !important; } - .xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .lg\:-inset-44 { + top: -11rem !important; + right: -11rem !important; + bottom: -11rem !important; + left: -11rem !important; } - .xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .lg\:-inset-48 { + top: -12rem !important; + right: -12rem !important; + bottom: -12rem !important; + left: -12rem !important; } - .xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .lg\:-inset-52 { + top: -13rem !important; + right: -13rem !important; + bottom: -13rem !important; + left: -13rem !important; } - .xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .lg\:-inset-56 { + top: -14rem !important; + right: -14rem !important; + bottom: -14rem !important; + left: -14rem !important; } - .xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .lg\:-inset-60 { + top: -15rem !important; + right: -15rem !important; + bottom: -15rem !important; + left: -15rem !important; } - .xl\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .lg\:-inset-64 { + top: -16rem !important; + right: -16rem !important; + bottom: -16rem !important; + left: -16rem !important; } - .xl\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .lg\:-inset-72 { + top: -18rem !important; + right: -18rem !important; + bottom: -18rem !important; + left: -18rem !important; } - .xl\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .lg\:-inset-80 { + top: -20rem !important; + right: -20rem !important; + bottom: -20rem !important; + left: -20rem !important; } - .xl\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .lg\:-inset-96 { + top: -24rem !important; + right: -24rem !important; + bottom: -24rem !important; + left: -24rem !important; } - .xl\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .lg\:-inset-px { + top: -1px !important; + right: -1px !important; + bottom: -1px !important; + left: -1px !important; } - .xl\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .lg\:-inset-0\.5 { + top: -0.125rem !important; + right: -0.125rem !important; + bottom: -0.125rem !important; + left: -0.125rem !important; } - .xl\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .lg\:-inset-1\.5 { + top: -0.375rem !important; + right: -0.375rem !important; + bottom: -0.375rem !important; + left: -0.375rem !important; } - .xl\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .lg\:-inset-2\.5 { + top: -0.625rem !important; + right: -0.625rem !important; + bottom: -0.625rem !important; + left: -0.625rem !important; } - .xl\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .lg\:-inset-3\.5 { + top: -0.875rem !important; + right: -0.875rem !important; + bottom: -0.875rem !important; + left: -0.875rem !important; } - .xl\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .lg\:inset-1\/2 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; } - .xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .lg\:inset-1\/3 { + top: 33.333333% !important; + right: 33.333333% !important; + bottom: 33.333333% !important; + left: 33.333333% !important; } - .xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .lg\:inset-2\/3 { + top: 66.666667% !important; + right: 66.666667% !important; + bottom: 66.666667% !important; + left: 66.666667% !important; } - .xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .lg\:inset-1\/4 { + top: 25% !important; + right: 25% !important; + bottom: 25% !important; + left: 25% !important; } - .xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .lg\:inset-2\/4 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; } - .xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .lg\:inset-3\/4 { + top: 75% !important; + right: 75% !important; + bottom: 75% !important; + left: 75% !important; } - .xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .lg\:inset-full { + top: 100% !important; + right: 100% !important; + bottom: 100% !important; + left: 100% !important; } - .xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .lg\:-inset-1\/2 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; } - .xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .lg\:-inset-1\/3 { + top: -33.333333% !important; + right: -33.333333% !important; + bottom: -33.333333% !important; + left: -33.333333% !important; } - .xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .lg\:-inset-2\/3 { + top: -66.666667% !important; + right: -66.666667% !important; + bottom: -66.666667% !important; + left: -66.666667% !important; } - .xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .lg\:-inset-1\/4 { + top: -25% !important; + right: -25% !important; + bottom: -25% !important; + left: -25% !important; } - .xl\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .lg\:-inset-2\/4 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; } - .xl\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .lg\:-inset-3\/4 { + top: -75% !important; + right: -75% !important; + bottom: -75% !important; + left: -75% !important; } - .xl\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .lg\:-inset-full { + top: -100% !important; + right: -100% !important; + bottom: -100% !important; + left: -100% !important; } - .xl\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .lg\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .xl\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .lg\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .xl\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .lg\:inset-y-1 { + top: 0.25rem !important; + bottom: 0.25rem !important; } - .xl\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .lg\:inset-x-1 { + right: 0.25rem !important; + left: 0.25rem !important; } - .xl\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .lg\:inset-y-2 { + top: 0.5rem !important; + bottom: 0.5rem !important; } - .xl\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .lg\:inset-x-2 { + right: 0.5rem !important; + left: 0.5rem !important; } - .xl\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .lg\:inset-y-3 { + top: 0.75rem !important; + bottom: 0.75rem !important; } - .xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .lg\:inset-x-3 { + right: 0.75rem !important; + left: 0.75rem !important; } - .xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .lg\:inset-y-4 { + top: 1rem !important; + bottom: 1rem !important; } - .xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .lg\:inset-x-4 { + right: 1rem !important; + left: 1rem !important; } - .xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .lg\:inset-y-5 { + top: 1.25rem !important; + bottom: 1.25rem !important; } - .xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .lg\:inset-x-5 { + right: 1.25rem !important; + left: 1.25rem !important; } - .xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .lg\:inset-y-6 { + top: 1.5rem !important; + bottom: 1.5rem !important; } - .xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .lg\:inset-x-6 { + right: 1.5rem !important; + left: 1.5rem !important; } - .xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .lg\:inset-y-7 { + top: 1.75rem !important; + bottom: 1.75rem !important; } - .xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .lg\:inset-x-7 { + right: 1.75rem !important; + left: 1.75rem !important; } - .xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .lg\:inset-y-8 { + top: 2rem !important; + bottom: 2rem !important; } - .xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .lg\:inset-x-8 { + right: 2rem !important; + left: 2rem !important; } - .xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .lg\:inset-y-9 { + top: 2.25rem !important; + bottom: 2.25rem !important; } - .xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .lg\:inset-x-9 { + right: 2.25rem !important; + left: 2.25rem !important; } - .xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .lg\:inset-y-10 { + top: 2.5rem !important; + bottom: 2.5rem !important; } - .xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .lg\:inset-x-10 { + right: 2.5rem !important; + left: 2.5rem !important; } - .xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .lg\:inset-y-12 { + top: 3rem !important; + bottom: 3rem !important; } - .xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .lg\:inset-x-12 { + right: 3rem !important; + left: 3rem !important; } - .xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .lg\:inset-y-14 { + top: 3.5rem !important; + bottom: 3.5rem !important; } - .xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .lg\:inset-x-14 { + right: 3.5rem !important; + left: 3.5rem !important; } - .xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .lg\:inset-y-16 { + top: 4rem !important; + bottom: 4rem !important; } - .xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .lg\:inset-x-16 { + right: 4rem !important; + left: 4rem !important; } - .xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .lg\:inset-y-20 { + top: 5rem !important; + bottom: 5rem !important; } - .xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .lg\:inset-x-20 { + right: 5rem !important; + left: 5rem !important; } - .xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .lg\:inset-y-24 { + top: 6rem !important; + bottom: 6rem !important; } - .xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .lg\:inset-x-24 { + right: 6rem !important; + left: 6rem !important; } - .xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .lg\:inset-y-28 { + top: 7rem !important; + bottom: 7rem !important; } - .xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .lg\:inset-x-28 { + right: 7rem !important; + left: 7rem !important; } - .xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .lg\:inset-y-32 { + top: 8rem !important; + bottom: 8rem !important; } - .xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .lg\:inset-x-32 { + right: 8rem !important; + left: 8rem !important; } - .xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .lg\:inset-y-36 { + top: 9rem !important; + bottom: 9rem !important; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent !important; + .lg\:inset-x-36 { + right: 9rem !important; + left: 9rem !important; } - .xl\:focus\:bg-current:focus { - background-color: currentColor !important; + .lg\:inset-y-40 { + top: 10rem !important; + bottom: 10rem !important; } - .xl\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .lg\:inset-x-40 { + right: 10rem !important; + left: 10rem !important; } - .xl\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .lg\:inset-y-44 { + top: 11rem !important; + bottom: 11rem !important; } - .xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .lg\:inset-x-44 { + right: 11rem !important; + left: 11rem !important; } - .xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .lg\:inset-y-48 { + top: 12rem !important; + bottom: 12rem !important; } - .xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .lg\:inset-x-48 { + right: 12rem !important; + left: 12rem !important; } - .xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .lg\:inset-y-52 { + top: 13rem !important; + bottom: 13rem !important; } - .xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .lg\:inset-x-52 { + right: 13rem !important; + left: 13rem !important; } - .xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .lg\:inset-y-56 { + top: 14rem !important; + bottom: 14rem !important; } - .xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .lg\:inset-x-56 { + right: 14rem !important; + left: 14rem !important; } - .xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .lg\:inset-y-60 { + top: 15rem !important; + bottom: 15rem !important; } - .xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .lg\:inset-x-60 { + right: 15rem !important; + left: 15rem !important; } - .xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .lg\:inset-y-64 { + top: 16rem !important; + bottom: 16rem !important; } - .xl\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .lg\:inset-x-64 { + right: 16rem !important; + left: 16rem !important; } - .xl\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .lg\:inset-y-72 { + top: 18rem !important; + bottom: 18rem !important; } - .xl\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .lg\:inset-x-72 { + right: 18rem !important; + left: 18rem !important; } - .xl\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .lg\:inset-y-80 { + top: 20rem !important; + bottom: 20rem !important; } - .xl\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .lg\:inset-x-80 { + right: 20rem !important; + left: 20rem !important; } - .xl\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .lg\:inset-y-96 { + top: 24rem !important; + bottom: 24rem !important; } - .xl\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .lg\:inset-x-96 { + right: 24rem !important; + left: 24rem !important; } - .xl\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .lg\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .xl\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .lg\:inset-x-auto { + right: auto !important; + left: auto !important; } - .xl\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .lg\:inset-y-px { + top: 1px !important; + bottom: 1px !important; } - .xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .lg\:inset-x-px { + right: 1px !important; + left: 1px !important; } - .xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .lg\:inset-y-0\.5 { + top: 0.125rem !important; + bottom: 0.125rem !important; } - .xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .lg\:inset-x-0\.5 { + right: 0.125rem !important; + left: 0.125rem !important; } - .xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .lg\:inset-y-1\.5 { + top: 0.375rem !important; + bottom: 0.375rem !important; } - .xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .lg\:inset-x-1\.5 { + right: 0.375rem !important; + left: 0.375rem !important; } - .xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .lg\:inset-y-2\.5 { + top: 0.625rem !important; + bottom: 0.625rem !important; } - .xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .lg\:inset-x-2\.5 { + right: 0.625rem !important; + left: 0.625rem !important; } - .xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .lg\:inset-y-3\.5 { + top: 0.875rem !important; + bottom: 0.875rem !important; } - .xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .lg\:inset-x-3\.5 { + right: 0.875rem !important; + left: 0.875rem !important; } - .xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .lg\:-inset-y-1 { + top: -0.25rem !important; + bottom: -0.25rem !important; } - .xl\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .lg\:-inset-x-1 { + right: -0.25rem !important; + left: -0.25rem !important; } - .xl\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .lg\:-inset-y-2 { + top: -0.5rem !important; + bottom: -0.5rem !important; } - .xl\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .lg\:-inset-x-2 { + right: -0.5rem !important; + left: -0.5rem !important; } - .xl\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .lg\:-inset-y-3 { + top: -0.75rem !important; + bottom: -0.75rem !important; } - .xl\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .lg\:-inset-x-3 { + right: -0.75rem !important; + left: -0.75rem !important; } - .xl\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .lg\:-inset-y-4 { + top: -1rem !important; + bottom: -1rem !important; } - .xl\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .lg\:-inset-x-4 { + right: -1rem !important; + left: -1rem !important; } - .xl\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .lg\:-inset-y-5 { + top: -1.25rem !important; + bottom: -1.25rem !important; } - .xl\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .lg\:-inset-x-5 { + right: -1.25rem !important; + left: -1.25rem !important; } - .xl\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .lg\:-inset-y-6 { + top: -1.5rem !important; + bottom: -1.5rem !important; } - .xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .lg\:-inset-x-6 { + right: -1.5rem !important; + left: -1.5rem !important; } - .xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .lg\:-inset-y-7 { + top: -1.75rem !important; + bottom: -1.75rem !important; } - .xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .lg\:-inset-x-7 { + right: -1.75rem !important; + left: -1.75rem !important; } - .xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .lg\:-inset-y-8 { + top: -2rem !important; + bottom: -2rem !important; } - .xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .lg\:-inset-x-8 { + right: -2rem !important; + left: -2rem !important; } - .xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .lg\:-inset-y-9 { + top: -2.25rem !important; + bottom: -2.25rem !important; } - .xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .lg\:-inset-x-9 { + right: -2.25rem !important; + left: -2.25rem !important; } - .xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .lg\:-inset-y-10 { + top: -2.5rem !important; + bottom: -2.5rem !important; } - .xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .lg\:-inset-x-10 { + right: -2.5rem !important; + left: -2.5rem !important; } - .xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .lg\:-inset-y-12 { + top: -3rem !important; + bottom: -3rem !important; } - .xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .lg\:-inset-x-12 { + right: -3rem !important; + left: -3rem !important; } - .xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .lg\:-inset-y-14 { + top: -3.5rem !important; + bottom: -3.5rem !important; } - .xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .lg\:-inset-x-14 { + right: -3.5rem !important; + left: -3.5rem !important; } - .xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .lg\:-inset-y-16 { + top: -4rem !important; + bottom: -4rem !important; } - .xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .lg\:-inset-x-16 { + right: -4rem !important; + left: -4rem !important; } - .xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .lg\:-inset-y-20 { + top: -5rem !important; + bottom: -5rem !important; } - .xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .lg\:-inset-x-20 { + right: -5rem !important; + left: -5rem !important; } - .xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .lg\:-inset-y-24 { + top: -6rem !important; + bottom: -6rem !important; } - .xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .lg\:-inset-x-24 { + right: -6rem !important; + left: -6rem !important; } - .xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .lg\:-inset-y-28 { + top: -7rem !important; + bottom: -7rem !important; } - .xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .lg\:-inset-x-28 { + right: -7rem !important; + left: -7rem !important; } - .xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .lg\:-inset-y-32 { + top: -8rem !important; + bottom: -8rem !important; } - .xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .lg\:-inset-x-32 { + right: -8rem !important; + left: -8rem !important; } - .xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .lg\:-inset-y-36 { + top: -9rem !important; + bottom: -9rem !important; } - .xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .lg\:-inset-x-36 { + right: -9rem !important; + left: -9rem !important; } - .xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .lg\:-inset-y-40 { + top: -10rem !important; + bottom: -10rem !important; } - .xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .lg\:-inset-x-40 { + right: -10rem !important; + left: -10rem !important; } - .xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .lg\:-inset-y-44 { + top: -11rem !important; + bottom: -11rem !important; } - .xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .lg\:-inset-x-44 { + right: -11rem !important; + left: -11rem !important; } - .xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .lg\:-inset-y-48 { + top: -12rem !important; + bottom: -12rem !important; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:bg-transparent { - background-color: transparent !important; - } - - .xl\:dark\:bg-current { - background-color: currentColor !important; - } - - .xl\:dark\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .xl\:dark\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-transparent { - background-color: transparent !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-current { - background-color: currentColor !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent !important; - } - - .xl\:dark\:hover\:bg-current:hover { - background-color: currentColor !important; - } - - .xl\:dark\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } - - .xl\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .lg\:-inset-x-48 { + right: -12rem !important; + left: -12rem !important; + } - .xl\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .lg\:-inset-y-52 { + top: -13rem !important; + bottom: -13rem !important; + } - .xl\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .lg\:-inset-x-52 { + right: -13rem !important; + left: -13rem !important; + } - .xl\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .lg\:-inset-y-56 { + top: -14rem !important; + bottom: -14rem !important; + } - .xl\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .lg\:-inset-x-56 { + right: -14rem !important; + left: -14rem !important; + } - .xl\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .lg\:-inset-y-60 { + top: -15rem !important; + bottom: -15rem !important; + } - .xl\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .lg\:-inset-x-60 { + right: -15rem !important; + left: -15rem !important; + } - .xl\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .lg\:-inset-y-64 { + top: -16rem !important; + bottom: -16rem !important; + } - .xl\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .lg\:-inset-x-64 { + right: -16rem !important; + left: -16rem !important; + } - .xl\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .lg\:-inset-y-72 { + top: -18rem !important; + bottom: -18rem !important; + } - .xl\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .lg\:-inset-x-72 { + right: -18rem !important; + left: -18rem !important; + } - .xl\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .lg\:-inset-y-80 { + top: -20rem !important; + bottom: -20rem !important; + } - .xl\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .lg\:-inset-x-80 { + right: -20rem !important; + left: -20rem !important; + } - .xl\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .lg\:-inset-y-96 { + top: -24rem !important; + bottom: -24rem !important; + } - .xl\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .lg\:-inset-x-96 { + right: -24rem !important; + left: -24rem !important; + } - .xl\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .lg\:-inset-y-px { + top: -1px !important; + bottom: -1px !important; + } - .xl\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .lg\:-inset-x-px { + right: -1px !important; + left: -1px !important; + } - .xl\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .lg\:-inset-y-0\.5 { + top: -0.125rem !important; + bottom: -0.125rem !important; + } - .xl\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .lg\:-inset-x-0\.5 { + right: -0.125rem !important; + left: -0.125rem !important; + } - .xl\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .lg\:-inset-y-1\.5 { + top: -0.375rem !important; + bottom: -0.375rem !important; + } - .xl\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .lg\:-inset-x-1\.5 { + right: -0.375rem !important; + left: -0.375rem !important; + } - .xl\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .lg\:-inset-y-2\.5 { + top: -0.625rem !important; + bottom: -0.625rem !important; + } - .xl\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .lg\:-inset-x-2\.5 { + right: -0.625rem !important; + left: -0.625rem !important; + } - .xl\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .lg\:-inset-y-3\.5 { + top: -0.875rem !important; + bottom: -0.875rem !important; + } - .xl\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .lg\:-inset-x-3\.5 { + right: -0.875rem !important; + left: -0.875rem !important; + } - .xl\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .lg\:inset-y-1\/2 { + top: 50% !important; + bottom: 50% !important; + } - .xl\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .lg\:inset-x-1\/2 { + right: 50% !important; + left: 50% !important; + } - .xl\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .lg\:inset-y-1\/3 { + top: 33.333333% !important; + bottom: 33.333333% !important; + } - .xl\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .lg\:inset-x-1\/3 { + right: 33.333333% !important; + left: 33.333333% !important; + } - .xl\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .lg\:inset-y-2\/3 { + top: 66.666667% !important; + bottom: 66.666667% !important; + } - .xl\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .lg\:inset-x-2\/3 { + right: 66.666667% !important; + left: 66.666667% !important; + } - .xl\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .lg\:inset-y-1\/4 { + top: 25% !important; + bottom: 25% !important; + } - .xl\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .lg\:inset-x-1\/4 { + right: 25% !important; + left: 25% !important; + } - .xl\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .lg\:inset-y-2\/4 { + top: 50% !important; + bottom: 50% !important; + } - .xl\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .lg\:inset-x-2\/4 { + right: 50% !important; + left: 50% !important; + } - .xl\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .lg\:inset-y-3\/4 { + top: 75% !important; + bottom: 75% !important; + } - .xl\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .lg\:inset-x-3\/4 { + right: 75% !important; + left: 75% !important; + } - .xl\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .lg\:inset-y-full { + top: 100% !important; + bottom: 100% !important; + } - .xl\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .lg\:inset-x-full { + right: 100% !important; + left: 100% !important; + } - .xl\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .lg\:-inset-y-1\/2 { + top: -50% !important; + bottom: -50% !important; + } - .xl\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .lg\:-inset-x-1\/2 { + right: -50% !important; + left: -50% !important; + } - .xl\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .lg\:-inset-y-1\/3 { + top: -33.333333% !important; + bottom: -33.333333% !important; + } - .xl\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .lg\:-inset-x-1\/3 { + right: -33.333333% !important; + left: -33.333333% !important; + } - .xl\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .lg\:-inset-y-2\/3 { + top: -66.666667% !important; + bottom: -66.666667% !important; + } - .xl\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .lg\:-inset-x-2\/3 { + right: -66.666667% !important; + left: -66.666667% !important; + } - .xl\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .lg\:-inset-y-1\/4 { + top: -25% !important; + bottom: -25% !important; + } - .xl\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .lg\:-inset-x-1\/4 { + right: -25% !important; + left: -25% !important; + } - .xl\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .lg\:-inset-y-2\/4 { + top: -50% !important; + bottom: -50% !important; + } - .xl\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .lg\:-inset-x-2\/4 { + right: -50% !important; + left: -50% !important; + } - .xl\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .lg\:-inset-y-3\/4 { + top: -75% !important; + bottom: -75% !important; + } - .xl\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .lg\:-inset-x-3\/4 { + right: -75% !important; + left: -75% !important; + } - .xl\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .lg\:-inset-y-full { + top: -100% !important; + bottom: -100% !important; + } - .xl\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .lg\:-inset-x-full { + right: -100% !important; + left: -100% !important; + } - .xl\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .lg\:top-0 { + top: 0 !important; + } - .xl\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .lg\:right-0 { + right: 0 !important; + } - .xl\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .lg\:bottom-0 { + bottom: 0 !important; + } - .xl\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .lg\:left-0 { + left: 0 !important; + } - .xl\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .lg\:top-1 { + top: 0.25rem !important; + } - .xl\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .lg\:right-1 { + right: 0.25rem !important; + } - .xl\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .lg\:bottom-1 { + bottom: 0.25rem !important; + } - .xl\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .lg\:left-1 { + left: 0.25rem !important; + } - .xl\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .lg\:top-2 { + top: 0.5rem !important; + } - .xl\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .lg\:right-2 { + right: 0.5rem !important; + } - .xl\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .lg\:bottom-2 { + bottom: 0.5rem !important; + } - .xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent !important; - } + .lg\:left-2 { + left: 0.5rem !important; + } - .xl\:dark\:focus\:bg-current:focus { - background-color: currentColor !important; - } + .lg\:top-3 { + top: 0.75rem !important; + } - .xl\:dark\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .lg\:right-3 { + right: 0.75rem !important; + } - .xl\:dark\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .lg\:bottom-3 { + bottom: 0.75rem !important; + } - .xl\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .lg\:left-3 { + left: 0.75rem !important; + } - .xl\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .lg\:top-4 { + top: 1rem !important; + } - .xl\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .lg\:right-4 { + right: 1rem !important; + } - .xl\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .lg\:bottom-4 { + bottom: 1rem !important; + } - .xl\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .lg\:left-4 { + left: 1rem !important; + } - .xl\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .lg\:top-5 { + top: 1.25rem !important; + } - .xl\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .lg\:right-5 { + right: 1.25rem !important; + } - .xl\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .lg\:bottom-5 { + bottom: 1.25rem !important; + } - .xl\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .lg\:left-5 { + left: 1.25rem !important; + } - .xl\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .lg\:top-6 { + top: 1.5rem !important; + } - .xl\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .lg\:right-6 { + right: 1.5rem !important; + } - .xl\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .lg\:bottom-6 { + bottom: 1.5rem !important; + } - .xl\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .lg\:left-6 { + left: 1.5rem !important; + } - .xl\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .lg\:top-7 { + top: 1.75rem !important; + } - .xl\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .lg\:right-7 { + right: 1.75rem !important; + } - .xl\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .lg\:bottom-7 { + bottom: 1.75rem !important; + } - .xl\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .lg\:left-7 { + left: 1.75rem !important; + } - .xl\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .lg\:top-8 { + top: 2rem !important; + } - .xl\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .lg\:right-8 { + right: 2rem !important; + } - .xl\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .lg\:bottom-8 { + bottom: 2rem !important; + } - .xl\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .lg\:left-8 { + left: 2rem !important; + } - .xl\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .lg\:top-9 { + top: 2.25rem !important; + } - .xl\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .lg\:right-9 { + right: 2.25rem !important; + } - .xl\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .lg\:bottom-9 { + bottom: 2.25rem !important; + } - .xl\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .lg\:left-9 { + left: 2.25rem !important; + } - .xl\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .lg\:top-10 { + top: 2.5rem !important; + } - .xl\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .lg\:right-10 { + right: 2.5rem !important; + } - .xl\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .lg\:bottom-10 { + bottom: 2.5rem !important; + } - .xl\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .lg\:left-10 { + left: 2.5rem !important; + } - .xl\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .lg\:top-12 { + top: 3rem !important; + } - .xl\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .lg\:right-12 { + right: 3rem !important; + } - .xl\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .lg\:bottom-12 { + bottom: 3rem !important; + } - .xl\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .lg\:left-12 { + left: 3rem !important; + } - .xl\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .lg\:top-14 { + top: 3.5rem !important; + } - .xl\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .lg\:right-14 { + right: 3.5rem !important; + } - .xl\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .lg\:bottom-14 { + bottom: 3.5rem !important; + } - .xl\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .lg\:left-14 { + left: 3.5rem !important; + } - .xl\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .lg\:top-16 { + top: 4rem !important; + } - .xl\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .lg\:right-16 { + right: 4rem !important; + } - .xl\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .lg\:bottom-16 { + bottom: 4rem !important; + } - .xl\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .lg\:left-16 { + left: 4rem !important; + } - .xl\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .lg\:top-20 { + top: 5rem !important; + } - .xl\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .lg\:right-20 { + right: 5rem !important; + } - .xl\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .lg\:bottom-20 { + bottom: 5rem !important; + } - .xl\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .lg\:left-20 { + left: 5rem !important; + } - .xl\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .lg\:top-24 { + top: 6rem !important; + } - .xl\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .lg\:right-24 { + right: 6rem !important; + } - .xl\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .lg\:bottom-24 { + bottom: 6rem !important; + } - .xl\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .lg\:left-24 { + left: 6rem !important; + } - .xl\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .lg\:top-28 { + top: 7rem !important; + } - .xl\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .lg\:right-28 { + right: 7rem !important; + } - .xl\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .lg\:bottom-28 { + bottom: 7rem !important; + } - .xl\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .lg\:left-28 { + left: 7rem !important; + } - .xl\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .lg\:top-32 { + top: 8rem !important; + } - .xl\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .lg\:right-32 { + right: 8rem !important; + } - .xl\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .lg\:bottom-32 { + bottom: 8rem !important; + } - .xl\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .lg\:left-32 { + left: 8rem !important; + } - .xl\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .lg\:top-36 { + top: 9rem !important; + } - .xl\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .lg\:right-36 { + right: 9rem !important; + } - .xl\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .lg\:bottom-36 { + bottom: 9rem !important; + } - .xl\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .lg\:left-36 { + left: 9rem !important; + } - .xl\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .lg\:top-40 { + top: 10rem !important; + } - .xl\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .lg\:right-40 { + right: 10rem !important; + } - .xl\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .lg\:bottom-40 { + bottom: 10rem !important; + } - .xl\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .lg\:left-40 { + left: 10rem !important; + } - .xl\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .lg\:top-44 { + top: 11rem !important; + } - .xl\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .lg\:right-44 { + right: 11rem !important; + } - .xl\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .lg\:bottom-44 { + bottom: 11rem !important; + } - .xl\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .lg\:left-44 { + left: 11rem !important; + } - .xl\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .lg\:top-48 { + top: 12rem !important; } - .xl\:bg-none { - background-image: none !important; + .lg\:right-48 { + right: 12rem !important; } - .xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; + .lg\:bottom-48 { + bottom: 12rem !important; } - .xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; + .lg\:left-48 { + left: 12rem !important; } - .xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; + .lg\:top-52 { + top: 13rem !important; } - .xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; + .lg\:right-52 { + right: 13rem !important; } - .xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; + .lg\:bottom-52 { + bottom: 13rem !important; } - .xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; + .lg\:left-52 { + left: 13rem !important; } - .xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; + .lg\:top-56 { + top: 14rem !important; } - .xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; + .lg\:right-56 { + right: 14rem !important; } - .xl\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:bottom-56 { + bottom: 14rem !important; } - .xl\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:left-56 { + left: 14rem !important; } - .xl\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:top-60 { + top: 15rem !important; } - .xl\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:right-60 { + right: 15rem !important; } - .xl\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .lg\:bottom-60 { + bottom: 15rem !important; } - .xl\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .lg\:left-60 { + left: 15rem !important; } - .xl\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .lg\:top-64 { + top: 16rem !important; } - .xl\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .lg\:right-64 { + right: 16rem !important; } - .xl\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .lg\:bottom-64 { + bottom: 16rem !important; } - .xl\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .lg\:left-64 { + left: 16rem !important; } - .xl\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .lg\:top-72 { + top: 18rem !important; } - .xl\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .lg\:right-72 { + right: 18rem !important; } - .xl\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .lg\:bottom-72 { + bottom: 18rem !important; } - .xl\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .lg\:left-72 { + left: 18rem !important; } - .xl\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .lg\:top-80 { + top: 20rem !important; } - .xl\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .lg\:right-80 { + right: 20rem !important; } - .xl\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .lg\:bottom-80 { + bottom: 20rem !important; } - .xl\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .lg\:left-80 { + left: 20rem !important; } - .xl\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .lg\:top-96 { + top: 24rem !important; } - .xl\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .lg\:right-96 { + right: 24rem !important; } - .xl\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .lg\:bottom-96 { + bottom: 24rem !important; } - .xl\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .lg\:left-96 { + left: 24rem !important; } - .xl\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .lg\:top-auto { + top: auto !important; } - .xl\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .lg\:right-auto { + right: auto !important; } - .xl\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .lg\:bottom-auto { + bottom: auto !important; } - .xl\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .lg\:left-auto { + left: auto !important; } - .xl\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .lg\:top-px { + top: 1px !important; } - .xl\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .lg\:right-px { + right: 1px !important; } - .xl\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .lg\:bottom-px { + bottom: 1px !important; } - .xl\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .lg\:left-px { + left: 1px !important; } - .xl\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .lg\:top-0\.5 { + top: 0.125rem !important; } - .xl\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .lg\:right-0\.5 { + right: 0.125rem !important; } - .xl\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .lg\:bottom-0\.5 { + bottom: 0.125rem !important; } - .xl\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .lg\:left-0\.5 { + left: 0.125rem !important; } - .xl\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .lg\:top-1\.5 { + top: 0.375rem !important; } - .xl\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .lg\:right-1\.5 { + right: 0.375rem !important; } - .xl\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .lg\:bottom-1\.5 { + bottom: 0.375rem !important; } - .xl\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .lg\:left-1\.5 { + left: 0.375rem !important; } - .xl\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .lg\:top-2\.5 { + top: 0.625rem !important; } - .xl\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .lg\:right-2\.5 { + right: 0.625rem !important; } - .xl\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .lg\:bottom-2\.5 { + bottom: 0.625rem !important; } - .xl\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .lg\:left-2\.5 { + left: 0.625rem !important; } - .xl\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .lg\:top-3\.5 { + top: 0.875rem !important; } - .xl\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .lg\:right-3\.5 { + right: 0.875rem !important; } - .xl\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .lg\:bottom-3\.5 { + bottom: 0.875rem !important; } - .xl\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .lg\:left-3\.5 { + left: 0.875rem !important; } - .xl\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .lg\:-top-1 { + top: -0.25rem !important; } - .xl\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .lg\:-right-1 { + right: -0.25rem !important; } - .xl\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .lg\:-bottom-1 { + bottom: -0.25rem !important; } - .xl\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .lg\:-left-1 { + left: -0.25rem !important; } - .xl\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .lg\:-top-2 { + top: -0.5rem !important; } - .xl\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .lg\:-right-2 { + right: -0.5rem !important; } - .xl\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .lg\:-bottom-2 { + bottom: -0.5rem !important; } - .xl\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .lg\:-left-2 { + left: -0.5rem !important; } - .xl\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .lg\:-top-3 { + top: -0.75rem !important; } - .xl\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .lg\:-right-3 { + right: -0.75rem !important; } - .xl\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .lg\:-bottom-3 { + bottom: -0.75rem !important; } - .xl\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .lg\:-left-3 { + left: -0.75rem !important; } - .xl\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .lg\:-top-4 { + top: -1rem !important; } - .xl\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .lg\:-right-4 { + right: -1rem !important; } - .xl\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .lg\:-bottom-4 { + bottom: -1rem !important; } - .xl\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .lg\:-left-4 { + left: -1rem !important; } - .xl\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .lg\:-top-5 { + top: -1.25rem !important; } - .xl\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .lg\:-right-5 { + right: -1.25rem !important; } - .xl\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .lg\:-bottom-5 { + bottom: -1.25rem !important; } - .xl\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .lg\:-left-5 { + left: -1.25rem !important; } - .xl\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .lg\:-top-6 { + top: -1.5rem !important; } - .xl\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .lg\:-right-6 { + right: -1.5rem !important; } - .xl\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .lg\:-bottom-6 { + bottom: -1.5rem !important; } - .xl\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .lg\:-left-6 { + left: -1.5rem !important; } - .xl\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .lg\:-top-7 { + top: -1.75rem !important; } - .xl\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .lg\:-right-7 { + right: -1.75rem !important; } - .xl\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .lg\:-bottom-7 { + bottom: -1.75rem !important; } - .xl\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .lg\:-left-7 { + left: -1.75rem !important; } - .xl\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:-top-8 { + top: -2rem !important; } - .xl\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:-right-8 { + right: -2rem !important; } - .xl\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:-bottom-8 { + bottom: -2rem !important; } - .xl\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:-left-8 { + left: -2rem !important; } - .xl\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .lg\:-top-9 { + top: -2.25rem !important; + } + + .lg\:-right-9 { + right: -2.25rem !important; } - .xl\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .lg\:-bottom-9 { + bottom: -2.25rem !important; } - .xl\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .lg\:-left-9 { + left: -2.25rem !important; } - .xl\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .lg\:-top-10 { + top: -2.5rem !important; } - .xl\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .lg\:-right-10 { + right: -2.5rem !important; } - .xl\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .lg\:-bottom-10 { + bottom: -2.5rem !important; } - .xl\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .lg\:-left-10 { + left: -2.5rem !important; } - .xl\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .lg\:-top-12 { + top: -3rem !important; } - .xl\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .lg\:-right-12 { + right: -3rem !important; } - .xl\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .lg\:-bottom-12 { + bottom: -3rem !important; } - .xl\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .lg\:-left-12 { + left: -3rem !important; } - .xl\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .lg\:-top-14 { + top: -3.5rem !important; } - .xl\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .lg\:-right-14 { + right: -3.5rem !important; } - .xl\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .lg\:-bottom-14 { + bottom: -3.5rem !important; } - .xl\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .lg\:-left-14 { + left: -3.5rem !important; } - .xl\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .lg\:-top-16 { + top: -4rem !important; } - .xl\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .lg\:-right-16 { + right: -4rem !important; } - .xl\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .lg\:-bottom-16 { + bottom: -4rem !important; } - .xl\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .lg\:-left-16 { + left: -4rem !important; } - .xl\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .lg\:-top-20 { + top: -5rem !important; } - .xl\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .lg\:-right-20 { + right: -5rem !important; } - .xl\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .lg\:-bottom-20 { + bottom: -5rem !important; } - .xl\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .lg\:-left-20 { + left: -5rem !important; } - .xl\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .lg\:-top-24 { + top: -6rem !important; } - .xl\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .lg\:-right-24 { + right: -6rem !important; } - .xl\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .lg\:-bottom-24 { + bottom: -6rem !important; } - .xl\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .lg\:-left-24 { + left: -6rem !important; } - .xl\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .lg\:-top-28 { + top: -7rem !important; } - .xl\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .lg\:-right-28 { + right: -7rem !important; } - .xl\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .lg\:-bottom-28 { + bottom: -7rem !important; } - .xl\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .lg\:-left-28 { + left: -7rem !important; } - .xl\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .lg\:-top-32 { + top: -8rem !important; } - .xl\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .lg\:-right-32 { + right: -8rem !important; } - .xl\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .lg\:-bottom-32 { + bottom: -8rem !important; } - .xl\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .lg\:-left-32 { + left: -8rem !important; } - .xl\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .lg\:-top-36 { + top: -9rem !important; } - .xl\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .lg\:-right-36 { + right: -9rem !important; } - .xl\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .lg\:-bottom-36 { + bottom: -9rem !important; } - .xl\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .lg\:-left-36 { + left: -9rem !important; } - .xl\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .lg\:-top-40 { + top: -10rem !important; } - .xl\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .lg\:-right-40 { + right: -10rem !important; } - .xl\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .lg\:-bottom-40 { + bottom: -10rem !important; } - .xl\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .lg\:-left-40 { + left: -10rem !important; } - .xl\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .lg\:-top-44 { + top: -11rem !important; } - .xl\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .lg\:-right-44 { + right: -11rem !important; } - .xl\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .lg\:-bottom-44 { + bottom: -11rem !important; } - .xl\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .lg\:-left-44 { + left: -11rem !important; } - .xl\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .lg\:-top-48 { + top: -12rem !important; } - .xl\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .lg\:-right-48 { + right: -12rem !important; } - .xl\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .lg\:-bottom-48 { + bottom: -12rem !important; } - .xl\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .lg\:-left-48 { + left: -12rem !important; } - .xl\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .lg\:-top-52 { + top: -13rem !important; } - .xl\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .lg\:-right-52 { + right: -13rem !important; } - .xl\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .lg\:-bottom-52 { + bottom: -13rem !important; } - .xl\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .lg\:-left-52 { + left: -13rem !important; } - .xl\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .lg\:-top-56 { + top: -14rem !important; } - .xl\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .lg\:-right-56 { + right: -14rem !important; } - .xl\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .lg\:-bottom-56 { + bottom: -14rem !important; } - .xl\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .lg\:-left-56 { + left: -14rem !important; } - .xl\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .lg\:-top-60 { + top: -15rem !important; } - .xl\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .lg\:-right-60 { + right: -15rem !important; } - .xl\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .lg\:-bottom-60 { + bottom: -15rem !important; } - .xl\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .lg\:-left-60 { + left: -15rem !important; } - .xl\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .lg\:-top-64 { + top: -16rem !important; } - .xl\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .lg\:-right-64 { + right: -16rem !important; } - .xl\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .lg\:-bottom-64 { + bottom: -16rem !important; } - .xl\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .lg\:-left-64 { + left: -16rem !important; } - .xl\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .lg\:-top-72 { + top: -18rem !important; } - .xl\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .lg\:-right-72 { + right: -18rem !important; } - .xl\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .lg\:-bottom-72 { + bottom: -18rem !important; } - .xl\:to-transparent { - --gradient-to-color: transparent !important; + .lg\:-left-72 { + left: -18rem !important; } - .xl\:to-current { - --gradient-to-color: currentColor !important; + .lg\:-top-80 { + top: -20rem !important; } - .xl\:to-black { - --gradient-to-color: #000 !important; + .lg\:-right-80 { + right: -20rem !important; } - .xl\:to-white { - --gradient-to-color: #fff !important; + .lg\:-bottom-80 { + bottom: -20rem !important; } - .xl\:to-gray-50 { - --gradient-to-color: #fafafa !important; + .lg\:-left-80 { + left: -20rem !important; } - .xl\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; + .lg\:-top-96 { + top: -24rem !important; } - .xl\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; + .lg\:-right-96 { + right: -24rem !important; } - .xl\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; + .lg\:-bottom-96 { + bottom: -24rem !important; } - .xl\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; + .lg\:-left-96 { + left: -24rem !important; } - .xl\:to-gray-500 { - --gradient-to-color: #71717a !important; + .lg\:-top-px { + top: -1px !important; } - .xl\:to-gray-600 { - --gradient-to-color: #52525b !important; + .lg\:-right-px { + right: -1px !important; } - .xl\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; + .lg\:-bottom-px { + bottom: -1px !important; } - .xl\:to-gray-800 { - --gradient-to-color: #27272a !important; + .lg\:-left-px { + left: -1px !important; } - .xl\:to-gray-900 { - --gradient-to-color: #18181b !important; + .lg\:-top-0\.5 { + top: -0.125rem !important; } - .xl\:to-red-50 { - --gradient-to-color: #fef2f2 !important; + .lg\:-right-0\.5 { + right: -0.125rem !important; } - .xl\:to-red-100 { - --gradient-to-color: #fee2e2 !important; + .lg\:-bottom-0\.5 { + bottom: -0.125rem !important; } - .xl\:to-red-200 { - --gradient-to-color: #fecaca !important; + .lg\:-left-0\.5 { + left: -0.125rem !important; } - .xl\:to-red-300 { - --gradient-to-color: #fca5a5 !important; + .lg\:-top-1\.5 { + top: -0.375rem !important; } - .xl\:to-red-400 { - --gradient-to-color: #f87171 !important; + .lg\:-right-1\.5 { + right: -0.375rem !important; } - .xl\:to-red-500 { - --gradient-to-color: #ef4444 !important; + .lg\:-bottom-1\.5 { + bottom: -0.375rem !important; } - .xl\:to-red-600 { - --gradient-to-color: #dc2626 !important; + .lg\:-left-1\.5 { + left: -0.375rem !important; } - .xl\:to-red-700 { - --gradient-to-color: #b91c1c !important; + .lg\:-top-2\.5 { + top: -0.625rem !important; } - .xl\:to-red-800 { - --gradient-to-color: #991b1b !important; + .lg\:-right-2\.5 { + right: -0.625rem !important; } - .xl\:to-red-900 { - --gradient-to-color: #7f1d1d !important; + .lg\:-bottom-2\.5 { + bottom: -0.625rem !important; } - .xl\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; + .lg\:-left-2\.5 { + left: -0.625rem !important; } - .xl\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; + .lg\:-top-3\.5 { + top: -0.875rem !important; } - .xl\:to-yellow-200 { - --gradient-to-color: #fde68a !important; + .lg\:-right-3\.5 { + right: -0.875rem !important; } - .xl\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; + .lg\:-bottom-3\.5 { + bottom: -0.875rem !important; } - .xl\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; + .lg\:-left-3\.5 { + left: -0.875rem !important; } - .xl\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; + .lg\:top-1\/2 { + top: 50% !important; } - .xl\:to-yellow-600 { - --gradient-to-color: #d97706 !important; + .lg\:right-1\/2 { + right: 50% !important; } - .xl\:to-yellow-700 { - --gradient-to-color: #b45309 !important; + .lg\:bottom-1\/2 { + bottom: 50% !important; } - .xl\:to-yellow-800 { - --gradient-to-color: #92400e !important; + .lg\:left-1\/2 { + left: 50% !important; } - .xl\:to-yellow-900 { - --gradient-to-color: #78350f !important; + .lg\:top-1\/3 { + top: 33.333333% !important; } - .xl\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; + .lg\:right-1\/3 { + right: 33.333333% !important; } - .xl\:to-green-100 { - --gradient-to-color: #d1fae5 !important; + .lg\:bottom-1\/3 { + bottom: 33.333333% !important; } - .xl\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; + .lg\:left-1\/3 { + left: 33.333333% !important; } - .xl\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; + .lg\:top-2\/3 { + top: 66.666667% !important; } - .xl\:to-green-400 { - --gradient-to-color: #34d399 !important; + .lg\:right-2\/3 { + right: 66.666667% !important; } - .xl\:to-green-500 { - --gradient-to-color: #10b981 !important; + .lg\:bottom-2\/3 { + bottom: 66.666667% !important; } - .xl\:to-green-600 { - --gradient-to-color: #059669 !important; + .lg\:left-2\/3 { + left: 66.666667% !important; } - .xl\:to-green-700 { - --gradient-to-color: #047857 !important; + .lg\:top-1\/4 { + top: 25% !important; } - .xl\:to-green-800 { - --gradient-to-color: #065f46 !important; + .lg\:right-1\/4 { + right: 25% !important; } - .xl\:to-green-900 { - --gradient-to-color: #064e3b !important; + .lg\:bottom-1\/4 { + bottom: 25% !important; } - .xl\:to-blue-50 { - --gradient-to-color: #eff6ff !important; + .lg\:left-1\/4 { + left: 25% !important; } - .xl\:to-blue-100 { - --gradient-to-color: #dbeafe !important; + .lg\:top-2\/4 { + top: 50% !important; } - .xl\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; + .lg\:right-2\/4 { + right: 50% !important; } - .xl\:to-blue-300 { - --gradient-to-color: #93c5fd !important; + .lg\:bottom-2\/4 { + bottom: 50% !important; } - .xl\:to-blue-400 { - --gradient-to-color: #60a5fa !important; + .lg\:left-2\/4 { + left: 50% !important; } - .xl\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; + .lg\:top-3\/4 { + top: 75% !important; } - .xl\:to-blue-600 { - --gradient-to-color: #2563eb !important; + .lg\:right-3\/4 { + right: 75% !important; } - .xl\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; + .lg\:bottom-3\/4 { + bottom: 75% !important; } - .xl\:to-blue-800 { - --gradient-to-color: #1e40af !important; + .lg\:left-3\/4 { + left: 75% !important; } - .xl\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; + .lg\:top-full { + top: 100% !important; } - .xl\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; + .lg\:right-full { + right: 100% !important; } - .xl\:to-purple-100 { - --gradient-to-color: #ede9fe !important; + .lg\:bottom-full { + bottom: 100% !important; } - .xl\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; + .lg\:left-full { + left: 100% !important; } - .xl\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; + .lg\:-top-1\/2 { + top: -50% !important; } - .xl\:to-purple-400 { - --gradient-to-color: #a78bfa !important; + .lg\:-right-1\/2 { + right: -50% !important; } - .xl\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; + .lg\:-bottom-1\/2 { + bottom: -50% !important; } - .xl\:to-purple-600 { - --gradient-to-color: #7c3aed !important; + .lg\:-left-1\/2 { + left: -50% !important; } - .xl\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; + .lg\:-top-1\/3 { + top: -33.333333% !important; } - .xl\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; + .lg\:-right-1\/3 { + right: -33.333333% !important; } - .xl\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; + .lg\:-bottom-1\/3 { + bottom: -33.333333% !important; } - .xl\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; + .lg\:-left-1\/3 { + left: -33.333333% !important; } - .xl\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; + .lg\:-top-2\/3 { + top: -66.666667% !important; } - .xl\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; + .lg\:-right-2\/3 { + right: -66.666667% !important; } - .xl\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; + .lg\:-bottom-2\/3 { + bottom: -66.666667% !important; } - .xl\:to-pink-400 { - --gradient-to-color: #f472b6 !important; + .lg\:-left-2\/3 { + left: -66.666667% !important; } - .xl\:to-pink-500 { - --gradient-to-color: #ec4899 !important; + .lg\:-top-1\/4 { + top: -25% !important; } - .xl\:to-pink-600 { - --gradient-to-color: #db2777 !important; + .lg\:-right-1\/4 { + right: -25% !important; } - .xl\:to-pink-700 { - --gradient-to-color: #be185d !important; + .lg\:-bottom-1\/4 { + bottom: -25% !important; } - .xl\:to-pink-800 { - --gradient-to-color: #9d174d !important; + .lg\:-left-1\/4 { + left: -25% !important; } - .xl\:to-pink-900 { - --gradient-to-color: #831843 !important; + .lg\:-top-2\/4 { + top: -50% !important; } - .xl\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:-right-2\/4 { + right: -50% !important; } - .xl\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:-bottom-2\/4 { + bottom: -50% !important; } - .xl\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:-left-2\/4 { + left: -50% !important; } - .xl\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:-top-3\/4 { + top: -75% !important; } - .xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .lg\:-right-3\/4 { + right: -75% !important; } - .xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .lg\:-bottom-3\/4 { + bottom: -75% !important; } - .xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .lg\:-left-3\/4 { + left: -75% !important; } - .xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .lg\:-top-full { + top: -100% !important; } - .xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .lg\:-right-full { + right: -100% !important; } - .xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .lg\:-bottom-full { + bottom: -100% !important; } - .xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .lg\:-left-full { + left: -100% !important; } - .xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .lg\:resize-none { + resize: none !important; } - .xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .lg\:resize-y { + resize: vertical !important; } - .xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .lg\:resize-x { + resize: horizontal !important; } - .xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .lg\:resize { + resize: both !important; } - .xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .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) !important; } - .xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .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) !important; } - .xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .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) !important; } - .xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .lg\:shadow-none { + box-shadow: none !important; } - .xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .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) !important; } - .xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .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) !important; } - .xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .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) !important; } - .xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .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) !important; } - .xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .lg\:hover\:shadow-none:hover { + box-shadow: none !important; } - .xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .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) !important; } - .xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .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) !important; } - .xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .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) !important; } - .xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .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) !important; } - .xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .lg\:focus\:shadow-none:focus { + box-shadow: none !important; } - .xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .lg\:fill-current { + fill: currentColor !important; } - .xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .lg\:stroke-current { + stroke: currentColor !important; } - .xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .lg\:stroke-0 { + stroke-width: 0 !important; } - .xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .lg\:stroke-1 { + stroke-width: 1 !important; } - .xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .lg\:stroke-2 { + stroke-width: 2 !important; } - .xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .lg\:table-auto { + table-layout: auto !important; } - .xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .lg\:table-fixed { + table-layout: fixed !important; } - .xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .lg\:text-left { + text-align: left !important; } - .xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .lg\:text-center { + text-align: center !important; } - .xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .lg\:text-right { + text-align: right !important; } - .xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .lg\:text-justify { + text-align: justify !important; } - .xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .lg\:text-transparent { + color: transparent !important; } - .xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .lg\:text-current { + color: currentColor !important; } - .xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .lg\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .lg\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .lg\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .lg\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .lg\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .lg\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .lg\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .lg\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .lg\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .lg\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .lg\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .lg\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .lg\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .lg\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .lg\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .lg\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .lg\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .lg\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .lg\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .lg\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .lg\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .lg\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .lg\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .lg\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .lg\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .lg\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .lg\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .lg\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .lg\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .lg\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .lg\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .lg\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .lg\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .lg\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .lg\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .lg\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .lg\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .lg\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .lg\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .lg\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .lg\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .lg\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .lg\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .lg\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .lg\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .lg\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .lg\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .lg\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .lg\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .lg\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .lg\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .lg\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .lg\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .lg\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .lg\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .lg\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .lg\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .lg\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .lg\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .lg\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .lg\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .lg\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .lg\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .lg\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .lg\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .lg\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .lg\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .lg\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .group:hover .lg\:group-hover\:text-transparent { + color: transparent !important; } - .xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .group:hover .lg\:group-hover\:text-current { + color: currentColor !important; } - .xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .group:hover .lg\:group-hover\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .group:hover .lg\:group-hover\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .group:hover .lg\:group-hover\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .group:hover .lg\:group-hover\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .group:hover .lg\:group-hover\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .group:hover .lg\:group-hover\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .group:hover .lg\:group-hover\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; + .group:hover .lg\:group-hover\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; + .group:hover .lg\:group-hover\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:hover\:to-black:hover { - --gradient-to-color: #000 !important; + .group:hover .lg\:group-hover\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:hover\:to-white:hover { - --gradient-to-color: #fff !important; + .group:hover .lg\:group-hover\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; + .group:hover .lg\:group-hover\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; + .group:hover .lg\:group-hover\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; + .group:hover .lg\:group-hover\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; + .group:hover .lg\:group-hover\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; + .group:hover .lg\:group-hover\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; + .group:hover .lg\:group-hover\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; + .group:hover .lg\:group-hover\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; + .group:hover .lg\:group-hover\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; + .group:hover .lg\:group-hover\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; + .group:hover .lg\:group-hover\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; + .group:hover .lg\:group-hover\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; + .group:hover .lg\:group-hover\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; + .group:hover .lg\:group-hover\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; + .group:hover .lg\:group-hover\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; + .group:hover .lg\:group-hover\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; + .group:hover .lg\:group-hover\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; + .group:hover .lg\:group-hover\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; + .group:hover .lg\:group-hover\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; + .group:hover .lg\:group-hover\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; + .group:hover .lg\:group-hover\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; + .group:hover .lg\:group-hover\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; + .group:hover .lg\:group-hover\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; + .group:hover .lg\:group-hover\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; + .group:hover .lg\:group-hover\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; + .group:hover .lg\:group-hover\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; + .group:hover .lg\:group-hover\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; + .group:hover .lg\:group-hover\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; + .group:hover .lg\:group-hover\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; + .group:hover .lg\:group-hover\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; + .group:hover .lg\:group-hover\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; + .group:hover .lg\:group-hover\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; + .group:hover .lg\:group-hover\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; + .group:hover .lg\:group-hover\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; + .group:hover .lg\:group-hover\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; + .group:hover .lg\:group-hover\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; + .group:hover .lg\:group-hover\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; + .group:hover .lg\:group-hover\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; + .group:hover .lg\:group-hover\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; + .group:hover .lg\:group-hover\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; + .group:hover .lg\:group-hover\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; + .group:hover .lg\:group-hover\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; + .group:hover .lg\:group-hover\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; + .group:hover .lg\:group-hover\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; + .group:hover .lg\:group-hover\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; + .group:hover .lg\:group-hover\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; + .group:hover .lg\:group-hover\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; + .group:hover .lg\:group-hover\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; + .group:hover .lg\:group-hover\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; + .group:hover .lg\:group-hover\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; + .group:hover .lg\:group-hover\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; + .group:hover .lg\:group-hover\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; + .group:hover .lg\:group-hover\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; + .lg\:hover\:text-transparent:hover { + color: transparent !important; } - .xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; + .lg\:hover\:text-current:hover { + color: currentColor !important; } - .xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; + .lg\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; + .lg\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; + .lg\:hover\:text-gray-50:hover { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; + .lg\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; + .lg\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; + .lg\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; + .lg\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; + .lg\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; + .lg\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; + .lg\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; + .lg\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; + .lg\:hover\:text-red-50:hover { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; + .lg\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; + .lg\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; + .lg\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .lg\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .lg\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .lg\:hover\:text-yellow-50:hover { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .lg\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .lg\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .lg\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .lg\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .lg\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .lg\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .lg\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .lg\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .lg\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .lg\:hover\:text-green-50:hover { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .lg\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .lg\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .lg\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .lg\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .lg\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .lg\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .lg\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .lg\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .lg\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .lg\:hover\:text-blue-50:hover { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .lg\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .lg\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .lg\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .lg\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .lg\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .lg\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .lg\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .lg\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .lg\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .lg\:hover\:text-purple-50:hover { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .lg\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .lg\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .lg\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .lg\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .lg\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .lg\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .lg\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .lg\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .lg\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .lg\:hover\:text-pink-50:hover { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .lg\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .lg\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .lg\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .lg\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .lg\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .lg\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .lg\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .lg\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .lg\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .lg\:focus\:text-transparent:focus { + color: transparent !important; } - .xl\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .lg\:focus\:text-current:focus { + color: currentColor !important; } - .xl\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .lg\:focus\:text-black:focus { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .lg\:focus\:text-white:focus { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .lg\:focus\:text-gray-50:focus { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .lg\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .lg\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .lg\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .lg\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .lg\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .lg\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .lg\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .lg\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .lg\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .lg\:focus\:text-red-50:focus { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .lg\:focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .lg\:focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .lg\:focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .lg\:focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .lg\:focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .lg\:focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .lg\:focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .lg\:focus\:text-yellow-50:focus { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .lg\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .lg\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .lg\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .lg\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .lg\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .lg\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .lg\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .lg\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .lg\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .lg\:focus\:text-green-50:focus { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .lg\:focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .lg\:focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .lg\:focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .lg\:focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .lg\:focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .lg\:focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .lg\:focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .lg\:focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .lg\:focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .lg\:focus\:text-blue-50:focus { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .lg\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .lg\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .lg\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .lg\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .lg\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .lg\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .lg\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .lg\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .lg\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .lg\:focus\:text-purple-50:focus { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .lg\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .lg\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .lg\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .lg\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .lg\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .lg\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .lg\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .lg\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .lg\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .lg\:focus\:text-pink-50:focus { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .lg\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .lg\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .lg\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .lg\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .lg\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .lg\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .lg\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .lg\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .lg\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .lg\:text-opacity-0 { + --text-opacity: 0 !important; } - .xl\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .lg\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .xl\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .lg\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .xl\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .lg\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .xl\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .lg\:text-opacity-100 { + --text-opacity: 1 !important; } - .xl\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .group:hover .lg\:group-hover\:text-opacity-0 { + --text-opacity: 0 !important; } - .xl\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .group:hover .lg\:group-hover\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .xl\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .group:hover .lg\:group-hover\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .xl\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .group:hover .lg\:group-hover\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .xl\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .group:hover .lg\:group-hover\:text-opacity-100 { + --text-opacity: 1 !important; } - .xl\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .lg\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .xl\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .lg\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .xl\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .lg\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .xl\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .lg\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .xl\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .lg\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .xl\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .lg\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .xl\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .lg\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .xl\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .lg\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .xl\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; + .lg\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .xl\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; + .lg\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .xl\:focus\:to-black:focus { - --gradient-to-color: #000 !important; + .lg\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .xl\:focus\:to-white:focus { - --gradient-to-color: #fff !important; + .lg\:overflow-ellipsis { + text-overflow: ellipsis !important; } - .xl\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; + .lg\:overflow-clip { + text-overflow: clip !important; } - .xl\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; + .lg\:italic { + font-style: italic !important; } - .xl\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; + .lg\:not-italic { + font-style: normal !important; } - .xl\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; + .lg\:uppercase { + text-transform: uppercase !important; } - .xl\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; + .lg\:lowercase { + text-transform: lowercase !important; } - .xl\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; + .lg\:capitalize { + text-transform: capitalize !important; } - .xl\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; + .lg\:normal-case { + text-transform: none !important; } - .xl\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; + .lg\:underline { + text-decoration: underline !important; } - .xl\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; + .lg\:line-through { + text-decoration: line-through !important; } - .xl\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; + .lg\:no-underline { + text-decoration: none !important; } - .xl\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; + .lg\:hover\:underline:hover { + text-decoration: underline !important; } - .xl\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; + .lg\:hover\:line-through:hover { + text-decoration: line-through !important; } - .xl\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; + .lg\:hover\:no-underline:hover { + text-decoration: none !important; } - .xl\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; + .lg\:focus\:underline:focus { + text-decoration: underline !important; } - .xl\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; + .lg\:focus\:line-through:focus { + text-decoration: line-through !important; } - .xl\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; + .lg\:focus\:no-underline:focus { + text-decoration: none !important; } - .xl\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; + .lg\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .xl\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .xl\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; + .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } - .xl\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; + .lg\:normal-nums { + font-variant-numeric: normal !important; } - .xl\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; + .lg\:ordinal { + --font-variant-numeric-ordinal: ordinal !important; } - .xl\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; + .lg\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero !important; } - .xl\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; + .lg\:lining-nums { + --font-variant-numeric-figure: lining-nums !important; } - .xl\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; + .lg\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums !important; } - .xl\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; + .lg\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums !important; } - .xl\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; + .lg\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums !important; } - .xl\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; + .lg\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions !important; } - .xl\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; + .lg\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions !important; } - .xl\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; + .lg\:tracking-tighter { + letter-spacing: -0.05em !important; } - .xl\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; + .lg\:tracking-tight { + letter-spacing: -0.025em !important; } - .xl\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; + .lg\:tracking-normal { + letter-spacing: 0 !important; } - .xl\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; + .lg\:tracking-wide { + letter-spacing: 0.025em !important; } - .xl\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; + .lg\:tracking-wider { + letter-spacing: 0.05em !important; } - .xl\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; + .lg\:tracking-widest { + letter-spacing: 0.1em !important; } - .xl\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; + .lg\:select-none { + user-select: none !important; } - .xl\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; + .lg\:select-text { + user-select: text !important; } - .xl\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; + .lg\:select-all { + user-select: all !important; } - .xl\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; + .lg\:select-auto { + user-select: auto !important; } - .xl\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; + .lg\:align-baseline { + vertical-align: baseline !important; } - .xl\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; + .lg\:align-top { + vertical-align: top !important; } - .xl\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; + .lg\:align-middle { + vertical-align: middle !important; } - .xl\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; + .lg\:align-bottom { + vertical-align: bottom !important; } - .xl\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; + .lg\:align-text-top { + vertical-align: text-top !important; } - .xl\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; + .lg\:align-text-bottom { + vertical-align: text-bottom !important; } - .xl\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; + .lg\:visible { + visibility: visible !important; } - .xl\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; + .lg\:invisible { + visibility: hidden !important; } - .xl\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; + .lg\:whitespace-normal { + white-space: normal !important; } - .xl\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; + .lg\:whitespace-no-wrap { + white-space: nowrap !important; } - .xl\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; + .lg\:whitespace-pre { + white-space: pre !important; } - .xl\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; + .lg\:whitespace-pre-line { + white-space: pre-line !important; } - .xl\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .xl\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; + .lg\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .xl\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; + .lg\:break-words { + overflow-wrap: break-word !important; } - .xl\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; + .lg\:break-all { + word-break: break-all !important; } - .xl\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; + .lg\:w-0 { + width: 0 !important; } - .xl\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; + .lg\:w-1 { + width: 0.25rem !important; } - .xl\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; + .lg\:w-2 { + width: 0.5rem !important; } - .xl\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; + .lg\:w-3 { + width: 0.75rem !important; } - .xl\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; + .lg\:w-4 { + width: 1rem !important; } - .xl\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; + .lg\:w-5 { + width: 1.25rem !important; } - .xl\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; + .lg\:w-6 { + width: 1.5rem !important; } - .xl\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; + .lg\:w-7 { + width: 1.75rem !important; } - .xl\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; + .lg\:w-8 { + width: 2rem !important; } - .xl\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; + .lg\:w-9 { + width: 2.25rem !important; } - .xl\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; + .lg\:w-10 { + width: 2.5rem !important; } - .xl\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; + .lg\:w-12 { + width: 3rem !important; } - .xl\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; + .lg\:w-14 { + width: 3.5rem !important; } - .xl\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; + .lg\:w-16 { + width: 4rem !important; } - .xl\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; + .lg\:w-20 { + width: 5rem !important; } - .xl\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; + .lg\:w-24 { + width: 6rem !important; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:w-28 { + width: 7rem !important; + } - .xl\:dark\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:w-32 { + width: 8rem !important; + } - .xl\:dark\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:w-36 { + width: 9rem !important; + } - .xl\:dark\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:w-40 { + width: 10rem !important; + } - .xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .lg\:w-44 { + width: 11rem !important; + } - .xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .lg\:w-48 { + width: 12rem !important; + } - .xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .lg\:w-52 { + width: 13rem !important; + } - .xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .lg\:w-56 { + width: 14rem !important; + } - .xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .lg\:w-60 { + width: 15rem !important; + } - .xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .lg\:w-64 { + width: 16rem !important; + } - .xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .lg\:w-72 { + width: 18rem !important; + } - .xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .lg\:w-80 { + width: 20rem !important; + } - .xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .lg\:w-96 { + width: 24rem !important; + } - .xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .lg\:w-auto { + width: auto !important; + } - .xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .lg\:w-px { + width: 1px !important; + } - .xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .lg\:w-0\.5 { + width: 0.125rem !important; + } - .xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .lg\:w-1\.5 { + width: 0.375rem !important; + } - .xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .lg\:w-2\.5 { + width: 0.625rem !important; + } - .xl\:dark\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .lg\:w-3\.5 { + width: 0.875rem !important; + } - .xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .lg\:w-1\/2 { + width: 50% !important; + } - .xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .lg\:w-1\/3 { + width: 33.333333% !important; + } - .xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .lg\:w-2\/3 { + width: 66.666667% !important; + } - .xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .lg\:w-1\/4 { + width: 25% !important; + } - .xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .lg\:w-2\/4 { + width: 50% !important; + } - .xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .lg\:w-3\/4 { + width: 75% !important; + } - .xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .lg\:w-1\/5 { + width: 20% !important; + } - .xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .lg\:w-2\/5 { + width: 40% !important; + } - .xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .lg\:w-3\/5 { + width: 60% !important; + } - .xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .lg\:w-4\/5 { + width: 80% !important; + } - .xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .lg\:w-1\/6 { + width: 16.666667% !important; + } - .xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .lg\:w-2\/6 { + width: 33.333333% !important; + } - .xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .lg\:w-3\/6 { + width: 50% !important; + } - .xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .lg\:w-4\/6 { + width: 66.666667% !important; + } - .xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .lg\:w-5\/6 { + width: 83.333333% !important; + } - .xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .lg\:w-1\/12 { + width: 8.333333% !important; + } - .xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .lg\:w-2\/12 { + width: 16.666667% !important; + } - .xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .lg\:w-3\/12 { + width: 25% !important; + } - .xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .lg\:w-4\/12 { + width: 33.333333% !important; + } - .xl\:dark\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .lg\:w-5\/12 { + width: 41.666667% !important; + } - .xl\:dark\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .lg\:w-6\/12 { + width: 50% !important; + } - .xl\:dark\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .lg\:w-7\/12 { + width: 58.333333% !important; + } - .xl\:dark\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .lg\:w-8\/12 { + width: 66.666667% !important; + } - .xl\:dark\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .lg\:w-9\/12 { + width: 75% !important; + } - .xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .lg\:w-10\/12 { + width: 83.333333% !important; + } - .xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .lg\:w-11\/12 { + width: 91.666667% !important; + } - .xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .lg\:w-full { + width: 100% !important; + } - .xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .lg\:w-screen { + width: 100vw !important; + } - .xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .lg\:w-min { + width: min-content !important; + } - .xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .lg\:w-max { + width: max-content !important; + } - .xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .lg\:z-0 { + z-index: 0 !important; + } - .xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .lg\:z-10 { + z-index: 10 !important; + } - .xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .lg\:z-20 { + z-index: 20 !important; + } - .xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .lg\:z-30 { + z-index: 30 !important; + } - .xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .lg\:z-40 { + z-index: 40 !important; + } - .xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .lg\:z-50 { + z-index: 50 !important; + } - .xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .lg\:z-auto { + z-index: auto !important; + } - .xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .lg\:focus\:z-0:focus { + z-index: 0 !important; + } - .xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .lg\:focus\:z-10:focus { + z-index: 10 !important; + } - .xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .lg\:focus\:z-20:focus { + z-index: 20 !important; + } - .xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .lg\:focus\:z-30:focus { + z-index: 30 !important; + } - .xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .lg\:focus\:z-40:focus { + z-index: 40 !important; + } - .xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .lg\:focus\:z-50:focus { + z-index: 50 !important; + } - .xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .lg\:focus\:z-auto:focus { + z-index: auto !important; + } - .xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .lg\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; + } - .xl\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .lg\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; + } - .xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .lg\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; + } - .xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .lg\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; + } - .xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .lg\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; + } - .xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .lg\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; + } - .xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .lg\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; + } - .xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .lg\:gap-7 { + grid-gap: 1.75rem !important; + gap: 1.75rem !important; + } - .xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .lg\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; + } - .xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .lg\:gap-9 { + grid-gap: 2.25rem !important; + gap: 2.25rem !important; + } - .xl\:dark\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .lg\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; + } - .xl\:dark\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; + } - .xl\:dark\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:gap-14 { + grid-gap: 3.5rem !important; + gap: 3.5rem !important; + } - .xl\:dark\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; + } - .xl\:dark\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; + } - .xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .lg\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; + } - .xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .lg\:gap-28 { + grid-gap: 7rem !important; + gap: 7rem !important; + } - .xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .lg\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; + } - .xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .lg\:gap-36 { + grid-gap: 9rem !important; + gap: 9rem !important; + } - .xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .lg\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; + } - .xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .lg\:gap-44 { + grid-gap: 11rem !important; + gap: 11rem !important; + } - .xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .lg\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; + } - .xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .lg\:gap-52 { + grid-gap: 13rem !important; + gap: 13rem !important; + } - .xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .lg\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; + } - .xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .lg\:gap-60 { + grid-gap: 15rem !important; + gap: 15rem !important; + } - .xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .lg\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; + } - .xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .lg\:gap-72 { + grid-gap: 18rem !important; + gap: 18rem !important; + } - .xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .lg\:gap-80 { + grid-gap: 20rem !important; + gap: 20rem !important; + } - .xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .lg\:gap-96 { + grid-gap: 24rem !important; + gap: 24rem !important; + } - .xl\:dark\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .lg\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; + } - .xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .lg\:gap-0\.5 { + grid-gap: 0.125rem !important; + gap: 0.125rem !important; + } - .xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .lg\:gap-1\.5 { + grid-gap: 0.375rem !important; + gap: 0.375rem !important; + } - .xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .lg\:gap-2\.5 { + grid-gap: 0.625rem !important; + gap: 0.625rem !important; + } - .xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .lg\:gap-3\.5 { + grid-gap: 0.875rem !important; + gap: 0.875rem !important; + } - .xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .lg\:gap-x-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; + } - .xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .lg\:gap-x-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } - .xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .lg\:gap-x-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } - .xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .lg\:gap-x-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; + } - .xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .lg\:gap-x-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; + } - .xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .lg\:gap-x-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; + } - .xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .lg\:gap-x-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } - .xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .lg\:gap-x-7 { + grid-column-gap: 1.75rem !important; + column-gap: 1.75rem !important; + } - .xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .lg\:gap-x-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; + } - .xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .lg\:gap-x-9 { + grid-column-gap: 2.25rem !important; + column-gap: 2.25rem !important; + } - .xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .lg\:gap-x-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; + } - .xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .lg\:gap-x-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; + } - .xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .lg\:gap-x-14 { + grid-column-gap: 3.5rem !important; + column-gap: 3.5rem !important; + } - .xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .lg\:gap-x-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; + } - .xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .lg\:gap-x-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; + } - .xl\:dark\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .lg\:gap-x-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; + } - .xl\:dark\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .lg\:gap-x-28 { + grid-column-gap: 7rem !important; + column-gap: 7rem !important; + } - .xl\:dark\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .lg\:gap-x-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; + } - .xl\:dark\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .lg\:gap-x-36 { + grid-column-gap: 9rem !important; + column-gap: 9rem !important; + } - .xl\:dark\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .lg\:gap-x-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; + } - .xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .lg\:gap-x-44 { + grid-column-gap: 11rem !important; + column-gap: 11rem !important; + } - .xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .lg\:gap-x-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; + } - .xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .lg\:gap-x-52 { + grid-column-gap: 13rem !important; + column-gap: 13rem !important; + } - .xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .lg\:gap-x-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; + } - .xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .lg\:gap-x-60 { + grid-column-gap: 15rem !important; + column-gap: 15rem !important; + } - .xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .lg\:gap-x-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; + } - .xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .lg\:gap-x-72 { + grid-column-gap: 18rem !important; + column-gap: 18rem !important; + } - .xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .lg\:gap-x-80 { + grid-column-gap: 20rem !important; + column-gap: 20rem !important; + } - .xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .lg\:gap-x-96 { + grid-column-gap: 24rem !important; + column-gap: 24rem !important; + } - .xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .lg\:gap-x-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; + } - .xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .lg\:gap-x-0\.5 { + grid-column-gap: 0.125rem !important; + column-gap: 0.125rem !important; + } - .xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .lg\:gap-x-1\.5 { + grid-column-gap: 0.375rem !important; + column-gap: 0.375rem !important; + } - .xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .lg\:gap-x-2\.5 { + grid-column-gap: 0.625rem !important; + column-gap: 0.625rem !important; + } - .xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .lg\:gap-x-3\.5 { + grid-column-gap: 0.875rem !important; + column-gap: 0.875rem !important; + } - .xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .lg\:gap-y-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; + } - .xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .lg\:gap-y-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; + } - .xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .lg\:gap-y-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; + } - .xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .lg\:gap-y-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; + } - .xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .lg\:gap-y-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; + } - .xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .lg\:gap-y-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; + } - .xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .lg\:gap-y-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; + } - .xl\:dark\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .lg\:gap-y-7 { + grid-row-gap: 1.75rem !important; + row-gap: 1.75rem !important; + } - .xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .lg\:gap-y-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; + } - .xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .lg\:gap-y-9 { + grid-row-gap: 2.25rem !important; + row-gap: 2.25rem !important; + } - .xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .lg\:gap-y-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; + } - .xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .lg\:gap-y-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; + } - .xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .lg\:gap-y-14 { + grid-row-gap: 3.5rem !important; + row-gap: 3.5rem !important; + } - .xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .lg\:gap-y-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; + } - .xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .lg\:gap-y-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; + } - .xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .lg\:gap-y-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; + } - .xl\:dark\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .lg\:gap-y-28 { + grid-row-gap: 7rem !important; + row-gap: 7rem !important; + } - .xl\:dark\:to-transparent { - --gradient-to-color: transparent !important; - } + .lg\:gap-y-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; + } - .xl\:dark\:to-current { - --gradient-to-color: currentColor !important; - } + .lg\:gap-y-36 { + grid-row-gap: 9rem !important; + row-gap: 9rem !important; + } - .xl\:dark\:to-black { - --gradient-to-color: #000 !important; - } + .lg\:gap-y-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; + } - .xl\:dark\:to-white { - --gradient-to-color: #fff !important; - } + .lg\:gap-y-44 { + grid-row-gap: 11rem !important; + row-gap: 11rem !important; + } - .xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } + .lg\:gap-y-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; + } - .xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } + .lg\:gap-y-52 { + grid-row-gap: 13rem !important; + row-gap: 13rem !important; + } - .xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } + .lg\:gap-y-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; + } - .xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } + .lg\:gap-y-60 { + grid-row-gap: 15rem !important; + row-gap: 15rem !important; + } - .xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } + .lg\:gap-y-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; + } - .xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a !important; - } + .lg\:gap-y-72 { + grid-row-gap: 18rem !important; + row-gap: 18rem !important; + } - .xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b !important; - } + .lg\:gap-y-80 { + grid-row-gap: 20rem !important; + row-gap: 20rem !important; + } - .xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } + .lg\:gap-y-96 { + grid-row-gap: 24rem !important; + row-gap: 24rem !important; + } - .xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a !important; - } + .lg\:gap-y-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; + } - .xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b !important; - } + .lg\:gap-y-0\.5 { + grid-row-gap: 0.125rem !important; + row-gap: 0.125rem !important; + } - .xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } + .lg\:gap-y-1\.5 { + grid-row-gap: 0.375rem !important; + row-gap: 0.375rem !important; + } - .xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } + .lg\:gap-y-2\.5 { + grid-row-gap: 0.625rem !important; + row-gap: 0.625rem !important; + } - .xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca !important; - } + .lg\:gap-y-3\.5 { + grid-row-gap: 0.875rem !important; + row-gap: 0.875rem !important; + } - .xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } + .lg\:grid-flow-row { + grid-auto-flow: row !important; + } - .xl\:dark\:to-red-400 { - --gradient-to-color: #f87171 !important; - } + .lg\:grid-flow-col { + grid-auto-flow: column !important; + } - .xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense !important; + } - .xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense !important; + } - .xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b !important; - } + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + } - .xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } + .lg\:grid-cols-none { + grid-template-columns: none !important; + } - .xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } + .lg\:auto-cols-auto { + grid-auto-columns: auto !important; + } - .xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } + .lg\:auto-cols-min { + grid-auto-columns: min-content !important; + } - .xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } + .lg\:auto-cols-max { + grid-auto-columns: max-content !important; + } - .xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } + .lg\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr) !important; + } - .xl\:dark\:to-green-400 { - --gradient-to-color: #34d399 !important; - } + .lg\:col-auto { + grid-column: auto !important; + } - .xl\:dark\:to-green-500 { - --gradient-to-color: #10b981 !important; - } + .lg\:col-span-1 { + grid-column: span 1 / span 1 !important; + } - .xl\:dark\:to-green-600 { - --gradient-to-color: #059669 !important; - } + .lg\:col-span-2 { + grid-column: span 2 / span 2 !important; + } - .xl\:dark\:to-green-700 { - --gradient-to-color: #047857 !important; - } + .lg\:col-span-3 { + grid-column: span 3 / span 3 !important; + } - .xl\:dark\:to-green-800 { - --gradient-to-color: #065f46 !important; - } + .lg\:col-span-4 { + grid-column: span 4 / span 4 !important; + } - .xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b !important; - } + .lg\:col-span-5 { + grid-column: span 5 / span 5 !important; + } - .xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } + .lg\:col-span-6 { + grid-column: span 6 / span 6 !important; + } - .xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } + .lg\:col-span-7 { + grid-column: span 7 / span 7 !important; + } - .xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } + .lg\:col-span-8 { + grid-column: span 8 / span 8 !important; + } - .xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } + .lg\:col-span-9 { + grid-column: span 9 / span 9 !important; + } - .xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } + .lg\:col-span-10 { + grid-column: span 10 / span 10 !important; + } - .xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } + .lg\:col-span-11 { + grid-column: span 11 / span 11 !important; + } - .xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } + .lg\:col-span-12 { + grid-column: span 12 / span 12 !important; + } - .xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } + .lg\:col-span-full { + grid-column: 1 / -1 !important; + } - .xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } + .lg\:col-start-1 { + grid-column-start: 1 !important; + } - .xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } + .lg\:col-start-2 { + grid-column-start: 2 !important; + } - .xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } + .lg\:col-start-3 { + grid-column-start: 3 !important; + } - .xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } + .lg\:col-start-4 { + grid-column-start: 4 !important; + } - .xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } + .lg\:col-start-5 { + grid-column-start: 5 !important; + } - .xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } + .lg\:col-start-6 { + grid-column-start: 6 !important; + } - .xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } + .lg\:col-start-7 { + grid-column-start: 7 !important; + } - .xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } + .lg\:col-start-8 { + grid-column-start: 8 !important; + } - .xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } + .lg\:col-start-9 { + grid-column-start: 9 !important; + } - .xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } + .lg\:col-start-10 { + grid-column-start: 10 !important; + } - .xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } + .lg\:col-start-11 { + grid-column-start: 11 !important; + } - .xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } + .lg\:col-start-12 { + grid-column-start: 12 !important; + } - .xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } + .lg\:col-start-13 { + grid-column-start: 13 !important; + } - .xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } + .lg\:col-start-auto { + grid-column-start: auto !important; + } - .xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } + .lg\:col-end-1 { + grid-column-end: 1 !important; + } - .xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } + .lg\:col-end-2 { + grid-column-end: 2 !important; + } - .xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } + .lg\:col-end-3 { + grid-column-end: 3 !important; + } - .xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } + .lg\:col-end-4 { + grid-column-end: 4 !important; + } - .xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } + .lg\:col-end-5 { + grid-column-end: 5 !important; + } - .xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d !important; - } + .lg\:col-end-6 { + grid-column-end: 6 !important; + } - .xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } + .lg\:col-end-7 { + grid-column-end: 7 !important; + } - .xl\:dark\:to-pink-900 { - --gradient-to-color: #831843 !important; - } + .lg\:col-end-8 { + grid-column-end: 8 !important; + } - .xl\:dark\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:col-end-9 { + grid-column-end: 9 !important; + } - .xl\:dark\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:col-end-10 { + grid-column-end: 10 !important; + } - .xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:col-end-11 { + grid-column-end: 11 !important; + } - .xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:col-end-12 { + grid-column-end: 12 !important; + } - .xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .lg\:col-end-13 { + grid-column-end: 13 !important; + } - .xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .lg\:col-end-auto { + grid-column-end: auto !important; + } - .xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + } - .xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + } - .xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + } - .xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + } - .xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + } - .xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + } - .xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .lg\:grid-rows-none { + grid-template-rows: none !important; + } - .xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .lg\:auto-rows-auto { + grid-auto-rows: auto !important; + } - .xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .lg\:auto-rows-min { + grid-auto-rows: min-content !important; + } - .xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .lg\:auto-rows-max { + grid-auto-rows: max-content !important; + } - .xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .lg\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr) !important; + } - .xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .lg\:row-auto { + grid-row: auto !important; + } - .xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .lg\:row-span-1 { + grid-row: span 1 / span 1 !important; + } - .xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .lg\:row-span-2 { + grid-row: span 2 / span 2 !important; + } - .xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .lg\:row-span-3 { + grid-row: span 3 / span 3 !important; + } - .xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .lg\:row-span-4 { + grid-row: span 4 / span 4 !important; + } - .xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .lg\:row-span-5 { + grid-row: span 5 / span 5 !important; + } - .xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .lg\:row-span-6 { + grid-row: span 6 / span 6 !important; + } - .xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .lg\:row-span-full { + grid-row: 1 / -1 !important; + } - .xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .lg\:row-start-1 { + grid-row-start: 1 !important; + } - .xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .lg\:row-start-2 { + grid-row-start: 2 !important; + } - .xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .lg\:row-start-3 { + grid-row-start: 3 !important; + } - .xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .lg\:row-start-4 { + grid-row-start: 4 !important; + } - .xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .lg\:row-start-5 { + grid-row-start: 5 !important; + } - .xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .lg\:row-start-6 { + grid-row-start: 6 !important; + } - .xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .lg\:row-start-7 { + grid-row-start: 7 !important; + } - .xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .lg\:row-start-auto { + grid-row-start: auto !important; + } - .xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .lg\:row-end-1 { + grid-row-end: 1 !important; + } - .xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .lg\:row-end-2 { + grid-row-end: 2 !important; + } - .xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .lg\:row-end-3 { + grid-row-end: 3 !important; + } - .xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .lg\:row-end-4 { + grid-row-end: 4 !important; + } - .xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .lg\:row-end-5 { + grid-row-end: 5 !important; + } - .xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .lg\:row-end-6 { + grid-row-end: 6 !important; + } - .xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .lg\:row-end-7 { + grid-row-end: 7 !important; + } - .xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .lg\:row-end-auto { + grid-row-end: auto !important; + } - .xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .lg\:transform { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + 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)) !important; + } - .xl\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .lg\:transform-gpu { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; + } - .xl\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .lg\:transform-none { + transform: none !important; + } - .xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .lg\:origin-center { + transform-origin: center !important; + } - .xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .lg\:origin-top { + transform-origin: top !important; + } - .xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .lg\:origin-top-right { + transform-origin: top right !important; + } - .xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .lg\:origin-right { + transform-origin: right !important; + } - .xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .lg\:origin-bottom-right { + transform-origin: bottom right !important; + } - .xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .lg\:origin-bottom { + transform-origin: bottom !important; + } - .xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .lg\:origin-bottom-left { + transform-origin: bottom left !important; + } - .xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .lg\:origin-left { + transform-origin: left !important; + } - .xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .lg\:origin-top-left { + transform-origin: top left !important; + } - .xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .lg\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; + } - .xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .lg\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; + } - .xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .lg\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; + } - .xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .lg\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; + } - .xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .lg\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; + } - .xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .lg\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + } - .xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .lg\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; + } - .xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .lg\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; + } - .xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .lg\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; + } - .xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .lg\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; + } - .xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .lg\:scale-x-0 { + --transform-scale-x: 0 !important; + } - .xl\:dark\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .lg\:scale-x-50 { + --transform-scale-x: .5 !important; + } - .xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .lg\:scale-x-75 { + --transform-scale-x: .75 !important; + } - .xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .lg\:scale-x-90 { + --transform-scale-x: .9 !important; + } - .xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .lg\:scale-x-95 { + --transform-scale-x: .95 !important; + } - .xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .lg\:scale-x-100 { + --transform-scale-x: 1 !important; + } - .xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .lg\:scale-x-105 { + --transform-scale-x: 1.05 !important; + } - .xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .lg\:scale-x-110 { + --transform-scale-x: 1.1 !important; + } - .xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .lg\:scale-x-125 { + --transform-scale-x: 1.25 !important; + } - .xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .lg\:scale-x-150 { + --transform-scale-x: 1.5 !important; + } - .xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .lg\:scale-y-0 { + --transform-scale-y: 0 !important; + } - .xl\:dark\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:scale-y-50 { + --transform-scale-y: .5 !important; + } - .xl\:dark\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:scale-y-75 { + --transform-scale-y: .75 !important; + } - .xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:scale-y-90 { + --transform-scale-y: .9 !important; + } - .xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:scale-y-95 { + --transform-scale-y: .95 !important; + } - .xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .lg\:scale-y-100 { + --transform-scale-y: 1 !important; + } - .xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .lg\:scale-y-105 { + --transform-scale-y: 1.05 !important; + } - .xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .lg\:scale-y-110 { + --transform-scale-y: 1.1 !important; + } - .xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .lg\:scale-y-125 { + --transform-scale-y: 1.25 !important; + } - .xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .lg\:scale-y-150 { + --transform-scale-y: 1.5 !important; + } - .xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; + } - .xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; + } - .xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; + } - .xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; + } - .xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; + } - .xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + } - .xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; + } - .xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; + } - .xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; + } - .xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; + } - .xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; + } - .xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; + } - .xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; + } - .xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; + } - .xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; + } - .xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; + } - .xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; + } - .xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; + } - .xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; + } - .xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; + } - .xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; + } - .xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; + } - .xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; + } - .xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; + } - .xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; + } - .xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; + } - .xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; + } - .xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; + } - .xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; + } - .xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; + } - .xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; + } - .xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; + } - .xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; + } - .xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; + } - .xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; + } - .xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + } - .xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; + } - .xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; + } - .xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; + } - .xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; + } - .xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; + } - .xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; + } - .xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; + } - .xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; + } - .xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; + } - .xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; + } - .xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; + } - .xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; + } - .xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; + } - .xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; + } - .xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; + } - .xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; + } - .xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; + } - .xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; + } - .xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; + } - .xl\:dark\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; + } - .xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; + } - .xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; + } - .xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; + } - .xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; + } - .xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .lg\:rotate-0 { + --transform-rotate: 0 !important; + } - .xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .lg\:rotate-1 { + --transform-rotate: 1deg !important; + } - .xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .lg\:rotate-2 { + --transform-rotate: 2deg !important; + } - .xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .lg\:rotate-3 { + --transform-rotate: 3deg !important; + } - .xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .lg\:rotate-6 { + --transform-rotate: 6deg !important; + } - .xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } + .lg\:rotate-12 { + --transform-rotate: 12deg !important; + } - .xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } + .lg\:rotate-45 { + --transform-rotate: 45deg !important; + } - .xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } + .lg\:rotate-90 { + --transform-rotate: 90deg !important; + } - .xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } + .lg\:rotate-180 { + --transform-rotate: 180deg !important; + } - .xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } + .lg\:-rotate-180 { + --transform-rotate: -180deg !important; + } - .xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } + .lg\:-rotate-90 { + --transform-rotate: -90deg !important; + } - .xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } + .lg\:-rotate-45 { + --transform-rotate: -45deg !important; + } - .xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } + .lg\:-rotate-12 { + --transform-rotate: -12deg !important; + } - .xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } + .lg\:-rotate-6 { + --transform-rotate: -6deg !important; + } - .xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } + .lg\:-rotate-3 { + --transform-rotate: -3deg !important; + } - .xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } + .lg\:-rotate-2 { + --transform-rotate: -2deg !important; + } - .xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } + .lg\:-rotate-1 { + --transform-rotate: -1deg !important; + } - .xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; + } - .xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } + .lg\:hover\:rotate-1:hover { + --transform-rotate: 1deg !important; + } - .xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } + .lg\:hover\:rotate-2:hover { + --transform-rotate: 2deg !important; + } - .xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } + .lg\:hover\:rotate-3:hover { + --transform-rotate: 3deg !important; + } - .xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } + .lg\:hover\:rotate-6:hover { + --transform-rotate: 6deg !important; + } - .xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } + .lg\:hover\:rotate-12:hover { + --transform-rotate: 12deg !important; + } - .xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; + } - .xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; + } - .xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; + } - .xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; + } - .xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; + } - .xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; + } - .xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } + .lg\:hover\:-rotate-12:hover { + --transform-rotate: -12deg !important; + } - .xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } + .lg\:hover\:-rotate-6:hover { + --transform-rotate: -6deg !important; + } - .xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } + .lg\:hover\:-rotate-3:hover { + --transform-rotate: -3deg !important; + } - .xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } + .lg\:hover\:-rotate-2:hover { + --transform-rotate: -2deg !important; + } - .xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } + .lg\:hover\:-rotate-1:hover { + --transform-rotate: -1deg !important; + } - .xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; + } - .xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } + .lg\:focus\:rotate-1:focus { + --transform-rotate: 1deg !important; + } - .xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } + .lg\:focus\:rotate-2:focus { + --transform-rotate: 2deg !important; + } - .xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } + .lg\:focus\:rotate-3:focus { + --transform-rotate: 3deg !important; + } - .xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } + .lg\:focus\:rotate-6:focus { + --transform-rotate: 6deg !important; + } - .xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } + .lg\:focus\:rotate-12:focus { + --transform-rotate: 12deg !important; + } - .xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; + } - .xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; + } - .xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; + } - .xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; + } - .xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; + } - .xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; + } - .xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } + .lg\:focus\:-rotate-12:focus { + --transform-rotate: -12deg !important; + } - .xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } + .lg\:focus\:-rotate-6:focus { + --transform-rotate: -6deg !important; + } - .xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } + .lg\:focus\:-rotate-3:focus { + --transform-rotate: -3deg !important; + } - .xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } + .lg\:focus\:-rotate-2:focus { + --transform-rotate: -2deg !important; + } - .xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } + .lg\:focus\:-rotate-1:focus { + --transform-rotate: -1deg !important; + } - .xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } + .lg\:translate-x-0 { + --transform-translate-x: 0 !important; + } - .xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem !important; + } - .xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem !important; + } - .xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem !important; + } - .xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } + .lg\:translate-x-4 { + --transform-translate-x: 1rem !important; + } - .xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem !important; + } - .xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem !important; + } - .xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } + .lg\:translate-x-7 { + --transform-translate-x: 1.75rem !important; + } - .xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } + .lg\:translate-x-8 { + --transform-translate-x: 2rem !important; + } - .xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } + .lg\:translate-x-9 { + --transform-translate-x: 2.25rem !important; + } - .xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem !important; + } - .xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } + .lg\:translate-x-12 { + --transform-translate-x: 3rem !important; + } - .xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } + .lg\:translate-x-14 { + --transform-translate-x: 3.5rem !important; + } - .xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } + .lg\:translate-x-16 { + --transform-translate-x: 4rem !important; + } - .xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } + .lg\:translate-x-20 { + --transform-translate-x: 5rem !important; + } - .xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } + .lg\:translate-x-24 { + --transform-translate-x: 6rem !important; + } - .xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } + .lg\:translate-x-28 { + --transform-translate-x: 7rem !important; + } - .xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } + .lg\:translate-x-32 { + --transform-translate-x: 8rem !important; + } - .xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } + .lg\:translate-x-36 { + --transform-translate-x: 9rem !important; + } - .xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } + .lg\:translate-x-40 { + --transform-translate-x: 10rem !important; + } - .xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } + .lg\:translate-x-44 { + --transform-translate-x: 11rem !important; + } - .xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } + .lg\:translate-x-48 { + --transform-translate-x: 12rem !important; + } - .xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } + .lg\:translate-x-52 { + --transform-translate-x: 13rem !important; + } - .xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } + .lg\:translate-x-56 { + --transform-translate-x: 14rem !important; + } - .xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } + .lg\:translate-x-60 { + --transform-translate-x: 15rem !important; + } - .xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } + .lg\:translate-x-64 { + --transform-translate-x: 16rem !important; + } - .xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } + .lg\:translate-x-72 { + --transform-translate-x: 18rem !important; + } - .xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } + .lg\:translate-x-80 { + --transform-translate-x: 20rem !important; + } - .xl\:dark\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:translate-x-96 { + --transform-translate-x: 24rem !important; + } - .xl\:dark\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:translate-x-px { + --transform-translate-x: 1px !important; + } - .xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:translate-x-0\.5 { + --transform-translate-x: 0.125rem !important; + } - .xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:translate-x-1\.5 { + --transform-translate-x: 0.375rem !important; + } - .xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .lg\:translate-x-2\.5 { + --transform-translate-x: 0.625rem !important; + } - .xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .lg\:translate-x-3\.5 { + --transform-translate-x: 0.875rem !important; + } - .xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; + } - .xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; + } - .xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; + } - .xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .lg\:-translate-x-4 { + --transform-translate-x: -1rem !important; + } - .xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; + } - .xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; + } - .xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .lg\:-translate-x-7 { + --transform-translate-x: -1.75rem !important; + } - .xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .lg\:-translate-x-8 { + --transform-translate-x: -2rem !important; + } - .xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .lg\:-translate-x-9 { + --transform-translate-x: -2.25rem !important; + } - .xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; + } - .xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .lg\:-translate-x-12 { + --transform-translate-x: -3rem !important; + } - .xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .lg\:-translate-x-14 { + --transform-translate-x: -3.5rem !important; + } - .xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .lg\:-translate-x-16 { + --transform-translate-x: -4rem !important; + } - .xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .lg\:-translate-x-20 { + --transform-translate-x: -5rem !important; + } - .xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .lg\:-translate-x-24 { + --transform-translate-x: -6rem !important; + } - .xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .lg\:-translate-x-28 { + --transform-translate-x: -7rem !important; + } - .xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .lg\:-translate-x-32 { + --transform-translate-x: -8rem !important; + } - .xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .lg\:-translate-x-36 { + --transform-translate-x: -9rem !important; + } - .xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .lg\:-translate-x-40 { + --transform-translate-x: -10rem !important; + } - .xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .lg\:-translate-x-44 { + --transform-translate-x: -11rem !important; + } - .xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .lg\:-translate-x-48 { + --transform-translate-x: -12rem !important; + } - .xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .lg\:-translate-x-52 { + --transform-translate-x: -13rem !important; + } - .xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .lg\:-translate-x-56 { + --transform-translate-x: -14rem !important; + } - .xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .lg\:-translate-x-60 { + --transform-translate-x: -15rem !important; + } - .xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .lg\:-translate-x-64 { + --transform-translate-x: -16rem !important; + } - .xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .lg\:-translate-x-72 { + --transform-translate-x: -18rem !important; + } - .xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .lg\:-translate-x-80 { + --transform-translate-x: -20rem !important; + } - .xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .lg\:-translate-x-96 { + --transform-translate-x: -24rem !important; + } - .xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .lg\:-translate-x-px { + --transform-translate-x: -1px !important; + } - .xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .lg\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem !important; + } - .xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .lg\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem !important; + } - .xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .lg\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem !important; + } - .xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .lg\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem !important; + } - .xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .lg\:translate-x-1\/2 { + --transform-translate-x: 50% !important; + } - .xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .lg\:translate-x-1\/3 { + --transform-translate-x: 33.333333% !important; + } - .xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .lg\:translate-x-2\/3 { + --transform-translate-x: 66.666667% !important; + } - .xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .lg\:translate-x-1\/4 { + --transform-translate-x: 25% !important; + } - .xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .lg\:translate-x-2\/4 { + --transform-translate-x: 50% !important; + } - .xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .lg\:translate-x-3\/4 { + --transform-translate-x: 75% !important; + } - .xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .lg\:translate-x-full { + --transform-translate-x: 100% !important; + } - .xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50% !important; + } - .xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .lg\:-translate-x-1\/3 { + --transform-translate-x: -33.333333% !important; + } - .xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .lg\:-translate-x-2\/3 { + --transform-translate-x: -66.666667% !important; + } - .xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .lg\:-translate-x-1\/4 { + --transform-translate-x: -25% !important; + } - .xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .lg\:-translate-x-2\/4 { + --transform-translate-x: -50% !important; + } - .xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .lg\:-translate-x-3\/4 { + --transform-translate-x: -75% !important; + } - .xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .lg\:-translate-x-full { + --transform-translate-x: -100% !important; + } - .xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .lg\:translate-y-0 { + --transform-translate-y: 0 !important; + } - .xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem !important; + } - .xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem !important; + } - .xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem !important; + } - .xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .lg\:translate-y-4 { + --transform-translate-y: 1rem !important; + } - .xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem !important; + } - .xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem !important; + } - .xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .lg\:translate-y-7 { + --transform-translate-y: 1.75rem !important; + } - .xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .lg\:translate-y-8 { + --transform-translate-y: 2rem !important; + } - .xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .lg\:translate-y-9 { + --transform-translate-y: 2.25rem !important; + } - .xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem !important; + } - .xl\:dark\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .lg\:translate-y-12 { + --transform-translate-y: 3rem !important; + } - .xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .lg\:translate-y-14 { + --transform-translate-y: 3.5rem !important; + } - .xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .lg\:translate-y-16 { + --transform-translate-y: 4rem !important; + } - .xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .lg\:translate-y-20 { + --transform-translate-y: 5rem !important; + } - .xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .lg\:translate-y-24 { + --transform-translate-y: 6rem !important; + } - .xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .lg\:translate-y-28 { + --transform-translate-y: 7rem !important; + } - .xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .lg\:translate-y-32 { + --transform-translate-y: 8rem !important; + } - .xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .lg\:translate-y-36 { + --transform-translate-y: 9rem !important; + } - .xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .lg\:translate-y-40 { + --transform-translate-y: 10rem !important; + } - .xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .lg\:translate-y-44 { + --transform-translate-y: 11rem !important; + } - .xl\:dark\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:translate-y-48 { + --transform-translate-y: 12rem !important; + } - .xl\:dark\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:translate-y-52 { + --transform-translate-y: 13rem !important; + } - .xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .lg\:translate-y-56 { + --transform-translate-y: 14rem !important; + } - .xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .lg\:translate-y-60 { + --transform-translate-y: 15rem !important; + } - .xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .lg\:translate-y-64 { + --transform-translate-y: 16rem !important; + } - .xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .lg\:translate-y-72 { + --transform-translate-y: 18rem !important; + } - .xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .lg\:translate-y-80 { + --transform-translate-y: 20rem !important; + } - .xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .lg\:translate-y-96 { + --transform-translate-y: 24rem !important; + } - .xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .lg\:translate-y-px { + --transform-translate-y: 1px !important; + } - .xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .lg\:translate-y-0\.5 { + --transform-translate-y: 0.125rem !important; + } - .xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .lg\:translate-y-1\.5 { + --transform-translate-y: 0.375rem !important; + } - .xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .lg\:translate-y-2\.5 { + --transform-translate-y: 0.625rem !important; + } - .xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .lg\:translate-y-3\.5 { + --transform-translate-y: 0.875rem !important; + } - .xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; + } - .xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; + } - .xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; + } - .xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .lg\:-translate-y-4 { + --transform-translate-y: -1rem !important; + } - .xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; + } - .xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; + } - .xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .lg\:-translate-y-7 { + --transform-translate-y: -1.75rem !important; + } - .xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .lg\:-translate-y-8 { + --transform-translate-y: -2rem !important; + } - .xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .lg\:-translate-y-9 { + --transform-translate-y: -2.25rem !important; + } - .xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; + } - .xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .lg\:-translate-y-12 { + --transform-translate-y: -3rem !important; + } - .xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .lg\:-translate-y-14 { + --transform-translate-y: -3.5rem !important; + } - .xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .lg\:-translate-y-16 { + --transform-translate-y: -4rem !important; + } - .xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .lg\:-translate-y-20 { + --transform-translate-y: -5rem !important; + } - .xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .lg\:-translate-y-24 { + --transform-translate-y: -6rem !important; + } - .xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .lg\:-translate-y-28 { + --transform-translate-y: -7rem !important; + } - .xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .lg\:-translate-y-32 { + --transform-translate-y: -8rem !important; + } - .xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .lg\:-translate-y-36 { + --transform-translate-y: -9rem !important; + } - .xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .lg\:-translate-y-40 { + --transform-translate-y: -10rem !important; + } - .xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .lg\:-translate-y-44 { + --transform-translate-y: -11rem !important; + } - .xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .lg\:-translate-y-48 { + --transform-translate-y: -12rem !important; + } - .xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .lg\:-translate-y-52 { + --transform-translate-y: -13rem !important; + } - .xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .lg\:-translate-y-56 { + --transform-translate-y: -14rem !important; + } - .xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .lg\:-translate-y-60 { + --transform-translate-y: -15rem !important; + } - .xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .lg\:-translate-y-64 { + --transform-translate-y: -16rem !important; + } - .xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .lg\:-translate-y-72 { + --transform-translate-y: -18rem !important; + } - .xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .lg\:-translate-y-80 { + --transform-translate-y: -20rem !important; + } - .xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .lg\:-translate-y-96 { + --transform-translate-y: -24rem !important; + } - .xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .lg\:-translate-y-px { + --transform-translate-y: -1px !important; + } - .xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .lg\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem !important; + } - .xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .lg\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem !important; + } - .xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .lg\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem !important; + } - .xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .lg\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem !important; + } - .xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .lg\:translate-y-1\/2 { + --transform-translate-y: 50% !important; + } - .xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .lg\:translate-y-1\/3 { + --transform-translate-y: 33.333333% !important; + } - .xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .lg\:translate-y-2\/3 { + --transform-translate-y: 66.666667% !important; + } - .xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .lg\:translate-y-1\/4 { + --transform-translate-y: 25% !important; + } - .xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .lg\:translate-y-2\/4 { + --transform-translate-y: 50% !important; + } - .xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .lg\:translate-y-3\/4 { + --transform-translate-y: 75% !important; + } - .xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .lg\:translate-y-full { + --transform-translate-y: 100% !important; + } - .xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; + } - .xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .lg\:-translate-y-1\/3 { + --transform-translate-y: -33.333333% !important; + } - .xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .lg\:-translate-y-2\/3 { + --transform-translate-y: -66.666667% !important; + } - .xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .lg\:-translate-y-1\/4 { + --transform-translate-y: -25% !important; + } - .xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .lg\:-translate-y-2\/4 { + --transform-translate-y: -50% !important; + } - .xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .lg\:-translate-y-3\/4 { + --transform-translate-y: -75% !important; + } - .xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .lg\:-translate-y-full { + --transform-translate-y: -100% !important; + } - .xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; + } - .xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; + } - .xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; + } - .xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; + } - .xl\:dark\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; + } - .xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; + } - .xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; + } - .xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .lg\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem !important; + } - .xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; + } - .xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .lg\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem !important; + } - .xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; + } - .xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; + } - .xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .lg\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem !important; + } - .xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; + } - .xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; + } - .xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; + } - .xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } + .lg\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem !important; + } - .xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; + } - .xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } + .lg\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem !important; + } - .xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; + } - .xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } + .lg\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem !important; + } - .xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; + } - .xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } + .lg\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem !important; + } - .xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; + } - .xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } + .lg\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem !important; + } - .xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; + } - .xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } + .lg\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem !important; + } - .xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } + .lg\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem !important; + } - .xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } + .lg\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem !important; + } - .xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; + } - .xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } + .lg\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem !important; + } - .xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } + .lg\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem !important; + } - .xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } + .lg\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem !important; + } - .xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } + .lg\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem !important; + } - .xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; + } - .xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; + } - .xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; + } - .xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; + } - .xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; + } - .xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; + } - .xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } + .lg\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem !important; + } - .xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; + } - .xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } + .lg\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem !important; + } - .xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; + } - .xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; + } - .xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } + .lg\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem !important; + } - .xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; + } - .xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; + } - .xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; + } - .xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } + .lg\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem !important; + } - .xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; + } - .xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } + .lg\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem !important; + } - .xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; + } - .xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } + .lg\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem !important; + } - .xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; + } - .xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } + .lg\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem !important; + } - .xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; + } - .xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } + .lg\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem !important; + } - .xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; + } - .xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } + .lg\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem !important; + } - .xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } + .lg\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem !important; + } - .xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } + .lg\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem !important; + } - .xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; + } - .xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } + .lg\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem !important; + } - .xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } + .lg\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem !important; + } - .xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } + .lg\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem !important; + } - .xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } + .lg\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem !important; + } - .xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; + } - .xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } + .lg\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333% !important; + } - .xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } + .lg\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667% !important; + } - .xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } + .lg\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25% !important; + } - .xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } + .lg\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50% !important; + } - .xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } + .lg\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75% !important; + } - .xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; + } - .xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; + } - .xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } + .lg\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333% !important; + } - .xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } + .lg\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667% !important; + } - .xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } + .lg\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25% !important; + } - .xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } + .lg\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50% !important; + } - .xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } + .lg\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75% !important; + } - .xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; + } - .xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; + } - .xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; + } - .xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; + } - .xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; + } - .xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; + } - .xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; + } - .xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; } - .xl\:bg-opacity-0 { - --bg-opacity: 0 !important; + .lg\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem !important; } - .xl\:bg-opacity-25 { - --bg-opacity: 0.25 !important; + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; } - .xl\:bg-opacity-50 { - --bg-opacity: 0.5 !important; + .lg\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem !important; } - .xl\:bg-opacity-75 { - --bg-opacity: 0.75 !important; + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; } - .xl\:bg-opacity-100 { - --bg-opacity: 1 !important; + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; } - .group:hover .xl\:group-hover\:bg-opacity-0 { - --bg-opacity: 0 !important; + .lg\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem !important; } - .group:hover .xl\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25 !important; + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; } - .group:hover .xl\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5 !important; + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; } - .group:hover .xl\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75 !important; + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; } - .group:hover .xl\:group-hover\:bg-opacity-100 { - --bg-opacity: 1 !important; + .lg\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem !important; } - .xl\:hover\:bg-opacity-0:hover { - --bg-opacity: 0 !important; + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; } - .xl\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25 !important; + .lg\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem !important; } - .xl\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5 !important; + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; } - .xl\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75 !important; + .lg\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem !important; } - .xl\:hover\:bg-opacity-100:hover { - --bg-opacity: 1 !important; + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; } - .xl\:focus\:bg-opacity-0:focus { - --bg-opacity: 0 !important; + .lg\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem !important; } - .xl\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25 !important; + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; } - .xl\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5 !important; + .lg\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem !important; } - .xl\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75 !important; + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; } - .xl\:focus\:bg-opacity-100:focus { - --bg-opacity: 1 !important; + .lg\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem !important; } - .xl\:bg-bottom { - background-position: bottom !important; + .lg\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem !important; } - .xl\:bg-center { - background-position: center !important; + .lg\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem !important; } - .xl\:bg-left { - background-position: left !important; + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; } - .xl\:bg-left-bottom { - background-position: left bottom !important; + .lg\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem !important; } - .xl\:bg-left-top { - background-position: left top !important; + .lg\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem !important; } - .xl\:bg-right { - background-position: right !important; + .lg\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem !important; } - .xl\:bg-right-bottom { - background-position: right bottom !important; + .lg\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem !important; } - .xl\:bg-right-top { - background-position: right top !important; + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; } - .xl\:bg-top { - background-position: top !important; + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; } - .xl\:bg-repeat { - background-repeat: repeat !important; + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; } - .xl\:bg-no-repeat { - background-repeat: no-repeat !important; + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; } - .xl\:bg-repeat-x { - background-repeat: repeat-x !important; + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; } - .xl\:bg-repeat-y { - background-repeat: repeat-y !important; + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; } - .xl\:bg-repeat-round { - background-repeat: round !important; + .lg\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem !important; } - .xl\:bg-repeat-space { - background-repeat: space !important; + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; } - .xl\:bg-auto { - background-size: auto !important; + .lg\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem !important; } - .xl\:bg-cover { - background-size: cover !important; + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; } - .xl\:bg-contain { - background-size: contain !important; + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; } - .xl\:border-collapse { - border-collapse: collapse !important; + .lg\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem !important; } - .xl\:border-separate { - border-collapse: separate !important; + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; } - .xl\:border-transparent { - border-color: transparent !important; + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; } - .xl\:border-current { - border-color: currentColor !important; + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; } - .xl\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem !important; } - .xl\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; } - .xl\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem !important; } - .xl\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; } - .xl\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem !important; } - .xl\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; } - .xl\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem !important; } - .xl\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; } - .xl\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem !important; } - .xl\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; } - .xl\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem !important; } - .xl\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem !important; } - .xl\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem !important; } - .xl\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; } - .xl\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem !important; } - .xl\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem !important; } - .xl\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem !important; } - .xl\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem !important; } - .xl\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; } - .xl\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .lg\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333% !important; } - .xl\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .lg\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667% !important; } - .xl\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .lg\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25% !important; } - .xl\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .lg\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50% !important; } - .xl\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .lg\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75% !important; } - .xl\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; } - .xl\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; } - .xl\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333% !important; } - .xl\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667% !important; } - .xl\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25% !important; } - .xl\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50% !important; } - .xl\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75% !important; } - .xl\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; } - .xl\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .lg\:focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; } - .xl\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .lg\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; } - .xl\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .lg\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; } - .xl\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .lg\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; } - .xl\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .lg\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; } - .xl\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .lg\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; } - .xl\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .lg\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; } - .xl\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .lg\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem !important; } - .xl\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .lg\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; } - .xl\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .lg\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem !important; } - .xl\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .lg\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; } - .xl\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; } - .xl\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem !important; } - .xl\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .lg\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; } - .xl\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .lg\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; } - .xl\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .lg\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; } - .xl\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .lg\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem !important; } - .xl\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .lg\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; } - .xl\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .lg\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem !important; } - .xl\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .lg\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; } - .xl\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .lg\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem !important; } - .xl\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; } - .xl\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem !important; } - .xl\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .lg\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; } - .xl\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .lg\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem !important; } - .xl\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .lg\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; } - .xl\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .lg\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem !important; } - .xl\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .lg\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem !important; } - .xl\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .lg\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem !important; } - .xl\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .lg\:focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; } - .xl\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .lg\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem !important; } - .xl\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .lg\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem !important; } - .xl\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .lg\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem !important; } - .xl\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .lg\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem !important; } - .xl\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; } - .xl\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; } - .xl\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; } - .xl\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; } - .xl\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; } - .xl\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; } - .group:hover .xl\:group-hover\:border-transparent { - border-color: transparent !important; + .lg\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem !important; } - .group:hover .xl\:group-hover\:border-current { - border-color: currentColor !important; + .lg\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; } - .group:hover .xl\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem !important; } - .group:hover .xl\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; } - .group:hover .xl\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; } - .group:hover .xl\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem !important; } - .group:hover .xl\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; } - .group:hover .xl\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; } - .group:hover .xl\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; } - .group:hover .xl\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem !important; } - .group:hover .xl\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; } - .group:hover .xl\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem !important; } - .group:hover .xl\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; } - .group:hover .xl\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem !important; } - .group:hover .xl\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; } - .group:hover .xl\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem !important; } - .group:hover .xl\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; } - .group:hover .xl\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem !important; } - .group:hover .xl\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; } - .group:hover .xl\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem !important; } - .group:hover .xl\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem !important; } - .group:hover .xl\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem !important; } - .group:hover .xl\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; } - .group:hover .xl\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem !important; } - .group:hover .xl\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem !important; } - .group:hover .xl\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem !important; } - .group:hover .xl\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem !important; } - .group:hover .xl\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .lg\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; } - .group:hover .xl\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .lg\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333% !important; } - .group:hover .xl\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .lg\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667% !important; } - .group:hover .xl\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .lg\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25% !important; } - .group:hover .xl\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .lg\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50% !important; } - .group:hover .xl\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .lg\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75% !important; } - .group:hover .xl\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .lg\:focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; } - .group:hover .xl\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; } - .group:hover .xl\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333% !important; } - .group:hover .xl\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667% !important; } - .group:hover .xl\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25% !important; } - .group:hover .xl\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50% !important; } - .group:hover .xl\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75% !important; } - .group:hover .xl\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .lg\:focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; } - .group:hover .xl\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .lg\:focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; } - .group:hover .xl\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .lg\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; } - .group:hover .xl\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .lg\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; } - .group:hover .xl\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .lg\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; } - .group:hover .xl\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; } - .group:hover .xl\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; } - .group:hover .xl\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .lg\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; } - .group:hover .xl\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .lg\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem !important; } - .group:hover .xl\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .lg\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; } - .group:hover .xl\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .lg\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem !important; } - .group:hover .xl\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .lg\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; } - .group:hover .xl\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .lg\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; } - .group:hover .xl\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .lg\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem !important; } - .group:hover .xl\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .lg\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; } - .group:hover .xl\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; } - .group:hover .xl\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .lg\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; } - .group:hover .xl\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .lg\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem !important; } - .group:hover .xl\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .lg\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; } - .group:hover .xl\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .lg\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem !important; } - .group:hover .xl\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .lg\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; } - .group:hover .xl\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .lg\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem !important; } - .group:hover .xl\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .lg\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; } - .group:hover .xl\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .lg\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem !important; } - .group:hover .xl\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .lg\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; } - .group:hover .xl\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .lg\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem !important; } - .group:hover .xl\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .lg\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; } - .group:hover .xl\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .lg\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem !important; } - .group:hover .xl\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .lg\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem !important; } - .group:hover .xl\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .lg\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem !important; } - .group:hover .xl\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .lg\:focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; } - .group:hover .xl\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .lg\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem !important; } - .group:hover .xl\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .lg\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem !important; } - .group:hover .xl\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .lg\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem !important; } - .xl\:hover\:border-transparent:hover { - border-color: transparent !important; + .lg\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem !important; } - .xl\:hover\:border-current:hover { - border-color: currentColor !important; + .lg\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; } - .xl\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; } - .xl\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; } - .xl\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; } - .xl\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; } - .xl\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; } - .xl\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem !important; } - .xl\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; } - .xl\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem !important; } - .xl\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; } - .xl\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; } - .xl\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem !important; } - .xl\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; } - .xl\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; } - .xl\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; } - .xl\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem !important; } - .xl\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; } - .xl\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem !important; } - .xl\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; } - .xl\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem !important; } - .xl\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; } - .xl\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem !important; } - .xl\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; } - .xl\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem !important; } - .xl\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; } - .xl\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem !important; } - .xl\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem !important; } - .xl\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem !important; } - .xl\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; } - .xl\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem !important; } - .xl\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem !important; } - .xl\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem !important; } - .xl\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem !important; } - .xl\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .lg\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; } - .xl\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .lg\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333% !important; } - .xl\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .lg\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667% !important; } - .xl\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .lg\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25% !important; } - .xl\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .lg\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50% !important; } - .xl\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .lg\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75% !important; } - .xl\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .lg\:focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; } - .xl\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; } - .xl\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333% !important; } - .xl\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667% !important; } - .xl\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25% !important; } - .xl\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50% !important; } - .xl\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75% !important; } - .xl\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .lg\:focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; } - .xl\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .lg\:skew-x-0 { + --transform-skew-x: 0 !important; } - .xl\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .lg\:skew-x-1 { + --transform-skew-x: 1deg !important; } - .xl\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .lg\:skew-x-2 { + --transform-skew-x: 2deg !important; } - .xl\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .lg\:skew-x-3 { + --transform-skew-x: 3deg !important; } - .xl\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .lg\:skew-x-6 { + --transform-skew-x: 6deg !important; } - .xl\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .lg\:skew-x-12 { + --transform-skew-x: 12deg !important; } - .xl\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .lg\:-skew-x-12 { + --transform-skew-x: -12deg !important; } - .xl\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .lg\:-skew-x-6 { + --transform-skew-x: -6deg !important; } - .xl\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .lg\:-skew-x-3 { + --transform-skew-x: -3deg !important; } - .xl\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .lg\:-skew-x-2 { + --transform-skew-x: -2deg !important; } - .xl\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .lg\:-skew-x-1 { + --transform-skew-x: -1deg !important; } - .xl\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .lg\:skew-y-0 { + --transform-skew-y: 0 !important; } - .xl\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .lg\:skew-y-1 { + --transform-skew-y: 1deg !important; } - .xl\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .lg\:skew-y-2 { + --transform-skew-y: 2deg !important; } - .xl\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .lg\:skew-y-3 { + --transform-skew-y: 3deg !important; } - .xl\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .lg\:skew-y-6 { + --transform-skew-y: 6deg !important; } - .xl\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .lg\:skew-y-12 { + --transform-skew-y: 12deg !important; } - .xl\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .lg\:-skew-y-12 { + --transform-skew-y: -12deg !important; } - .xl\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .lg\:-skew-y-6 { + --transform-skew-y: -6deg !important; } - .xl\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .lg\:-skew-y-3 { + --transform-skew-y: -3deg !important; } - .xl\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .lg\:-skew-y-2 { + --transform-skew-y: -2deg !important; } - .xl\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .lg\:-skew-y-1 { + --transform-skew-y: -1deg !important; } - .xl\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; } - .xl\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .lg\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg !important; } - .xl\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .lg\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg !important; } - .xl\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; } - .xl\:focus\:border-transparent:focus { - border-color: transparent !important; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; } - .xl\:focus\:border-current:focus { - border-color: currentColor !important; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; } - .xl\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; } - .xl\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; } - .xl\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; } - .xl\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; + .lg\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg !important; } - .xl\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; + .lg\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg !important; } - .xl\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; } - .xl\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; + .lg\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg !important; } - .xl\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; + .lg\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg !important; } - .xl\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; } - .xl\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; } - .xl\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; } - .xl\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; } - .xl\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; } - .xl\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; } - .xl\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; + .lg\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg !important; } - .xl\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; + .lg\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg !important; } - .xl\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; } - .xl\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; + .lg\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg !important; } - .xl\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; + .lg\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg !important; } - .xl\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; } - .xl\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; } - .xl\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; } - .xl\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; } - .xl\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; } - .xl\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; } - .xl\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; + .lg\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg !important; } - .xl\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; + .lg\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg !important; } - .xl\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; } - .xl\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; + .lg\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg !important; } - .xl\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; + .lg\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg !important; } - .xl\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; } - .xl\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; } - .xl\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; } - .xl\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; } - .xl\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; } - .xl\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; } - .xl\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; + .lg\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg !important; } - .xl\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; + .lg\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg !important; } - .xl\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; + .lg\:transition-none { + transition-property: none !important; } - .xl\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; + .lg\:transition-all { + transition-property: all !important; } - .xl\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; } - .xl\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; } - .xl\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; + .lg\:transition-opacity { + transition-property: opacity !important; } - .xl\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; + .lg\:transition-shadow { + transition-property: box-shadow !important; } - .xl\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; + .lg\:transition-transform { + transition-property: transform !important; } - .xl\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; + .lg\:ease-linear { + transition-timing-function: linear !important; } - .xl\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } - .xl\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } - .xl\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } - .xl\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; + .lg\:duration-75 { + transition-duration: 75ms !important; } - .xl\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; + .lg\:duration-100 { + transition-duration: 100ms !important; } - .xl\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; + .lg\:duration-150 { + transition-duration: 150ms !important; } - .xl\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; + .lg\:duration-200 { + transition-duration: 200ms !important; } - .xl\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; + .lg\:duration-300 { + transition-duration: 300ms !important; } - .xl\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; + .lg\:duration-500 { + transition-duration: 500ms !important; } - .xl\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; + .lg\:duration-700 { + transition-duration: 700ms !important; } - .xl\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; + .lg\:duration-1000 { + transition-duration: 1000ms !important; } - .xl\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; + .lg\:delay-75 { + transition-delay: 75ms !important; } - .xl\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; + .lg\:delay-100 { + transition-delay: 100ms !important; } - .xl\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; + .lg\:delay-150 { + transition-delay: 150ms !important; } - .xl\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; + .lg\:delay-200 { + transition-delay: 200ms !important; } - .xl\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; + .lg\:delay-300 { + transition-delay: 300ms !important; } - .xl\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; + .lg\:delay-500 { + transition-delay: 500ms !important; } - .xl\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; + .lg\:delay-700 { + transition-delay: 700ms !important; } - .xl\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; + .lg\:delay-1000 { + transition-delay: 1000ms !important; } - .xl\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; + .lg\:animate-none { + animation: none !important; } - .xl\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; + .lg\:animate-spin { + animation: spin 1s linear infinite !important; } - .xl\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; + .lg\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; } - .xl\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; } - .xl\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; + .lg\:animate-bounce { + animation: bounce 1s infinite !important; } - .xl\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; + .lg\:example { + font-weight: 700; + color: #ef4444; } +} - .xl\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; +@media (min-width: 1280px) { + .xl\:container { + width: 100%; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:border-transparent { - border-color: transparent !important; + @media (min-width: 640px) { + .xl\:container { + max-width: 640px; } + } - .xl\:dark\:border-current { - border-color: currentColor !important; + @media (min-width: 768px) { + .xl\:container { + max-width: 768px; } + } - .xl\:dark\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; + @media (min-width: 1024px) { + .xl\:container { + max-width: 1024px; } + } - .xl\:dark\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; + @media (min-width: 1280px) { + .xl\:container { + max-width: 1280px; } + } - .xl\:dark\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; + @media (min-width: 1536px) { + .xl\:container { + max-width: 1536px; } + } - .xl\:dark\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .xl\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0px * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0px * var(--space-x-reverse)) !important; + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .xl\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .xl\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .xl\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .xl\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .xl\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .xl\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .xl\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .xl\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .xl\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .xl\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .xl\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .xl\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .xl\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(4rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .xl\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(5rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .xl\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(6rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .xl\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(7rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .xl\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(8rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .xl\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(9rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .xl\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(10rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .xl\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(11rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .xl\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(12rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .xl\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(13rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .xl\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(14rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .xl\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(15rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .xl\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(16rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .xl\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(18rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .xl\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(20rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .xl\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(24rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .xl\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1px * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .xl\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .xl\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .xl\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .xl\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; + } - .xl\:dark\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; + } - .xl\:dark\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .xl\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-transparent { - border-color: transparent !important; - } + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-current { - border-color: currentColor !important; - } + .xl\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .xl\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .xl\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .xl\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .xl\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .xl\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .xl\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .xl\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .xl\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .xl\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .xl\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .xl\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .xl\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .xl\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .xl\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .xl\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .xl\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .xl\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .xl\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .xl\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .xl\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .xl\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .xl\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; + } + + .xl\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; + } + + .xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; + } + + .xl\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .xl\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .xl\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .xl\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1px * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .xl\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .xl\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .xl\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .xl\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; + } - .group:hover .xl\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .xl\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .xl\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .xl\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .xl\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .xl\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; + } - .group:hover .xl\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; + } - .xl\:dark\:hover\:border-transparent:hover { - border-color: transparent !important; - } + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; + } - .xl\:dark\:hover\:border-current:hover { - border-color: currentColor !important; - } + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; + } - .xl\:dark\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; + } - .xl\:dark\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; + } - .xl\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; + } - .xl\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; + } - .xl\:dark\:focus\:border-transparent:focus { - border-color: transparent !important; - } + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; + } - .xl\:dark\:focus\:border-current:focus { - border-color: currentColor !important; - } + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; + } - .xl\:dark\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } + .xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid !important; + } - .xl\:dark\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } + .xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed !important; + } - .xl\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } + .xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted !important; + } - .xl\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } + .xl\:divide-double > :not(template) ~ :not(template) { + border-style: double !important; + } - .xl\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } + .xl\:divide-none > :not(template) ~ :not(template) { + border-style: none !important; + } - .xl\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } + .xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; + } - .xl\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } + .xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; + } - .xl\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } + .xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; + } - .xl\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } + .xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; + } - .xl\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } + .xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + } - .xl\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } + .xl\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; + } - .xl\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } + .xl\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; + } - .xl\:dark\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } + .xl\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; + } - .xl\:dark\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } + .xl\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; + } - .xl\:dark\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } + .xl\:appearance-none { + appearance: none !important; + } - .xl\:dark\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } + .xl\:bg-fixed { + background-attachment: fixed !important; + } - .xl\:dark\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } + .xl\:bg-local { + background-attachment: local !important; + } - .xl\:dark\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } + .xl\:bg-scroll { + background-attachment: scroll !important; + } - .xl\:dark\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } + .xl\:bg-clip-border { + background-clip: border-box !important; + } - .xl\:dark\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } + .xl\:bg-clip-padding { + background-clip: padding-box !important; + } - .xl\:dark\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } + .xl\:bg-clip-content { + background-clip: content-box !important; + } - .xl\:dark\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } + .xl\:bg-clip-text { + background-clip: text !important; + } - .xl\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } + .xl\:bg-transparent { + background-color: transparent !important; + } - .xl\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } + .xl\:bg-current { + background-color: currentColor !important; + } - .xl\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } + .xl\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } + .xl\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } + .xl\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } + .xl\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } + .xl\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } + .xl\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } + .xl\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } + .xl\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } + .xl\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } + .xl\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } + .xl\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } + .xl\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } + .xl\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } + .xl\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } + .xl\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } + .xl\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } + .xl\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } + .xl\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } + .xl\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } + .xl\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } + .xl\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } + .xl\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } + .xl\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } + .xl\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } + .xl\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } + .xl\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } + .xl\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } + .xl\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } + .xl\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } + .xl\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } + .xl\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } + .xl\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } + .xl\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } + .xl\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } + .xl\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } + .xl\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } + .xl\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } + .xl\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } + .xl\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } + .xl\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } + .xl\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } + .xl\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } + .xl\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } + .xl\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } + .xl\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } + .xl\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } + .xl\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + } - .xl\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } + .xl\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .xl\:border-opacity-0 { - --border-opacity: 0 !important; + .xl\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .xl\:border-opacity-25 { - --border-opacity: 0.25 !important; + .xl\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .xl\:border-opacity-50 { - --border-opacity: 0.5 !important; + .xl\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .xl\:border-opacity-75 { - --border-opacity: 0.75 !important; + .xl\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .xl\:border-opacity-100 { - --border-opacity: 1 !important; + .xl\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .group:hover .xl\:group-hover\:border-opacity-0 { - --border-opacity: 0 !important; + .xl\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .group:hover .xl\:group-hover\:border-opacity-25 { - --border-opacity: 0.25 !important; + .xl\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .group:hover .xl\:group-hover\:border-opacity-50 { - --border-opacity: 0.5 !important; + .xl\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .group:hover .xl\:group-hover\:border-opacity-75 { - --border-opacity: 0.75 !important; + .xl\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .group:hover .xl\:group-hover\:border-opacity-100 { - --border-opacity: 1 !important; + .xl\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .xl\:hover\:border-opacity-0:hover { - --border-opacity: 0 !important; + .xl\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .xl\:hover\:border-opacity-25:hover { - --border-opacity: 0.25 !important; + .xl\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .xl\:hover\:border-opacity-50:hover { - --border-opacity: 0.5 !important; + .xl\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .xl\:hover\:border-opacity-75:hover { - --border-opacity: 0.75 !important; + .xl\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .xl\:hover\:border-opacity-100:hover { - --border-opacity: 1 !important; + .xl\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .xl\:focus\:border-opacity-0:focus { - --border-opacity: 0 !important; + .xl\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .xl\:focus\:border-opacity-25:focus { - --border-opacity: 0.25 !important; + .xl\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .xl\:focus\:border-opacity-50:focus { - --border-opacity: 0.5 !important; + .xl\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .xl\:focus\:border-opacity-75:focus { - --border-opacity: 0.75 !important; + .xl\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .xl\:focus\:border-opacity-100:focus { - --border-opacity: 1 !important; + .xl\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .xl\:rounded-none { - border-radius: 0 !important; + .xl\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .xl\:rounded-sm { - border-radius: 0.125rem !important; + .xl\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .xl\:rounded { - border-radius: 0.25rem !important; + .xl\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .xl\:rounded-md { - border-radius: 0.375rem !important; + .xl\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .xl\:rounded-lg { - border-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-transparent { + background-color: transparent !important; + } + + .group:hover .xl\:group-hover\:bg-current { + background-color: currentColor !important; } - .xl\:rounded-xl { - border-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .xl\:rounded-2xl { - border-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .xl\:rounded-3xl { - border-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .xl\:rounded-full { - border-radius: 9999px !important; + .group:hover .xl\:group-hover\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .xl\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .xl\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .xl\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .xl\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .xl\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .xl\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .xl\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .xl\:rounded-t-md { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .xl\:rounded-r-md { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .xl\:rounded-b-md { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .xl\:rounded-l-md { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .xl\:rounded-t-xl { - border-top-left-radius: 0.75rem !important; - border-top-right-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .xl\:rounded-r-xl { - border-top-right-radius: 0.75rem !important; - border-bottom-right-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .xl\:rounded-b-xl { - border-bottom-right-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .xl\:rounded-l-xl { - border-top-left-radius: 0.75rem !important; - border-bottom-left-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .xl\:rounded-t-2xl { - border-top-left-radius: 1rem !important; - border-top-right-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .xl\:rounded-r-2xl { - border-top-right-radius: 1rem !important; - border-bottom-right-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .xl\:rounded-b-2xl { - border-bottom-right-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .xl\:rounded-l-2xl { - border-top-left-radius: 1rem !important; - border-bottom-left-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .xl\:rounded-t-3xl { - border-top-left-radius: 1.5rem !important; - border-top-right-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .xl\:rounded-r-3xl { - border-top-right-radius: 1.5rem !important; - border-bottom-right-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .xl\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .xl\:rounded-l-3xl { - border-top-left-radius: 1.5rem !important; - border-bottom-left-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .xl\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .group:hover .xl\:group-hover\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .xl\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .group:hover .xl\:group-hover\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .group:hover .xl\:group-hover\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .xl\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .group:hover .xl\:group-hover\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .xl\:rounded-tl-none { - border-top-left-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .xl\:rounded-tr-none { - border-top-right-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .xl\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .group:hover .xl\:group-hover\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .group:hover .xl\:group-hover\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .group:hover .xl\:group-hover\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .xl\:rounded-tl-md { - border-top-left-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .xl\:rounded-tr-md { - border-top-right-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .xl\:rounded-br-md { - border-bottom-right-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .xl\:rounded-bl-md { - border-bottom-left-radius: 0.375rem !important; + .group:hover .xl\:group-hover\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .group:hover .xl\:group-hover\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .xl\:rounded-tl-xl { - border-top-left-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .xl\:rounded-br-xl { - border-bottom-right-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem !important; + .group:hover .xl\:group-hover\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .xl\:rounded-tl-2xl { - border-top-left-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .xl\:rounded-tr-2xl { - border-top-right-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .xl\:rounded-br-2xl { - border-bottom-right-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .xl\:rounded-bl-2xl { - border-bottom-left-radius: 1rem !important; + .group:hover .xl\:group-hover\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .xl\:rounded-tl-3xl { - border-top-left-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .xl\:rounded-tr-3xl { - border-top-right-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .xl\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .xl\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem !important; + .group:hover .xl\:group-hover\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .xl\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .xl\:hover\:bg-current:hover { + background-color: currentColor !important; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .xl\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .xl\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .xl\:border-solid { - border-style: solid !important; + .xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .xl\:border-dashed { - border-style: dashed !important; + .xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .xl\:border-dotted { - border-style: dotted !important; + .xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .xl\:border-double { - border-style: double !important; + .xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .xl\:border-none { - border-style: none !important; + .xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .xl\:border-0 { - border-width: 0 !important; + .xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .xl\:border-2 { - border-width: 2px !important; + .xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .xl\:border-4 { - border-width: 4px !important; + .xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .xl\:border-8 { - border-width: 8px !important; + .xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .xl\:border { - border-width: 1px !important; + .xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .xl\:border-t-0 { - border-top-width: 0 !important; + .xl\:hover\:bg-red-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .xl\:border-r-0 { - border-right-width: 0 !important; + .xl\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .xl\:border-b-0 { - border-bottom-width: 0 !important; + .xl\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .xl\:border-l-0 { - border-left-width: 0 !important; + .xl\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .xl\:border-t-2 { - border-top-width: 2px !important; + .xl\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .xl\:border-r-2 { - border-right-width: 2px !important; + .xl\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .xl\:border-b-2 { - border-bottom-width: 2px !important; + .xl\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .xl\:border-l-2 { - border-left-width: 2px !important; + .xl\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .xl\:border-t-4 { - border-top-width: 4px !important; + .xl\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .xl\:border-r-4 { - border-right-width: 4px !important; + .xl\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .xl\:border-b-4 { - border-bottom-width: 4px !important; + .xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .xl\:border-l-4 { - border-left-width: 4px !important; + .xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .xl\:border-t-8 { - border-top-width: 8px !important; + .xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .xl\:border-r-8 { - border-right-width: 8px !important; + .xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .xl\:border-b-8 { - border-bottom-width: 8px !important; + .xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .xl\:border-l-8 { - border-left-width: 8px !important; + .xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .xl\:border-t { - border-top-width: 1px !important; + .xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .xl\:border-r { - border-right-width: 1px !important; + .xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .xl\:border-b { - border-bottom-width: 1px !important; + .xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .xl\:border-l { - border-left-width: 1px !important; + .xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .xl\:box-border { - box-sizing: border-box !important; + .xl\:hover\:bg-green-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .xl\:box-content { - box-sizing: content-box !important; + .xl\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .xl\:cursor-auto { - cursor: auto !important; + .xl\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .xl\:cursor-default { - cursor: default !important; + .xl\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .xl\:cursor-pointer { - cursor: pointer !important; + .xl\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .xl\:cursor-wait { - cursor: wait !important; + .xl\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .xl\:cursor-text { - cursor: text !important; + .xl\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .xl\:cursor-move { - cursor: move !important; + .xl\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .xl\:cursor-not-allowed { - cursor: not-allowed !important; + .xl\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .xl\:block { - display: block !important; + .xl\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .xl\:inline-block { - display: inline-block !important; + .xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .xl\:inline { - display: inline !important; + .xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .xl\:flex { - display: flex !important; + .xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .xl\:inline-flex { - display: inline-flex !important; + .xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .xl\:table { - display: table !important; + .xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .xl\:table-caption { - display: table-caption !important; + .xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .xl\:table-cell { - display: table-cell !important; + .xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .xl\:table-column { - display: table-column !important; + .xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .xl\:table-column-group { - display: table-column-group !important; + .xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .xl\:table-footer-group { - display: table-footer-group !important; + .xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .xl\:table-header-group { - display: table-header-group !important; + .xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .xl\:table-row-group { - display: table-row-group !important; + .xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .xl\:table-row { - display: table-row !important; + .xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .xl\:flow-root { - display: flow-root !important; + .xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .xl\:grid { - display: grid !important; + .xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .xl\:inline-grid { - display: inline-grid !important; + .xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .xl\:contents { - display: contents !important; + .xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .xl\:hidden { - display: none !important; + .xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .xl\:flex-row { - flex-direction: row !important; + .xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .xl\:flex-row-reverse { - flex-direction: row-reverse !important; + .xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .xl\:flex-col { - flex-direction: column !important; + .xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .xl\:flex-col-reverse { - flex-direction: column-reverse !important; + .xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .xl\:flex-wrap { - flex-wrap: wrap !important; + .xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .xl\:flex-no-wrap { - flex-wrap: nowrap !important; + .xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .xl\:place-items-auto { - place-items: auto !important; + .xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .xl\:place-items-start { - place-items: start !important; + .xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .xl\:place-items-end { - place-items: end !important; + .xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .xl\:place-items-center { - place-items: center !important; + .xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .xl\:place-items-stretch { - place-items: stretch !important; + .xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .xl\:place-content-center { - place-content: center !important; + .xl\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .xl\:place-content-start { - place-content: start !important; + .xl\:focus\:bg-current:focus { + background-color: currentColor !important; } - .xl\:place-content-end { - place-content: end !important; + .xl\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .xl\:place-content-between { - place-content: space-between !important; + .xl\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .xl\:place-content-around { - place-content: space-around !important; + .xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .xl\:place-content-evenly { - place-content: space-evenly !important; + .xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .xl\:place-content-stretch { - place-content: stretch !important; + .xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .xl\:place-self-auto { - place-self: auto !important; + .xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .xl\:place-self-start { - place-self: start !important; + .xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .xl\:place-self-end { - place-self: end !important; + .xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .xl\:place-self-center { - place-self: center !important; + .xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .xl\:place-self-stretch { - place-self: stretch !important; + .xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .xl\:items-start { - align-items: flex-start !important; + .xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .xl\:items-end { - align-items: flex-end !important; + .xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .xl\:items-center { - align-items: center !important; + .xl\:focus\:bg-red-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .xl\:items-baseline { - align-items: baseline !important; + .xl\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .xl\:items-stretch { - align-items: stretch !important; + .xl\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .xl\:content-center { - align-content: center !important; + .xl\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .xl\:content-start { - align-content: flex-start !important; + .xl\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .xl\:content-end { - align-content: flex-end !important; + .xl\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .xl\:content-between { - align-content: space-between !important; + .xl\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .xl\:content-around { - align-content: space-around !important; + .xl\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .xl\:content-evenly { - align-content: space-evenly !important; + .xl\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .xl\:self-auto { - align-self: auto !important; + .xl\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .xl\:self-start { - align-self: flex-start !important; + .xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .xl\:self-end { - align-self: flex-end !important; + .xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .xl\:self-center { - align-self: center !important; + .xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .xl\:self-stretch { - align-self: stretch !important; + .xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .xl\:justify-items-auto { - justify-items: auto !important; + .xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .xl\:justify-items-start { - justify-items: start !important; + .xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .xl\:justify-items-end { - justify-items: end !important; + .xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .xl\:justify-items-center { - justify-items: center !important; + .xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .xl\:justify-items-stretch { - justify-items: stretch !important; + .xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .xl\:justify-start { - justify-content: flex-start !important; + .xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .xl\:justify-end { - justify-content: flex-end !important; + .xl\:focus\:bg-green-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .xl\:justify-center { - justify-content: center !important; + .xl\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .xl\:justify-between { - justify-content: space-between !important; + .xl\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .xl\:justify-around { - justify-content: space-around !important; + .xl\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .xl\:justify-evenly { - justify-content: space-evenly !important; + .xl\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .xl\:justify-self-auto { - justify-self: auto !important; + .xl\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .xl\:justify-self-start { - justify-self: start !important; + .xl\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .xl\:justify-self-end { - justify-self: end !important; + .xl\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .xl\:justify-self-center { - justify-self: center !important; + .xl\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .xl\:justify-self-stretch { - justify-self: stretch !important; + .xl\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .xl\:flex-1 { - flex: 1 1 0% !important; + .xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .xl\:flex-auto { - flex: 1 1 auto !important; + .xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .xl\:flex-initial { - flex: 0 1 auto !important; + .xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .xl\:flex-none { - flex: none !important; + .xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .xl\:flex-grow-0 { - flex-grow: 0 !important; + .xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .xl\:flex-grow { - flex-grow: 1 !important; + .xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .xl\:flex-shrink-0 { - flex-shrink: 0 !important; + .xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .xl\:flex-shrink { - flex-shrink: 1 !important; + .xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .xl\:order-1 { - order: 1 !important; + .xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .xl\:order-2 { - order: 2 !important; + .xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .xl\:order-3 { - order: 3 !important; + .xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .xl\:order-4 { - order: 4 !important; + .xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .xl\:order-5 { - order: 5 !important; + .xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .xl\:order-6 { - order: 6 !important; + .xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .xl\:order-7 { - order: 7 !important; + .xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .xl\:order-8 { - order: 8 !important; + .xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .xl\:order-9 { - order: 9 !important; + .xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .xl\:order-10 { - order: 10 !important; + .xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .xl\:order-11 { - order: 11 !important; + .xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .xl\:order-12 { - order: 12 !important; + .xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .xl\:order-first { - order: -9999 !important; + .xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .xl\:order-last { - order: 9999 !important; + .xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .xl\:order-none { - order: 0 !important; + .xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .xl\:float-right { - float: right !important; + .xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .xl\:float-left { - float: left !important; + .xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .xl\:float-none { - float: none !important; + .xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .xl\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .xl\:clear-left { - clear: left !important; + .xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .xl\:clear-right { - clear: right !important; + .xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .xl\:clear-both { - clear: both !important; + .xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .xl\:clear-none { - clear: none !important; + .xl\:bg-none { + background-image: none !important; } - .xl\:font-sans { - font-family: ui-sans-serif, 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" !important; + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; } - .xl\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; } - .xl\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; } - .xl\:font-thin { - font-weight: 100 !important; + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; } - .xl\:font-extralight { - font-weight: 200 !important; + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; } - .xl\:font-light { - font-weight: 300 !important; + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; } - .xl\:font-normal { - font-weight: 400 !important; + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; } - .xl\:font-medium { - font-weight: 500 !important; + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; } - .xl\:font-semibold { - font-weight: 600 !important; + .xl\:from-transparent { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:font-bold { - font-weight: 700 !important; + .xl\:from-current { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:font-extrabold { - font-weight: 800 !important; + .xl\:from-black { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:font-black { - font-weight: 900 !important; + .xl\:from-white { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:hover\:font-thin:hover { - font-weight: 100 !important; + .xl\:from-gray-50 { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .xl\:hover\:font-extralight:hover { - font-weight: 200 !important; + .xl\:from-gray-100 { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .xl\:hover\:font-light:hover { - font-weight: 300 !important; + .xl\:from-gray-200 { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .xl\:hover\:font-normal:hover { - font-weight: 400 !important; + .xl\:from-gray-300 { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .xl\:hover\:font-medium:hover { - font-weight: 500 !important; + .xl\:from-gray-400 { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .xl\:hover\:font-semibold:hover { - font-weight: 600 !important; + .xl\:from-gray-500 { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .xl\:hover\:font-bold:hover { - font-weight: 700 !important; + .xl\:from-gray-600 { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .xl\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .xl\:from-gray-700 { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .xl\:hover\:font-black:hover { - font-weight: 900 !important; + .xl\:from-gray-800 { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .xl\:focus\:font-thin:focus { - font-weight: 100 !important; + .xl\:from-gray-900 { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .xl\:focus\:font-extralight:focus { - font-weight: 200 !important; + .xl\:from-red-50 { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .xl\:focus\:font-light:focus { - font-weight: 300 !important; + .xl\:from-red-100 { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .xl\:focus\:font-normal:focus { - font-weight: 400 !important; + .xl\:from-red-200 { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .xl\:focus\:font-medium:focus { - font-weight: 500 !important; + .xl\:from-red-300 { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .xl\:focus\:font-semibold:focus { - font-weight: 600 !important; + .xl\:from-red-400 { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .xl\:focus\:font-bold:focus { - font-weight: 700 !important; + .xl\:from-red-500 { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .xl\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .xl\:from-red-600 { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .xl\:focus\:font-black:focus { - font-weight: 900 !important; + .xl\:from-red-700 { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .xl\:h-0 { - height: 0 !important; + .xl\:from-red-800 { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .xl\:h-1 { - height: 0.25rem !important; + .xl\:from-red-900 { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .xl\:h-2 { - height: 0.5rem !important; + .xl\:from-yellow-50 { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .xl\:h-3 { - height: 0.75rem !important; + .xl\:from-yellow-100 { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .xl\:h-4 { - height: 1rem !important; + .xl\:from-yellow-200 { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .xl\:h-5 { - height: 1.25rem !important; + .xl\:from-yellow-300 { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .xl\:h-6 { - height: 1.5rem !important; + .xl\:from-yellow-400 { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .xl\:h-7 { - height: 1.75rem !important; + .xl\:from-yellow-500 { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .xl\:h-8 { - height: 2rem !important; + .xl\:from-yellow-600 { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .xl\:h-9 { - height: 2.25rem !important; + .xl\:from-yellow-700 { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .xl\:h-10 { - height: 2.5rem !important; + .xl\:from-yellow-800 { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .xl\:h-12 { - height: 3rem !important; + .xl\:from-yellow-900 { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .xl\:h-14 { - height: 3.5rem !important; + .xl\:from-green-50 { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .xl\:h-16 { - height: 4rem !important; + .xl\:from-green-100 { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .xl\:h-20 { - height: 5rem !important; + .xl\:from-green-200 { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .xl\:h-24 { - height: 6rem !important; + .xl\:from-green-300 { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .xl\:h-28 { - height: 7rem !important; + .xl\:from-green-400 { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .xl\:h-32 { - height: 8rem !important; + .xl\:from-green-500 { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .xl\:h-36 { - height: 9rem !important; + .xl\:from-green-600 { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .xl\:h-40 { - height: 10rem !important; + .xl\:from-green-700 { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .xl\:h-44 { - height: 11rem !important; + .xl\:from-green-800 { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .xl\:h-48 { - height: 12rem !important; + .xl\:from-green-900 { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .xl\:h-52 { - height: 13rem !important; + .xl\:from-blue-50 { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .xl\:h-56 { - height: 14rem !important; + .xl\:from-blue-100 { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .xl\:h-60 { - height: 15rem !important; + .xl\:from-blue-200 { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .xl\:h-64 { - height: 16rem !important; + .xl\:from-blue-300 { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .xl\:h-72 { - height: 18rem !important; + .xl\:from-blue-400 { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .xl\:h-80 { - height: 20rem !important; + .xl\:from-blue-500 { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .xl\:h-96 { - height: 24rem !important; + .xl\:from-blue-600 { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .xl\:h-auto { - height: auto !important; + .xl\:from-blue-700 { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .xl\:h-px { - height: 1px !important; + .xl\:from-blue-800 { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .xl\:h-0\.5 { - height: 0.125rem !important; + .xl\:from-blue-900 { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .xl\:h-1\.5 { - height: 0.375rem !important; + .xl\:from-purple-50 { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .xl\:h-2\.5 { - height: 0.625rem !important; + .xl\:from-purple-100 { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .xl\:h-3\.5 { - height: 0.875rem !important; + .xl\:from-purple-200 { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .xl\:h-full { - height: 100% !important; + .xl\:from-purple-300 { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .xl\:h-screen { - height: 100vh !important; + .xl\:from-purple-400 { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .xl\:text-xs { - font-size: 0.75rem !important; - line-height: 1rem !important; + .xl\:from-purple-500 { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .xl\:text-sm { - font-size: 0.875rem !important; - line-height: 1.25rem !important; + .xl\:from-purple-600 { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .xl\:text-base { - font-size: 1rem !important; - line-height: 1.5rem !important; + .xl\:from-purple-700 { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .xl\:text-lg { - font-size: 1.125rem !important; - line-height: 1.75rem !important; + .xl\:from-purple-800 { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .xl\:text-xl { - font-size: 1.25rem !important; - line-height: 1.75rem !important; + .xl\:from-purple-900 { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .xl\:text-2xl { - font-size: 1.5rem !important; - line-height: 2rem !important; + .xl\:from-pink-50 { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .xl\:text-3xl { - font-size: 1.875rem !important; - line-height: 2.25rem !important; + .xl\:from-pink-100 { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .xl\:text-4xl { - font-size: 2.25rem !important; - line-height: 2.5rem !important; + .xl\:from-pink-200 { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .xl\:text-5xl { - font-size: 3rem !important; - line-height: 1 !important; + .xl\:from-pink-300 { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .xl\:text-6xl { - font-size: 3.75rem !important; - line-height: 1 !important; + .xl\:from-pink-400 { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .xl\:text-7xl { - font-size: 4.5rem !important; - line-height: 1 !important; + .xl\:from-pink-500 { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .xl\:text-8xl { - font-size: 6rem !important; - line-height: 1 !important; + .xl\:from-pink-600 { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .xl\:text-9xl { - font-size: 8rem !important; - line-height: 1 !important; + .xl\:from-pink-700 { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .xl\:leading-3 { - line-height: .75rem !important; + .xl\:from-pink-800 { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .xl\:leading-4 { - line-height: 1rem !important; + .xl\:from-pink-900 { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .xl\:leading-5 { - line-height: 1.25rem !important; + .xl\:via-transparent { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:leading-6 { - line-height: 1.5rem !important; + .xl\:via-current { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:leading-7 { - line-height: 1.75rem !important; + .xl\:via-black { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:leading-8 { - line-height: 2rem !important; + .xl\:via-white { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:leading-9 { - line-height: 2.25rem !important; + .xl\:via-gray-50 { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .xl\:leading-10 { - line-height: 2.5rem !important; + .xl\:via-gray-100 { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .xl\:leading-none { - line-height: 1 !important; + .xl\:via-gray-200 { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .xl\:leading-tight { - line-height: 1.25 !important; + .xl\:via-gray-300 { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .xl\:leading-snug { - line-height: 1.375 !important; + .xl\:via-gray-400 { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .xl\:leading-normal { - line-height: 1.5 !important; + .xl\:via-gray-500 { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .xl\:leading-relaxed { - line-height: 1.625 !important; + .xl\:via-gray-600 { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .xl\:leading-loose { - line-height: 2 !important; + .xl\:via-gray-700 { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .xl\:list-inside { - list-style-position: inside !important; + .xl\:via-gray-800 { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .xl\:list-outside { - list-style-position: outside !important; + .xl\:via-gray-900 { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .xl\:list-none { - list-style-type: none !important; + .xl\:via-red-50 { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .xl\:list-disc { - list-style-type: disc !important; + .xl\:via-red-100 { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .xl\:list-decimal { - list-style-type: decimal !important; + .xl\:via-red-200 { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .xl\:m-0 { - margin: 0 !important; + .xl\:via-red-300 { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .xl\:m-1 { - margin: 0.25rem !important; + .xl\:via-red-400 { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .xl\:m-2 { - margin: 0.5rem !important; + .xl\:via-red-500 { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .xl\:m-3 { - margin: 0.75rem !important; + .xl\:via-red-600 { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .xl\:m-4 { - margin: 1rem !important; + .xl\:via-red-700 { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .xl\:m-5 { - margin: 1.25rem !important; + .xl\:via-red-800 { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .xl\:m-6 { - margin: 1.5rem !important; + .xl\:via-red-900 { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .xl\:m-7 { - margin: 1.75rem !important; + .xl\:via-yellow-50 { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .xl\:m-8 { - margin: 2rem !important; + .xl\:via-yellow-100 { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .xl\:m-9 { - margin: 2.25rem !important; + .xl\:via-yellow-200 { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .xl\:m-10 { - margin: 2.5rem !important; + .xl\:via-yellow-300 { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .xl\:m-12 { - margin: 3rem !important; + .xl\:via-yellow-400 { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .xl\:m-14 { - margin: 3.5rem !important; + .xl\:via-yellow-500 { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .xl\:m-16 { - margin: 4rem !important; + .xl\:via-yellow-600 { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .xl\:m-20 { - margin: 5rem !important; + .xl\:via-yellow-700 { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .xl\:m-24 { - margin: 6rem !important; + .xl\:via-yellow-800 { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .xl\:m-28 { - margin: 7rem !important; + .xl\:via-yellow-900 { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .xl\:m-32 { - margin: 8rem !important; + .xl\:via-green-50 { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .xl\:m-36 { - margin: 9rem !important; + .xl\:via-green-100 { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .xl\:m-40 { - margin: 10rem !important; + .xl\:via-green-200 { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .xl\:m-44 { - margin: 11rem !important; + .xl\:via-green-300 { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .xl\:m-48 { - margin: 12rem !important; + .xl\:via-green-400 { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .xl\:m-52 { - margin: 13rem !important; + .xl\:via-green-500 { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .xl\:m-56 { - margin: 14rem !important; + .xl\:via-green-600 { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .xl\:m-60 { - margin: 15rem !important; + .xl\:via-green-700 { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .xl\:m-64 { - margin: 16rem !important; + .xl\:via-green-800 { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .xl\:m-72 { - margin: 18rem !important; + .xl\:via-green-900 { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .xl\:m-80 { - margin: 20rem !important; + .xl\:via-blue-50 { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .xl\:m-96 { - margin: 24rem !important; + .xl\:via-blue-100 { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .xl\:m-auto { - margin: auto !important; + .xl\:via-blue-200 { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .xl\:m-px { - margin: 1px !important; + .xl\:via-blue-300 { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .xl\:m-0\.5 { - margin: 0.125rem !important; + .xl\:via-blue-400 { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .xl\:m-1\.5 { - margin: 0.375rem !important; + .xl\:via-blue-500 { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .xl\:m-2\.5 { - margin: 0.625rem !important; + .xl\:via-blue-600 { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .xl\:m-3\.5 { - margin: 0.875rem !important; + .xl\:via-blue-700 { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .xl\:-m-1 { - margin: -0.25rem !important; + .xl\:via-blue-800 { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .xl\:-m-2 { - margin: -0.5rem !important; + .xl\:via-blue-900 { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .xl\:-m-3 { - margin: -0.75rem !important; + .xl\:via-purple-50 { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .xl\:-m-4 { - margin: -1rem !important; + .xl\:via-purple-100 { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .xl\:-m-5 { - margin: -1.25rem !important; + .xl\:via-purple-200 { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .xl\:-m-6 { - margin: -1.5rem !important; + .xl\:via-purple-300 { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .xl\:-m-7 { - margin: -1.75rem !important; + .xl\:via-purple-400 { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .xl\:-m-8 { - margin: -2rem !important; + .xl\:via-purple-500 { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .xl\:-m-9 { - margin: -2.25rem !important; + .xl\:via-purple-600 { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .xl\:-m-10 { - margin: -2.5rem !important; + .xl\:via-purple-700 { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .xl\:-m-12 { - margin: -3rem !important; + .xl\:via-purple-800 { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .xl\:-m-14 { - margin: -3.5rem !important; + .xl\:via-purple-900 { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .xl\:-m-16 { - margin: -4rem !important; + .xl\:via-pink-50 { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .xl\:-m-20 { - margin: -5rem !important; + .xl\:via-pink-100 { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .xl\:-m-24 { - margin: -6rem !important; + .xl\:via-pink-200 { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .xl\:-m-28 { - margin: -7rem !important; + .xl\:via-pink-300 { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .xl\:-m-32 { - margin: -8rem !important; + .xl\:via-pink-400 { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .xl\:-m-36 { - margin: -9rem !important; + .xl\:via-pink-500 { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .xl\:-m-40 { - margin: -10rem !important; + .xl\:via-pink-600 { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .xl\:-m-44 { - margin: -11rem !important; + .xl\:via-pink-700 { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .xl\:-m-48 { - margin: -12rem !important; + .xl\:via-pink-800 { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .xl\:-m-52 { - margin: -13rem !important; + .xl\:via-pink-900 { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .xl\:-m-56 { - margin: -14rem !important; + .xl\:to-transparent { + --gradient-to-color: transparent !important; } - .xl\:-m-60 { - margin: -15rem !important; + .xl\:to-current { + --gradient-to-color: currentColor !important; } - .xl\:-m-64 { - margin: -16rem !important; + .xl\:to-black { + --gradient-to-color: #000 !important; } - .xl\:-m-72 { - margin: -18rem !important; + .xl\:to-white { + --gradient-to-color: #fff !important; } - .xl\:-m-80 { - margin: -20rem !important; + .xl\:to-gray-50 { + --gradient-to-color: #fafafa !important; } - .xl\:-m-96 { - margin: -24rem !important; + .xl\:to-gray-100 { + --gradient-to-color: #f4f4f5 !important; } - .xl\:-m-px { - margin: -1px !important; + .xl\:to-gray-200 { + --gradient-to-color: #e4e4e7 !important; } - .xl\:-m-0\.5 { - margin: -0.125rem !important; + .xl\:to-gray-300 { + --gradient-to-color: #d4d4d8 !important; } - .xl\:-m-1\.5 { - margin: -0.375rem !important; + .xl\:to-gray-400 { + --gradient-to-color: #a1a1aa !important; } - .xl\:-m-2\.5 { - margin: -0.625rem !important; + .xl\:to-gray-500 { + --gradient-to-color: #71717a !important; } - .xl\:-m-3\.5 { - margin: -0.875rem !important; + .xl\:to-gray-600 { + --gradient-to-color: #52525b !important; } - .xl\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .xl\:to-gray-700 { + --gradient-to-color: #3f3f46 !important; } - .xl\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .xl\:to-gray-800 { + --gradient-to-color: #27272a !important; } - .xl\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .xl\:to-gray-900 { + --gradient-to-color: #18181b !important; } - .xl\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .xl\:to-red-50 { + --gradient-to-color: #fef2f2 !important; } - .xl\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .xl\:to-red-100 { + --gradient-to-color: #fee2e2 !important; } - .xl\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .xl\:to-red-200 { + --gradient-to-color: #fecaca !important; } - .xl\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .xl\:to-red-300 { + --gradient-to-color: #fca5a5 !important; } - .xl\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .xl\:to-red-400 { + --gradient-to-color: #f87171 !important; } - .xl\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .xl\:to-red-500 { + --gradient-to-color: #ef4444 !important; } - .xl\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .xl\:to-red-600 { + --gradient-to-color: #dc2626 !important; } - .xl\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .xl\:to-red-700 { + --gradient-to-color: #b91c1c !important; } - .xl\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .xl\:to-red-800 { + --gradient-to-color: #991b1b !important; } - .xl\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .xl\:to-red-900 { + --gradient-to-color: #7f1d1d !important; } - .xl\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .xl\:to-yellow-50 { + --gradient-to-color: #fffbeb !important; } - .xl\:my-7 { - margin-top: 1.75rem !important; - margin-bottom: 1.75rem !important; + .xl\:to-yellow-100 { + --gradient-to-color: #fef3c7 !important; } - .xl\:mx-7 { - margin-left: 1.75rem !important; - margin-right: 1.75rem !important; + .xl\:to-yellow-200 { + --gradient-to-color: #fde68a !important; } - .xl\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .xl\:to-yellow-300 { + --gradient-to-color: #fcd34d !important; } - .xl\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .xl\:to-yellow-400 { + --gradient-to-color: #fbbf24 !important; } - .xl\:my-9 { - margin-top: 2.25rem !important; - margin-bottom: 2.25rem !important; + .xl\:to-yellow-500 { + --gradient-to-color: #f59e0b !important; } - .xl\:mx-9 { - margin-left: 2.25rem !important; - margin-right: 2.25rem !important; + .xl\:to-yellow-600 { + --gradient-to-color: #d97706 !important; } - .xl\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .xl\:to-yellow-700 { + --gradient-to-color: #b45309 !important; } - .xl\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .xl\:to-yellow-800 { + --gradient-to-color: #92400e !important; } - .xl\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .xl\:to-yellow-900 { + --gradient-to-color: #78350f !important; } - .xl\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .xl\:to-green-50 { + --gradient-to-color: #ecfdf5 !important; } - .xl\:my-14 { - margin-top: 3.5rem !important; - margin-bottom: 3.5rem !important; + .xl\:to-green-100 { + --gradient-to-color: #d1fae5 !important; } - .xl\:mx-14 { - margin-left: 3.5rem !important; - margin-right: 3.5rem !important; + .xl\:to-green-200 { + --gradient-to-color: #a7f3d0 !important; } - .xl\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .xl\:to-green-300 { + --gradient-to-color: #6ee7b7 !important; } - .xl\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .xl\:to-green-400 { + --gradient-to-color: #34d399 !important; } - .xl\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .xl\:to-green-500 { + --gradient-to-color: #10b981 !important; } - .xl\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .xl\:to-green-600 { + --gradient-to-color: #059669 !important; } - .xl\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .xl\:to-green-700 { + --gradient-to-color: #047857 !important; } - .xl\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .xl\:to-green-800 { + --gradient-to-color: #065f46 !important; } - .xl\:my-28 { - margin-top: 7rem !important; - margin-bottom: 7rem !important; + .xl\:to-green-900 { + --gradient-to-color: #064e3b !important; } - .xl\:mx-28 { - margin-left: 7rem !important; - margin-right: 7rem !important; + .xl\:to-blue-50 { + --gradient-to-color: #eff6ff !important; } - .xl\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .xl\:to-blue-100 { + --gradient-to-color: #dbeafe !important; } - .xl\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .xl\:to-blue-200 { + --gradient-to-color: #bfdbfe !important; } - .xl\:my-36 { - margin-top: 9rem !important; - margin-bottom: 9rem !important; + .xl\:to-blue-300 { + --gradient-to-color: #93c5fd !important; } - .xl\:mx-36 { - margin-left: 9rem !important; - margin-right: 9rem !important; + .xl\:to-blue-400 { + --gradient-to-color: #60a5fa !important; } - .xl\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .xl\:to-blue-500 { + --gradient-to-color: #3b82f6 !important; } - .xl\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .xl\:to-blue-600 { + --gradient-to-color: #2563eb !important; } - .xl\:my-44 { - margin-top: 11rem !important; - margin-bottom: 11rem !important; + .xl\:to-blue-700 { + --gradient-to-color: #1d4ed8 !important; } - .xl\:mx-44 { - margin-left: 11rem !important; - margin-right: 11rem !important; + .xl\:to-blue-800 { + --gradient-to-color: #1e40af !important; } - .xl\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .xl\:to-blue-900 { + --gradient-to-color: #1e3a8a !important; } - .xl\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .xl\:to-purple-50 { + --gradient-to-color: #f5f3ff !important; } - .xl\:my-52 { - margin-top: 13rem !important; - margin-bottom: 13rem !important; + .xl\:to-purple-100 { + --gradient-to-color: #ede9fe !important; } - .xl\:mx-52 { - margin-left: 13rem !important; - margin-right: 13rem !important; + .xl\:to-purple-200 { + --gradient-to-color: #ddd6fe !important; } - .xl\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .xl\:to-purple-300 { + --gradient-to-color: #c4b5fd !important; } - .xl\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .xl\:to-purple-400 { + --gradient-to-color: #a78bfa !important; } - .xl\:my-60 { - margin-top: 15rem !important; - margin-bottom: 15rem !important; + .xl\:to-purple-500 { + --gradient-to-color: #8b5cf6 !important; } - .xl\:mx-60 { - margin-left: 15rem !important; - margin-right: 15rem !important; + .xl\:to-purple-600 { + --gradient-to-color: #7c3aed !important; } - .xl\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .xl\:to-purple-700 { + --gradient-to-color: #6d28d9 !important; } - .xl\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .xl\:to-purple-800 { + --gradient-to-color: #5b21b6 !important; } - .xl\:my-72 { - margin-top: 18rem !important; - margin-bottom: 18rem !important; + .xl\:to-purple-900 { + --gradient-to-color: #4c1d95 !important; } - .xl\:mx-72 { - margin-left: 18rem !important; - margin-right: 18rem !important; + .xl\:to-pink-50 { + --gradient-to-color: #fdf2f8 !important; } - .xl\:my-80 { - margin-top: 20rem !important; - margin-bottom: 20rem !important; + .xl\:to-pink-100 { + --gradient-to-color: #fce7f3 !important; } - .xl\:mx-80 { - margin-left: 20rem !important; - margin-right: 20rem !important; + .xl\:to-pink-200 { + --gradient-to-color: #fbcfe8 !important; } - .xl\:my-96 { - margin-top: 24rem !important; - margin-bottom: 24rem !important; + .xl\:to-pink-300 { + --gradient-to-color: #f9a8d4 !important; } - .xl\:mx-96 { - margin-left: 24rem !important; - margin-right: 24rem !important; + .xl\:to-pink-400 { + --gradient-to-color: #f472b6 !important; } - .xl\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .xl\:to-pink-500 { + --gradient-to-color: #ec4899 !important; } - .xl\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .xl\:to-pink-600 { + --gradient-to-color: #db2777 !important; } - .xl\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .xl\:to-pink-700 { + --gradient-to-color: #be185d !important; } - .xl\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .xl\:to-pink-800 { + --gradient-to-color: #9d174d !important; } - .xl\:my-0\.5 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; + .xl\:to-pink-900 { + --gradient-to-color: #831843 !important; } - .xl\:mx-0\.5 { - margin-left: 0.125rem !important; - margin-right: 0.125rem !important; + .xl\:hover\:from-transparent:hover { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:my-1\.5 { - margin-top: 0.375rem !important; - margin-bottom: 0.375rem !important; + .xl\:hover\:from-current:hover { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:mx-1\.5 { - margin-left: 0.375rem !important; - margin-right: 0.375rem !important; + .xl\:hover\:from-black:hover { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:my-2\.5 { - margin-top: 0.625rem !important; - margin-bottom: 0.625rem !important; + .xl\:hover\:from-white:hover { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:mx-2\.5 { - margin-left: 0.625rem !important; - margin-right: 0.625rem !important; + .xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .xl\:my-3\.5 { - margin-top: 0.875rem !important; - margin-bottom: 0.875rem !important; + .xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .xl\:mx-3\.5 { - margin-left: 0.875rem !important; - margin-right: 0.875rem !important; + .xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .xl\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .xl\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .xl\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .xl\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .xl\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .xl\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .xl\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .xl\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .xl\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .xl\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .xl\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .xl\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .xl\:-my-7 { - margin-top: -1.75rem !important; - margin-bottom: -1.75rem !important; + .xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .xl\:-mx-7 { - margin-left: -1.75rem !important; - margin-right: -1.75rem !important; + .xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .xl\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .xl\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .xl\:-my-9 { - margin-top: -2.25rem !important; - margin-bottom: -2.25rem !important; + .xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .xl\:-mx-9 { - margin-left: -2.25rem !important; - margin-right: -2.25rem !important; + .xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .xl\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .xl\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .xl\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .xl\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .xl\:-my-14 { - margin-top: -3.5rem !important; - margin-bottom: -3.5rem !important; + .xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .xl\:-mx-14 { - margin-left: -3.5rem !important; - margin-right: -3.5rem !important; + .xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .xl\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .xl\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .xl\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .xl\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .xl\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .xl\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .xl\:-my-28 { - margin-top: -7rem !important; - margin-bottom: -7rem !important; + .xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .xl\:-mx-28 { - margin-left: -7rem !important; - margin-right: -7rem !important; + .xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .xl\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .xl\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .xl\:-my-36 { - margin-top: -9rem !important; - margin-bottom: -9rem !important; + .xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .xl\:-mx-36 { - margin-left: -9rem !important; - margin-right: -9rem !important; + .xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .xl\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .xl\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .xl\:-my-44 { - margin-top: -11rem !important; - margin-bottom: -11rem !important; + .xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .xl\:-mx-44 { - margin-left: -11rem !important; - margin-right: -11rem !important; + .xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .xl\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .xl\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .xl\:-my-52 { - margin-top: -13rem !important; - margin-bottom: -13rem !important; + .xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .xl\:-mx-52 { - margin-left: -13rem !important; - margin-right: -13rem !important; + .xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .xl\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .xl\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .xl\:-my-60 { - margin-top: -15rem !important; - margin-bottom: -15rem !important; + .xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .xl\:-mx-60 { - margin-left: -15rem !important; - margin-right: -15rem !important; + .xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .xl\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .xl\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .xl\:-my-72 { - margin-top: -18rem !important; - margin-bottom: -18rem !important; + .xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .xl\:-mx-72 { - margin-left: -18rem !important; - margin-right: -18rem !important; + .xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .xl\:-my-80 { - margin-top: -20rem !important; - margin-bottom: -20rem !important; + .xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .xl\:-mx-80 { - margin-left: -20rem !important; - margin-right: -20rem !important; + .xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .xl\:-my-96 { - margin-top: -24rem !important; - margin-bottom: -24rem !important; + .xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .xl\:-mx-96 { - margin-left: -24rem !important; - margin-right: -24rem !important; + .xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .xl\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .xl\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .xl\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .xl\:-my-0\.5 { - margin-top: -0.125rem !important; - margin-bottom: -0.125rem !important; + .xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .xl\:-mx-0\.5 { - margin-left: -0.125rem !important; - margin-right: -0.125rem !important; + .xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .xl\:-my-1\.5 { - margin-top: -0.375rem !important; - margin-bottom: -0.375rem !important; + .xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .xl\:-mx-1\.5 { - margin-left: -0.375rem !important; - margin-right: -0.375rem !important; + .xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .xl\:-my-2\.5 { - margin-top: -0.625rem !important; - margin-bottom: -0.625rem !important; + .xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .xl\:-mx-2\.5 { - margin-left: -0.625rem !important; - margin-right: -0.625rem !important; + .xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .xl\:-my-3\.5 { - margin-top: -0.875rem !important; - margin-bottom: -0.875rem !important; + .xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .xl\:-mx-3\.5 { - margin-left: -0.875rem !important; - margin-right: -0.875rem !important; + .xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .xl\:mt-0 { - margin-top: 0 !important; + .xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .xl\:mr-0 { - margin-right: 0 !important; + .xl\:hover\:via-transparent:hover { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:mb-0 { - margin-bottom: 0 !important; + .xl\:hover\:via-current:hover { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:ml-0 { - margin-left: 0 !important; + .xl\:hover\:via-black:hover { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:mt-1 { - margin-top: 0.25rem !important; + .xl\:hover\:via-white:hover { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:mr-1 { - margin-right: 0.25rem !important; + .xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .xl\:mb-1 { - margin-bottom: 0.25rem !important; + .xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .xl\:ml-1 { - margin-left: 0.25rem !important; + .xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .xl\:mt-2 { - margin-top: 0.5rem !important; + .xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .xl\:mr-2 { - margin-right: 0.5rem !important; + .xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .xl\:mb-2 { - margin-bottom: 0.5rem !important; + .xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .xl\:ml-2 { - margin-left: 0.5rem !important; + .xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .xl\:mt-3 { - margin-top: 0.75rem !important; + .xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .xl\:mr-3 { - margin-right: 0.75rem !important; + .xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .xl\:mb-3 { - margin-bottom: 0.75rem !important; + .xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .xl\:ml-3 { - margin-left: 0.75rem !important; + .xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .xl\:mt-4 { - margin-top: 1rem !important; + .xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .xl\:mr-4 { - margin-right: 1rem !important; + .xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .xl\:mb-4 { - margin-bottom: 1rem !important; + .xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .xl\:ml-4 { - margin-left: 1rem !important; + .xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .xl\:mt-5 { - margin-top: 1.25rem !important; + .xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .xl\:mr-5 { - margin-right: 1.25rem !important; + .xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .xl\:mb-5 { - margin-bottom: 1.25rem !important; + .xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .xl\:ml-5 { - margin-left: 1.25rem !important; + .xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .xl\:mt-6 { - margin-top: 1.5rem !important; + .xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .xl\:mr-6 { - margin-right: 1.5rem !important; + .xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .xl\:mb-6 { - margin-bottom: 1.5rem !important; + .xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .xl\:ml-6 { - margin-left: 1.5rem !important; + .xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .xl\:mt-7 { - margin-top: 1.75rem !important; + .xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .xl\:mr-7 { - margin-right: 1.75rem !important; + .xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .xl\:mb-7 { - margin-bottom: 1.75rem !important; + .xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .xl\:ml-7 { - margin-left: 1.75rem !important; + .xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .xl\:mt-8 { - margin-top: 2rem !important; + .xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .xl\:mr-8 { - margin-right: 2rem !important; + .xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .xl\:mb-8 { - margin-bottom: 2rem !important; + .xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .xl\:ml-8 { - margin-left: 2rem !important; + .xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .xl\:mt-9 { - margin-top: 2.25rem !important; + .xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .xl\:mr-9 { - margin-right: 2.25rem !important; + .xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .xl\:mb-9 { - margin-bottom: 2.25rem !important; + .xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .xl\:ml-9 { - margin-left: 2.25rem !important; + .xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .xl\:mt-10 { - margin-top: 2.5rem !important; + .xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .xl\:mr-10 { - margin-right: 2.5rem !important; + .xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .xl\:mb-10 { - margin-bottom: 2.5rem !important; + .xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .xl\:ml-10 { - margin-left: 2.5rem !important; + .xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .xl\:mt-12 { - margin-top: 3rem !important; + .xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .xl\:mr-12 { - margin-right: 3rem !important; + .xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .xl\:mb-12 { - margin-bottom: 3rem !important; + .xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .xl\:ml-12 { - margin-left: 3rem !important; + .xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .xl\:mt-14 { - margin-top: 3.5rem !important; + .xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .xl\:mr-14 { - margin-right: 3.5rem !important; + .xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .xl\:mb-14 { - margin-bottom: 3.5rem !important; + .xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .xl\:ml-14 { - margin-left: 3.5rem !important; + .xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .xl\:mt-16 { - margin-top: 4rem !important; + .xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .xl\:mr-16 { - margin-right: 4rem !important; + .xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .xl\:mb-16 { - margin-bottom: 4rem !important; + .xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .xl\:ml-16 { - margin-left: 4rem !important; + .xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .xl\:mt-20 { - margin-top: 5rem !important; + .xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .xl\:mr-20 { - margin-right: 5rem !important; + .xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .xl\:mb-20 { - margin-bottom: 5rem !important; + .xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .xl\:ml-20 { - margin-left: 5rem !important; + .xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .xl\:mt-24 { - margin-top: 6rem !important; + .xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .xl\:mr-24 { - margin-right: 6rem !important; + .xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .xl\:mb-24 { - margin-bottom: 6rem !important; + .xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .xl\:ml-24 { - margin-left: 6rem !important; + .xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .xl\:mt-28 { - margin-top: 7rem !important; + .xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .xl\:mr-28 { - margin-right: 7rem !important; + .xl\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .xl\:mb-28 { - margin-bottom: 7rem !important; + .xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .xl\:ml-28 { - margin-left: 7rem !important; + .xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .xl\:mt-32 { - margin-top: 8rem !important; + .xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .xl\:mr-32 { - margin-right: 8rem !important; + .xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .xl\:mb-32 { - margin-bottom: 8rem !important; + .xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .xl\:ml-32 { - margin-left: 8rem !important; + .xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .xl\:mt-36 { - margin-top: 9rem !important; + .xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .xl\:mr-36 { - margin-right: 9rem !important; + .xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .xl\:mb-36 { - margin-bottom: 9rem !important; + .xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .xl\:ml-36 { - margin-left: 9rem !important; + .xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent !important; } - .xl\:mt-40 { - margin-top: 10rem !important; + .xl\:hover\:to-current:hover { + --gradient-to-color: currentColor !important; } - .xl\:mr-40 { - margin-right: 10rem !important; + .xl\:hover\:to-black:hover { + --gradient-to-color: #000 !important; } - .xl\:mb-40 { - margin-bottom: 10rem !important; + .xl\:hover\:to-white:hover { + --gradient-to-color: #fff !important; } - .xl\:ml-40 { - margin-left: 10rem !important; + .xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa !important; } - .xl\:mt-44 { - margin-top: 11rem !important; + .xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5 !important; } - .xl\:mr-44 { - margin-right: 11rem !important; + .xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7 !important; } - .xl\:mb-44 { - margin-bottom: 11rem !important; + .xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8 !important; } - .xl\:ml-44 { - margin-left: 11rem !important; + .xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa !important; } - .xl\:mt-48 { - margin-top: 12rem !important; + .xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a !important; } - .xl\:mr-48 { - margin-right: 12rem !important; + .xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b !important; } - .xl\:mb-48 { - margin-bottom: 12rem !important; + .xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46 !important; } - .xl\:ml-48 { - margin-left: 12rem !important; + .xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a !important; } - .xl\:mt-52 { - margin-top: 13rem !important; + .xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b !important; } - .xl\:mr-52 { - margin-right: 13rem !important; + .xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2 !important; } - .xl\:mb-52 { - margin-bottom: 13rem !important; + .xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2 !important; } - .xl\:ml-52 { - margin-left: 13rem !important; + .xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca !important; } - .xl\:mt-56 { - margin-top: 14rem !important; + .xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5 !important; } - .xl\:mr-56 { - margin-right: 14rem !important; + .xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171 !important; } - .xl\:mb-56 { - margin-bottom: 14rem !important; + .xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444 !important; } - .xl\:ml-56 { - margin-left: 14rem !important; + .xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626 !important; } - .xl\:mt-60 { - margin-top: 15rem !important; + .xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c !important; } - .xl\:mr-60 { - margin-right: 15rem !important; + .xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b !important; } - .xl\:mb-60 { - margin-bottom: 15rem !important; + .xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d !important; } - .xl\:ml-60 { - margin-left: 15rem !important; + .xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb !important; } - .xl\:mt-64 { - margin-top: 16rem !important; + .xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7 !important; } - .xl\:mr-64 { - margin-right: 16rem !important; + .xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a !important; } - .xl\:mb-64 { - margin-bottom: 16rem !important; + .xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d !important; } - .xl\:ml-64 { - margin-left: 16rem !important; + .xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24 !important; } - .xl\:mt-72 { - margin-top: 18rem !important; + .xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b !important; } - .xl\:mr-72 { - margin-right: 18rem !important; + .xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706 !important; } - .xl\:mb-72 { - margin-bottom: 18rem !important; + .xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309 !important; } - .xl\:ml-72 { - margin-left: 18rem !important; + .xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e !important; } - .xl\:mt-80 { - margin-top: 20rem !important; + .xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f !important; } - .xl\:mr-80 { - margin-right: 20rem !important; + .xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5 !important; } - .xl\:mb-80 { - margin-bottom: 20rem !important; + .xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5 !important; } - .xl\:ml-80 { - margin-left: 20rem !important; + .xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0 !important; } - .xl\:mt-96 { - margin-top: 24rem !important; + .xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7 !important; } - .xl\:mr-96 { - margin-right: 24rem !important; + .xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399 !important; } - .xl\:mb-96 { - margin-bottom: 24rem !important; + .xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981 !important; } - .xl\:ml-96 { - margin-left: 24rem !important; + .xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669 !important; } - .xl\:mt-auto { - margin-top: auto !important; + .xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857 !important; } - .xl\:mr-auto { - margin-right: auto !important; + .xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46 !important; } - .xl\:mb-auto { - margin-bottom: auto !important; + .xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b !important; } - .xl\:ml-auto { - margin-left: auto !important; + .xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff !important; } - .xl\:mt-px { - margin-top: 1px !important; + .xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe !important; } - .xl\:mr-px { - margin-right: 1px !important; + .xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe !important; } - .xl\:mb-px { - margin-bottom: 1px !important; + .xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd !important; } - .xl\:ml-px { - margin-left: 1px !important; + .xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa !important; } - .xl\:mt-0\.5 { - margin-top: 0.125rem !important; + .xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6 !important; } - .xl\:mr-0\.5 { - margin-right: 0.125rem !important; + .xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb !important; } - .xl\:mb-0\.5 { - margin-bottom: 0.125rem !important; + .xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8 !important; } - .xl\:ml-0\.5 { - margin-left: 0.125rem !important; + .xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af !important; } - .xl\:mt-1\.5 { - margin-top: 0.375rem !important; + .xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a !important; } - .xl\:mr-1\.5 { - margin-right: 0.375rem !important; + .xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff !important; } - .xl\:mb-1\.5 { - margin-bottom: 0.375rem !important; + .xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe !important; } - .xl\:ml-1\.5 { - margin-left: 0.375rem !important; + .xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe !important; } - .xl\:mt-2\.5 { - margin-top: 0.625rem !important; + .xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd !important; } - .xl\:mr-2\.5 { - margin-right: 0.625rem !important; + .xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa !important; } - .xl\:mb-2\.5 { - margin-bottom: 0.625rem !important; + .xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6 !important; } - .xl\:ml-2\.5 { - margin-left: 0.625rem !important; + .xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed !important; } - .xl\:mt-3\.5 { - margin-top: 0.875rem !important; + .xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9 !important; } - .xl\:mr-3\.5 { - margin-right: 0.875rem !important; + .xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6 !important; } - .xl\:mb-3\.5 { - margin-bottom: 0.875rem !important; + .xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95 !important; } - .xl\:ml-3\.5 { - margin-left: 0.875rem !important; + .xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8 !important; } - .xl\:-mt-1 { - margin-top: -0.25rem !important; + .xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3 !important; } - .xl\:-mr-1 { - margin-right: -0.25rem !important; + .xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8 !important; } - .xl\:-mb-1 { - margin-bottom: -0.25rem !important; + .xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4 !important; } - .xl\:-ml-1 { - margin-left: -0.25rem !important; + .xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6 !important; } - .xl\:-mt-2 { - margin-top: -0.5rem !important; + .xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899 !important; } - .xl\:-mr-2 { - margin-right: -0.5rem !important; + .xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777 !important; } - .xl\:-mb-2 { - margin-bottom: -0.5rem !important; + .xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d !important; } - .xl\:-ml-2 { - margin-left: -0.5rem !important; + .xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d !important; } - .xl\:-mt-3 { - margin-top: -0.75rem !important; + .xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843 !important; } - .xl\:-mr-3 { - margin-right: -0.75rem !important; + .xl\:focus\:from-transparent:focus { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:-mb-3 { - margin-bottom: -0.75rem !important; + .xl\:focus\:from-current:focus { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:-ml-3 { - margin-left: -0.75rem !important; + .xl\:focus\:from-black:focus { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:-mt-4 { - margin-top: -1rem !important; + .xl\:focus\:from-white:focus { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:-mr-4 { - margin-right: -1rem !important; + .xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .xl\:-mb-4 { - margin-bottom: -1rem !important; + .xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .xl\:-ml-4 { - margin-left: -1rem !important; + .xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .xl\:-mt-5 { - margin-top: -1.25rem !important; + .xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .xl\:-mr-5 { - margin-right: -1.25rem !important; + .xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .xl\:-mb-5 { - margin-bottom: -1.25rem !important; + .xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .xl\:-ml-5 { - margin-left: -1.25rem !important; + .xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .xl\:-mt-6 { - margin-top: -1.5rem !important; + .xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .xl\:-mr-6 { - margin-right: -1.5rem !important; + .xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .xl\:-mb-6 { - margin-bottom: -1.5rem !important; + .xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .xl\:-ml-6 { - margin-left: -1.5rem !important; + .xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .xl\:-mt-7 { - margin-top: -1.75rem !important; + .xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .xl\:-mr-7 { - margin-right: -1.75rem !important; + .xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .xl\:-mb-7 { - margin-bottom: -1.75rem !important; + .xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .xl\:-ml-7 { - margin-left: -1.75rem !important; + .xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .xl\:-mt-8 { - margin-top: -2rem !important; + .xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .xl\:-mr-8 { - margin-right: -2rem !important; + .xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .xl\:-mb-8 { - margin-bottom: -2rem !important; + .xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .xl\:-ml-8 { - margin-left: -2rem !important; + .xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .xl\:-mt-9 { - margin-top: -2.25rem !important; + .xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .xl\:-mr-9 { - margin-right: -2.25rem !important; + .xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .xl\:-mb-9 { - margin-bottom: -2.25rem !important; + .xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .xl\:-ml-9 { - margin-left: -2.25rem !important; + .xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .xl\:-mt-10 { - margin-top: -2.5rem !important; + .xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .xl\:-mr-10 { - margin-right: -2.5rem !important; + .xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .xl\:-mb-10 { - margin-bottom: -2.5rem !important; + .xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .xl\:-ml-10 { - margin-left: -2.5rem !important; + .xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .xl\:-mt-12 { - margin-top: -3rem !important; + .xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .xl\:-mr-12 { - margin-right: -3rem !important; + .xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .xl\:-mb-12 { - margin-bottom: -3rem !important; + .xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .xl\:-ml-12 { - margin-left: -3rem !important; + .xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .xl\:-mt-14 { - margin-top: -3.5rem !important; + .xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .xl\:-mr-14 { - margin-right: -3.5rem !important; + .xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .xl\:-mb-14 { - margin-bottom: -3.5rem !important; + .xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .xl\:-ml-14 { - margin-left: -3.5rem !important; + .xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .xl\:-mt-16 { - margin-top: -4rem !important; + .xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .xl\:-mr-16 { - margin-right: -4rem !important; + .xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .xl\:-mb-16 { - margin-bottom: -4rem !important; + .xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .xl\:-ml-16 { - margin-left: -4rem !important; + .xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .xl\:-mt-20 { - margin-top: -5rem !important; + .xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .xl\:-mr-20 { - margin-right: -5rem !important; + .xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .xl\:-mb-20 { - margin-bottom: -5rem !important; + .xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .xl\:-ml-20 { - margin-left: -5rem !important; + .xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .xl\:-mt-24 { - margin-top: -6rem !important; + .xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .xl\:-mr-24 { - margin-right: -6rem !important; + .xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .xl\:-mb-24 { - margin-bottom: -6rem !important; + .xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .xl\:-ml-24 { - margin-left: -6rem !important; + .xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .xl\:-mt-28 { - margin-top: -7rem !important; + .xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .xl\:-mr-28 { - margin-right: -7rem !important; + .xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .xl\:-mb-28 { - margin-bottom: -7rem !important; + .xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .xl\:-ml-28 { - margin-left: -7rem !important; + .xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .xl\:-mt-32 { - margin-top: -8rem !important; + .xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .xl\:-mr-32 { - margin-right: -8rem !important; + .xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .xl\:-mb-32 { - margin-bottom: -8rem !important; + .xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .xl\:-ml-32 { - margin-left: -8rem !important; + .xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .xl\:-mt-36 { - margin-top: -9rem !important; + .xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .xl\:-mr-36 { - margin-right: -9rem !important; + .xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .xl\:-mb-36 { - margin-bottom: -9rem !important; + .xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .xl\:-ml-36 { - margin-left: -9rem !important; + .xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .xl\:-mt-40 { - margin-top: -10rem !important; + .xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .xl\:-mr-40 { - margin-right: -10rem !important; + .xl\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .xl\:-mb-40 { - margin-bottom: -10rem !important; + .xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .xl\:-ml-40 { - margin-left: -10rem !important; + .xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .xl\:-mt-44 { - margin-top: -11rem !important; + .xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .xl\:-mr-44 { - margin-right: -11rem !important; + .xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .xl\:-mb-44 { - margin-bottom: -11rem !important; + .xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .xl\:-ml-44 { - margin-left: -11rem !important; + .xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .xl\:-mt-48 { - margin-top: -12rem !important; + .xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .xl\:-mr-48 { - margin-right: -12rem !important; + .xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .xl\:-mb-48 { - margin-bottom: -12rem !important; + .xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .xl\:-ml-48 { - margin-left: -12rem !important; + .xl\:focus\:via-transparent:focus { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:-mt-52 { - margin-top: -13rem !important; + .xl\:focus\:via-current:focus { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:-mr-52 { - margin-right: -13rem !important; + .xl\:focus\:via-black:focus { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .xl\:-mb-52 { - margin-bottom: -13rem !important; + .xl\:focus\:via-white:focus { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .xl\:-ml-52 { - margin-left: -13rem !important; + .xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .xl\:-mt-56 { - margin-top: -14rem !important; + .xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .xl\:-mr-56 { - margin-right: -14rem !important; + .xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .xl\:-mb-56 { - margin-bottom: -14rem !important; + .xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .xl\:-ml-56 { - margin-left: -14rem !important; + .xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .xl\:-mt-60 { - margin-top: -15rem !important; + .xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .xl\:-mr-60 { - margin-right: -15rem !important; + .xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .xl\:-mb-60 { - margin-bottom: -15rem !important; + .xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .xl\:-ml-60 { - margin-left: -15rem !important; + .xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .xl\:-mt-64 { - margin-top: -16rem !important; + .xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .xl\:-mr-64 { - margin-right: -16rem !important; + .xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .xl\:-mb-64 { - margin-bottom: -16rem !important; + .xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .xl\:-ml-64 { - margin-left: -16rem !important; + .xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .xl\:-mt-72 { - margin-top: -18rem !important; + .xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .xl\:-mr-72 { - margin-right: -18rem !important; + .xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .xl\:-mb-72 { - margin-bottom: -18rem !important; + .xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .xl\:-ml-72 { - margin-left: -18rem !important; + .xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .xl\:-mt-80 { - margin-top: -20rem !important; + .xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .xl\:-mr-80 { - margin-right: -20rem !important; + .xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .xl\:-mb-80 { - margin-bottom: -20rem !important; + .xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .xl\:-ml-80 { - margin-left: -20rem !important; + .xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .xl\:-mt-96 { - margin-top: -24rem !important; + .xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .xl\:-mr-96 { - margin-right: -24rem !important; + .xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .xl\:-mb-96 { - margin-bottom: -24rem !important; + .xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .xl\:-ml-96 { - margin-left: -24rem !important; + .xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .xl\:-mt-px { - margin-top: -1px !important; + .xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .xl\:-mr-px { - margin-right: -1px !important; + .xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .xl\:-mb-px { - margin-bottom: -1px !important; + .xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .xl\:-ml-px { - margin-left: -1px !important; + .xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .xl\:-mt-0\.5 { - margin-top: -0.125rem !important; + .xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .xl\:-mr-0\.5 { - margin-right: -0.125rem !important; + .xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .xl\:-mb-0\.5 { - margin-bottom: -0.125rem !important; + .xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .xl\:-ml-0\.5 { - margin-left: -0.125rem !important; + .xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .xl\:-mt-1\.5 { - margin-top: -0.375rem !important; + .xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .xl\:-mr-1\.5 { - margin-right: -0.375rem !important; + .xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .xl\:-mb-1\.5 { - margin-bottom: -0.375rem !important; + .xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .xl\:-ml-1\.5 { - margin-left: -0.375rem !important; + .xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .xl\:-mt-2\.5 { - margin-top: -0.625rem !important; + .xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .xl\:-mr-2\.5 { - margin-right: -0.625rem !important; + .xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .xl\:-mb-2\.5 { - margin-bottom: -0.625rem !important; + .xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .xl\:-ml-2\.5 { - margin-left: -0.625rem !important; + .xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .xl\:-mt-3\.5 { - margin-top: -0.875rem !important; + .xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .xl\:-mr-3\.5 { - margin-right: -0.875rem !important; + .xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .xl\:-mb-3\.5 { - margin-bottom: -0.875rem !important; + .xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .xl\:-ml-3\.5 { - margin-left: -0.875rem !important; + .xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .xl\:max-h-0 { - max-height: 0 !important; + .xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .xl\:max-h-1 { - max-height: 0.25rem !important; + .xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .xl\:max-h-2 { - max-height: 0.5rem !important; + .xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .xl\:max-h-3 { - max-height: 0.75rem !important; + .xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .xl\:max-h-4 { - max-height: 1rem !important; + .xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .xl\:max-h-5 { - max-height: 1.25rem !important; + .xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .xl\:max-h-6 { - max-height: 1.5rem !important; + .xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .xl\:max-h-7 { - max-height: 1.75rem !important; + .xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .xl\:max-h-8 { - max-height: 2rem !important; + .xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .xl\:max-h-9 { - max-height: 2.25rem !important; + .xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .xl\:max-h-10 { - max-height: 2.5rem !important; + .xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .xl\:max-h-12 { - max-height: 3rem !important; + .xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .xl\:max-h-14 { - max-height: 3.5rem !important; + .xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .xl\:max-h-16 { - max-height: 4rem !important; + .xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .xl\:max-h-20 { - max-height: 5rem !important; + .xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .xl\:max-h-24 { - max-height: 6rem !important; + .xl\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .xl\:max-h-28 { - max-height: 7rem !important; + .xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .xl\:max-h-32 { - max-height: 8rem !important; + .xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .xl\:max-h-36 { - max-height: 9rem !important; + .xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .xl\:max-h-40 { - max-height: 10rem !important; + .xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .xl\:max-h-44 { - max-height: 11rem !important; + .xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .xl\:max-h-48 { - max-height: 12rem !important; + .xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .xl\:max-h-52 { - max-height: 13rem !important; + .xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .xl\:max-h-56 { - max-height: 14rem !important; + .xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .xl\:max-h-60 { - max-height: 15rem !important; + .xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .xl\:max-h-64 { - max-height: 16rem !important; + .xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent !important; } - .xl\:max-h-72 { - max-height: 18rem !important; + .xl\:focus\:to-current:focus { + --gradient-to-color: currentColor !important; } - .xl\:max-h-80 { - max-height: 20rem !important; + .xl\:focus\:to-black:focus { + --gradient-to-color: #000 !important; } - .xl\:max-h-96 { - max-height: 24rem !important; + .xl\:focus\:to-white:focus { + --gradient-to-color: #fff !important; } - .xl\:max-h-px { - max-height: 1px !important; + .xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa !important; } - .xl\:max-h-0\.5 { - max-height: 0.125rem !important; + .xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5 !important; } - .xl\:max-h-1\.5 { - max-height: 0.375rem !important; + .xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7 !important; } - .xl\:max-h-2\.5 { - max-height: 0.625rem !important; + .xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8 !important; } - .xl\:max-h-3\.5 { - max-height: 0.875rem !important; + .xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa !important; } - .xl\:max-h-full { - max-height: 100% !important; + .xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a !important; } - .xl\:max-h-screen { - max-height: 100vh !important; + .xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b !important; } - .xl\:max-w-0 { - max-width: 0rem !important; + .xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46 !important; } - .xl\:max-w-none { - max-width: none !important; + .xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a !important; } - .xl\:max-w-xs { - max-width: 20rem !important; + .xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b !important; } - .xl\:max-w-sm { - max-width: 24rem !important; + .xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2 !important; } - .xl\:max-w-md { - max-width: 28rem !important; + .xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2 !important; } - .xl\:max-w-lg { - max-width: 32rem !important; + .xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca !important; } - .xl\:max-w-xl { - max-width: 36rem !important; + .xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5 !important; } - .xl\:max-w-2xl { - max-width: 42rem !important; + .xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171 !important; } - .xl\:max-w-3xl { - max-width: 48rem !important; + .xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444 !important; } - .xl\:max-w-4xl { - max-width: 56rem !important; + .xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626 !important; } - .xl\:max-w-5xl { - max-width: 64rem !important; + .xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c !important; } - .xl\:max-w-6xl { - max-width: 72rem !important; + .xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b !important; } - .xl\:max-w-7xl { - max-width: 80rem !important; + .xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d !important; } - .xl\:max-w-full { - max-width: 100% !important; + .xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb !important; } - .xl\:max-w-min { - max-width: min-content !important; + .xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7 !important; } - .xl\:max-w-max { - max-width: max-content !important; + .xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a !important; } - .xl\:max-w-screen-sm { - max-width: 640px !important; + .xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d !important; } - .xl\:max-w-screen-md { - max-width: 768px !important; + .xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24 !important; } - .xl\:max-w-screen-lg { - max-width: 1024px !important; + .xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b !important; } - .xl\:max-w-screen-xl { - max-width: 1280px !important; + .xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706 !important; } - .xl\:max-w-screen-2xl { - max-width: 1536px !important; + .xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309 !important; } - .xl\:min-h-0 { - min-height: 0 !important; + .xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e !important; } - .xl\:min-h-full { - min-height: 100% !important; + .xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f !important; } - .xl\:min-h-screen { - min-height: 100vh !important; + .xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5 !important; } - .xl\:min-w-0 { - min-width: 0 !important; + .xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5 !important; } - .xl\:min-w-full { - min-width: 100% !important; + .xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0 !important; } - .xl\:min-w-min { - min-width: min-content !important; + .xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7 !important; } - .xl\:min-w-max { - min-width: max-content !important; + .xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399 !important; } - .xl\:object-contain { - object-fit: contain !important; + .xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981 !important; } - .xl\:object-cover { - object-fit: cover !important; + .xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669 !important; } - .xl\:object-fill { - object-fit: fill !important; + .xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857 !important; } - .xl\:object-none { - object-fit: none !important; + .xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46 !important; } - .xl\:object-scale-down { - object-fit: scale-down !important; + .xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b !important; } - .xl\:object-bottom { - object-position: bottom !important; + .xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff !important; } - .xl\:object-center { - object-position: center !important; + .xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe !important; } - .xl\:object-left { - object-position: left !important; + .xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe !important; } - .xl\:object-left-bottom { - object-position: left bottom !important; + .xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd !important; } - .xl\:object-left-top { - object-position: left top !important; + .xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa !important; } - .xl\:object-right { - object-position: right !important; + .xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6 !important; } - .xl\:object-right-bottom { - object-position: right bottom !important; + .xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb !important; } - .xl\:object-right-top { - object-position: right top !important; + .xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8 !important; } - .xl\:object-top { - object-position: top !important; + .xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af !important; } - .xl\:opacity-0 { - opacity: 0 !important; + .xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a !important; } - .xl\:opacity-25 { - opacity: 0.25 !important; + .xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff !important; } - .xl\:opacity-50 { - opacity: 0.5 !important; + .xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe !important; } - .xl\:opacity-75 { - opacity: 0.75 !important; + .xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe !important; } - .xl\:opacity-100 { - opacity: 1 !important; + .xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd !important; } - .group:hover .xl\:group-hover\:opacity-0 { - opacity: 0 !important; + .xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa !important; } - .group:hover .xl\:group-hover\:opacity-25 { - opacity: 0.25 !important; + .xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6 !important; } - .group:hover .xl\:group-hover\:opacity-50 { - opacity: 0.5 !important; + .xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed !important; } - .group:hover .xl\:group-hover\:opacity-75 { - opacity: 0.75 !important; + .xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9 !important; } - .group:hover .xl\:group-hover\:opacity-100 { - opacity: 1 !important; + .xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6 !important; } - .xl\:hover\:opacity-0:hover { - opacity: 0 !important; + .xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95 !important; } - .xl\:hover\:opacity-25:hover { - opacity: 0.25 !important; + .xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8 !important; } - .xl\:hover\:opacity-50:hover { - opacity: 0.5 !important; + .xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3 !important; } - .xl\:hover\:opacity-75:hover { - opacity: 0.75 !important; + .xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8 !important; } - .xl\:hover\:opacity-100:hover { - opacity: 1 !important; + .xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4 !important; } - .xl\:focus\:opacity-0:focus { - opacity: 0 !important; + .xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6 !important; } - .xl\:focus\:opacity-25:focus { - opacity: 0.25 !important; + .xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899 !important; } - .xl\:focus\:opacity-50:focus { - opacity: 0.5 !important; + .xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777 !important; } - .xl\:focus\:opacity-75:focus { - opacity: 0.75 !important; + .xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d !important; } - .xl\:focus\:opacity-100:focus { - opacity: 1 !important; + .xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d !important; } - .xl\:outline-none { - outline: 2px solid transparent !important; - outline-offset: 2px !important; + .xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843 !important; } - .xl\:outline-white { - outline: 2px dotted white !important; - outline-offset: 2px !important; + .xl\:bg-opacity-0 { + --bg-opacity: 0 !important; } - .xl\:outline-black { - outline: 2px dotted black !important; - outline-offset: 2px !important; + .xl\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } - .xl\:focus\:outline-none:focus { - outline: 2px solid transparent !important; - outline-offset: 2px !important; + .xl\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } - .xl\:focus\:outline-white:focus { - outline: 2px dotted white !important; - outline-offset: 2px !important; + .xl\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } - .xl\:focus\:outline-black:focus { - outline: 2px dotted black !important; - outline-offset: 2px !important; + .xl\:bg-opacity-100 { + --bg-opacity: 1 !important; } - .xl\:overflow-auto { - overflow: auto !important; + .group:hover .xl\:group-hover\:bg-opacity-0 { + --bg-opacity: 0 !important; } - .xl\:overflow-hidden { - overflow: hidden !important; + .group:hover .xl\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25 !important; } - .xl\:overflow-visible { - overflow: visible !important; + .group:hover .xl\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5 !important; } - .xl\:overflow-scroll { - overflow: scroll !important; + .group:hover .xl\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75 !important; } - .xl\:overflow-x-auto { - overflow-x: auto !important; + .group:hover .xl\:group-hover\:bg-opacity-100 { + --bg-opacity: 1 !important; } - .xl\:overflow-y-auto { - overflow-y: auto !important; + .xl\:hover\:bg-opacity-0:hover { + --bg-opacity: 0 !important; } - .xl\:overflow-x-hidden { - overflow-x: hidden !important; + .xl\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25 !important; } - .xl\:overflow-y-hidden { - overflow-y: hidden !important; + .xl\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5 !important; } - .xl\:overflow-x-visible { - overflow-x: visible !important; + .xl\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75 !important; } - .xl\:overflow-y-visible { - overflow-y: visible !important; + .xl\:hover\:bg-opacity-100:hover { + --bg-opacity: 1 !important; } - .xl\:overflow-x-scroll { - overflow-x: scroll !important; + .xl\:focus\:bg-opacity-0:focus { + --bg-opacity: 0 !important; } - .xl\:overflow-y-scroll { - overflow-y: scroll !important; + .xl\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25 !important; } - .xl\:overscroll-auto { - overscroll-behavior: auto !important; + .xl\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5 !important; } - .xl\:overscroll-contain { - overscroll-behavior: contain !important; + .xl\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75 !important; } - .xl\:overscroll-none { - overscroll-behavior: none !important; + .xl\:focus\:bg-opacity-100:focus { + --bg-opacity: 1 !important; } - .xl\:overscroll-y-auto { - overscroll-behavior-y: auto !important; + .xl\:bg-bottom { + background-position: bottom !important; } - .xl\:overscroll-y-contain { - overscroll-behavior-y: contain !important; + .xl\:bg-center { + background-position: center !important; } - .xl\:overscroll-y-none { - overscroll-behavior-y: none !important; + .xl\:bg-left { + background-position: left !important; } - .xl\:overscroll-x-auto { - overscroll-behavior-x: auto !important; + .xl\:bg-left-bottom { + background-position: left bottom !important; } - .xl\:overscroll-x-contain { - overscroll-behavior-x: contain !important; + .xl\:bg-left-top { + background-position: left top !important; } - .xl\:overscroll-x-none { - overscroll-behavior-x: none !important; + .xl\:bg-right { + background-position: right !important; } - .xl\:p-0 { - padding: 0 !important; + .xl\:bg-right-bottom { + background-position: right bottom !important; } - .xl\:p-1 { - padding: 0.25rem !important; + .xl\:bg-right-top { + background-position: right top !important; } - .xl\:p-2 { - padding: 0.5rem !important; + .xl\:bg-top { + background-position: top !important; } - .xl\:p-3 { - padding: 0.75rem !important; + .xl\:bg-repeat { + background-repeat: repeat !important; } - .xl\:p-4 { - padding: 1rem !important; + .xl\:bg-no-repeat { + background-repeat: no-repeat !important; } - .xl\:p-5 { - padding: 1.25rem !important; + .xl\:bg-repeat-x { + background-repeat: repeat-x !important; } - .xl\:p-6 { - padding: 1.5rem !important; + .xl\:bg-repeat-y { + background-repeat: repeat-y !important; } - .xl\:p-7 { - padding: 1.75rem !important; + .xl\:bg-repeat-round { + background-repeat: round !important; } - .xl\:p-8 { - padding: 2rem !important; + .xl\:bg-repeat-space { + background-repeat: space !important; } - .xl\:p-9 { - padding: 2.25rem !important; + .xl\:bg-auto { + background-size: auto !important; } - .xl\:p-10 { - padding: 2.5rem !important; + .xl\:bg-cover { + background-size: cover !important; } - .xl\:p-12 { - padding: 3rem !important; + .xl\:bg-contain { + background-size: contain !important; } - .xl\:p-14 { - padding: 3.5rem !important; + .xl\:border-collapse { + border-collapse: collapse !important; } - .xl\:p-16 { - padding: 4rem !important; + .xl\:border-separate { + border-collapse: separate !important; } - .xl\:p-20 { - padding: 5rem !important; + .xl\:border-transparent { + border-color: transparent !important; } - .xl\:p-24 { - padding: 6rem !important; + .xl\:border-current { + border-color: currentColor !important; } - .xl\:p-28 { - padding: 7rem !important; + .xl\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .xl\:p-32 { - padding: 8rem !important; + .xl\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .xl\:p-36 { - padding: 9rem !important; + .xl\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .xl\:p-40 { - padding: 10rem !important; + .xl\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .xl\:p-44 { - padding: 11rem !important; + .xl\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .xl\:p-48 { - padding: 12rem !important; + .xl\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .xl\:p-52 { - padding: 13rem !important; + .xl\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .xl\:p-56 { - padding: 14rem !important; + .xl\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .xl\:p-60 { - padding: 15rem !important; + .xl\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .xl\:p-64 { - padding: 16rem !important; + .xl\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .xl\:p-72 { - padding: 18rem !important; + .xl\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .xl\:p-80 { - padding: 20rem !important; + .xl\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .xl\:p-96 { - padding: 24rem !important; + .xl\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .xl\:p-px { - padding: 1px !important; + .xl\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .xl\:p-0\.5 { - padding: 0.125rem !important; + .xl\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .xl\:p-1\.5 { - padding: 0.375rem !important; + .xl\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .xl\:p-2\.5 { - padding: 0.625rem !important; + .xl\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .xl\:p-3\.5 { - padding: 0.875rem !important; + .xl\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .xl\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .xl\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .xl\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .xl\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .xl\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .xl\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .xl\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .xl\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .xl\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .xl\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .xl\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .xl\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .xl\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .xl\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .xl\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .xl\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .xl\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .xl\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .xl\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .xl\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .xl\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .xl\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .xl\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .xl\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .xl\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .xl\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .xl\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .xl\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .xl\:py-7 { - padding-top: 1.75rem !important; - padding-bottom: 1.75rem !important; + .xl\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .xl\:px-7 { - padding-left: 1.75rem !important; - padding-right: 1.75rem !important; + .xl\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .xl\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .xl\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .xl\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .xl\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .xl\:py-9 { - padding-top: 2.25rem !important; - padding-bottom: 2.25rem !important; + .xl\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .xl\:px-9 { - padding-left: 2.25rem !important; - padding-right: 2.25rem !important; + .xl\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .xl\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .xl\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .xl\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .xl\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .xl\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .xl\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .xl\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .xl\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .xl\:py-14 { - padding-top: 3.5rem !important; - padding-bottom: 3.5rem !important; + .xl\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .xl\:px-14 { - padding-left: 3.5rem !important; - padding-right: 3.5rem !important; + .xl\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .xl\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .xl\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .xl\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .xl\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .xl\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .xl\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .xl\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .xl\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .xl\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .xl\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .xl\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .xl\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .xl\:py-28 { - padding-top: 7rem !important; - padding-bottom: 7rem !important; + .xl\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .xl\:px-28 { - padding-left: 7rem !important; - padding-right: 7rem !important; + .xl\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .xl\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .xl\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .xl\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .xl\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .xl\:py-36 { - padding-top: 9rem !important; - padding-bottom: 9rem !important; + .xl\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .xl\:px-36 { - padding-left: 9rem !important; - padding-right: 9rem !important; + .xl\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .xl\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .xl\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .xl\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .xl\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .xl\:py-44 { - padding-top: 11rem !important; - padding-bottom: 11rem !important; + .xl\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .xl\:px-44 { - padding-left: 11rem !important; - padding-right: 11rem !important; + .xl\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .xl\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .xl\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .xl\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .xl\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .xl\:py-52 { - padding-top: 13rem !important; - padding-bottom: 13rem !important; + .xl\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .xl\:px-52 { - padding-left: 13rem !important; - padding-right: 13rem !important; + .xl\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .xl\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .xl\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .xl\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .xl\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .xl\:py-60 { - padding-top: 15rem !important; - padding-bottom: 15rem !important; + .xl\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .xl\:px-60 { - padding-left: 15rem !important; - padding-right: 15rem !important; + .xl\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .xl\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .xl\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .xl\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .xl\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .xl\:py-72 { - padding-top: 18rem !important; - padding-bottom: 18rem !important; + .xl\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .xl\:px-72 { - padding-left: 18rem !important; - padding-right: 18rem !important; + .xl\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .xl\:py-80 { - padding-top: 20rem !important; - padding-bottom: 20rem !important; + .group:hover .xl\:group-hover\:border-transparent { + border-color: transparent !important; } - .xl\:px-80 { - padding-left: 20rem !important; - padding-right: 20rem !important; + .group:hover .xl\:group-hover\:border-current { + border-color: currentColor !important; } - .xl\:py-96 { - padding-top: 24rem !important; - padding-bottom: 24rem !important; + .group:hover .xl\:group-hover\:border-black { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .xl\:px-96 { - padding-left: 24rem !important; - padding-right: 24rem !important; + .group:hover .xl\:group-hover\:border-white { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .xl\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .group:hover .xl\:group-hover\:border-gray-50 { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .xl\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .group:hover .xl\:group-hover\:border-gray-100 { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .xl\:py-0\.5 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; + .group:hover .xl\:group-hover\:border-gray-200 { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .xl\:px-0\.5 { - padding-left: 0.125rem !important; - padding-right: 0.125rem !important; + .group:hover .xl\:group-hover\:border-gray-300 { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .xl\:py-1\.5 { - padding-top: 0.375rem !important; - padding-bottom: 0.375rem !important; + .group:hover .xl\:group-hover\:border-gray-400 { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .xl\:px-1\.5 { - padding-left: 0.375rem !important; - padding-right: 0.375rem !important; + .group:hover .xl\:group-hover\:border-gray-500 { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .xl\:py-2\.5 { - padding-top: 0.625rem !important; - padding-bottom: 0.625rem !important; + .group:hover .xl\:group-hover\:border-gray-600 { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .xl\:px-2\.5 { - padding-left: 0.625rem !important; - padding-right: 0.625rem !important; + .group:hover .xl\:group-hover\:border-gray-700 { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .xl\:py-3\.5 { - padding-top: 0.875rem !important; - padding-bottom: 0.875rem !important; + .group:hover .xl\:group-hover\:border-gray-800 { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .xl\:px-3\.5 { - padding-left: 0.875rem !important; - padding-right: 0.875rem !important; + .group:hover .xl\:group-hover\:border-gray-900 { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .xl\:pt-0 { - padding-top: 0 !important; + .group:hover .xl\:group-hover\:border-red-50 { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .xl\:pr-0 { - padding-right: 0 !important; + .group:hover .xl\:group-hover\:border-red-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .xl\:pb-0 { - padding-bottom: 0 !important; + .group:hover .xl\:group-hover\:border-red-200 { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .xl\:pl-0 { - padding-left: 0 !important; + .group:hover .xl\:group-hover\:border-red-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .xl\:pt-1 { - padding-top: 0.25rem !important; + .group:hover .xl\:group-hover\:border-red-400 { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .xl\:pr-1 { - padding-right: 0.25rem !important; + .group:hover .xl\:group-hover\:border-red-500 { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .xl\:pb-1 { - padding-bottom: 0.25rem !important; + .group:hover .xl\:group-hover\:border-red-600 { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .xl\:pl-1 { - padding-left: 0.25rem !important; + .group:hover .xl\:group-hover\:border-red-700 { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .xl\:pt-2 { - padding-top: 0.5rem !important; + .group:hover .xl\:group-hover\:border-red-800 { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .xl\:pr-2 { - padding-right: 0.5rem !important; + .group:hover .xl\:group-hover\:border-red-900 { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .xl\:pb-2 { - padding-bottom: 0.5rem !important; + .group:hover .xl\:group-hover\:border-yellow-50 { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .xl\:pl-2 { - padding-left: 0.5rem !important; + .group:hover .xl\:group-hover\:border-yellow-100 { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .xl\:pt-3 { - padding-top: 0.75rem !important; + .group:hover .xl\:group-hover\:border-yellow-200 { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .xl\:pr-3 { - padding-right: 0.75rem !important; + .group:hover .xl\:group-hover\:border-yellow-300 { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .xl\:pb-3 { - padding-bottom: 0.75rem !important; + .group:hover .xl\:group-hover\:border-yellow-400 { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .xl\:pl-3 { - padding-left: 0.75rem !important; + .group:hover .xl\:group-hover\:border-yellow-500 { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .xl\:pt-4 { - padding-top: 1rem !important; + .group:hover .xl\:group-hover\:border-yellow-600 { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .xl\:pr-4 { - padding-right: 1rem !important; + .group:hover .xl\:group-hover\:border-yellow-700 { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .xl\:pb-4 { - padding-bottom: 1rem !important; + .group:hover .xl\:group-hover\:border-yellow-800 { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .xl\:pl-4 { - padding-left: 1rem !important; + .group:hover .xl\:group-hover\:border-yellow-900 { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .xl\:pt-5 { - padding-top: 1.25rem !important; + .group:hover .xl\:group-hover\:border-green-50 { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .xl\:pr-5 { - padding-right: 1.25rem !important; + .group:hover .xl\:group-hover\:border-green-100 { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .xl\:pb-5 { - padding-bottom: 1.25rem !important; + .group:hover .xl\:group-hover\:border-green-200 { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .xl\:pl-5 { - padding-left: 1.25rem !important; + .group:hover .xl\:group-hover\:border-green-300 { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .xl\:pt-6 { - padding-top: 1.5rem !important; + .group:hover .xl\:group-hover\:border-green-400 { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .xl\:pr-6 { - padding-right: 1.5rem !important; + .group:hover .xl\:group-hover\:border-green-500 { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .xl\:pb-6 { - padding-bottom: 1.5rem !important; + .group:hover .xl\:group-hover\:border-green-600 { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .xl\:pl-6 { - padding-left: 1.5rem !important; + .group:hover .xl\:group-hover\:border-green-700 { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .xl\:pt-7 { - padding-top: 1.75rem !important; + .group:hover .xl\:group-hover\:border-green-800 { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .xl\:pr-7 { - padding-right: 1.75rem !important; + .group:hover .xl\:group-hover\:border-green-900 { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .xl\:pb-7 { - padding-bottom: 1.75rem !important; + .group:hover .xl\:group-hover\:border-blue-50 { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .xl\:pl-7 { - padding-left: 1.75rem !important; + .group:hover .xl\:group-hover\:border-blue-100 { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .xl\:pt-8 { - padding-top: 2rem !important; + .group:hover .xl\:group-hover\:border-blue-200 { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .xl\:pr-8 { - padding-right: 2rem !important; + .group:hover .xl\:group-hover\:border-blue-300 { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .xl\:pb-8 { - padding-bottom: 2rem !important; + .group:hover .xl\:group-hover\:border-blue-400 { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .xl\:pl-8 { - padding-left: 2rem !important; + .group:hover .xl\:group-hover\:border-blue-500 { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .xl\:pt-9 { - padding-top: 2.25rem !important; + .group:hover .xl\:group-hover\:border-blue-600 { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .xl\:pr-9 { - padding-right: 2.25rem !important; + .group:hover .xl\:group-hover\:border-blue-700 { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .xl\:pb-9 { - padding-bottom: 2.25rem !important; + .group:hover .xl\:group-hover\:border-blue-800 { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .xl\:pl-9 { - padding-left: 2.25rem !important; + .group:hover .xl\:group-hover\:border-blue-900 { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .xl\:pt-10 { - padding-top: 2.5rem !important; + .group:hover .xl\:group-hover\:border-purple-50 { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .xl\:pr-10 { - padding-right: 2.5rem !important; + .group:hover .xl\:group-hover\:border-purple-100 { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .xl\:pb-10 { - padding-bottom: 2.5rem !important; + .group:hover .xl\:group-hover\:border-purple-200 { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .xl\:pl-10 { - padding-left: 2.5rem !important; + .group:hover .xl\:group-hover\:border-purple-300 { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .xl\:pt-12 { - padding-top: 3rem !important; + .group:hover .xl\:group-hover\:border-purple-400 { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .xl\:pr-12 { - padding-right: 3rem !important; + .group:hover .xl\:group-hover\:border-purple-500 { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .xl\:pb-12 { - padding-bottom: 3rem !important; + .group:hover .xl\:group-hover\:border-purple-600 { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .xl\:pl-12 { - padding-left: 3rem !important; + .group:hover .xl\:group-hover\:border-purple-700 { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .xl\:pt-14 { - padding-top: 3.5rem !important; + .group:hover .xl\:group-hover\:border-purple-800 { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .xl\:pr-14 { - padding-right: 3.5rem !important; + .group:hover .xl\:group-hover\:border-purple-900 { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .xl\:pb-14 { - padding-bottom: 3.5rem !important; + .group:hover .xl\:group-hover\:border-pink-50 { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .xl\:pl-14 { - padding-left: 3.5rem !important; + .group:hover .xl\:group-hover\:border-pink-100 { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .xl\:pt-16 { - padding-top: 4rem !important; + .group:hover .xl\:group-hover\:border-pink-200 { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .xl\:pr-16 { - padding-right: 4rem !important; + .group:hover .xl\:group-hover\:border-pink-300 { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .xl\:pb-16 { - padding-bottom: 4rem !important; + .group:hover .xl\:group-hover\:border-pink-400 { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .xl\:pl-16 { - padding-left: 4rem !important; + .group:hover .xl\:group-hover\:border-pink-500 { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .xl\:pt-20 { - padding-top: 5rem !important; + .group:hover .xl\:group-hover\:border-pink-600 { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .xl\:pr-20 { - padding-right: 5rem !important; + .group:hover .xl\:group-hover\:border-pink-700 { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .xl\:pb-20 { - padding-bottom: 5rem !important; + .group:hover .xl\:group-hover\:border-pink-800 { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .xl\:pl-20 { - padding-left: 5rem !important; + .group:hover .xl\:group-hover\:border-pink-900 { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .xl\:pt-24 { - padding-top: 6rem !important; + .xl\:hover\:border-transparent:hover { + border-color: transparent !important; } - .xl\:pr-24 { - padding-right: 6rem !important; + .xl\:hover\:border-current:hover { + border-color: currentColor !important; } - .xl\:pb-24 { - padding-bottom: 6rem !important; + .xl\:hover\:border-black:hover { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .xl\:pl-24 { - padding-left: 6rem !important; + .xl\:hover\:border-white:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .xl\:pt-28 { - padding-top: 7rem !important; + .xl\:hover\:border-gray-50:hover { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .xl\:pr-28 { - padding-right: 7rem !important; + .xl\:hover\:border-gray-100:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .xl\:pb-28 { - padding-bottom: 7rem !important; + .xl\:hover\:border-gray-200:hover { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .xl\:pl-28 { - padding-left: 7rem !important; + .xl\:hover\:border-gray-300:hover { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .xl\:pt-32 { - padding-top: 8rem !important; + .xl\:hover\:border-gray-400:hover { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .xl\:pr-32 { - padding-right: 8rem !important; + .xl\:hover\:border-gray-500:hover { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .xl\:pb-32 { - padding-bottom: 8rem !important; + .xl\:hover\:border-gray-600:hover { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .xl\:pl-32 { - padding-left: 8rem !important; + .xl\:hover\:border-gray-700:hover { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .xl\:pt-36 { - padding-top: 9rem !important; + .xl\:hover\:border-gray-800:hover { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .xl\:pr-36 { - padding-right: 9rem !important; + .xl\:hover\:border-gray-900:hover { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .xl\:pb-36 { - padding-bottom: 9rem !important; + .xl\:hover\:border-red-50:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .xl\:pl-36 { - padding-left: 9rem !important; + .xl\:hover\:border-red-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .xl\:pt-40 { - padding-top: 10rem !important; + .xl\:hover\:border-red-200:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .xl\:pr-40 { - padding-right: 10rem !important; + .xl\:hover\:border-red-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .xl\:pb-40 { - padding-bottom: 10rem !important; + .xl\:hover\:border-red-400:hover { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .xl\:pl-40 { - padding-left: 10rem !important; + .xl\:hover\:border-red-500:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .xl\:pt-44 { - padding-top: 11rem !important; + .xl\:hover\:border-red-600:hover { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .xl\:pr-44 { - padding-right: 11rem !important; + .xl\:hover\:border-red-700:hover { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .xl\:pb-44 { - padding-bottom: 11rem !important; + .xl\:hover\:border-red-800:hover { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .xl\:pl-44 { - padding-left: 11rem !important; + .xl\:hover\:border-red-900:hover { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .xl\:pt-48 { - padding-top: 12rem !important; + .xl\:hover\:border-yellow-50:hover { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .xl\:pr-48 { - padding-right: 12rem !important; + .xl\:hover\:border-yellow-100:hover { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .xl\:pb-48 { - padding-bottom: 12rem !important; + .xl\:hover\:border-yellow-200:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .xl\:pl-48 { - padding-left: 12rem !important; + .xl\:hover\:border-yellow-300:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .xl\:pt-52 { - padding-top: 13rem !important; + .xl\:hover\:border-yellow-400:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .xl\:pr-52 { - padding-right: 13rem !important; + .xl\:hover\:border-yellow-500:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .xl\:pb-52 { - padding-bottom: 13rem !important; + .xl\:hover\:border-yellow-600:hover { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .xl\:pl-52 { - padding-left: 13rem !important; + .xl\:hover\:border-yellow-700:hover { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .xl\:pt-56 { - padding-top: 14rem !important; + .xl\:hover\:border-yellow-800:hover { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .xl\:pr-56 { - padding-right: 14rem !important; + .xl\:hover\:border-yellow-900:hover { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .xl\:pb-56 { - padding-bottom: 14rem !important; + .xl\:hover\:border-green-50:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .xl\:pl-56 { - padding-left: 14rem !important; + .xl\:hover\:border-green-100:hover { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .xl\:pt-60 { - padding-top: 15rem !important; + .xl\:hover\:border-green-200:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .xl\:pr-60 { - padding-right: 15rem !important; + .xl\:hover\:border-green-300:hover { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .xl\:pb-60 { - padding-bottom: 15rem !important; + .xl\:hover\:border-green-400:hover { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .xl\:pl-60 { - padding-left: 15rem !important; + .xl\:hover\:border-green-500:hover { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .xl\:pt-64 { - padding-top: 16rem !important; + .xl\:hover\:border-green-600:hover { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .xl\:pr-64 { - padding-right: 16rem !important; + .xl\:hover\:border-green-700:hover { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .xl\:pb-64 { - padding-bottom: 16rem !important; + .xl\:hover\:border-green-800:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .xl\:pl-64 { - padding-left: 16rem !important; + .xl\:hover\:border-green-900:hover { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .xl\:pt-72 { - padding-top: 18rem !important; + .xl\:hover\:border-blue-50:hover { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .xl\:pr-72 { - padding-right: 18rem !important; + .xl\:hover\:border-blue-100:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .xl\:pb-72 { - padding-bottom: 18rem !important; + .xl\:hover\:border-blue-200:hover { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .xl\:pl-72 { - padding-left: 18rem !important; + .xl\:hover\:border-blue-300:hover { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .xl\:pt-80 { - padding-top: 20rem !important; + .xl\:hover\:border-blue-400:hover { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .xl\:pr-80 { - padding-right: 20rem !important; + .xl\:hover\:border-blue-500:hover { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .xl\:pb-80 { - padding-bottom: 20rem !important; + .xl\:hover\:border-blue-600:hover { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .xl\:pl-80 { - padding-left: 20rem !important; + .xl\:hover\:border-blue-700:hover { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .xl\:pt-96 { - padding-top: 24rem !important; + .xl\:hover\:border-blue-800:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .xl\:pr-96 { - padding-right: 24rem !important; + .xl\:hover\:border-blue-900:hover { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .xl\:pb-96 { - padding-bottom: 24rem !important; + .xl\:hover\:border-purple-50:hover { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .xl\:pl-96 { - padding-left: 24rem !important; + .xl\:hover\:border-purple-100:hover { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .xl\:pt-px { - padding-top: 1px !important; + .xl\:hover\:border-purple-200:hover { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .xl\:pr-px { - padding-right: 1px !important; + .xl\:hover\:border-purple-300:hover { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .xl\:pb-px { - padding-bottom: 1px !important; + .xl\:hover\:border-purple-400:hover { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .xl\:pl-px { - padding-left: 1px !important; + .xl\:hover\:border-purple-500:hover { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .xl\:pt-0\.5 { - padding-top: 0.125rem !important; + .xl\:hover\:border-purple-600:hover { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .xl\:pr-0\.5 { - padding-right: 0.125rem !important; + .xl\:hover\:border-purple-700:hover { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .xl\:pb-0\.5 { - padding-bottom: 0.125rem !important; + .xl\:hover\:border-purple-800:hover { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .xl\:pl-0\.5 { - padding-left: 0.125rem !important; + .xl\:hover\:border-purple-900:hover { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .xl\:pt-1\.5 { - padding-top: 0.375rem !important; + .xl\:hover\:border-pink-50:hover { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .xl\:pr-1\.5 { - padding-right: 0.375rem !important; + .xl\:hover\:border-pink-100:hover { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .xl\:pb-1\.5 { - padding-bottom: 0.375rem !important; + .xl\:hover\:border-pink-200:hover { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .xl\:pl-1\.5 { - padding-left: 0.375rem !important; + .xl\:hover\:border-pink-300:hover { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .xl\:pt-2\.5 { - padding-top: 0.625rem !important; + .xl\:hover\:border-pink-400:hover { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .xl\:pr-2\.5 { - padding-right: 0.625rem !important; + .xl\:hover\:border-pink-500:hover { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .xl\:pb-2\.5 { - padding-bottom: 0.625rem !important; + .xl\:hover\:border-pink-600:hover { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .xl\:pl-2\.5 { - padding-left: 0.625rem !important; + .xl\:hover\:border-pink-700:hover { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .xl\:pt-3\.5 { - padding-top: 0.875rem !important; + .xl\:hover\:border-pink-800:hover { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .xl\:pr-3\.5 { - padding-right: 0.875rem !important; + .xl\:hover\:border-pink-900:hover { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .xl\:pb-3\.5 { - padding-bottom: 0.875rem !important; + .xl\:focus\:border-transparent:focus { + border-color: transparent !important; } - .xl\:pl-3\.5 { - padding-left: 0.875rem !important; + .xl\:focus\:border-current:focus { + border-color: currentColor !important; } - .xl\:placeholder-transparent::placeholder { - color: transparent !important; + .xl\:focus\:border-black:focus { + --border-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--border-opacity)) !important; } - .xl\:placeholder-current::placeholder { - color: currentColor !important; + .xl\:focus\:border-white:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--border-opacity)) !important; } - .xl\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-50:focus { + --border-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--border-opacity)) !important; } - .xl\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-100:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--border-opacity)) !important; } - .xl\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-200:focus { + --border-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--border-opacity)) !important; } - .xl\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-300:focus { + --border-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--border-opacity)) !important; } - .xl\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-400:focus { + --border-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--border-opacity)) !important; } - .xl\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-500:focus { + --border-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--border-opacity)) !important; } - .xl\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-600:focus { + --border-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--border-opacity)) !important; } - .xl\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-700:focus { + --border-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--border-opacity)) !important; } - .xl\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-800:focus { + --border-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--border-opacity)) !important; } - .xl\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + .xl\:focus\:border-gray-900:focus { + --border-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--border-opacity)) !important; } - .xl\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-50:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--border-opacity)) !important; } - .xl\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--border-opacity)) !important; } - .xl\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-200:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--border-opacity)) !important; } - .xl\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--border-opacity)) !important; } - .xl\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-400:focus { + --border-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--border-opacity)) !important; } - .xl\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-500:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--border-opacity)) !important; } - .xl\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-600:focus { + --border-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--border-opacity)) !important; } - .xl\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-700:focus { + --border-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--border-opacity)) !important; } - .xl\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-800:focus { + --border-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--border-opacity)) !important; } - .xl\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + .xl\:focus\:border-red-900:focus { + --border-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--border-opacity)) !important; } - .xl\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-50:focus { + --border-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--border-opacity)) !important; } - .xl\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-100:focus { + --border-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-200:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-300:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-400:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-500:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-600:focus { + --border-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-700:focus { + --border-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-800:focus { + --border-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + .xl\:focus\:border-yellow-900:focus { + --border-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-50:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--border-opacity)) !important; } - .xl\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-100:focus { + --border-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--border-opacity)) !important; } - .xl\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-200:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--border-opacity)) !important; } - .xl\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-300:focus { + --border-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--border-opacity)) !important; } - .xl\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-400:focus { + --border-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--border-opacity)) !important; } - .xl\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-500:focus { + --border-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--border-opacity)) !important; } - .xl\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-600:focus { + --border-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--border-opacity)) !important; } - .xl\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-700:focus { + --border-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--border-opacity)) !important; } - .xl\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-800:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--border-opacity)) !important; } - .xl\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + .xl\:focus\:border-green-900:focus { + --border-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--border-opacity)) !important; } - .xl\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-50:focus { + --border-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--border-opacity)) !important; } - .xl\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-100:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--border-opacity)) !important; } - .xl\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-200:focus { + --border-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--border-opacity)) !important; } - .xl\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-300:focus { + --border-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--border-opacity)) !important; } - .xl\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-400:focus { + --border-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--border-opacity)) !important; } - .xl\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-500:focus { + --border-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--border-opacity)) !important; } - .xl\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-600:focus { + --border-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--border-opacity)) !important; } - .xl\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-700:focus { + --border-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--border-opacity)) !important; } - .xl\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-800:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--border-opacity)) !important; } - .xl\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + .xl\:focus\:border-blue-900:focus { + --border-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--border-opacity)) !important; } - .xl\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-50:focus { + --border-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--border-opacity)) !important; } - .xl\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-100:focus { + --border-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--border-opacity)) !important; } - .xl\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-200:focus { + --border-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--border-opacity)) !important; } - .xl\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-300:focus { + --border-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--border-opacity)) !important; } - .xl\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-400:focus { + --border-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--border-opacity)) !important; } - .xl\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-500:focus { + --border-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--border-opacity)) !important; } - .xl\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-600:focus { + --border-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--border-opacity)) !important; } - .xl\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-700:focus { + --border-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--border-opacity)) !important; } - .xl\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-800:focus { + --border-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--border-opacity)) !important; } - .xl\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + .xl\:focus\:border-purple-900:focus { + --border-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--border-opacity)) !important; } - .xl\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-50:focus { + --border-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--border-opacity)) !important; } - .xl\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-100:focus { + --border-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--border-opacity)) !important; } - .xl\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-200:focus { + --border-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--border-opacity)) !important; } - .xl\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-300:focus { + --border-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--border-opacity)) !important; } - .xl\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-400:focus { + --border-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--border-opacity)) !important; } - .xl\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-500:focus { + --border-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--border-opacity)) !important; } - .xl\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-600:focus { + --border-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--border-opacity)) !important; } - .xl\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-700:focus { + --border-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--border-opacity)) !important; } - .xl\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-800:focus { + --border-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--border-opacity)) !important; } - .xl\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + .xl\:focus\:border-pink-900:focus { + --border-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - .xl\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + .xl\:border-opacity-0 { + --border-opacity: 0 !important; } - .xl\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + .xl\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .xl\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; + .xl\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .xl\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; + .xl\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .xl\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + .xl\:border-opacity-100 { + --border-opacity: 1 !important; } - .xl\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + .group:hover .xl\:group-hover\:border-opacity-0 { + --border-opacity: 0 !important; } - .xl\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + .group:hover .xl\:group-hover\:border-opacity-25 { + --border-opacity: 0.25 !important; } - .xl\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + .group:hover .xl\:group-hover\:border-opacity-50 { + --border-opacity: 0.5 !important; } - .xl\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + .group:hover .xl\:group-hover\:border-opacity-75 { + --border-opacity: 0.75 !important; } - .xl\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + .group:hover .xl\:group-hover\:border-opacity-100 { + --border-opacity: 1 !important; } - .xl\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + .xl\:hover\:border-opacity-0:hover { + --border-opacity: 0 !important; } - .xl\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + .xl\:hover\:border-opacity-25:hover { + --border-opacity: 0.25 !important; } - .xl\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + .xl\:hover\:border-opacity-50:hover { + --border-opacity: 0.5 !important; } - .xl\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + .xl\:hover\:border-opacity-75:hover { + --border-opacity: 0.75 !important; } - .xl\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + .xl\:hover\:border-opacity-100:hover { + --border-opacity: 1 !important; } - .xl\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + .xl\:focus\:border-opacity-0:focus { + --border-opacity: 0 !important; } - .xl\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + .xl\:focus\:border-opacity-25:focus { + --border-opacity: 0.25 !important; } - .xl\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + .xl\:focus\:border-opacity-50:focus { + --border-opacity: 0.5 !important; } - .xl\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + .xl\:focus\:border-opacity-75:focus { + --border-opacity: 0.75 !important; } - .xl\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + .xl\:focus\:border-opacity-100:focus { + --border-opacity: 1 !important; } - .xl\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + .xl\:rounded-none { + border-radius: 0 !important; } - .xl\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + .xl\:rounded-sm { + border-radius: 0.125rem !important; } - .xl\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + .xl\:rounded { + border-radius: 0.25rem !important; } - .xl\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + .xl\:rounded-md { + border-radius: 0.375rem !important; } - .xl\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + .xl\:rounded-lg { + border-radius: 0.5rem !important; } - .xl\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + .xl\:rounded-xl { + border-radius: 0.75rem !important; } - .xl\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + .xl\:rounded-2xl { + border-radius: 1rem !important; } - .xl\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + .xl\:rounded-3xl { + border-radius: 1.5rem !important; } - .xl\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + .xl\:rounded-full { + border-radius: 9999px !important; } - .xl\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + .xl\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .xl\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + .xl\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .xl\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + .xl\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .xl\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + .xl\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .xl\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .xl\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .xl\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .xl\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .xl\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + .xl\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .xl\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + .xl\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .xl\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .xl\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + .xl\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .xl\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + .xl\:rounded-t-md { + border-top-left-radius: 0.375rem !important; + border-top-right-radius: 0.375rem !important; } - .xl\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + .xl\:rounded-r-md { + border-top-right-radius: 0.375rem !important; + border-bottom-right-radius: 0.375rem !important; } - .xl\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + .xl\:rounded-b-md { + border-bottom-right-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .xl\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + .xl\:rounded-l-md { + border-top-left-radius: 0.375rem !important; + border-bottom-left-radius: 0.375rem !important; } - .xl\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .xl\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .xl\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .xl\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .xl\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem !important; + border-top-right-radius: 0.75rem !important; } - .xl\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem !important; + border-bottom-right-radius: 0.75rem !important; } - .xl\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; } - .xl\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem !important; + border-bottom-left-radius: 0.75rem !important; } - .xl\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem !important; + border-top-right-radius: 1rem !important; } - .xl\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem !important; + border-bottom-right-radius: 1rem !important; } - .xl\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; } - .xl\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem !important; + border-bottom-left-radius: 1rem !important; } - .xl\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem !important; + border-top-right-radius: 1.5rem !important; } - .xl\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem !important; + border-bottom-right-radius: 1.5rem !important; } - .xl\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; } - .xl\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem !important; + border-bottom-left-radius: 1.5rem !important; } - .xl\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + .xl\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .xl\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + .xl\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .xl\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .xl\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + .xl\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .xl\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + .xl\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .xl\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + .xl\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .xl\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + .xl\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .xl\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + .xl\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .xl\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .xl\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .xl\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .xl\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .xl\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + .xl\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .xl\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + .xl\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .xl\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:placeholder-transparent::placeholder { - color: transparent !important; - } + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; + } - .xl\:dark\:placeholder-current::placeholder { - color: currentColor !important; - } + .xl\:rounded-tl-md { + border-top-left-radius: 0.375rem !important; + } - .xl\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tr-md { + border-top-right-radius: 0.375rem !important; + } - .xl\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } + .xl\:rounded-br-md { + border-bottom-right-radius: 0.375rem !important; + } - .xl\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } + .xl\:rounded-bl-md { + border-bottom-left-radius: 0.375rem !important; + } - .xl\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; + } - .xl\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; + } - .xl\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; + } - .xl\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; + } - .xl\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem !important; + } - .xl\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem !important; + } - .xl\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem !important; + } - .xl\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem !important; + } - .xl\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem !important; + } - .xl\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem !important; + } - .xl\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem !important; + } - .xl\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem !important; + } - .xl\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem !important; + } - .xl\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem !important; + } - .xl\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem !important; + } - .xl\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem !important; + } - .xl\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tl-full { + border-top-left-radius: 9999px !important; + } - .xl\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } + .xl\:rounded-tr-full { + border-top-right-radius: 9999px !important; + } - .xl\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px !important; + } - .xl\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; + } - .xl\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } + .xl\:border-solid { + border-style: solid !important; + } - .xl\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } + .xl\:border-dashed { + border-style: dashed !important; + } - .xl\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } + .xl\:border-dotted { + border-style: dotted !important; + } - .xl\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } + .xl\:border-double { + border-style: double !important; + } - .xl\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } + .xl\:border-none { + border-style: none !important; + } - .xl\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } + .xl\:border-0 { + border-width: 0 !important; + } - .xl\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } + .xl\:border-2 { + border-width: 2px !important; + } - .xl\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } + .xl\:border-4 { + border-width: 4px !important; + } - .xl\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } + .xl\:border-8 { + border-width: 8px !important; + } - .xl\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } + .xl\:border { + border-width: 1px !important; + } - .xl\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } + .xl\:border-t-0 { + border-top-width: 0 !important; + } - .xl\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } + .xl\:border-r-0 { + border-right-width: 0 !important; + } - .xl\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } + .xl\:border-b-0 { + border-bottom-width: 0 !important; + } - .xl\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } + .xl\:border-l-0 { + border-left-width: 0 !important; + } - .xl\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } + .xl\:border-t-2 { + border-top-width: 2px !important; + } - .xl\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } + .xl\:border-r-2 { + border-right-width: 2px !important; + } - .xl\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } + .xl\:border-b-2 { + border-bottom-width: 2px !important; + } - .xl\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } + .xl\:border-l-2 { + border-left-width: 2px !important; + } - .xl\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } + .xl\:border-t-4 { + border-top-width: 4px !important; + } - .xl\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } + .xl\:border-r-4 { + border-right-width: 4px !important; + } - .xl\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } + .xl\:border-b-4 { + border-bottom-width: 4px !important; + } - .xl\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } + .xl\:border-l-4 { + border-left-width: 4px !important; + } - .xl\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } + .xl\:border-t-8 { + border-top-width: 8px !important; + } - .xl\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } + .xl\:border-r-8 { + border-right-width: 8px !important; + } - .xl\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } + .xl\:border-b-8 { + border-bottom-width: 8px !important; + } - .xl\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } + .xl\:border-l-8 { + border-left-width: 8px !important; + } - .xl\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } + .xl\:border-t { + border-top-width: 1px !important; + } - .xl\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } + .xl\:border-r { + border-right-width: 1px !important; + } - .xl\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } + .xl\:border-b { + border-bottom-width: 1px !important; + } - .xl\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } + .xl\:border-l { + border-left-width: 1px !important; + } - .xl\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } + .xl\:box-border { + box-sizing: border-box !important; + } - .xl\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } + .xl\:box-content { + box-sizing: content-box !important; + } - .xl\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } + .xl\:cursor-auto { + cursor: auto !important; + } - .xl\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } + .xl\:cursor-default { + cursor: default !important; + } - .xl\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } + .xl\:cursor-pointer { + cursor: pointer !important; + } - .xl\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } + .xl\:cursor-wait { + cursor: wait !important; + } - .xl\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } + .xl\:cursor-text { + cursor: text !important; + } - .xl\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } + .xl\:cursor-move { + cursor: move !important; + } - .xl\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } + .xl\:cursor-not-allowed { + cursor: not-allowed !important; + } - .xl\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } + .xl\:block { + display: block !important; + } - .xl\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } + .xl\:inline-block { + display: inline-block !important; + } - .xl\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } + .xl\:inline { + display: inline !important; + } - .xl\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } + .xl\:flex { + display: flex !important; + } - .xl\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } + .xl\:inline-flex { + display: inline-flex !important; + } - .xl\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } + .xl\:table { + display: table !important; + } - .xl\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } + .xl\:table-caption { + display: table-caption !important; + } - .xl\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } + .xl\:table-cell { + display: table-cell !important; + } - .xl\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } + .xl\:table-column { + display: table-column !important; + } - .xl\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } + .xl\:table-column-group { + display: table-column-group !important; + } - .xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } + .xl\:table-footer-group { + display: table-footer-group !important; + } - .xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } + .xl\:table-header-group { + display: table-header-group !important; + } - .xl\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } + .xl\:table-row-group { + display: table-row-group !important; + } - .xl\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } + .xl\:table-row { + display: table-row !important; + } - .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } + .xl\:flow-root { + display: flow-root !important; + } - .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } + .xl\:grid { + display: grid !important; + } - .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } + .xl\:inline-grid { + display: inline-grid !important; + } - .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } + .xl\:contents { + display: contents !important; + } - .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } + .xl\:hidden { + display: none !important; + } - .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } + .xl\:flex-row { + flex-direction: row !important; + } - .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } + .xl\:flex-row-reverse { + flex-direction: row-reverse !important; + } - .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } + .xl\:flex-col { + flex-direction: column !important; + } - .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } + .xl\:flex-col-reverse { + flex-direction: column-reverse !important; + } - .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } + .xl\:flex-wrap { + flex-wrap: wrap !important; + } - .xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; + } - .xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } + .xl\:flex-no-wrap { + flex-wrap: nowrap !important; + } - .xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } + .xl\:place-items-auto { + place-items: auto !important; + } - .xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } + .xl\:place-items-start { + place-items: start !important; + } - .xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } + .xl\:place-items-end { + place-items: end !important; + } - .xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } + .xl\:place-items-center { + place-items: center !important; + } - .xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } + .xl\:place-items-stretch { + place-items: stretch !important; + } - .xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } + .xl\:place-content-center { + place-content: center !important; + } - .xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } + .xl\:place-content-start { + place-content: start !important; + } - .xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } + .xl\:place-content-end { + place-content: end !important; + } - .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } + .xl\:place-content-between { + place-content: space-between !important; + } - .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } + .xl\:place-content-around { + place-content: space-around !important; + } - .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } + .xl\:place-content-evenly { + place-content: space-evenly !important; + } - .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } + .xl\:place-content-stretch { + place-content: stretch !important; + } - .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } + .xl\:place-self-auto { + place-self: auto !important; + } - .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } + .xl\:place-self-start { + place-self: start !important; + } - .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } + .xl\:place-self-end { + place-self: end !important; + } - .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } + .xl\:place-self-center { + place-self: center !important; + } - .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } + .xl\:place-self-stretch { + place-self: stretch !important; + } - .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } + .xl\:items-start { + align-items: flex-start !important; + } - .xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } + .xl\:items-end { + align-items: flex-end !important; + } - .xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } + .xl\:items-center { + align-items: center !important; + } - .xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } + .xl\:items-baseline { + align-items: baseline !important; + } - .xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } + .xl\:items-stretch { + align-items: stretch !important; + } - .xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } + .xl\:content-center { + align-content: center !important; + } - .xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } + .xl\:content-start { + align-content: flex-start !important; + } - .xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } + .xl\:content-end { + align-content: flex-end !important; + } - .xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } + .xl\:content-between { + align-content: space-between !important; + } - .xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } + .xl\:content-around { + align-content: space-around !important; + } - .xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } + .xl\:content-evenly { + align-content: space-evenly !important; + } - .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } + .xl\:self-auto { + align-self: auto !important; + } - .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } + .xl\:self-start { + align-self: flex-start !important; + } - .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } + .xl\:self-end { + align-self: flex-end !important; + } - .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } + .xl\:self-center { + align-self: center !important; + } - .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } + .xl\:self-stretch { + align-self: stretch !important; + } - .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } + .xl\:justify-items-auto { + justify-items: auto !important; + } - .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } + .xl\:justify-items-start { + justify-items: start !important; + } - .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } + .xl\:justify-items-end { + justify-items: end !important; + } - .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } + .xl\:justify-items-center { + justify-items: center !important; + } - .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } + .xl\:justify-items-stretch { + justify-items: stretch !important; + } - .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } + .xl\:justify-start { + justify-content: flex-start !important; + } - .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } + .xl\:justify-end { + justify-content: flex-end !important; + } - .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } + .xl\:justify-center { + justify-content: center !important; + } - .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } + .xl\:justify-between { + justify-content: space-between !important; + } - .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } + .xl\:justify-around { + justify-content: space-around !important; + } - .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } + .xl\:justify-evenly { + justify-content: space-evenly !important; + } - .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } + .xl\:justify-self-auto { + justify-self: auto !important; + } - .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } + .xl\:justify-self-start { + justify-self: start !important; + } - .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } + .xl\:justify-self-end { + justify-self: end !important; + } - .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } + .xl\:justify-self-center { + justify-self: center !important; + } - .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } + .xl\:justify-self-stretch { + justify-self: stretch !important; + } - .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } + .xl\:flex-1 { + flex: 1 1 0% !important; + } - .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } + .xl\:flex-auto { + flex: 1 1 auto !important; + } - .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } + .xl\:flex-initial { + flex: 0 1 auto !important; + } - .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } + .xl\:flex-none { + flex: none !important; + } - .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } + .xl\:flex-grow-0 { + flex-grow: 0 !important; + } - .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } + .xl\:flex-grow { + flex-grow: 1 !important; + } - .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } + .xl\:flex-shrink-0 { + flex-shrink: 0 !important; + } - .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } + .xl\:flex-shrink { + flex-shrink: 1 !important; + } - .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } + .xl\:order-1 { + order: 1 !important; } - .xl\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0 !important; + .xl\:order-2 { + order: 2 !important; } - .xl\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25 !important; + .xl\:order-3 { + order: 3 !important; } - .xl\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5 !important; + .xl\:order-4 { + order: 4 !important; } - .xl\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75 !important; + .xl\:order-5 { + order: 5 !important; } - .xl\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1 !important; + .xl\:order-6 { + order: 6 !important; } - .xl\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0 !important; + .xl\:order-7 { + order: 7 !important; } - .xl\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25 !important; + .xl\:order-8 { + order: 8 !important; } - .xl\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5 !important; + .xl\:order-9 { + order: 9 !important; } - .xl\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75 !important; + .xl\:order-10 { + order: 10 !important; } - .xl\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1 !important; + .xl\:order-11 { + order: 11 !important; } - .xl\:pointer-events-none { - pointer-events: none !important; + .xl\:order-12 { + order: 12 !important; } - .xl\:pointer-events-auto { - pointer-events: auto !important; + .xl\:order-first { + order: -9999 !important; } - .xl\:static { - position: static !important; + .xl\:order-last { + order: 9999 !important; } - .xl\:fixed { - position: fixed !important; + .xl\:order-none { + order: 0 !important; } - .xl\:absolute { - position: absolute !important; + .xl\:float-right { + float: right !important; } - .xl\:relative { - position: relative !important; + .xl\:float-left { + float: left !important; } - .xl\:sticky { - position: sticky !important; + .xl\:float-none { + float: none !important; } - .xl\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .xl\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .xl\:inset-1 { - top: 0.25rem !important; - right: 0.25rem !important; - bottom: 0.25rem !important; - left: 0.25rem !important; + .xl\:clear-left { + clear: left !important; } - .xl\:inset-2 { - top: 0.5rem !important; - right: 0.5rem !important; - bottom: 0.5rem !important; - left: 0.5rem !important; + .xl\:clear-right { + clear: right !important; } - .xl\:inset-3 { - top: 0.75rem !important; - right: 0.75rem !important; - bottom: 0.75rem !important; - left: 0.75rem !important; + .xl\:clear-both { + clear: both !important; } - .xl\:inset-4 { - top: 1rem !important; - right: 1rem !important; - bottom: 1rem !important; - left: 1rem !important; + .xl\:clear-none { + clear: none !important; } - .xl\:inset-5 { - top: 1.25rem !important; - right: 1.25rem !important; - bottom: 1.25rem !important; - left: 1.25rem !important; + .xl\:font-sans { + font-family: ui-sans-serif, 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" !important; } - .xl\:inset-6 { - top: 1.5rem !important; - right: 1.5rem !important; - bottom: 1.5rem !important; - left: 1.5rem !important; + .xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; } - .xl\:inset-7 { - top: 1.75rem !important; - right: 1.75rem !important; - bottom: 1.75rem !important; - left: 1.75rem !important; + .xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .xl\:inset-8 { - top: 2rem !important; - right: 2rem !important; - bottom: 2rem !important; - left: 2rem !important; + .xl\:font-thin { + font-weight: 100 !important; } - .xl\:inset-9 { - top: 2.25rem !important; - right: 2.25rem !important; - bottom: 2.25rem !important; - left: 2.25rem !important; + .xl\:font-extralight { + font-weight: 200 !important; } - .xl\:inset-10 { - top: 2.5rem !important; - right: 2.5rem !important; - bottom: 2.5rem !important; - left: 2.5rem !important; + .xl\:font-light { + font-weight: 300 !important; } - .xl\:inset-12 { - top: 3rem !important; - right: 3rem !important; - bottom: 3rem !important; - left: 3rem !important; + .xl\:font-normal { + font-weight: 400 !important; } - .xl\:inset-14 { - top: 3.5rem !important; - right: 3.5rem !important; - bottom: 3.5rem !important; - left: 3.5rem !important; + .xl\:font-medium { + font-weight: 500 !important; } - .xl\:inset-16 { - top: 4rem !important; - right: 4rem !important; - bottom: 4rem !important; - left: 4rem !important; + .xl\:font-semibold { + font-weight: 600 !important; } - .xl\:inset-20 { - top: 5rem !important; - right: 5rem !important; - bottom: 5rem !important; - left: 5rem !important; + .xl\:font-bold { + font-weight: 700 !important; } - .xl\:inset-24 { - top: 6rem !important; - right: 6rem !important; - bottom: 6rem !important; - left: 6rem !important; + .xl\:font-extrabold { + font-weight: 800 !important; } - .xl\:inset-28 { - top: 7rem !important; - right: 7rem !important; - bottom: 7rem !important; - left: 7rem !important; + .xl\:font-black { + font-weight: 900 !important; } - .xl\:inset-32 { - top: 8rem !important; - right: 8rem !important; - bottom: 8rem !important; - left: 8rem !important; + .xl\:hover\:font-thin:hover { + font-weight: 100 !important; } - .xl\:inset-36 { - top: 9rem !important; - right: 9rem !important; - bottom: 9rem !important; - left: 9rem !important; + .xl\:hover\:font-extralight:hover { + font-weight: 200 !important; } - .xl\:inset-40 { - top: 10rem !important; - right: 10rem !important; - bottom: 10rem !important; - left: 10rem !important; + .xl\:hover\:font-light:hover { + font-weight: 300 !important; } - .xl\:inset-44 { - top: 11rem !important; - right: 11rem !important; - bottom: 11rem !important; - left: 11rem !important; + .xl\:hover\:font-normal:hover { + font-weight: 400 !important; } - .xl\:inset-48 { - top: 12rem !important; - right: 12rem !important; - bottom: 12rem !important; - left: 12rem !important; + .xl\:hover\:font-medium:hover { + font-weight: 500 !important; } - .xl\:inset-52 { - top: 13rem !important; - right: 13rem !important; - bottom: 13rem !important; - left: 13rem !important; + .xl\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .xl\:inset-56 { - top: 14rem !important; - right: 14rem !important; - bottom: 14rem !important; - left: 14rem !important; + .xl\:hover\:font-bold:hover { + font-weight: 700 !important; } - .xl\:inset-60 { - top: 15rem !important; - right: 15rem !important; - bottom: 15rem !important; - left: 15rem !important; + .xl\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .xl\:inset-64 { - top: 16rem !important; - right: 16rem !important; - bottom: 16rem !important; - left: 16rem !important; + .xl\:hover\:font-black:hover { + font-weight: 900 !important; } - .xl\:inset-72 { - top: 18rem !important; - right: 18rem !important; - bottom: 18rem !important; - left: 18rem !important; + .xl\:focus\:font-thin:focus { + font-weight: 100 !important; } - .xl\:inset-80 { - top: 20rem !important; - right: 20rem !important; - bottom: 20rem !important; - left: 20rem !important; + .xl\:focus\:font-extralight:focus { + font-weight: 200 !important; } - .xl\:inset-96 { - top: 24rem !important; - right: 24rem !important; - bottom: 24rem !important; - left: 24rem !important; + .xl\:focus\:font-light:focus { + font-weight: 300 !important; } - .xl\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .xl\:focus\:font-normal:focus { + font-weight: 400 !important; } - .xl\:inset-px { - top: 1px !important; - right: 1px !important; - bottom: 1px !important; - left: 1px !important; + .xl\:focus\:font-medium:focus { + font-weight: 500 !important; } - .xl\:inset-0\.5 { - top: 0.125rem !important; - right: 0.125rem !important; - bottom: 0.125rem !important; - left: 0.125rem !important; + .xl\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .xl\:inset-1\.5 { - top: 0.375rem !important; - right: 0.375rem !important; - bottom: 0.375rem !important; - left: 0.375rem !important; + .xl\:focus\:font-bold:focus { + font-weight: 700 !important; } - .xl\:inset-2\.5 { - top: 0.625rem !important; - right: 0.625rem !important; - bottom: 0.625rem !important; - left: 0.625rem !important; + .xl\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .xl\:inset-3\.5 { - top: 0.875rem !important; - right: 0.875rem !important; - bottom: 0.875rem !important; - left: 0.875rem !important; + .xl\:focus\:font-black:focus { + font-weight: 900 !important; } - .xl\:-inset-1 { - top: -0.25rem !important; - right: -0.25rem !important; - bottom: -0.25rem !important; - left: -0.25rem !important; + .xl\:h-0 { + height: 0 !important; } - .xl\:-inset-2 { - top: -0.5rem !important; - right: -0.5rem !important; - bottom: -0.5rem !important; - left: -0.5rem !important; + .xl\:h-1 { + height: 0.25rem !important; } - .xl\:-inset-3 { - top: -0.75rem !important; - right: -0.75rem !important; - bottom: -0.75rem !important; - left: -0.75rem !important; + .xl\:h-2 { + height: 0.5rem !important; } - .xl\:-inset-4 { - top: -1rem !important; - right: -1rem !important; - bottom: -1rem !important; - left: -1rem !important; + .xl\:h-3 { + height: 0.75rem !important; } - .xl\:-inset-5 { - top: -1.25rem !important; - right: -1.25rem !important; - bottom: -1.25rem !important; - left: -1.25rem !important; + .xl\:h-4 { + height: 1rem !important; } - .xl\:-inset-6 { - top: -1.5rem !important; - right: -1.5rem !important; - bottom: -1.5rem !important; - left: -1.5rem !important; + .xl\:h-5 { + height: 1.25rem !important; } - .xl\:-inset-7 { - top: -1.75rem !important; - right: -1.75rem !important; - bottom: -1.75rem !important; - left: -1.75rem !important; + .xl\:h-6 { + height: 1.5rem !important; } - .xl\:-inset-8 { - top: -2rem !important; - right: -2rem !important; - bottom: -2rem !important; - left: -2rem !important; + .xl\:h-7 { + height: 1.75rem !important; } - .xl\:-inset-9 { - top: -2.25rem !important; - right: -2.25rem !important; - bottom: -2.25rem !important; - left: -2.25rem !important; + .xl\:h-8 { + height: 2rem !important; } - .xl\:-inset-10 { - top: -2.5rem !important; - right: -2.5rem !important; - bottom: -2.5rem !important; - left: -2.5rem !important; + .xl\:h-9 { + height: 2.25rem !important; } - .xl\:-inset-12 { - top: -3rem !important; - right: -3rem !important; - bottom: -3rem !important; - left: -3rem !important; + .xl\:h-10 { + height: 2.5rem !important; } - .xl\:-inset-14 { - top: -3.5rem !important; - right: -3.5rem !important; - bottom: -3.5rem !important; - left: -3.5rem !important; + .xl\:h-12 { + height: 3rem !important; } - .xl\:-inset-16 { - top: -4rem !important; - right: -4rem !important; - bottom: -4rem !important; - left: -4rem !important; + .xl\:h-14 { + height: 3.5rem !important; } - .xl\:-inset-20 { - top: -5rem !important; - right: -5rem !important; - bottom: -5rem !important; - left: -5rem !important; + .xl\:h-16 { + height: 4rem !important; } - .xl\:-inset-24 { - top: -6rem !important; - right: -6rem !important; - bottom: -6rem !important; - left: -6rem !important; + .xl\:h-20 { + height: 5rem !important; } - .xl\:-inset-28 { - top: -7rem !important; - right: -7rem !important; - bottom: -7rem !important; - left: -7rem !important; + .xl\:h-24 { + height: 6rem !important; } - .xl\:-inset-32 { - top: -8rem !important; - right: -8rem !important; - bottom: -8rem !important; - left: -8rem !important; + .xl\:h-28 { + height: 7rem !important; } - .xl\:-inset-36 { - top: -9rem !important; - right: -9rem !important; - bottom: -9rem !important; - left: -9rem !important; + .xl\:h-32 { + height: 8rem !important; } - .xl\:-inset-40 { - top: -10rem !important; - right: -10rem !important; - bottom: -10rem !important; - left: -10rem !important; + .xl\:h-36 { + height: 9rem !important; } - .xl\:-inset-44 { - top: -11rem !important; - right: -11rem !important; - bottom: -11rem !important; - left: -11rem !important; + .xl\:h-40 { + height: 10rem !important; } - .xl\:-inset-48 { - top: -12rem !important; - right: -12rem !important; - bottom: -12rem !important; - left: -12rem !important; + .xl\:h-44 { + height: 11rem !important; } - .xl\:-inset-52 { - top: -13rem !important; - right: -13rem !important; - bottom: -13rem !important; - left: -13rem !important; + .xl\:h-48 { + height: 12rem !important; } - .xl\:-inset-56 { - top: -14rem !important; - right: -14rem !important; - bottom: -14rem !important; - left: -14rem !important; + .xl\:h-52 { + height: 13rem !important; } - .xl\:-inset-60 { - top: -15rem !important; - right: -15rem !important; - bottom: -15rem !important; - left: -15rem !important; + .xl\:h-56 { + height: 14rem !important; } - .xl\:-inset-64 { - top: -16rem !important; - right: -16rem !important; - bottom: -16rem !important; - left: -16rem !important; + .xl\:h-60 { + height: 15rem !important; } - .xl\:-inset-72 { - top: -18rem !important; - right: -18rem !important; - bottom: -18rem !important; - left: -18rem !important; + .xl\:h-64 { + height: 16rem !important; } - .xl\:-inset-80 { - top: -20rem !important; - right: -20rem !important; - bottom: -20rem !important; - left: -20rem !important; + .xl\:h-72 { + height: 18rem !important; } - .xl\:-inset-96 { - top: -24rem !important; - right: -24rem !important; - bottom: -24rem !important; - left: -24rem !important; + .xl\:h-80 { + height: 20rem !important; } - .xl\:-inset-px { - top: -1px !important; - right: -1px !important; - bottom: -1px !important; - left: -1px !important; + .xl\:h-96 { + height: 24rem !important; } - .xl\:-inset-0\.5 { - top: -0.125rem !important; - right: -0.125rem !important; - bottom: -0.125rem !important; - left: -0.125rem !important; + .xl\:h-auto { + height: auto !important; } - .xl\:-inset-1\.5 { - top: -0.375rem !important; - right: -0.375rem !important; - bottom: -0.375rem !important; - left: -0.375rem !important; + .xl\:h-px { + height: 1px !important; } - .xl\:-inset-2\.5 { - top: -0.625rem !important; - right: -0.625rem !important; - bottom: -0.625rem !important; - left: -0.625rem !important; + .xl\:h-0\.5 { + height: 0.125rem !important; } - .xl\:-inset-3\.5 { - top: -0.875rem !important; - right: -0.875rem !important; - bottom: -0.875rem !important; - left: -0.875rem !important; + .xl\:h-1\.5 { + height: 0.375rem !important; } - .xl\:inset-1\/2 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; + .xl\:h-2\.5 { + height: 0.625rem !important; } - .xl\:inset-1\/3 { - top: 33.333333% !important; - right: 33.333333% !important; - bottom: 33.333333% !important; - left: 33.333333% !important; + .xl\:h-3\.5 { + height: 0.875rem !important; } - .xl\:inset-2\/3 { - top: 66.666667% !important; - right: 66.666667% !important; - bottom: 66.666667% !important; - left: 66.666667% !important; + .xl\:h-full { + height: 100% !important; } - .xl\:inset-1\/4 { - top: 25% !important; - right: 25% !important; - bottom: 25% !important; - left: 25% !important; + .xl\:h-screen { + height: 100vh !important; } - .xl\:inset-2\/4 { - top: 50% !important; - right: 50% !important; - bottom: 50% !important; - left: 50% !important; + .xl\:text-xs { + font-size: 0.75rem !important; + line-height: 1rem !important; } - .xl\:inset-3\/4 { - top: 75% !important; - right: 75% !important; - bottom: 75% !important; - left: 75% !important; + .xl\:text-sm { + font-size: 0.875rem !important; + line-height: 1.25rem !important; } - .xl\:inset-full { - top: 100% !important; - right: 100% !important; - bottom: 100% !important; - left: 100% !important; + .xl\:text-base { + font-size: 1rem !important; + line-height: 1.5rem !important; } - .xl\:-inset-1\/2 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; + .xl\:text-lg { + font-size: 1.125rem !important; + line-height: 1.75rem !important; } - .xl\:-inset-1\/3 { - top: -33.333333% !important; - right: -33.333333% !important; - bottom: -33.333333% !important; - left: -33.333333% !important; + .xl\:text-xl { + font-size: 1.25rem !important; + line-height: 1.75rem !important; } - .xl\:-inset-2\/3 { - top: -66.666667% !important; - right: -66.666667% !important; - bottom: -66.666667% !important; - left: -66.666667% !important; + .xl\:text-2xl { + font-size: 1.5rem !important; + line-height: 2rem !important; } - .xl\:-inset-1\/4 { - top: -25% !important; - right: -25% !important; - bottom: -25% !important; - left: -25% !important; + .xl\:text-3xl { + font-size: 1.875rem !important; + line-height: 2.25rem !important; } - .xl\:-inset-2\/4 { - top: -50% !important; - right: -50% !important; - bottom: -50% !important; - left: -50% !important; + .xl\:text-4xl { + font-size: 2.25rem !important; + line-height: 2.5rem !important; } - .xl\:-inset-3\/4 { - top: -75% !important; - right: -75% !important; - bottom: -75% !important; - left: -75% !important; + .xl\:text-5xl { + font-size: 3rem !important; + line-height: 1 !important; } - .xl\:-inset-full { - top: -100% !important; - right: -100% !important; - bottom: -100% !important; - left: -100% !important; + .xl\:text-6xl { + font-size: 3.75rem !important; + line-height: 1 !important; } - .xl\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .xl\:text-7xl { + font-size: 4.5rem !important; + line-height: 1 !important; } - .xl\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .xl\:text-8xl { + font-size: 6rem !important; + line-height: 1 !important; } - .xl\:inset-y-1 { - top: 0.25rem !important; - bottom: 0.25rem !important; + .xl\:text-9xl { + font-size: 8rem !important; + line-height: 1 !important; } - .xl\:inset-x-1 { - right: 0.25rem !important; - left: 0.25rem !important; + .xl\:leading-3 { + line-height: .75rem !important; } - .xl\:inset-y-2 { - top: 0.5rem !important; - bottom: 0.5rem !important; + .xl\:leading-4 { + line-height: 1rem !important; } - .xl\:inset-x-2 { - right: 0.5rem !important; - left: 0.5rem !important; + .xl\:leading-5 { + line-height: 1.25rem !important; } - .xl\:inset-y-3 { - top: 0.75rem !important; - bottom: 0.75rem !important; + .xl\:leading-6 { + line-height: 1.5rem !important; } - .xl\:inset-x-3 { - right: 0.75rem !important; - left: 0.75rem !important; + .xl\:leading-7 { + line-height: 1.75rem !important; } - .xl\:inset-y-4 { - top: 1rem !important; - bottom: 1rem !important; + .xl\:leading-8 { + line-height: 2rem !important; } - .xl\:inset-x-4 { - right: 1rem !important; - left: 1rem !important; + .xl\:leading-9 { + line-height: 2.25rem !important; } - .xl\:inset-y-5 { - top: 1.25rem !important; - bottom: 1.25rem !important; + .xl\:leading-10 { + line-height: 2.5rem !important; } - .xl\:inset-x-5 { - right: 1.25rem !important; - left: 1.25rem !important; + .xl\:leading-none { + line-height: 1 !important; } - .xl\:inset-y-6 { - top: 1.5rem !important; - bottom: 1.5rem !important; + .xl\:leading-tight { + line-height: 1.25 !important; } - .xl\:inset-x-6 { - right: 1.5rem !important; - left: 1.5rem !important; + .xl\:leading-snug { + line-height: 1.375 !important; } - .xl\:inset-y-7 { - top: 1.75rem !important; - bottom: 1.75rem !important; + .xl\:leading-normal { + line-height: 1.5 !important; } - .xl\:inset-x-7 { - right: 1.75rem !important; - left: 1.75rem !important; + .xl\:leading-relaxed { + line-height: 1.625 !important; } - .xl\:inset-y-8 { - top: 2rem !important; - bottom: 2rem !important; + .xl\:leading-loose { + line-height: 2 !important; } - .xl\:inset-x-8 { - right: 2rem !important; - left: 2rem !important; + .xl\:list-inside { + list-style-position: inside !important; } - .xl\:inset-y-9 { - top: 2.25rem !important; - bottom: 2.25rem !important; + .xl\:list-outside { + list-style-position: outside !important; } - .xl\:inset-x-9 { - right: 2.25rem !important; - left: 2.25rem !important; + .xl\:list-none { + list-style-type: none !important; } - .xl\:inset-y-10 { - top: 2.5rem !important; - bottom: 2.5rem !important; + .xl\:list-disc { + list-style-type: disc !important; } - .xl\:inset-x-10 { - right: 2.5rem !important; - left: 2.5rem !important; + .xl\:list-decimal { + list-style-type: decimal !important; } - .xl\:inset-y-12 { - top: 3rem !important; - bottom: 3rem !important; + .xl\:m-0 { + margin: 0 !important; } - .xl\:inset-x-12 { - right: 3rem !important; - left: 3rem !important; + .xl\:m-1 { + margin: 0.25rem !important; } - .xl\:inset-y-14 { - top: 3.5rem !important; - bottom: 3.5rem !important; + .xl\:m-2 { + margin: 0.5rem !important; } - .xl\:inset-x-14 { - right: 3.5rem !important; - left: 3.5rem !important; + .xl\:m-3 { + margin: 0.75rem !important; } - .xl\:inset-y-16 { - top: 4rem !important; - bottom: 4rem !important; + .xl\:m-4 { + margin: 1rem !important; } - .xl\:inset-x-16 { - right: 4rem !important; - left: 4rem !important; + .xl\:m-5 { + margin: 1.25rem !important; } - .xl\:inset-y-20 { - top: 5rem !important; - bottom: 5rem !important; + .xl\:m-6 { + margin: 1.5rem !important; } - .xl\:inset-x-20 { - right: 5rem !important; - left: 5rem !important; + .xl\:m-7 { + margin: 1.75rem !important; } - .xl\:inset-y-24 { - top: 6rem !important; - bottom: 6rem !important; + .xl\:m-8 { + margin: 2rem !important; } - .xl\:inset-x-24 { - right: 6rem !important; - left: 6rem !important; + .xl\:m-9 { + margin: 2.25rem !important; } - .xl\:inset-y-28 { - top: 7rem !important; - bottom: 7rem !important; + .xl\:m-10 { + margin: 2.5rem !important; } - .xl\:inset-x-28 { - right: 7rem !important; - left: 7rem !important; + .xl\:m-12 { + margin: 3rem !important; } - .xl\:inset-y-32 { - top: 8rem !important; - bottom: 8rem !important; + .xl\:m-14 { + margin: 3.5rem !important; } - .xl\:inset-x-32 { - right: 8rem !important; - left: 8rem !important; + .xl\:m-16 { + margin: 4rem !important; } - .xl\:inset-y-36 { - top: 9rem !important; - bottom: 9rem !important; + .xl\:m-20 { + margin: 5rem !important; } - .xl\:inset-x-36 { - right: 9rem !important; - left: 9rem !important; + .xl\:m-24 { + margin: 6rem !important; } - .xl\:inset-y-40 { - top: 10rem !important; - bottom: 10rem !important; + .xl\:m-28 { + margin: 7rem !important; } - .xl\:inset-x-40 { - right: 10rem !important; - left: 10rem !important; + .xl\:m-32 { + margin: 8rem !important; } - .xl\:inset-y-44 { - top: 11rem !important; - bottom: 11rem !important; + .xl\:m-36 { + margin: 9rem !important; } - .xl\:inset-x-44 { - right: 11rem !important; - left: 11rem !important; + .xl\:m-40 { + margin: 10rem !important; } - .xl\:inset-y-48 { - top: 12rem !important; - bottom: 12rem !important; + .xl\:m-44 { + margin: 11rem !important; } - .xl\:inset-x-48 { - right: 12rem !important; - left: 12rem !important; + .xl\:m-48 { + margin: 12rem !important; } - .xl\:inset-y-52 { - top: 13rem !important; - bottom: 13rem !important; + .xl\:m-52 { + margin: 13rem !important; } - .xl\:inset-x-52 { - right: 13rem !important; - left: 13rem !important; + .xl\:m-56 { + margin: 14rem !important; } - .xl\:inset-y-56 { - top: 14rem !important; - bottom: 14rem !important; + .xl\:m-60 { + margin: 15rem !important; } - .xl\:inset-x-56 { - right: 14rem !important; - left: 14rem !important; + .xl\:m-64 { + margin: 16rem !important; } - .xl\:inset-y-60 { - top: 15rem !important; - bottom: 15rem !important; + .xl\:m-72 { + margin: 18rem !important; } - .xl\:inset-x-60 { - right: 15rem !important; - left: 15rem !important; + .xl\:m-80 { + margin: 20rem !important; } - .xl\:inset-y-64 { - top: 16rem !important; - bottom: 16rem !important; + .xl\:m-96 { + margin: 24rem !important; } - .xl\:inset-x-64 { - right: 16rem !important; - left: 16rem !important; + .xl\:m-auto { + margin: auto !important; } - .xl\:inset-y-72 { - top: 18rem !important; - bottom: 18rem !important; + .xl\:m-px { + margin: 1px !important; } - .xl\:inset-x-72 { - right: 18rem !important; - left: 18rem !important; + .xl\:m-0\.5 { + margin: 0.125rem !important; } - .xl\:inset-y-80 { - top: 20rem !important; - bottom: 20rem !important; + .xl\:m-1\.5 { + margin: 0.375rem !important; } - .xl\:inset-x-80 { - right: 20rem !important; - left: 20rem !important; + .xl\:m-2\.5 { + margin: 0.625rem !important; } - .xl\:inset-y-96 { - top: 24rem !important; - bottom: 24rem !important; + .xl\:m-3\.5 { + margin: 0.875rem !important; } - .xl\:inset-x-96 { - right: 24rem !important; - left: 24rem !important; + .xl\:-m-1 { + margin: -0.25rem !important; } - .xl\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .xl\:-m-2 { + margin: -0.5rem !important; } - .xl\:inset-x-auto { - right: auto !important; - left: auto !important; + .xl\:-m-3 { + margin: -0.75rem !important; } - .xl\:inset-y-px { - top: 1px !important; - bottom: 1px !important; + .xl\:-m-4 { + margin: -1rem !important; } - .xl\:inset-x-px { - right: 1px !important; - left: 1px !important; + .xl\:-m-5 { + margin: -1.25rem !important; } - .xl\:inset-y-0\.5 { - top: 0.125rem !important; - bottom: 0.125rem !important; + .xl\:-m-6 { + margin: -1.5rem !important; } - .xl\:inset-x-0\.5 { - right: 0.125rem !important; - left: 0.125rem !important; + .xl\:-m-7 { + margin: -1.75rem !important; } - .xl\:inset-y-1\.5 { - top: 0.375rem !important; - bottom: 0.375rem !important; + .xl\:-m-8 { + margin: -2rem !important; } - .xl\:inset-x-1\.5 { - right: 0.375rem !important; - left: 0.375rem !important; + .xl\:-m-9 { + margin: -2.25rem !important; } - .xl\:inset-y-2\.5 { - top: 0.625rem !important; - bottom: 0.625rem !important; + .xl\:-m-10 { + margin: -2.5rem !important; } - .xl\:inset-x-2\.5 { - right: 0.625rem !important; - left: 0.625rem !important; + .xl\:-m-12 { + margin: -3rem !important; } - .xl\:inset-y-3\.5 { - top: 0.875rem !important; - bottom: 0.875rem !important; + .xl\:-m-14 { + margin: -3.5rem !important; } - .xl\:inset-x-3\.5 { - right: 0.875rem !important; - left: 0.875rem !important; + .xl\:-m-16 { + margin: -4rem !important; } - .xl\:-inset-y-1 { - top: -0.25rem !important; - bottom: -0.25rem !important; + .xl\:-m-20 { + margin: -5rem !important; } - .xl\:-inset-x-1 { - right: -0.25rem !important; - left: -0.25rem !important; + .xl\:-m-24 { + margin: -6rem !important; } - .xl\:-inset-y-2 { - top: -0.5rem !important; - bottom: -0.5rem !important; + .xl\:-m-28 { + margin: -7rem !important; } - .xl\:-inset-x-2 { - right: -0.5rem !important; - left: -0.5rem !important; + .xl\:-m-32 { + margin: -8rem !important; } - .xl\:-inset-y-3 { - top: -0.75rem !important; - bottom: -0.75rem !important; + .xl\:-m-36 { + margin: -9rem !important; } - .xl\:-inset-x-3 { - right: -0.75rem !important; - left: -0.75rem !important; + .xl\:-m-40 { + margin: -10rem !important; } - .xl\:-inset-y-4 { - top: -1rem !important; - bottom: -1rem !important; + .xl\:-m-44 { + margin: -11rem !important; } - .xl\:-inset-x-4 { - right: -1rem !important; - left: -1rem !important; + .xl\:-m-48 { + margin: -12rem !important; } - .xl\:-inset-y-5 { - top: -1.25rem !important; - bottom: -1.25rem !important; + .xl\:-m-52 { + margin: -13rem !important; } - .xl\:-inset-x-5 { - right: -1.25rem !important; - left: -1.25rem !important; + .xl\:-m-56 { + margin: -14rem !important; } - .xl\:-inset-y-6 { - top: -1.5rem !important; - bottom: -1.5rem !important; + .xl\:-m-60 { + margin: -15rem !important; } - .xl\:-inset-x-6 { - right: -1.5rem !important; - left: -1.5rem !important; + .xl\:-m-64 { + margin: -16rem !important; } - .xl\:-inset-y-7 { - top: -1.75rem !important; - bottom: -1.75rem !important; + .xl\:-m-72 { + margin: -18rem !important; } - .xl\:-inset-x-7 { - right: -1.75rem !important; - left: -1.75rem !important; + .xl\:-m-80 { + margin: -20rem !important; } - .xl\:-inset-y-8 { - top: -2rem !important; - bottom: -2rem !important; + .xl\:-m-96 { + margin: -24rem !important; } - .xl\:-inset-x-8 { - right: -2rem !important; - left: -2rem !important; + .xl\:-m-px { + margin: -1px !important; } - .xl\:-inset-y-9 { - top: -2.25rem !important; - bottom: -2.25rem !important; + .xl\:-m-0\.5 { + margin: -0.125rem !important; } - .xl\:-inset-x-9 { - right: -2.25rem !important; - left: -2.25rem !important; + .xl\:-m-1\.5 { + margin: -0.375rem !important; } - .xl\:-inset-y-10 { - top: -2.5rem !important; - bottom: -2.5rem !important; + .xl\:-m-2\.5 { + margin: -0.625rem !important; } - .xl\:-inset-x-10 { - right: -2.5rem !important; - left: -2.5rem !important; + .xl\:-m-3\.5 { + margin: -0.875rem !important; } - .xl\:-inset-y-12 { - top: -3rem !important; - bottom: -3rem !important; + .xl\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .xl\:-inset-x-12 { - right: -3rem !important; - left: -3rem !important; + .xl\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .xl\:-inset-y-14 { - top: -3.5rem !important; - bottom: -3.5rem !important; + .xl\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .xl\:-inset-x-14 { - right: -3.5rem !important; - left: -3.5rem !important; + .xl\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .xl\:-inset-y-16 { - top: -4rem !important; - bottom: -4rem !important; + .xl\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .xl\:-inset-x-16 { - right: -4rem !important; - left: -4rem !important; + .xl\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .xl\:-inset-y-20 { - top: -5rem !important; - bottom: -5rem !important; + .xl\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .xl\:-inset-x-20 { - right: -5rem !important; - left: -5rem !important; + .xl\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .xl\:-inset-y-24 { - top: -6rem !important; - bottom: -6rem !important; + .xl\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .xl\:-inset-x-24 { - right: -6rem !important; - left: -6rem !important; + .xl\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .xl\:-inset-y-28 { - top: -7rem !important; - bottom: -7rem !important; + .xl\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .xl\:-inset-x-28 { - right: -7rem !important; - left: -7rem !important; + .xl\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .xl\:-inset-y-32 { - top: -8rem !important; - bottom: -8rem !important; + .xl\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .xl\:-inset-x-32 { - right: -8rem !important; - left: -8rem !important; + .xl\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .xl\:-inset-y-36 { - top: -9rem !important; - bottom: -9rem !important; + .xl\:my-7 { + margin-top: 1.75rem !important; + margin-bottom: 1.75rem !important; } - .xl\:-inset-x-36 { - right: -9rem !important; - left: -9rem !important; + .xl\:mx-7 { + margin-left: 1.75rem !important; + margin-right: 1.75rem !important; } - .xl\:-inset-y-40 { - top: -10rem !important; - bottom: -10rem !important; + .xl\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .xl\:-inset-x-40 { - right: -10rem !important; - left: -10rem !important; + .xl\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .xl\:-inset-y-44 { - top: -11rem !important; - bottom: -11rem !important; + .xl\:my-9 { + margin-top: 2.25rem !important; + margin-bottom: 2.25rem !important; } - .xl\:-inset-x-44 { - right: -11rem !important; - left: -11rem !important; + .xl\:mx-9 { + margin-left: 2.25rem !important; + margin-right: 2.25rem !important; } - .xl\:-inset-y-48 { - top: -12rem !important; - bottom: -12rem !important; + .xl\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .xl\:-inset-x-48 { - right: -12rem !important; - left: -12rem !important; + .xl\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .xl\:-inset-y-52 { - top: -13rem !important; - bottom: -13rem !important; + .xl\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .xl\:-inset-x-52 { - right: -13rem !important; - left: -13rem !important; + .xl\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .xl\:-inset-y-56 { - top: -14rem !important; - bottom: -14rem !important; + .xl\:my-14 { + margin-top: 3.5rem !important; + margin-bottom: 3.5rem !important; } - .xl\:-inset-x-56 { - right: -14rem !important; - left: -14rem !important; + .xl\:mx-14 { + margin-left: 3.5rem !important; + margin-right: 3.5rem !important; } - .xl\:-inset-y-60 { - top: -15rem !important; - bottom: -15rem !important; + .xl\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .xl\:-inset-x-60 { - right: -15rem !important; - left: -15rem !important; + .xl\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .xl\:-inset-y-64 { - top: -16rem !important; - bottom: -16rem !important; + .xl\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .xl\:-inset-x-64 { - right: -16rem !important; - left: -16rem !important; + .xl\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .xl\:-inset-y-72 { - top: -18rem !important; - bottom: -18rem !important; + .xl\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .xl\:-inset-x-72 { - right: -18rem !important; - left: -18rem !important; + .xl\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .xl\:-inset-y-80 { - top: -20rem !important; - bottom: -20rem !important; + .xl\:my-28 { + margin-top: 7rem !important; + margin-bottom: 7rem !important; } - .xl\:-inset-x-80 { - right: -20rem !important; - left: -20rem !important; + .xl\:mx-28 { + margin-left: 7rem !important; + margin-right: 7rem !important; } - .xl\:-inset-y-96 { - top: -24rem !important; - bottom: -24rem !important; + .xl\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .xl\:-inset-x-96 { - right: -24rem !important; - left: -24rem !important; + .xl\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .xl\:-inset-y-px { - top: -1px !important; - bottom: -1px !important; + .xl\:my-36 { + margin-top: 9rem !important; + margin-bottom: 9rem !important; } - .xl\:-inset-x-px { - right: -1px !important; - left: -1px !important; + .xl\:mx-36 { + margin-left: 9rem !important; + margin-right: 9rem !important; } - .xl\:-inset-y-0\.5 { - top: -0.125rem !important; - bottom: -0.125rem !important; + .xl\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .xl\:-inset-x-0\.5 { - right: -0.125rem !important; - left: -0.125rem !important; + .xl\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .xl\:-inset-y-1\.5 { - top: -0.375rem !important; - bottom: -0.375rem !important; + .xl\:my-44 { + margin-top: 11rem !important; + margin-bottom: 11rem !important; } - .xl\:-inset-x-1\.5 { - right: -0.375rem !important; - left: -0.375rem !important; + .xl\:mx-44 { + margin-left: 11rem !important; + margin-right: 11rem !important; } - .xl\:-inset-y-2\.5 { - top: -0.625rem !important; - bottom: -0.625rem !important; + .xl\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .xl\:-inset-x-2\.5 { - right: -0.625rem !important; - left: -0.625rem !important; + .xl\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .xl\:-inset-y-3\.5 { - top: -0.875rem !important; - bottom: -0.875rem !important; + .xl\:my-52 { + margin-top: 13rem !important; + margin-bottom: 13rem !important; } - .xl\:-inset-x-3\.5 { - right: -0.875rem !important; - left: -0.875rem !important; + .xl\:mx-52 { + margin-left: 13rem !important; + margin-right: 13rem !important; } - .xl\:inset-y-1\/2 { - top: 50% !important; - bottom: 50% !important; + .xl\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .xl\:inset-x-1\/2 { - right: 50% !important; - left: 50% !important; + .xl\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .xl\:inset-y-1\/3 { - top: 33.333333% !important; - bottom: 33.333333% !important; + .xl\:my-60 { + margin-top: 15rem !important; + margin-bottom: 15rem !important; } - .xl\:inset-x-1\/3 { - right: 33.333333% !important; - left: 33.333333% !important; + .xl\:mx-60 { + margin-left: 15rem !important; + margin-right: 15rem !important; } - .xl\:inset-y-2\/3 { - top: 66.666667% !important; - bottom: 66.666667% !important; + .xl\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .xl\:inset-x-2\/3 { - right: 66.666667% !important; - left: 66.666667% !important; + .xl\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .xl\:inset-y-1\/4 { - top: 25% !important; - bottom: 25% !important; + .xl\:my-72 { + margin-top: 18rem !important; + margin-bottom: 18rem !important; } - .xl\:inset-x-1\/4 { - right: 25% !important; - left: 25% !important; + .xl\:mx-72 { + margin-left: 18rem !important; + margin-right: 18rem !important; } - .xl\:inset-y-2\/4 { - top: 50% !important; - bottom: 50% !important; + .xl\:my-80 { + margin-top: 20rem !important; + margin-bottom: 20rem !important; } - .xl\:inset-x-2\/4 { - right: 50% !important; - left: 50% !important; + .xl\:mx-80 { + margin-left: 20rem !important; + margin-right: 20rem !important; } - .xl\:inset-y-3\/4 { - top: 75% !important; - bottom: 75% !important; + .xl\:my-96 { + margin-top: 24rem !important; + margin-bottom: 24rem !important; } - .xl\:inset-x-3\/4 { - right: 75% !important; - left: 75% !important; + .xl\:mx-96 { + margin-left: 24rem !important; + margin-right: 24rem !important; } - .xl\:inset-y-full { - top: 100% !important; - bottom: 100% !important; + .xl\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .xl\:inset-x-full { - right: 100% !important; - left: 100% !important; + .xl\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .xl\:-inset-y-1\/2 { - top: -50% !important; - bottom: -50% !important; + .xl\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .xl\:-inset-x-1\/2 { - right: -50% !important; - left: -50% !important; + .xl\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .xl\:-inset-y-1\/3 { - top: -33.333333% !important; - bottom: -33.333333% !important; + .xl\:my-0\.5 { + margin-top: 0.125rem !important; + margin-bottom: 0.125rem !important; } - .xl\:-inset-x-1\/3 { - right: -33.333333% !important; - left: -33.333333% !important; + .xl\:mx-0\.5 { + margin-left: 0.125rem !important; + margin-right: 0.125rem !important; } - .xl\:-inset-y-2\/3 { - top: -66.666667% !important; - bottom: -66.666667% !important; + .xl\:my-1\.5 { + margin-top: 0.375rem !important; + margin-bottom: 0.375rem !important; } - .xl\:-inset-x-2\/3 { - right: -66.666667% !important; - left: -66.666667% !important; + .xl\:mx-1\.5 { + margin-left: 0.375rem !important; + margin-right: 0.375rem !important; } - .xl\:-inset-y-1\/4 { - top: -25% !important; - bottom: -25% !important; + .xl\:my-2\.5 { + margin-top: 0.625rem !important; + margin-bottom: 0.625rem !important; } - .xl\:-inset-x-1\/4 { - right: -25% !important; - left: -25% !important; + .xl\:mx-2\.5 { + margin-left: 0.625rem !important; + margin-right: 0.625rem !important; } - .xl\:-inset-y-2\/4 { - top: -50% !important; - bottom: -50% !important; + .xl\:my-3\.5 { + margin-top: 0.875rem !important; + margin-bottom: 0.875rem !important; } - .xl\:-inset-x-2\/4 { - right: -50% !important; - left: -50% !important; + .xl\:mx-3\.5 { + margin-left: 0.875rem !important; + margin-right: 0.875rem !important; } - .xl\:-inset-y-3\/4 { - top: -75% !important; - bottom: -75% !important; + .xl\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .xl\:-inset-x-3\/4 { - right: -75% !important; - left: -75% !important; + .xl\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .xl\:-inset-y-full { - top: -100% !important; - bottom: -100% !important; + .xl\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .xl\:-inset-x-full { - right: -100% !important; - left: -100% !important; + .xl\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .xl\:top-0 { - top: 0 !important; + .xl\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .xl\:right-0 { - right: 0 !important; + .xl\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .xl\:bottom-0 { - bottom: 0 !important; + .xl\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .xl\:left-0 { - left: 0 !important; + .xl\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .xl\:top-1 { - top: 0.25rem !important; + .xl\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .xl\:right-1 { - right: 0.25rem !important; + .xl\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .xl\:bottom-1 { - bottom: 0.25rem !important; + .xl\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .xl\:left-1 { - left: 0.25rem !important; + .xl\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .xl\:top-2 { - top: 0.5rem !important; + .xl\:-my-7 { + margin-top: -1.75rem !important; + margin-bottom: -1.75rem !important; } - .xl\:right-2 { - right: 0.5rem !important; + .xl\:-mx-7 { + margin-left: -1.75rem !important; + margin-right: -1.75rem !important; } - .xl\:bottom-2 { - bottom: 0.5rem !important; + .xl\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .xl\:left-2 { - left: 0.5rem !important; + .xl\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .xl\:top-3 { - top: 0.75rem !important; + .xl\:-my-9 { + margin-top: -2.25rem !important; + margin-bottom: -2.25rem !important; } - .xl\:right-3 { - right: 0.75rem !important; + .xl\:-mx-9 { + margin-left: -2.25rem !important; + margin-right: -2.25rem !important; } - .xl\:bottom-3 { - bottom: 0.75rem !important; + .xl\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .xl\:left-3 { - left: 0.75rem !important; + .xl\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .xl\:top-4 { - top: 1rem !important; + .xl\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .xl\:right-4 { - right: 1rem !important; + .xl\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .xl\:bottom-4 { - bottom: 1rem !important; + .xl\:-my-14 { + margin-top: -3.5rem !important; + margin-bottom: -3.5rem !important; } - .xl\:left-4 { - left: 1rem !important; + .xl\:-mx-14 { + margin-left: -3.5rem !important; + margin-right: -3.5rem !important; } - .xl\:top-5 { - top: 1.25rem !important; + .xl\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .xl\:right-5 { - right: 1.25rem !important; + .xl\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .xl\:bottom-5 { - bottom: 1.25rem !important; + .xl\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .xl\:left-5 { - left: 1.25rem !important; + .xl\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .xl\:top-6 { - top: 1.5rem !important; + .xl\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .xl\:right-6 { - right: 1.5rem !important; + .xl\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .xl\:bottom-6 { - bottom: 1.5rem !important; + .xl\:-my-28 { + margin-top: -7rem !important; + margin-bottom: -7rem !important; } - .xl\:left-6 { - left: 1.5rem !important; + .xl\:-mx-28 { + margin-left: -7rem !important; + margin-right: -7rem !important; } - .xl\:top-7 { - top: 1.75rem !important; + .xl\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .xl\:right-7 { - right: 1.75rem !important; + .xl\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .xl\:bottom-7 { - bottom: 1.75rem !important; + .xl\:-my-36 { + margin-top: -9rem !important; + margin-bottom: -9rem !important; } - .xl\:left-7 { - left: 1.75rem !important; + .xl\:-mx-36 { + margin-left: -9rem !important; + margin-right: -9rem !important; } - .xl\:top-8 { - top: 2rem !important; + .xl\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .xl\:right-8 { - right: 2rem !important; + .xl\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .xl\:bottom-8 { - bottom: 2rem !important; + .xl\:-my-44 { + margin-top: -11rem !important; + margin-bottom: -11rem !important; } - .xl\:left-8 { - left: 2rem !important; + .xl\:-mx-44 { + margin-left: -11rem !important; + margin-right: -11rem !important; } - .xl\:top-9 { - top: 2.25rem !important; + .xl\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .xl\:right-9 { - right: 2.25rem !important; + .xl\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .xl\:bottom-9 { - bottom: 2.25rem !important; + .xl\:-my-52 { + margin-top: -13rem !important; + margin-bottom: -13rem !important; } - .xl\:left-9 { - left: 2.25rem !important; + .xl\:-mx-52 { + margin-left: -13rem !important; + margin-right: -13rem !important; } - .xl\:top-10 { - top: 2.5rem !important; + .xl\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .xl\:right-10 { - right: 2.5rem !important; + .xl\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .xl\:bottom-10 { - bottom: 2.5rem !important; + .xl\:-my-60 { + margin-top: -15rem !important; + margin-bottom: -15rem !important; } - .xl\:left-10 { - left: 2.5rem !important; + .xl\:-mx-60 { + margin-left: -15rem !important; + margin-right: -15rem !important; } - .xl\:top-12 { - top: 3rem !important; + .xl\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .xl\:right-12 { - right: 3rem !important; + .xl\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .xl\:bottom-12 { - bottom: 3rem !important; + .xl\:-my-72 { + margin-top: -18rem !important; + margin-bottom: -18rem !important; } - .xl\:left-12 { - left: 3rem !important; + .xl\:-mx-72 { + margin-left: -18rem !important; + margin-right: -18rem !important; } - .xl\:top-14 { - top: 3.5rem !important; + .xl\:-my-80 { + margin-top: -20rem !important; + margin-bottom: -20rem !important; } - .xl\:right-14 { - right: 3.5rem !important; + .xl\:-mx-80 { + margin-left: -20rem !important; + margin-right: -20rem !important; } - .xl\:bottom-14 { - bottom: 3.5rem !important; + .xl\:-my-96 { + margin-top: -24rem !important; + margin-bottom: -24rem !important; } - .xl\:left-14 { - left: 3.5rem !important; + .xl\:-mx-96 { + margin-left: -24rem !important; + margin-right: -24rem !important; } - .xl\:top-16 { - top: 4rem !important; + .xl\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .xl\:right-16 { - right: 4rem !important; + .xl\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .xl\:bottom-16 { - bottom: 4rem !important; + .xl\:-my-0\.5 { + margin-top: -0.125rem !important; + margin-bottom: -0.125rem !important; } - .xl\:left-16 { - left: 4rem !important; + .xl\:-mx-0\.5 { + margin-left: -0.125rem !important; + margin-right: -0.125rem !important; } - .xl\:top-20 { - top: 5rem !important; + .xl\:-my-1\.5 { + margin-top: -0.375rem !important; + margin-bottom: -0.375rem !important; } - .xl\:right-20 { - right: 5rem !important; + .xl\:-mx-1\.5 { + margin-left: -0.375rem !important; + margin-right: -0.375rem !important; } - .xl\:bottom-20 { - bottom: 5rem !important; + .xl\:-my-2\.5 { + margin-top: -0.625rem !important; + margin-bottom: -0.625rem !important; } - .xl\:left-20 { - left: 5rem !important; + .xl\:-mx-2\.5 { + margin-left: -0.625rem !important; + margin-right: -0.625rem !important; } - .xl\:top-24 { - top: 6rem !important; + .xl\:-my-3\.5 { + margin-top: -0.875rem !important; + margin-bottom: -0.875rem !important; } - .xl\:right-24 { - right: 6rem !important; + .xl\:-mx-3\.5 { + margin-left: -0.875rem !important; + margin-right: -0.875rem !important; } - .xl\:bottom-24 { - bottom: 6rem !important; + .xl\:mt-0 { + margin-top: 0 !important; } - .xl\:left-24 { - left: 6rem !important; + .xl\:mr-0 { + margin-right: 0 !important; } - .xl\:top-28 { - top: 7rem !important; + .xl\:mb-0 { + margin-bottom: 0 !important; } - .xl\:right-28 { - right: 7rem !important; + .xl\:ml-0 { + margin-left: 0 !important; } - .xl\:bottom-28 { - bottom: 7rem !important; + .xl\:mt-1 { + margin-top: 0.25rem !important; } - .xl\:left-28 { - left: 7rem !important; + .xl\:mr-1 { + margin-right: 0.25rem !important; } - .xl\:top-32 { - top: 8rem !important; + .xl\:mb-1 { + margin-bottom: 0.25rem !important; } - .xl\:right-32 { - right: 8rem !important; + .xl\:ml-1 { + margin-left: 0.25rem !important; } - .xl\:bottom-32 { - bottom: 8rem !important; + .xl\:mt-2 { + margin-top: 0.5rem !important; } - .xl\:left-32 { - left: 8rem !important; + .xl\:mr-2 { + margin-right: 0.5rem !important; } - .xl\:top-36 { - top: 9rem !important; + .xl\:mb-2 { + margin-bottom: 0.5rem !important; } - .xl\:right-36 { - right: 9rem !important; + .xl\:ml-2 { + margin-left: 0.5rem !important; } - .xl\:bottom-36 { - bottom: 9rem !important; + .xl\:mt-3 { + margin-top: 0.75rem !important; } - .xl\:left-36 { - left: 9rem !important; + .xl\:mr-3 { + margin-right: 0.75rem !important; } - .xl\:top-40 { - top: 10rem !important; + .xl\:mb-3 { + margin-bottom: 0.75rem !important; } - .xl\:right-40 { - right: 10rem !important; + .xl\:ml-3 { + margin-left: 0.75rem !important; } - .xl\:bottom-40 { - bottom: 10rem !important; + .xl\:mt-4 { + margin-top: 1rem !important; } - .xl\:left-40 { - left: 10rem !important; + .xl\:mr-4 { + margin-right: 1rem !important; } - .xl\:top-44 { - top: 11rem !important; + .xl\:mb-4 { + margin-bottom: 1rem !important; } - .xl\:right-44 { - right: 11rem !important; + .xl\:ml-4 { + margin-left: 1rem !important; } - .xl\:bottom-44 { - bottom: 11rem !important; + .xl\:mt-5 { + margin-top: 1.25rem !important; } - .xl\:left-44 { - left: 11rem !important; + .xl\:mr-5 { + margin-right: 1.25rem !important; } - .xl\:top-48 { - top: 12rem !important; + .xl\:mb-5 { + margin-bottom: 1.25rem !important; } - .xl\:right-48 { - right: 12rem !important; + .xl\:ml-5 { + margin-left: 1.25rem !important; } - .xl\:bottom-48 { - bottom: 12rem !important; + .xl\:mt-6 { + margin-top: 1.5rem !important; } - .xl\:left-48 { - left: 12rem !important; + .xl\:mr-6 { + margin-right: 1.5rem !important; } - .xl\:top-52 { - top: 13rem !important; + .xl\:mb-6 { + margin-bottom: 1.5rem !important; } - .xl\:right-52 { - right: 13rem !important; + .xl\:ml-6 { + margin-left: 1.5rem !important; } - .xl\:bottom-52 { - bottom: 13rem !important; + .xl\:mt-7 { + margin-top: 1.75rem !important; } - .xl\:left-52 { - left: 13rem !important; + .xl\:mr-7 { + margin-right: 1.75rem !important; } - .xl\:top-56 { - top: 14rem !important; + .xl\:mb-7 { + margin-bottom: 1.75rem !important; } - .xl\:right-56 { - right: 14rem !important; + .xl\:ml-7 { + margin-left: 1.75rem !important; } - .xl\:bottom-56 { - bottom: 14rem !important; + .xl\:mt-8 { + margin-top: 2rem !important; } - .xl\:left-56 { - left: 14rem !important; + .xl\:mr-8 { + margin-right: 2rem !important; } - .xl\:top-60 { - top: 15rem !important; + .xl\:mb-8 { + margin-bottom: 2rem !important; } - .xl\:right-60 { - right: 15rem !important; + .xl\:ml-8 { + margin-left: 2rem !important; } - .xl\:bottom-60 { - bottom: 15rem !important; + .xl\:mt-9 { + margin-top: 2.25rem !important; } - .xl\:left-60 { - left: 15rem !important; + .xl\:mr-9 { + margin-right: 2.25rem !important; } - .xl\:top-64 { - top: 16rem !important; + .xl\:mb-9 { + margin-bottom: 2.25rem !important; } - .xl\:right-64 { - right: 16rem !important; + .xl\:ml-9 { + margin-left: 2.25rem !important; } - .xl\:bottom-64 { - bottom: 16rem !important; + .xl\:mt-10 { + margin-top: 2.5rem !important; } - .xl\:left-64 { - left: 16rem !important; + .xl\:mr-10 { + margin-right: 2.5rem !important; } - .xl\:top-72 { - top: 18rem !important; + .xl\:mb-10 { + margin-bottom: 2.5rem !important; } - .xl\:right-72 { - right: 18rem !important; + .xl\:ml-10 { + margin-left: 2.5rem !important; } - .xl\:bottom-72 { - bottom: 18rem !important; + .xl\:mt-12 { + margin-top: 3rem !important; } - .xl\:left-72 { - left: 18rem !important; + .xl\:mr-12 { + margin-right: 3rem !important; } - .xl\:top-80 { - top: 20rem !important; + .xl\:mb-12 { + margin-bottom: 3rem !important; } - .xl\:right-80 { - right: 20rem !important; + .xl\:ml-12 { + margin-left: 3rem !important; } - .xl\:bottom-80 { - bottom: 20rem !important; + .xl\:mt-14 { + margin-top: 3.5rem !important; } - .xl\:left-80 { - left: 20rem !important; + .xl\:mr-14 { + margin-right: 3.5rem !important; } - .xl\:top-96 { - top: 24rem !important; + .xl\:mb-14 { + margin-bottom: 3.5rem !important; } - .xl\:right-96 { - right: 24rem !important; + .xl\:ml-14 { + margin-left: 3.5rem !important; } - .xl\:bottom-96 { - bottom: 24rem !important; + .xl\:mt-16 { + margin-top: 4rem !important; } - .xl\:left-96 { - left: 24rem !important; + .xl\:mr-16 { + margin-right: 4rem !important; } - .xl\:top-auto { - top: auto !important; + .xl\:mb-16 { + margin-bottom: 4rem !important; } - .xl\:right-auto { - right: auto !important; + .xl\:ml-16 { + margin-left: 4rem !important; } - .xl\:bottom-auto { - bottom: auto !important; + .xl\:mt-20 { + margin-top: 5rem !important; } - .xl\:left-auto { - left: auto !important; + .xl\:mr-20 { + margin-right: 5rem !important; } - .xl\:top-px { - top: 1px !important; + .xl\:mb-20 { + margin-bottom: 5rem !important; } - .xl\:right-px { - right: 1px !important; + .xl\:ml-20 { + margin-left: 5rem !important; } - .xl\:bottom-px { - bottom: 1px !important; + .xl\:mt-24 { + margin-top: 6rem !important; } - .xl\:left-px { - left: 1px !important; + .xl\:mr-24 { + margin-right: 6rem !important; } - .xl\:top-0\.5 { - top: 0.125rem !important; + .xl\:mb-24 { + margin-bottom: 6rem !important; } - .xl\:right-0\.5 { - right: 0.125rem !important; + .xl\:ml-24 { + margin-left: 6rem !important; } - .xl\:bottom-0\.5 { - bottom: 0.125rem !important; + .xl\:mt-28 { + margin-top: 7rem !important; } - .xl\:left-0\.5 { - left: 0.125rem !important; + .xl\:mr-28 { + margin-right: 7rem !important; } - .xl\:top-1\.5 { - top: 0.375rem !important; + .xl\:mb-28 { + margin-bottom: 7rem !important; } - .xl\:right-1\.5 { - right: 0.375rem !important; + .xl\:ml-28 { + margin-left: 7rem !important; } - .xl\:bottom-1\.5 { - bottom: 0.375rem !important; + .xl\:mt-32 { + margin-top: 8rem !important; } - .xl\:left-1\.5 { - left: 0.375rem !important; + .xl\:mr-32 { + margin-right: 8rem !important; } - .xl\:top-2\.5 { - top: 0.625rem !important; + .xl\:mb-32 { + margin-bottom: 8rem !important; } - .xl\:right-2\.5 { - right: 0.625rem !important; + .xl\:ml-32 { + margin-left: 8rem !important; } - .xl\:bottom-2\.5 { - bottom: 0.625rem !important; + .xl\:mt-36 { + margin-top: 9rem !important; } - .xl\:left-2\.5 { - left: 0.625rem !important; + .xl\:mr-36 { + margin-right: 9rem !important; } - .xl\:top-3\.5 { - top: 0.875rem !important; + .xl\:mb-36 { + margin-bottom: 9rem !important; } - .xl\:right-3\.5 { - right: 0.875rem !important; + .xl\:ml-36 { + margin-left: 9rem !important; } - .xl\:bottom-3\.5 { - bottom: 0.875rem !important; + .xl\:mt-40 { + margin-top: 10rem !important; } - .xl\:left-3\.5 { - left: 0.875rem !important; + .xl\:mr-40 { + margin-right: 10rem !important; } - .xl\:-top-1 { - top: -0.25rem !important; + .xl\:mb-40 { + margin-bottom: 10rem !important; } - .xl\:-right-1 { - right: -0.25rem !important; + .xl\:ml-40 { + margin-left: 10rem !important; } - .xl\:-bottom-1 { - bottom: -0.25rem !important; + .xl\:mt-44 { + margin-top: 11rem !important; } - .xl\:-left-1 { - left: -0.25rem !important; + .xl\:mr-44 { + margin-right: 11rem !important; } - .xl\:-top-2 { - top: -0.5rem !important; + .xl\:mb-44 { + margin-bottom: 11rem !important; } - .xl\:-right-2 { - right: -0.5rem !important; + .xl\:ml-44 { + margin-left: 11rem !important; } - .xl\:-bottom-2 { - bottom: -0.5rem !important; + .xl\:mt-48 { + margin-top: 12rem !important; } - .xl\:-left-2 { - left: -0.5rem !important; + .xl\:mr-48 { + margin-right: 12rem !important; } - .xl\:-top-3 { - top: -0.75rem !important; + .xl\:mb-48 { + margin-bottom: 12rem !important; } - .xl\:-right-3 { - right: -0.75rem !important; + .xl\:ml-48 { + margin-left: 12rem !important; } - .xl\:-bottom-3 { - bottom: -0.75rem !important; + .xl\:mt-52 { + margin-top: 13rem !important; } - .xl\:-left-3 { - left: -0.75rem !important; + .xl\:mr-52 { + margin-right: 13rem !important; } - .xl\:-top-4 { - top: -1rem !important; + .xl\:mb-52 { + margin-bottom: 13rem !important; } - .xl\:-right-4 { - right: -1rem !important; + .xl\:ml-52 { + margin-left: 13rem !important; } - .xl\:-bottom-4 { - bottom: -1rem !important; + .xl\:mt-56 { + margin-top: 14rem !important; } - .xl\:-left-4 { - left: -1rem !important; + .xl\:mr-56 { + margin-right: 14rem !important; } - .xl\:-top-5 { - top: -1.25rem !important; + .xl\:mb-56 { + margin-bottom: 14rem !important; } - .xl\:-right-5 { - right: -1.25rem !important; + .xl\:ml-56 { + margin-left: 14rem !important; } - .xl\:-bottom-5 { - bottom: -1.25rem !important; + .xl\:mt-60 { + margin-top: 15rem !important; } - .xl\:-left-5 { - left: -1.25rem !important; + .xl\:mr-60 { + margin-right: 15rem !important; } - .xl\:-top-6 { - top: -1.5rem !important; + .xl\:mb-60 { + margin-bottom: 15rem !important; } - .xl\:-right-6 { - right: -1.5rem !important; + .xl\:ml-60 { + margin-left: 15rem !important; } - .xl\:-bottom-6 { - bottom: -1.5rem !important; + .xl\:mt-64 { + margin-top: 16rem !important; } - .xl\:-left-6 { - left: -1.5rem !important; + .xl\:mr-64 { + margin-right: 16rem !important; } - .xl\:-top-7 { - top: -1.75rem !important; + .xl\:mb-64 { + margin-bottom: 16rem !important; } - .xl\:-right-7 { - right: -1.75rem !important; + .xl\:ml-64 { + margin-left: 16rem !important; } - .xl\:-bottom-7 { - bottom: -1.75rem !important; + .xl\:mt-72 { + margin-top: 18rem !important; } - .xl\:-left-7 { - left: -1.75rem !important; + .xl\:mr-72 { + margin-right: 18rem !important; } - .xl\:-top-8 { - top: -2rem !important; + .xl\:mb-72 { + margin-bottom: 18rem !important; } - .xl\:-right-8 { - right: -2rem !important; + .xl\:ml-72 { + margin-left: 18rem !important; } - .xl\:-bottom-8 { - bottom: -2rem !important; + .xl\:mt-80 { + margin-top: 20rem !important; } - .xl\:-left-8 { - left: -2rem !important; + .xl\:mr-80 { + margin-right: 20rem !important; } - .xl\:-top-9 { - top: -2.25rem !important; + .xl\:mb-80 { + margin-bottom: 20rem !important; } - .xl\:-right-9 { - right: -2.25rem !important; + .xl\:ml-80 { + margin-left: 20rem !important; } - .xl\:-bottom-9 { - bottom: -2.25rem !important; + .xl\:mt-96 { + margin-top: 24rem !important; } - .xl\:-left-9 { - left: -2.25rem !important; + .xl\:mr-96 { + margin-right: 24rem !important; } - .xl\:-top-10 { - top: -2.5rem !important; + .xl\:mb-96 { + margin-bottom: 24rem !important; } - .xl\:-right-10 { - right: -2.5rem !important; + .xl\:ml-96 { + margin-left: 24rem !important; } - .xl\:-bottom-10 { - bottom: -2.5rem !important; + .xl\:mt-auto { + margin-top: auto !important; } - .xl\:-left-10 { - left: -2.5rem !important; + .xl\:mr-auto { + margin-right: auto !important; } - .xl\:-top-12 { - top: -3rem !important; + .xl\:mb-auto { + margin-bottom: auto !important; } - .xl\:-right-12 { - right: -3rem !important; + .xl\:ml-auto { + margin-left: auto !important; } - .xl\:-bottom-12 { - bottom: -3rem !important; + .xl\:mt-px { + margin-top: 1px !important; } - .xl\:-left-12 { - left: -3rem !important; + .xl\:mr-px { + margin-right: 1px !important; } - .xl\:-top-14 { - top: -3.5rem !important; + .xl\:mb-px { + margin-bottom: 1px !important; } - .xl\:-right-14 { - right: -3.5rem !important; + .xl\:ml-px { + margin-left: 1px !important; } - .xl\:-bottom-14 { - bottom: -3.5rem !important; + .xl\:mt-0\.5 { + margin-top: 0.125rem !important; } - .xl\:-left-14 { - left: -3.5rem !important; + .xl\:mr-0\.5 { + margin-right: 0.125rem !important; } - .xl\:-top-16 { - top: -4rem !important; + .xl\:mb-0\.5 { + margin-bottom: 0.125rem !important; } - .xl\:-right-16 { - right: -4rem !important; + .xl\:ml-0\.5 { + margin-left: 0.125rem !important; } - .xl\:-bottom-16 { - bottom: -4rem !important; + .xl\:mt-1\.5 { + margin-top: 0.375rem !important; } - .xl\:-left-16 { - left: -4rem !important; + .xl\:mr-1\.5 { + margin-right: 0.375rem !important; } - .xl\:-top-20 { - top: -5rem !important; + .xl\:mb-1\.5 { + margin-bottom: 0.375rem !important; } - .xl\:-right-20 { - right: -5rem !important; + .xl\:ml-1\.5 { + margin-left: 0.375rem !important; } - .xl\:-bottom-20 { - bottom: -5rem !important; + .xl\:mt-2\.5 { + margin-top: 0.625rem !important; } - .xl\:-left-20 { - left: -5rem !important; + .xl\:mr-2\.5 { + margin-right: 0.625rem !important; } - .xl\:-top-24 { - top: -6rem !important; + .xl\:mb-2\.5 { + margin-bottom: 0.625rem !important; } - .xl\:-right-24 { - right: -6rem !important; + .xl\:ml-2\.5 { + margin-left: 0.625rem !important; } - .xl\:-bottom-24 { - bottom: -6rem !important; + .xl\:mt-3\.5 { + margin-top: 0.875rem !important; } - .xl\:-left-24 { - left: -6rem !important; + .xl\:mr-3\.5 { + margin-right: 0.875rem !important; } - .xl\:-top-28 { - top: -7rem !important; + .xl\:mb-3\.5 { + margin-bottom: 0.875rem !important; } - .xl\:-right-28 { - right: -7rem !important; + .xl\:ml-3\.5 { + margin-left: 0.875rem !important; } - .xl\:-bottom-28 { - bottom: -7rem !important; + .xl\:-mt-1 { + margin-top: -0.25rem !important; } - .xl\:-left-28 { - left: -7rem !important; + .xl\:-mr-1 { + margin-right: -0.25rem !important; } - .xl\:-top-32 { - top: -8rem !important; + .xl\:-mb-1 { + margin-bottom: -0.25rem !important; } - .xl\:-right-32 { - right: -8rem !important; + .xl\:-ml-1 { + margin-left: -0.25rem !important; } - .xl\:-bottom-32 { - bottom: -8rem !important; + .xl\:-mt-2 { + margin-top: -0.5rem !important; } - .xl\:-left-32 { - left: -8rem !important; + .xl\:-mr-2 { + margin-right: -0.5rem !important; } - .xl\:-top-36 { - top: -9rem !important; + .xl\:-mb-2 { + margin-bottom: -0.5rem !important; } - .xl\:-right-36 { - right: -9rem !important; + .xl\:-ml-2 { + margin-left: -0.5rem !important; } - .xl\:-bottom-36 { - bottom: -9rem !important; + .xl\:-mt-3 { + margin-top: -0.75rem !important; } - .xl\:-left-36 { - left: -9rem !important; + .xl\:-mr-3 { + margin-right: -0.75rem !important; } - .xl\:-top-40 { - top: -10rem !important; + .xl\:-mb-3 { + margin-bottom: -0.75rem !important; } - .xl\:-right-40 { - right: -10rem !important; + .xl\:-ml-3 { + margin-left: -0.75rem !important; } - .xl\:-bottom-40 { - bottom: -10rem !important; + .xl\:-mt-4 { + margin-top: -1rem !important; } - .xl\:-left-40 { - left: -10rem !important; + .xl\:-mr-4 { + margin-right: -1rem !important; } - .xl\:-top-44 { - top: -11rem !important; + .xl\:-mb-4 { + margin-bottom: -1rem !important; } - .xl\:-right-44 { - right: -11rem !important; + .xl\:-ml-4 { + margin-left: -1rem !important; } - .xl\:-bottom-44 { - bottom: -11rem !important; + .xl\:-mt-5 { + margin-top: -1.25rem !important; } - .xl\:-left-44 { - left: -11rem !important; + .xl\:-mr-5 { + margin-right: -1.25rem !important; } - .xl\:-top-48 { - top: -12rem !important; + .xl\:-mb-5 { + margin-bottom: -1.25rem !important; } - .xl\:-right-48 { - right: -12rem !important; + .xl\:-ml-5 { + margin-left: -1.25rem !important; } - .xl\:-bottom-48 { - bottom: -12rem !important; + .xl\:-mt-6 { + margin-top: -1.5rem !important; } - .xl\:-left-48 { - left: -12rem !important; + .xl\:-mr-6 { + margin-right: -1.5rem !important; } - .xl\:-top-52 { - top: -13rem !important; + .xl\:-mb-6 { + margin-bottom: -1.5rem !important; } - .xl\:-right-52 { - right: -13rem !important; + .xl\:-ml-6 { + margin-left: -1.5rem !important; } - .xl\:-bottom-52 { - bottom: -13rem !important; + .xl\:-mt-7 { + margin-top: -1.75rem !important; } - .xl\:-left-52 { - left: -13rem !important; + .xl\:-mr-7 { + margin-right: -1.75rem !important; } - .xl\:-top-56 { - top: -14rem !important; + .xl\:-mb-7 { + margin-bottom: -1.75rem !important; } - .xl\:-right-56 { - right: -14rem !important; + .xl\:-ml-7 { + margin-left: -1.75rem !important; } - .xl\:-bottom-56 { - bottom: -14rem !important; + .xl\:-mt-8 { + margin-top: -2rem !important; } - .xl\:-left-56 { - left: -14rem !important; + .xl\:-mr-8 { + margin-right: -2rem !important; } - .xl\:-top-60 { - top: -15rem !important; + .xl\:-mb-8 { + margin-bottom: -2rem !important; } - .xl\:-right-60 { - right: -15rem !important; + .xl\:-ml-8 { + margin-left: -2rem !important; } - .xl\:-bottom-60 { - bottom: -15rem !important; + .xl\:-mt-9 { + margin-top: -2.25rem !important; } - .xl\:-left-60 { - left: -15rem !important; + .xl\:-mr-9 { + margin-right: -2.25rem !important; } - .xl\:-top-64 { - top: -16rem !important; + .xl\:-mb-9 { + margin-bottom: -2.25rem !important; } - .xl\:-right-64 { - right: -16rem !important; + .xl\:-ml-9 { + margin-left: -2.25rem !important; } - .xl\:-bottom-64 { - bottom: -16rem !important; + .xl\:-mt-10 { + margin-top: -2.5rem !important; } - .xl\:-left-64 { - left: -16rem !important; + .xl\:-mr-10 { + margin-right: -2.5rem !important; } - .xl\:-top-72 { - top: -18rem !important; + .xl\:-mb-10 { + margin-bottom: -2.5rem !important; } - .xl\:-right-72 { - right: -18rem !important; + .xl\:-ml-10 { + margin-left: -2.5rem !important; } - .xl\:-bottom-72 { - bottom: -18rem !important; + .xl\:-mt-12 { + margin-top: -3rem !important; } - .xl\:-left-72 { - left: -18rem !important; + .xl\:-mr-12 { + margin-right: -3rem !important; } - .xl\:-top-80 { - top: -20rem !important; + .xl\:-mb-12 { + margin-bottom: -3rem !important; } - .xl\:-right-80 { - right: -20rem !important; + .xl\:-ml-12 { + margin-left: -3rem !important; } - .xl\:-bottom-80 { - bottom: -20rem !important; + .xl\:-mt-14 { + margin-top: -3.5rem !important; } - .xl\:-left-80 { - left: -20rem !important; + .xl\:-mr-14 { + margin-right: -3.5rem !important; } - .xl\:-top-96 { - top: -24rem !important; + .xl\:-mb-14 { + margin-bottom: -3.5rem !important; } - .xl\:-right-96 { - right: -24rem !important; + .xl\:-ml-14 { + margin-left: -3.5rem !important; } - .xl\:-bottom-96 { - bottom: -24rem !important; + .xl\:-mt-16 { + margin-top: -4rem !important; } - .xl\:-left-96 { - left: -24rem !important; + .xl\:-mr-16 { + margin-right: -4rem !important; } - .xl\:-top-px { - top: -1px !important; + .xl\:-mb-16 { + margin-bottom: -4rem !important; } - .xl\:-right-px { - right: -1px !important; + .xl\:-ml-16 { + margin-left: -4rem !important; } - .xl\:-bottom-px { - bottom: -1px !important; + .xl\:-mt-20 { + margin-top: -5rem !important; } - .xl\:-left-px { - left: -1px !important; + .xl\:-mr-20 { + margin-right: -5rem !important; } - .xl\:-top-0\.5 { - top: -0.125rem !important; + .xl\:-mb-20 { + margin-bottom: -5rem !important; } - .xl\:-right-0\.5 { - right: -0.125rem !important; + .xl\:-ml-20 { + margin-left: -5rem !important; } - .xl\:-bottom-0\.5 { - bottom: -0.125rem !important; + .xl\:-mt-24 { + margin-top: -6rem !important; } - .xl\:-left-0\.5 { - left: -0.125rem !important; + .xl\:-mr-24 { + margin-right: -6rem !important; } - .xl\:-top-1\.5 { - top: -0.375rem !important; + .xl\:-mb-24 { + margin-bottom: -6rem !important; } - .xl\:-right-1\.5 { - right: -0.375rem !important; + .xl\:-ml-24 { + margin-left: -6rem !important; } - .xl\:-bottom-1\.5 { - bottom: -0.375rem !important; + .xl\:-mt-28 { + margin-top: -7rem !important; } - .xl\:-left-1\.5 { - left: -0.375rem !important; + .xl\:-mr-28 { + margin-right: -7rem !important; } - .xl\:-top-2\.5 { - top: -0.625rem !important; + .xl\:-mb-28 { + margin-bottom: -7rem !important; } - .xl\:-right-2\.5 { - right: -0.625rem !important; + .xl\:-ml-28 { + margin-left: -7rem !important; } - .xl\:-bottom-2\.5 { - bottom: -0.625rem !important; + .xl\:-mt-32 { + margin-top: -8rem !important; } - .xl\:-left-2\.5 { - left: -0.625rem !important; + .xl\:-mr-32 { + margin-right: -8rem !important; } - .xl\:-top-3\.5 { - top: -0.875rem !important; + .xl\:-mb-32 { + margin-bottom: -8rem !important; } - .xl\:-right-3\.5 { - right: -0.875rem !important; + .xl\:-ml-32 { + margin-left: -8rem !important; } - .xl\:-bottom-3\.5 { - bottom: -0.875rem !important; + .xl\:-mt-36 { + margin-top: -9rem !important; } - .xl\:-left-3\.5 { - left: -0.875rem !important; + .xl\:-mr-36 { + margin-right: -9rem !important; } - .xl\:top-1\/2 { - top: 50% !important; + .xl\:-mb-36 { + margin-bottom: -9rem !important; } - .xl\:right-1\/2 { - right: 50% !important; + .xl\:-ml-36 { + margin-left: -9rem !important; } - .xl\:bottom-1\/2 { - bottom: 50% !important; + .xl\:-mt-40 { + margin-top: -10rem !important; } - .xl\:left-1\/2 { - left: 50% !important; + .xl\:-mr-40 { + margin-right: -10rem !important; } - .xl\:top-1\/3 { - top: 33.333333% !important; + .xl\:-mb-40 { + margin-bottom: -10rem !important; } - .xl\:right-1\/3 { - right: 33.333333% !important; + .xl\:-ml-40 { + margin-left: -10rem !important; } - .xl\:bottom-1\/3 { - bottom: 33.333333% !important; + .xl\:-mt-44 { + margin-top: -11rem !important; } - .xl\:left-1\/3 { - left: 33.333333% !important; + .xl\:-mr-44 { + margin-right: -11rem !important; } - .xl\:top-2\/3 { - top: 66.666667% !important; + .xl\:-mb-44 { + margin-bottom: -11rem !important; } - .xl\:right-2\/3 { - right: 66.666667% !important; + .xl\:-ml-44 { + margin-left: -11rem !important; } - .xl\:bottom-2\/3 { - bottom: 66.666667% !important; + .xl\:-mt-48 { + margin-top: -12rem !important; } - .xl\:left-2\/3 { - left: 66.666667% !important; + .xl\:-mr-48 { + margin-right: -12rem !important; } - .xl\:top-1\/4 { - top: 25% !important; + .xl\:-mb-48 { + margin-bottom: -12rem !important; } - .xl\:right-1\/4 { - right: 25% !important; + .xl\:-ml-48 { + margin-left: -12rem !important; } - .xl\:bottom-1\/4 { - bottom: 25% !important; + .xl\:-mt-52 { + margin-top: -13rem !important; } - .xl\:left-1\/4 { - left: 25% !important; + .xl\:-mr-52 { + margin-right: -13rem !important; } - .xl\:top-2\/4 { - top: 50% !important; + .xl\:-mb-52 { + margin-bottom: -13rem !important; } - .xl\:right-2\/4 { - right: 50% !important; + .xl\:-ml-52 { + margin-left: -13rem !important; } - .xl\:bottom-2\/4 { - bottom: 50% !important; + .xl\:-mt-56 { + margin-top: -14rem !important; } - .xl\:left-2\/4 { - left: 50% !important; + .xl\:-mr-56 { + margin-right: -14rem !important; } - .xl\:top-3\/4 { - top: 75% !important; + .xl\:-mb-56 { + margin-bottom: -14rem !important; } - .xl\:right-3\/4 { - right: 75% !important; + .xl\:-ml-56 { + margin-left: -14rem !important; } - .xl\:bottom-3\/4 { - bottom: 75% !important; + .xl\:-mt-60 { + margin-top: -15rem !important; } - .xl\:left-3\/4 { - left: 75% !important; + .xl\:-mr-60 { + margin-right: -15rem !important; } - .xl\:top-full { - top: 100% !important; + .xl\:-mb-60 { + margin-bottom: -15rem !important; } - .xl\:right-full { - right: 100% !important; + .xl\:-ml-60 { + margin-left: -15rem !important; } - .xl\:bottom-full { - bottom: 100% !important; + .xl\:-mt-64 { + margin-top: -16rem !important; } - .xl\:left-full { - left: 100% !important; + .xl\:-mr-64 { + margin-right: -16rem !important; } - .xl\:-top-1\/2 { - top: -50% !important; + .xl\:-mb-64 { + margin-bottom: -16rem !important; } - .xl\:-right-1\/2 { - right: -50% !important; + .xl\:-ml-64 { + margin-left: -16rem !important; } - .xl\:-bottom-1\/2 { - bottom: -50% !important; + .xl\:-mt-72 { + margin-top: -18rem !important; } - .xl\:-left-1\/2 { - left: -50% !important; + .xl\:-mr-72 { + margin-right: -18rem !important; } - .xl\:-top-1\/3 { - top: -33.333333% !important; + .xl\:-mb-72 { + margin-bottom: -18rem !important; } - .xl\:-right-1\/3 { - right: -33.333333% !important; + .xl\:-ml-72 { + margin-left: -18rem !important; } - .xl\:-bottom-1\/3 { - bottom: -33.333333% !important; + .xl\:-mt-80 { + margin-top: -20rem !important; } - .xl\:-left-1\/3 { - left: -33.333333% !important; + .xl\:-mr-80 { + margin-right: -20rem !important; } - .xl\:-top-2\/3 { - top: -66.666667% !important; + .xl\:-mb-80 { + margin-bottom: -20rem !important; } - .xl\:-right-2\/3 { - right: -66.666667% !important; + .xl\:-ml-80 { + margin-left: -20rem !important; } - .xl\:-bottom-2\/3 { - bottom: -66.666667% !important; + .xl\:-mt-96 { + margin-top: -24rem !important; } - .xl\:-left-2\/3 { - left: -66.666667% !important; + .xl\:-mr-96 { + margin-right: -24rem !important; } - .xl\:-top-1\/4 { - top: -25% !important; + .xl\:-mb-96 { + margin-bottom: -24rem !important; } - .xl\:-right-1\/4 { - right: -25% !important; + .xl\:-ml-96 { + margin-left: -24rem !important; } - .xl\:-bottom-1\/4 { - bottom: -25% !important; + .xl\:-mt-px { + margin-top: -1px !important; } - .xl\:-left-1\/4 { - left: -25% !important; + .xl\:-mr-px { + margin-right: -1px !important; } - .xl\:-top-2\/4 { - top: -50% !important; + .xl\:-mb-px { + margin-bottom: -1px !important; } - .xl\:-right-2\/4 { - right: -50% !important; + .xl\:-ml-px { + margin-left: -1px !important; } - .xl\:-bottom-2\/4 { - bottom: -50% !important; + .xl\:-mt-0\.5 { + margin-top: -0.125rem !important; } - .xl\:-left-2\/4 { - left: -50% !important; + .xl\:-mr-0\.5 { + margin-right: -0.125rem !important; } - .xl\:-top-3\/4 { - top: -75% !important; + .xl\:-mb-0\.5 { + margin-bottom: -0.125rem !important; } - .xl\:-right-3\/4 { - right: -75% !important; + .xl\:-ml-0\.5 { + margin-left: -0.125rem !important; } - .xl\:-bottom-3\/4 { - bottom: -75% !important; + .xl\:-mt-1\.5 { + margin-top: -0.375rem !important; } - .xl\:-left-3\/4 { - left: -75% !important; + .xl\:-mr-1\.5 { + margin-right: -0.375rem !important; } - .xl\:-top-full { - top: -100% !important; + .xl\:-mb-1\.5 { + margin-bottom: -0.375rem !important; } - .xl\:-right-full { - right: -100% !important; + .xl\:-ml-1\.5 { + margin-left: -0.375rem !important; } - .xl\:-bottom-full { - bottom: -100% !important; + .xl\:-mt-2\.5 { + margin-top: -0.625rem !important; } - .xl\:-left-full { - left: -100% !important; + .xl\:-mr-2\.5 { + margin-right: -0.625rem !important; } - .xl\:resize-none { - resize: none !important; + .xl\:-mb-2\.5 { + margin-bottom: -0.625rem !important; } - .xl\:resize-y { - resize: vertical !important; + .xl\:-ml-2\.5 { + margin-left: -0.625rem !important; } - .xl\:resize-x { - resize: horizontal !important; + .xl\:-mt-3\.5 { + margin-top: -0.875rem !important; } - .xl\:resize { - resize: both !important; + .xl\:-mr-3\.5 { + margin-right: -0.875rem !important; } - .xl\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .xl\:-mb-3\.5 { + margin-bottom: -0.875rem !important; } - .xl\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .xl\:-ml-3\.5 { + margin-left: -0.875rem !important; } - .xl\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .xl\:max-h-0 { + max-height: 0 !important; } - .xl\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .xl\:max-h-1 { + max-height: 0.25rem !important; } - .xl\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .xl\:max-h-2 { + max-height: 0.5rem !important; } - .xl\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .xl\:max-h-3 { + max-height: 0.75rem !important; } - .xl\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .xl\:max-h-4 { + max-height: 1rem !important; } - .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .xl\:max-h-5 { + max-height: 1.25rem !important; } - .xl\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .xl\:max-h-6 { + max-height: 1.5rem !important; } - .xl\:shadow-none { - box-shadow: none !important; + .xl\:max-h-7 { + max-height: 1.75rem !important; } - .xl\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .xl\:max-h-8 { + max-height: 2rem !important; } - .xl\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .xl\:max-h-9 { + max-height: 2.25rem !important; } - .xl\: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) !important; + .xl\:max-h-10 { + max-height: 2.5rem !important; } - .xl\: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) !important; + .xl\:max-h-12 { + max-height: 3rem !important; } - .xl\: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) !important; + .xl\:max-h-14 { + max-height: 3.5rem !important; } - .xl\: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) !important; + .xl\:max-h-16 { + max-height: 4rem !important; } - .xl\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .xl\:max-h-20 { + max-height: 5rem !important; } - .xl\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .xl\:max-h-24 { + max-height: 6rem !important; } - .xl\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .xl\:max-h-28 { + max-height: 7rem !important; } - .xl\:hover\:shadow-none:hover { - box-shadow: none !important; + .xl\:max-h-32 { + max-height: 8rem !important; } - .xl\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; + .xl\:max-h-36 { + max-height: 9rem !important; } - .xl\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; + .xl\:max-h-40 { + max-height: 10rem !important; } - .xl\: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) !important; + .xl\:max-h-44 { + max-height: 11rem !important; } - .xl\: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) !important; + .xl\:max-h-48 { + max-height: 12rem !important; } - .xl\: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) !important; + .xl\:max-h-52 { + max-height: 13rem !important; } - .xl\: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) !important; + .xl\:max-h-56 { + max-height: 14rem !important; } - .xl\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .xl\:max-h-60 { + max-height: 15rem !important; } - .xl\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .xl\:max-h-64 { + max-height: 16rem !important; } - .xl\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .xl\:max-h-72 { + max-height: 18rem !important; } - .xl\:focus\:shadow-none:focus { - box-shadow: none !important; + .xl\:max-h-80 { + max-height: 20rem !important; } - .xl\:fill-current { - fill: currentColor !important; + .xl\:max-h-96 { + max-height: 24rem !important; } - .xl\:stroke-current { - stroke: currentColor !important; + .xl\:max-h-px { + max-height: 1px !important; } - .xl\:stroke-0 { - stroke-width: 0 !important; + .xl\:max-h-0\.5 { + max-height: 0.125rem !important; } - .xl\:stroke-1 { - stroke-width: 1 !important; + .xl\:max-h-1\.5 { + max-height: 0.375rem !important; } - .xl\:stroke-2 { - stroke-width: 2 !important; + .xl\:max-h-2\.5 { + max-height: 0.625rem !important; } - .xl\:table-auto { - table-layout: auto !important; + .xl\:max-h-3\.5 { + max-height: 0.875rem !important; } - .xl\:table-fixed { - table-layout: fixed !important; + .xl\:max-h-full { + max-height: 100% !important; } - .xl\:text-left { - text-align: left !important; + .xl\:max-h-screen { + max-height: 100vh !important; } - .xl\:text-center { - text-align: center !important; + .xl\:max-w-0 { + max-width: 0rem !important; } - .xl\:text-right { - text-align: right !important; + .xl\:max-w-none { + max-width: none !important; } - .xl\:text-justify { - text-align: justify !important; + .xl\:max-w-xs { + max-width: 20rem !important; } - .xl\:text-transparent { - color: transparent !important; + .xl\:max-w-sm { + max-width: 24rem !important; } - .xl\:text-current { - color: currentColor !important; + .xl\:max-w-md { + max-width: 28rem !important; } - .xl\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .xl\:max-w-lg { + max-width: 32rem !important; } - .xl\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .xl\:max-w-xl { + max-width: 36rem !important; } - .xl\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .xl\:max-w-2xl { + max-width: 42rem !important; } - .xl\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .xl\:max-w-3xl { + max-width: 48rem !important; } - .xl\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .xl\:max-w-4xl { + max-width: 56rem !important; } - .xl\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .xl\:max-w-5xl { + max-width: 64rem !important; } - .xl\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .xl\:max-w-6xl { + max-width: 72rem !important; } - .xl\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .xl\:max-w-7xl { + max-width: 80rem !important; } - .xl\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .xl\:max-w-full { + max-width: 100% !important; } - .xl\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .xl\:max-w-min { + max-width: min-content !important; } - .xl\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .xl\:max-w-max { + max-width: max-content !important; } - .xl\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .xl\:max-w-screen-sm { + max-width: 640px !important; } - .xl\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .xl\:max-w-screen-md { + max-width: 768px !important; } - .xl\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .xl\:max-w-screen-lg { + max-width: 1024px !important; } - .xl\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .xl\:max-w-screen-xl { + max-width: 1280px !important; } - .xl\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .xl\:max-w-screen-2xl { + max-width: 1536px !important; } - .xl\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .xl\:min-h-0 { + min-height: 0 !important; } - .xl\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .xl\:min-h-full { + min-height: 100% !important; } - .xl\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .xl\:min-h-screen { + min-height: 100vh !important; } - .xl\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .xl\:min-w-0 { + min-width: 0 !important; } - .xl\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .xl\:min-w-full { + min-width: 100% !important; } - .xl\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .xl\:min-w-min { + min-width: min-content !important; } - .xl\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .xl\:min-w-max { + min-width: max-content !important; } - .xl\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .xl\:object-contain { + object-fit: contain !important; } - .xl\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .xl\:object-cover { + object-fit: cover !important; } - .xl\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .xl\:object-fill { + object-fit: fill !important; } - .xl\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .xl\:object-none { + object-fit: none !important; } - .xl\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .xl\:object-scale-down { + object-fit: scale-down !important; } - .xl\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .xl\:object-bottom { + object-position: bottom !important; } - .xl\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .xl\:object-center { + object-position: center !important; } - .xl\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .xl\:object-left { + object-position: left !important; } - .xl\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .xl\:object-left-bottom { + object-position: left bottom !important; } - .xl\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .xl\:object-left-top { + object-position: left top !important; } - .xl\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .xl\:object-right { + object-position: right !important; } - .xl\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .xl\:object-right-bottom { + object-position: right bottom !important; } - .xl\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .xl\:object-right-top { + object-position: right top !important; } - .xl\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .xl\:object-top { + object-position: top !important; } - .xl\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .xl\:opacity-0 { + opacity: 0 !important; } - .xl\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .xl\:opacity-25 { + opacity: 0.25 !important; } - .xl\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .xl\:opacity-50 { + opacity: 0.5 !important; } - .xl\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .xl\:opacity-75 { + opacity: 0.75 !important; } - .xl\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .xl\:opacity-100 { + opacity: 1 !important; } - .xl\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .group:hover .xl\:group-hover\:opacity-0 { + opacity: 0 !important; } - .xl\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .group:hover .xl\:group-hover\:opacity-25 { + opacity: 0.25 !important; } - .xl\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .group:hover .xl\:group-hover\:opacity-50 { + opacity: 0.5 !important; } - .xl\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .group:hover .xl\:group-hover\:opacity-75 { + opacity: 0.75 !important; } - .xl\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .group:hover .xl\:group-hover\:opacity-100 { + opacity: 1 !important; } - .xl\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .xl\:hover\:opacity-0:hover { + opacity: 0 !important; } - .xl\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .xl\:hover\:opacity-25:hover { + opacity: 0.25 !important; } - .xl\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .xl\:hover\:opacity-50:hover { + opacity: 0.5 !important; } - .xl\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .xl\:hover\:opacity-75:hover { + opacity: 0.75 !important; } - .xl\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .xl\:hover\:opacity-100:hover { + opacity: 1 !important; } - .xl\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .xl\:focus\:opacity-0:focus { + opacity: 0 !important; } - .xl\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .xl\:focus\:opacity-25:focus { + opacity: 0.25 !important; } - .xl\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .xl\:focus\:opacity-50:focus { + opacity: 0.5 !important; } - .xl\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .xl\:focus\:opacity-75:focus { + opacity: 0.75 !important; } - .xl\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .xl\:focus\:opacity-100:focus { + opacity: 1 !important; } - .xl\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .xl\:outline-none { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } - .xl\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .xl\:outline-white { + outline: 2px dotted white !important; + outline-offset: 2px !important; } - .xl\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .xl\:outline-black { + outline: 2px dotted black !important; + outline-offset: 2px !important; } - .xl\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .xl\:focus\:outline-none:focus { + outline: 2px solid transparent !important; + outline-offset: 2px !important; } - .xl\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .xl\:focus\:outline-white:focus { + outline: 2px dotted white !important; + outline-offset: 2px !important; } - .xl\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .xl\:focus\:outline-black:focus { + outline: 2px dotted black !important; + outline-offset: 2px !important; } - .xl\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .xl\:overflow-auto { + overflow: auto !important; } - .xl\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .xl\:overflow-hidden { + overflow: hidden !important; } - .xl\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .xl\:overflow-visible { + overflow: visible !important; } - .xl\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .xl\:overflow-scroll { + overflow: scroll !important; } - .xl\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .xl\:overflow-x-auto { + overflow-x: auto !important; } - .xl\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .xl\:overflow-y-auto { + overflow-y: auto !important; } - .xl\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .xl\:overflow-x-hidden { + overflow-x: hidden !important; } - .xl\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .xl\:overflow-y-hidden { + overflow-y: hidden !important; } - .xl\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .xl\:overflow-x-visible { + overflow-x: visible !important; } - .group:hover .xl\:group-hover\:text-transparent { - color: transparent !important; + .xl\:overflow-y-visible { + overflow-y: visible !important; } - .group:hover .xl\:group-hover\:text-current { - color: currentColor !important; + .xl\:overflow-x-scroll { + overflow-x: scroll !important; } - .group:hover .xl\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .xl\:overflow-y-scroll { + overflow-y: scroll !important; } - .group:hover .xl\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .xl\:overscroll-auto { + overscroll-behavior: auto !important; } - .group:hover .xl\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .xl\:overscroll-contain { + overscroll-behavior: contain !important; } - .group:hover .xl\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .xl\:overscroll-none { + overscroll-behavior: none !important; } - .group:hover .xl\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .xl\:overscroll-y-auto { + overscroll-behavior-y: auto !important; } - .group:hover .xl\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .xl\:overscroll-y-contain { + overscroll-behavior-y: contain !important; } - .group:hover .xl\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .xl\:overscroll-y-none { + overscroll-behavior-y: none !important; } - .group:hover .xl\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .xl\:overscroll-x-auto { + overscroll-behavior-x: auto !important; } - .group:hover .xl\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .xl\:overscroll-x-contain { + overscroll-behavior-x: contain !important; } - .group:hover .xl\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .xl\:overscroll-x-none { + overscroll-behavior-x: none !important; } - .group:hover .xl\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .xl\:p-0 { + padding: 0 !important; } - .group:hover .xl\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .xl\:p-1 { + padding: 0.25rem !important; } - .group:hover .xl\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .xl\:p-2 { + padding: 0.5rem !important; } - .group:hover .xl\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .xl\:p-3 { + padding: 0.75rem !important; } - .group:hover .xl\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .xl\:p-4 { + padding: 1rem !important; } - .group:hover .xl\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .xl\:p-5 { + padding: 1.25rem !important; } - .group:hover .xl\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .xl\:p-6 { + padding: 1.5rem !important; } - .group:hover .xl\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .xl\:p-7 { + padding: 1.75rem !important; } - .group:hover .xl\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .xl\:p-8 { + padding: 2rem !important; } - .group:hover .xl\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .xl\:p-9 { + padding: 2.25rem !important; } - .group:hover .xl\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .xl\:p-10 { + padding: 2.5rem !important; } - .group:hover .xl\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .xl\:p-12 { + padding: 3rem !important; } - .group:hover .xl\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .xl\:p-14 { + padding: 3.5rem !important; } - .group:hover .xl\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .xl\:p-16 { + padding: 4rem !important; } - .group:hover .xl\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .xl\:p-20 { + padding: 5rem !important; } - .group:hover .xl\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .xl\:p-24 { + padding: 6rem !important; } - .group:hover .xl\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .xl\:p-28 { + padding: 7rem !important; } - .group:hover .xl\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .xl\:p-32 { + padding: 8rem !important; } - .group:hover .xl\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .xl\:p-36 { + padding: 9rem !important; } - .group:hover .xl\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .xl\:p-40 { + padding: 10rem !important; } - .group:hover .xl\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .xl\:p-44 { + padding: 11rem !important; } - .group:hover .xl\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .xl\:p-48 { + padding: 12rem !important; } - .group:hover .xl\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .xl\:p-52 { + padding: 13rem !important; } - .group:hover .xl\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .xl\:p-56 { + padding: 14rem !important; } - .group:hover .xl\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .xl\:p-60 { + padding: 15rem !important; } - .group:hover .xl\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .xl\:p-64 { + padding: 16rem !important; } - .group:hover .xl\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .xl\:p-72 { + padding: 18rem !important; } - .group:hover .xl\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .xl\:p-80 { + padding: 20rem !important; } - .group:hover .xl\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .xl\:p-96 { + padding: 24rem !important; } - .group:hover .xl\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .xl\:p-px { + padding: 1px !important; } - .group:hover .xl\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .xl\:p-0\.5 { + padding: 0.125rem !important; } - .group:hover .xl\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .xl\:p-1\.5 { + padding: 0.375rem !important; } - .group:hover .xl\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .xl\:p-2\.5 { + padding: 0.625rem !important; } - .group:hover .xl\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .xl\:p-3\.5 { + padding: 0.875rem !important; } - .group:hover .xl\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .xl\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .group:hover .xl\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .xl\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .group:hover .xl\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .xl\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .group:hover .xl\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .xl\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .group:hover .xl\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .xl\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .group:hover .xl\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .xl\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .group:hover .xl\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .xl\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .group:hover .xl\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .xl\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .group:hover .xl\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .xl\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .group:hover .xl\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .xl\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .group:hover .xl\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .xl\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .group:hover .xl\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .xl\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .group:hover .xl\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .xl\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .group:hover .xl\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .xl\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .group:hover .xl\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .xl\:py-7 { + padding-top: 1.75rem !important; + padding-bottom: 1.75rem !important; } - .group:hover .xl\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .xl\:px-7 { + padding-left: 1.75rem !important; + padding-right: 1.75rem !important; } - .group:hover .xl\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .xl\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .group:hover .xl\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .xl\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .group:hover .xl\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .xl\:py-9 { + padding-top: 2.25rem !important; + padding-bottom: 2.25rem !important; } - .group:hover .xl\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .xl\:px-9 { + padding-left: 2.25rem !important; + padding-right: 2.25rem !important; } - .group:hover .xl\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .xl\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .group:hover .xl\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .xl\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .group:hover .xl\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .xl\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .group:hover .xl\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .xl\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .group:hover .xl\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .xl\:py-14 { + padding-top: 3.5rem !important; + padding-bottom: 3.5rem !important; } - .group:hover .xl\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .xl\:px-14 { + padding-left: 3.5rem !important; + padding-right: 3.5rem !important; } - .group:hover .xl\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .xl\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .group:hover .xl\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .xl\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .xl\:hover\:text-transparent:hover { - color: transparent !important; + .xl\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .xl\:hover\:text-current:hover { - color: currentColor !important; + .xl\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .xl\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .xl\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .xl\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .xl\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .xl\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .xl\:py-28 { + padding-top: 7rem !important; + padding-bottom: 7rem !important; } - .xl\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .xl\:px-28 { + padding-left: 7rem !important; + padding-right: 7rem !important; } - .xl\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .xl\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .xl\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .xl\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .xl\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .xl\:py-36 { + padding-top: 9rem !important; + padding-bottom: 9rem !important; } - .xl\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .xl\:px-36 { + padding-left: 9rem !important; + padding-right: 9rem !important; } - .xl\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .xl\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .xl\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .xl\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .xl\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .xl\:py-44 { + padding-top: 11rem !important; + padding-bottom: 11rem !important; } - .xl\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .xl\:px-44 { + padding-left: 11rem !important; + padding-right: 11rem !important; } - .xl\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .xl\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .xl\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .xl\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .xl\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .xl\:py-52 { + padding-top: 13rem !important; + padding-bottom: 13rem !important; } - .xl\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .xl\:px-52 { + padding-left: 13rem !important; + padding-right: 13rem !important; } - .xl\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .xl\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .xl\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .xl\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .xl\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .xl\:py-60 { + padding-top: 15rem !important; + padding-bottom: 15rem !important; } - .xl\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .xl\:px-60 { + padding-left: 15rem !important; + padding-right: 15rem !important; } - .xl\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .xl\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .xl\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .xl\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .xl\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .xl\:py-72 { + padding-top: 18rem !important; + padding-bottom: 18rem !important; } - .xl\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .xl\:px-72 { + padding-left: 18rem !important; + padding-right: 18rem !important; } - .xl\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .xl\:py-80 { + padding-top: 20rem !important; + padding-bottom: 20rem !important; } - .xl\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .xl\:px-80 { + padding-left: 20rem !important; + padding-right: 20rem !important; } - .xl\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .xl\:py-96 { + padding-top: 24rem !important; + padding-bottom: 24rem !important; } - .xl\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .xl\:px-96 { + padding-left: 24rem !important; + padding-right: 24rem !important; } - .xl\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .xl\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .xl\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .xl\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .xl\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .xl\:py-0\.5 { + padding-top: 0.125rem !important; + padding-bottom: 0.125rem !important; } - .xl\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .xl\:px-0\.5 { + padding-left: 0.125rem !important; + padding-right: 0.125rem !important; } - .xl\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .xl\:py-1\.5 { + padding-top: 0.375rem !important; + padding-bottom: 0.375rem !important; } - .xl\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .xl\:px-1\.5 { + padding-left: 0.375rem !important; + padding-right: 0.375rem !important; } - .xl\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .xl\:py-2\.5 { + padding-top: 0.625rem !important; + padding-bottom: 0.625rem !important; } - .xl\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .xl\:px-2\.5 { + padding-left: 0.625rem !important; + padding-right: 0.625rem !important; } - .xl\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .xl\:py-3\.5 { + padding-top: 0.875rem !important; + padding-bottom: 0.875rem !important; } - .xl\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .xl\:px-3\.5 { + padding-left: 0.875rem !important; + padding-right: 0.875rem !important; } - .xl\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .xl\:pt-0 { + padding-top: 0 !important; } - .xl\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .xl\:pr-0 { + padding-right: 0 !important; } - .xl\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .xl\:pb-0 { + padding-bottom: 0 !important; } - .xl\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .xl\:pl-0 { + padding-left: 0 !important; } - .xl\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .xl\:pt-1 { + padding-top: 0.25rem !important; } - .xl\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .xl\:pr-1 { + padding-right: 0.25rem !important; } - .xl\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .xl\:pb-1 { + padding-bottom: 0.25rem !important; } - .xl\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .xl\:pl-1 { + padding-left: 0.25rem !important; } - .xl\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .xl\:pt-2 { + padding-top: 0.5rem !important; } - .xl\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .xl\:pr-2 { + padding-right: 0.5rem !important; } - .xl\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .xl\:pb-2 { + padding-bottom: 0.5rem !important; } - .xl\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .xl\:pl-2 { + padding-left: 0.5rem !important; } - .xl\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .xl\:pt-3 { + padding-top: 0.75rem !important; } - .xl\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .xl\:pr-3 { + padding-right: 0.75rem !important; } - .xl\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .xl\:pb-3 { + padding-bottom: 0.75rem !important; } - .xl\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .xl\:pl-3 { + padding-left: 0.75rem !important; } - .xl\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .xl\:pt-4 { + padding-top: 1rem !important; } - .xl\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .xl\:pr-4 { + padding-right: 1rem !important; } - .xl\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .xl\:pb-4 { + padding-bottom: 1rem !important; } - .xl\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .xl\:pl-4 { + padding-left: 1rem !important; } - .xl\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .xl\:pt-5 { + padding-top: 1.25rem !important; } - .xl\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .xl\:pr-5 { + padding-right: 1.25rem !important; } - .xl\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .xl\:pb-5 { + padding-bottom: 1.25rem !important; } - .xl\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .xl\:pl-5 { + padding-left: 1.25rem !important; } - .xl\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .xl\:pt-6 { + padding-top: 1.5rem !important; } - .xl\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .xl\:pr-6 { + padding-right: 1.5rem !important; } - .xl\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .xl\:pb-6 { + padding-bottom: 1.5rem !important; } - .xl\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .xl\:pl-6 { + padding-left: 1.5rem !important; } - .xl\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .xl\:pt-7 { + padding-top: 1.75rem !important; } - .xl\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .xl\:pr-7 { + padding-right: 1.75rem !important; } - .xl\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .xl\:pb-7 { + padding-bottom: 1.75rem !important; } - .xl\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .xl\:pl-7 { + padding-left: 1.75rem !important; } - .xl\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .xl\:pt-8 { + padding-top: 2rem !important; } - .xl\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .xl\:pr-8 { + padding-right: 2rem !important; } - .xl\:focus\:text-transparent:focus { - color: transparent !important; + .xl\:pb-8 { + padding-bottom: 2rem !important; } - .xl\:focus\:text-current:focus { - color: currentColor !important; + .xl\:pl-8 { + padding-left: 2rem !important; } - .xl\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; + .xl\:pt-9 { + padding-top: 2.25rem !important; } - .xl\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; + .xl\:pr-9 { + padding-right: 2.25rem !important; } - .xl\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; + .xl\:pb-9 { + padding-bottom: 2.25rem !important; } - .xl\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; + .xl\:pl-9 { + padding-left: 2.25rem !important; } - .xl\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; + .xl\:pt-10 { + padding-top: 2.5rem !important; } - .xl\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; + .xl\:pr-10 { + padding-right: 2.5rem !important; } - .xl\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; + .xl\:pb-10 { + padding-bottom: 2.5rem !important; } - .xl\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; + .xl\:pl-10 { + padding-left: 2.5rem !important; } - .xl\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; + .xl\:pt-12 { + padding-top: 3rem !important; } - .xl\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; + .xl\:pr-12 { + padding-right: 3rem !important; } - .xl\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; + .xl\:pb-12 { + padding-bottom: 3rem !important; } - .xl\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; + .xl\:pl-12 { + padding-left: 3rem !important; } - .xl\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; + .xl\:pt-14 { + padding-top: 3.5rem !important; } - .xl\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; + .xl\:pr-14 { + padding-right: 3.5rem !important; } - .xl\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; + .xl\:pb-14 { + padding-bottom: 3.5rem !important; } - .xl\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; + .xl\:pl-14 { + padding-left: 3.5rem !important; } - .xl\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; + .xl\:pt-16 { + padding-top: 4rem !important; } - .xl\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; + .xl\:pr-16 { + padding-right: 4rem !important; } - .xl\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; + .xl\:pb-16 { + padding-bottom: 4rem !important; } - .xl\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; + .xl\:pl-16 { + padding-left: 4rem !important; } - .xl\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; + .xl\:pt-20 { + padding-top: 5rem !important; } - .xl\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; + .xl\:pr-20 { + padding-right: 5rem !important; } - .xl\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; + .xl\:pb-20 { + padding-bottom: 5rem !important; } - .xl\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; + .xl\:pl-20 { + padding-left: 5rem !important; } - .xl\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; + .xl\:pt-24 { + padding-top: 6rem !important; } - .xl\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; + .xl\:pr-24 { + padding-right: 6rem !important; } - .xl\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; + .xl\:pb-24 { + padding-bottom: 6rem !important; } - .xl\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; + .xl\:pl-24 { + padding-left: 6rem !important; } - .xl\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; + .xl\:pt-28 { + padding-top: 7rem !important; } - .xl\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; + .xl\:pr-28 { + padding-right: 7rem !important; } - .xl\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; + .xl\:pb-28 { + padding-bottom: 7rem !important; } - .xl\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; + .xl\:pl-28 { + padding-left: 7rem !important; } - .xl\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; + .xl\:pt-32 { + padding-top: 8rem !important; } - .xl\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; + .xl\:pr-32 { + padding-right: 8rem !important; } - .xl\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; + .xl\:pb-32 { + padding-bottom: 8rem !important; } - .xl\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; + .xl\:pl-32 { + padding-left: 8rem !important; } - .xl\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; + .xl\:pt-36 { + padding-top: 9rem !important; } - .xl\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; + .xl\:pr-36 { + padding-right: 9rem !important; } - .xl\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; + .xl\:pb-36 { + padding-bottom: 9rem !important; } - .xl\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; + .xl\:pl-36 { + padding-left: 9rem !important; } - .xl\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; + .xl\:pt-40 { + padding-top: 10rem !important; } - .xl\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; + .xl\:pr-40 { + padding-right: 10rem !important; } - .xl\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; + .xl\:pb-40 { + padding-bottom: 10rem !important; } - .xl\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; + .xl\:pl-40 { + padding-left: 10rem !important; } - .xl\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; + .xl\:pt-44 { + padding-top: 11rem !important; } - .xl\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; + .xl\:pr-44 { + padding-right: 11rem !important; } - .xl\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; + .xl\:pb-44 { + padding-bottom: 11rem !important; } - .xl\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; + .xl\:pl-44 { + padding-left: 11rem !important; } - .xl\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; + .xl\:pt-48 { + padding-top: 12rem !important; } - .xl\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; + .xl\:pr-48 { + padding-right: 12rem !important; } - .xl\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; + .xl\:pb-48 { + padding-bottom: 12rem !important; } - .xl\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; + .xl\:pl-48 { + padding-left: 12rem !important; } - .xl\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; + .xl\:pt-52 { + padding-top: 13rem !important; } - .xl\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; + .xl\:pr-52 { + padding-right: 13rem !important; } - .xl\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; + .xl\:pb-52 { + padding-bottom: 13rem !important; } - .xl\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; + .xl\:pl-52 { + padding-left: 13rem !important; } - .xl\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; + .xl\:pt-56 { + padding-top: 14rem !important; } - .xl\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; + .xl\:pr-56 { + padding-right: 14rem !important; } - .xl\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; + .xl\:pb-56 { + padding-bottom: 14rem !important; } - .xl\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; + .xl\:pl-56 { + padding-left: 14rem !important; } - .xl\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; + .xl\:pt-60 { + padding-top: 15rem !important; } - .xl\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; + .xl\:pr-60 { + padding-right: 15rem !important; } - .xl\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; + .xl\:pb-60 { + padding-bottom: 15rem !important; } - .xl\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; + .xl\:pl-60 { + padding-left: 15rem !important; } - .xl\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; + .xl\:pt-64 { + padding-top: 16rem !important; } - .xl\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; + .xl\:pr-64 { + padding-right: 16rem !important; } - .xl\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; + .xl\:pb-64 { + padding-bottom: 16rem !important; } - .xl\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; + .xl\:pl-64 { + padding-left: 16rem !important; } - .xl\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; + .xl\:pt-72 { + padding-top: 18rem !important; } - .xl\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; + .xl\:pr-72 { + padding-right: 18rem !important; } - .xl\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; + .xl\:pb-72 { + padding-bottom: 18rem !important; } - .xl\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; + .xl\:pl-72 { + padding-left: 18rem !important; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:text-transparent { - color: transparent !important; - } - - .xl\:dark\:text-current { - color: currentColor !important; - } + .xl\:pt-80 { + padding-top: 20rem !important; + } - .xl\:dark\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .xl\:pr-80 { + padding-right: 20rem !important; + } - .xl\:dark\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .xl\:pb-80 { + padding-bottom: 20rem !important; + } - .xl\:dark\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .xl\:pl-80 { + padding-left: 20rem !important; + } - .xl\:dark\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .xl\:pt-96 { + padding-top: 24rem !important; + } - .xl\:dark\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .xl\:pr-96 { + padding-right: 24rem !important; + } - .xl\:dark\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .xl\:pb-96 { + padding-bottom: 24rem !important; + } - .xl\:dark\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .xl\:pl-96 { + padding-left: 24rem !important; + } - .xl\:dark\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .xl\:pt-px { + padding-top: 1px !important; + } - .xl\:dark\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .xl\:pr-px { + padding-right: 1px !important; + } - .xl\:dark\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .xl\:pb-px { + padding-bottom: 1px !important; + } - .xl\:dark\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .xl\:pl-px { + padding-left: 1px !important; + } - .xl\:dark\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .xl\:pt-0\.5 { + padding-top: 0.125rem !important; + } - .xl\:dark\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .xl\:pr-0\.5 { + padding-right: 0.125rem !important; + } - .xl\:dark\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .xl\:pb-0\.5 { + padding-bottom: 0.125rem !important; + } - .xl\:dark\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .xl\:pl-0\.5 { + padding-left: 0.125rem !important; + } - .xl\:dark\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .xl\:pt-1\.5 { + padding-top: 0.375rem !important; + } - .xl\:dark\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .xl\:pr-1\.5 { + padding-right: 0.375rem !important; + } - .xl\:dark\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .xl\:pb-1\.5 { + padding-bottom: 0.375rem !important; + } - .xl\:dark\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .xl\:pl-1\.5 { + padding-left: 0.375rem !important; + } - .xl\:dark\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .xl\:pt-2\.5 { + padding-top: 0.625rem !important; + } - .xl\:dark\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .xl\:pr-2\.5 { + padding-right: 0.625rem !important; + } - .xl\:dark\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .xl\:pb-2\.5 { + padding-bottom: 0.625rem !important; + } - .xl\:dark\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .xl\:pl-2\.5 { + padding-left: 0.625rem !important; + } - .xl\:dark\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .xl\:pt-3\.5 { + padding-top: 0.875rem !important; + } - .xl\:dark\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .xl\:pr-3\.5 { + padding-right: 0.875rem !important; + } - .xl\:dark\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .xl\:pb-3\.5 { + padding-bottom: 0.875rem !important; + } - .xl\:dark\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .xl\:pl-3\.5 { + padding-left: 0.875rem !important; + } - .xl\:dark\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .xl\:placeholder-transparent::placeholder { + color: transparent !important; + } - .xl\:dark\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .xl\:placeholder-current::placeholder { + color: currentColor !important; + } - .xl\:dark\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .xl\:placeholder-black::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .xl\:placeholder-white::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .xl\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .xl\:placeholder-red-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .xl\:placeholder-red-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .xl\:placeholder-red-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .xl\:placeholder-red-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .xl\:placeholder-red-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .xl\:placeholder-red-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .xl\:placeholder-red-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .xl\:placeholder-red-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .xl\:placeholder-red-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .xl\:placeholder-red-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .xl\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .xl\:placeholder-green-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .xl\:placeholder-green-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .xl\:placeholder-green-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .xl\:placeholder-green-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .xl\:placeholder-green-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .xl\:placeholder-green-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .xl\:placeholder-green-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .xl\:placeholder-green-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .xl\:placeholder-green-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .xl\:placeholder-green-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + } - .xl\:dark\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-transparent { - color: transparent !important; - } + .xl\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-current { - color: currentColor !important; - } + .xl\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .xl\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .xl\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .xl\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-current:focus::placeholder { + color: currentColor !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; + } - .group:hover .xl\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-transparent:hover { - color: transparent !important; - } + .xl\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-current:hover { - color: currentColor !important; - } + .xl\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1 !important; + color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; + } - .xl\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .xl\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0 !important; + } - .xl\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .xl\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25 !important; + } - .xl\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .xl\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5 !important; + } - .xl\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .xl\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75 !important; + } - .xl\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .xl\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1 !important; + } - .xl\:dark\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0 !important; + } - .xl\:dark\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25 !important; + } - .xl\:dark\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5 !important; + } - .xl\:dark\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75 !important; + } - .xl\:dark\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .xl\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1 !important; + } - .xl\:dark\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .xl\:pointer-events-none { + pointer-events: none !important; + } - .xl\:dark\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .xl\:pointer-events-auto { + pointer-events: auto !important; + } - .xl\:dark\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .xl\:static { + position: static !important; + } - .xl\:dark\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .xl\:fixed { + position: fixed !important; + } - .xl\:dark\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .xl\:absolute { + position: absolute !important; + } - .xl\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .xl\:relative { + position: relative !important; + } - .xl\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .xl\:sticky { + position: sticky !important; + } - .xl\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .xl\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; + } - .xl\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .xl\:inset-1 { + top: 0.25rem !important; + right: 0.25rem !important; + bottom: 0.25rem !important; + left: 0.25rem !important; + } - .xl\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .xl\:inset-2 { + top: 0.5rem !important; + right: 0.5rem !important; + bottom: 0.5rem !important; + left: 0.5rem !important; + } - .xl\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .xl\:inset-3 { + top: 0.75rem !important; + right: 0.75rem !important; + bottom: 0.75rem !important; + left: 0.75rem !important; + } - .xl\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .xl\:inset-4 { + top: 1rem !important; + right: 1rem !important; + bottom: 1rem !important; + left: 1rem !important; + } - .xl\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .xl\:inset-5 { + top: 1.25rem !important; + right: 1.25rem !important; + bottom: 1.25rem !important; + left: 1.25rem !important; + } - .xl\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .xl\:inset-6 { + top: 1.5rem !important; + right: 1.5rem !important; + bottom: 1.5rem !important; + left: 1.5rem !important; + } - .xl\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .xl\:inset-7 { + top: 1.75rem !important; + right: 1.75rem !important; + bottom: 1.75rem !important; + left: 1.75rem !important; + } - .xl\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .xl\:inset-8 { + top: 2rem !important; + right: 2rem !important; + bottom: 2rem !important; + left: 2rem !important; + } - .xl\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .xl\:inset-9 { + top: 2.25rem !important; + right: 2.25rem !important; + bottom: 2.25rem !important; + left: 2.25rem !important; + } - .xl\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .xl\:inset-10 { + top: 2.5rem !important; + right: 2.5rem !important; + bottom: 2.5rem !important; + left: 2.5rem !important; + } - .xl\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .xl\:inset-12 { + top: 3rem !important; + right: 3rem !important; + bottom: 3rem !important; + left: 3rem !important; + } - .xl\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .xl\:inset-14 { + top: 3.5rem !important; + right: 3.5rem !important; + bottom: 3.5rem !important; + left: 3.5rem !important; + } - .xl\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .xl\:inset-16 { + top: 4rem !important; + right: 4rem !important; + bottom: 4rem !important; + left: 4rem !important; + } - .xl\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .xl\:inset-20 { + top: 5rem !important; + right: 5rem !important; + bottom: 5rem !important; + left: 5rem !important; + } - .xl\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .xl\:inset-24 { + top: 6rem !important; + right: 6rem !important; + bottom: 6rem !important; + left: 6rem !important; + } - .xl\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .xl\:inset-28 { + top: 7rem !important; + right: 7rem !important; + bottom: 7rem !important; + left: 7rem !important; + } - .xl\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .xl\:inset-32 { + top: 8rem !important; + right: 8rem !important; + bottom: 8rem !important; + left: 8rem !important; + } - .xl\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .xl\:inset-36 { + top: 9rem !important; + right: 9rem !important; + bottom: 9rem !important; + left: 9rem !important; + } - .xl\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .xl\:inset-40 { + top: 10rem !important; + right: 10rem !important; + bottom: 10rem !important; + left: 10rem !important; + } - .xl\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .xl\:inset-44 { + top: 11rem !important; + right: 11rem !important; + bottom: 11rem !important; + left: 11rem !important; + } - .xl\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .xl\:inset-48 { + top: 12rem !important; + right: 12rem !important; + bottom: 12rem !important; + left: 12rem !important; + } - .xl\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .xl\:inset-52 { + top: 13rem !important; + right: 13rem !important; + bottom: 13rem !important; + left: 13rem !important; + } - .xl\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .xl\:inset-56 { + top: 14rem !important; + right: 14rem !important; + bottom: 14rem !important; + left: 14rem !important; + } - .xl\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .xl\:inset-60 { + top: 15rem !important; + right: 15rem !important; + bottom: 15rem !important; + left: 15rem !important; + } - .xl\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .xl\:inset-64 { + top: 16rem !important; + right: 16rem !important; + bottom: 16rem !important; + left: 16rem !important; + } - .xl\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .xl\:inset-72 { + top: 18rem !important; + right: 18rem !important; + bottom: 18rem !important; + left: 18rem !important; + } - .xl\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .xl\:inset-80 { + top: 20rem !important; + right: 20rem !important; + bottom: 20rem !important; + left: 20rem !important; + } - .xl\:dark\:focus\:text-transparent:focus { - color: transparent !important; - } + .xl\:inset-96 { + top: 24rem !important; + right: 24rem !important; + bottom: 24rem !important; + left: 24rem !important; + } - .xl\:dark\:focus\:text-current:focus { - color: currentColor !important; - } + .xl\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; + } - .xl\:dark\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } + .xl\:inset-px { + top: 1px !important; + right: 1px !important; + bottom: 1px !important; + left: 1px !important; + } - .xl\:dark\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } + .xl\:inset-0\.5 { + top: 0.125rem !important; + right: 0.125rem !important; + bottom: 0.125rem !important; + left: 0.125rem !important; + } - .xl\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } + .xl\:inset-1\.5 { + top: 0.375rem !important; + right: 0.375rem !important; + bottom: 0.375rem !important; + left: 0.375rem !important; + } - .xl\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } + .xl\:inset-2\.5 { + top: 0.625rem !important; + right: 0.625rem !important; + bottom: 0.625rem !important; + left: 0.625rem !important; + } - .xl\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } + .xl\:inset-3\.5 { + top: 0.875rem !important; + right: 0.875rem !important; + bottom: 0.875rem !important; + left: 0.875rem !important; + } - .xl\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } + .xl\:-inset-1 { + top: -0.25rem !important; + right: -0.25rem !important; + bottom: -0.25rem !important; + left: -0.25rem !important; + } - .xl\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } + .xl\:-inset-2 { + top: -0.5rem !important; + right: -0.5rem !important; + bottom: -0.5rem !important; + left: -0.5rem !important; + } - .xl\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } + .xl\:-inset-3 { + top: -0.75rem !important; + right: -0.75rem !important; + bottom: -0.75rem !important; + left: -0.75rem !important; + } - .xl\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } + .xl\:-inset-4 { + top: -1rem !important; + right: -1rem !important; + bottom: -1rem !important; + left: -1rem !important; + } - .xl\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } + .xl\:-inset-5 { + top: -1.25rem !important; + right: -1.25rem !important; + bottom: -1.25rem !important; + left: -1.25rem !important; + } - .xl\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } + .xl\:-inset-6 { + top: -1.5rem !important; + right: -1.5rem !important; + bottom: -1.5rem !important; + left: -1.5rem !important; + } - .xl\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } + .xl\:-inset-7 { + top: -1.75rem !important; + right: -1.75rem !important; + bottom: -1.75rem !important; + left: -1.75rem !important; + } - .xl\:dark\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } + .xl\:-inset-8 { + top: -2rem !important; + right: -2rem !important; + bottom: -2rem !important; + left: -2rem !important; + } - .xl\:dark\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } + .xl\:-inset-9 { + top: -2.25rem !important; + right: -2.25rem !important; + bottom: -2.25rem !important; + left: -2.25rem !important; + } - .xl\:dark\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } + .xl\:-inset-10 { + top: -2.5rem !important; + right: -2.5rem !important; + bottom: -2.5rem !important; + left: -2.5rem !important; + } - .xl\:dark\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } + .xl\:-inset-12 { + top: -3rem !important; + right: -3rem !important; + bottom: -3rem !important; + left: -3rem !important; + } - .xl\:dark\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } + .xl\:-inset-14 { + top: -3.5rem !important; + right: -3.5rem !important; + bottom: -3.5rem !important; + left: -3.5rem !important; + } - .xl\:dark\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } + .xl\:-inset-16 { + top: -4rem !important; + right: -4rem !important; + bottom: -4rem !important; + left: -4rem !important; + } - .xl\:dark\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } + .xl\:-inset-20 { + top: -5rem !important; + right: -5rem !important; + bottom: -5rem !important; + left: -5rem !important; + } - .xl\:dark\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } + .xl\:-inset-24 { + top: -6rem !important; + right: -6rem !important; + bottom: -6rem !important; + left: -6rem !important; + } - .xl\:dark\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } + .xl\:-inset-28 { + top: -7rem !important; + right: -7rem !important; + bottom: -7rem !important; + left: -7rem !important; + } - .xl\:dark\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } + .xl\:-inset-32 { + top: -8rem !important; + right: -8rem !important; + bottom: -8rem !important; + left: -8rem !important; + } - .xl\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } + .xl\:-inset-36 { + top: -9rem !important; + right: -9rem !important; + bottom: -9rem !important; + left: -9rem !important; + } - .xl\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } + .xl\:-inset-40 { + top: -10rem !important; + right: -10rem !important; + bottom: -10rem !important; + left: -10rem !important; + } - .xl\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } + .xl\:-inset-44 { + top: -11rem !important; + right: -11rem !important; + bottom: -11rem !important; + left: -11rem !important; + } - .xl\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } + .xl\:-inset-48 { + top: -12rem !important; + right: -12rem !important; + bottom: -12rem !important; + left: -12rem !important; + } - .xl\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } + .xl\:-inset-52 { + top: -13rem !important; + right: -13rem !important; + bottom: -13rem !important; + left: -13rem !important; + } - .xl\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } + .xl\:-inset-56 { + top: -14rem !important; + right: -14rem !important; + bottom: -14rem !important; + left: -14rem !important; + } - .xl\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } + .xl\:-inset-60 { + top: -15rem !important; + right: -15rem !important; + bottom: -15rem !important; + left: -15rem !important; + } - .xl\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } + .xl\:-inset-64 { + top: -16rem !important; + right: -16rem !important; + bottom: -16rem !important; + left: -16rem !important; + } - .xl\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } + .xl\:-inset-72 { + top: -18rem !important; + right: -18rem !important; + bottom: -18rem !important; + left: -18rem !important; + } - .xl\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } + .xl\:-inset-80 { + top: -20rem !important; + right: -20rem !important; + bottom: -20rem !important; + left: -20rem !important; + } - .xl\:dark\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } + .xl\:-inset-96 { + top: -24rem !important; + right: -24rem !important; + bottom: -24rem !important; + left: -24rem !important; + } - .xl\:dark\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } + .xl\:-inset-px { + top: -1px !important; + right: -1px !important; + bottom: -1px !important; + left: -1px !important; + } - .xl\:dark\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } + .xl\:-inset-0\.5 { + top: -0.125rem !important; + right: -0.125rem !important; + bottom: -0.125rem !important; + left: -0.125rem !important; + } - .xl\:dark\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } + .xl\:-inset-1\.5 { + top: -0.375rem !important; + right: -0.375rem !important; + bottom: -0.375rem !important; + left: -0.375rem !important; + } - .xl\:dark\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } + .xl\:-inset-2\.5 { + top: -0.625rem !important; + right: -0.625rem !important; + bottom: -0.625rem !important; + left: -0.625rem !important; + } - .xl\:dark\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } + .xl\:-inset-3\.5 { + top: -0.875rem !important; + right: -0.875rem !important; + bottom: -0.875rem !important; + left: -0.875rem !important; + } - .xl\:dark\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } + .xl\:inset-1\/2 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; + } - .xl\:dark\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } + .xl\:inset-1\/3 { + top: 33.333333% !important; + right: 33.333333% !important; + bottom: 33.333333% !important; + left: 33.333333% !important; + } - .xl\:dark\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } + .xl\:inset-2\/3 { + top: 66.666667% !important; + right: 66.666667% !important; + bottom: 66.666667% !important; + left: 66.666667% !important; + } - .xl\:dark\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } + .xl\:inset-1\/4 { + top: 25% !important; + right: 25% !important; + bottom: 25% !important; + left: 25% !important; + } - .xl\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } + .xl\:inset-2\/4 { + top: 50% !important; + right: 50% !important; + bottom: 50% !important; + left: 50% !important; + } - .xl\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } + .xl\:inset-3\/4 { + top: 75% !important; + right: 75% !important; + bottom: 75% !important; + left: 75% !important; + } - .xl\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } + .xl\:inset-full { + top: 100% !important; + right: 100% !important; + bottom: 100% !important; + left: 100% !important; + } - .xl\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } + .xl\:-inset-1\/2 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; + } - .xl\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } + .xl\:-inset-1\/3 { + top: -33.333333% !important; + right: -33.333333% !important; + bottom: -33.333333% !important; + left: -33.333333% !important; + } - .xl\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } + .xl\:-inset-2\/3 { + top: -66.666667% !important; + right: -66.666667% !important; + bottom: -66.666667% !important; + left: -66.666667% !important; + } - .xl\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } + .xl\:-inset-1\/4 { + top: -25% !important; + right: -25% !important; + bottom: -25% !important; + left: -25% !important; + } - .xl\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } + .xl\:-inset-2\/4 { + top: -50% !important; + right: -50% !important; + bottom: -50% !important; + left: -50% !important; + } - .xl\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } + .xl\:-inset-3\/4 { + top: -75% !important; + right: -75% !important; + bottom: -75% !important; + left: -75% !important; + } - .xl\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } + .xl\:-inset-full { + top: -100% !important; + right: -100% !important; + bottom: -100% !important; + left: -100% !important; + } - .xl\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } + .xl\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; + } - .xl\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } + .xl\:inset-x-0 { + right: 0 !important; + left: 0 !important; + } - .xl\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } + .xl\:inset-y-1 { + top: 0.25rem !important; + bottom: 0.25rem !important; + } - .xl\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } + .xl\:inset-x-1 { + right: 0.25rem !important; + left: 0.25rem !important; + } - .xl\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } + .xl\:inset-y-2 { + top: 0.5rem !important; + bottom: 0.5rem !important; + } - .xl\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } + .xl\:inset-x-2 { + right: 0.5rem !important; + left: 0.5rem !important; + } - .xl\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } + .xl\:inset-y-3 { + top: 0.75rem !important; + bottom: 0.75rem !important; + } - .xl\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } + .xl\:inset-x-3 { + right: 0.75rem !important; + left: 0.75rem !important; + } - .xl\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } + .xl\:inset-y-4 { + top: 1rem !important; + bottom: 1rem !important; + } - .xl\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } + .xl\:inset-x-4 { + right: 1rem !important; + left: 1rem !important; + } - .xl\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } + .xl\:inset-y-5 { + top: 1.25rem !important; + bottom: 1.25rem !important; + } - .xl\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } + .xl\:inset-x-5 { + right: 1.25rem !important; + left: 1.25rem !important; + } - .xl\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } + .xl\:inset-y-6 { + top: 1.5rem !important; + bottom: 1.5rem !important; + } - .xl\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } + .xl\:inset-x-6 { + right: 1.5rem !important; + left: 1.5rem !important; + } - .xl\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } + .xl\:inset-y-7 { + top: 1.75rem !important; + bottom: 1.75rem !important; + } - .xl\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } + .xl\:inset-x-7 { + right: 1.75rem !important; + left: 1.75rem !important; + } - .xl\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } + .xl\:inset-y-8 { + top: 2rem !important; + bottom: 2rem !important; + } - .xl\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } + .xl\:inset-x-8 { + right: 2rem !important; + left: 2rem !important; + } - .xl\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } + .xl\:inset-y-9 { + top: 2.25rem !important; + bottom: 2.25rem !important; + } - .xl\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } + .xl\:inset-x-9 { + right: 2.25rem !important; + left: 2.25rem !important; } - .xl\:text-opacity-0 { - --text-opacity: 0 !important; + .xl\:inset-y-10 { + top: 2.5rem !important; + bottom: 2.5rem !important; } - .xl\:text-opacity-25 { - --text-opacity: 0.25 !important; + .xl\:inset-x-10 { + right: 2.5rem !important; + left: 2.5rem !important; } - .xl\:text-opacity-50 { - --text-opacity: 0.5 !important; + .xl\:inset-y-12 { + top: 3rem !important; + bottom: 3rem !important; } - .xl\:text-opacity-75 { - --text-opacity: 0.75 !important; + .xl\:inset-x-12 { + right: 3rem !important; + left: 3rem !important; } - .xl\:text-opacity-100 { - --text-opacity: 1 !important; + .xl\:inset-y-14 { + top: 3.5rem !important; + bottom: 3.5rem !important; } - .group:hover .xl\:group-hover\:text-opacity-0 { - --text-opacity: 0 !important; + .xl\:inset-x-14 { + right: 3.5rem !important; + left: 3.5rem !important; } - .group:hover .xl\:group-hover\:text-opacity-25 { - --text-opacity: 0.25 !important; + .xl\:inset-y-16 { + top: 4rem !important; + bottom: 4rem !important; } - .group:hover .xl\:group-hover\:text-opacity-50 { - --text-opacity: 0.5 !important; + .xl\:inset-x-16 { + right: 4rem !important; + left: 4rem !important; } - .group:hover .xl\:group-hover\:text-opacity-75 { - --text-opacity: 0.75 !important; + .xl\:inset-y-20 { + top: 5rem !important; + bottom: 5rem !important; } - .group:hover .xl\:group-hover\:text-opacity-100 { - --text-opacity: 1 !important; + .xl\:inset-x-20 { + right: 5rem !important; + left: 5rem !important; } - .xl\:hover\:text-opacity-0:hover { - --text-opacity: 0 !important; + .xl\:inset-y-24 { + top: 6rem !important; + bottom: 6rem !important; } - .xl\:hover\:text-opacity-25:hover { - --text-opacity: 0.25 !important; + .xl\:inset-x-24 { + right: 6rem !important; + left: 6rem !important; } - .xl\:hover\:text-opacity-50:hover { - --text-opacity: 0.5 !important; + .xl\:inset-y-28 { + top: 7rem !important; + bottom: 7rem !important; } - .xl\:hover\:text-opacity-75:hover { - --text-opacity: 0.75 !important; + .xl\:inset-x-28 { + right: 7rem !important; + left: 7rem !important; } - .xl\:hover\:text-opacity-100:hover { - --text-opacity: 1 !important; + .xl\:inset-y-32 { + top: 8rem !important; + bottom: 8rem !important; } - .xl\:focus\:text-opacity-0:focus { - --text-opacity: 0 !important; + .xl\:inset-x-32 { + right: 8rem !important; + left: 8rem !important; } - .xl\:focus\:text-opacity-25:focus { - --text-opacity: 0.25 !important; + .xl\:inset-y-36 { + top: 9rem !important; + bottom: 9rem !important; } - .xl\:focus\:text-opacity-50:focus { - --text-opacity: 0.5 !important; + .xl\:inset-x-36 { + right: 9rem !important; + left: 9rem !important; } - .xl\:focus\:text-opacity-75:focus { - --text-opacity: 0.75 !important; + .xl\:inset-y-40 { + top: 10rem !important; + bottom: 10rem !important; } - .xl\:focus\:text-opacity-100:focus { - --text-opacity: 1 !important; + .xl\:inset-x-40 { + right: 10rem !important; + left: 10rem !important; } - .xl\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .xl\:inset-y-44 { + top: 11rem !important; + bottom: 11rem !important; } - .xl\:overflow-ellipsis { - text-overflow: ellipsis !important; + .xl\:inset-x-44 { + right: 11rem !important; + left: 11rem !important; } - .xl\:overflow-clip { - text-overflow: clip !important; + .xl\:inset-y-48 { + top: 12rem !important; + bottom: 12rem !important; } - .xl\:italic { - font-style: italic !important; + .xl\:inset-x-48 { + right: 12rem !important; + left: 12rem !important; } - .xl\:not-italic { - font-style: normal !important; + .xl\:inset-y-52 { + top: 13rem !important; + bottom: 13rem !important; } - .xl\:uppercase { - text-transform: uppercase !important; + .xl\:inset-x-52 { + right: 13rem !important; + left: 13rem !important; } - .xl\:lowercase { - text-transform: lowercase !important; + .xl\:inset-y-56 { + top: 14rem !important; + bottom: 14rem !important; } - .xl\:capitalize { - text-transform: capitalize !important; + .xl\:inset-x-56 { + right: 14rem !important; + left: 14rem !important; } - .xl\:normal-case { - text-transform: none !important; + .xl\:inset-y-60 { + top: 15rem !important; + bottom: 15rem !important; } - .xl\:underline { - text-decoration: underline !important; + .xl\:inset-x-60 { + right: 15rem !important; + left: 15rem !important; } - .xl\:line-through { - text-decoration: line-through !important; + .xl\:inset-y-64 { + top: 16rem !important; + bottom: 16rem !important; } - .xl\:no-underline { - text-decoration: none !important; + .xl\:inset-x-64 { + right: 16rem !important; + left: 16rem !important; } - .xl\:hover\:underline:hover { - text-decoration: underline !important; + .xl\:inset-y-72 { + top: 18rem !important; + bottom: 18rem !important; } - .xl\:hover\:line-through:hover { - text-decoration: line-through !important; + .xl\:inset-x-72 { + right: 18rem !important; + left: 18rem !important; } - .xl\:hover\:no-underline:hover { - text-decoration: none !important; + .xl\:inset-y-80 { + top: 20rem !important; + bottom: 20rem !important; } - .xl\:focus\:underline:focus { - text-decoration: underline !important; + .xl\:inset-x-80 { + right: 20rem !important; + left: 20rem !important; } - .xl\:focus\:line-through:focus { - text-decoration: line-through !important; + .xl\:inset-y-96 { + top: 24rem !important; + bottom: 24rem !important; } - .xl\:focus\:no-underline:focus { - text-decoration: none !important; + .xl\:inset-x-96 { + right: 24rem !important; + left: 24rem !important; } - .xl\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .xl\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .xl\:inset-x-auto { + right: auto !important; + left: auto !important; } - .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; + .xl\:inset-y-px { + top: 1px !important; + bottom: 1px !important; } - .xl\:normal-nums { - font-variant-numeric: normal !important; + .xl\:inset-x-px { + right: 1px !important; + left: 1px !important; } - .xl\:ordinal { - --font-variant-numeric-ordinal: ordinal !important; + .xl\:inset-y-0\.5 { + top: 0.125rem !important; + bottom: 0.125rem !important; } - .xl\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero !important; + .xl\:inset-x-0\.5 { + right: 0.125rem !important; + left: 0.125rem !important; } - .xl\:lining-nums { - --font-variant-numeric-figure: lining-nums !important; + .xl\:inset-y-1\.5 { + top: 0.375rem !important; + bottom: 0.375rem !important; } - .xl\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums !important; + .xl\:inset-x-1\.5 { + right: 0.375rem !important; + left: 0.375rem !important; } - .xl\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums !important; + .xl\:inset-y-2\.5 { + top: 0.625rem !important; + bottom: 0.625rem !important; } - .xl\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums !important; + .xl\:inset-x-2\.5 { + right: 0.625rem !important; + left: 0.625rem !important; } - .xl\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions !important; + .xl\:inset-y-3\.5 { + top: 0.875rem !important; + bottom: 0.875rem !important; } - .xl\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions !important; + .xl\:inset-x-3\.5 { + right: 0.875rem !important; + left: 0.875rem !important; } - .xl\:tracking-tighter { - letter-spacing: -0.05em !important; + .xl\:-inset-y-1 { + top: -0.25rem !important; + bottom: -0.25rem !important; } - .xl\:tracking-tight { - letter-spacing: -0.025em !important; + .xl\:-inset-x-1 { + right: -0.25rem !important; + left: -0.25rem !important; } - .xl\:tracking-normal { - letter-spacing: 0 !important; + .xl\:-inset-y-2 { + top: -0.5rem !important; + bottom: -0.5rem !important; } - .xl\:tracking-wide { - letter-spacing: 0.025em !important; + .xl\:-inset-x-2 { + right: -0.5rem !important; + left: -0.5rem !important; } - .xl\:tracking-wider { - letter-spacing: 0.05em !important; + .xl\:-inset-y-3 { + top: -0.75rem !important; + bottom: -0.75rem !important; } - .xl\:tracking-widest { - letter-spacing: 0.1em !important; + .xl\:-inset-x-3 { + right: -0.75rem !important; + left: -0.75rem !important; } - .xl\:select-none { - user-select: none !important; + .xl\:-inset-y-4 { + top: -1rem !important; + bottom: -1rem !important; } - .xl\:select-text { - user-select: text !important; + .xl\:-inset-x-4 { + right: -1rem !important; + left: -1rem !important; } - .xl\:select-all { - user-select: all !important; + .xl\:-inset-y-5 { + top: -1.25rem !important; + bottom: -1.25rem !important; } - .xl\:select-auto { - user-select: auto !important; + .xl\:-inset-x-5 { + right: -1.25rem !important; + left: -1.25rem !important; } - .xl\:align-baseline { - vertical-align: baseline !important; + .xl\:-inset-y-6 { + top: -1.5rem !important; + bottom: -1.5rem !important; } - .xl\:align-top { - vertical-align: top !important; + .xl\:-inset-x-6 { + right: -1.5rem !important; + left: -1.5rem !important; } - .xl\:align-middle { - vertical-align: middle !important; + .xl\:-inset-y-7 { + top: -1.75rem !important; + bottom: -1.75rem !important; } - .xl\:align-bottom { - vertical-align: bottom !important; + .xl\:-inset-x-7 { + right: -1.75rem !important; + left: -1.75rem !important; } - .xl\:align-text-top { - vertical-align: text-top !important; + .xl\:-inset-y-8 { + top: -2rem !important; + bottom: -2rem !important; } - .xl\:align-text-bottom { - vertical-align: text-bottom !important; + .xl\:-inset-x-8 { + right: -2rem !important; + left: -2rem !important; } - .xl\:visible { - visibility: visible !important; + .xl\:-inset-y-9 { + top: -2.25rem !important; + bottom: -2.25rem !important; } - .xl\:invisible { - visibility: hidden !important; + .xl\:-inset-x-9 { + right: -2.25rem !important; + left: -2.25rem !important; } - .xl\:whitespace-normal { - white-space: normal !important; + .xl\:-inset-y-10 { + top: -2.5rem !important; + bottom: -2.5rem !important; } - .xl\:whitespace-no-wrap { - white-space: nowrap !important; + .xl\:-inset-x-10 { + right: -2.5rem !important; + left: -2.5rem !important; } - .xl\:whitespace-pre { - white-space: pre !important; + .xl\:-inset-y-12 { + top: -3rem !important; + bottom: -3rem !important; } - .xl\:whitespace-pre-line { - white-space: pre-line !important; + .xl\:-inset-x-12 { + right: -3rem !important; + left: -3rem !important; } - .xl\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .xl\:-inset-y-14 { + top: -3.5rem !important; + bottom: -3.5rem !important; } - .xl\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .xl\:-inset-x-14 { + right: -3.5rem !important; + left: -3.5rem !important; } - .xl\:break-words { - overflow-wrap: break-word !important; + .xl\:-inset-y-16 { + top: -4rem !important; + bottom: -4rem !important; } - .xl\:break-all { - word-break: break-all !important; + .xl\:-inset-x-16 { + right: -4rem !important; + left: -4rem !important; } - .xl\:w-0 { - width: 0 !important; + .xl\:-inset-y-20 { + top: -5rem !important; + bottom: -5rem !important; } - .xl\:w-1 { - width: 0.25rem !important; + .xl\:-inset-x-20 { + right: -5rem !important; + left: -5rem !important; } - .xl\:w-2 { - width: 0.5rem !important; + .xl\:-inset-y-24 { + top: -6rem !important; + bottom: -6rem !important; } - .xl\:w-3 { - width: 0.75rem !important; + .xl\:-inset-x-24 { + right: -6rem !important; + left: -6rem !important; } - .xl\:w-4 { - width: 1rem !important; + .xl\:-inset-y-28 { + top: -7rem !important; + bottom: -7rem !important; } - .xl\:w-5 { - width: 1.25rem !important; + .xl\:-inset-x-28 { + right: -7rem !important; + left: -7rem !important; } - .xl\:w-6 { - width: 1.5rem !important; + .xl\:-inset-y-32 { + top: -8rem !important; + bottom: -8rem !important; } - .xl\:w-7 { - width: 1.75rem !important; + .xl\:-inset-x-32 { + right: -8rem !important; + left: -8rem !important; } - .xl\:w-8 { - width: 2rem !important; + .xl\:-inset-y-36 { + top: -9rem !important; + bottom: -9rem !important; } - .xl\:w-9 { - width: 2.25rem !important; + .xl\:-inset-x-36 { + right: -9rem !important; + left: -9rem !important; } - .xl\:w-10 { - width: 2.5rem !important; + .xl\:-inset-y-40 { + top: -10rem !important; + bottom: -10rem !important; } - .xl\:w-12 { - width: 3rem !important; + .xl\:-inset-x-40 { + right: -10rem !important; + left: -10rem !important; } - .xl\:w-14 { - width: 3.5rem !important; + .xl\:-inset-y-44 { + top: -11rem !important; + bottom: -11rem !important; } - .xl\:w-16 { - width: 4rem !important; + .xl\:-inset-x-44 { + right: -11rem !important; + left: -11rem !important; } - .xl\:w-20 { - width: 5rem !important; + .xl\:-inset-y-48 { + top: -12rem !important; + bottom: -12rem !important; } - .xl\:w-24 { - width: 6rem !important; + .xl\:-inset-x-48 { + right: -12rem !important; + left: -12rem !important; } - .xl\:w-28 { - width: 7rem !important; + .xl\:-inset-y-52 { + top: -13rem !important; + bottom: -13rem !important; } - .xl\:w-32 { - width: 8rem !important; + .xl\:-inset-x-52 { + right: -13rem !important; + left: -13rem !important; } - .xl\:w-36 { - width: 9rem !important; + .xl\:-inset-y-56 { + top: -14rem !important; + bottom: -14rem !important; } - .xl\:w-40 { - width: 10rem !important; + .xl\:-inset-x-56 { + right: -14rem !important; + left: -14rem !important; } - .xl\:w-44 { - width: 11rem !important; + .xl\:-inset-y-60 { + top: -15rem !important; + bottom: -15rem !important; } - .xl\:w-48 { - width: 12rem !important; + .xl\:-inset-x-60 { + right: -15rem !important; + left: -15rem !important; } - .xl\:w-52 { - width: 13rem !important; + .xl\:-inset-y-64 { + top: -16rem !important; + bottom: -16rem !important; } - .xl\:w-56 { - width: 14rem !important; + .xl\:-inset-x-64 { + right: -16rem !important; + left: -16rem !important; } - .xl\:w-60 { - width: 15rem !important; + .xl\:-inset-y-72 { + top: -18rem !important; + bottom: -18rem !important; } - .xl\:w-64 { - width: 16rem !important; + .xl\:-inset-x-72 { + right: -18rem !important; + left: -18rem !important; } - .xl\:w-72 { - width: 18rem !important; + .xl\:-inset-y-80 { + top: -20rem !important; + bottom: -20rem !important; } - .xl\:w-80 { - width: 20rem !important; + .xl\:-inset-x-80 { + right: -20rem !important; + left: -20rem !important; } - .xl\:w-96 { - width: 24rem !important; + .xl\:-inset-y-96 { + top: -24rem !important; + bottom: -24rem !important; } - .xl\:w-auto { - width: auto !important; + .xl\:-inset-x-96 { + right: -24rem !important; + left: -24rem !important; } - .xl\:w-px { - width: 1px !important; + .xl\:-inset-y-px { + top: -1px !important; + bottom: -1px !important; } - .xl\:w-0\.5 { - width: 0.125rem !important; + .xl\:-inset-x-px { + right: -1px !important; + left: -1px !important; } - .xl\:w-1\.5 { - width: 0.375rem !important; + .xl\:-inset-y-0\.5 { + top: -0.125rem !important; + bottom: -0.125rem !important; } - .xl\:w-2\.5 { - width: 0.625rem !important; + .xl\:-inset-x-0\.5 { + right: -0.125rem !important; + left: -0.125rem !important; } - .xl\:w-3\.5 { - width: 0.875rem !important; + .xl\:-inset-y-1\.5 { + top: -0.375rem !important; + bottom: -0.375rem !important; } - .xl\:w-1\/2 { - width: 50% !important; + .xl\:-inset-x-1\.5 { + right: -0.375rem !important; + left: -0.375rem !important; } - .xl\:w-1\/3 { - width: 33.333333% !important; + .xl\:-inset-y-2\.5 { + top: -0.625rem !important; + bottom: -0.625rem !important; } - .xl\:w-2\/3 { - width: 66.666667% !important; + .xl\:-inset-x-2\.5 { + right: -0.625rem !important; + left: -0.625rem !important; } - .xl\:w-1\/4 { - width: 25% !important; + .xl\:-inset-y-3\.5 { + top: -0.875rem !important; + bottom: -0.875rem !important; } - .xl\:w-2\/4 { - width: 50% !important; + .xl\:-inset-x-3\.5 { + right: -0.875rem !important; + left: -0.875rem !important; } - .xl\:w-3\/4 { - width: 75% !important; + .xl\:inset-y-1\/2 { + top: 50% !important; + bottom: 50% !important; } - .xl\:w-1\/5 { - width: 20% !important; + .xl\:inset-x-1\/2 { + right: 50% !important; + left: 50% !important; } - .xl\:w-2\/5 { - width: 40% !important; + .xl\:inset-y-1\/3 { + top: 33.333333% !important; + bottom: 33.333333% !important; } - .xl\:w-3\/5 { - width: 60% !important; + .xl\:inset-x-1\/3 { + right: 33.333333% !important; + left: 33.333333% !important; } - .xl\:w-4\/5 { - width: 80% !important; + .xl\:inset-y-2\/3 { + top: 66.666667% !important; + bottom: 66.666667% !important; } - .xl\:w-1\/6 { - width: 16.666667% !important; + .xl\:inset-x-2\/3 { + right: 66.666667% !important; + left: 66.666667% !important; } - .xl\:w-2\/6 { - width: 33.333333% !important; + .xl\:inset-y-1\/4 { + top: 25% !important; + bottom: 25% !important; } - .xl\:w-3\/6 { - width: 50% !important; + .xl\:inset-x-1\/4 { + right: 25% !important; + left: 25% !important; } - .xl\:w-4\/6 { - width: 66.666667% !important; + .xl\:inset-y-2\/4 { + top: 50% !important; + bottom: 50% !important; } - .xl\:w-5\/6 { - width: 83.333333% !important; + .xl\:inset-x-2\/4 { + right: 50% !important; + left: 50% !important; } - .xl\:w-1\/12 { - width: 8.333333% !important; + .xl\:inset-y-3\/4 { + top: 75% !important; + bottom: 75% !important; } - .xl\:w-2\/12 { - width: 16.666667% !important; + .xl\:inset-x-3\/4 { + right: 75% !important; + left: 75% !important; } - .xl\:w-3\/12 { - width: 25% !important; + .xl\:inset-y-full { + top: 100% !important; + bottom: 100% !important; } - .xl\:w-4\/12 { - width: 33.333333% !important; + .xl\:inset-x-full { + right: 100% !important; + left: 100% !important; } - .xl\:w-5\/12 { - width: 41.666667% !important; + .xl\:-inset-y-1\/2 { + top: -50% !important; + bottom: -50% !important; } - .xl\:w-6\/12 { - width: 50% !important; + .xl\:-inset-x-1\/2 { + right: -50% !important; + left: -50% !important; } - .xl\:w-7\/12 { - width: 58.333333% !important; + .xl\:-inset-y-1\/3 { + top: -33.333333% !important; + bottom: -33.333333% !important; } - .xl\:w-8\/12 { - width: 66.666667% !important; + .xl\:-inset-x-1\/3 { + right: -33.333333% !important; + left: -33.333333% !important; } - .xl\:w-9\/12 { - width: 75% !important; + .xl\:-inset-y-2\/3 { + top: -66.666667% !important; + bottom: -66.666667% !important; } - .xl\:w-10\/12 { - width: 83.333333% !important; + .xl\:-inset-x-2\/3 { + right: -66.666667% !important; + left: -66.666667% !important; } - .xl\:w-11\/12 { - width: 91.666667% !important; + .xl\:-inset-y-1\/4 { + top: -25% !important; + bottom: -25% !important; } - .xl\:w-full { - width: 100% !important; + .xl\:-inset-x-1\/4 { + right: -25% !important; + left: -25% !important; } - .xl\:w-screen { - width: 100vw !important; + .xl\:-inset-y-2\/4 { + top: -50% !important; + bottom: -50% !important; } - .xl\:w-min { - width: min-content !important; + .xl\:-inset-x-2\/4 { + right: -50% !important; + left: -50% !important; } - .xl\:w-max { - width: max-content !important; + .xl\:-inset-y-3\/4 { + top: -75% !important; + bottom: -75% !important; } - .xl\:z-0 { - z-index: 0 !important; + .xl\:-inset-x-3\/4 { + right: -75% !important; + left: -75% !important; } - .xl\:z-10 { - z-index: 10 !important; + .xl\:-inset-y-full { + top: -100% !important; + bottom: -100% !important; } - .xl\:z-20 { - z-index: 20 !important; + .xl\:-inset-x-full { + right: -100% !important; + left: -100% !important; } - .xl\:z-30 { - z-index: 30 !important; + .xl\:top-0 { + top: 0 !important; } - .xl\:z-40 { - z-index: 40 !important; + .xl\:right-0 { + right: 0 !important; } - .xl\:z-50 { - z-index: 50 !important; + .xl\:bottom-0 { + bottom: 0 !important; } - .xl\:z-auto { - z-index: auto !important; + .xl\:left-0 { + left: 0 !important; } - .xl\:focus\:z-0:focus { - z-index: 0 !important; + .xl\:top-1 { + top: 0.25rem !important; } - .xl\:focus\:z-10:focus { - z-index: 10 !important; + .xl\:right-1 { + right: 0.25rem !important; } - .xl\:focus\:z-20:focus { - z-index: 20 !important; + .xl\:bottom-1 { + bottom: 0.25rem !important; } - .xl\:focus\:z-30:focus { - z-index: 30 !important; + .xl\:left-1 { + left: 0.25rem !important; } - .xl\:focus\:z-40:focus { - z-index: 40 !important; + .xl\:top-2 { + top: 0.5rem !important; } - .xl\:focus\:z-50:focus { - z-index: 50 !important; + .xl\:right-2 { + right: 0.5rem !important; } - .xl\:focus\:z-auto:focus { - z-index: auto !important; + .xl\:bottom-2 { + bottom: 0.5rem !important; } - .xl\:gap-0 { - grid-gap: 0 !important; - gap: 0 !important; + .xl\:left-2 { + left: 0.5rem !important; } - .xl\:gap-1 { - grid-gap: 0.25rem !important; - gap: 0.25rem !important; + .xl\:top-3 { + top: 0.75rem !important; } - .xl\:gap-2 { - grid-gap: 0.5rem !important; - gap: 0.5rem !important; + .xl\:right-3 { + right: 0.75rem !important; } - .xl\:gap-3 { - grid-gap: 0.75rem !important; - gap: 0.75rem !important; + .xl\:bottom-3 { + bottom: 0.75rem !important; } - .xl\:gap-4 { - grid-gap: 1rem !important; - gap: 1rem !important; + .xl\:left-3 { + left: 0.75rem !important; } - .xl\:gap-5 { - grid-gap: 1.25rem !important; - gap: 1.25rem !important; + .xl\:top-4 { + top: 1rem !important; } - .xl\:gap-6 { - grid-gap: 1.5rem !important; - gap: 1.5rem !important; + .xl\:right-4 { + right: 1rem !important; } - .xl\:gap-7 { - grid-gap: 1.75rem !important; - gap: 1.75rem !important; + .xl\:bottom-4 { + bottom: 1rem !important; } - .xl\:gap-8 { - grid-gap: 2rem !important; - gap: 2rem !important; + .xl\:left-4 { + left: 1rem !important; } - .xl\:gap-9 { - grid-gap: 2.25rem !important; - gap: 2.25rem !important; + .xl\:top-5 { + top: 1.25rem !important; } - .xl\:gap-10 { - grid-gap: 2.5rem !important; - gap: 2.5rem !important; + .xl\:right-5 { + right: 1.25rem !important; } - .xl\:gap-12 { - grid-gap: 3rem !important; - gap: 3rem !important; + .xl\:bottom-5 { + bottom: 1.25rem !important; } - .xl\:gap-14 { - grid-gap: 3.5rem !important; - gap: 3.5rem !important; + .xl\:left-5 { + left: 1.25rem !important; } - .xl\:gap-16 { - grid-gap: 4rem !important; - gap: 4rem !important; + .xl\:top-6 { + top: 1.5rem !important; } - .xl\:gap-20 { - grid-gap: 5rem !important; - gap: 5rem !important; + .xl\:right-6 { + right: 1.5rem !important; } - .xl\:gap-24 { - grid-gap: 6rem !important; - gap: 6rem !important; + .xl\:bottom-6 { + bottom: 1.5rem !important; } - .xl\:gap-28 { - grid-gap: 7rem !important; - gap: 7rem !important; + .xl\:left-6 { + left: 1.5rem !important; } - .xl\:gap-32 { - grid-gap: 8rem !important; - gap: 8rem !important; + .xl\:top-7 { + top: 1.75rem !important; } - .xl\:gap-36 { - grid-gap: 9rem !important; - gap: 9rem !important; + .xl\:right-7 { + right: 1.75rem !important; } - .xl\:gap-40 { - grid-gap: 10rem !important; - gap: 10rem !important; + .xl\:bottom-7 { + bottom: 1.75rem !important; } - .xl\:gap-44 { - grid-gap: 11rem !important; - gap: 11rem !important; + .xl\:left-7 { + left: 1.75rem !important; } - .xl\:gap-48 { - grid-gap: 12rem !important; - gap: 12rem !important; + .xl\:top-8 { + top: 2rem !important; } - .xl\:gap-52 { - grid-gap: 13rem !important; - gap: 13rem !important; + .xl\:right-8 { + right: 2rem !important; } - .xl\:gap-56 { - grid-gap: 14rem !important; - gap: 14rem !important; + .xl\:bottom-8 { + bottom: 2rem !important; } - .xl\:gap-60 { - grid-gap: 15rem !important; - gap: 15rem !important; + .xl\:left-8 { + left: 2rem !important; } - .xl\:gap-64 { - grid-gap: 16rem !important; - gap: 16rem !important; + .xl\:top-9 { + top: 2.25rem !important; } - .xl\:gap-72 { - grid-gap: 18rem !important; - gap: 18rem !important; + .xl\:right-9 { + right: 2.25rem !important; } - .xl\:gap-80 { - grid-gap: 20rem !important; - gap: 20rem !important; + .xl\:bottom-9 { + bottom: 2.25rem !important; } - .xl\:gap-96 { - grid-gap: 24rem !important; - gap: 24rem !important; + .xl\:left-9 { + left: 2.25rem !important; } - .xl\:gap-px { - grid-gap: 1px !important; - gap: 1px !important; + .xl\:top-10 { + top: 2.5rem !important; } - .xl\:gap-0\.5 { - grid-gap: 0.125rem !important; - gap: 0.125rem !important; + .xl\:right-10 { + right: 2.5rem !important; } - .xl\:gap-1\.5 { - grid-gap: 0.375rem !important; - gap: 0.375rem !important; + .xl\:bottom-10 { + bottom: 2.5rem !important; } - .xl\:gap-2\.5 { - grid-gap: 0.625rem !important; - gap: 0.625rem !important; + .xl\:left-10 { + left: 2.5rem !important; } - .xl\:gap-3\.5 { - grid-gap: 0.875rem !important; - gap: 0.875rem !important; + .xl\:top-12 { + top: 3rem !important; } - .xl\:gap-x-0 { - grid-column-gap: 0 !important; - column-gap: 0 !important; + .xl\:right-12 { + right: 3rem !important; } - .xl\:gap-x-1 { - grid-column-gap: 0.25rem !important; - column-gap: 0.25rem !important; + .xl\:bottom-12 { + bottom: 3rem !important; } - .xl\:gap-x-2 { - grid-column-gap: 0.5rem !important; - column-gap: 0.5rem !important; + .xl\:left-12 { + left: 3rem !important; } - .xl\:gap-x-3 { - grid-column-gap: 0.75rem !important; - column-gap: 0.75rem !important; + .xl\:top-14 { + top: 3.5rem !important; } - .xl\:gap-x-4 { - grid-column-gap: 1rem !important; - column-gap: 1rem !important; + .xl\:right-14 { + right: 3.5rem !important; } - .xl\:gap-x-5 { - grid-column-gap: 1.25rem !important; - column-gap: 1.25rem !important; + .xl\:bottom-14 { + bottom: 3.5rem !important; } - .xl\:gap-x-6 { - grid-column-gap: 1.5rem !important; - column-gap: 1.5rem !important; + .xl\:left-14 { + left: 3.5rem !important; } - .xl\:gap-x-7 { - grid-column-gap: 1.75rem !important; - column-gap: 1.75rem !important; + .xl\:top-16 { + top: 4rem !important; } - .xl\:gap-x-8 { - grid-column-gap: 2rem !important; - column-gap: 2rem !important; + .xl\:right-16 { + right: 4rem !important; } - .xl\:gap-x-9 { - grid-column-gap: 2.25rem !important; - column-gap: 2.25rem !important; + .xl\:bottom-16 { + bottom: 4rem !important; } - .xl\:gap-x-10 { - grid-column-gap: 2.5rem !important; - column-gap: 2.5rem !important; + .xl\:left-16 { + left: 4rem !important; } - .xl\:gap-x-12 { - grid-column-gap: 3rem !important; - column-gap: 3rem !important; + .xl\:top-20 { + top: 5rem !important; } - .xl\:gap-x-14 { - grid-column-gap: 3.5rem !important; - column-gap: 3.5rem !important; + .xl\:right-20 { + right: 5rem !important; } - .xl\:gap-x-16 { - grid-column-gap: 4rem !important; - column-gap: 4rem !important; + .xl\:bottom-20 { + bottom: 5rem !important; } - .xl\:gap-x-20 { - grid-column-gap: 5rem !important; - column-gap: 5rem !important; + .xl\:left-20 { + left: 5rem !important; } - .xl\:gap-x-24 { - grid-column-gap: 6rem !important; - column-gap: 6rem !important; + .xl\:top-24 { + top: 6rem !important; } - .xl\:gap-x-28 { - grid-column-gap: 7rem !important; - column-gap: 7rem !important; + .xl\:right-24 { + right: 6rem !important; } - .xl\:gap-x-32 { - grid-column-gap: 8rem !important; - column-gap: 8rem !important; + .xl\:bottom-24 { + bottom: 6rem !important; } - .xl\:gap-x-36 { - grid-column-gap: 9rem !important; - column-gap: 9rem !important; + .xl\:left-24 { + left: 6rem !important; } - .xl\:gap-x-40 { - grid-column-gap: 10rem !important; - column-gap: 10rem !important; + .xl\:top-28 { + top: 7rem !important; } - .xl\:gap-x-44 { - grid-column-gap: 11rem !important; - column-gap: 11rem !important; + .xl\:right-28 { + right: 7rem !important; } - .xl\:gap-x-48 { - grid-column-gap: 12rem !important; - column-gap: 12rem !important; + .xl\:bottom-28 { + bottom: 7rem !important; } - .xl\:gap-x-52 { - grid-column-gap: 13rem !important; - column-gap: 13rem !important; + .xl\:left-28 { + left: 7rem !important; } - .xl\:gap-x-56 { - grid-column-gap: 14rem !important; - column-gap: 14rem !important; + .xl\:top-32 { + top: 8rem !important; } - .xl\:gap-x-60 { - grid-column-gap: 15rem !important; - column-gap: 15rem !important; + .xl\:right-32 { + right: 8rem !important; } - .xl\:gap-x-64 { - grid-column-gap: 16rem !important; - column-gap: 16rem !important; + .xl\:bottom-32 { + bottom: 8rem !important; } - .xl\:gap-x-72 { - grid-column-gap: 18rem !important; - column-gap: 18rem !important; + .xl\:left-32 { + left: 8rem !important; } - .xl\:gap-x-80 { - grid-column-gap: 20rem !important; - column-gap: 20rem !important; + .xl\:top-36 { + top: 9rem !important; } - .xl\:gap-x-96 { - grid-column-gap: 24rem !important; - column-gap: 24rem !important; + .xl\:right-36 { + right: 9rem !important; } - .xl\:gap-x-px { - grid-column-gap: 1px !important; - column-gap: 1px !important; + .xl\:bottom-36 { + bottom: 9rem !important; } - .xl\:gap-x-0\.5 { - grid-column-gap: 0.125rem !important; - column-gap: 0.125rem !important; + .xl\:left-36 { + left: 9rem !important; } - .xl\:gap-x-1\.5 { - grid-column-gap: 0.375rem !important; - column-gap: 0.375rem !important; + .xl\:top-40 { + top: 10rem !important; } - .xl\:gap-x-2\.5 { - grid-column-gap: 0.625rem !important; - column-gap: 0.625rem !important; + .xl\:right-40 { + right: 10rem !important; } - .xl\:gap-x-3\.5 { - grid-column-gap: 0.875rem !important; - column-gap: 0.875rem !important; + .xl\:bottom-40 { + bottom: 10rem !important; } - .xl\:gap-y-0 { - grid-row-gap: 0 !important; - row-gap: 0 !important; + .xl\:left-40 { + left: 10rem !important; } - .xl\:gap-y-1 { - grid-row-gap: 0.25rem !important; - row-gap: 0.25rem !important; + .xl\:top-44 { + top: 11rem !important; } - .xl\:gap-y-2 { - grid-row-gap: 0.5rem !important; - row-gap: 0.5rem !important; + .xl\:right-44 { + right: 11rem !important; } - .xl\:gap-y-3 { - grid-row-gap: 0.75rem !important; - row-gap: 0.75rem !important; + .xl\:bottom-44 { + bottom: 11rem !important; } - .xl\:gap-y-4 { - grid-row-gap: 1rem !important; - row-gap: 1rem !important; + .xl\:left-44 { + left: 11rem !important; } - .xl\:gap-y-5 { - grid-row-gap: 1.25rem !important; - row-gap: 1.25rem !important; + .xl\:top-48 { + top: 12rem !important; } - .xl\:gap-y-6 { - grid-row-gap: 1.5rem !important; - row-gap: 1.5rem !important; + .xl\:right-48 { + right: 12rem !important; } - .xl\:gap-y-7 { - grid-row-gap: 1.75rem !important; - row-gap: 1.75rem !important; + .xl\:bottom-48 { + bottom: 12rem !important; } - .xl\:gap-y-8 { - grid-row-gap: 2rem !important; - row-gap: 2rem !important; + .xl\:left-48 { + left: 12rem !important; } - .xl\:gap-y-9 { - grid-row-gap: 2.25rem !important; - row-gap: 2.25rem !important; + .xl\:top-52 { + top: 13rem !important; } - .xl\:gap-y-10 { - grid-row-gap: 2.5rem !important; - row-gap: 2.5rem !important; + .xl\:right-52 { + right: 13rem !important; } - .xl\:gap-y-12 { - grid-row-gap: 3rem !important; - row-gap: 3rem !important; + .xl\:bottom-52 { + bottom: 13rem !important; } - .xl\:gap-y-14 { - grid-row-gap: 3.5rem !important; - row-gap: 3.5rem !important; + .xl\:left-52 { + left: 13rem !important; } - .xl\:gap-y-16 { - grid-row-gap: 4rem !important; - row-gap: 4rem !important; + .xl\:top-56 { + top: 14rem !important; } - .xl\:gap-y-20 { - grid-row-gap: 5rem !important; - row-gap: 5rem !important; + .xl\:right-56 { + right: 14rem !important; } - .xl\:gap-y-24 { - grid-row-gap: 6rem !important; - row-gap: 6rem !important; + .xl\:bottom-56 { + bottom: 14rem !important; } - .xl\:gap-y-28 { - grid-row-gap: 7rem !important; - row-gap: 7rem !important; + .xl\:left-56 { + left: 14rem !important; } - .xl\:gap-y-32 { - grid-row-gap: 8rem !important; - row-gap: 8rem !important; + .xl\:top-60 { + top: 15rem !important; } - .xl\:gap-y-36 { - grid-row-gap: 9rem !important; - row-gap: 9rem !important; + .xl\:right-60 { + right: 15rem !important; } - .xl\:gap-y-40 { - grid-row-gap: 10rem !important; - row-gap: 10rem !important; + .xl\:bottom-60 { + bottom: 15rem !important; } - .xl\:gap-y-44 { - grid-row-gap: 11rem !important; - row-gap: 11rem !important; + .xl\:left-60 { + left: 15rem !important; } - .xl\:gap-y-48 { - grid-row-gap: 12rem !important; - row-gap: 12rem !important; + .xl\:top-64 { + top: 16rem !important; } - .xl\:gap-y-52 { - grid-row-gap: 13rem !important; - row-gap: 13rem !important; + .xl\:right-64 { + right: 16rem !important; } - .xl\:gap-y-56 { - grid-row-gap: 14rem !important; - row-gap: 14rem !important; + .xl\:bottom-64 { + bottom: 16rem !important; } - .xl\:gap-y-60 { - grid-row-gap: 15rem !important; - row-gap: 15rem !important; + .xl\:left-64 { + left: 16rem !important; } - .xl\:gap-y-64 { - grid-row-gap: 16rem !important; - row-gap: 16rem !important; + .xl\:top-72 { + top: 18rem !important; } - .xl\:gap-y-72 { - grid-row-gap: 18rem !important; - row-gap: 18rem !important; + .xl\:right-72 { + right: 18rem !important; } - .xl\:gap-y-80 { - grid-row-gap: 20rem !important; - row-gap: 20rem !important; + .xl\:bottom-72 { + bottom: 18rem !important; } - .xl\:gap-y-96 { - grid-row-gap: 24rem !important; - row-gap: 24rem !important; + .xl\:left-72 { + left: 18rem !important; } - .xl\:gap-y-px { - grid-row-gap: 1px !important; - row-gap: 1px !important; + .xl\:top-80 { + top: 20rem !important; } - .xl\:gap-y-0\.5 { - grid-row-gap: 0.125rem !important; - row-gap: 0.125rem !important; + .xl\:right-80 { + right: 20rem !important; } - .xl\:gap-y-1\.5 { - grid-row-gap: 0.375rem !important; - row-gap: 0.375rem !important; + .xl\:bottom-80 { + bottom: 20rem !important; } - .xl\:gap-y-2\.5 { - grid-row-gap: 0.625rem !important; - row-gap: 0.625rem !important; + .xl\:left-80 { + left: 20rem !important; } - .xl\:gap-y-3\.5 { - grid-row-gap: 0.875rem !important; - row-gap: 0.875rem !important; + .xl\:top-96 { + top: 24rem !important; } - .xl\:grid-flow-row { - grid-auto-flow: row !important; + .xl\:right-96 { + right: 24rem !important; } - .xl\:grid-flow-col { - grid-auto-flow: column !important; + .xl\:bottom-96 { + bottom: 24rem !important; } - .xl\:grid-flow-row-dense { - grid-auto-flow: row dense !important; + .xl\:left-96 { + left: 24rem !important; } - .xl\:grid-flow-col-dense { - grid-auto-flow: column dense !important; + .xl\:top-auto { + top: auto !important; } - .xl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; + .xl\:right-auto { + right: auto !important; } - .xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + .xl\:bottom-auto { + bottom: auto !important; } - .xl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; + .xl\:left-auto { + left: auto !important; } - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; + .xl\:top-px { + top: 1px !important; } - .xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)) !important; + .xl\:right-px { + right: 1px !important; } - .xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)) !important; + .xl\:bottom-px { + bottom: 1px !important; } - .xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)) !important; + .xl\:left-px { + left: 1px !important; } - .xl\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)) !important; + .xl\:top-0\.5 { + top: 0.125rem !important; } - .xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)) !important; + .xl\:right-0\.5 { + right: 0.125rem !important; } - .xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)) !important; + .xl\:bottom-0\.5 { + bottom: 0.125rem !important; } - .xl\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)) !important; + .xl\:left-0\.5 { + left: 0.125rem !important; } - .xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; + .xl\:top-1\.5 { + top: 0.375rem !important; } - .xl\:grid-cols-none { - grid-template-columns: none !important; + .xl\:right-1\.5 { + right: 0.375rem !important; } - .xl\:auto-cols-auto { - grid-auto-columns: auto !important; + .xl\:bottom-1\.5 { + bottom: 0.375rem !important; } - .xl\:auto-cols-min { - grid-auto-columns: min-content !important; + .xl\:left-1\.5 { + left: 0.375rem !important; } - .xl\:auto-cols-max { - grid-auto-columns: max-content !important; + .xl\:top-2\.5 { + top: 0.625rem !important; } - .xl\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr) !important; + .xl\:right-2\.5 { + right: 0.625rem !important; } - .xl\:col-auto { - grid-column: auto !important; + .xl\:bottom-2\.5 { + bottom: 0.625rem !important; } - .xl\:col-span-1 { - grid-column: span 1 / span 1 !important; + .xl\:left-2\.5 { + left: 0.625rem !important; } - .xl\:col-span-2 { - grid-column: span 2 / span 2 !important; + .xl\:top-3\.5 { + top: 0.875rem !important; } - .xl\:col-span-3 { - grid-column: span 3 / span 3 !important; + .xl\:right-3\.5 { + right: 0.875rem !important; } - .xl\:col-span-4 { - grid-column: span 4 / span 4 !important; + .xl\:bottom-3\.5 { + bottom: 0.875rem !important; } - .xl\:col-span-5 { - grid-column: span 5 / span 5 !important; + .xl\:left-3\.5 { + left: 0.875rem !important; } - .xl\:col-span-6 { - grid-column: span 6 / span 6 !important; + .xl\:-top-1 { + top: -0.25rem !important; } - .xl\:col-span-7 { - grid-column: span 7 / span 7 !important; + .xl\:-right-1 { + right: -0.25rem !important; } - .xl\:col-span-8 { - grid-column: span 8 / span 8 !important; + .xl\:-bottom-1 { + bottom: -0.25rem !important; } - .xl\:col-span-9 { - grid-column: span 9 / span 9 !important; + .xl\:-left-1 { + left: -0.25rem !important; } - .xl\:col-span-10 { - grid-column: span 10 / span 10 !important; + .xl\:-top-2 { + top: -0.5rem !important; } - .xl\:col-span-11 { - grid-column: span 11 / span 11 !important; + .xl\:-right-2 { + right: -0.5rem !important; } - .xl\:col-span-12 { - grid-column: span 12 / span 12 !important; + .xl\:-bottom-2 { + bottom: -0.5rem !important; } - .xl\:col-span-full { - grid-column: 1 / -1 !important; + .xl\:-left-2 { + left: -0.5rem !important; } - .xl\:col-start-1 { - grid-column-start: 1 !important; + .xl\:-top-3 { + top: -0.75rem !important; } - .xl\:col-start-2 { - grid-column-start: 2 !important; + .xl\:-right-3 { + right: -0.75rem !important; } - .xl\:col-start-3 { - grid-column-start: 3 !important; + .xl\:-bottom-3 { + bottom: -0.75rem !important; } - .xl\:col-start-4 { - grid-column-start: 4 !important; + .xl\:-left-3 { + left: -0.75rem !important; } - .xl\:col-start-5 { - grid-column-start: 5 !important; + .xl\:-top-4 { + top: -1rem !important; } - .xl\:col-start-6 { - grid-column-start: 6 !important; + .xl\:-right-4 { + right: -1rem !important; } - .xl\:col-start-7 { - grid-column-start: 7 !important; + .xl\:-bottom-4 { + bottom: -1rem !important; } - .xl\:col-start-8 { - grid-column-start: 8 !important; + .xl\:-left-4 { + left: -1rem !important; } - .xl\:col-start-9 { - grid-column-start: 9 !important; + .xl\:-top-5 { + top: -1.25rem !important; } - .xl\:col-start-10 { - grid-column-start: 10 !important; + .xl\:-right-5 { + right: -1.25rem !important; } - .xl\:col-start-11 { - grid-column-start: 11 !important; + .xl\:-bottom-5 { + bottom: -1.25rem !important; } - .xl\:col-start-12 { - grid-column-start: 12 !important; + .xl\:-left-5 { + left: -1.25rem !important; } - .xl\:col-start-13 { - grid-column-start: 13 !important; + .xl\:-top-6 { + top: -1.5rem !important; } - .xl\:col-start-auto { - grid-column-start: auto !important; + .xl\:-right-6 { + right: -1.5rem !important; } - .xl\:col-end-1 { - grid-column-end: 1 !important; + .xl\:-bottom-6 { + bottom: -1.5rem !important; } - .xl\:col-end-2 { - grid-column-end: 2 !important; + .xl\:-left-6 { + left: -1.5rem !important; } - .xl\:col-end-3 { - grid-column-end: 3 !important; + .xl\:-top-7 { + top: -1.75rem !important; } - .xl\:col-end-4 { - grid-column-end: 4 !important; + .xl\:-right-7 { + right: -1.75rem !important; } - .xl\:col-end-5 { - grid-column-end: 5 !important; + .xl\:-bottom-7 { + bottom: -1.75rem !important; } - .xl\:col-end-6 { - grid-column-end: 6 !important; + .xl\:-left-7 { + left: -1.75rem !important; } - .xl\:col-end-7 { - grid-column-end: 7 !important; + .xl\:-top-8 { + top: -2rem !important; } - .xl\:col-end-8 { - grid-column-end: 8 !important; + .xl\:-right-8 { + right: -2rem !important; } - .xl\:col-end-9 { - grid-column-end: 9 !important; + .xl\:-bottom-8 { + bottom: -2rem !important; } - .xl\:col-end-10 { - grid-column-end: 10 !important; + .xl\:-left-8 { + left: -2rem !important; } - .xl\:col-end-11 { - grid-column-end: 11 !important; + .xl\:-top-9 { + top: -2.25rem !important; } - .xl\:col-end-12 { - grid-column-end: 12 !important; + .xl\:-right-9 { + right: -2.25rem !important; } - .xl\:col-end-13 { - grid-column-end: 13 !important; + .xl\:-bottom-9 { + bottom: -2.25rem !important; } - .xl\:col-end-auto { - grid-column-end: auto !important; + .xl\:-left-9 { + left: -2.25rem !important; } - .xl\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; + .xl\:-top-10 { + top: -2.5rem !important; } - .xl\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)) !important; + .xl\:-right-10 { + right: -2.5rem !important; } - .xl\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)) !important; + .xl\:-bottom-10 { + bottom: -2.5rem !important; } - .xl\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)) !important; + .xl\:-left-10 { + left: -2.5rem !important; } - .xl\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)) !important; + .xl\:-top-12 { + top: -3rem !important; } - .xl\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)) !important; + .xl\:-right-12 { + right: -3rem !important; } - .xl\:grid-rows-none { - grid-template-rows: none !important; + .xl\:-bottom-12 { + bottom: -3rem !important; } - .xl\:auto-rows-auto { - grid-auto-rows: auto !important; + .xl\:-left-12 { + left: -3rem !important; } - .xl\:auto-rows-min { - grid-auto-rows: min-content !important; + .xl\:-top-14 { + top: -3.5rem !important; } - .xl\:auto-rows-max { - grid-auto-rows: max-content !important; + .xl\:-right-14 { + right: -3.5rem !important; } - .xl\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr) !important; + .xl\:-bottom-14 { + bottom: -3.5rem !important; } - .xl\:row-auto { - grid-row: auto !important; + .xl\:-left-14 { + left: -3.5rem !important; } - .xl\:row-span-1 { - grid-row: span 1 / span 1 !important; + .xl\:-top-16 { + top: -4rem !important; } - .xl\:row-span-2 { - grid-row: span 2 / span 2 !important; + .xl\:-right-16 { + right: -4rem !important; } - .xl\:row-span-3 { - grid-row: span 3 / span 3 !important; + .xl\:-bottom-16 { + bottom: -4rem !important; } - .xl\:row-span-4 { - grid-row: span 4 / span 4 !important; + .xl\:-left-16 { + left: -4rem !important; } - .xl\:row-span-5 { - grid-row: span 5 / span 5 !important; + .xl\:-top-20 { + top: -5rem !important; } - .xl\:row-span-6 { - grid-row: span 6 / span 6 !important; + .xl\:-right-20 { + right: -5rem !important; } - .xl\:row-span-full { - grid-row: 1 / -1 !important; + .xl\:-bottom-20 { + bottom: -5rem !important; } - .xl\:row-start-1 { - grid-row-start: 1 !important; + .xl\:-left-20 { + left: -5rem !important; } - .xl\:row-start-2 { - grid-row-start: 2 !important; + .xl\:-top-24 { + top: -6rem !important; } - .xl\:row-start-3 { - grid-row-start: 3 !important; + .xl\:-right-24 { + right: -6rem !important; } - .xl\:row-start-4 { - grid-row-start: 4 !important; + .xl\:-bottom-24 { + bottom: -6rem !important; } - .xl\:row-start-5 { - grid-row-start: 5 !important; + .xl\:-left-24 { + left: -6rem !important; } - .xl\:row-start-6 { - grid-row-start: 6 !important; + .xl\:-top-28 { + top: -7rem !important; } - .xl\:row-start-7 { - grid-row-start: 7 !important; + .xl\:-right-28 { + right: -7rem !important; } - .xl\:row-start-auto { - grid-row-start: auto !important; + .xl\:-bottom-28 { + bottom: -7rem !important; } - .xl\:row-end-1 { - grid-row-end: 1 !important; + .xl\:-left-28 { + left: -7rem !important; } - .xl\:row-end-2 { - grid-row-end: 2 !important; + .xl\:-top-32 { + top: -8rem !important; } - .xl\:row-end-3 { - grid-row-end: 3 !important; + .xl\:-right-32 { + right: -8rem !important; } - .xl\:row-end-4 { - grid-row-end: 4 !important; + .xl\:-bottom-32 { + bottom: -8rem !important; } - .xl\:row-end-5 { - grid-row-end: 5 !important; + .xl\:-left-32 { + left: -8rem !important; } - .xl\:row-end-6 { - grid-row-end: 6 !important; + .xl\:-top-36 { + top: -9rem !important; } - .xl\:row-end-7 { - grid-row-end: 7 !important; + .xl\:-right-36 { + right: -9rem !important; } - .xl\:row-end-auto { - grid-row-end: auto !important; + .xl\:-bottom-36 { + bottom: -9rem !important; } - .xl\:transform { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - 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)) !important; + .xl\:-left-36 { + left: -9rem !important; } - .xl\:transform-gpu { - --transform-translate-x: 0 !important; - --transform-translate-y: 0 !important; - --transform-rotate: 0 !important; - --transform-skew-x: 0 !important; - --transform-skew-y: 0 !important; - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; - transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; + .xl\:-top-40 { + top: -10rem !important; } - .xl\:transform-none { - transform: none !important; + .xl\:-right-40 { + right: -10rem !important; } - .xl\:origin-center { - transform-origin: center !important; + .xl\:-bottom-40 { + bottom: -10rem !important; } - .xl\:origin-top { - transform-origin: top !important; + .xl\:-left-40 { + left: -10rem !important; } - .xl\:origin-top-right { - transform-origin: top right !important; + .xl\:-top-44 { + top: -11rem !important; } - .xl\:origin-right { - transform-origin: right !important; + .xl\:-right-44 { + right: -11rem !important; } - .xl\:origin-bottom-right { - transform-origin: bottom right !important; + .xl\:-bottom-44 { + bottom: -11rem !important; } - .xl\:origin-bottom { - transform-origin: bottom !important; + .xl\:-left-44 { + left: -11rem !important; } - .xl\:origin-bottom-left { - transform-origin: bottom left !important; + .xl\:-top-48 { + top: -12rem !important; } - .xl\:origin-left { - transform-origin: left !important; + .xl\:-right-48 { + right: -12rem !important; } - .xl\:origin-top-left { - transform-origin: top left !important; + .xl\:-bottom-48 { + bottom: -12rem !important; } - .xl\:scale-0 { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .xl\:-left-48 { + left: -12rem !important; } - .xl\:scale-50 { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .xl\:-top-52 { + top: -13rem !important; } - .xl\:scale-75 { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .xl\:-right-52 { + right: -13rem !important; } - .xl\:scale-90 { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .xl\:-bottom-52 { + bottom: -13rem !important; } - .xl\:scale-95 { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .xl\:-left-52 { + left: -13rem !important; } - .xl\:scale-100 { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .xl\:-top-56 { + top: -14rem !important; } - .xl\:scale-105 { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .xl\:-right-56 { + right: -14rem !important; } - .xl\:scale-110 { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .xl\:-bottom-56 { + bottom: -14rem !important; } - .xl\:scale-125 { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .xl\:-left-56 { + left: -14rem !important; } - .xl\:scale-150 { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .xl\:-top-60 { + top: -15rem !important; } - .xl\:scale-x-0 { - --transform-scale-x: 0 !important; + .xl\:-right-60 { + right: -15rem !important; } - .xl\:scale-x-50 { - --transform-scale-x: .5 !important; + .xl\:-bottom-60 { + bottom: -15rem !important; } - .xl\:scale-x-75 { - --transform-scale-x: .75 !important; + .xl\:-left-60 { + left: -15rem !important; } - .xl\:scale-x-90 { - --transform-scale-x: .9 !important; + .xl\:-top-64 { + top: -16rem !important; } - .xl\:scale-x-95 { - --transform-scale-x: .95 !important; + .xl\:-right-64 { + right: -16rem !important; } - .xl\:scale-x-100 { - --transform-scale-x: 1 !important; + .xl\:-bottom-64 { + bottom: -16rem !important; } - .xl\:scale-x-105 { - --transform-scale-x: 1.05 !important; + .xl\:-left-64 { + left: -16rem !important; } - .xl\:scale-x-110 { - --transform-scale-x: 1.1 !important; + .xl\:-top-72 { + top: -18rem !important; } - .xl\:scale-x-125 { - --transform-scale-x: 1.25 !important; + .xl\:-right-72 { + right: -18rem !important; } - .xl\:scale-x-150 { - --transform-scale-x: 1.5 !important; + .xl\:-bottom-72 { + bottom: -18rem !important; } - .xl\:scale-y-0 { - --transform-scale-y: 0 !important; + .xl\:-left-72 { + left: -18rem !important; } - .xl\:scale-y-50 { - --transform-scale-y: .5 !important; + .xl\:-top-80 { + top: -20rem !important; } - .xl\:scale-y-75 { - --transform-scale-y: .75 !important; + .xl\:-right-80 { + right: -20rem !important; } - .xl\:scale-y-90 { - --transform-scale-y: .9 !important; + .xl\:-bottom-80 { + bottom: -20rem !important; } - .xl\:scale-y-95 { - --transform-scale-y: .95 !important; + .xl\:-left-80 { + left: -20rem !important; } - .xl\:scale-y-100 { - --transform-scale-y: 1 !important; + .xl\:-top-96 { + top: -24rem !important; } - .xl\:scale-y-105 { - --transform-scale-y: 1.05 !important; + .xl\:-right-96 { + right: -24rem !important; } - .xl\:scale-y-110 { - --transform-scale-y: 1.1 !important; + .xl\:-bottom-96 { + bottom: -24rem !important; } - .xl\:scale-y-125 { - --transform-scale-y: 1.25 !important; + .xl\:-left-96 { + left: -24rem !important; } - .xl\:scale-y-150 { - --transform-scale-y: 1.5 !important; + .xl\:-top-px { + top: -1px !important; } - .xl\:hover\:scale-0:hover { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .xl\:-right-px { + right: -1px !important; } - .xl\:hover\:scale-50:hover { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .xl\:-bottom-px { + bottom: -1px !important; } - .xl\:hover\:scale-75:hover { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .xl\:-left-px { + left: -1px !important; } - .xl\:hover\:scale-90:hover { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .xl\:-top-0\.5 { + top: -0.125rem !important; } - .xl\:hover\:scale-95:hover { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .xl\:-right-0\.5 { + right: -0.125rem !important; } - .xl\:hover\:scale-100:hover { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .xl\:-bottom-0\.5 { + bottom: -0.125rem !important; } - .xl\:hover\:scale-105:hover { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .xl\:-left-0\.5 { + left: -0.125rem !important; } - - .xl\:hover\:scale-110:hover { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + + .xl\:-top-1\.5 { + top: -0.375rem !important; } - .xl\:hover\:scale-125:hover { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .xl\:-right-1\.5 { + right: -0.375rem !important; } - .xl\:hover\:scale-150:hover { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .xl\:-bottom-1\.5 { + bottom: -0.375rem !important; } - .xl\:hover\:scale-x-0:hover { - --transform-scale-x: 0 !important; + .xl\:-left-1\.5 { + left: -0.375rem !important; } - .xl\:hover\:scale-x-50:hover { - --transform-scale-x: .5 !important; + .xl\:-top-2\.5 { + top: -0.625rem !important; } - .xl\:hover\:scale-x-75:hover { - --transform-scale-x: .75 !important; + .xl\:-right-2\.5 { + right: -0.625rem !important; } - .xl\:hover\:scale-x-90:hover { - --transform-scale-x: .9 !important; + .xl\:-bottom-2\.5 { + bottom: -0.625rem !important; } - .xl\:hover\:scale-x-95:hover { - --transform-scale-x: .95 !important; + .xl\:-left-2\.5 { + left: -0.625rem !important; } - .xl\:hover\:scale-x-100:hover { - --transform-scale-x: 1 !important; + .xl\:-top-3\.5 { + top: -0.875rem !important; } - .xl\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05 !important; + .xl\:-right-3\.5 { + right: -0.875rem !important; } - .xl\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1 !important; + .xl\:-bottom-3\.5 { + bottom: -0.875rem !important; } - .xl\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25 !important; + .xl\:-left-3\.5 { + left: -0.875rem !important; } - .xl\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5 !important; + .xl\:top-1\/2 { + top: 50% !important; } - .xl\:hover\:scale-y-0:hover { - --transform-scale-y: 0 !important; + .xl\:right-1\/2 { + right: 50% !important; } - .xl\:hover\:scale-y-50:hover { - --transform-scale-y: .5 !important; + .xl\:bottom-1\/2 { + bottom: 50% !important; } - .xl\:hover\:scale-y-75:hover { - --transform-scale-y: .75 !important; + .xl\:left-1\/2 { + left: 50% !important; } - .xl\:hover\:scale-y-90:hover { - --transform-scale-y: .9 !important; + .xl\:top-1\/3 { + top: 33.333333% !important; } - .xl\:hover\:scale-y-95:hover { - --transform-scale-y: .95 !important; + .xl\:right-1\/3 { + right: 33.333333% !important; } - .xl\:hover\:scale-y-100:hover { - --transform-scale-y: 1 !important; + .xl\:bottom-1\/3 { + bottom: 33.333333% !important; } - .xl\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05 !important; + .xl\:left-1\/3 { + left: 33.333333% !important; } - .xl\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1 !important; + .xl\:top-2\/3 { + top: 66.666667% !important; } - .xl\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25 !important; + .xl\:right-2\/3 { + right: 66.666667% !important; } - .xl\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5 !important; + .xl\:bottom-2\/3 { + bottom: 66.666667% !important; } - .xl\:focus\:scale-0:focus { - --transform-scale-x: 0 !important; - --transform-scale-y: 0 !important; + .xl\:left-2\/3 { + left: 66.666667% !important; } - .xl\:focus\:scale-50:focus { - --transform-scale-x: .5 !important; - --transform-scale-y: .5 !important; + .xl\:top-1\/4 { + top: 25% !important; } - .xl\:focus\:scale-75:focus { - --transform-scale-x: .75 !important; - --transform-scale-y: .75 !important; + .xl\:right-1\/4 { + right: 25% !important; } - .xl\:focus\:scale-90:focus { - --transform-scale-x: .9 !important; - --transform-scale-y: .9 !important; + .xl\:bottom-1\/4 { + bottom: 25% !important; } - .xl\:focus\:scale-95:focus { - --transform-scale-x: .95 !important; - --transform-scale-y: .95 !important; + .xl\:left-1\/4 { + left: 25% !important; } - .xl\:focus\:scale-100:focus { - --transform-scale-x: 1 !important; - --transform-scale-y: 1 !important; + .xl\:top-2\/4 { + top: 50% !important; } - .xl\:focus\:scale-105:focus { - --transform-scale-x: 1.05 !important; - --transform-scale-y: 1.05 !important; + .xl\:right-2\/4 { + right: 50% !important; } - .xl\:focus\:scale-110:focus { - --transform-scale-x: 1.1 !important; - --transform-scale-y: 1.1 !important; + .xl\:bottom-2\/4 { + bottom: 50% !important; } - .xl\:focus\:scale-125:focus { - --transform-scale-x: 1.25 !important; - --transform-scale-y: 1.25 !important; + .xl\:left-2\/4 { + left: 50% !important; } - .xl\:focus\:scale-150:focus { - --transform-scale-x: 1.5 !important; - --transform-scale-y: 1.5 !important; + .xl\:top-3\/4 { + top: 75% !important; } - .xl\:focus\:scale-x-0:focus { - --transform-scale-x: 0 !important; + .xl\:right-3\/4 { + right: 75% !important; } - .xl\:focus\:scale-x-50:focus { - --transform-scale-x: .5 !important; + .xl\:bottom-3\/4 { + bottom: 75% !important; } - .xl\:focus\:scale-x-75:focus { - --transform-scale-x: .75 !important; + .xl\:left-3\/4 { + left: 75% !important; } - .xl\:focus\:scale-x-90:focus { - --transform-scale-x: .9 !important; + .xl\:top-full { + top: 100% !important; } - .xl\:focus\:scale-x-95:focus { - --transform-scale-x: .95 !important; + .xl\:right-full { + right: 100% !important; } - .xl\:focus\:scale-x-100:focus { - --transform-scale-x: 1 !important; + .xl\:bottom-full { + bottom: 100% !important; } - .xl\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05 !important; + .xl\:left-full { + left: 100% !important; } - .xl\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1 !important; + .xl\:-top-1\/2 { + top: -50% !important; } - .xl\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25 !important; + .xl\:-right-1\/2 { + right: -50% !important; } - .xl\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5 !important; + .xl\:-bottom-1\/2 { + bottom: -50% !important; } - .xl\:focus\:scale-y-0:focus { - --transform-scale-y: 0 !important; + .xl\:-left-1\/2 { + left: -50% !important; } - .xl\:focus\:scale-y-50:focus { - --transform-scale-y: .5 !important; + .xl\:-top-1\/3 { + top: -33.333333% !important; } - .xl\:focus\:scale-y-75:focus { - --transform-scale-y: .75 !important; + .xl\:-right-1\/3 { + right: -33.333333% !important; } - .xl\:focus\:scale-y-90:focus { - --transform-scale-y: .9 !important; + .xl\:-bottom-1\/3 { + bottom: -33.333333% !important; } - .xl\:focus\:scale-y-95:focus { - --transform-scale-y: .95 !important; + .xl\:-left-1\/3 { + left: -33.333333% !important; } - .xl\:focus\:scale-y-100:focus { - --transform-scale-y: 1 !important; + .xl\:-top-2\/3 { + top: -66.666667% !important; } - .xl\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05 !important; + .xl\:-right-2\/3 { + right: -66.666667% !important; } - .xl\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1 !important; + .xl\:-bottom-2\/3 { + bottom: -66.666667% !important; } - .xl\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25 !important; + .xl\:-left-2\/3 { + left: -66.666667% !important; } - .xl\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5 !important; + .xl\:-top-1\/4 { + top: -25% !important; } - .xl\:rotate-0 { - --transform-rotate: 0 !important; + .xl\:-right-1\/4 { + right: -25% !important; } - .xl\:rotate-1 { - --transform-rotate: 1deg !important; + .xl\:-bottom-1\/4 { + bottom: -25% !important; } - .xl\:rotate-2 { - --transform-rotate: 2deg !important; + .xl\:-left-1\/4 { + left: -25% !important; } - .xl\:rotate-3 { - --transform-rotate: 3deg !important; + .xl\:-top-2\/4 { + top: -50% !important; } - .xl\:rotate-6 { - --transform-rotate: 6deg !important; + .xl\:-right-2\/4 { + right: -50% !important; } - .xl\:rotate-12 { - --transform-rotate: 12deg !important; + .xl\:-bottom-2\/4 { + bottom: -50% !important; } - .xl\:rotate-45 { - --transform-rotate: 45deg !important; + .xl\:-left-2\/4 { + left: -50% !important; } - .xl\:rotate-90 { - --transform-rotate: 90deg !important; + .xl\:-top-3\/4 { + top: -75% !important; } - .xl\:rotate-180 { - --transform-rotate: 180deg !important; + .xl\:-right-3\/4 { + right: -75% !important; } - .xl\:-rotate-180 { - --transform-rotate: -180deg !important; + .xl\:-bottom-3\/4 { + bottom: -75% !important; } - .xl\:-rotate-90 { - --transform-rotate: -90deg !important; + .xl\:-left-3\/4 { + left: -75% !important; } - .xl\:-rotate-45 { - --transform-rotate: -45deg !important; + .xl\:-top-full { + top: -100% !important; } - .xl\:-rotate-12 { - --transform-rotate: -12deg !important; + .xl\:-right-full { + right: -100% !important; } - .xl\:-rotate-6 { - --transform-rotate: -6deg !important; + .xl\:-bottom-full { + bottom: -100% !important; } - .xl\:-rotate-3 { - --transform-rotate: -3deg !important; + .xl\:-left-full { + left: -100% !important; } - .xl\:-rotate-2 { - --transform-rotate: -2deg !important; + .xl\:resize-none { + resize: none !important; } - .xl\:-rotate-1 { - --transform-rotate: -1deg !important; + .xl\:resize-y { + resize: vertical !important; } - .xl\:hover\:rotate-0:hover { - --transform-rotate: 0 !important; + .xl\:resize-x { + resize: horizontal !important; } - .xl\:hover\:rotate-1:hover { - --transform-rotate: 1deg !important; + .xl\:resize { + resize: both !important; } - .xl\:hover\:rotate-2:hover { - --transform-rotate: 2deg !important; + .xl\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:rotate-3:hover { - --transform-rotate: 3deg !important; + .xl\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:rotate-6:hover { - --transform-rotate: 6deg !important; + .xl\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:rotate-12:hover { - --transform-rotate: 12deg !important; + .xl\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:rotate-45:hover { - --transform-rotate: 45deg !important; + .xl\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:rotate-90:hover { - --transform-rotate: 90deg !important; + .xl\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .xl\:hover\:rotate-180:hover { - --transform-rotate: 180deg !important; + .xl\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .xl\:hover\:-rotate-180:hover { - --transform-rotate: -180deg !important; + .xl\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:hover\:-rotate-90:hover { - --transform-rotate: -90deg !important; + .xl\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .xl\:hover\:-rotate-45:hover { - --transform-rotate: -45deg !important; + .xl\:shadow-none { + box-shadow: none !important; } - .xl\:hover\:-rotate-12:hover { - --transform-rotate: -12deg !important; + .xl\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:-rotate-6:hover { - --transform-rotate: -6deg !important; + .xl\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .xl\:hover\:-rotate-3:hover { - --transform-rotate: -3deg !important; + .xl\: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) !important; } - .xl\:hover\:-rotate-2:hover { - --transform-rotate: -2deg !important; + .xl\: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) !important; } - .xl\:hover\:-rotate-1:hover { - --transform-rotate: -1deg !important; + .xl\: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) !important; } - .xl\:focus\:rotate-0:focus { - --transform-rotate: 0 !important; + .xl\: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) !important; } - .xl\:focus\:rotate-1:focus { - --transform-rotate: 1deg !important; + .xl\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .xl\:focus\:rotate-2:focus { - --transform-rotate: 2deg !important; + .xl\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:focus\:rotate-3:focus { - --transform-rotate: 3deg !important; + .xl\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .xl\:focus\:rotate-6:focus { - --transform-rotate: 6deg !important; + .xl\:hover\:shadow-none:hover { + box-shadow: none !important; } - .xl\:focus\:rotate-12:focus { - --transform-rotate: 12deg !important; + .xl\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important; } - .xl\:focus\:rotate-45:focus { - --transform-rotate: 45deg !important; + .xl\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; } - .xl\:focus\:rotate-90:focus { - --transform-rotate: 90deg !important; + .xl\: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) !important; } - .xl\:focus\:rotate-180:focus { - --transform-rotate: 180deg !important; + .xl\: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) !important; } - .xl\:focus\:-rotate-180:focus { - --transform-rotate: -180deg !important; + .xl\: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) !important; } - .xl\:focus\:-rotate-90:focus { - --transform-rotate: -90deg !important; + .xl\: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) !important; } - .xl\:focus\:-rotate-45:focus { - --transform-rotate: -45deg !important; + .xl\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .xl\:focus\:-rotate-12:focus { - --transform-rotate: -12deg !important; + .xl\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .xl\:focus\:-rotate-6:focus { - --transform-rotate: -6deg !important; + .xl\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .xl\:focus\:-rotate-3:focus { - --transform-rotate: -3deg !important; + .xl\:focus\:shadow-none:focus { + box-shadow: none !important; } - .xl\:focus\:-rotate-2:focus { - --transform-rotate: -2deg !important; + .xl\:fill-current { + fill: currentColor !important; } - .xl\:focus\:-rotate-1:focus { - --transform-rotate: -1deg !important; + .xl\:stroke-current { + stroke: currentColor !important; } - .xl\:translate-x-0 { - --transform-translate-x: 0 !important; + .xl\:stroke-0 { + stroke-width: 0 !important; } - .xl\:translate-x-1 { - --transform-translate-x: 0.25rem !important; + .xl\:stroke-1 { + stroke-width: 1 !important; } - .xl\:translate-x-2 { - --transform-translate-x: 0.5rem !important; + .xl\:stroke-2 { + stroke-width: 2 !important; } - .xl\:translate-x-3 { - --transform-translate-x: 0.75rem !important; + .xl\:table-auto { + table-layout: auto !important; } - .xl\:translate-x-4 { - --transform-translate-x: 1rem !important; + .xl\:table-fixed { + table-layout: fixed !important; } - .xl\:translate-x-5 { - --transform-translate-x: 1.25rem !important; + .xl\:text-left { + text-align: left !important; } - .xl\:translate-x-6 { - --transform-translate-x: 1.5rem !important; + .xl\:text-center { + text-align: center !important; } - .xl\:translate-x-7 { - --transform-translate-x: 1.75rem !important; + .xl\:text-right { + text-align: right !important; } - .xl\:translate-x-8 { - --transform-translate-x: 2rem !important; + .xl\:text-justify { + text-align: justify !important; } - .xl\:translate-x-9 { - --transform-translate-x: 2.25rem !important; + .xl\:text-transparent { + color: transparent !important; } - .xl\:translate-x-10 { - --transform-translate-x: 2.5rem !important; + .xl\:text-current { + color: currentColor !important; } - .xl\:translate-x-12 { - --transform-translate-x: 3rem !important; + .xl\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:translate-x-14 { - --transform-translate-x: 3.5rem !important; + .xl\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:translate-x-16 { - --transform-translate-x: 4rem !important; + .xl\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:translate-x-20 { - --transform-translate-x: 5rem !important; + .xl\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:translate-x-24 { - --transform-translate-x: 6rem !important; + .xl\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:translate-x-28 { - --transform-translate-x: 7rem !important; + .xl\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:translate-x-32 { - --transform-translate-x: 8rem !important; + .xl\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:translate-x-36 { - --transform-translate-x: 9rem !important; + .xl\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:translate-x-40 { - --transform-translate-x: 10rem !important; + .xl\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:translate-x-44 { - --transform-translate-x: 11rem !important; + .xl\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:translate-x-48 { - --transform-translate-x: 12rem !important; + .xl\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:translate-x-52 { - --transform-translate-x: 13rem !important; + .xl\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:translate-x-56 { - --transform-translate-x: 14rem !important; + .xl\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:translate-x-60 { - --transform-translate-x: 15rem !important; + .xl\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:translate-x-64 { - --transform-translate-x: 16rem !important; + .xl\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:translate-x-72 { - --transform-translate-x: 18rem !important; + .xl\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:translate-x-80 { - --transform-translate-x: 20rem !important; + .xl\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:translate-x-96 { - --transform-translate-x: 24rem !important; + .xl\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:translate-x-px { - --transform-translate-x: 1px !important; + .xl\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:translate-x-0\.5 { - --transform-translate-x: 0.125rem !important; + .xl\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:translate-x-1\.5 { - --transform-translate-x: 0.375rem !important; + .xl\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:translate-x-2\.5 { - --transform-translate-x: 0.625rem !important; + .xl\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:translate-x-3\.5 { - --transform-translate-x: 0.875rem !important; + .xl\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:-translate-x-1 { - --transform-translate-x: -0.25rem !important; + .xl\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:-translate-x-2 { - --transform-translate-x: -0.5rem !important; + .xl\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:-translate-x-3 { - --transform-translate-x: -0.75rem !important; + .xl\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:-translate-x-4 { - --transform-translate-x: -1rem !important; + .xl\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:-translate-x-5 { - --transform-translate-x: -1.25rem !important; + .xl\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:-translate-x-6 { - --transform-translate-x: -1.5rem !important; + .xl\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:-translate-x-7 { - --transform-translate-x: -1.75rem !important; + .xl\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:-translate-x-8 { - --transform-translate-x: -2rem !important; + .xl\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:-translate-x-9 { - --transform-translate-x: -2.25rem !important; + .xl\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:-translate-x-10 { - --transform-translate-x: -2.5rem !important; + .xl\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:-translate-x-12 { - --transform-translate-x: -3rem !important; + .xl\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:-translate-x-14 { - --transform-translate-x: -3.5rem !important; + .xl\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:-translate-x-16 { - --transform-translate-x: -4rem !important; + .xl\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:-translate-x-20 { - --transform-translate-x: -5rem !important; + .xl\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:-translate-x-24 { - --transform-translate-x: -6rem !important; + .xl\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:-translate-x-28 { - --transform-translate-x: -7rem !important; + .xl\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:-translate-x-32 { - --transform-translate-x: -8rem !important; + .xl\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:-translate-x-36 { - --transform-translate-x: -9rem !important; + .xl\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:-translate-x-40 { - --transform-translate-x: -10rem !important; + .xl\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:-translate-x-44 { - --transform-translate-x: -11rem !important; + .xl\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:-translate-x-48 { - --transform-translate-x: -12rem !important; + .xl\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:-translate-x-52 { - --transform-translate-x: -13rem !important; + .xl\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:-translate-x-56 { - --transform-translate-x: -14rem !important; + .xl\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:-translate-x-60 { - --transform-translate-x: -15rem !important; + .xl\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:-translate-x-64 { - --transform-translate-x: -16rem !important; + .xl\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:-translate-x-72 { - --transform-translate-x: -18rem !important; + .xl\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:-translate-x-80 { - --transform-translate-x: -20rem !important; + .xl\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:-translate-x-96 { - --transform-translate-x: -24rem !important; + .xl\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:-translate-x-px { - --transform-translate-x: -1px !important; + .xl\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem !important; + .xl\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem !important; + .xl\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem !important; + .xl\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem !important; + .xl\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:translate-x-1\/2 { - --transform-translate-x: 50% !important; + .xl\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:translate-x-1\/3 { - --transform-translate-x: 33.333333% !important; + .xl\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:translate-x-2\/3 { - --transform-translate-x: 66.666667% !important; + .xl\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:translate-x-1\/4 { - --transform-translate-x: 25% !important; + .xl\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:translate-x-2\/4 { - --transform-translate-x: 50% !important; + .xl\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:translate-x-3\/4 { - --transform-translate-x: 75% !important; + .xl\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:translate-x-full { - --transform-translate-x: 100% !important; + .xl\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:-translate-x-1\/2 { - --transform-translate-x: -50% !important; + .xl\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:-translate-x-1\/3 { - --transform-translate-x: -33.333333% !important; + .xl\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:-translate-x-2\/3 { - --transform-translate-x: -66.666667% !important; + .xl\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:-translate-x-1\/4 { - --transform-translate-x: -25% !important; + .xl\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:-translate-x-2\/4 { - --transform-translate-x: -50% !important; + .xl\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:-translate-x-3\/4 { - --transform-translate-x: -75% !important; + .xl\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:-translate-x-full { - --transform-translate-x: -100% !important; + .xl\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:translate-y-0 { - --transform-translate-y: 0 !important; + .xl\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:translate-y-1 { - --transform-translate-y: 0.25rem !important; + .xl\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:translate-y-2 { - --transform-translate-y: 0.5rem !important; + .group:hover .xl\:group-hover\:text-transparent { + color: transparent !important; } - .xl\:translate-y-3 { - --transform-translate-y: 0.75rem !important; + .group:hover .xl\:group-hover\:text-current { + color: currentColor !important; } - .xl\:translate-y-4 { - --transform-translate-y: 1rem !important; + .group:hover .xl\:group-hover\:text-black { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:translate-y-5 { - --transform-translate-y: 1.25rem !important; + .group:hover .xl\:group-hover\:text-white { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:translate-y-6 { - --transform-translate-y: 1.5rem !important; + .group:hover .xl\:group-hover\:text-gray-50 { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:translate-y-7 { - --transform-translate-y: 1.75rem !important; + .group:hover .xl\:group-hover\:text-gray-100 { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:translate-y-8 { - --transform-translate-y: 2rem !important; + .group:hover .xl\:group-hover\:text-gray-200 { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:translate-y-9 { - --transform-translate-y: 2.25rem !important; + .group:hover .xl\:group-hover\:text-gray-300 { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:translate-y-10 { - --transform-translate-y: 2.5rem !important; + .group:hover .xl\:group-hover\:text-gray-400 { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:translate-y-12 { - --transform-translate-y: 3rem !important; + .group:hover .xl\:group-hover\:text-gray-500 { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:translate-y-14 { - --transform-translate-y: 3.5rem !important; + .group:hover .xl\:group-hover\:text-gray-600 { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:translate-y-16 { - --transform-translate-y: 4rem !important; + .group:hover .xl\:group-hover\:text-gray-700 { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:translate-y-20 { - --transform-translate-y: 5rem !important; + .group:hover .xl\:group-hover\:text-gray-800 { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:translate-y-24 { - --transform-translate-y: 6rem !important; + .group:hover .xl\:group-hover\:text-gray-900 { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:translate-y-28 { - --transform-translate-y: 7rem !important; + .group:hover .xl\:group-hover\:text-red-50 { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:translate-y-32 { - --transform-translate-y: 8rem !important; + .group:hover .xl\:group-hover\:text-red-100 { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:translate-y-36 { - --transform-translate-y: 9rem !important; + .group:hover .xl\:group-hover\:text-red-200 { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:translate-y-40 { - --transform-translate-y: 10rem !important; + .group:hover .xl\:group-hover\:text-red-300 { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:translate-y-44 { - --transform-translate-y: 11rem !important; + .group:hover .xl\:group-hover\:text-red-400 { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:translate-y-48 { - --transform-translate-y: 12rem !important; + .group:hover .xl\:group-hover\:text-red-500 { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:translate-y-52 { - --transform-translate-y: 13rem !important; + .group:hover .xl\:group-hover\:text-red-600 { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:translate-y-56 { - --transform-translate-y: 14rem !important; + .group:hover .xl\:group-hover\:text-red-700 { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:translate-y-60 { - --transform-translate-y: 15rem !important; + .group:hover .xl\:group-hover\:text-red-800 { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:translate-y-64 { - --transform-translate-y: 16rem !important; + .group:hover .xl\:group-hover\:text-red-900 { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:translate-y-72 { - --transform-translate-y: 18rem !important; + .group:hover .xl\:group-hover\:text-yellow-50 { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:translate-y-80 { - --transform-translate-y: 20rem !important; + .group:hover .xl\:group-hover\:text-yellow-100 { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:translate-y-96 { - --transform-translate-y: 24rem !important; + .group:hover .xl\:group-hover\:text-yellow-200 { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:translate-y-px { - --transform-translate-y: 1px !important; + .group:hover .xl\:group-hover\:text-yellow-300 { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:translate-y-0\.5 { - --transform-translate-y: 0.125rem !important; + .group:hover .xl\:group-hover\:text-yellow-400 { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:translate-y-1\.5 { - --transform-translate-y: 0.375rem !important; + .group:hover .xl\:group-hover\:text-yellow-500 { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:translate-y-2\.5 { - --transform-translate-y: 0.625rem !important; + .group:hover .xl\:group-hover\:text-yellow-600 { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:translate-y-3\.5 { - --transform-translate-y: 0.875rem !important; + .group:hover .xl\:group-hover\:text-yellow-700 { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:-translate-y-1 { - --transform-translate-y: -0.25rem !important; + .group:hover .xl\:group-hover\:text-yellow-800 { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:-translate-y-2 { - --transform-translate-y: -0.5rem !important; + .group:hover .xl\:group-hover\:text-yellow-900 { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:-translate-y-3 { - --transform-translate-y: -0.75rem !important; + .group:hover .xl\:group-hover\:text-green-50 { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:-translate-y-4 { - --transform-translate-y: -1rem !important; + .group:hover .xl\:group-hover\:text-green-100 { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:-translate-y-5 { - --transform-translate-y: -1.25rem !important; + .group:hover .xl\:group-hover\:text-green-200 { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:-translate-y-6 { - --transform-translate-y: -1.5rem !important; + .group:hover .xl\:group-hover\:text-green-300 { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:-translate-y-7 { - --transform-translate-y: -1.75rem !important; + .group:hover .xl\:group-hover\:text-green-400 { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:-translate-y-8 { - --transform-translate-y: -2rem !important; + .group:hover .xl\:group-hover\:text-green-500 { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:-translate-y-9 { - --transform-translate-y: -2.25rem !important; + .group:hover .xl\:group-hover\:text-green-600 { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:-translate-y-10 { - --transform-translate-y: -2.5rem !important; + .group:hover .xl\:group-hover\:text-green-700 { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:-translate-y-12 { - --transform-translate-y: -3rem !important; + .group:hover .xl\:group-hover\:text-green-800 { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:-translate-y-14 { - --transform-translate-y: -3.5rem !important; + .group:hover .xl\:group-hover\:text-green-900 { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:-translate-y-16 { - --transform-translate-y: -4rem !important; + .group:hover .xl\:group-hover\:text-blue-50 { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:-translate-y-20 { - --transform-translate-y: -5rem !important; + .group:hover .xl\:group-hover\:text-blue-100 { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:-translate-y-24 { - --transform-translate-y: -6rem !important; + .group:hover .xl\:group-hover\:text-blue-200 { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:-translate-y-28 { - --transform-translate-y: -7rem !important; + .group:hover .xl\:group-hover\:text-blue-300 { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:-translate-y-32 { - --transform-translate-y: -8rem !important; + .group:hover .xl\:group-hover\:text-blue-400 { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:-translate-y-36 { - --transform-translate-y: -9rem !important; + .group:hover .xl\:group-hover\:text-blue-500 { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:-translate-y-40 { - --transform-translate-y: -10rem !important; + .group:hover .xl\:group-hover\:text-blue-600 { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:-translate-y-44 { - --transform-translate-y: -11rem !important; + .group:hover .xl\:group-hover\:text-blue-700 { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:-translate-y-48 { - --transform-translate-y: -12rem !important; + .group:hover .xl\:group-hover\:text-blue-800 { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:-translate-y-52 { - --transform-translate-y: -13rem !important; + .group:hover .xl\:group-hover\:text-blue-900 { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:-translate-y-56 { - --transform-translate-y: -14rem !important; + .group:hover .xl\:group-hover\:text-purple-50 { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:-translate-y-60 { - --transform-translate-y: -15rem !important; + .group:hover .xl\:group-hover\:text-purple-100 { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:-translate-y-64 { - --transform-translate-y: -16rem !important; + .group:hover .xl\:group-hover\:text-purple-200 { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:-translate-y-72 { - --transform-translate-y: -18rem !important; + .group:hover .xl\:group-hover\:text-purple-300 { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:-translate-y-80 { - --transform-translate-y: -20rem !important; + .group:hover .xl\:group-hover\:text-purple-400 { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:-translate-y-96 { - --transform-translate-y: -24rem !important; + .group:hover .xl\:group-hover\:text-purple-500 { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:-translate-y-px { - --transform-translate-y: -1px !important; + .group:hover .xl\:group-hover\:text-purple-600 { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem !important; + .group:hover .xl\:group-hover\:text-purple-700 { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem !important; + .group:hover .xl\:group-hover\:text-purple-800 { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem !important; + .group:hover .xl\:group-hover\:text-purple-900 { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem !important; + .group:hover .xl\:group-hover\:text-pink-50 { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:translate-y-1\/2 { - --transform-translate-y: 50% !important; + .group:hover .xl\:group-hover\:text-pink-100 { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:translate-y-1\/3 { - --transform-translate-y: 33.333333% !important; + .group:hover .xl\:group-hover\:text-pink-200 { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:translate-y-2\/3 { - --transform-translate-y: 66.666667% !important; + .group:hover .xl\:group-hover\:text-pink-300 { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:translate-y-1\/4 { - --transform-translate-y: 25% !important; + .group:hover .xl\:group-hover\:text-pink-400 { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:translate-y-2\/4 { - --transform-translate-y: 50% !important; + .group:hover .xl\:group-hover\:text-pink-500 { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:translate-y-3\/4 { - --transform-translate-y: 75% !important; + .group:hover .xl\:group-hover\:text-pink-600 { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:translate-y-full { - --transform-translate-y: 100% !important; + .group:hover .xl\:group-hover\:text-pink-700 { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:-translate-y-1\/2 { - --transform-translate-y: -50% !important; + .group:hover .xl\:group-hover\:text-pink-800 { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:-translate-y-1\/3 { - --transform-translate-y: -33.333333% !important; + .group:hover .xl\:group-hover\:text-pink-900 { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:-translate-y-2\/3 { - --transform-translate-y: -66.666667% !important; + .xl\:hover\:text-transparent:hover { + color: transparent !important; } - .xl\:-translate-y-1\/4 { - --transform-translate-y: -25% !important; + .xl\:hover\:text-current:hover { + color: currentColor !important; } - .xl\:-translate-y-2\/4 { - --transform-translate-y: -50% !important; + .xl\:hover\:text-black:hover { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:-translate-y-3\/4 { - --transform-translate-y: -75% !important; + .xl\:hover\:text-white:hover { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:-translate-y-full { - --transform-translate-y: -100% !important; + .xl\:hover\:text-gray-50:hover { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-0:hover { - --transform-translate-x: 0 !important; + .xl\:hover\:text-gray-100:hover { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem !important; + .xl\:hover\:text-gray-200:hover { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem !important; + .xl\:hover\:text-gray-300:hover { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem !important; + .xl\:hover\:text-gray-400:hover { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem !important; + .xl\:hover\:text-gray-500:hover { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem !important; + .xl\:hover\:text-gray-600:hover { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem !important; + .xl\:hover\:text-gray-700:hover { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem !important; + .xl\:hover\:text-gray-800:hover { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem !important; + .xl\:hover\:text-gray-900:hover { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem !important; + .xl\:hover\:text-red-50:hover { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem !important; + .xl\:hover\:text-red-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem !important; + .xl\:hover\:text-red-200:hover { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem !important; + .xl\:hover\:text-red-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem !important; + .xl\:hover\:text-red-400:hover { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem !important; + .xl\:hover\:text-red-500:hover { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem !important; + .xl\:hover\:text-red-600:hover { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem !important; + .xl\:hover\:text-red-700:hover { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem !important; + .xl\:hover\:text-red-800:hover { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem !important; + .xl\:hover\:text-red-900:hover { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem !important; + .xl\:hover\:text-yellow-50:hover { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem !important; + .xl\:hover\:text-yellow-100:hover { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem !important; + .xl\:hover\:text-yellow-200:hover { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem !important; + .xl\:hover\:text-yellow-300:hover { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem !important; + .xl\:hover\:text-yellow-400:hover { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem !important; + .xl\:hover\:text-yellow-500:hover { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem !important; + .xl\:hover\:text-yellow-600:hover { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem !important; + .xl\:hover\:text-yellow-700:hover { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem !important; + .xl\:hover\:text-yellow-800:hover { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem !important; + .xl\:hover\:text-yellow-900:hover { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-px:hover { - --transform-translate-x: 1px !important; + .xl\:hover\:text-green-50:hover { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem !important; + .xl\:hover\:text-green-100:hover { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem !important; + .xl\:hover\:text-green-200:hover { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem !important; + .xl\:hover\:text-green-300:hover { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem !important; + .xl\:hover\:text-green-400:hover { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem !important; + .xl\:hover\:text-green-500:hover { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem !important; + .xl\:hover\:text-green-600:hover { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem !important; + .xl\:hover\:text-green-700:hover { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem !important; + .xl\:hover\:text-green-800:hover { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem !important; + .xl\:hover\:text-green-900:hover { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem !important; + .xl\:hover\:text-blue-50:hover { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem !important; + .xl\:hover\:text-blue-100:hover { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem !important; + .xl\:hover\:text-blue-200:hover { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem !important; + .xl\:hover\:text-blue-300:hover { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem !important; + .xl\:hover\:text-blue-400:hover { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem !important; + .xl\:hover\:text-blue-500:hover { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem !important; + .xl\:hover\:text-blue-600:hover { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem !important; + .xl\:hover\:text-blue-700:hover { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem !important; + .xl\:hover\:text-blue-800:hover { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem !important; + .xl\:hover\:text-blue-900:hover { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem !important; + .xl\:hover\:text-purple-50:hover { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem !important; + .xl\:hover\:text-purple-100:hover { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem !important; + .xl\:hover\:text-purple-200:hover { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem !important; + .xl\:hover\:text-purple-300:hover { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem !important; + .xl\:hover\:text-purple-400:hover { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem !important; + .xl\:hover\:text-purple-500:hover { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem !important; + .xl\:hover\:text-purple-600:hover { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem !important; + .xl\:hover\:text-purple-700:hover { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem !important; + .xl\:hover\:text-purple-800:hover { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem !important; + .xl\:hover\:text-purple-900:hover { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem !important; + .xl\:hover\:text-pink-50:hover { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem !important; + .xl\:hover\:text-pink-100:hover { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem !important; + .xl\:hover\:text-pink-200:hover { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px !important; + .xl\:hover\:text-pink-300:hover { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem !important; + .xl\:hover\:text-pink-400:hover { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem !important; + .xl\:hover\:text-pink-500:hover { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem !important; + .xl\:hover\:text-pink-600:hover { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem !important; + .xl\:hover\:text-pink-700:hover { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50% !important; + .xl\:hover\:text-pink-800:hover { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333% !important; + .xl\:hover\:text-pink-900:hover { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667% !important; + .xl\:focus\:text-transparent:focus { + color: transparent !important; } - .xl\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25% !important; + .xl\:focus\:text-current:focus { + color: currentColor !important; } - .xl\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50% !important; + .xl\:focus\:text-black:focus { + --text-opacity: 1 !important; + color: rgba(0, 0, 0, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75% !important; + .xl\:focus\:text-white:focus { + --text-opacity: 1 !important; + color: rgba(255, 255, 255, var(--text-opacity)) !important; } - .xl\:hover\:translate-x-full:hover { - --transform-translate-x: 100% !important; + .xl\:focus\:text-gray-50:focus { + --text-opacity: 1 !important; + color: rgba(250, 250, 250, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50% !important; + .xl\:focus\:text-gray-100:focus { + --text-opacity: 1 !important; + color: rgba(244, 244, 245, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333% !important; + .xl\:focus\:text-gray-200:focus { + --text-opacity: 1 !important; + color: rgba(228, 228, 231, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667% !important; + .xl\:focus\:text-gray-300:focus { + --text-opacity: 1 !important; + color: rgba(212, 212, 216, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25% !important; + .xl\:focus\:text-gray-400:focus { + --text-opacity: 1 !important; + color: rgba(161, 161, 170, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50% !important; + .xl\:focus\:text-gray-500:focus { + --text-opacity: 1 !important; + color: rgba(113, 113, 122, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75% !important; + .xl\:focus\:text-gray-600:focus { + --text-opacity: 1 !important; + color: rgba(82, 82, 91, var(--text-opacity)) !important; } - .xl\:hover\:-translate-x-full:hover { - --transform-translate-x: -100% !important; + .xl\:focus\:text-gray-700:focus { + --text-opacity: 1 !important; + color: rgba(63, 63, 70, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-0:hover { - --transform-translate-y: 0 !important; + .xl\:focus\:text-gray-800:focus { + --text-opacity: 1 !important; + color: rgba(39, 39, 42, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem !important; + .xl\:focus\:text-gray-900:focus { + --text-opacity: 1 !important; + color: rgba(24, 24, 27, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem !important; + .xl\:focus\:text-red-50:focus { + --text-opacity: 1 !important; + color: rgba(254, 242, 242, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem !important; + .xl\:focus\:text-red-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 226, 226, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem !important; + .xl\:focus\:text-red-200:focus { + --text-opacity: 1 !important; + color: rgba(254, 202, 202, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem !important; + .xl\:focus\:text-red-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 165, 165, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem !important; + .xl\:focus\:text-red-400:focus { + --text-opacity: 1 !important; + color: rgba(248, 113, 113, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem !important; + .xl\:focus\:text-red-500:focus { + --text-opacity: 1 !important; + color: rgba(239, 68, 68, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem !important; + .xl\:focus\:text-red-600:focus { + --text-opacity: 1 !important; + color: rgba(220, 38, 38, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem !important; + .xl\:focus\:text-red-700:focus { + --text-opacity: 1 !important; + color: rgba(185, 28, 28, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem !important; + .xl\:focus\:text-red-800:focus { + --text-opacity: 1 !important; + color: rgba(153, 27, 27, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem !important; + .xl\:focus\:text-red-900:focus { + --text-opacity: 1 !important; + color: rgba(127, 29, 29, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem !important; + .xl\:focus\:text-yellow-50:focus { + --text-opacity: 1 !important; + color: rgba(255, 251, 235, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem !important; + .xl\:focus\:text-yellow-100:focus { + --text-opacity: 1 !important; + color: rgba(254, 243, 199, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem !important; + .xl\:focus\:text-yellow-200:focus { + --text-opacity: 1 !important; + color: rgba(253, 230, 138, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem !important; + .xl\:focus\:text-yellow-300:focus { + --text-opacity: 1 !important; + color: rgba(252, 211, 77, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem !important; + .xl\:focus\:text-yellow-400:focus { + --text-opacity: 1 !important; + color: rgba(251, 191, 36, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem !important; + .xl\:focus\:text-yellow-500:focus { + --text-opacity: 1 !important; + color: rgba(245, 158, 11, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem !important; + .xl\:focus\:text-yellow-600:focus { + --text-opacity: 1 !important; + color: rgba(217, 119, 6, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem !important; + .xl\:focus\:text-yellow-700:focus { + --text-opacity: 1 !important; + color: rgba(180, 83, 9, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem !important; + .xl\:focus\:text-yellow-800:focus { + --text-opacity: 1 !important; + color: rgba(146, 64, 14, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem !important; + .xl\:focus\:text-yellow-900:focus { + --text-opacity: 1 !important; + color: rgba(120, 53, 15, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem !important; + .xl\:focus\:text-green-50:focus { + --text-opacity: 1 !important; + color: rgba(236, 253, 245, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem !important; + .xl\:focus\:text-green-100:focus { + --text-opacity: 1 !important; + color: rgba(209, 250, 229, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem !important; + .xl\:focus\:text-green-200:focus { + --text-opacity: 1 !important; + color: rgba(167, 243, 208, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem !important; + .xl\:focus\:text-green-300:focus { + --text-opacity: 1 !important; + color: rgba(110, 231, 183, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem !important; + .xl\:focus\:text-green-400:focus { + --text-opacity: 1 !important; + color: rgba(52, 211, 153, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem !important; + .xl\:focus\:text-green-500:focus { + --text-opacity: 1 !important; + color: rgba(16, 185, 129, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem !important; + .xl\:focus\:text-green-600:focus { + --text-opacity: 1 !important; + color: rgba(5, 150, 105, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-px:hover { - --transform-translate-y: 1px !important; + .xl\:focus\:text-green-700:focus { + --text-opacity: 1 !important; + color: rgba(4, 120, 87, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem !important; + .xl\:focus\:text-green-800:focus { + --text-opacity: 1 !important; + color: rgba(6, 95, 70, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem !important; + .xl\:focus\:text-green-900:focus { + --text-opacity: 1 !important; + color: rgba(6, 78, 59, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem !important; + .xl\:focus\:text-blue-50:focus { + --text-opacity: 1 !important; + color: rgba(239, 246, 255, var(--text-opacity)) !important; } - .xl\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem !important; + .xl\:focus\:text-blue-100:focus { + --text-opacity: 1 !important; + color: rgba(219, 234, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem !important; + .xl\:focus\:text-blue-200:focus { + --text-opacity: 1 !important; + color: rgba(191, 219, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem !important; + .xl\:focus\:text-blue-300:focus { + --text-opacity: 1 !important; + color: rgba(147, 197, 253, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem !important; + .xl\:focus\:text-blue-400:focus { + --text-opacity: 1 !important; + color: rgba(96, 165, 250, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem !important; + .xl\:focus\:text-blue-500:focus { + --text-opacity: 1 !important; + color: rgba(59, 130, 246, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem !important; + .xl\:focus\:text-blue-600:focus { + --text-opacity: 1 !important; + color: rgba(37, 99, 235, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem !important; + .xl\:focus\:text-blue-700:focus { + --text-opacity: 1 !important; + color: rgba(29, 78, 216, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem !important; + .xl\:focus\:text-blue-800:focus { + --text-opacity: 1 !important; + color: rgba(30, 64, 175, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem !important; + .xl\:focus\:text-blue-900:focus { + --text-opacity: 1 !important; + color: rgba(30, 58, 138, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem !important; + .xl\:focus\:text-purple-50:focus { + --text-opacity: 1 !important; + color: rgba(245, 243, 255, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem !important; + .xl\:focus\:text-purple-100:focus { + --text-opacity: 1 !important; + color: rgba(237, 233, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem !important; + .xl\:focus\:text-purple-200:focus { + --text-opacity: 1 !important; + color: rgba(221, 214, 254, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem !important; + .xl\:focus\:text-purple-300:focus { + --text-opacity: 1 !important; + color: rgba(196, 181, 253, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem !important; + .xl\:focus\:text-purple-400:focus { + --text-opacity: 1 !important; + color: rgba(167, 139, 250, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem !important; + .xl\:focus\:text-purple-500:focus { + --text-opacity: 1 !important; + color: rgba(139, 92, 246, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem !important; + .xl\:focus\:text-purple-600:focus { + --text-opacity: 1 !important; + color: rgba(124, 58, 237, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem !important; + .xl\:focus\:text-purple-700:focus { + --text-opacity: 1 !important; + color: rgba(109, 40, 217, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem !important; + .xl\:focus\:text-purple-800:focus { + --text-opacity: 1 !important; + color: rgba(91, 33, 182, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem !important; + .xl\:focus\:text-purple-900:focus { + --text-opacity: 1 !important; + color: rgba(76, 29, 149, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem !important; + .xl\:focus\:text-pink-50:focus { + --text-opacity: 1 !important; + color: rgba(253, 242, 248, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem !important; + .xl\:focus\:text-pink-100:focus { + --text-opacity: 1 !important; + color: rgba(252, 231, 243, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem !important; + .xl\:focus\:text-pink-200:focus { + --text-opacity: 1 !important; + color: rgba(251, 207, 232, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem !important; + .xl\:focus\:text-pink-300:focus { + --text-opacity: 1 !important; + color: rgba(249, 168, 212, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem !important; + .xl\:focus\:text-pink-400:focus { + --text-opacity: 1 !important; + color: rgba(244, 114, 182, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem !important; + .xl\:focus\:text-pink-500:focus { + --text-opacity: 1 !important; + color: rgba(236, 72, 153, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem !important; + .xl\:focus\:text-pink-600:focus { + --text-opacity: 1 !important; + color: rgba(219, 39, 119, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem !important; + .xl\:focus\:text-pink-700:focus { + --text-opacity: 1 !important; + color: rgba(190, 24, 93, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem !important; + .xl\:focus\:text-pink-800:focus { + --text-opacity: 1 !important; + color: rgba(157, 23, 77, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem !important; + .xl\:focus\:text-pink-900:focus { + --text-opacity: 1 !important; + color: rgba(131, 24, 67, var(--text-opacity)) !important; } - .xl\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px !important; + .xl\:text-opacity-0 { + --text-opacity: 0 !important; } - .xl\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem !important; + .xl\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .xl\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem !important; + .xl\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .xl\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem !important; + .xl\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .xl\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem !important; + .xl\:text-opacity-100 { + --text-opacity: 1 !important; } - .xl\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50% !important; + .group:hover .xl\:group-hover\:text-opacity-0 { + --text-opacity: 0 !important; } - .xl\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333% !important; + .group:hover .xl\:group-hover\:text-opacity-25 { + --text-opacity: 0.25 !important; } - .xl\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667% !important; + .group:hover .xl\:group-hover\:text-opacity-50 { + --text-opacity: 0.5 !important; } - .xl\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25% !important; + .group:hover .xl\:group-hover\:text-opacity-75 { + --text-opacity: 0.75 !important; } - .xl\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50% !important; + .group:hover .xl\:group-hover\:text-opacity-100 { + --text-opacity: 1 !important; } - .xl\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75% !important; + .xl\:hover\:text-opacity-0:hover { + --text-opacity: 0 !important; } - .xl\:hover\:translate-y-full:hover { - --transform-translate-y: 100% !important; + .xl\:hover\:text-opacity-25:hover { + --text-opacity: 0.25 !important; } - .xl\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50% !important; + .xl\:hover\:text-opacity-50:hover { + --text-opacity: 0.5 !important; } - .xl\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333% !important; + .xl\:hover\:text-opacity-75:hover { + --text-opacity: 0.75 !important; } - .xl\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667% !important; + .xl\:hover\:text-opacity-100:hover { + --text-opacity: 1 !important; } - .xl\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25% !important; + .xl\:focus\:text-opacity-0:focus { + --text-opacity: 0 !important; } - .xl\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50% !important; + .xl\:focus\:text-opacity-25:focus { + --text-opacity: 0.25 !important; } - .xl\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75% !important; + .xl\:focus\:text-opacity-50:focus { + --text-opacity: 0.5 !important; } - .xl\:hover\:-translate-y-full:hover { - --transform-translate-y: -100% !important; + .xl\:focus\:text-opacity-75:focus { + --text-opacity: 0.75 !important; } - .xl\:focus\:translate-x-0:focus { - --transform-translate-x: 0 !important; + .xl\:focus\:text-opacity-100:focus { + --text-opacity: 1 !important; } - .xl\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem !important; + .xl\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .xl\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem !important; + .xl\:overflow-ellipsis { + text-overflow: ellipsis !important; } - .xl\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem !important; + .xl\:overflow-clip { + text-overflow: clip !important; } - .xl\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem !important; + .xl\:italic { + font-style: italic !important; } - .xl\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem !important; + .xl\:not-italic { + font-style: normal !important; } - .xl\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem !important; + .xl\:uppercase { + text-transform: uppercase !important; } - .xl\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem !important; + .xl\:lowercase { + text-transform: lowercase !important; } - - .xl\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem !important; + + .xl\:capitalize { + text-transform: capitalize !important; } - .xl\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem !important; + .xl\:normal-case { + text-transform: none !important; } - .xl\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem !important; + .xl\:underline { + text-decoration: underline !important; } - .xl\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem !important; + .xl\:line-through { + text-decoration: line-through !important; } - .xl\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem !important; + .xl\:no-underline { + text-decoration: none !important; } - .xl\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem !important; + .xl\:hover\:underline:hover { + text-decoration: underline !important; } - .xl\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem !important; + .xl\:hover\:line-through:hover { + text-decoration: line-through !important; } - .xl\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem !important; + .xl\:hover\:no-underline:hover { + text-decoration: none !important; } - .xl\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem !important; + .xl\:focus\:underline:focus { + text-decoration: underline !important; } - .xl\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem !important; + .xl\:focus\:line-through:focus { + text-decoration: line-through !important; } - .xl\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem !important; + .xl\:focus\:no-underline:focus { + text-decoration: none !important; } - .xl\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem !important; + .xl\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .xl\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem !important; + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .xl\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem !important; + .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important; + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important; + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important; } - .xl\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem !important; + .xl\:normal-nums { + font-variant-numeric: normal !important; } - .xl\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem !important; + .xl\:ordinal { + --font-variant-numeric-ordinal: ordinal !important; } - .xl\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem !important; + .xl\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero !important; } - .xl\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem !important; + .xl\:lining-nums { + --font-variant-numeric-figure: lining-nums !important; } - .xl\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem !important; + .xl\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums !important; } - .xl\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem !important; + .xl\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums !important; } - .xl\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem !important; + .xl\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums !important; } - .xl\:focus\:translate-x-px:focus { - --transform-translate-x: 1px !important; + .xl\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions !important; } - .xl\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem !important; + .xl\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions !important; } - .xl\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem !important; + .xl\:tracking-tighter { + letter-spacing: -0.05em !important; } - .xl\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem !important; + .xl\:tracking-tight { + letter-spacing: -0.025em !important; } - .xl\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem !important; + .xl\:tracking-normal { + letter-spacing: 0 !important; } - .xl\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem !important; + .xl\:tracking-wide { + letter-spacing: 0.025em !important; } - .xl\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem !important; + .xl\:tracking-wider { + letter-spacing: 0.05em !important; } - .xl\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem !important; + .xl\:tracking-widest { + letter-spacing: 0.1em !important; } - .xl\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem !important; + .xl\:select-none { + user-select: none !important; } - .xl\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem !important; + .xl\:select-text { + user-select: text !important; } - .xl\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem !important; + .xl\:select-all { + user-select: all !important; } - .xl\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem !important; + .xl\:select-auto { + user-select: auto !important; } - .xl\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem !important; + .xl\:align-baseline { + vertical-align: baseline !important; } - .xl\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem !important; + .xl\:align-top { + vertical-align: top !important; } - .xl\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem !important; + .xl\:align-middle { + vertical-align: middle !important; } - .xl\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem !important; + .xl\:align-bottom { + vertical-align: bottom !important; } - .xl\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem !important; + .xl\:align-text-top { + vertical-align: text-top !important; } - .xl\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem !important; + .xl\:align-text-bottom { + vertical-align: text-bottom !important; } - .xl\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem !important; + .xl\:visible { + visibility: visible !important; } - .xl\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem !important; + .xl\:invisible { + visibility: hidden !important; } - .xl\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem !important; + .xl\:whitespace-normal { + white-space: normal !important; } - .xl\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem !important; + .xl\:whitespace-no-wrap { + white-space: nowrap !important; } - .xl\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem !important; + .xl\:whitespace-pre { + white-space: pre !important; } - .xl\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem !important; + .xl\:whitespace-pre-line { + white-space: pre-line !important; } - .xl\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem !important; + .xl\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .xl\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem !important; + .xl\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .xl\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem !important; + .xl\:break-words { + overflow-wrap: break-word !important; } - .xl\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem !important; + .xl\:break-all { + word-break: break-all !important; } - .xl\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem !important; + .xl\:w-0 { + width: 0 !important; } - .xl\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem !important; + .xl\:w-1 { + width: 0.25rem !important; } - .xl\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem !important; + .xl\:w-2 { + width: 0.5rem !important; } - .xl\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem !important; + .xl\:w-3 { + width: 0.75rem !important; } - .xl\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem !important; + .xl\:w-4 { + width: 1rem !important; } - .xl\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px !important; + .xl\:w-5 { + width: 1.25rem !important; } - .xl\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem !important; + .xl\:w-6 { + width: 1.5rem !important; } - .xl\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem !important; + .xl\:w-7 { + width: 1.75rem !important; } - .xl\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem !important; + .xl\:w-8 { + width: 2rem !important; } - .xl\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem !important; + .xl\:w-9 { + width: 2.25rem !important; } - .xl\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50% !important; + .xl\:w-10 { + width: 2.5rem !important; } - .xl\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333% !important; + .xl\:w-12 { + width: 3rem !important; } - .xl\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667% !important; + .xl\:w-14 { + width: 3.5rem !important; } - .xl\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25% !important; + .xl\:w-16 { + width: 4rem !important; } - .xl\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50% !important; + .xl\:w-20 { + width: 5rem !important; } - .xl\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75% !important; + .xl\:w-24 { + width: 6rem !important; } - .xl\:focus\:translate-x-full:focus { - --transform-translate-x: 100% !important; + .xl\:w-28 { + width: 7rem !important; } - .xl\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50% !important; + .xl\:w-32 { + width: 8rem !important; } - .xl\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333% !important; + .xl\:w-36 { + width: 9rem !important; } - .xl\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667% !important; + .xl\:w-40 { + width: 10rem !important; } - .xl\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25% !important; + .xl\:w-44 { + width: 11rem !important; } - .xl\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50% !important; + .xl\:w-48 { + width: 12rem !important; } - .xl\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75% !important; + .xl\:w-52 { + width: 13rem !important; } - .xl\:focus\:-translate-x-full:focus { - --transform-translate-x: -100% !important; + .xl\:w-56 { + width: 14rem !important; } - .xl\:focus\:translate-y-0:focus { - --transform-translate-y: 0 !important; + .xl\:w-60 { + width: 15rem !important; } - .xl\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem !important; + .xl\:w-64 { + width: 16rem !important; } - .xl\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem !important; + .xl\:w-72 { + width: 18rem !important; } - .xl\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem !important; + .xl\:w-80 { + width: 20rem !important; } - .xl\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem !important; + .xl\:w-96 { + width: 24rem !important; } - .xl\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem !important; + .xl\:w-auto { + width: auto !important; } - .xl\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem !important; + .xl\:w-px { + width: 1px !important; } - .xl\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem !important; + .xl\:w-0\.5 { + width: 0.125rem !important; } - .xl\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem !important; + .xl\:w-1\.5 { + width: 0.375rem !important; } - .xl\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem !important; + .xl\:w-2\.5 { + width: 0.625rem !important; } - .xl\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem !important; + .xl\:w-3\.5 { + width: 0.875rem !important; } - .xl\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem !important; + .xl\:w-1\/2 { + width: 50% !important; } - .xl\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem !important; + .xl\:w-1\/3 { + width: 33.333333% !important; } - .xl\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem !important; + .xl\:w-2\/3 { + width: 66.666667% !important; } - .xl\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem !important; + .xl\:w-1\/4 { + width: 25% !important; } - .xl\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem !important; + .xl\:w-2\/4 { + width: 50% !important; } - .xl\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem !important; + .xl\:w-3\/4 { + width: 75% !important; } - .xl\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem !important; + .xl\:w-1\/5 { + width: 20% !important; } - .xl\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem !important; + .xl\:w-2\/5 { + width: 40% !important; } - .xl\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem !important; + .xl\:w-3\/5 { + width: 60% !important; } - .xl\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem !important; + .xl\:w-4\/5 { + width: 80% !important; } - .xl\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem !important; + .xl\:w-1\/6 { + width: 16.666667% !important; } - .xl\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem !important; + .xl\:w-2\/6 { + width: 33.333333% !important; } - .xl\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem !important; + .xl\:w-3\/6 { + width: 50% !important; } - .xl\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem !important; + .xl\:w-4\/6 { + width: 66.666667% !important; } - .xl\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem !important; + .xl\:w-5\/6 { + width: 83.333333% !important; } - .xl\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem !important; + .xl\:w-1\/12 { + width: 8.333333% !important; } - .xl\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem !important; + .xl\:w-2\/12 { + width: 16.666667% !important; } - .xl\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem !important; + .xl\:w-3\/12 { + width: 25% !important; } - .xl\:focus\:translate-y-px:focus { - --transform-translate-y: 1px !important; + .xl\:w-4\/12 { + width: 33.333333% !important; } - .xl\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem !important; + .xl\:w-5\/12 { + width: 41.666667% !important; } - .xl\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem !important; + .xl\:w-6\/12 { + width: 50% !important; } - .xl\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem !important; + .xl\:w-7\/12 { + width: 58.333333% !important; } - .xl\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem !important; + .xl\:w-8\/12 { + width: 66.666667% !important; } - .xl\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem !important; + .xl\:w-9\/12 { + width: 75% !important; } - .xl\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem !important; + .xl\:w-10\/12 { + width: 83.333333% !important; } - .xl\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem !important; + .xl\:w-11\/12 { + width: 91.666667% !important; } - .xl\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem !important; + .xl\:w-full { + width: 100% !important; } - .xl\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem !important; + .xl\:w-screen { + width: 100vw !important; } - .xl\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem !important; + .xl\:w-min { + width: min-content !important; } - .xl\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem !important; + .xl\:w-max { + width: max-content !important; } - .xl\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem !important; + .xl\:z-0 { + z-index: 0 !important; } - .xl\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem !important; + .xl\:z-10 { + z-index: 10 !important; } - .xl\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem !important; + .xl\:z-20 { + z-index: 20 !important; } - .xl\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem !important; + .xl\:z-30 { + z-index: 30 !important; } - .xl\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem !important; + .xl\:z-40 { + z-index: 40 !important; } - .xl\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem !important; + .xl\:z-50 { + z-index: 50 !important; } - .xl\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem !important; + .xl\:z-auto { + z-index: auto !important; } - .xl\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem !important; + .xl\:focus\:z-0:focus { + z-index: 0 !important; } - .xl\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem !important; + .xl\:focus\:z-10:focus { + z-index: 10 !important; } - .xl\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem !important; + .xl\:focus\:z-20:focus { + z-index: 20 !important; } - .xl\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem !important; + .xl\:focus\:z-30:focus { + z-index: 30 !important; } - .xl\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem !important; + .xl\:focus\:z-40:focus { + z-index: 40 !important; } - .xl\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem !important; + .xl\:focus\:z-50:focus { + z-index: 50 !important; } - .xl\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem !important; + .xl\:focus\:z-auto:focus { + z-index: auto !important; } - .xl\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem !important; + .xl\:gap-0 { + grid-gap: 0 !important; + gap: 0 !important; } - .xl\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem !important; + .xl\:gap-1 { + grid-gap: 0.25rem !important; + gap: 0.25rem !important; } - .xl\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem !important; + .xl\:gap-2 { + grid-gap: 0.5rem !important; + gap: 0.5rem !important; } - .xl\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem !important; + .xl\:gap-3 { + grid-gap: 0.75rem !important; + gap: 0.75rem !important; } - .xl\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem !important; + .xl\:gap-4 { + grid-gap: 1rem !important; + gap: 1rem !important; } - .xl\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem !important; + .xl\:gap-5 { + grid-gap: 1.25rem !important; + gap: 1.25rem !important; } - .xl\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem !important; + .xl\:gap-6 { + grid-gap: 1.5rem !important; + gap: 1.5rem !important; } - .xl\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px !important; + .xl\:gap-7 { + grid-gap: 1.75rem !important; + gap: 1.75rem !important; } - .xl\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem !important; + .xl\:gap-8 { + grid-gap: 2rem !important; + gap: 2rem !important; } - .xl\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem !important; + .xl\:gap-9 { + grid-gap: 2.25rem !important; + gap: 2.25rem !important; } - .xl\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem !important; + .xl\:gap-10 { + grid-gap: 2.5rem !important; + gap: 2.5rem !important; } - .xl\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem !important; + .xl\:gap-12 { + grid-gap: 3rem !important; + gap: 3rem !important; } - .xl\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50% !important; + .xl\:gap-14 { + grid-gap: 3.5rem !important; + gap: 3.5rem !important; } - .xl\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333% !important; + .xl\:gap-16 { + grid-gap: 4rem !important; + gap: 4rem !important; } - .xl\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667% !important; + .xl\:gap-20 { + grid-gap: 5rem !important; + gap: 5rem !important; } - .xl\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25% !important; + .xl\:gap-24 { + grid-gap: 6rem !important; + gap: 6rem !important; } - .xl\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50% !important; + .xl\:gap-28 { + grid-gap: 7rem !important; + gap: 7rem !important; } - .xl\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75% !important; + .xl\:gap-32 { + grid-gap: 8rem !important; + gap: 8rem !important; } - .xl\:focus\:translate-y-full:focus { - --transform-translate-y: 100% !important; + .xl\:gap-36 { + grid-gap: 9rem !important; + gap: 9rem !important; } - .xl\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50% !important; + .xl\:gap-40 { + grid-gap: 10rem !important; + gap: 10rem !important; } - .xl\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333% !important; + .xl\:gap-44 { + grid-gap: 11rem !important; + gap: 11rem !important; } - .xl\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667% !important; + .xl\:gap-48 { + grid-gap: 12rem !important; + gap: 12rem !important; } - .xl\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25% !important; + .xl\:gap-52 { + grid-gap: 13rem !important; + gap: 13rem !important; } - .xl\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50% !important; + .xl\:gap-56 { + grid-gap: 14rem !important; + gap: 14rem !important; } - .xl\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75% !important; + .xl\:gap-60 { + grid-gap: 15rem !important; + gap: 15rem !important; } - .xl\:focus\:-translate-y-full:focus { - --transform-translate-y: -100% !important; + .xl\:gap-64 { + grid-gap: 16rem !important; + gap: 16rem !important; } - .xl\:skew-x-0 { - --transform-skew-x: 0 !important; + .xl\:gap-72 { + grid-gap: 18rem !important; + gap: 18rem !important; } - .xl\:skew-x-1 { - --transform-skew-x: 1deg !important; + .xl\:gap-80 { + grid-gap: 20rem !important; + gap: 20rem !important; } - .xl\:skew-x-2 { - --transform-skew-x: 2deg !important; + .xl\:gap-96 { + grid-gap: 24rem !important; + gap: 24rem !important; } - .xl\:skew-x-3 { - --transform-skew-x: 3deg !important; + .xl\:gap-px { + grid-gap: 1px !important; + gap: 1px !important; } - .xl\:skew-x-6 { - --transform-skew-x: 6deg !important; + .xl\:gap-0\.5 { + grid-gap: 0.125rem !important; + gap: 0.125rem !important; } - .xl\:skew-x-12 { - --transform-skew-x: 12deg !important; + .xl\:gap-1\.5 { + grid-gap: 0.375rem !important; + gap: 0.375rem !important; } - .xl\:-skew-x-12 { - --transform-skew-x: -12deg !important; + .xl\:gap-2\.5 { + grid-gap: 0.625rem !important; + gap: 0.625rem !important; } - .xl\:-skew-x-6 { - --transform-skew-x: -6deg !important; + .xl\:gap-3\.5 { + grid-gap: 0.875rem !important; + gap: 0.875rem !important; } - .xl\:-skew-x-3 { - --transform-skew-x: -3deg !important; + .xl\:gap-x-0 { + grid-column-gap: 0 !important; + column-gap: 0 !important; } - .xl\:-skew-x-2 { - --transform-skew-x: -2deg !important; + .xl\:gap-x-1 { + grid-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; } - .xl\:-skew-x-1 { - --transform-skew-x: -1deg !important; + .xl\:gap-x-2 { + grid-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; } - .xl\:skew-y-0 { - --transform-skew-y: 0 !important; + .xl\:gap-x-3 { + grid-column-gap: 0.75rem !important; + column-gap: 0.75rem !important; } - .xl\:skew-y-1 { - --transform-skew-y: 1deg !important; + .xl\:gap-x-4 { + grid-column-gap: 1rem !important; + column-gap: 1rem !important; } - .xl\:skew-y-2 { - --transform-skew-y: 2deg !important; + .xl\:gap-x-5 { + grid-column-gap: 1.25rem !important; + column-gap: 1.25rem !important; } - .xl\:skew-y-3 { - --transform-skew-y: 3deg !important; + .xl\:gap-x-6 { + grid-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; } - .xl\:skew-y-6 { - --transform-skew-y: 6deg !important; + .xl\:gap-x-7 { + grid-column-gap: 1.75rem !important; + column-gap: 1.75rem !important; } - .xl\:skew-y-12 { - --transform-skew-y: 12deg !important; + .xl\:gap-x-8 { + grid-column-gap: 2rem !important; + column-gap: 2rem !important; } - .xl\:-skew-y-12 { - --transform-skew-y: -12deg !important; + .xl\:gap-x-9 { + grid-column-gap: 2.25rem !important; + column-gap: 2.25rem !important; } - .xl\:-skew-y-6 { - --transform-skew-y: -6deg !important; + .xl\:gap-x-10 { + grid-column-gap: 2.5rem !important; + column-gap: 2.5rem !important; } - .xl\:-skew-y-3 { - --transform-skew-y: -3deg !important; + .xl\:gap-x-12 { + grid-column-gap: 3rem !important; + column-gap: 3rem !important; } - .xl\:-skew-y-2 { - --transform-skew-y: -2deg !important; + .xl\:gap-x-14 { + grid-column-gap: 3.5rem !important; + column-gap: 3.5rem !important; } - .xl\:-skew-y-1 { - --transform-skew-y: -1deg !important; + .xl\:gap-x-16 { + grid-column-gap: 4rem !important; + column-gap: 4rem !important; } - .xl\:hover\:skew-x-0:hover { - --transform-skew-x: 0 !important; + .xl\:gap-x-20 { + grid-column-gap: 5rem !important; + column-gap: 5rem !important; } - .xl\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg !important; + .xl\:gap-x-24 { + grid-column-gap: 6rem !important; + column-gap: 6rem !important; } - .xl\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg !important; + .xl\:gap-x-28 { + grid-column-gap: 7rem !important; + column-gap: 7rem !important; } - .xl\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg !important; + .xl\:gap-x-32 { + grid-column-gap: 8rem !important; + column-gap: 8rem !important; } - .xl\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg !important; + .xl\:gap-x-36 { + grid-column-gap: 9rem !important; + column-gap: 9rem !important; } - .xl\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg !important; + .xl\:gap-x-40 { + grid-column-gap: 10rem !important; + column-gap: 10rem !important; } - .xl\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg !important; + .xl\:gap-x-44 { + grid-column-gap: 11rem !important; + column-gap: 11rem !important; } - .xl\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg !important; + .xl\:gap-x-48 { + grid-column-gap: 12rem !important; + column-gap: 12rem !important; } - .xl\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg !important; + .xl\:gap-x-52 { + grid-column-gap: 13rem !important; + column-gap: 13rem !important; } - .xl\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg !important; + .xl\:gap-x-56 { + grid-column-gap: 14rem !important; + column-gap: 14rem !important; } - .xl\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg !important; + .xl\:gap-x-60 { + grid-column-gap: 15rem !important; + column-gap: 15rem !important; } - .xl\:hover\:skew-y-0:hover { - --transform-skew-y: 0 !important; + .xl\:gap-x-64 { + grid-column-gap: 16rem !important; + column-gap: 16rem !important; } - .xl\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg !important; + .xl\:gap-x-72 { + grid-column-gap: 18rem !important; + column-gap: 18rem !important; } - .xl\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg !important; + .xl\:gap-x-80 { + grid-column-gap: 20rem !important; + column-gap: 20rem !important; } - .xl\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg !important; + .xl\:gap-x-96 { + grid-column-gap: 24rem !important; + column-gap: 24rem !important; } - .xl\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg !important; + .xl\:gap-x-px { + grid-column-gap: 1px !important; + column-gap: 1px !important; } - .xl\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg !important; + .xl\:gap-x-0\.5 { + grid-column-gap: 0.125rem !important; + column-gap: 0.125rem !important; } - .xl\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg !important; + .xl\:gap-x-1\.5 { + grid-column-gap: 0.375rem !important; + column-gap: 0.375rem !important; } - .xl\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg !important; + .xl\:gap-x-2\.5 { + grid-column-gap: 0.625rem !important; + column-gap: 0.625rem !important; } - .xl\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg !important; + .xl\:gap-x-3\.5 { + grid-column-gap: 0.875rem !important; + column-gap: 0.875rem !important; } - .xl\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg !important; + .xl\:gap-y-0 { + grid-row-gap: 0 !important; + row-gap: 0 !important; } - .xl\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg !important; + .xl\:gap-y-1 { + grid-row-gap: 0.25rem !important; + row-gap: 0.25rem !important; } - .xl\:focus\:skew-x-0:focus { - --transform-skew-x: 0 !important; + .xl\:gap-y-2 { + grid-row-gap: 0.5rem !important; + row-gap: 0.5rem !important; } - .xl\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg !important; + .xl\:gap-y-3 { + grid-row-gap: 0.75rem !important; + row-gap: 0.75rem !important; } - .xl\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg !important; + .xl\:gap-y-4 { + grid-row-gap: 1rem !important; + row-gap: 1rem !important; } - .xl\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg !important; + .xl\:gap-y-5 { + grid-row-gap: 1.25rem !important; + row-gap: 1.25rem !important; } - .xl\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg !important; + .xl\:gap-y-6 { + grid-row-gap: 1.5rem !important; + row-gap: 1.5rem !important; } - .xl\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg !important; + .xl\:gap-y-7 { + grid-row-gap: 1.75rem !important; + row-gap: 1.75rem !important; } - .xl\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg !important; + .xl\:gap-y-8 { + grid-row-gap: 2rem !important; + row-gap: 2rem !important; } - .xl\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg !important; + .xl\:gap-y-9 { + grid-row-gap: 2.25rem !important; + row-gap: 2.25rem !important; } - .xl\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg !important; + .xl\:gap-y-10 { + grid-row-gap: 2.5rem !important; + row-gap: 2.5rem !important; } - .xl\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg !important; + .xl\:gap-y-12 { + grid-row-gap: 3rem !important; + row-gap: 3rem !important; } - .xl\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg !important; + .xl\:gap-y-14 { + grid-row-gap: 3.5rem !important; + row-gap: 3.5rem !important; } - .xl\:focus\:skew-y-0:focus { - --transform-skew-y: 0 !important; + .xl\:gap-y-16 { + grid-row-gap: 4rem !important; + row-gap: 4rem !important; } - .xl\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg !important; + .xl\:gap-y-20 { + grid-row-gap: 5rem !important; + row-gap: 5rem !important; } - .xl\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg !important; + .xl\:gap-y-24 { + grid-row-gap: 6rem !important; + row-gap: 6rem !important; } - .xl\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg !important; + .xl\:gap-y-28 { + grid-row-gap: 7rem !important; + row-gap: 7rem !important; } - .xl\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg !important; + .xl\:gap-y-32 { + grid-row-gap: 8rem !important; + row-gap: 8rem !important; } - .xl\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg !important; + .xl\:gap-y-36 { + grid-row-gap: 9rem !important; + row-gap: 9rem !important; } - .xl\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg !important; + .xl\:gap-y-40 { + grid-row-gap: 10rem !important; + row-gap: 10rem !important; } - .xl\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg !important; + .xl\:gap-y-44 { + grid-row-gap: 11rem !important; + row-gap: 11rem !important; } - .xl\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg !important; + .xl\:gap-y-48 { + grid-row-gap: 12rem !important; + row-gap: 12rem !important; } - .xl\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg !important; + .xl\:gap-y-52 { + grid-row-gap: 13rem !important; + row-gap: 13rem !important; } - .xl\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg !important; + .xl\:gap-y-56 { + grid-row-gap: 14rem !important; + row-gap: 14rem !important; } - .xl\:transition-none { - transition-property: none !important; + .xl\:gap-y-60 { + grid-row-gap: 15rem !important; + row-gap: 15rem !important; } - .xl\:transition-all { - transition-property: all !important; + .xl\:gap-y-64 { + grid-row-gap: 16rem !important; + row-gap: 16rem !important; } - .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + .xl\:gap-y-72 { + grid-row-gap: 18rem !important; + row-gap: 18rem !important; } - .xl\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke !important; + .xl\:gap-y-80 { + grid-row-gap: 20rem !important; + row-gap: 20rem !important; } - .xl\:transition-opacity { - transition-property: opacity !important; + .xl\:gap-y-96 { + grid-row-gap: 24rem !important; + row-gap: 24rem !important; } - .xl\:transition-shadow { - transition-property: box-shadow !important; + .xl\:gap-y-px { + grid-row-gap: 1px !important; + row-gap: 1px !important; } - .xl\:transition-transform { - transition-property: transform !important; + .xl\:gap-y-0\.5 { + grid-row-gap: 0.125rem !important; + row-gap: 0.125rem !important; } - .xl\:ease-linear { - transition-timing-function: linear !important; + .xl\:gap-y-1\.5 { + grid-row-gap: 0.375rem !important; + row-gap: 0.375rem !important; } - .xl\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + .xl\:gap-y-2\.5 { + grid-row-gap: 0.625rem !important; + row-gap: 0.625rem !important; } - .xl\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + .xl\:gap-y-3\.5 { + grid-row-gap: 0.875rem !important; + row-gap: 0.875rem !important; } - .xl\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + .xl\:grid-flow-row { + grid-auto-flow: row !important; } - .xl\:duration-75 { - transition-duration: 75ms !important; + .xl\:grid-flow-col { + grid-auto-flow: column !important; } - .xl\:duration-100 { - transition-duration: 100ms !important; + .xl\:grid-flow-row-dense { + grid-auto-flow: row dense !important; } - .xl\:duration-150 { - transition-duration: 150ms !important; + .xl\:grid-flow-col-dense { + grid-auto-flow: column dense !important; } - .xl\:duration-200 { - transition-duration: 200ms !important; + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } - .xl\:duration-300 { - transition-duration: 300ms !important; + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } - .xl\:duration-500 { - transition-duration: 500ms !important; + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } - .xl\:duration-700 { - transition-duration: 700ms !important; + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } - .xl\:duration-1000 { - transition-duration: 1000ms !important; + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } - .xl\:delay-75 { - transition-delay: 75ms !important; + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } - .xl\:delay-100 { - transition-delay: 100ms !important; + .xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } - .xl\:delay-150 { - transition-delay: 150ms !important; + .xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } - .xl\:delay-200 { - transition-delay: 200ms !important; + .xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)) !important; } - .xl\:delay-300 { - transition-delay: 300ms !important; + .xl\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } - .xl\:delay-500 { - transition-delay: 500ms !important; + .xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)) !important; } - .xl\:delay-700 { - transition-delay: 700ms !important; + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)) !important; } - .xl\:delay-1000 { - transition-delay: 1000ms !important; + .xl\:grid-cols-none { + grid-template-columns: none !important; } - .xl\:animate-none { - animation: none !important; + .xl\:auto-cols-auto { + grid-auto-columns: auto !important; } - .xl\:animate-spin { - animation: spin 1s linear infinite !important; + .xl\:auto-cols-min { + grid-auto-columns: min-content !important; } - .xl\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; + .xl\:auto-cols-max { + grid-auto-columns: max-content !important; } - .xl\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + .xl\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr) !important; } - .xl\:animate-bounce { - animation: bounce 1s infinite !important; + .xl\:col-auto { + grid-column: auto !important; } - .xl\:example { - font-weight: 700; - color: #ef4444; + .xl\:col-span-1 { + grid-column: span 1 / span 1 !important; } -} -@media (min-width: 1536px) { - .\32xl\:container { - width: 100%; + .xl\:col-span-2 { + grid-column: span 2 / span 2 !important; } - @media (min-width: 640px) { - .\32xl\:container { - max-width: 640px; - } + .xl\:col-span-3 { + grid-column: span 3 / span 3 !important; } - @media (min-width: 768px) { - .\32xl\:container { - max-width: 768px; - } + .xl\:col-span-4 { + grid-column: span 4 / span 4 !important; } - @media (min-width: 1024px) { - .\32xl\:container { - max-width: 1024px; - } + .xl\:col-span-5 { + grid-column: span 5 / span 5 !important; } - @media (min-width: 1280px) { - .\32xl\:container { - max-width: 1280px; - } + .xl\:col-span-6 { + grid-column: span 6 / span 6 !important; } - @media (min-width: 1536px) { - .\32xl\:container { - max-width: 1536px; - } + .xl\:col-span-7 { + grid-column: span 7 / span 7 !important; } - .\32xl\:space-y-0 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0px * var(--space-y-reverse)) !important; + .xl\:col-span-8 { + grid-column: span 8 / span 8 !important; } - .\32xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0px * var(--space-x-reverse)) !important; - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-span-9 { + grid-column: span 9 / span 9 !important; } - .\32xl\:space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; + .xl\:col-span-10 { + grid-column: span 10 / span 10 !important; } - .\32xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-span-11 { + grid-column: span 11 / span 11 !important; } - .\32xl\:space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; + .xl\:col-span-12 { + grid-column: span 12 / span 12 !important; } - .\32xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-span-full { + grid-column: 1 / -1 !important; } - .\32xl\:space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; + .xl\:col-start-1 { + grid-column-start: 1 !important; } - .\32xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-2 { + grid-column-start: 2 !important; } - .\32xl\:space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--space-y-reverse)) !important; + .xl\:col-start-3 { + grid-column-start: 3 !important; } - .\32xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-4 { + grid-column-start: 4 !important; } - .\32xl\:space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; + .xl\:col-start-5 { + grid-column-start: 5 !important; } - .\32xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-6 { + grid-column-start: 6 !important; } - .\32xl\:space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; + .xl\:col-start-7 { + grid-column-start: 7 !important; } - .\32xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-8 { + grid-column-start: 8 !important; } - .\32xl\:space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; + .xl\:col-start-9 { + grid-column-start: 9 !important; } - .\32xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-10 { + grid-column-start: 10 !important; } - .\32xl\:space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--space-y-reverse)) !important; + .xl\:col-start-11 { + grid-column-start: 11 !important; } - .\32xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-12 { + grid-column-start: 12 !important; } - .\32xl\:space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; + .xl\:col-start-13 { + grid-column-start: 13 !important; } - .\32xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-start-auto { + grid-column-start: auto !important; } - .\32xl\:space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; + .xl\:col-end-1 { + grid-column-end: 1 !important; } - .\32xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-2 { + grid-column-end: 2 !important; } - .\32xl\:space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3rem * var(--space-y-reverse)) !important; + .xl\:col-end-3 { + grid-column-end: 3 !important; } - .\32xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-4 { + grid-column-end: 4 !important; } - .\32xl\:space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; + .xl\:col-end-5 { + grid-column-end: 5 !important; } - .\32xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-6 { + grid-column-end: 6 !important; } - .\32xl\:space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(4rem * var(--space-y-reverse)) !important; + .xl\:col-end-7 { + grid-column-end: 7 !important; } - .\32xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-8 { + grid-column-end: 8 !important; } - .\32xl\:space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(5rem * var(--space-y-reverse)) !important; + .xl\:col-end-9 { + grid-column-end: 9 !important; } - .\32xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-10 { + grid-column-end: 10 !important; } - .\32xl\:space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(6rem * var(--space-y-reverse)) !important; + .xl\:col-end-11 { + grid-column-end: 11 !important; } - .\32xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-12 { + grid-column-end: 12 !important; } - .\32xl\:space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(7rem * var(--space-y-reverse)) !important; + .xl\:col-end-13 { + grid-column-end: 13 !important; } - .\32xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:col-end-auto { + grid-column-end: auto !important; } - .\32xl\:space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(8rem * var(--space-y-reverse)) !important; + .xl\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)) !important; } - .\32xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)) !important; } - .\32xl\:space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(9rem * var(--space-y-reverse)) !important; + .xl\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)) !important; } - .\32xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)) !important; } - .\32xl\:space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(10rem * var(--space-y-reverse)) !important; + .xl\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)) !important; } - .\32xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)) !important; } - .\32xl\:space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(11rem * var(--space-y-reverse)) !important; + .xl\:grid-rows-none { + grid-template-rows: none !important; } - .\32xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:auto-rows-auto { + grid-auto-rows: auto !important; } - .\32xl\:space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(12rem * var(--space-y-reverse)) !important; + .xl\:auto-rows-min { + grid-auto-rows: min-content !important; } - .\32xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:auto-rows-max { + grid-auto-rows: max-content !important; } - .\32xl\:space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(13rem * var(--space-y-reverse)) !important; + .xl\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr) !important; } - .\32xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-auto { + grid-row: auto !important; } - .\32xl\:space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(14rem * var(--space-y-reverse)) !important; + .xl\:row-span-1 { + grid-row: span 1 / span 1 !important; } - .\32xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-span-2 { + grid-row: span 2 / span 2 !important; } - .\32xl\:space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(15rem * var(--space-y-reverse)) !important; + .xl\:row-span-3 { + grid-row: span 3 / span 3 !important; } - .\32xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-span-4 { + grid-row: span 4 / span 4 !important; } - .\32xl\:space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(16rem * var(--space-y-reverse)) !important; + .xl\:row-span-5 { + grid-row: span 5 / span 5 !important; } - .\32xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-span-6 { + grid-row: span 6 / span 6 !important; } - .\32xl\:space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(18rem * var(--space-y-reverse)) !important; + .xl\:row-span-full { + grid-row: 1 / -1 !important; } - .\32xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-start-1 { + grid-row-start: 1 !important; } - .\32xl\:space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(20rem * var(--space-y-reverse)) !important; + .xl\:row-start-2 { + grid-row-start: 2 !important; } - .\32xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-start-3 { + grid-row-start: 3 !important; } - .\32xl\:space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(24rem * var(--space-y-reverse)) !important; + .xl\:row-start-4 { + grid-row-start: 4 !important; } - .\32xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-start-5 { + grid-row-start: 5 !important; } - .\32xl\:space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(1px * var(--space-y-reverse)) !important; + .xl\:row-start-6 { + grid-row-start: 6 !important; } - .\32xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-start-7 { + grid-row-start: 7 !important; } - .\32xl\:space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; + .xl\:row-start-auto { + grid-row-start: auto !important; } - .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-end-1 { + grid-row-end: 1 !important; } - .\32xl\:space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; + .xl\:row-end-2 { + grid-row-end: 2 !important; } - .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-end-3 { + grid-row-end: 3 !important; } - .\32xl\:space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; + .xl\:row-end-4 { + grid-row-end: 4 !important; } - .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-end-5 { + grid-row-end: 5 !important; } - .\32xl\:space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; + .xl\:row-end-6 { + grid-row-end: 6 !important; } - .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:row-end-7 { + grid-row-end: 7 !important; } - .\32xl\:-space-y-1 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; + .xl\:row-end-auto { + grid-row-end: auto !important; } - .\32xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:transform { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + 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)) !important; } - .\32xl\:-space-y-2 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; + .xl\:transform-gpu { + --transform-translate-x: 0 !important; + --transform-translate-y: 0 !important; + --transform-rotate: 0 !important; + --transform-skew-x: 0 !important; + --transform-skew-y: 0 !important; + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; + transform: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important; } - .\32xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:transform-none { + transform: none !important; } - .\32xl\:-space-y-3 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; + .xl\:origin-center { + transform-origin: center !important; } - .\32xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:origin-top { + transform-origin: top !important; } - .\32xl\:-space-y-4 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; + .xl\:origin-top-right { + transform-origin: top right !important; } - .\32xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:origin-right { + transform-origin: right !important; } - .\32xl\:-space-y-5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; + .xl\:origin-bottom-right { + transform-origin: bottom right !important; } - .\32xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:origin-bottom { + transform-origin: bottom !important; } - .\32xl\:-space-y-6 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; + .xl\:origin-bottom-left { + transform-origin: bottom left !important; } - .\32xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:origin-left { + transform-origin: left !important; } - .\32xl\:-space-y-7 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; + .xl\:origin-top-left { + transform-origin: top left !important; } - .\32xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-0 { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .\32xl\:-space-y-8 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; + .xl\:scale-50 { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .\32xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-75 { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .\32xl\:-space-y-9 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; + .xl\:scale-90 { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .\32xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-95 { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .\32xl\:-space-y-10 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; + .xl\:scale-100 { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .\32xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-105 { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .\32xl\:-space-y-12 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; + .xl\:scale-110 { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .\32xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-125 { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .\32xl\:-space-y-14 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; + .xl\:scale-150 { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .\32xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-x-0 { + --transform-scale-x: 0 !important; } - .\32xl\:-space-y-16 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; + .xl\:scale-x-50 { + --transform-scale-x: .5 !important; } - .\32xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-x-75 { + --transform-scale-x: .75 !important; } - .\32xl\:-space-y-20 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; + .xl\:scale-x-90 { + --transform-scale-x: .9 !important; } - .\32xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-x-95 { + --transform-scale-x: .95 !important; } - .\32xl\:-space-y-24 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; + .xl\:scale-x-100 { + --transform-scale-x: 1 !important; } - .\32xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-x-105 { + --transform-scale-x: 1.05 !important; } - .\32xl\:-space-y-28 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; + .xl\:scale-x-110 { + --transform-scale-x: 1.1 !important; } - .\32xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-x-125 { + --transform-scale-x: 1.25 !important; } - .\32xl\:-space-y-32 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; + .xl\:scale-x-150 { + --transform-scale-x: 1.5 !important; } - .\32xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-y-0 { + --transform-scale-y: 0 !important; } - .\32xl\:-space-y-36 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; + .xl\:scale-y-50 { + --transform-scale-y: .5 !important; } - .\32xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-y-75 { + --transform-scale-y: .75 !important; } - .\32xl\:-space-y-40 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; + .xl\:scale-y-90 { + --transform-scale-y: .9 !important; } - .\32xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-y-95 { + --transform-scale-y: .95 !important; } - .\32xl\:-space-y-44 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; + .xl\:scale-y-100 { + --transform-scale-y: 1 !important; } - .\32xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-y-105 { + --transform-scale-y: 1.05 !important; } - .\32xl\:-space-y-48 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; + .xl\:scale-y-110 { + --transform-scale-y: 1.1 !important; } - .\32xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:scale-y-125 { + --transform-scale-y: 1.25 !important; } - .\32xl\:-space-y-52 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; + .xl\:scale-y-150 { + --transform-scale-y: 1.5 !important; } - .\32xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-0:hover { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .\32xl\:-space-y-56 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-50:hover { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .\32xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-75:hover { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .\32xl\:-space-y-60 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-90:hover { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .\32xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-95:hover { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .\32xl\:-space-y-64 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-100:hover { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .\32xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-105:hover { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .\32xl\:-space-y-72 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-110:hover { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .\32xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-125:hover { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .\32xl\:-space-y-80 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-150:hover { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .\32xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-x-0:hover { + --transform-scale-x: 0 !important; } - .\32xl\:-space-y-96 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-x-50:hover { + --transform-scale-x: .5 !important; } - .\32xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-x-75:hover { + --transform-scale-x: .75 !important; } - .\32xl\:-space-y-px > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-1px * var(--space-y-reverse)) !important; + .xl\:hover\:scale-x-90:hover { + --transform-scale-x: .9 !important; } - .\32xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-x-95:hover { + --transform-scale-x: .95 !important; } - .\32xl\:-space-y-0\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-x-100:hover { + --transform-scale-x: 1 !important; } - .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05 !important; } - .\32xl\:-space-y-1\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1 !important; } - .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25 !important; } - .\32xl\:-space-y-2\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5 !important; } - .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-y-0:hover { + --transform-scale-y: 0 !important; } - .\32xl\:-space-y-3\.5 > :not(template) ~ :not(template) { - --space-y-reverse: 0 !important; - margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; - margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; + .xl\:hover\:scale-y-50:hover { + --transform-scale-y: .5 !important; } - .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0 !important; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; + .xl\:hover\:scale-y-75:hover { + --transform-scale-y: .75 !important; } - .\32xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1 !important; + .xl\:hover\:scale-y-90:hover { + --transform-scale-y: .9 !important; } - .\32xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1 !important; + .xl\:hover\:scale-y-95:hover { + --transform-scale-y: .95 !important; } - .\32xl\:divide-y-0 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; + .xl\:hover\:scale-y-100:hover { + --transform-scale-y: 1 !important; } - .\32xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; + .xl\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05 !important; } - .\32xl\:divide-y-2 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; + .xl\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1 !important; } - .\32xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; + .xl\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25 !important; } - .\32xl\:divide-y-4 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; + .xl\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5 !important; } - .\32xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; + .xl\:focus\:scale-0:focus { + --transform-scale-x: 0 !important; + --transform-scale-y: 0 !important; } - .\32xl\:divide-y-8 > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; + .xl\:focus\:scale-50:focus { + --transform-scale-x: .5 !important; + --transform-scale-y: .5 !important; } - .\32xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; + .xl\:focus\:scale-75:focus { + --transform-scale-x: .75 !important; + --transform-scale-y: .75 !important; } - .\32xl\:divide-y > :not(template) ~ :not(template) { - --divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; + .xl\:focus\:scale-90:focus { + --transform-scale-x: .9 !important; + --transform-scale-y: .9 !important; } - .\32xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0 !important; - border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; + .xl\:focus\:scale-95:focus { + --transform-scale-x: .95 !important; + --transform-scale-y: .95 !important; } - .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1 !important; + .xl\:focus\:scale-100:focus { + --transform-scale-x: 1 !important; + --transform-scale-y: 1 !important; } - .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1 !important; + .xl\:focus\:scale-105:focus { + --transform-scale-x: 1.05 !important; + --transform-scale-y: 1.05 !important; } - .\32xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; + .xl\:focus\:scale-110:focus { + --transform-scale-x: 1.1 !important; + --transform-scale-y: 1.1 !important; } - .\32xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; + .xl\:focus\:scale-125:focus { + --transform-scale-x: 1.25 !important; + --transform-scale-y: 1.25 !important; } - .\32xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; + .xl\:focus\:scale-150:focus { + --transform-scale-x: 1.5 !important; + --transform-scale-y: 1.5 !important; } - .\32xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-0:focus { + --transform-scale-x: 0 !important; } - .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-50:focus { + --transform-scale-x: .5 !important; } - .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-75:focus { + --transform-scale-x: .75 !important; } - .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-90:focus { + --transform-scale-x: .9 !important; } - .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-95:focus { + --transform-scale-x: .95 !important; } - .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-100:focus { + --transform-scale-x: 1 !important; } - .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05 !important; } - .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1 !important; } - .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25 !important; } - .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; + .xl\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5 !important; } - .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-0:focus { + --transform-scale-y: 0 !important; } - .\32xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-50:focus { + --transform-scale-y: .5 !important; } - .\32xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-75:focus { + --transform-scale-y: .75 !important; } - .\32xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-90:focus { + --transform-scale-y: .9 !important; } - .\32xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-95:focus { + --transform-scale-y: .95 !important; } - .\32xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-100:focus { + --transform-scale-y: 1 !important; } - .\32xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05 !important; } - .\32xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1 !important; } - .\32xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25 !important; } - .\32xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; + .xl\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5 !important; } - .\32xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; + .xl\:rotate-0 { + --transform-rotate: 0 !important; } - .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; + .xl\:rotate-1 { + --transform-rotate: 1deg !important; } - .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; + .xl\:rotate-2 { + --transform-rotate: 2deg !important; } - .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; + .xl\:rotate-3 { + --transform-rotate: 3deg !important; } - .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; + .xl\:rotate-6 { + --transform-rotate: 6deg !important; } - .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; + .xl\:rotate-12 { + --transform-rotate: 12deg !important; } - .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; + .xl\:rotate-45 { + --transform-rotate: 45deg !important; } - .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; + .xl\:rotate-90 { + --transform-rotate: 90deg !important; } - .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; + .xl\:rotate-180 { + --transform-rotate: 180deg !important; } - .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; + .xl\:-rotate-180 { + --transform-rotate: -180deg !important; } - .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; + .xl\:-rotate-90 { + --transform-rotate: -90deg !important; } - .\32xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; + .xl\:-rotate-45 { + --transform-rotate: -45deg !important; } - .\32xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; + .xl\:-rotate-12 { + --transform-rotate: -12deg !important; } - .\32xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; + .xl\:-rotate-6 { + --transform-rotate: -6deg !important; } - .\32xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; + .xl\:-rotate-3 { + --transform-rotate: -3deg !important; } - .\32xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; + .xl\:-rotate-2 { + --transform-rotate: -2deg !important; } - .\32xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; + .xl\:-rotate-1 { + --transform-rotate: -1deg !important; } - .\32xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; + .xl\:hover\:rotate-0:hover { + --transform-rotate: 0 !important; } - .\32xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; + .xl\:hover\:rotate-1:hover { + --transform-rotate: 1deg !important; } - .\32xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; + .xl\:hover\:rotate-2:hover { + --transform-rotate: 2deg !important; } - .\32xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; + .xl\:hover\:rotate-3:hover { + --transform-rotate: 3deg !important; } - .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; + .xl\:hover\:rotate-6:hover { + --transform-rotate: 6deg !important; } - .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; + .xl\:hover\:rotate-12:hover { + --transform-rotate: 12deg !important; } - .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; + .xl\:hover\:rotate-45:hover { + --transform-rotate: 45deg !important; } - .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; + .xl\:hover\:rotate-90:hover { + --transform-rotate: 90deg !important; } - .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; + .xl\:hover\:rotate-180:hover { + --transform-rotate: 180deg !important; } - .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-180:hover { + --transform-rotate: -180deg !important; } - .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-90:hover { + --transform-rotate: -90deg !important; } - .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-45:hover { + --transform-rotate: -45deg !important; } - .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-12:hover { + --transform-rotate: -12deg !important; } - .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-6:hover { + --transform-rotate: -6deg !important; } - .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-3:hover { + --transform-rotate: -3deg !important; } - .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-2:hover { + --transform-rotate: -2deg !important; } - .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; + .xl\:hover\:-rotate-1:hover { + --transform-rotate: -1deg !important; } - .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; + .xl\:focus\:rotate-0:focus { + --transform-rotate: 0 !important; } - .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; + .xl\:focus\:rotate-1:focus { + --transform-rotate: 1deg !important; } - .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; + .xl\:focus\:rotate-2:focus { + --transform-rotate: 2deg !important; } - .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; + .xl\:focus\:rotate-3:focus { + --transform-rotate: 3deg !important; } - .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; + .xl\:focus\:rotate-6:focus { + --transform-rotate: 6deg !important; } - .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; + .xl\:focus\:rotate-12:focus { + --transform-rotate: 12deg !important; } - .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; + .xl\:focus\:rotate-45:focus { + --transform-rotate: 45deg !important; } - .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; + .xl\:focus\:rotate-90:focus { + --transform-rotate: 90deg !important; } - .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; + .xl\:focus\:rotate-180:focus { + --transform-rotate: 180deg !important; } - .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-180:focus { + --transform-rotate: -180deg !important; } - .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-90:focus { + --transform-rotate: -90deg !important; } - .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-45:focus { + --transform-rotate: -45deg !important; } - .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-12:focus { + --transform-rotate: -12deg !important; } - .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-6:focus { + --transform-rotate: -6deg !important; } - .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-3:focus { + --transform-rotate: -3deg !important; } - .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-2:focus { + --transform-rotate: -2deg !important; } - .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; + .xl\:focus\:-rotate-1:focus { + --transform-rotate: -1deg !important; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent !important; - } - - .\32xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor !important; - } + .xl\:translate-x-0 { + --transform-translate-x: 0 !important; + } - .\32xl\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; - } + .xl\:translate-x-1 { + --transform-translate-x: 0.25rem !important; + } - .\32xl\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; - } + .xl\:translate-x-2 { + --transform-translate-x: 0.5rem !important; + } - .\32xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; - } + .xl\:translate-x-3 { + --transform-translate-x: 0.75rem !important; + } - .\32xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; - } + .xl\:translate-x-4 { + --transform-translate-x: 1rem !important; + } - .\32xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; - } + .xl\:translate-x-5 { + --transform-translate-x: 1.25rem !important; + } - .\32xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; - } + .xl\:translate-x-6 { + --transform-translate-x: 1.5rem !important; + } - .\32xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; - } + .xl\:translate-x-7 { + --transform-translate-x: 1.75rem !important; + } - .\32xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; - } + .xl\:translate-x-8 { + --transform-translate-x: 2rem !important; + } - .\32xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; - } + .xl\:translate-x-9 { + --transform-translate-x: 2.25rem !important; + } - .\32xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; - } + .xl\:translate-x-10 { + --transform-translate-x: 2.5rem !important; + } - .\32xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; - } + .xl\:translate-x-12 { + --transform-translate-x: 3rem !important; + } - .\32xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; - } + .xl\:translate-x-14 { + --transform-translate-x: 3.5rem !important; + } - .\32xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; - } + .xl\:translate-x-16 { + --transform-translate-x: 4rem !important; + } - .\32xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; - } + .xl\:translate-x-20 { + --transform-translate-x: 5rem !important; + } - .\32xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; - } + .xl\:translate-x-24 { + --transform-translate-x: 6rem !important; + } - .\32xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; - } + .xl\:translate-x-28 { + --transform-translate-x: 7rem !important; + } - .\32xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; - } + .xl\:translate-x-32 { + --transform-translate-x: 8rem !important; + } - .\32xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; - } + .xl\:translate-x-36 { + --transform-translate-x: 9rem !important; + } - .\32xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; - } + .xl\:translate-x-40 { + --transform-translate-x: 10rem !important; + } - .\32xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; - } + .xl\:translate-x-44 { + --transform-translate-x: 11rem !important; + } - .\32xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; - } + .xl\:translate-x-48 { + --transform-translate-x: 12rem !important; + } - .\32xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; - } + .xl\:translate-x-52 { + --transform-translate-x: 13rem !important; + } - .\32xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; - } + .xl\:translate-x-56 { + --transform-translate-x: 14rem !important; + } - .\32xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; - } + .xl\:translate-x-60 { + --transform-translate-x: 15rem !important; + } - .\32xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; - } + .xl\:translate-x-64 { + --transform-translate-x: 16rem !important; + } - .\32xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; - } + .xl\:translate-x-72 { + --transform-translate-x: 18rem !important; + } - .\32xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; - } + .xl\:translate-x-80 { + --transform-translate-x: 20rem !important; + } - .\32xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; - } + .xl\:translate-x-96 { + --transform-translate-x: 24rem !important; + } - .\32xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; - } + .xl\:translate-x-px { + --transform-translate-x: 1px !important; + } - .\32xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; - } + .xl\:translate-x-0\.5 { + --transform-translate-x: 0.125rem !important; + } - .\32xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; - } + .xl\:translate-x-1\.5 { + --transform-translate-x: 0.375rem !important; + } - .\32xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; - } + .xl\:translate-x-2\.5 { + --transform-translate-x: 0.625rem !important; + } - .\32xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; - } + .xl\:translate-x-3\.5 { + --transform-translate-x: 0.875rem !important; + } - .\32xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; - } + .xl\:-translate-x-1 { + --transform-translate-x: -0.25rem !important; + } - .\32xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; - } + .xl\:-translate-x-2 { + --transform-translate-x: -0.5rem !important; + } - .\32xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; - } + .xl\:-translate-x-3 { + --transform-translate-x: -0.75rem !important; + } - .\32xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; - } + .xl\:-translate-x-4 { + --transform-translate-x: -1rem !important; + } - .\32xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; - } + .xl\:-translate-x-5 { + --transform-translate-x: -1.25rem !important; + } - .\32xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; - } + .xl\:-translate-x-6 { + --transform-translate-x: -1.5rem !important; + } - .\32xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; - } + .xl\:-translate-x-7 { + --transform-translate-x: -1.75rem !important; + } - .\32xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; - } + .xl\:-translate-x-8 { + --transform-translate-x: -2rem !important; + } - .\32xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; - } + .xl\:-translate-x-9 { + --transform-translate-x: -2.25rem !important; + } - .\32xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; - } + .xl\:-translate-x-10 { + --transform-translate-x: -2.5rem !important; + } - .\32xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; - } + .xl\:-translate-x-12 { + --transform-translate-x: -3rem !important; + } - .\32xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; - } + .xl\:-translate-x-14 { + --transform-translate-x: -3.5rem !important; + } - .\32xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; - } + .xl\:-translate-x-16 { + --transform-translate-x: -4rem !important; + } - .\32xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; - } + .xl\:-translate-x-20 { + --transform-translate-x: -5rem !important; + } - .\32xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; - } + .xl\:-translate-x-24 { + --transform-translate-x: -6rem !important; + } - .\32xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; - } + .xl\:-translate-x-28 { + --transform-translate-x: -7rem !important; + } - .\32xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; - } + .xl\:-translate-x-32 { + --transform-translate-x: -8rem !important; + } - .\32xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; - } + .xl\:-translate-x-36 { + --transform-translate-x: -9rem !important; + } - .\32xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; - } + .xl\:-translate-x-40 { + --transform-translate-x: -10rem !important; + } - .\32xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; - } + .xl\:-translate-x-44 { + --transform-translate-x: -11rem !important; + } - .\32xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; - } + .xl\:-translate-x-48 { + --transform-translate-x: -12rem !important; + } - .\32xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; - } + .xl\:-translate-x-52 { + --transform-translate-x: -13rem !important; + } - .\32xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; - } + .xl\:-translate-x-56 { + --transform-translate-x: -14rem !important; + } - .\32xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; - } + .xl\:-translate-x-60 { + --transform-translate-x: -15rem !important; + } - .\32xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; - } + .xl\:-translate-x-64 { + --transform-translate-x: -16rem !important; + } - .\32xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; - } + .xl\:-translate-x-72 { + --transform-translate-x: -18rem !important; + } - .\32xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; - } + .xl\:-translate-x-80 { + --transform-translate-x: -20rem !important; + } - .\32xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; - } + .xl\:-translate-x-96 { + --transform-translate-x: -24rem !important; + } - .\32xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; - } + .xl\:-translate-x-px { + --transform-translate-x: -1px !important; + } - .\32xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; - } + .xl\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem !important; + } - .\32xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; - } + .xl\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem !important; + } - .\32xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; - } + .xl\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem !important; + } - .\32xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; - } + .xl\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem !important; + } - .\32xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; - } + .xl\:translate-x-1\/2 { + --transform-translate-x: 50% !important; + } - .\32xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; - } + .xl\:translate-x-1\/3 { + --transform-translate-x: 33.333333% !important; + } - .\32xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; - } + .xl\:translate-x-2\/3 { + --transform-translate-x: 66.666667% !important; + } - .\32xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; - } + .xl\:translate-x-1\/4 { + --transform-translate-x: 25% !important; + } - .\32xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; - } + .xl\:translate-x-2\/4 { + --transform-translate-x: 50% !important; + } - .\32xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; - } + .xl\:translate-x-3\/4 { + --transform-translate-x: 75% !important; } - .\32xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid !important; + .xl\:translate-x-full { + --transform-translate-x: 100% !important; } - .\32xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed !important; + .xl\:-translate-x-1\/2 { + --transform-translate-x: -50% !important; } - .\32xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted !important; + .xl\:-translate-x-1\/3 { + --transform-translate-x: -33.333333% !important; } - .\32xl\:divide-double > :not(template) ~ :not(template) { - border-style: double !important; + .xl\:-translate-x-2\/3 { + --transform-translate-x: -66.666667% !important; } - .\32xl\:divide-none > :not(template) ~ :not(template) { - border-style: none !important; + .xl\:-translate-x-1\/4 { + --transform-translate-x: -25% !important; } - .\32xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0 !important; + .xl\:-translate-x-2\/4 { + --transform-translate-x: -50% !important; } - .\32xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25 !important; + .xl\:-translate-x-3\/4 { + --transform-translate-x: -75% !important; } - .\32xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5 !important; + .xl\:-translate-x-full { + --transform-translate-x: -100% !important; } - .\32xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75 !important; + .xl\:translate-y-0 { + --transform-translate-y: 0 !important; } - .\32xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1 !important; + .xl\:translate-y-1 { + --transform-translate-y: 0.25rem !important; } - .\32xl\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .xl\:translate-y-2 { + --transform-translate-y: 0.5rem !important; } - .\32xl\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .xl\:translate-y-3 { + --transform-translate-y: 0.75rem !important; } - .\32xl\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .xl\:translate-y-4 { + --transform-translate-y: 1rem !important; } - .\32xl\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .xl\:translate-y-5 { + --transform-translate-y: 1.25rem !important; } - .\32xl\:appearance-none { - appearance: none !important; + .xl\:translate-y-6 { + --transform-translate-y: 1.5rem !important; } - .\32xl\:bg-fixed { - background-attachment: fixed !important; + .xl\:translate-y-7 { + --transform-translate-y: 1.75rem !important; } - .\32xl\:bg-local { - background-attachment: local !important; + .xl\:translate-y-8 { + --transform-translate-y: 2rem !important; } - .\32xl\:bg-scroll { - background-attachment: scroll !important; + .xl\:translate-y-9 { + --transform-translate-y: 2.25rem !important; } - .\32xl\:bg-clip-border { - background-clip: border-box !important; + .xl\:translate-y-10 { + --transform-translate-y: 2.5rem !important; } - .\32xl\:bg-clip-padding { - background-clip: padding-box !important; + .xl\:translate-y-12 { + --transform-translate-y: 3rem !important; } - .\32xl\:bg-clip-content { - background-clip: content-box !important; + .xl\:translate-y-14 { + --transform-translate-y: 3.5rem !important; } - .\32xl\:bg-clip-text { - background-clip: text !important; + .xl\:translate-y-16 { + --transform-translate-y: 4rem !important; } - .\32xl\:bg-transparent { - background-color: transparent !important; + .xl\:translate-y-20 { + --transform-translate-y: 5rem !important; } - .\32xl\:bg-current { - background-color: currentColor !important; + .xl\:translate-y-24 { + --transform-translate-y: 6rem !important; } - .\32xl\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .xl\:translate-y-28 { + --transform-translate-y: 7rem !important; } - .\32xl\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .xl\:translate-y-32 { + --transform-translate-y: 8rem !important; } - .\32xl\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .xl\:translate-y-36 { + --transform-translate-y: 9rem !important; } - .\32xl\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .xl\:translate-y-40 { + --transform-translate-y: 10rem !important; } - .\32xl\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .xl\:translate-y-44 { + --transform-translate-y: 11rem !important; } - .\32xl\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .xl\:translate-y-48 { + --transform-translate-y: 12rem !important; } - .\32xl\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .xl\:translate-y-52 { + --transform-translate-y: 13rem !important; } - .\32xl\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .xl\:translate-y-56 { + --transform-translate-y: 14rem !important; } - .\32xl\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .xl\:translate-y-60 { + --transform-translate-y: 15rem !important; } - .\32xl\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .xl\:translate-y-64 { + --transform-translate-y: 16rem !important; } - .\32xl\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .xl\:translate-y-72 { + --transform-translate-y: 18rem !important; } - .\32xl\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .xl\:translate-y-80 { + --transform-translate-y: 20rem !important; } - .\32xl\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .xl\:translate-y-96 { + --transform-translate-y: 24rem !important; } - .\32xl\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .xl\:translate-y-px { + --transform-translate-y: 1px !important; } - .\32xl\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .xl\:translate-y-0\.5 { + --transform-translate-y: 0.125rem !important; } - .\32xl\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .xl\:translate-y-1\.5 { + --transform-translate-y: 0.375rem !important; } - .\32xl\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .xl\:translate-y-2\.5 { + --transform-translate-y: 0.625rem !important; } - .\32xl\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .xl\:translate-y-3\.5 { + --transform-translate-y: 0.875rem !important; } - .\32xl\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .xl\:-translate-y-1 { + --transform-translate-y: -0.25rem !important; } - .\32xl\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .xl\:-translate-y-2 { + --transform-translate-y: -0.5rem !important; } - .\32xl\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .xl\:-translate-y-3 { + --transform-translate-y: -0.75rem !important; } - .\32xl\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .xl\:-translate-y-4 { + --transform-translate-y: -1rem !important; } - .\32xl\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .xl\:-translate-y-5 { + --transform-translate-y: -1.25rem !important; } - .\32xl\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .xl\:-translate-y-6 { + --transform-translate-y: -1.5rem !important; } - .\32xl\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .xl\:-translate-y-7 { + --transform-translate-y: -1.75rem !important; } - .\32xl\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .xl\:-translate-y-8 { + --transform-translate-y: -2rem !important; } - .\32xl\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .xl\:-translate-y-9 { + --transform-translate-y: -2.25rem !important; } - .\32xl\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .xl\:-translate-y-10 { + --transform-translate-y: -2.5rem !important; } - .\32xl\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .xl\:-translate-y-12 { + --transform-translate-y: -3rem !important; } - .\32xl\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .xl\:-translate-y-14 { + --transform-translate-y: -3.5rem !important; } - .\32xl\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .xl\:-translate-y-16 { + --transform-translate-y: -4rem !important; } - .\32xl\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .xl\:-translate-y-20 { + --transform-translate-y: -5rem !important; } - .\32xl\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .xl\:-translate-y-24 { + --transform-translate-y: -6rem !important; } - .\32xl\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .xl\:-translate-y-28 { + --transform-translate-y: -7rem !important; } - .\32xl\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .xl\:-translate-y-32 { + --transform-translate-y: -8rem !important; } - .\32xl\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .xl\:-translate-y-36 { + --transform-translate-y: -9rem !important; } - .\32xl\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .xl\:-translate-y-40 { + --transform-translate-y: -10rem !important; } - .\32xl\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .xl\:-translate-y-44 { + --transform-translate-y: -11rem !important; } - .\32xl\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .xl\:-translate-y-48 { + --transform-translate-y: -12rem !important; } - .\32xl\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .xl\:-translate-y-52 { + --transform-translate-y: -13rem !important; } - .\32xl\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .xl\:-translate-y-56 { + --transform-translate-y: -14rem !important; } - .\32xl\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .xl\:-translate-y-60 { + --transform-translate-y: -15rem !important; } - .\32xl\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .xl\:-translate-y-64 { + --transform-translate-y: -16rem !important; } - .\32xl\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .xl\:-translate-y-72 { + --transform-translate-y: -18rem !important; } - .\32xl\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .xl\:-translate-y-80 { + --transform-translate-y: -20rem !important; } - .\32xl\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .xl\:-translate-y-96 { + --transform-translate-y: -24rem !important; } - .\32xl\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .xl\:-translate-y-px { + --transform-translate-y: -1px !important; } - .\32xl\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .xl\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem !important; } - .\32xl\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .xl\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem !important; } - .\32xl\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .xl\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem !important; } - .\32xl\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .xl\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem !important; } - .\32xl\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .xl\:translate-y-1\/2 { + --transform-translate-y: 50% !important; } - .\32xl\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .xl\:translate-y-1\/3 { + --transform-translate-y: 33.333333% !important; } - .\32xl\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .xl\:translate-y-2\/3 { + --transform-translate-y: 66.666667% !important; } - .\32xl\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .xl\:translate-y-1\/4 { + --transform-translate-y: 25% !important; } - .\32xl\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .xl\:translate-y-2\/4 { + --transform-translate-y: 50% !important; } - .\32xl\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .xl\:translate-y-3\/4 { + --transform-translate-y: 75% !important; } - .\32xl\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .xl\:translate-y-full { + --transform-translate-y: 100% !important; } - .\32xl\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .xl\:-translate-y-1\/2 { + --transform-translate-y: -50% !important; } - .\32xl\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .xl\:-translate-y-1\/3 { + --transform-translate-y: -33.333333% !important; } - .\32xl\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .xl\:-translate-y-2\/3 { + --transform-translate-y: -66.666667% !important; } - .\32xl\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .xl\:-translate-y-1\/4 { + --transform-translate-y: -25% !important; } - .\32xl\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .xl\:-translate-y-2\/4 { + --transform-translate-y: -50% !important; } - .\32xl\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .xl\:-translate-y-3\/4 { + --transform-translate-y: -75% !important; } - .\32xl\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .xl\:-translate-y-full { + --transform-translate-y: -100% !important; } - .\32xl\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-0:hover { + --transform-translate-x: 0 !important; } - .\32xl\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem !important; } - .\32xl\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem !important; } - .\32xl\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem !important; } - .\32xl\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem !important; } - .\32xl\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem !important; } - .\32xl\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-transparent { - background-color: transparent !important; + .xl\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem !important; } - .group:hover .\32xl\:group-hover\:bg-current { - background-color: currentColor !important; + .xl\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem !important; } - .group:hover .\32xl\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem !important; } - .group:hover .\32xl\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem !important; } - .group:hover .\32xl\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem !important; } - .group:hover .\32xl\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-px:hover { + --transform-translate-x: 1px !important; } - .group:hover .\32xl\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem !important; } - .group:hover .\32xl\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem !important; } - .group:hover .\32xl\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem !important; } - .group:hover .\32xl\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem !important; } - .group:hover .\32xl\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px !important; } - .group:hover .\32xl\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem !important; } - .group:hover .\32xl\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem !important; } - .group:hover .\32xl\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem !important; } - .group:hover .\32xl\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem !important; } - .group:hover .\32xl\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50% !important; } - .group:hover .\32xl\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333% !important; } - .group:hover .\32xl\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667% !important; } - .group:hover .\32xl\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .xl\:hover\:translate-x-full:hover { + --transform-translate-x: 100% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75% !important; } - .group:hover .\32xl\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .xl\:hover\:-translate-x-full:hover { + --transform-translate-x: -100% !important; } - .\32xl\:hover\:bg-transparent:hover { - background-color: transparent !important; + .xl\:hover\:translate-y-0:hover { + --transform-translate-y: 0 !important; } - .\32xl\:hover\:bg-current:hover { - background-color: currentColor !important; + .xl\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem !important; } - .\32xl\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem !important; } - .\32xl\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem !important; } - .\32xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem !important; } - .\32xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem !important; } - .\32xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem !important; } - .\32xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem !important; } - .\32xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem !important; } - .\32xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem !important; } - .\32xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem !important; } - .\32xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem !important; } - .\32xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem !important; } - .\32xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem !important; } - .\32xl\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem !important; } - .\32xl\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem !important; } - .\32xl\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem !important; } - .\32xl\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem !important; } - .\32xl\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem !important; } - .\32xl\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem !important; } - .\32xl\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem !important; } - .\32xl\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem !important; } - .\32xl\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem !important; } - .\32xl\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem !important; } - .\32xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem !important; } - .\32xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem !important; } - .\32xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem !important; } - .\32xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem !important; } - .\32xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem !important; } - .\32xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-px:hover { + --transform-translate-y: 1px !important; } - .\32xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem !important; } - .\32xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem !important; } - .\32xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem !important; } - .\32xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem !important; } - .\32xl\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem !important; } - .\32xl\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem !important; } - .\32xl\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem !important; } - .\32xl\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem !important; } - .\32xl\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem !important; } - .\32xl\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem !important; } - .\32xl\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem !important; } - .\32xl\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem !important; } - .\32xl\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem !important; } - .\32xl\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem !important; } - .\32xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem !important; } - .\32xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem !important; } - .\32xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem !important; } - .\32xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem !important; } - .\32xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem !important; } - .\32xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem !important; } - .\32xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem !important; } - .\32xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem !important; } - .\32xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem !important; } - .\32xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem !important; } - .\32xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem !important; } - .\32xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem !important; } - .\32xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem !important; } - .\32xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem !important; } - .\32xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem !important; } - .\32xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem !important; } - .\32xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem !important; } - .\32xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem !important; } - .\32xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px !important; } - .\32xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem !important; } - .\32xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem !important; } - .\32xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem !important; } - .\32xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem !important; } - .\32xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50% !important; } - .\32xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333% !important; } - .\32xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667% !important; } - .\32xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25% !important; } - .\32xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50% !important; } - .\32xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75% !important; } - .\32xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .xl\:hover\:translate-y-full:hover { + --transform-translate-y: 100% !important; } - .\32xl\:focus\:bg-transparent:focus { - background-color: transparent !important; + .xl\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50% !important; } - .\32xl\:focus\:bg-current:focus { - background-color: currentColor !important; + .xl\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333% !important; } - .\32xl\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667% !important; } - .\32xl\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25% !important; } - .\32xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50% !important; } - .\32xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75% !important; } - .\32xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; + .xl\:hover\:-translate-y-full:hover { + --transform-translate-y: -100% !important; } - .\32xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-0:focus { + --transform-translate-x: 0 !important; } - .\32xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem !important; } - .\32xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem !important; } - .\32xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem !important; } - .\32xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem !important; } - .\32xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem !important; } - .\32xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem !important; } - .\32xl\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem !important; } - .\32xl\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem !important; } - .\32xl\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem !important; } - .\32xl\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem !important; } - .\32xl\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem !important; } - .\32xl\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem !important; } - .\32xl\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem !important; } - .\32xl\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem !important; } - .\32xl\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem !important; } - .\32xl\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem !important; } - .\32xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem !important; } - .\32xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem !important; } - .\32xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem !important; } - .\32xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem !important; } - .\32xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem !important; } - .\32xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem !important; } - .\32xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem !important; } - .\32xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem !important; } - .\32xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem !important; } - .\32xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem !important; } - .\32xl\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem !important; } - .\32xl\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem !important; } - .\32xl\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-px:focus { + --transform-translate-x: 1px !important; } - .\32xl\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem !important; } - .\32xl\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem !important; } - .\32xl\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem !important; } - .\32xl\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; + .xl\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem !important; } - .\32xl\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem !important; } - .\32xl\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem !important; } - .\32xl\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem !important; } - .\32xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem !important; } - .\32xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem !important; } - .\32xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem !important; } - .\32xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem !important; } - .\32xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem !important; } - .\32xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem !important; } - .\32xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem !important; } - .\32xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem !important; } - .\32xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem !important; } - .\32xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem !important; } - .\32xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem !important; } - .\32xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem !important; } - .\32xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem !important; } - .\32xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem !important; } - .\32xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem !important; } - .\32xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem !important; } - .\32xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem !important; } - .\32xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem !important; } - .\32xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem !important; } - .\32xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem !important; } - .\32xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem !important; } - .\32xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem !important; } - .\32xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem !important; } - .\32xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem !important; } - .\32xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem !important; } - .\32xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px !important; } - .\32xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem !important; } - .\32xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem !important; } - .\32xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem !important; } - .\32xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; + .xl\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem !important; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:bg-transparent { - background-color: transparent !important; - } + .xl\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50% !important; + } - .\32xl\:dark\:bg-current { - background-color: currentColor !important; - } + .xl\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333% !important; + } - .\32xl\:dark\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667% !important; + } - .\32xl\:dark\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25% !important; + } - .\32xl\:dark\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50% !important; + } - .\32xl\:dark\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75% !important; + } - .\32xl\:dark\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-x-full:focus { + --transform-translate-x: 100% !important; + } - .\32xl\:dark\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50% !important; + } - .\32xl\:dark\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333% !important; + } - .\32xl\:dark\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667% !important; + } - .\32xl\:dark\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25% !important; + } - .\32xl\:dark\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50% !important; + } - .\32xl\:dark\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75% !important; + } - .\32xl\:dark\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-x-full:focus { + --transform-translate-x: -100% !important; + } - .\32xl\:dark\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-0:focus { + --transform-translate-y: 0 !important; + } - .\32xl\:dark\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem !important; + } - .\32xl\:dark\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem !important; + } - .\32xl\:dark\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem !important; + } - .\32xl\:dark\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem !important; + } - .\32xl\:dark\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem !important; + } - .\32xl\:dark\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem !important; + } - .\32xl\:dark\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem !important; + } - .\32xl\:dark\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem !important; + } - .\32xl\:dark\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem !important; + } - .\32xl\:dark\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem !important; + } - .\32xl\:dark\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem !important; + } - .\32xl\:dark\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem !important; + } - .\32xl\:dark\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem !important; + } - .\32xl\:dark\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem !important; + } - .\32xl\:dark\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem !important; + } - .\32xl\:dark\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem !important; + } - .\32xl\:dark\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem !important; + } - .\32xl\:dark\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem !important; + } - .\32xl\:dark\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem !important; + } - .\32xl\:dark\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem !important; + } - .\32xl\:dark\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem !important; + } - .\32xl\:dark\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem !important; + } - .\32xl\:dark\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem !important; + } - .\32xl\:dark\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem !important; + } - .\32xl\:dark\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem !important; + } - .\32xl\:dark\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem !important; + } - .\32xl\:dark\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem !important; + } - .\32xl\:dark\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem !important; + } - .\32xl\:dark\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-px:focus { + --transform-translate-y: 1px !important; + } - .\32xl\:dark\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem !important; + } - .\32xl\:dark\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem !important; + } - .\32xl\:dark\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem !important; + } - .\32xl\:dark\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem !important; + } - .\32xl\:dark\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem !important; + } - .\32xl\:dark\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem !important; + } - .\32xl\:dark\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem !important; + } - .\32xl\:dark\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem !important; + } - .\32xl\:dark\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem !important; + } - .\32xl\:dark\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem !important; + } - .\32xl\:dark\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem !important; + } - .\32xl\:dark\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem !important; + } - .\32xl\:dark\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem !important; + } - .\32xl\:dark\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem !important; + } - .\32xl\:dark\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem !important; + } - .\32xl\:dark\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem !important; + } - .\32xl\:dark\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem !important; + } - .\32xl\:dark\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem !important; + } - .\32xl\:dark\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem !important; + } - .\32xl\:dark\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem !important; + } - .\32xl\:dark\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem !important; + } - .\32xl\:dark\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem !important; + } - .\32xl\:dark\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem !important; + } - .\32xl\:dark\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem !important; + } - .\32xl\:dark\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem !important; + } - .\32xl\:dark\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem !important; + } - .\32xl\:dark\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem !important; + } - .\32xl\:dark\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem !important; + } - .\32xl\:dark\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem !important; + } - .\32xl\:dark\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-transparent { - background-color: transparent !important; - } + .xl\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-current { - background-color: currentColor !important; - } + .xl\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-black { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-white { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .xl\:focus\:translate-y-full:focus { + --transform-translate-y: 100% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .xl\:focus\:-translate-y-full:focus { + --transform-translate-y: -100% !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .xl\:skew-x-0 { + --transform-skew-x: 0 !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .xl\:skew-x-1 { + --transform-skew-x: 1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .xl\:skew-x-2 { + --transform-skew-x: 2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .xl\:skew-x-3 { + --transform-skew-x: 3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .xl\:skew-x-6 { + --transform-skew-x: 6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .xl\:skew-x-12 { + --transform-skew-x: 12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .xl\:-skew-x-12 { + --transform-skew-x: -12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .xl\:-skew-x-6 { + --transform-skew-x: -6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .xl\:-skew-x-3 { + --transform-skew-x: -3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .xl\:-skew-x-2 { + --transform-skew-x: -2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .xl\:-skew-x-1 { + --transform-skew-x: -1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .xl\:skew-y-0 { + --transform-skew-y: 0 !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .xl\:skew-y-1 { + --transform-skew-y: 1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .xl\:skew-y-2 { + --transform-skew-y: 2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .xl\:skew-y-3 { + --transform-skew-y: 3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .xl\:skew-y-6 { + --transform-skew-y: 6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .xl\:skew-y-12 { + --transform-skew-y: 12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .xl\:-skew-y-12 { + --transform-skew-y: -12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .xl\:-skew-y-6 { + --transform-skew-y: -6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .xl\:-skew-y-3 { + --transform-skew-y: -3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .xl\:-skew-y-2 { + --transform-skew-y: -2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .xl\:-skew-y-1 { + --transform-skew-y: -1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-x-0:hover { + --transform-skew-x: 0 !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-y-0:hover { + --transform-skew-y: 0 !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .xl\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .xl\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-x-0:focus { + --transform-skew-x: 0 !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg !important; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg !important; + } - .\32xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent !important; - } + .xl\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg !important; + } - .\32xl\:dark\:hover\:bg-current:hover { - background-color: currentColor !important; - } + .xl\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg !important; + } - .\32xl\:dark\:hover\:bg-black:hover { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-y-0:focus { + --transform-skew-y: 0 !important; + } - .\32xl\:dark\:hover\:bg-white:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg !important; + } - .\32xl\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg !important; + } - .\32xl\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg !important; + } - .\32xl\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg !important; + } - .\32xl\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .xl\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg !important; + } - .\32xl\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg !important; + } - .\32xl\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg !important; + } - .\32xl\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg !important; + } - .\32xl\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg !important; + } - .\32xl\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .xl\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg !important; + } - .\32xl\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .xl\:transition-none { + transition-property: none !important; + } - .\32xl\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .xl\:transition-all { + transition-property: all !important; + } - .\32xl\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .xl\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important; + } - .\32xl\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .xl\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke !important; + } - .\32xl\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .xl\:transition-opacity { + transition-property: opacity !important; + } - .\32xl\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .xl\:transition-shadow { + transition-property: box-shadow !important; + } - .\32xl\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .xl\:transition-transform { + transition-property: transform !important; + } - .\32xl\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .xl\:ease-linear { + transition-timing-function: linear !important; + } - .\32xl\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .xl\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; + } - .\32xl\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .xl\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; + } - .\32xl\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .xl\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; + } - .\32xl\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .xl\:duration-75 { + transition-duration: 75ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .xl\:duration-100 { + transition-duration: 100ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .xl\:duration-150 { + transition-duration: 150ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .xl\:duration-200 { + transition-duration: 200ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .xl\:duration-300 { + transition-duration: 300ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .xl\:duration-500 { + transition-duration: 500ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .xl\:duration-700 { + transition-duration: 700ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .xl\:duration-1000 { + transition-duration: 1000ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .xl\:delay-75 { + transition-delay: 75ms !important; + } - .\32xl\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .xl\:delay-100 { + transition-delay: 100ms !important; + } - .\32xl\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .xl\:delay-150 { + transition-delay: 150ms !important; + } - .\32xl\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .xl\:delay-200 { + transition-delay: 200ms !important; + } - .\32xl\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .xl\:delay-300 { + transition-delay: 300ms !important; + } - .\32xl\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .xl\:delay-500 { + transition-delay: 500ms !important; + } - .\32xl\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .xl\:delay-700 { + transition-delay: 700ms !important; + } - .\32xl\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .xl\:delay-1000 { + transition-delay: 1000ms !important; + } - .\32xl\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .xl\:animate-none { + animation: none !important; + } - .\32xl\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .xl\:animate-spin { + animation: spin 1s linear infinite !important; + } - .\32xl\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .xl\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important; + } - .\32xl\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important; + } - .\32xl\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .xl\:animate-bounce { + animation: bounce 1s infinite !important; + } - .\32xl\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .xl\:example { + font-weight: 700; + color: #ef4444; + } +} - .\32xl\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } +@media (min-width: 1536px) { + .\32xl\:container { + width: 100%; + } - .\32xl\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; + @media (min-width: 640px) { + .\32xl\:container { + max-width: 640px; } + } - .\32xl\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; + @media (min-width: 768px) { + .\32xl\:container { + max-width: 768px; } + } - .\32xl\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; + @media (min-width: 1024px) { + .\32xl\:container { + max-width: 1024px; } + } - .\32xl\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; + @media (min-width: 1280px) { + .\32xl\:container { + max-width: 1280px; } + } - .\32xl\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; + @media (min-width: 1536px) { + .\32xl\:container { + max-width: 1536px; } + } - .\32xl\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .\32xl\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0px * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .\32xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0px * var(--space-x-reverse)) !important; + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .\32xl\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .\32xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .\32xl\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .\32xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .\32xl\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .\32xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .\32xl\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .\32xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .\32xl\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .\32xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .\32xl\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .\32xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .\32xl\:space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1.75rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .\32xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .\32xl\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .\32xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .\32xl\:space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.25rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .\32xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .\32xl\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .\32xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent !important; - } + .\32xl\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-current:focus { - background-color: currentColor !important; - } + .\32xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-black:focus { - --bg-opacity: 1 !important; - background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; - } + .\32xl\:space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(3.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-white:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; - } + .\32xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; - } + .\32xl\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(4rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; - } + .\32xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; - } + .\32xl\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; - } + .\32xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; - } + .\32xl\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(6rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; - } + .\32xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; - } + .\32xl\:space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(7rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; - } + .\32xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; - } + .\32xl\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(8rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; - } + .\32xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; - } + .\32xl\:space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(9rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; - } + .\32xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; - } + .\32xl\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(10rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; - } + .\32xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; - } + .\32xl\:space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(11rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; - } + .\32xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; - } + .\32xl\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(12rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; - } + .\32xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; - } + .\32xl\:space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(13rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; - } + .\32xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; - } + .\32xl\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(14rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; - } + .\32xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; - } + .\32xl\:space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(15rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; - } + .\32xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; - } + .\32xl\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(16rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; - } + .\32xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; - } + .\32xl\:space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(18rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; - } + .\32xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; - } + .\32xl\:space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(20rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; - } + .\32xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; - } + .\32xl\:space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(24rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; - } + .\32xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; - } + .\32xl\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(1px * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; - } + .\32xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; - } + .\32xl\:space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.125rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; - } + .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; - } + .\32xl\:space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.375rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; - } + .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; - } + .\32xl\:space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.625rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; - } + .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; - } + .\32xl\:space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(0.875rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; - } + .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-7 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1.75rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1.75rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-9 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.25rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1 !important; - background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1 !important; - background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1 !important; - background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1 !important; - background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1 !important; - background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-14 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-3.5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1 !important; - background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1 !important; - background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-4rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1 !important; - background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-4rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))) !important; + } - .\32xl\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1 !important; - background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; - } + .\32xl\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-5rem * var(--space-y-reverse)) !important; + } - .\32xl\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1 !important; - background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; - } + .\32xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-5rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:bg-none { - background-image: none !important; + .\32xl\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-6rem * var(--space-y-reverse)) !important; } - .\32xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; + .\32xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-6rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; + .\32xl\:-space-y-28 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-7rem * var(--space-y-reverse)) !important; } - .\32xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; + .\32xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-7rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; + .\32xl\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-8rem * var(--space-y-reverse)) !important; } - .\32xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; + .\32xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-8rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; + .\32xl\:-space-y-36 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-9rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-9rem * var(--space-y-reverse)) !important; } - .\32xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; + .\32xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-9rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; + .\32xl\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-10rem * var(--space-y-reverse)) !important; } - .\32xl\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .\32xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-10rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .\32xl\:-space-y-44 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-11rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-11rem * var(--space-y-reverse)) !important; } - .\32xl\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .\32xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-11rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .\32xl\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-12rem * var(--space-y-reverse)) !important; } - .\32xl\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .\32xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-12rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .\32xl\:-space-y-52 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-13rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-13rem * var(--space-y-reverse)) !important; } - .\32xl\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .\32xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-13rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .\32xl\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-14rem * var(--space-y-reverse)) !important; } - .\32xl\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .\32xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-14rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .\32xl\:-space-y-60 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-15rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-15rem * var(--space-y-reverse)) !important; } - .\32xl\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .\32xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-15rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .\32xl\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-16rem * var(--space-y-reverse)) !important; } - .\32xl\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .\32xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-16rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .\32xl\:-space-y-72 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-18rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-18rem * var(--space-y-reverse)) !important; } - .\32xl\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .\32xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-18rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .\32xl\:-space-y-80 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-20rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-20rem * var(--space-y-reverse)) !important; } - .\32xl\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .\32xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-20rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .\32xl\:-space-y-96 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-24rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-24rem * var(--space-y-reverse)) !important; } - .\32xl\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .\32xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-24rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .\32xl\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-1px * var(--space-y-reverse)) !important; } - .\32xl\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .\32xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-1px * var(--space-x-reverse)) !important; + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .\32xl\:-space-y-0\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.125rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.125rem * var(--space-y-reverse)) !important; } - .\32xl\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .\32xl\:-space-y-1\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.375rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.375rem * var(--space-y-reverse)) !important; } - .\32xl\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .\32xl\:-space-y-2\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.625rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.625rem * var(--space-y-reverse)) !important; } - .\32xl\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .\32xl\:-space-y-3\.5 > :not(template) ~ :not(template) { + --space-y-reverse: 0 !important; + margin-top: calc(-0.875rem * calc(1 - var(--space-y-reverse))) !important; + margin-bottom: calc(-0.875rem * var(--space-y-reverse)) !important; } - .\32xl\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0 !important; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)) !important; + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))) !important; } - .\32xl\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .\32xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1 !important; } - .\32xl\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .\32xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1 !important; } - .\32xl\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .\32xl\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(0px * var(--divide-y-reverse)) !important; } - .\32xl\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .\32xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(0px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important; } - .\32xl\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .\32xl\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(2px * var(--divide-y-reverse)) !important; } - .\32xl\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .\32xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(2px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important; } - .\32xl\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .\32xl\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(4px * var(--divide-y-reverse)) !important; } - .\32xl\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .\32xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(4px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important; } - .\32xl\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .\32xl\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(8px * var(--divide-y-reverse)) !important; } - .\32xl\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .\32xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(8px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important; } - .\32xl\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .\32xl\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0 !important; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important; + border-bottom-width: calc(1px * var(--divide-y-reverse)) !important; } - .\32xl\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .\32xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0 !important; + border-inline-end-width: calc(1px * var(--divide-x-reverse)) !important; + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important; } - .\32xl\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1 !important; } - .\32xl\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1 !important; } - .\32xl\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .\32xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent !important; } - .\32xl\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .\32xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor !important; } - .\32xl\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .\32xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(0, 0, 0, var(--divide-opacity)) !important; } - .\32xl\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .\32xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 255, 255, var(--divide-opacity)) !important; } - .\32xl\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(250, 250, 250, var(--divide-opacity)) !important; } - .\32xl\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 244, 245, var(--divide-opacity)) !important; } - .\32xl\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(228, 228, 231, var(--divide-opacity)) !important; } - .\32xl\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(212, 212, 216, var(--divide-opacity)) !important; } - .\32xl\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(161, 161, 170, var(--divide-opacity)) !important; } - .\32xl\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(113, 113, 122, var(--divide-opacity)) !important; } - .\32xl\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(82, 82, 91, var(--divide-opacity)) !important; } - .\32xl\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(63, 63, 70, var(--divide-opacity)) !important; } - .\32xl\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(39, 39, 42, var(--divide-opacity)) !important; } - .\32xl\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(24, 24, 27, var(--divide-opacity)) !important; } - .\32xl\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .\32xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 242, 242, var(--divide-opacity)) !important; } - .\32xl\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .\32xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 226, 226, var(--divide-opacity)) !important; } - .\32xl\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .\32xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 202, 202, var(--divide-opacity)) !important; } - .\32xl\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .\32xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 165, 165, var(--divide-opacity)) !important; } - .\32xl\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .\32xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(248, 113, 113, var(--divide-opacity)) !important; } - .\32xl\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .\32xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 68, 68, var(--divide-opacity)) !important; } - .\32xl\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .\32xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(220, 38, 38, var(--divide-opacity)) !important; } - .\32xl\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .\32xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(185, 28, 28, var(--divide-opacity)) !important; } - .\32xl\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .\32xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(153, 27, 27, var(--divide-opacity)) !important; } - .\32xl\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .\32xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(127, 29, 29, var(--divide-opacity)) !important; } - .\32xl\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(255, 251, 235, var(--divide-opacity)) !important; } - .\32xl\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(254, 243, 199, var(--divide-opacity)) !important; } - .\32xl\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 230, 138, var(--divide-opacity)) !important; } - .\32xl\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 211, 77, var(--divide-opacity)) !important; } - .\32xl\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 191, 36, var(--divide-opacity)) !important; } - .\32xl\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 158, 11, var(--divide-opacity)) !important; } - .\32xl\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(217, 119, 6, var(--divide-opacity)) !important; } - .\32xl\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(180, 83, 9, var(--divide-opacity)) !important; } - .\32xl\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(146, 64, 14, var(--divide-opacity)) !important; } - .\32xl\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(120, 53, 15, var(--divide-opacity)) !important; } - .\32xl\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .\32xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 253, 245, var(--divide-opacity)) !important; } - .\32xl\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .\32xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(209, 250, 229, var(--divide-opacity)) !important; } - .\32xl\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .\32xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 243, 208, var(--divide-opacity)) !important; } - .\32xl\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .\32xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(110, 231, 183, var(--divide-opacity)) !important; } - .\32xl\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .\32xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(52, 211, 153, var(--divide-opacity)) !important; } - .\32xl\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .\32xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(16, 185, 129, var(--divide-opacity)) !important; } - .\32xl\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .\32xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(5, 150, 105, var(--divide-opacity)) !important; } - .\32xl\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .\32xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(4, 120, 87, var(--divide-opacity)) !important; } - .\32xl\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .\32xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 95, 70, var(--divide-opacity)) !important; } - .\32xl\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .\32xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(6, 78, 59, var(--divide-opacity)) !important; } - .\32xl\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(239, 246, 255, var(--divide-opacity)) !important; } - .\32xl\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 234, 254, var(--divide-opacity)) !important; } - .\32xl\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(191, 219, 254, var(--divide-opacity)) !important; } - .\32xl\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(147, 197, 253, var(--divide-opacity)) !important; } - .\32xl\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(96, 165, 250, var(--divide-opacity)) !important; } - .\32xl\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(59, 130, 246, var(--divide-opacity)) !important; } - .\32xl\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(37, 99, 235, var(--divide-opacity)) !important; } - .\32xl\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(29, 78, 216, var(--divide-opacity)) !important; } - .\32xl\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 64, 175, var(--divide-opacity)) !important; } - .\32xl\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(30, 58, 138, var(--divide-opacity)) !important; } - .\32xl\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(245, 243, 255, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(237, 233, 254, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(221, 214, 254, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(196, 181, 253, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(167, 139, 250, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(139, 92, 246, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(124, 58, 237, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(109, 40, 217, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(91, 33, 182, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(76, 29, 149, var(--divide-opacity)) !important; } - .\32xl\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(253, 242, 248, var(--divide-opacity)) !important; } - .\32xl\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(252, 231, 243, var(--divide-opacity)) !important; } - .\32xl\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(251, 207, 232, var(--divide-opacity)) !important; } - .\32xl\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(249, 168, 212, var(--divide-opacity)) !important; } - .\32xl\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(244, 114, 182, var(--divide-opacity)) !important; } - .\32xl\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(236, 72, 153, var(--divide-opacity)) !important; } - .\32xl\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(219, 39, 119, var(--divide-opacity)) !important; } - .\32xl\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(190, 24, 93, var(--divide-opacity)) !important; } - .\32xl\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(157, 23, 77, var(--divide-opacity)) !important; } - .\32xl\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; + border-color: rgba(131, 24, 67, var(--divide-opacity)) !important; } - .\32xl\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .\32xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid !important; } - .\32xl\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .\32xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed !important; } - .\32xl\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .\32xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted !important; } - .\32xl\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .\32xl\:divide-double > :not(template) ~ :not(template) { + border-style: double !important; } - .\32xl\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .\32xl\:divide-none > :not(template) ~ :not(template) { + border-style: none !important; } - .\32xl\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .\32xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0 !important; } - .\32xl\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .\32xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25 !important; } - .\32xl\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .\32xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5 !important; } - .\32xl\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .\32xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75 !important; } - .\32xl\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .\32xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1 !important; } - .\32xl\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .\32xl\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .\32xl\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .\32xl\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .\32xl\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .\32xl\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .\32xl\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .\32xl\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .\32xl\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .\32xl\:appearance-none { + appearance: none !important; } - .\32xl\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .\32xl\:bg-fixed { + background-attachment: fixed !important; } - .\32xl\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .\32xl\:bg-local { + background-attachment: local !important; } - .\32xl\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .\32xl\:bg-scroll { + background-attachment: scroll !important; } - .\32xl\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .\32xl\:bg-clip-border { + background-clip: border-box !important; } - .\32xl\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .\32xl\:bg-clip-padding { + background-clip: padding-box !important; } - .\32xl\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .\32xl\:bg-clip-content { + background-clip: content-box !important; } - .\32xl\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .\32xl\:bg-clip-text { + background-clip: text !important; } - .\32xl\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .\32xl\:bg-transparent { + background-color: transparent !important; } - .\32xl\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .\32xl\:bg-current { + background-color: currentColor !important; } - .\32xl\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .\32xl\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .\32xl\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .\32xl\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .\32xl\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .\32xl\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .\32xl\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .\32xl\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .\32xl\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .\32xl\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .\32xl\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .\32xl\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .\32xl\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .\32xl\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .\32xl\:to-transparent { - --gradient-to-color: transparent !important; + .\32xl\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .\32xl\:to-current { - --gradient-to-color: currentColor !important; + .\32xl\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .\32xl\:to-black { - --gradient-to-color: #000 !important; + .\32xl\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .\32xl\:to-white { - --gradient-to-color: #fff !important; + .\32xl\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .\32xl\:to-gray-50 { - --gradient-to-color: #fafafa !important; + .\32xl\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .\32xl\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; + .\32xl\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .\32xl\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; + .\32xl\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .\32xl\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; + .\32xl\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .\32xl\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; + .\32xl\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .\32xl\:to-gray-500 { - --gradient-to-color: #71717a !important; + .\32xl\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .\32xl\:to-gray-600 { - --gradient-to-color: #52525b !important; + .\32xl\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .\32xl\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; + .\32xl\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .\32xl\:to-gray-800 { - --gradient-to-color: #27272a !important; + .\32xl\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .\32xl\:to-gray-900 { - --gradient-to-color: #18181b !important; + .\32xl\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .\32xl\:to-red-50 { - --gradient-to-color: #fef2f2 !important; + .\32xl\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .\32xl\:to-red-100 { - --gradient-to-color: #fee2e2 !important; + .\32xl\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .\32xl\:to-red-200 { - --gradient-to-color: #fecaca !important; + .\32xl\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .\32xl\:to-red-300 { - --gradient-to-color: #fca5a5 !important; + .\32xl\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .\32xl\:to-red-400 { - --gradient-to-color: #f87171 !important; + .\32xl\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .\32xl\:to-red-500 { - --gradient-to-color: #ef4444 !important; + .\32xl\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .\32xl\:to-red-600 { - --gradient-to-color: #dc2626 !important; + .\32xl\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .\32xl\:to-red-700 { - --gradient-to-color: #b91c1c !important; + .\32xl\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .\32xl\:to-red-800 { - --gradient-to-color: #991b1b !important; + .\32xl\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .\32xl\:to-red-900 { - --gradient-to-color: #7f1d1d !important; + .\32xl\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; + .\32xl\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; + .\32xl\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-200 { - --gradient-to-color: #fde68a !important; + .\32xl\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; + .\32xl\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; + .\32xl\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; + .\32xl\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-600 { - --gradient-to-color: #d97706 !important; + .\32xl\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-700 { - --gradient-to-color: #b45309 !important; + .\32xl\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-800 { - --gradient-to-color: #92400e !important; + .\32xl\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .\32xl\:to-yellow-900 { - --gradient-to-color: #78350f !important; + .\32xl\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .\32xl\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; + .\32xl\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .\32xl\:to-green-100 { - --gradient-to-color: #d1fae5 !important; + .\32xl\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .\32xl\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; + .\32xl\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .\32xl\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; + .\32xl\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .\32xl\:to-green-400 { - --gradient-to-color: #34d399 !important; + .\32xl\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .\32xl\:to-green-500 { - --gradient-to-color: #10b981 !important; + .\32xl\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .\32xl\:to-green-600 { - --gradient-to-color: #059669 !important; + .\32xl\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .\32xl\:to-green-700 { - --gradient-to-color: #047857 !important; + .\32xl\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .\32xl\:to-green-800 { - --gradient-to-color: #065f46 !important; + .\32xl\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .\32xl\:to-green-900 { - --gradient-to-color: #064e3b !important; + .\32xl\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .\32xl\:to-blue-50 { - --gradient-to-color: #eff6ff !important; + .\32xl\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .\32xl\:to-blue-100 { - --gradient-to-color: #dbeafe !important; + .\32xl\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .\32xl\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; + .\32xl\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .\32xl\:to-blue-300 { - --gradient-to-color: #93c5fd !important; + .\32xl\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .\32xl\:to-blue-400 { - --gradient-to-color: #60a5fa !important; + .\32xl\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .\32xl\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; + .\32xl\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .\32xl\:to-blue-600 { - --gradient-to-color: #2563eb !important; + .\32xl\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .\32xl\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; + .\32xl\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .\32xl\:to-blue-800 { - --gradient-to-color: #1e40af !important; + .\32xl\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .\32xl\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; + .\32xl\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .\32xl\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; + .\32xl\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .\32xl\:to-purple-100 { - --gradient-to-color: #ede9fe !important; + .\32xl\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .\32xl\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; + .\32xl\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .\32xl\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; + .\32xl\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .\32xl\:to-purple-400 { - --gradient-to-color: #a78bfa !important; + .\32xl\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .\32xl\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; + .\32xl\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .\32xl\:to-purple-600 { - --gradient-to-color: #7c3aed !important; + .\32xl\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .\32xl\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; + .\32xl\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .\32xl\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; + .\32xl\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .\32xl\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; + .\32xl\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .\32xl\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; + .\32xl\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .\32xl\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; + .group:hover .\32xl\:group-hover\:bg-transparent { + background-color: transparent !important; } - .\32xl\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; + .group:hover .\32xl\:group-hover\:bg-current { + background-color: currentColor !important; } - .\32xl\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; + .group:hover .\32xl\:group-hover\:bg-black { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .\32xl\:to-pink-400 { - --gradient-to-color: #f472b6 !important; + .group:hover .\32xl\:group-hover\:bg-white { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .\32xl\:to-pink-500 { - --gradient-to-color: #ec4899 !important; + .group:hover .\32xl\:group-hover\:bg-gray-50 { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .\32xl\:to-pink-600 { - --gradient-to-color: #db2777 !important; + .group:hover .\32xl\:group-hover\:bg-gray-100 { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .\32xl\:to-pink-700 { - --gradient-to-color: #be185d !important; + .group:hover .\32xl\:group-hover\:bg-gray-200 { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .\32xl\:to-pink-800 { - --gradient-to-color: #9d174d !important; + .group:hover .\32xl\:group-hover\:bg-gray-300 { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .\32xl\:to-pink-900 { - --gradient-to-color: #831843 !important; + .group:hover .\32xl\:group-hover\:bg-gray-400 { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-gray-500 { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-gray-600 { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-gray-700 { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-gray-800 { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-gray-900 { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-50 { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-200 { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-400 { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-500 { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-600 { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-700 { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-800 { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-red-900 { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-50 { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-100 { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-200 { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-300 { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-400 { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-500 { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-600 { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-700 { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-800 { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-yellow-900 { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-50 { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-100 { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-200 { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-300 { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-400 { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-500 { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-600 { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-700 { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-800 { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-green-900 { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-50 { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-100 { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-200 { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-300 { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-400 { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-500 { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-600 { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-700 { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-800 { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-blue-900 { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-50 { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-100 { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-200 { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-300 { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-400 { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-500 { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-600 { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-700 { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-800 { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-purple-900 { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-50 { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-100 { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-200 { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-300 { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-400 { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-500 { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-600 { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-700 { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-800 { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .group:hover .\32xl\:group-hover\:bg-pink-900 { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .\32xl\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .\32xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .\32xl\:hover\:bg-current:hover { + background-color: currentColor !important; } - .\32xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .\32xl\:hover\:bg-black:hover { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .\32xl\:hover\:bg-white:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .\32xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .\32xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .\32xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .\32xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .\32xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .\32xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .\32xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .\32xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + .\32xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + .\32xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + .\32xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + .\32xl\:hover\:bg-red-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + .\32xl\:hover\:bg-red-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + .\32xl\:hover\:bg-red-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + .\32xl\:hover\:bg-red-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + .\32xl\:hover\:bg-red-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + .\32xl\:hover\:bg-red-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + .\32xl\:hover\:bg-red-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + .\32xl\:hover\:bg-red-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + .\32xl\:hover\:bg-red-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + .\32xl\:hover\:bg-red-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + .\32xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + .\32xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + .\32xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + .\32xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + .\32xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + .\32xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + .\32xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + .\32xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + .\32xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + .\32xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + .\32xl\:hover\:bg-green-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + .\32xl\:hover\:bg-green-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + .\32xl\:hover\:bg-green-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + .\32xl\:hover\:bg-green-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + .\32xl\:hover\:bg-green-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + .\32xl\:hover\:bg-green-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + .\32xl\:hover\:bg-green-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + .\32xl\:hover\:bg-green-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + .\32xl\:hover\:bg-green-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + .\32xl\:hover\:bg-green-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + .\32xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + .\32xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + .\32xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + .\32xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + .\32xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + .\32xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + .\32xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + .\32xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + .\32xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + .\32xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + .\32xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + .\32xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + .\32xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + .\32xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + .\32xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + .\32xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + .\32xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + .\32xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + .\32xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + .\32xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + .\32xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + .\32xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + .\32xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + .\32xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + .\32xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + .\32xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + .\32xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + .\32xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + .\32xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + .\32xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + .\32xl\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .\32xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + .\32xl\:focus\:bg-current:focus { + background-color: currentColor !important; } - .\32xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + .\32xl\:focus\:bg-black:focus { + --bg-opacity: 1 !important; + background-color: rgba(0, 0, 0, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + .\32xl\:focus\:bg-white:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 255, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + .\32xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(250, 250, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + .\32xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 244, 245, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + .\32xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(228, 228, 231, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + .\32xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(212, 212, 216, var(--bg-opacity)) !important; } - .\32xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + .\32xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(161, 161, 170, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; + .\32xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(113, 113, 122, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; + .\32xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(82, 82, 91, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-black:hover { - --gradient-to-color: #000 !important; + .\32xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(63, 63, 70, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-white:hover { - --gradient-to-color: #fff !important; + .\32xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(39, 39, 42, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; + .\32xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(24, 24, 27, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; + .\32xl\:focus\:bg-red-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 242, 242, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; + .\32xl\:focus\:bg-red-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 226, 226, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; + .\32xl\:focus\:bg-red-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 202, 202, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; + .\32xl\:focus\:bg-red-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 165, 165, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; + .\32xl\:focus\:bg-red-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(248, 113, 113, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; + .\32xl\:focus\:bg-red-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 68, 68, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; + .\32xl\:focus\:bg-red-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(220, 38, 38, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; + .\32xl\:focus\:bg-red-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(185, 28, 28, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; + .\32xl\:focus\:bg-red-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(153, 27, 27, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; + .\32xl\:focus\:bg-red-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(127, 29, 29, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; + .\32xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(255, 251, 235, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; + .\32xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(254, 243, 199, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; + .\32xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 230, 138, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; + .\32xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 211, 77, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; + .\32xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 191, 36, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; + .\32xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 158, 11, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; + .\32xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(217, 119, 6, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; + .\32xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(180, 83, 9, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; + .\32xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(146, 64, 14, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; + .\32xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(120, 53, 15, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; + .\32xl\:focus\:bg-green-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 253, 245, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; + .\32xl\:focus\:bg-green-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(209, 250, 229, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; + .\32xl\:focus\:bg-green-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 243, 208, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; + .\32xl\:focus\:bg-green-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(110, 231, 183, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; + .\32xl\:focus\:bg-green-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(52, 211, 153, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; + .\32xl\:focus\:bg-green-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(16, 185, 129, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; + .\32xl\:focus\:bg-green-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(5, 150, 105, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; + .\32xl\:focus\:bg-green-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(4, 120, 87, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; + .\32xl\:focus\:bg-green-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 95, 70, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; + .\32xl\:focus\:bg-green-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(6, 78, 59, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; + .\32xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(239, 246, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; + .\32xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 234, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; + .\32xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(191, 219, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; + .\32xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(147, 197, 253, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; + .\32xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(96, 165, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; + .\32xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(59, 130, 246, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; + .\32xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(37, 99, 235, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; + .\32xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(29, 78, 216, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; + .\32xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 64, 175, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; + .\32xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(30, 58, 138, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; + .\32xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(245, 243, 255, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; + .\32xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(237, 233, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; + .\32xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(221, 214, 254, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; + .\32xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(196, 181, 253, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; + .\32xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(167, 139, 250, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; + .\32xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(139, 92, 246, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; + .\32xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(124, 58, 237, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; + .\32xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(109, 40, 217, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; + .\32xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(91, 33, 182, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; + .\32xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(76, 29, 149, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; + .\32xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1 !important; + background-color: rgba(253, 242, 248, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; + .\32xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1 !important; + background-color: rgba(252, 231, 243, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; + .\32xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1 !important; + background-color: rgba(251, 207, 232, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; + .\32xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1 !important; + background-color: rgba(249, 168, 212, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; + .\32xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1 !important; + background-color: rgba(244, 114, 182, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; + .\32xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1 !important; + background-color: rgba(236, 72, 153, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; + .\32xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1 !important; + background-color: rgba(219, 39, 119, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; + .\32xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1 !important; + background-color: rgba(190, 24, 93, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; + .\32xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1 !important; + background-color: rgba(157, 23, 77, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; + .\32xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1 !important; + background-color: rgba(131, 24, 67, var(--bg-opacity)) !important; } - .\32xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; + .\32xl\:bg-none { + background-image: none !important; } - .\32xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; + .\32xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; + .\32xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; + .\32xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; + .\32xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; + .\32xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; + .\32xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; + .\32xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)) !important; } - .\32xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; + .\32xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important; } - .\32xl\:focus\:from-transparent:focus { + .\32xl\:from-transparent { --gradient-from-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .\32xl\:focus\:from-current:focus { + .\32xl\:from-current { --gradient-from-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .\32xl\:focus\:from-black:focus { + .\32xl\:from-black { --gradient-from-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .\32xl\:focus\:from-white:focus { + .\32xl\:from-white { --gradient-from-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .\32xl\:focus\:from-gray-50:focus { + .\32xl\:from-gray-50 { --gradient-from-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .\32xl\:focus\:from-gray-100:focus { + .\32xl\:from-gray-100 { --gradient-from-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .\32xl\:focus\:from-gray-200:focus { + .\32xl\:from-gray-200 { --gradient-from-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .\32xl\:focus\:from-gray-300:focus { + .\32xl\:from-gray-300 { --gradient-from-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .\32xl\:focus\:from-gray-400:focus { + .\32xl\:from-gray-400 { --gradient-from-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .\32xl\:focus\:from-gray-500:focus { + .\32xl\:from-gray-500 { --gradient-from-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .\32xl\:focus\:from-gray-600:focus { + .\32xl\:from-gray-600 { --gradient-from-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .\32xl\:focus\:from-gray-700:focus { + .\32xl\:from-gray-700 { --gradient-from-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .\32xl\:focus\:from-gray-800:focus { + .\32xl\:from-gray-800 { --gradient-from-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .\32xl\:focus\:from-gray-900:focus { + .\32xl\:from-gray-900 { --gradient-from-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .\32xl\:focus\:from-red-50:focus { + .\32xl\:from-red-50 { --gradient-from-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .\32xl\:focus\:from-red-100:focus { + .\32xl\:from-red-100 { --gradient-from-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .\32xl\:focus\:from-red-200:focus { + .\32xl\:from-red-200 { --gradient-from-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .\32xl\:focus\:from-red-300:focus { + .\32xl\:from-red-300 { --gradient-from-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .\32xl\:focus\:from-red-400:focus { + .\32xl\:from-red-400 { --gradient-from-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .\32xl\:focus\:from-red-500:focus { + .\32xl\:from-red-500 { --gradient-from-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .\32xl\:focus\:from-red-600:focus { + .\32xl\:from-red-600 { --gradient-from-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .\32xl\:focus\:from-red-700:focus { + .\32xl\:from-red-700 { --gradient-from-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .\32xl\:focus\:from-red-800:focus { + .\32xl\:from-red-800 { --gradient-from-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .\32xl\:focus\:from-red-900:focus { + .\32xl\:from-red-900 { --gradient-from-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .\32xl\:focus\:from-yellow-50:focus { + .\32xl\:from-yellow-50 { --gradient-from-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .\32xl\:focus\:from-yellow-100:focus { + .\32xl\:from-yellow-100 { --gradient-from-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .\32xl\:focus\:from-yellow-200:focus { + .\32xl\:from-yellow-200 { --gradient-from-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .\32xl\:focus\:from-yellow-300:focus { + .\32xl\:from-yellow-300 { --gradient-from-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .\32xl\:focus\:from-yellow-400:focus { + .\32xl\:from-yellow-400 { --gradient-from-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .\32xl\:focus\:from-yellow-500:focus { + .\32xl\:from-yellow-500 { --gradient-from-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .\32xl\:focus\:from-yellow-600:focus { + .\32xl\:from-yellow-600 { --gradient-from-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .\32xl\:focus\:from-yellow-700:focus { + .\32xl\:from-yellow-700 { --gradient-from-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .\32xl\:focus\:from-yellow-800:focus { + .\32xl\:from-yellow-800 { --gradient-from-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .\32xl\:focus\:from-yellow-900:focus { + .\32xl\:from-yellow-900 { --gradient-from-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .\32xl\:focus\:from-green-50:focus { + .\32xl\:from-green-50 { --gradient-from-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .\32xl\:focus\:from-green-100:focus { + .\32xl\:from-green-100 { --gradient-from-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .\32xl\:focus\:from-green-200:focus { + .\32xl\:from-green-200 { --gradient-from-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .\32xl\:focus\:from-green-300:focus { + .\32xl\:from-green-300 { --gradient-from-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .\32xl\:focus\:from-green-400:focus { + .\32xl\:from-green-400 { --gradient-from-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .\32xl\:focus\:from-green-500:focus { + .\32xl\:from-green-500 { --gradient-from-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .\32xl\:focus\:from-green-600:focus { + .\32xl\:from-green-600 { --gradient-from-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .\32xl\:focus\:from-green-700:focus { + .\32xl\:from-green-700 { --gradient-from-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .\32xl\:focus\:from-green-800:focus { + .\32xl\:from-green-800 { --gradient-from-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .\32xl\:focus\:from-green-900:focus { + .\32xl\:from-green-900 { --gradient-from-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .\32xl\:focus\:from-blue-50:focus { + .\32xl\:from-blue-50 { --gradient-from-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .\32xl\:focus\:from-blue-100:focus { + .\32xl\:from-blue-100 { --gradient-from-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .\32xl\:focus\:from-blue-200:focus { + .\32xl\:from-blue-200 { --gradient-from-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .\32xl\:focus\:from-blue-300:focus { + .\32xl\:from-blue-300 { --gradient-from-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .\32xl\:focus\:from-blue-400:focus { + .\32xl\:from-blue-400 { --gradient-from-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .\32xl\:focus\:from-blue-500:focus { + .\32xl\:from-blue-500 { --gradient-from-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .\32xl\:focus\:from-blue-600:focus { + .\32xl\:from-blue-600 { --gradient-from-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .\32xl\:focus\:from-blue-700:focus { + .\32xl\:from-blue-700 { --gradient-from-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .\32xl\:focus\:from-blue-800:focus { + .\32xl\:from-blue-800 { --gradient-from-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .\32xl\:focus\:from-blue-900:focus { + .\32xl\:from-blue-900 { --gradient-from-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .\32xl\:focus\:from-purple-50:focus { + .\32xl\:from-purple-50 { --gradient-from-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .\32xl\:focus\:from-purple-100:focus { + .\32xl\:from-purple-100 { --gradient-from-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .\32xl\:focus\:from-purple-200:focus { + .\32xl\:from-purple-200 { --gradient-from-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .\32xl\:focus\:from-purple-300:focus { + .\32xl\:from-purple-300 { --gradient-from-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .\32xl\:focus\:from-purple-400:focus { + .\32xl\:from-purple-400 { --gradient-from-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .\32xl\:focus\:from-purple-500:focus { + .\32xl\:from-purple-500 { --gradient-from-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .\32xl\:focus\:from-purple-600:focus { + .\32xl\:from-purple-600 { --gradient-from-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .\32xl\:focus\:from-purple-700:focus { + .\32xl\:from-purple-700 { --gradient-from-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .\32xl\:focus\:from-purple-800:focus { + .\32xl\:from-purple-800 { --gradient-from-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .\32xl\:focus\:from-purple-900:focus { + .\32xl\:from-purple-900 { --gradient-from-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .\32xl\:focus\:from-pink-50:focus { + .\32xl\:from-pink-50 { --gradient-from-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .\32xl\:focus\:from-pink-100:focus { + .\32xl\:from-pink-100 { --gradient-from-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .\32xl\:focus\:from-pink-200:focus { + .\32xl\:from-pink-200 { --gradient-from-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .\32xl\:focus\:from-pink-300:focus { + .\32xl\:from-pink-300 { --gradient-from-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .\32xl\:focus\:from-pink-400:focus { + .\32xl\:from-pink-400 { --gradient-from-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .\32xl\:focus\:from-pink-500:focus { + .\32xl\:from-pink-500 { --gradient-from-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .\32xl\:focus\:from-pink-600:focus { + .\32xl\:from-pink-600 { --gradient-from-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .\32xl\:focus\:from-pink-700:focus { + .\32xl\:from-pink-700 { --gradient-from-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .\32xl\:focus\:from-pink-800:focus { + .\32xl\:from-pink-800 { --gradient-from-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .\32xl\:focus\:from-pink-900:focus { + .\32xl\:from-pink-900 { --gradient-from-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .\32xl\:focus\:via-transparent:focus { + .\32xl\:via-transparent { --gradient-via-color: transparent !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .\32xl\:focus\:via-current:focus { + .\32xl\:via-current { --gradient-via-color: currentColor !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .\32xl\:focus\:via-black:focus { + .\32xl\:via-black { --gradient-via-color: #000 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; } - .\32xl\:focus\:via-white:focus { + .\32xl\:via-white { --gradient-via-color: #fff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; } - .\32xl\:focus\:via-gray-50:focus { + .\32xl\:via-gray-50 { --gradient-via-color: #fafafa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; } - .\32xl\:focus\:via-gray-100:focus { + .\32xl\:via-gray-100 { --gradient-via-color: #f4f4f5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; } - .\32xl\:focus\:via-gray-200:focus { + .\32xl\:via-gray-200 { --gradient-via-color: #e4e4e7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; } - .\32xl\:focus\:via-gray-300:focus { + .\32xl\:via-gray-300 { --gradient-via-color: #d4d4d8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; } - .\32xl\:focus\:via-gray-400:focus { + .\32xl\:via-gray-400 { --gradient-via-color: #a1a1aa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; } - .\32xl\:focus\:via-gray-500:focus { + .\32xl\:via-gray-500 { --gradient-via-color: #71717a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; } - .\32xl\:focus\:via-gray-600:focus { + .\32xl\:via-gray-600 { --gradient-via-color: #52525b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; } - .\32xl\:focus\:via-gray-700:focus { + .\32xl\:via-gray-700 { --gradient-via-color: #3f3f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; } - .\32xl\:focus\:via-gray-800:focus { + .\32xl\:via-gray-800 { --gradient-via-color: #27272a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; } - .\32xl\:focus\:via-gray-900:focus { + .\32xl\:via-gray-900 { --gradient-via-color: #18181b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; } - .\32xl\:focus\:via-red-50:focus { + .\32xl\:via-red-50 { --gradient-via-color: #fef2f2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; } - .\32xl\:focus\:via-red-100:focus { + .\32xl\:via-red-100 { --gradient-via-color: #fee2e2 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; } - .\32xl\:focus\:via-red-200:focus { + .\32xl\:via-red-200 { --gradient-via-color: #fecaca !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; } - .\32xl\:focus\:via-red-300:focus { + .\32xl\:via-red-300 { --gradient-via-color: #fca5a5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; } - .\32xl\:focus\:via-red-400:focus { + .\32xl\:via-red-400 { --gradient-via-color: #f87171 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; } - .\32xl\:focus\:via-red-500:focus { + .\32xl\:via-red-500 { --gradient-via-color: #ef4444 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; } - .\32xl\:focus\:via-red-600:focus { + .\32xl\:via-red-600 { --gradient-via-color: #dc2626 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; } - .\32xl\:focus\:via-red-700:focus { + .\32xl\:via-red-700 { --gradient-via-color: #b91c1c !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; } - .\32xl\:focus\:via-red-800:focus { + .\32xl\:via-red-800 { --gradient-via-color: #991b1b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; } - .\32xl\:focus\:via-red-900:focus { + .\32xl\:via-red-900 { --gradient-via-color: #7f1d1d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; } - .\32xl\:focus\:via-yellow-50:focus { + .\32xl\:via-yellow-50 { --gradient-via-color: #fffbeb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; } - .\32xl\:focus\:via-yellow-100:focus { + .\32xl\:via-yellow-100 { --gradient-via-color: #fef3c7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; } - .\32xl\:focus\:via-yellow-200:focus { + .\32xl\:via-yellow-200 { --gradient-via-color: #fde68a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; } - .\32xl\:focus\:via-yellow-300:focus { + .\32xl\:via-yellow-300 { --gradient-via-color: #fcd34d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; } - .\32xl\:focus\:via-yellow-400:focus { + .\32xl\:via-yellow-400 { --gradient-via-color: #fbbf24 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; } - .\32xl\:focus\:via-yellow-500:focus { + .\32xl\:via-yellow-500 { --gradient-via-color: #f59e0b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; } - .\32xl\:focus\:via-yellow-600:focus { + .\32xl\:via-yellow-600 { --gradient-via-color: #d97706 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; } - .\32xl\:focus\:via-yellow-700:focus { + .\32xl\:via-yellow-700 { --gradient-via-color: #b45309 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; } - .\32xl\:focus\:via-yellow-800:focus { + .\32xl\:via-yellow-800 { --gradient-via-color: #92400e !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; } - .\32xl\:focus\:via-yellow-900:focus { + .\32xl\:via-yellow-900 { --gradient-via-color: #78350f !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; } - .\32xl\:focus\:via-green-50:focus { + .\32xl\:via-green-50 { --gradient-via-color: #ecfdf5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; } - .\32xl\:focus\:via-green-100:focus { + .\32xl\:via-green-100 { --gradient-via-color: #d1fae5 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; } - .\32xl\:focus\:via-green-200:focus { + .\32xl\:via-green-200 { --gradient-via-color: #a7f3d0 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; } - .\32xl\:focus\:via-green-300:focus { + .\32xl\:via-green-300 { --gradient-via-color: #6ee7b7 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; } - .\32xl\:focus\:via-green-400:focus { + .\32xl\:via-green-400 { --gradient-via-color: #34d399 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; } - .\32xl\:focus\:via-green-500:focus { + .\32xl\:via-green-500 { --gradient-via-color: #10b981 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; } - .\32xl\:focus\:via-green-600:focus { + .\32xl\:via-green-600 { --gradient-via-color: #059669 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; } - .\32xl\:focus\:via-green-700:focus { + .\32xl\:via-green-700 { --gradient-via-color: #047857 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; } - .\32xl\:focus\:via-green-800:focus { + .\32xl\:via-green-800 { --gradient-via-color: #065f46 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; } - .\32xl\:focus\:via-green-900:focus { + .\32xl\:via-green-900 { --gradient-via-color: #064e3b !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; } - .\32xl\:focus\:via-blue-50:focus { + .\32xl\:via-blue-50 { --gradient-via-color: #eff6ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; } - .\32xl\:focus\:via-blue-100:focus { + .\32xl\:via-blue-100 { --gradient-via-color: #dbeafe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; } - .\32xl\:focus\:via-blue-200:focus { + .\32xl\:via-blue-200 { --gradient-via-color: #bfdbfe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; } - .\32xl\:focus\:via-blue-300:focus { + .\32xl\:via-blue-300 { --gradient-via-color: #93c5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; } - .\32xl\:focus\:via-blue-400:focus { + .\32xl\:via-blue-400 { --gradient-via-color: #60a5fa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; } - .\32xl\:focus\:via-blue-500:focus { + .\32xl\:via-blue-500 { --gradient-via-color: #3b82f6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; } - .\32xl\:focus\:via-blue-600:focus { + .\32xl\:via-blue-600 { --gradient-via-color: #2563eb !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; } - .\32xl\:focus\:via-blue-700:focus { + .\32xl\:via-blue-700 { --gradient-via-color: #1d4ed8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; } - .\32xl\:focus\:via-blue-800:focus { + .\32xl\:via-blue-800 { --gradient-via-color: #1e40af !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; } - .\32xl\:focus\:via-blue-900:focus { + .\32xl\:via-blue-900 { --gradient-via-color: #1e3a8a !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; } - .\32xl\:focus\:via-purple-50:focus { + .\32xl\:via-purple-50 { --gradient-via-color: #f5f3ff !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; } - .\32xl\:focus\:via-purple-100:focus { + .\32xl\:via-purple-100 { --gradient-via-color: #ede9fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; } - .\32xl\:focus\:via-purple-200:focus { + .\32xl\:via-purple-200 { --gradient-via-color: #ddd6fe !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; } - .\32xl\:focus\:via-purple-300:focus { + .\32xl\:via-purple-300 { --gradient-via-color: #c4b5fd !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; } - .\32xl\:focus\:via-purple-400:focus { + .\32xl\:via-purple-400 { --gradient-via-color: #a78bfa !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; } - .\32xl\:focus\:via-purple-500:focus { + .\32xl\:via-purple-500 { --gradient-via-color: #8b5cf6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; } - .\32xl\:focus\:via-purple-600:focus { + .\32xl\:via-purple-600 { --gradient-via-color: #7c3aed !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; } - .\32xl\:focus\:via-purple-700:focus { + .\32xl\:via-purple-700 { --gradient-via-color: #6d28d9 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; } - .\32xl\:focus\:via-purple-800:focus { + .\32xl\:via-purple-800 { --gradient-via-color: #5b21b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; } - .\32xl\:focus\:via-purple-900:focus { + .\32xl\:via-purple-900 { --gradient-via-color: #4c1d95 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; } - .\32xl\:focus\:via-pink-50:focus { + .\32xl\:via-pink-50 { --gradient-via-color: #fdf2f8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; } - .\32xl\:focus\:via-pink-100:focus { + .\32xl\:via-pink-100 { --gradient-via-color: #fce7f3 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; } - .\32xl\:focus\:via-pink-200:focus { + .\32xl\:via-pink-200 { --gradient-via-color: #fbcfe8 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; } - .\32xl\:focus\:via-pink-300:focus { + .\32xl\:via-pink-300 { --gradient-via-color: #f9a8d4 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; } - .\32xl\:focus\:via-pink-400:focus { + .\32xl\:via-pink-400 { --gradient-via-color: #f472b6 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; } - .\32xl\:focus\:via-pink-500:focus { + .\32xl\:via-pink-500 { --gradient-via-color: #ec4899 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; } - .\32xl\:focus\:via-pink-600:focus { + .\32xl\:via-pink-600 { --gradient-via-color: #db2777 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; } - .\32xl\:focus\:via-pink-700:focus { + .\32xl\:via-pink-700 { --gradient-via-color: #be185d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; } - .\32xl\:focus\:via-pink-800:focus { + .\32xl\:via-pink-800 { --gradient-via-color: #9d174d !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; } - .\32xl\:focus\:via-pink-900:focus { + .\32xl\:via-pink-900 { --gradient-via-color: #831843 !important; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; } - .\32xl\:focus\:to-transparent:focus { + .\32xl\:to-transparent { --gradient-to-color: transparent !important; } - .\32xl\:focus\:to-current:focus { + .\32xl\:to-current { --gradient-to-color: currentColor !important; } - .\32xl\:focus\:to-black:focus { + .\32xl\:to-black { --gradient-to-color: #000 !important; } - .\32xl\:focus\:to-white:focus { + .\32xl\:to-white { --gradient-to-color: #fff !important; } - .\32xl\:focus\:to-gray-50:focus { + .\32xl\:to-gray-50 { --gradient-to-color: #fafafa !important; } - .\32xl\:focus\:to-gray-100:focus { + .\32xl\:to-gray-100 { --gradient-to-color: #f4f4f5 !important; } - .\32xl\:focus\:to-gray-200:focus { + .\32xl\:to-gray-200 { --gradient-to-color: #e4e4e7 !important; } - .\32xl\:focus\:to-gray-300:focus { + .\32xl\:to-gray-300 { --gradient-to-color: #d4d4d8 !important; } - .\32xl\:focus\:to-gray-400:focus { + .\32xl\:to-gray-400 { --gradient-to-color: #a1a1aa !important; } - .\32xl\:focus\:to-gray-500:focus { + .\32xl\:to-gray-500 { --gradient-to-color: #71717a !important; } - .\32xl\:focus\:to-gray-600:focus { + .\32xl\:to-gray-600 { --gradient-to-color: #52525b !important; } - .\32xl\:focus\:to-gray-700:focus { + .\32xl\:to-gray-700 { --gradient-to-color: #3f3f46 !important; } - .\32xl\:focus\:to-gray-800:focus { + .\32xl\:to-gray-800 { --gradient-to-color: #27272a !important; } - .\32xl\:focus\:to-gray-900:focus { + .\32xl\:to-gray-900 { --gradient-to-color: #18181b !important; } - .\32xl\:focus\:to-red-50:focus { + .\32xl\:to-red-50 { --gradient-to-color: #fef2f2 !important; } - .\32xl\:focus\:to-red-100:focus { + .\32xl\:to-red-100 { --gradient-to-color: #fee2e2 !important; } - .\32xl\:focus\:to-red-200:focus { + .\32xl\:to-red-200 { --gradient-to-color: #fecaca !important; } - .\32xl\:focus\:to-red-300:focus { + .\32xl\:to-red-300 { --gradient-to-color: #fca5a5 !important; } - .\32xl\:focus\:to-red-400:focus { + .\32xl\:to-red-400 { --gradient-to-color: #f87171 !important; } - .\32xl\:focus\:to-red-500:focus { + .\32xl\:to-red-500 { --gradient-to-color: #ef4444 !important; } - .\32xl\:focus\:to-red-600:focus { + .\32xl\:to-red-600 { --gradient-to-color: #dc2626 !important; } - .\32xl\:focus\:to-red-700:focus { + .\32xl\:to-red-700 { --gradient-to-color: #b91c1c !important; } - .\32xl\:focus\:to-red-800:focus { + .\32xl\:to-red-800 { --gradient-to-color: #991b1b !important; } - .\32xl\:focus\:to-red-900:focus { + .\32xl\:to-red-900 { --gradient-to-color: #7f1d1d !important; } - .\32xl\:focus\:to-yellow-50:focus { + .\32xl\:to-yellow-50 { --gradient-to-color: #fffbeb !important; } - .\32xl\:focus\:to-yellow-100:focus { + .\32xl\:to-yellow-100 { --gradient-to-color: #fef3c7 !important; } - .\32xl\:focus\:to-yellow-200:focus { + .\32xl\:to-yellow-200 { --gradient-to-color: #fde68a !important; } - .\32xl\:focus\:to-yellow-300:focus { + .\32xl\:to-yellow-300 { --gradient-to-color: #fcd34d !important; } - .\32xl\:focus\:to-yellow-400:focus { + .\32xl\:to-yellow-400 { --gradient-to-color: #fbbf24 !important; } - .\32xl\:focus\:to-yellow-500:focus { + .\32xl\:to-yellow-500 { --gradient-to-color: #f59e0b !important; } - .\32xl\:focus\:to-yellow-600:focus { + .\32xl\:to-yellow-600 { --gradient-to-color: #d97706 !important; } - .\32xl\:focus\:to-yellow-700:focus { + .\32xl\:to-yellow-700 { --gradient-to-color: #b45309 !important; } - .\32xl\:focus\:to-yellow-800:focus { + .\32xl\:to-yellow-800 { --gradient-to-color: #92400e !important; } - .\32xl\:focus\:to-yellow-900:focus { + .\32xl\:to-yellow-900 { --gradient-to-color: #78350f !important; } - .\32xl\:focus\:to-green-50:focus { + .\32xl\:to-green-50 { --gradient-to-color: #ecfdf5 !important; } - .\32xl\:focus\:to-green-100:focus { + .\32xl\:to-green-100 { --gradient-to-color: #d1fae5 !important; } - .\32xl\:focus\:to-green-200:focus { + .\32xl\:to-green-200 { --gradient-to-color: #a7f3d0 !important; } - .\32xl\:focus\:to-green-300:focus { + .\32xl\:to-green-300 { --gradient-to-color: #6ee7b7 !important; } - .\32xl\:focus\:to-green-400:focus { + .\32xl\:to-green-400 { --gradient-to-color: #34d399 !important; } - .\32xl\:focus\:to-green-500:focus { + .\32xl\:to-green-500 { --gradient-to-color: #10b981 !important; } - .\32xl\:focus\:to-green-600:focus { + .\32xl\:to-green-600 { --gradient-to-color: #059669 !important; } - .\32xl\:focus\:to-green-700:focus { + .\32xl\:to-green-700 { --gradient-to-color: #047857 !important; } - .\32xl\:focus\:to-green-800:focus { + .\32xl\:to-green-800 { --gradient-to-color: #065f46 !important; } - .\32xl\:focus\:to-green-900:focus { + .\32xl\:to-green-900 { --gradient-to-color: #064e3b !important; } - .\32xl\:focus\:to-blue-50:focus { + .\32xl\:to-blue-50 { --gradient-to-color: #eff6ff !important; } - .\32xl\:focus\:to-blue-100:focus { + .\32xl\:to-blue-100 { --gradient-to-color: #dbeafe !important; } - .\32xl\:focus\:to-blue-200:focus { + .\32xl\:to-blue-200 { --gradient-to-color: #bfdbfe !important; } - .\32xl\:focus\:to-blue-300:focus { + .\32xl\:to-blue-300 { --gradient-to-color: #93c5fd !important; } - .\32xl\:focus\:to-blue-400:focus { + .\32xl\:to-blue-400 { --gradient-to-color: #60a5fa !important; } - .\32xl\:focus\:to-blue-500:focus { + .\32xl\:to-blue-500 { --gradient-to-color: #3b82f6 !important; } - .\32xl\:focus\:to-blue-600:focus { + .\32xl\:to-blue-600 { --gradient-to-color: #2563eb !important; } - .\32xl\:focus\:to-blue-700:focus { + .\32xl\:to-blue-700 { --gradient-to-color: #1d4ed8 !important; } - .\32xl\:focus\:to-blue-800:focus { + .\32xl\:to-blue-800 { --gradient-to-color: #1e40af !important; } - .\32xl\:focus\:to-blue-900:focus { + .\32xl\:to-blue-900 { --gradient-to-color: #1e3a8a !important; } - .\32xl\:focus\:to-purple-50:focus { + .\32xl\:to-purple-50 { --gradient-to-color: #f5f3ff !important; } - .\32xl\:focus\:to-purple-100:focus { + .\32xl\:to-purple-100 { --gradient-to-color: #ede9fe !important; } - .\32xl\:focus\:to-purple-200:focus { + .\32xl\:to-purple-200 { --gradient-to-color: #ddd6fe !important; } - .\32xl\:focus\:to-purple-300:focus { + .\32xl\:to-purple-300 { --gradient-to-color: #c4b5fd !important; } - .\32xl\:focus\:to-purple-400:focus { + .\32xl\:to-purple-400 { --gradient-to-color: #a78bfa !important; } - .\32xl\:focus\:to-purple-500:focus { + .\32xl\:to-purple-500 { --gradient-to-color: #8b5cf6 !important; } - .\32xl\:focus\:to-purple-600:focus { + .\32xl\:to-purple-600 { --gradient-to-color: #7c3aed !important; } - .\32xl\:focus\:to-purple-700:focus { + .\32xl\:to-purple-700 { --gradient-to-color: #6d28d9 !important; } - .\32xl\:focus\:to-purple-800:focus { + .\32xl\:to-purple-800 { --gradient-to-color: #5b21b6 !important; } - .\32xl\:focus\:to-purple-900:focus { + .\32xl\:to-purple-900 { --gradient-to-color: #4c1d95 !important; } - .\32xl\:focus\:to-pink-50:focus { + .\32xl\:to-pink-50 { --gradient-to-color: #fdf2f8 !important; } - .\32xl\:focus\:to-pink-100:focus { + .\32xl\:to-pink-100 { --gradient-to-color: #fce7f3 !important; } - .\32xl\:focus\:to-pink-200:focus { + .\32xl\:to-pink-200 { --gradient-to-color: #fbcfe8 !important; } - .\32xl\:focus\:to-pink-300:focus { + .\32xl\:to-pink-300 { --gradient-to-color: #f9a8d4 !important; } - .\32xl\:focus\:to-pink-400:focus { + .\32xl\:to-pink-400 { --gradient-to-color: #f472b6 !important; } - .\32xl\:focus\:to-pink-500:focus { + .\32xl\:to-pink-500 { --gradient-to-color: #ec4899 !important; } - .\32xl\:focus\:to-pink-600:focus { + .\32xl\:to-pink-600 { --gradient-to-color: #db2777 !important; } - .\32xl\:focus\:to-pink-700:focus { + .\32xl\:to-pink-700 { --gradient-to-color: #be185d !important; } - .\32xl\:focus\:to-pink-800:focus { + .\32xl\:to-pink-800 { --gradient-to-color: #9d174d !important; } - .\32xl\:focus\:to-pink-900:focus { + .\32xl\:to-pink-900 { --gradient-to-color: #831843 !important; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:from-transparent { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .\32xl\:dark\:from-current { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .\32xl\:dark\:from-black { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .\32xl\:dark\:from-white { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .\32xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .\32xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .\32xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .\32xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .\32xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .\32xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .\32xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .\32xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .\32xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .\32xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .\32xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .\32xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .\32xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .\32xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .\32xl\:dark\:from-red-400 { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .\32xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .\32xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .\32xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .\32xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .\32xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .\32xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .\32xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .\32xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .\32xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .\32xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .\32xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .\32xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .\32xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .\32xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .\32xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .\32xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .\32xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .\32xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .\32xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .\32xl\:dark\:from-green-400 { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .\32xl\:dark\:from-green-500 { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .\32xl\:dark\:from-green-600 { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .\32xl\:dark\:from-green-700 { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .\32xl\:dark\:from-green-800 { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .\32xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .\32xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .\32xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .\32xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .\32xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .\32xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .\32xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .\32xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .\32xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .\32xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .\32xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .\32xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .\32xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .\32xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .\32xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .\32xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .\32xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .\32xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .\32xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .\32xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .\32xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .\32xl\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .\32xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .\32xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .\32xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .\32xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .\32xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .\32xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .\32xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .\32xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .\32xl\:dark\:from-pink-900 { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .\32xl\:dark\:via-transparent { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .\32xl\:dark\:via-current { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .\32xl\:dark\:via-black { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } - - .\32xl\:dark\:via-white { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } - - .\32xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } - - .\32xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } - - .\32xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } - - .\32xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } - - .\32xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } - - .\32xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } - - .\32xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } - - .\32xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } - - .\32xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } - - .\32xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } - - .\32xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } - - .\32xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } - - .\32xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } - - .\32xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } - - .\32xl\:dark\:via-red-400 { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } - - .\32xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } - - .\32xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } - - .\32xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } - - .\32xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } - - .\32xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } - - .\32xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } - - .\32xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } - - .\32xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } - - .\32xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } - - .\32xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } - - .\32xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } - - .\32xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } - - .\32xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } - - .\32xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } - - .\32xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } - - .\32xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } - - .\32xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } - - .\32xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } - - .\32xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } - - .\32xl\:dark\:via-green-400 { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } - - .\32xl\:dark\:via-green-500 { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } - - .\32xl\:dark\:via-green-600 { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } - - .\32xl\:dark\:via-green-700 { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } - - .\32xl\:dark\:via-green-800 { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } - - .\32xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } - - .\32xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } - - .\32xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } - - .\32xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } - - .\32xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } - - .\32xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } - - .\32xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } - - .\32xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } - - .\32xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } - - .\32xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } - - .\32xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } - - .\32xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } - - .\32xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } - - .\32xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } - - .\32xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } - - .\32xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } - - .\32xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } - - .\32xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } - - .\32xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } - - .\32xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } - - .\32xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } - - .\32xl\:dark\:via-pink-50 { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } - - .\32xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } - - .\32xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } - - .\32xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } - - .\32xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } - - .\32xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } - - .\32xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } - - .\32xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } - - .\32xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } - - .\32xl\:dark\:via-pink-900 { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } - - .\32xl\:dark\:to-transparent { - --gradient-to-color: transparent !important; - } - - .\32xl\:dark\:to-current { - --gradient-to-color: currentColor !important; - } - - .\32xl\:dark\:to-black { - --gradient-to-color: #000 !important; - } - - .\32xl\:dark\:to-white { - --gradient-to-color: #fff !important; - } - - .\32xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa !important; - } - - .\32xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5 !important; - } - - .\32xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7 !important; - } - - .\32xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8 !important; - } - - .\32xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa !important; - } - - .\32xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a !important; - } - - .\32xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b !important; - } - - .\32xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46 !important; - } - - .\32xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a !important; - } - - .\32xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b !important; - } - - .\32xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2 !important; - } - - .\32xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2 !important; - } - - .\32xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca !important; - } - - .\32xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5 !important; - } - - .\32xl\:dark\:to-red-400 { - --gradient-to-color: #f87171 !important; - } - - .\32xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444 !important; - } - - .\32xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626 !important; - } - - .\32xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c !important; - } - - .\32xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b !important; - } - - .\32xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d !important; - } - - .\32xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb !important; - } - - .\32xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7 !important; - } - - .\32xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a !important; - } - - .\32xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d !important; - } - - .\32xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24 !important; - } - - .\32xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b !important; - } - - .\32xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706 !important; - } - - .\32xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309 !important; - } - - .\32xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e !important; - } - - .\32xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f !important; - } - - .\32xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5 !important; - } - - .\32xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5 !important; - } - - .\32xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0 !important; - } - - .\32xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7 !important; - } - - .\32xl\:dark\:to-green-400 { - --gradient-to-color: #34d399 !important; - } - - .\32xl\:dark\:to-green-500 { - --gradient-to-color: #10b981 !important; - } - - .\32xl\:dark\:to-green-600 { - --gradient-to-color: #059669 !important; - } - - .\32xl\:dark\:to-green-700 { - --gradient-to-color: #047857 !important; - } - - .\32xl\:dark\:to-green-800 { - --gradient-to-color: #065f46 !important; - } - - .\32xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b !important; - } - - .\32xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff !important; - } - - .\32xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe !important; - } - - .\32xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe !important; - } - - .\32xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd !important; - } - - .\32xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa !important; - } - - .\32xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6 !important; - } - - .\32xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb !important; - } - - .\32xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8 !important; - } - - .\32xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af !important; - } - - .\32xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a !important; - } - - .\32xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff !important; - } - - .\32xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe !important; - } - - .\32xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe !important; - } - - .\32xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd !important; - } - - .\32xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa !important; - } - - .\32xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6 !important; - } - - .\32xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed !important; - } - - .\32xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9 !important; - } - - .\32xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6 !important; - } - - .\32xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95 !important; - } - - .\32xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8 !important; - } - - .\32xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3 !important; - } - - .\32xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8 !important; - } - - .\32xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4 !important; - } - - .\32xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6 !important; - } - - .\32xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899 !important; - } - - .\32xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777 !important; - } - - .\32xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d !important; - } - - .\32xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d !important; - } - - .\32xl\:dark\:to-pink-900 { - --gradient-to-color: #831843 !important; - } - - .\32xl\:dark\:hover\:from-transparent:hover { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:hover\:from-transparent:hover { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:hover\:from-current:hover { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:hover\:from-current:hover { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:hover\:from-black:hover { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:hover\:from-white:hover { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .\32xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .\32xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .\32xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .\32xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .\32xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .\32xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .\32xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .\32xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .\32xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .\32xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .\32xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .\32xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .\32xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .\32xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .\32xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .\32xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .\32xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .\32xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .\32xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .\32xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .\32xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .\32xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .\32xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .\32xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .\32xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .\32xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .\32xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .\32xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .\32xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .\32xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .\32xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .\32xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .\32xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .\32xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .\32xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .\32xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .\32xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .\32xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .\32xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .\32xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .\32xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .\32xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .\32xl\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .\32xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .\32xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .\32xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .\32xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .\32xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .\32xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .\32xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .\32xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .\32xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .\32xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .\32xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .\32xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .\32xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .\32xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .\32xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .\32xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .\32xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .\32xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .\32xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .\32xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .\32xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .\32xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .\32xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-50:hover { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .\32xl\:hover\:from-pink-50:hover { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .\32xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .\32xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .\32xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .\32xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .\32xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .\32xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .\32xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .\32xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .\32xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .\32xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .\32xl\:dark\:hover\:via-transparent:hover { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:hover\:via-transparent:hover { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:hover\:via-current:hover { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:hover\:via-current:hover { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:hover\:via-black:hover { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:hover\:via-white:hover { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .\32xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .\32xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .\32xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .\32xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .\32xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .\32xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .\32xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .\32xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .\32xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .\32xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .\32xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .\32xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .\32xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .\32xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .\32xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .\32xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .\32xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .\32xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .\32xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .\32xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .\32xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .\32xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .\32xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .\32xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .\32xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .\32xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .\32xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .\32xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .\32xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .\32xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .\32xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .\32xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .\32xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .\32xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .\32xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .\32xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .\32xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .\32xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .\32xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .\32xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .\32xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .\32xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .\32xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .\32xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .\32xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .\32xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .\32xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .\32xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .\32xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .\32xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .\32xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .\32xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .\32xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .\32xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .\32xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .\32xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .\32xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .\32xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .\32xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .\32xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .\32xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .\32xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .\32xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .\32xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .\32xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .\32xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-50:hover { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .\32xl\:hover\:via-pink-50:hover { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .\32xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .\32xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .\32xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .\32xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .\32xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .\32xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .\32xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .\32xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .\32xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .\32xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .\32xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent !important; - } + .\32xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent !important; + } - .\32xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor !important; - } + .\32xl\:hover\:to-current:hover { + --gradient-to-color: currentColor !important; + } - .\32xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000 !important; - } + .\32xl\:hover\:to-black:hover { + --gradient-to-color: #000 !important; + } - .\32xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff !important; - } + .\32xl\:hover\:to-white:hover { + --gradient-to-color: #fff !important; + } - .\32xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa !important; - } + .\32xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa !important; + } - .\32xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5 !important; - } + .\32xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5 !important; + } - .\32xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7 !important; - } + .\32xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7 !important; + } - .\32xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8 !important; - } + .\32xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8 !important; + } - .\32xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa !important; - } + .\32xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa !important; + } - .\32xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a !important; - } + .\32xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a !important; + } - .\32xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b !important; - } + .\32xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b !important; + } - .\32xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46 !important; - } + .\32xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46 !important; + } - .\32xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a !important; - } + .\32xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a !important; + } - .\32xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b !important; - } + .\32xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b !important; + } - .\32xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2 !important; - } + .\32xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2 !important; + } - .\32xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2 !important; - } + .\32xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2 !important; + } - .\32xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca !important; - } + .\32xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca !important; + } - .\32xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5 !important; - } + .\32xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5 !important; + } - .\32xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171 !important; - } + .\32xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171 !important; + } - .\32xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444 !important; - } + .\32xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444 !important; + } - .\32xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626 !important; - } + .\32xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626 !important; + } - .\32xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c !important; - } + .\32xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c !important; + } - .\32xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b !important; - } + .\32xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b !important; + } - .\32xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d !important; - } + .\32xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d !important; + } - .\32xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb !important; - } + .\32xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb !important; + } - .\32xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7 !important; - } + .\32xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7 !important; + } - .\32xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a !important; - } + .\32xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a !important; + } - .\32xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d !important; - } + .\32xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d !important; + } - .\32xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24 !important; - } + .\32xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24 !important; + } - .\32xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b !important; - } + .\32xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b !important; + } - .\32xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706 !important; - } + .\32xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706 !important; + } - .\32xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309 !important; - } + .\32xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309 !important; + } - .\32xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e !important; - } + .\32xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e !important; + } - .\32xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f !important; - } + .\32xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f !important; + } - .\32xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5 !important; - } + .\32xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5 !important; + } - .\32xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5 !important; - } + .\32xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5 !important; + } - .\32xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0 !important; - } + .\32xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0 !important; + } - .\32xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7 !important; - } + .\32xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7 !important; + } - .\32xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399 !important; - } + .\32xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399 !important; + } - .\32xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981 !important; - } + .\32xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981 !important; + } - .\32xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669 !important; - } + .\32xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669 !important; + } - .\32xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857 !important; - } + .\32xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857 !important; + } - .\32xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46 !important; - } + .\32xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46 !important; + } - .\32xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b !important; - } + .\32xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b !important; + } - .\32xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff !important; - } + .\32xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff !important; + } - .\32xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe !important; - } + .\32xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe !important; + } - .\32xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe !important; - } + .\32xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe !important; + } - .\32xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd !important; - } + .\32xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd !important; + } - .\32xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa !important; - } + .\32xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa !important; + } - .\32xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6 !important; - } + .\32xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6 !important; + } - .\32xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb !important; - } + .\32xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb !important; + } - .\32xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8 !important; - } + .\32xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8 !important; + } - .\32xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af !important; - } + .\32xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af !important; + } - .\32xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a !important; - } + .\32xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a !important; + } - .\32xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff !important; - } + .\32xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff !important; + } - .\32xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe !important; - } + .\32xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe !important; + } - .\32xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe !important; - } + .\32xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe !important; + } - .\32xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd !important; - } + .\32xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd !important; + } - .\32xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa !important; - } + .\32xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa !important; + } - .\32xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6 !important; - } + .\32xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6 !important; + } - .\32xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed !important; - } + .\32xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed !important; + } - .\32xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9 !important; - } + .\32xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9 !important; + } - .\32xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6 !important; - } + .\32xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6 !important; + } - .\32xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95 !important; - } + .\32xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95 !important; + } - .\32xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8 !important; - } + .\32xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8 !important; + } - .\32xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3 !important; - } + .\32xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3 !important; + } - .\32xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8 !important; - } + .\32xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8 !important; + } - .\32xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4 !important; - } + .\32xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4 !important; + } - .\32xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6 !important; - } + .\32xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6 !important; + } - .\32xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899 !important; - } + .\32xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899 !important; + } - .\32xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777 !important; - } + .\32xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777 !important; + } - .\32xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d !important; - } + .\32xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d !important; + } - .\32xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d !important; - } + .\32xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d !important; + } - .\32xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843 !important; - } + .\32xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843 !important; + } - .\32xl\:dark\:focus\:from-transparent:focus { - --gradient-from-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:focus\:from-transparent:focus { + --gradient-from-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:focus\:from-current:focus { - --gradient-from-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:focus\:from-current:focus { + --gradient-from-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:focus\:from-black:focus { + --gradient-from-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:focus\:from-white:focus { + --gradient-from-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .\32xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .\32xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .\32xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .\32xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .\32xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .\32xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .\32xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .\32xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .\32xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .\32xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .\32xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .\32xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .\32xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .\32xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .\32xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .\32xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .\32xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .\32xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .\32xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .\32xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .\32xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .\32xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .\32xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .\32xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .\32xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .\32xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .\32xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .\32xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .\32xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .\32xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .\32xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .\32xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .\32xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .\32xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .\32xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .\32xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .\32xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .\32xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .\32xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .\32xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .\32xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .\32xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .\32xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .\32xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .\32xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .\32xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .\32xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .\32xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .\32xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .\32xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .\32xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .\32xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .\32xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .\32xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .\32xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .\32xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .\32xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .\32xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .\32xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .\32xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .\32xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .\32xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .\32xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .\32xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .\32xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .\32xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-50:focus { - --gradient-from-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .\32xl\:focus\:from-pink-50:focus { + --gradient-from-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .\32xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .\32xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .\32xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .\32xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .\32xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .\32xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .\32xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .\32xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .\32xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .\32xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .\32xl\:dark\:focus\:via-transparent:focus { - --gradient-via-color: transparent !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:focus\:via-transparent:focus { + --gradient-via-color: transparent !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:focus\:via-current:focus { - --gradient-via-color: currentColor !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:focus\:via-current:focus { + --gradient-via-color: currentColor !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; - } + .\32xl\:focus\:via-black:focus { + --gradient-via-color: #000 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important; + } - .\32xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; - } + .\32xl\:focus\:via-white:focus { + --gradient-via-color: #fff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; - } + .\32xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; - } + .\32xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; - } + .\32xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; - } + .\32xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; - } + .\32xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; - } + .\32xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; - } + .\32xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; - } + .\32xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; - } + .\32xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)) !important; + } - .\32xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; - } + .\32xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; - } + .\32xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; - } + .\32xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; - } + .\32xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; - } + .\32xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; - } + .\32xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; - } + .\32xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; - } + .\32xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; - } + .\32xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; - } + .\32xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)) !important; + } - .\32xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; - } + .\32xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; - } + .\32xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; - } + .\32xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; - } + .\32xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; - } + .\32xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; - } + .\32xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; - } + .\32xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; - } + .\32xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; - } + .\32xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; - } + .\32xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)) !important; + } - .\32xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; - } + .\32xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; - } + .\32xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; - } + .\32xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; - } + .\32xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; - } + .\32xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; - } + .\32xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; - } + .\32xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; - } + .\32xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; - } + .\32xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; - } + .\32xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)) !important; + } - .\32xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; - } + .\32xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; - } + .\32xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; - } + .\32xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; - } + .\32xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; - } + .\32xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; - } + .\32xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; - } + .\32xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; - } + .\32xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; - } + .\32xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; - } + .\32xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)) !important; + } - .\32xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; - } + .\32xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; - } + .\32xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; - } + .\32xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; - } + .\32xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; - } + .\32xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; - } + .\32xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; - } + .\32xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; - } + .\32xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; - } + .\32xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; - } + .\32xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)) !important; + } - .\32xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; - } + .\32xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-50:focus { - --gradient-via-color: #fdf2f8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; - } + .\32xl\:focus\:via-pink-50:focus { + --gradient-via-color: #fdf2f8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; - } + .\32xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; - } + .\32xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; - } + .\32xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; - } + .\32xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; - } + .\32xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; - } + .\32xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; - } + .\32xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; - } + .\32xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)) !important; + } - .\32xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843 !important; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; - } + .\32xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843 !important; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)) !important; + } - .\32xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent !important; - } + .\32xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent !important; + } - .\32xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor !important; - } + .\32xl\:focus\:to-current:focus { + --gradient-to-color: currentColor !important; + } - .\32xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000 !important; - } + .\32xl\:focus\:to-black:focus { + --gradient-to-color: #000 !important; + } - .\32xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff !important; - } + .\32xl\:focus\:to-white:focus { + --gradient-to-color: #fff !important; + } - .\32xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa !important; - } + .\32xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa !important; + } - .\32xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5 !important; - } + .\32xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5 !important; + } - .\32xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7 !important; - } + .\32xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7 !important; + } - .\32xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8 !important; - } + .\32xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8 !important; + } - .\32xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa !important; - } + .\32xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa !important; + } - .\32xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a !important; - } + .\32xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a !important; + } - .\32xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b !important; - } + .\32xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b !important; + } - .\32xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46 !important; - } + .\32xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46 !important; + } - .\32xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a !important; - } + .\32xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a !important; + } - .\32xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b !important; - } + .\32xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b !important; + } - .\32xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2 !important; - } + .\32xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2 !important; + } - .\32xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2 !important; - } + .\32xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2 !important; + } - .\32xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca !important; - } + .\32xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca !important; + } - .\32xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5 !important; - } + .\32xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5 !important; + } - .\32xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171 !important; - } + .\32xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171 !important; + } - .\32xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444 !important; - } + .\32xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444 !important; + } - .\32xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626 !important; - } + .\32xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626 !important; + } - .\32xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c !important; - } + .\32xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c !important; + } - .\32xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b !important; - } + .\32xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b !important; + } - .\32xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d !important; - } + .\32xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d !important; + } - .\32xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb !important; - } + .\32xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb !important; + } - .\32xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7 !important; - } + .\32xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7 !important; + } - .\32xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a !important; - } + .\32xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a !important; + } - .\32xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d !important; - } + .\32xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d !important; + } - .\32xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24 !important; - } + .\32xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24 !important; + } - .\32xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b !important; - } + .\32xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b !important; + } - .\32xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706 !important; - } + .\32xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706 !important; + } - .\32xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309 !important; - } + .\32xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309 !important; + } - .\32xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e !important; - } + .\32xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e !important; + } - .\32xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f !important; - } + .\32xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f !important; + } - .\32xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5 !important; - } + .\32xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5 !important; + } - .\32xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5 !important; - } + .\32xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5 !important; + } - .\32xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0 !important; - } + .\32xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0 !important; + } - .\32xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7 !important; - } + .\32xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7 !important; + } - .\32xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399 !important; - } + .\32xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399 !important; + } - .\32xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981 !important; - } + .\32xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981 !important; + } - .\32xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669 !important; - } + .\32xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669 !important; + } - .\32xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857 !important; - } + .\32xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857 !important; + } - .\32xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46 !important; - } + .\32xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46 !important; + } - .\32xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b !important; - } + .\32xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b !important; + } - .\32xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff !important; - } + .\32xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff !important; + } - .\32xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe !important; - } + .\32xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe !important; + } - .\32xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe !important; - } + .\32xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe !important; + } - .\32xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd !important; - } + .\32xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd !important; + } - .\32xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa !important; - } + .\32xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa !important; + } - .\32xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6 !important; - } + .\32xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6 !important; + } - .\32xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb !important; - } + .\32xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb !important; + } - .\32xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8 !important; - } + .\32xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8 !important; + } - .\32xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af !important; - } + .\32xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af !important; + } - .\32xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a !important; - } + .\32xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a !important; + } - .\32xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff !important; - } + .\32xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff !important; + } - .\32xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe !important; - } + .\32xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe !important; + } - .\32xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe !important; - } + .\32xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe !important; + } - .\32xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd !important; - } + .\32xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd !important; + } - .\32xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa !important; - } + .\32xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa !important; + } - .\32xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6 !important; - } + .\32xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6 !important; + } - .\32xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed !important; - } + .\32xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed !important; + } - .\32xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9 !important; - } + .\32xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9 !important; + } - .\32xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6 !important; - } + .\32xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6 !important; + } - .\32xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95 !important; - } + .\32xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95 !important; + } - .\32xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8 !important; - } + .\32xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8 !important; + } - .\32xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3 !important; - } + .\32xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3 !important; + } - .\32xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8 !important; - } + .\32xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8 !important; + } - .\32xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4 !important; - } + .\32xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4 !important; + } - .\32xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6 !important; - } + .\32xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6 !important; + } - .\32xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899 !important; - } + .\32xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899 !important; + } - .\32xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777 !important; - } + .\32xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777 !important; + } - .\32xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d !important; - } + .\32xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d !important; + } - .\32xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d !important; - } + .\32xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d !important; + } - .\32xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843 !important; - } + .\32xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843 !important; } .\32xl\:bg-opacity-0 { @@ -168048,1480 +119894,6 @@ video { border-color: rgba(131, 24, 67, var(--border-opacity)) !important; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:border-transparent { - border-color: transparent !important; - } - - .\32xl\:dark\:border-current { - border-color: currentColor !important; - } - - .\32xl\:dark\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .\32xl\:dark\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-transparent { - border-color: transparent !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-current { - border-color: currentColor !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-black { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-white { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-50 { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-200 { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-400 { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-500 { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-600 { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-700 { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-800 { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-900 { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-50 { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-100 { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-200 { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-300 { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-400 { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-500 { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-600 { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-700 { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-800 { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-900 { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-transparent:hover { - border-color: transparent !important; - } - - .\32xl\:dark\:hover\:border-current:hover { - border-color: currentColor !important; - } - - .\32xl\:dark\:hover\:border-black:hover { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-white:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-50:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-200:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-400:hover { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-500:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-600:hover { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-700:hover { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-800:hover { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-red-900:hover { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-50:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-100:hover { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-200:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-300:hover { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-400:hover { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-500:hover { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-600:hover { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-700:hover { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-800:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-green-900:hover { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .\32xl\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-transparent:focus { - border-color: transparent !important; - } - - .\32xl\:dark\:focus\:border-current:focus { - border-color: currentColor !important; - } - - .\32xl\:dark\:focus\:border-black:focus { - --border-opacity: 1 !important; - border-color: rgba(0, 0, 0, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-white:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 255, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1 !important; - border-color: rgba(250, 250, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 244, 245, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1 !important; - border-color: rgba(228, 228, 231, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1 !important; - border-color: rgba(212, 212, 216, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1 !important; - border-color: rgba(161, 161, 170, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1 !important; - border-color: rgba(113, 113, 122, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1 !important; - border-color: rgba(82, 82, 91, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1 !important; - border-color: rgba(63, 63, 70, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1 !important; - border-color: rgba(39, 39, 42, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1 !important; - border-color: rgba(24, 24, 27, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-50:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 242, 242, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 226, 226, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-200:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 202, 202, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 165, 165, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-400:focus { - --border-opacity: 1 !important; - border-color: rgba(248, 113, 113, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-500:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 68, 68, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-600:focus { - --border-opacity: 1 !important; - border-color: rgba(220, 38, 38, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-700:focus { - --border-opacity: 1 !important; - border-color: rgba(185, 28, 28, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-800:focus { - --border-opacity: 1 !important; - border-color: rgba(153, 27, 27, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-red-900:focus { - --border-opacity: 1 !important; - border-color: rgba(127, 29, 29, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1 !important; - border-color: rgba(255, 251, 235, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1 !important; - border-color: rgba(254, 243, 199, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 230, 138, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 211, 77, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 191, 36, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 158, 11, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1 !important; - border-color: rgba(217, 119, 6, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1 !important; - border-color: rgba(180, 83, 9, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1 !important; - border-color: rgba(146, 64, 14, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1 !important; - border-color: rgba(120, 53, 15, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-50:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 253, 245, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-100:focus { - --border-opacity: 1 !important; - border-color: rgba(209, 250, 229, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-200:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 243, 208, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-300:focus { - --border-opacity: 1 !important; - border-color: rgba(110, 231, 183, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-400:focus { - --border-opacity: 1 !important; - border-color: rgba(52, 211, 153, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-500:focus { - --border-opacity: 1 !important; - border-color: rgba(16, 185, 129, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-600:focus { - --border-opacity: 1 !important; - border-color: rgba(5, 150, 105, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-700:focus { - --border-opacity: 1 !important; - border-color: rgba(4, 120, 87, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-800:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 95, 70, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-green-900:focus { - --border-opacity: 1 !important; - border-color: rgba(6, 78, 59, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1 !important; - border-color: rgba(239, 246, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 234, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1 !important; - border-color: rgba(191, 219, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1 !important; - border-color: rgba(147, 197, 253, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1 !important; - border-color: rgba(96, 165, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1 !important; - border-color: rgba(59, 130, 246, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1 !important; - border-color: rgba(37, 99, 235, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1 !important; - border-color: rgba(29, 78, 216, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 64, 175, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1 !important; - border-color: rgba(30, 58, 138, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1 !important; - border-color: rgba(245, 243, 255, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1 !important; - border-color: rgba(237, 233, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1 !important; - border-color: rgba(221, 214, 254, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1 !important; - border-color: rgba(196, 181, 253, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1 !important; - border-color: rgba(167, 139, 250, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1 !important; - border-color: rgba(139, 92, 246, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1 !important; - border-color: rgba(124, 58, 237, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1 !important; - border-color: rgba(109, 40, 217, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1 !important; - border-color: rgba(91, 33, 182, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1 !important; - border-color: rgba(76, 29, 149, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1 !important; - border-color: rgba(253, 242, 248, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1 !important; - border-color: rgba(252, 231, 243, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1 !important; - border-color: rgba(251, 207, 232, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1 !important; - border-color: rgba(249, 168, 212, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1 !important; - border-color: rgba(244, 114, 182, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1 !important; - border-color: rgba(236, 72, 153, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1 !important; - border-color: rgba(219, 39, 119, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1 !important; - border-color: rgba(190, 24, 93, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1 !important; - border-color: rgba(157, 23, 77, var(--border-opacity)) !important; - } - - .\32xl\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1 !important; - border-color: rgba(131, 24, 67, var(--border-opacity)) !important; - } - } - .\32xl\:border-opacity-0 { --border-opacity: 0 !important; } @@ -175255,744 +125627,6 @@ video { color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:placeholder-transparent::placeholder { - color: transparent !important; - } - - .\32xl\:dark\:placeholder-current::placeholder { - color: currentColor !important; - } - - .\32xl\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent !important; - } - - .\32xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor !important; - } - - .\32xl\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(0, 0, 0, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 255, 255, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(250, 250, 250, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 244, 245, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(228, 228, 231, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(212, 212, 216, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(161, 161, 170, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(113, 113, 122, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(82, 82, 91, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(63, 63, 70, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(39, 39, 42, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(24, 24, 27, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 242, 242, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 226, 226, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 202, 202, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 165, 165, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(248, 113, 113, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 68, 68, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(220, 38, 38, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(185, 28, 28, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(153, 27, 27, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(127, 29, 29, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(255, 251, 235, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(254, 243, 199, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 230, 138, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 211, 77, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 191, 36, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 158, 11, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(217, 119, 6, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(180, 83, 9, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(146, 64, 14, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(120, 53, 15, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 253, 245, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(209, 250, 229, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 243, 208, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(110, 231, 183, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(52, 211, 153, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(16, 185, 129, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(5, 150, 105, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(4, 120, 87, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 95, 70, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(6, 78, 59, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(239, 246, 255, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 234, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(191, 219, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(147, 197, 253, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(96, 165, 250, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(59, 130, 246, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(37, 99, 235, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(29, 78, 216, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 64, 175, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(30, 58, 138, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(245, 243, 255, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(237, 233, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(221, 214, 254, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(196, 181, 253, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(167, 139, 250, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(139, 92, 246, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(124, 58, 237, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(109, 40, 217, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(91, 33, 182, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(76, 29, 149, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(253, 242, 248, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(252, 231, 243, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(251, 207, 232, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(249, 168, 212, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(244, 114, 182, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(236, 72, 153, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(219, 39, 119, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(190, 24, 93, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(157, 23, 77, var(--placeholder-opacity)) !important; - } - - .\32xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1 !important; - color: rgba(131, 24, 67, var(--placeholder-opacity)) !important; - } - } - .\32xl\:placeholder-opacity-0::placeholder { --placeholder-opacity: 0 !important; } @@ -180419,1480 +130053,6 @@ video { color: rgba(131, 24, 67, var(--text-opacity)) !important; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:text-transparent { - color: transparent !important; - } - - .\32xl\:dark\:text-current { - color: currentColor !important; - } - - .\32xl\:dark\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .\32xl\:dark\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-transparent { - color: transparent !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-current { - color: currentColor !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-black { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-white { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-50 { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-100 { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-200 { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-300 { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-400 { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-500 { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-600 { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-700 { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-800 { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-900 { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-50 { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-100 { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-200 { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-300 { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-400 { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-500 { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-600 { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-700 { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-800 { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-900 { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-transparent:hover { - color: transparent !important; - } - - .\32xl\:dark\:hover\:text-current:hover { - color: currentColor !important; - } - - .\32xl\:dark\:hover\:text-black:hover { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-white:hover { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-50:hover { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-200:hover { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-400:hover { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-500:hover { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-600:hover { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-700:hover { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-800:hover { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-red-900:hover { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-50:hover { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-100:hover { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-200:hover { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-300:hover { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-400:hover { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-500:hover { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-600:hover { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-700:hover { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-800:hover { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-green-900:hover { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .\32xl\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-transparent:focus { - color: transparent !important; - } - - .\32xl\:dark\:focus\:text-current:focus { - color: currentColor !important; - } - - .\32xl\:dark\:focus\:text-black:focus { - --text-opacity: 1 !important; - color: rgba(0, 0, 0, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-white:focus { - --text-opacity: 1 !important; - color: rgba(255, 255, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1 !important; - color: rgba(250, 250, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1 !important; - color: rgba(244, 244, 245, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1 !important; - color: rgba(228, 228, 231, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1 !important; - color: rgba(212, 212, 216, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1 !important; - color: rgba(161, 161, 170, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1 !important; - color: rgba(113, 113, 122, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1 !important; - color: rgba(82, 82, 91, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1 !important; - color: rgba(63, 63, 70, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1 !important; - color: rgba(39, 39, 42, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1 !important; - color: rgba(24, 24, 27, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-50:focus { - --text-opacity: 1 !important; - color: rgba(254, 242, 242, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 226, 226, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-200:focus { - --text-opacity: 1 !important; - color: rgba(254, 202, 202, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 165, 165, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-400:focus { - --text-opacity: 1 !important; - color: rgba(248, 113, 113, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-500:focus { - --text-opacity: 1 !important; - color: rgba(239, 68, 68, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-600:focus { - --text-opacity: 1 !important; - color: rgba(220, 38, 38, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-700:focus { - --text-opacity: 1 !important; - color: rgba(185, 28, 28, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-800:focus { - --text-opacity: 1 !important; - color: rgba(153, 27, 27, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-red-900:focus { - --text-opacity: 1 !important; - color: rgba(127, 29, 29, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1 !important; - color: rgba(255, 251, 235, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1 !important; - color: rgba(254, 243, 199, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1 !important; - color: rgba(253, 230, 138, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1 !important; - color: rgba(252, 211, 77, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1 !important; - color: rgba(251, 191, 36, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1 !important; - color: rgba(245, 158, 11, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1 !important; - color: rgba(217, 119, 6, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1 !important; - color: rgba(180, 83, 9, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1 !important; - color: rgba(146, 64, 14, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1 !important; - color: rgba(120, 53, 15, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-50:focus { - --text-opacity: 1 !important; - color: rgba(236, 253, 245, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-100:focus { - --text-opacity: 1 !important; - color: rgba(209, 250, 229, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-200:focus { - --text-opacity: 1 !important; - color: rgba(167, 243, 208, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-300:focus { - --text-opacity: 1 !important; - color: rgba(110, 231, 183, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-400:focus { - --text-opacity: 1 !important; - color: rgba(52, 211, 153, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-500:focus { - --text-opacity: 1 !important; - color: rgba(16, 185, 129, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-600:focus { - --text-opacity: 1 !important; - color: rgba(5, 150, 105, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-700:focus { - --text-opacity: 1 !important; - color: rgba(4, 120, 87, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-800:focus { - --text-opacity: 1 !important; - color: rgba(6, 95, 70, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-green-900:focus { - --text-opacity: 1 !important; - color: rgba(6, 78, 59, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1 !important; - color: rgba(239, 246, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1 !important; - color: rgba(219, 234, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1 !important; - color: rgba(191, 219, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1 !important; - color: rgba(147, 197, 253, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1 !important; - color: rgba(96, 165, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1 !important; - color: rgba(59, 130, 246, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1 !important; - color: rgba(37, 99, 235, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1 !important; - color: rgba(29, 78, 216, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1 !important; - color: rgba(30, 64, 175, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1 !important; - color: rgba(30, 58, 138, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1 !important; - color: rgba(245, 243, 255, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1 !important; - color: rgba(237, 233, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1 !important; - color: rgba(221, 214, 254, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1 !important; - color: rgba(196, 181, 253, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1 !important; - color: rgba(167, 139, 250, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1 !important; - color: rgba(139, 92, 246, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1 !important; - color: rgba(124, 58, 237, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1 !important; - color: rgba(109, 40, 217, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1 !important; - color: rgba(91, 33, 182, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1 !important; - color: rgba(76, 29, 149, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1 !important; - color: rgba(253, 242, 248, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1 !important; - color: rgba(252, 231, 243, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1 !important; - color: rgba(251, 207, 232, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1 !important; - color: rgba(249, 168, 212, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1 !important; - color: rgba(244, 114, 182, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1 !important; - color: rgba(236, 72, 153, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1 !important; - color: rgba(219, 39, 119, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1 !important; - color: rgba(190, 24, 93, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1 !important; - color: rgba(157, 23, 77, var(--text-opacity)) !important; - } - - .\32xl\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1 !important; - color: rgba(131, 24, 67, var(--text-opacity)) !important; - } - } - .\32xl\:text-opacity-0 { --text-opacity: 0 !important; } diff --git a/__tests__/fixtures/tailwind-output-no-color-opacity.css b/__tests__/fixtures/tailwind-output-no-color-opacity.css index 2b872d7abb56..5b8da1a0905d 100644 --- a/__tests__/fixtures/tailwind-output-no-color-opacity.css +++ b/__tests__/fixtures/tailwind-output-no-color-opacity.css @@ -1736,304 +1736,6 @@ video { border-color: #831843; } -@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) { - border-color: #000; - } - - .dark\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } - - .dark\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } - - .dark\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } - - .dark\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } - - .dark\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } - - .dark\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } - - .dark\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } - - .dark\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } - - .dark\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } - - .dark\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } - - .dark\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } - - .dark\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } - - .dark\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } - - .dark\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } - - .dark\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .dark\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .dark\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .dark\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .dark\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .dark\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .dark\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .dark\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .dark\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .dark\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .dark\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .dark\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .dark\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .dark\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .dark\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .dark\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .dark\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .dark\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .dark\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .dark\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .dark\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .dark\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .dark\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .dark\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .dark\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .dark\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .dark\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .dark\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .dark\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .dark\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .dark\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .dark\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .dark\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .dark\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .dark\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .dark\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .dark\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .dark\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .dark\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .dark\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .dark\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .dark\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .dark\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .dark\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .dark\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } - - .dark\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } - - .dark\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } - - .dark\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } - - .dark\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } - - .dark\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } - - .dark\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } - - .dark\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } - - .dark\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } - - .dark\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } - - .dark\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } - - .dark\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } - - .dark\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } -} - .divide-solid > :not(template) ~ :not(template) { border-style: solid; } @@ -3316,150064 +3018,107968 @@ video { background-color: #831843; } -@media (prefers-color-scheme: dark) { - .dark\:bg-transparent { - background-color: transparent; - } +.bg-none { + background-image: none; +} - .dark\:bg-current { - background-color: currentColor; - } +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); +} - .dark\:bg-black { - background-color: #000; - } +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); +} - .dark\:bg-white { - background-color: #fff; - } +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); +} - .dark\:bg-gray-50 { - background-color: #fafafa; - } +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); +} - .dark\:bg-gray-100 { - background-color: #f4f4f5; - } +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); +} - .dark\:bg-gray-200 { - background-color: #e4e4e7; - } +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); +} - .dark\:bg-gray-300 { - background-color: #d4d4d8; - } +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); +} - .dark\:bg-gray-400 { - background-color: #a1a1aa; - } +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); +} - .dark\:bg-gray-500 { - background-color: #71717a; - } +.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-600 { - background-color: #52525b; - } +.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-700 { - background-color: #3f3f46; - } +.from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +} - .dark\:bg-gray-800 { - background-color: #27272a; - } +.from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +} - .dark\:bg-gray-900 { - background-color: #18181b; - } +.from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +} - .dark\:bg-red-50 { - background-color: #fef2f2; - } +.from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +} - .dark\:bg-red-100 { - background-color: #fee2e2; - } +.from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +} - .dark\:bg-red-200 { - background-color: #fecaca; - } +.from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +} - .dark\:bg-red-300 { - background-color: #fca5a5; - } +.from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +} - .dark\:bg-red-400 { - background-color: #f87171; - } +.from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +} - .dark\:bg-red-500 { - background-color: #ef4444; - } +.from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +} - .dark\:bg-red-600 { - background-color: #dc2626; - } +.from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +} - .dark\:bg-red-700 { - background-color: #b91c1c; - } +.from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +} - .dark\:bg-red-800 { - background-color: #991b1b; - } +.from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +} - .dark\:bg-red-900 { - background-color: #7f1d1d; - } +.from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +} - .dark\:bg-yellow-50 { - background-color: #fffbeb; - } +.from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +} - .dark\:bg-yellow-100 { - background-color: #fef3c7; - } +.from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +} - .dark\:bg-yellow-200 { - background-color: #fde68a; - } +.from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +} - .dark\:bg-yellow-300 { - background-color: #fcd34d; - } +.from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +} - .dark\:bg-yellow-400 { - background-color: #fbbf24; - } +.from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +} - .dark\:bg-yellow-500 { - background-color: #f59e0b; - } +.from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +} - .dark\:bg-yellow-600 { - background-color: #d97706; - } +.from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +} - .dark\:bg-yellow-700 { - background-color: #b45309; - } +.from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +} - .dark\:bg-yellow-800 { - background-color: #92400e; - } +.from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +} - .dark\:bg-yellow-900 { - background-color: #78350f; - } +.from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +} - .dark\:bg-green-50 { - background-color: #ecfdf5; - } +.from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +} - .dark\:bg-green-100 { - background-color: #d1fae5; - } +.from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +} - .dark\:bg-green-200 { - background-color: #a7f3d0; - } +.from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +} - .dark\:bg-green-300 { - background-color: #6ee7b7; - } +.from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +} - .dark\:bg-green-400 { - background-color: #34d399; - } +.from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +} - .dark\:bg-green-500 { - background-color: #10b981; - } +.from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +} - .dark\:bg-green-600 { - background-color: #059669; - } +.from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +} - .dark\:bg-green-700 { - background-color: #047857; - } +.from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +} - .dark\:bg-green-800 { - background-color: #065f46; - } +.from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +} - .dark\:bg-green-900 { - background-color: #064e3b; - } +.from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +} - .dark\:bg-blue-50 { - background-color: #eff6ff; - } +.from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +} - .dark\:bg-blue-100 { - background-color: #dbeafe; - } +.from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +} - .dark\:bg-blue-200 { - background-color: #bfdbfe; - } +.from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +} - .dark\:bg-blue-300 { - background-color: #93c5fd; - } +.from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +} - .dark\:bg-blue-400 { - background-color: #60a5fa; - } +.from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +} - .dark\:bg-blue-500 { - background-color: #3b82f6; - } +.from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +} - .dark\:bg-blue-600 { - background-color: #2563eb; - } +.from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +} - .dark\:bg-blue-700 { - background-color: #1d4ed8; - } +.from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +} - .dark\:bg-blue-800 { - background-color: #1e40af; - } +.from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +} - .dark\:bg-blue-900 { - background-color: #1e3a8a; - } +.from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +} - .dark\:bg-purple-50 { - background-color: #f5f3ff; - } +.from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +} - .dark\:bg-purple-100 { - background-color: #ede9fe; - } +.from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +} - .dark\:bg-purple-200 { - background-color: #ddd6fe; - } +.from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +} - .dark\:bg-purple-300 { - background-color: #c4b5fd; - } +.from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +} - .dark\:bg-purple-400 { - background-color: #a78bfa; - } +.from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +} - .dark\:bg-purple-500 { - background-color: #8b5cf6; - } +.from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +} - .dark\:bg-purple-600 { - background-color: #7c3aed; - } +.from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +} - .dark\:bg-purple-700 { - background-color: #6d28d9; - } +.from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +} - .dark\:bg-purple-800 { - background-color: #5b21b6; - } +.from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +} - .dark\:bg-purple-900 { - background-color: #4c1d95; - } +.from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +} - .dark\:bg-pink-50 { - background-color: #fdf2f8; - } +.from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +} - .dark\:bg-pink-100 { - background-color: #fce7f3; - } +.from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +} - .dark\:bg-pink-200 { - background-color: #fbcfe8; - } +.from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +} - .dark\:bg-pink-300 { - background-color: #f9a8d4; - } +.from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +} - .dark\:bg-pink-400 { - background-color: #f472b6; - } +.from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +} - .dark\:bg-pink-500 { - background-color: #ec4899; - } +.from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +} - .dark\:bg-pink-600 { - background-color: #db2777; - } +.from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +} - .dark\:bg-pink-700 { - background-color: #be185d; - } +.from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +} - .dark\:bg-pink-800 { - background-color: #9d174d; - } +.from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +} - .dark\:bg-pink-900 { - background-color: #831843; - } +.from-pink-50 { + --gradient-from-color: #fdf2f8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); +} - .group:hover .dark\:group-hover\:bg-transparent { - background-color: transparent; - } +.from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +} - .group:hover .dark\:group-hover\:bg-current { - background-color: currentColor; - } +.from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +} - .group:hover .dark\:group-hover\:bg-black { - background-color: #000; - } +.from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +} - .group:hover .dark\:group-hover\:bg-white { - background-color: #fff; - } +.from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } +.from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } +.from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } +.from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } +.from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } +.from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-500 { - background-color: #71717a; - } +.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)); +} - .group:hover .dark\:group-hover\:bg-gray-600 { - background-color: #52525b; - } +.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)); +} - .group:hover .dark\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } +.via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-800 { - background-color: #27272a; - } +.via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-900 { - background-color: #18181b; - } +.via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } +.via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +} - .group:hover .dark\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } +.via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +} - .group:hover .dark\:group-hover\:bg-red-200 { - background-color: #fecaca; - } +.via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +} - .group:hover .dark\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } +.via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +} - .group:hover .dark\:group-hover\:bg-red-400 { - background-color: #f87171; - } +.via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +} - .group:hover .dark\:group-hover\:bg-red-500 { - background-color: #ef4444; - } +.via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +} - .group:hover .dark\:group-hover\:bg-red-600 { - background-color: #dc2626; - } +.via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +} - .group:hover .dark\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } +.via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +} - .group:hover .dark\:group-hover\:bg-red-800 { - background-color: #991b1b; - } +.via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +} - .group:hover .dark\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } +.via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } +.via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } +.via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } +.via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } +.via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } +.via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } +.via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } +.via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } +.via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } +.via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } +.via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +} - .group:hover .dark\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } +.via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +} - .group:hover .dark\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } +.via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +} - .group:hover .dark\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } +.via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +} - .group:hover .dark\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } +.via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +} - .group:hover .dark\:group-hover\:bg-green-400 { - background-color: #34d399; - } +.via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +} - .group:hover .dark\:group-hover\:bg-green-500 { - background-color: #10b981; - } +.via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +} - .group:hover .dark\:group-hover\:bg-green-600 { - background-color: #059669; - } +.via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +} - .group:hover .dark\:group-hover\:bg-green-700 { - background-color: #047857; - } +.via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +} - .group:hover .dark\:group-hover\:bg-green-800 { - background-color: #065f46; - } +.via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +} - .group:hover .dark\:group-hover\:bg-green-900 { - background-color: #064e3b; - } +.via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } +.via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } +.via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } +.via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } +.via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } +.via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } +.via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } +.via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } +.via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } +.via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } +.via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } +.via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } +.via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } +.via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } +.via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } +.via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } +.via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } +.via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } - - .group:hover .dark\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } - - .group:hover .dark\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } - - .group:hover .dark\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } - - .group:hover .dark\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } - - .group:hover .dark\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } - - .group:hover .dark\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } - - .group:hover .dark\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } - - .group:hover .dark\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } - - .group:hover .dark\:group-hover\:bg-pink-600 { - background-color: #db2777; - } - - .group:hover .dark\:group-hover\:bg-pink-700 { - background-color: #be185d; - } - - .group:hover .dark\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } - - .group:hover .dark\:group-hover\:bg-pink-900 { - background-color: #831843; - } - - .dark\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .dark\:hover\:bg-black:hover { - background-color: #000; - } - - .dark\:hover\:bg-white:hover { - background-color: #fff; - } - - .dark\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } - - .dark\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } - - .dark\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } - - .dark\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } - - .dark\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } - - .dark\:hover\:bg-gray-500:hover { - background-color: #71717a; - } - - .dark\:hover\:bg-gray-600:hover { - background-color: #52525b; - } - - .dark\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } - - .dark\:hover\:bg-gray-800:hover { - background-color: #27272a; - } - - .dark\:hover\:bg-gray-900:hover { - background-color: #18181b; - } - - .dark\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } - - .dark\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } - - .dark\:hover\:bg-red-200:hover { - background-color: #fecaca; - } - - .dark\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } - - .dark\:hover\:bg-red-400:hover { - background-color: #f87171; - } - - .dark\:hover\:bg-red-500:hover { - background-color: #ef4444; - } - - .dark\:hover\:bg-red-600:hover { - background-color: #dc2626; - } - - .dark\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } - - .dark\:hover\:bg-red-800:hover { - background-color: #991b1b; - } - - .dark\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } - - .dark\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } - - .dark\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } - - .dark\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } - - .dark\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } - - .dark\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } - - .dark\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } - - .dark\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } - - .dark\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } - - .dark\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } - - .dark\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } - - .dark\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } - - .dark\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } - - .dark\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } - - .dark\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } - - .dark\:hover\:bg-green-400:hover { - background-color: #34d399; - } - - .dark\:hover\:bg-green-500:hover { - background-color: #10b981; - } - - .dark\:hover\:bg-green-600:hover { - background-color: #059669; - } - - .dark\:hover\:bg-green-700:hover { - background-color: #047857; - } - - .dark\:hover\:bg-green-800:hover { - background-color: #065f46; - } - - .dark\:hover\:bg-green-900:hover { - background-color: #064e3b; - } - - .dark\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } - - .dark\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } - - .dark\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } - - .dark\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } - - .dark\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } - - .dark\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } - - .dark\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } - - .dark\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } - - .dark\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } - - .dark\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; - } - - .dark\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; - } - - .dark\:hover\:bg-purple-100:hover { - background-color: #ede9fe; - } - - .dark\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; - } - - .dark\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; - } - - .dark\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } - - .dark\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } - - .dark\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } - - .dark\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } +.via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +} - .dark\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } +.via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +} - .dark\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } +.via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +} - .dark\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } +.via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +} - .dark\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } +.via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +} - .dark\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } +.via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +} - .dark\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } +.via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +} - .dark\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } +.via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +} - .dark\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } +.via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +} - .dark\:hover\:bg-pink-600:hover { - background-color: #db2777; - } +.via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +} - .dark\:hover\:bg-pink-700:hover { - background-color: #be185d; - } +.via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +} - .dark\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } +.via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +} - .dark\:hover\:bg-pink-900:hover { - background-color: #831843; - } +.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\:focus\:bg-transparent:focus { - background-color: transparent; - } +.via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +} - .dark\:focus\:bg-current:focus { - background-color: currentColor; - } +.via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +} - .dark\:focus\:bg-black:focus { - background-color: #000; - } +.via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +} - .dark\:focus\:bg-white:focus { - background-color: #fff; - } +.via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +} - .dark\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } +.via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +} - .dark\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } +.via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +} - .dark\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } +.via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +} - .dark\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } +.via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +} - .dark\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } +.via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +} - .dark\:focus\:bg-gray-500:focus { - background-color: #71717a; - } +.to-transparent { + --gradient-to-color: transparent; +} - .dark\:focus\:bg-gray-600:focus { - background-color: #52525b; - } +.to-current { + --gradient-to-color: currentColor; +} - .dark\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } +.to-black { + --gradient-to-color: #000; +} - .dark\:focus\:bg-gray-800:focus { - background-color: #27272a; - } +.to-white { + --gradient-to-color: #fff; +} - .dark\:focus\:bg-gray-900:focus { - background-color: #18181b; - } +.to-gray-50 { + --gradient-to-color: #fafafa; +} - .dark\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } +.to-gray-100 { + --gradient-to-color: #f4f4f5; +} - .dark\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } +.to-gray-200 { + --gradient-to-color: #e4e4e7; +} - .dark\:focus\:bg-red-200:focus { - background-color: #fecaca; - } +.to-gray-300 { + --gradient-to-color: #d4d4d8; +} - .dark\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } +.to-gray-400 { + --gradient-to-color: #a1a1aa; +} - .dark\:focus\:bg-red-400:focus { - background-color: #f87171; - } +.to-gray-500 { + --gradient-to-color: #71717a; +} - .dark\:focus\:bg-red-500:focus { - background-color: #ef4444; - } +.to-gray-600 { + --gradient-to-color: #52525b; +} - .dark\:focus\:bg-red-600:focus { - background-color: #dc2626; - } +.to-gray-700 { + --gradient-to-color: #3f3f46; +} - .dark\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } +.to-gray-800 { + --gradient-to-color: #27272a; +} - .dark\:focus\:bg-red-800:focus { - background-color: #991b1b; - } +.to-gray-900 { + --gradient-to-color: #18181b; +} - .dark\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } +.to-red-50 { + --gradient-to-color: #fef2f2; +} - .dark\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } +.to-red-100 { + --gradient-to-color: #fee2e2; +} - .dark\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } +.to-red-200 { + --gradient-to-color: #fecaca; +} - .dark\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } +.to-red-300 { + --gradient-to-color: #fca5a5; +} - .dark\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } +.to-red-400 { + --gradient-to-color: #f87171; +} - .dark\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } +.to-red-500 { + --gradient-to-color: #ef4444; +} - .dark\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } +.to-red-600 { + --gradient-to-color: #dc2626; +} - .dark\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } +.to-red-700 { + --gradient-to-color: #b91c1c; +} - .dark\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } +.to-red-800 { + --gradient-to-color: #991b1b; +} - .dark\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } +.to-red-900 { + --gradient-to-color: #7f1d1d; +} - .dark\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } +.to-yellow-50 { + --gradient-to-color: #fffbeb; +} - .dark\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } +.to-yellow-100 { + --gradient-to-color: #fef3c7; +} - .dark\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } +.to-yellow-200 { + --gradient-to-color: #fde68a; +} - .dark\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } +.to-yellow-300 { + --gradient-to-color: #fcd34d; +} - .dark\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } +.to-yellow-400 { + --gradient-to-color: #fbbf24; +} - .dark\:focus\:bg-green-400:focus { - background-color: #34d399; - } +.to-yellow-500 { + --gradient-to-color: #f59e0b; +} - .dark\:focus\:bg-green-500:focus { - background-color: #10b981; - } +.to-yellow-600 { + --gradient-to-color: #d97706; +} - .dark\:focus\:bg-green-600:focus { - background-color: #059669; - } +.to-yellow-700 { + --gradient-to-color: #b45309; +} - .dark\:focus\:bg-green-700:focus { - background-color: #047857; - } +.to-yellow-800 { + --gradient-to-color: #92400e; +} - .dark\:focus\:bg-green-800:focus { - background-color: #065f46; - } +.to-yellow-900 { + --gradient-to-color: #78350f; +} - .dark\:focus\:bg-green-900:focus { - background-color: #064e3b; - } +.to-green-50 { + --gradient-to-color: #ecfdf5; +} - .dark\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } +.to-green-100 { + --gradient-to-color: #d1fae5; +} - .dark\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } +.to-green-200 { + --gradient-to-color: #a7f3d0; +} - .dark\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } +.to-green-300 { + --gradient-to-color: #6ee7b7; +} - .dark\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } +.to-green-400 { + --gradient-to-color: #34d399; +} - .dark\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } +.to-green-500 { + --gradient-to-color: #10b981; +} - .dark\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } +.to-green-600 { + --gradient-to-color: #059669; +} - .dark\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } +.to-green-700 { + --gradient-to-color: #047857; +} - .dark\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } +.to-green-800 { + --gradient-to-color: #065f46; +} - .dark\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } +.to-green-900 { + --gradient-to-color: #064e3b; +} - .dark\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } +.to-blue-50 { + --gradient-to-color: #eff6ff; +} - .dark\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } +.to-blue-100 { + --gradient-to-color: #dbeafe; +} - .dark\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } +.to-blue-200 { + --gradient-to-color: #bfdbfe; +} - .dark\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } +.to-blue-300 { + --gradient-to-color: #93c5fd; +} - .dark\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } +.to-blue-400 { + --gradient-to-color: #60a5fa; +} - .dark\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } +.to-blue-500 { + --gradient-to-color: #3b82f6; +} - .dark\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } +.to-blue-600 { + --gradient-to-color: #2563eb; +} - .dark\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } +.to-blue-700 { + --gradient-to-color: #1d4ed8; +} - .dark\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } +.to-blue-800 { + --gradient-to-color: #1e40af; +} - .dark\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } +.to-blue-900 { + --gradient-to-color: #1e3a8a; +} - .dark\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } +.to-purple-50 { + --gradient-to-color: #f5f3ff; +} - .dark\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } +.to-purple-100 { + --gradient-to-color: #ede9fe; +} - .dark\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } +.to-purple-200 { + --gradient-to-color: #ddd6fe; +} - .dark\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } +.to-purple-300 { + --gradient-to-color: #c4b5fd; +} - .dark\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } +.to-purple-400 { + --gradient-to-color: #a78bfa; +} - .dark\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } +.to-purple-500 { + --gradient-to-color: #8b5cf6; +} - .dark\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } +.to-purple-600 { + --gradient-to-color: #7c3aed; +} - .dark\:focus\:bg-pink-600:focus { - background-color: #db2777; - } +.to-purple-700 { + --gradient-to-color: #6d28d9; +} - .dark\:focus\:bg-pink-700:focus { - background-color: #be185d; - } +.to-purple-800 { + --gradient-to-color: #5b21b6; +} - .dark\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } +.to-purple-900 { + --gradient-to-color: #4c1d95; +} - .dark\:focus\:bg-pink-900:focus { - background-color: #831843; - } +.to-pink-50 { + --gradient-to-color: #fdf2f8; } -.bg-none { - background-image: none; +.to-pink-100 { + --gradient-to-color: #fce7f3; } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); +.to-pink-200 { + --gradient-to-color: #fbcfe8; } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); +.to-pink-300 { + --gradient-to-color: #f9a8d4; } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); +.to-pink-400 { + --gradient-to-color: #f472b6; } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); +.to-pink-500 { + --gradient-to-color: #ec4899; } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); +.to-pink-600 { + --gradient-to-color: #db2777; } -.bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); +.to-pink-700 { + --gradient-to-color: #be185d; } -.bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); +.to-pink-800 { + --gradient-to-color: #9d174d; } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); +.to-pink-900 { + --gradient-to-color: #831843; } -.from-transparent { +.hover\:from-transparent:hover { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.from-current { +.hover\:from-current:hover { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.from-black { +.hover\:from-black:hover { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.from-white { +.hover\:from-white:hover { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.from-gray-50 { +.hover\:from-gray-50:hover { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.from-gray-100 { +.hover\:from-gray-100:hover { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.from-gray-200 { +.hover\:from-gray-200:hover { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.from-gray-300 { +.hover\:from-gray-300:hover { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.from-gray-400 { +.hover\:from-gray-400:hover { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.from-gray-500 { +.hover\:from-gray-500:hover { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.from-gray-600 { +.hover\:from-gray-600:hover { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.from-gray-700 { +.hover\:from-gray-700:hover { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.from-gray-800 { +.hover\:from-gray-800:hover { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.from-gray-900 { +.hover\:from-gray-900:hover { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.from-red-50 { +.hover\:from-red-50:hover { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.from-red-100 { +.hover\:from-red-100:hover { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.from-red-200 { +.hover\:from-red-200:hover { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.from-red-300 { +.hover\:from-red-300:hover { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.from-red-400 { +.hover\:from-red-400:hover { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.from-red-500 { +.hover\:from-red-500:hover { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.from-red-600 { +.hover\:from-red-600:hover { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.from-red-700 { +.hover\:from-red-700:hover { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.from-red-800 { +.hover\:from-red-800:hover { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.from-red-900 { +.hover\:from-red-900:hover { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.from-yellow-50 { +.hover\:from-yellow-50:hover { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.from-yellow-100 { +.hover\:from-yellow-100:hover { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.from-yellow-200 { +.hover\:from-yellow-200:hover { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.from-yellow-300 { +.hover\:from-yellow-300:hover { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.from-yellow-400 { +.hover\:from-yellow-400:hover { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.from-yellow-500 { +.hover\:from-yellow-500:hover { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.from-yellow-600 { +.hover\:from-yellow-600:hover { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.from-yellow-700 { +.hover\:from-yellow-700:hover { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.from-yellow-800 { +.hover\:from-yellow-800:hover { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.from-yellow-900 { +.hover\:from-yellow-900:hover { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.from-green-50 { +.hover\:from-green-50:hover { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.from-green-100 { +.hover\:from-green-100:hover { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.from-green-200 { +.hover\:from-green-200:hover { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.from-green-300 { +.hover\:from-green-300:hover { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.from-green-400 { +.hover\:from-green-400:hover { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.from-green-500 { +.hover\:from-green-500:hover { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.from-green-600 { +.hover\:from-green-600:hover { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.from-green-700 { +.hover\:from-green-700:hover { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.from-green-800 { +.hover\:from-green-800:hover { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.from-green-900 { +.hover\:from-green-900:hover { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.from-blue-50 { +.hover\:from-blue-50:hover { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.from-blue-100 { +.hover\:from-blue-100:hover { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.from-blue-200 { +.hover\:from-blue-200:hover { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.from-blue-300 { +.hover\:from-blue-300:hover { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.from-blue-400 { +.hover\:from-blue-400:hover { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.from-blue-500 { +.hover\:from-blue-500:hover { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.from-blue-600 { +.hover\:from-blue-600:hover { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.from-blue-700 { +.hover\:from-blue-700:hover { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.from-blue-800 { +.hover\:from-blue-800:hover { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.from-blue-900 { +.hover\:from-blue-900:hover { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.from-purple-50 { +.hover\:from-purple-50:hover { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.from-purple-100 { +.hover\:from-purple-100:hover { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.from-purple-200 { +.hover\:from-purple-200:hover { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.from-purple-300 { +.hover\:from-purple-300:hover { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.from-purple-400 { +.hover\:from-purple-400:hover { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.from-purple-500 { +.hover\:from-purple-500:hover { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.from-purple-600 { +.hover\:from-purple-600:hover { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.from-purple-700 { +.hover\:from-purple-700:hover { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.from-purple-800 { +.hover\:from-purple-800:hover { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.from-purple-900 { +.hover\:from-purple-900:hover { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.from-pink-50 { +.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)); } -.from-pink-100 { +.hover\:from-pink-100:hover { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.from-pink-200 { +.hover\:from-pink-200:hover { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.from-pink-300 { +.hover\:from-pink-300:hover { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.from-pink-400 { +.hover\:from-pink-400:hover { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.from-pink-500 { +.hover\:from-pink-500:hover { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.from-pink-600 { +.hover\:from-pink-600:hover { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.from-pink-700 { +.hover\:from-pink-700:hover { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.from-pink-800 { +.hover\:from-pink-800:hover { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.from-pink-900 { +.hover\:from-pink-900:hover { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.via-transparent { +.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)); } -.via-current { +.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)); } -.via-black { +.hover\:via-black:hover { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.via-white { +.hover\:via-white:hover { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.via-gray-50 { +.hover\:via-gray-50:hover { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.via-gray-100 { +.hover\:via-gray-100:hover { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.via-gray-200 { +.hover\:via-gray-200:hover { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.via-gray-300 { +.hover\:via-gray-300:hover { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.via-gray-400 { +.hover\:via-gray-400:hover { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.via-gray-500 { +.hover\:via-gray-500:hover { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.via-gray-600 { +.hover\:via-gray-600:hover { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.via-gray-700 { +.hover\:via-gray-700:hover { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.via-gray-800 { +.hover\:via-gray-800:hover { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.via-gray-900 { +.hover\:via-gray-900:hover { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.via-red-50 { +.hover\:via-red-50:hover { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.via-red-100 { +.hover\:via-red-100:hover { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.via-red-200 { +.hover\:via-red-200:hover { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.via-red-300 { +.hover\:via-red-300:hover { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.via-red-400 { +.hover\:via-red-400:hover { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.via-red-500 { +.hover\:via-red-500:hover { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.via-red-600 { +.hover\:via-red-600:hover { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.via-red-700 { +.hover\:via-red-700:hover { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.via-red-800 { +.hover\:via-red-800:hover { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.via-red-900 { +.hover\:via-red-900:hover { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.via-yellow-50 { +.hover\:via-yellow-50:hover { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.via-yellow-100 { +.hover\:via-yellow-100:hover { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.via-yellow-200 { +.hover\:via-yellow-200:hover { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.via-yellow-300 { +.hover\:via-yellow-300:hover { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.via-yellow-400 { +.hover\:via-yellow-400:hover { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.via-yellow-500 { +.hover\:via-yellow-500:hover { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.via-yellow-600 { +.hover\:via-yellow-600:hover { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.via-yellow-700 { +.hover\:via-yellow-700:hover { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.via-yellow-800 { +.hover\:via-yellow-800:hover { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.via-yellow-900 { +.hover\:via-yellow-900:hover { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.via-green-50 { +.hover\:via-green-50:hover { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.via-green-100 { +.hover\:via-green-100:hover { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.via-green-200 { +.hover\:via-green-200:hover { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.via-green-300 { +.hover\:via-green-300:hover { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.via-green-400 { +.hover\:via-green-400:hover { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.via-green-500 { +.hover\:via-green-500:hover { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.via-green-600 { +.hover\:via-green-600:hover { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.via-green-700 { +.hover\:via-green-700:hover { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.via-green-800 { +.hover\:via-green-800:hover { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.via-green-900 { +.hover\:via-green-900:hover { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.via-blue-50 { +.hover\:via-blue-50:hover { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.via-blue-100 { +.hover\:via-blue-100:hover { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.via-blue-200 { +.hover\:via-blue-200:hover { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.via-blue-300 { +.hover\:via-blue-300:hover { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.via-blue-400 { +.hover\:via-blue-400:hover { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.via-blue-500 { +.hover\:via-blue-500:hover { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.via-blue-600 { +.hover\:via-blue-600:hover { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.via-blue-700 { +.hover\:via-blue-700:hover { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.via-blue-800 { +.hover\:via-blue-800:hover { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.via-blue-900 { +.hover\:via-blue-900:hover { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.via-purple-50 { +.hover\:via-purple-50:hover { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.via-purple-100 { +.hover\:via-purple-100:hover { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.via-purple-200 { +.hover\:via-purple-200:hover { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.via-purple-300 { +.hover\:via-purple-300:hover { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.via-purple-400 { +.hover\:via-purple-400:hover { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.via-purple-500 { +.hover\:via-purple-500:hover { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.via-purple-600 { +.hover\:via-purple-600:hover { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.via-purple-700 { +.hover\:via-purple-700:hover { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.via-purple-800 { +.hover\:via-purple-800:hover { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.via-purple-900 { +.hover\:via-purple-900:hover { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.via-pink-50 { +.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)); } -.via-pink-100 { +.hover\:via-pink-100:hover { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.via-pink-200 { +.hover\:via-pink-200:hover { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.via-pink-300 { +.hover\:via-pink-300:hover { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.via-pink-400 { +.hover\:via-pink-400:hover { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.via-pink-500 { +.hover\:via-pink-500:hover { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.via-pink-600 { +.hover\:via-pink-600:hover { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.via-pink-700 { +.hover\:via-pink-700:hover { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.via-pink-800 { +.hover\:via-pink-800:hover { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.via-pink-900 { +.hover\:via-pink-900:hover { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.to-transparent { +.hover\:to-transparent:hover { --gradient-to-color: transparent; } -.to-current { +.hover\:to-current:hover { --gradient-to-color: currentColor; } -.to-black { +.hover\:to-black:hover { --gradient-to-color: #000; } -.to-white { +.hover\:to-white:hover { --gradient-to-color: #fff; } -.to-gray-50 { +.hover\:to-gray-50:hover { --gradient-to-color: #fafafa; } -.to-gray-100 { +.hover\:to-gray-100:hover { --gradient-to-color: #f4f4f5; } -.to-gray-200 { +.hover\:to-gray-200:hover { --gradient-to-color: #e4e4e7; } -.to-gray-300 { +.hover\:to-gray-300:hover { --gradient-to-color: #d4d4d8; } -.to-gray-400 { +.hover\:to-gray-400:hover { --gradient-to-color: #a1a1aa; } -.to-gray-500 { +.hover\:to-gray-500:hover { --gradient-to-color: #71717a; } -.to-gray-600 { +.hover\:to-gray-600:hover { --gradient-to-color: #52525b; } -.to-gray-700 { +.hover\:to-gray-700:hover { --gradient-to-color: #3f3f46; } -.to-gray-800 { +.hover\:to-gray-800:hover { --gradient-to-color: #27272a; } -.to-gray-900 { +.hover\:to-gray-900:hover { --gradient-to-color: #18181b; } -.to-red-50 { +.hover\:to-red-50:hover { --gradient-to-color: #fef2f2; } -.to-red-100 { +.hover\:to-red-100:hover { --gradient-to-color: #fee2e2; } -.to-red-200 { +.hover\:to-red-200:hover { --gradient-to-color: #fecaca; } -.to-red-300 { +.hover\:to-red-300:hover { --gradient-to-color: #fca5a5; } -.to-red-400 { +.hover\:to-red-400:hover { --gradient-to-color: #f87171; } -.to-red-500 { +.hover\:to-red-500:hover { --gradient-to-color: #ef4444; } -.to-red-600 { +.hover\:to-red-600:hover { --gradient-to-color: #dc2626; } -.to-red-700 { +.hover\:to-red-700:hover { --gradient-to-color: #b91c1c; } -.to-red-800 { +.hover\:to-red-800:hover { --gradient-to-color: #991b1b; } -.to-red-900 { +.hover\:to-red-900:hover { --gradient-to-color: #7f1d1d; } -.to-yellow-50 { +.hover\:to-yellow-50:hover { --gradient-to-color: #fffbeb; } -.to-yellow-100 { +.hover\:to-yellow-100:hover { --gradient-to-color: #fef3c7; } -.to-yellow-200 { +.hover\:to-yellow-200:hover { --gradient-to-color: #fde68a; } -.to-yellow-300 { +.hover\:to-yellow-300:hover { --gradient-to-color: #fcd34d; } -.to-yellow-400 { +.hover\:to-yellow-400:hover { --gradient-to-color: #fbbf24; } -.to-yellow-500 { +.hover\:to-yellow-500:hover { --gradient-to-color: #f59e0b; } -.to-yellow-600 { +.hover\:to-yellow-600:hover { --gradient-to-color: #d97706; } -.to-yellow-700 { +.hover\:to-yellow-700:hover { --gradient-to-color: #b45309; } -.to-yellow-800 { +.hover\:to-yellow-800:hover { --gradient-to-color: #92400e; } -.to-yellow-900 { +.hover\:to-yellow-900:hover { --gradient-to-color: #78350f; } -.to-green-50 { +.hover\:to-green-50:hover { --gradient-to-color: #ecfdf5; } -.to-green-100 { +.hover\:to-green-100:hover { --gradient-to-color: #d1fae5; } -.to-green-200 { +.hover\:to-green-200:hover { --gradient-to-color: #a7f3d0; } -.to-green-300 { +.hover\:to-green-300:hover { --gradient-to-color: #6ee7b7; } -.to-green-400 { +.hover\:to-green-400:hover { --gradient-to-color: #34d399; } -.to-green-500 { +.hover\:to-green-500:hover { --gradient-to-color: #10b981; } -.to-green-600 { +.hover\:to-green-600:hover { --gradient-to-color: #059669; } -.to-green-700 { +.hover\:to-green-700:hover { --gradient-to-color: #047857; } -.to-green-800 { +.hover\:to-green-800:hover { --gradient-to-color: #065f46; } -.to-green-900 { +.hover\:to-green-900:hover { --gradient-to-color: #064e3b; } -.to-blue-50 { +.hover\:to-blue-50:hover { --gradient-to-color: #eff6ff; } -.to-blue-100 { +.hover\:to-blue-100:hover { --gradient-to-color: #dbeafe; } -.to-blue-200 { +.hover\:to-blue-200:hover { --gradient-to-color: #bfdbfe; } -.to-blue-300 { +.hover\:to-blue-300:hover { --gradient-to-color: #93c5fd; } -.to-blue-400 { +.hover\:to-blue-400:hover { --gradient-to-color: #60a5fa; } -.to-blue-500 { +.hover\:to-blue-500:hover { --gradient-to-color: #3b82f6; } -.to-blue-600 { +.hover\:to-blue-600:hover { --gradient-to-color: #2563eb; } -.to-blue-700 { +.hover\:to-blue-700:hover { --gradient-to-color: #1d4ed8; } -.to-blue-800 { +.hover\:to-blue-800:hover { --gradient-to-color: #1e40af; } -.to-blue-900 { +.hover\:to-blue-900:hover { --gradient-to-color: #1e3a8a; } -.to-purple-50 { +.hover\:to-purple-50:hover { --gradient-to-color: #f5f3ff; } -.to-purple-100 { +.hover\:to-purple-100:hover { --gradient-to-color: #ede9fe; } -.to-purple-200 { +.hover\:to-purple-200:hover { --gradient-to-color: #ddd6fe; } -.to-purple-300 { +.hover\:to-purple-300:hover { --gradient-to-color: #c4b5fd; } -.to-purple-400 { +.hover\:to-purple-400:hover { --gradient-to-color: #a78bfa; } -.to-purple-500 { +.hover\:to-purple-500:hover { --gradient-to-color: #8b5cf6; } -.to-purple-600 { +.hover\:to-purple-600:hover { --gradient-to-color: #7c3aed; } -.to-purple-700 { +.hover\:to-purple-700:hover { --gradient-to-color: #6d28d9; } -.to-purple-800 { +.hover\:to-purple-800:hover { --gradient-to-color: #5b21b6; } -.to-purple-900 { +.hover\:to-purple-900:hover { --gradient-to-color: #4c1d95; } -.to-pink-50 { +.hover\:to-pink-50:hover { --gradient-to-color: #fdf2f8; } -.to-pink-100 { +.hover\:to-pink-100:hover { --gradient-to-color: #fce7f3; } -.to-pink-200 { +.hover\:to-pink-200:hover { --gradient-to-color: #fbcfe8; } -.to-pink-300 { +.hover\:to-pink-300:hover { --gradient-to-color: #f9a8d4; } -.to-pink-400 { +.hover\:to-pink-400:hover { --gradient-to-color: #f472b6; } -.to-pink-500 { +.hover\:to-pink-500:hover { --gradient-to-color: #ec4899; } -.to-pink-600 { +.hover\:to-pink-600:hover { --gradient-to-color: #db2777; } -.to-pink-700 { +.hover\:to-pink-700:hover { --gradient-to-color: #be185d; } -.to-pink-800 { +.hover\:to-pink-800:hover { --gradient-to-color: #9d174d; } -.to-pink-900 { +.hover\:to-pink-900:hover { --gradient-to-color: #831843; } -.hover\:from-transparent:hover { +.focus\:from-transparent:focus { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-current:hover { +.focus\:from-current:focus { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-black:hover { +.focus\:from-black:focus { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-white:hover { +.focus\:from-white:focus { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-gray-50:hover { +.focus\:from-gray-50:focus { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.hover\:from-gray-100:hover { +.focus\:from-gray-100:focus { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.hover\:from-gray-200:hover { +.focus\:from-gray-200:focus { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.hover\:from-gray-300:hover { +.focus\:from-gray-300:focus { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.hover\:from-gray-400:hover { +.focus\:from-gray-400:focus { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.hover\:from-gray-500:hover { +.focus\:from-gray-500:focus { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.hover\:from-gray-600:hover { +.focus\:from-gray-600:focus { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.hover\:from-gray-700:hover { +.focus\:from-gray-700:focus { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.hover\:from-gray-800:hover { +.focus\:from-gray-800:focus { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.hover\:from-gray-900:hover { +.focus\:from-gray-900:focus { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.hover\:from-red-50:hover { +.focus\:from-red-50:focus { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.hover\:from-red-100:hover { +.focus\:from-red-100:focus { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.hover\:from-red-200:hover { +.focus\:from-red-200:focus { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.hover\:from-red-300:hover { +.focus\:from-red-300:focus { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.hover\:from-red-400:hover { +.focus\:from-red-400:focus { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.hover\:from-red-500:hover { +.focus\:from-red-500:focus { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.hover\:from-red-600:hover { +.focus\:from-red-600:focus { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.hover\:from-red-700:hover { +.focus\:from-red-700:focus { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.hover\:from-red-800:hover { +.focus\:from-red-800:focus { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.hover\:from-red-900:hover { +.focus\:from-red-900:focus { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.hover\:from-yellow-50:hover { +.focus\:from-yellow-50:focus { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.hover\:from-yellow-100:hover { +.focus\:from-yellow-100:focus { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.hover\:from-yellow-200:hover { +.focus\:from-yellow-200:focus { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.hover\:from-yellow-300:hover { +.focus\:from-yellow-300:focus { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.hover\:from-yellow-400:hover { +.focus\:from-yellow-400:focus { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.hover\:from-yellow-500:hover { +.focus\:from-yellow-500:focus { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.hover\:from-yellow-600:hover { +.focus\:from-yellow-600:focus { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.hover\:from-yellow-700:hover { +.focus\:from-yellow-700:focus { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.hover\:from-yellow-800:hover { +.focus\:from-yellow-800:focus { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.hover\:from-yellow-900:hover { +.focus\:from-yellow-900:focus { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.hover\:from-green-50:hover { +.focus\:from-green-50:focus { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.hover\:from-green-100:hover { +.focus\:from-green-100:focus { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.hover\:from-green-200:hover { +.focus\:from-green-200:focus { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.hover\:from-green-300:hover { +.focus\:from-green-300:focus { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.hover\:from-green-400:hover { +.focus\:from-green-400:focus { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.hover\:from-green-500:hover { +.focus\:from-green-500:focus { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.hover\:from-green-600:hover { +.focus\:from-green-600:focus { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.hover\:from-green-700:hover { +.focus\:from-green-700:focus { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.hover\:from-green-800:hover { +.focus\:from-green-800:focus { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.hover\:from-green-900:hover { +.focus\:from-green-900:focus { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.hover\:from-blue-50:hover { +.focus\:from-blue-50:focus { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.hover\:from-blue-100:hover { +.focus\:from-blue-100:focus { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.hover\:from-blue-200:hover { +.focus\:from-blue-200:focus { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.hover\:from-blue-300:hover { +.focus\:from-blue-300:focus { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.hover\:from-blue-400:hover { +.focus\:from-blue-400:focus { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.hover\:from-blue-500:hover { +.focus\:from-blue-500:focus { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.hover\:from-blue-600:hover { +.focus\:from-blue-600:focus { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.hover\:from-blue-700:hover { +.focus\:from-blue-700:focus { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.hover\:from-blue-800:hover { +.focus\:from-blue-800:focus { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.hover\:from-blue-900:hover { +.focus\:from-blue-900:focus { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.hover\:from-purple-50:hover { +.focus\:from-purple-50:focus { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.hover\:from-purple-100:hover { +.focus\:from-purple-100:focus { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.hover\:from-purple-200:hover { +.focus\:from-purple-200:focus { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.hover\:from-purple-300:hover { +.focus\:from-purple-300:focus { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.hover\:from-purple-400:hover { +.focus\:from-purple-400:focus { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.hover\:from-purple-500:hover { +.focus\:from-purple-500:focus { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.hover\:from-purple-600:hover { +.focus\:from-purple-600:focus { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.hover\:from-purple-700:hover { +.focus\:from-purple-700:focus { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.hover\:from-purple-800:hover { +.focus\:from-purple-800:focus { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.hover\:from-purple-900:hover { +.focus\:from-purple-900:focus { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.hover\:from-pink-50:hover { +.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)); } -.hover\:from-pink-100:hover { +.focus\:from-pink-100:focus { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.hover\:from-pink-200:hover { +.focus\:from-pink-200:focus { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.hover\:from-pink-300:hover { +.focus\:from-pink-300:focus { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.hover\:from-pink-400:hover { +.focus\:from-pink-400:focus { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.hover\:from-pink-500:hover { +.focus\:from-pink-500:focus { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.hover\:from-pink-600:hover { +.focus\:from-pink-600:focus { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.hover\:from-pink-700:hover { +.focus\:from-pink-700:focus { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.hover\:from-pink-800:hover { +.focus\:from-pink-800:focus { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.hover\:from-pink-900:hover { +.focus\:from-pink-900:focus { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.hover\:via-transparent:hover { +.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)); } -.hover\:via-current:hover { +.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)); } -.hover\:via-black:hover { +.focus\:via-black:focus { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:via-white:hover { +.focus\:via-white:focus { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:via-gray-50:hover { +.focus\:via-gray-50:focus { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.hover\:via-gray-100:hover { +.focus\:via-gray-100:focus { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.hover\:via-gray-200:hover { +.focus\:via-gray-200:focus { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.hover\:via-gray-300:hover { +.focus\:via-gray-300:focus { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.hover\:via-gray-400:hover { +.focus\:via-gray-400:focus { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.hover\:via-gray-500:hover { +.focus\:via-gray-500:focus { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.hover\:via-gray-600:hover { +.focus\:via-gray-600:focus { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.hover\:via-gray-700:hover { +.focus\:via-gray-700:focus { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.hover\:via-gray-800:hover { +.focus\:via-gray-800:focus { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.hover\:via-gray-900:hover { +.focus\:via-gray-900:focus { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.hover\:via-red-50:hover { +.focus\:via-red-50:focus { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.hover\:via-red-100:hover { +.focus\:via-red-100:focus { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.hover\:via-red-200:hover { +.focus\:via-red-200:focus { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.hover\:via-red-300:hover { +.focus\:via-red-300:focus { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.hover\:via-red-400:hover { +.focus\:via-red-400:focus { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.hover\:via-red-500:hover { +.focus\:via-red-500:focus { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.hover\:via-red-600:hover { +.focus\:via-red-600:focus { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.hover\:via-red-700:hover { +.focus\:via-red-700:focus { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.hover\:via-red-800:hover { +.focus\:via-red-800:focus { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.hover\:via-red-900:hover { +.focus\:via-red-900:focus { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.hover\:via-yellow-50:hover { +.focus\:via-yellow-50:focus { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.hover\:via-yellow-100:hover { +.focus\:via-yellow-100:focus { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.hover\:via-yellow-200:hover { +.focus\:via-yellow-200:focus { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.hover\:via-yellow-300:hover { +.focus\:via-yellow-300:focus { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.hover\:via-yellow-400:hover { +.focus\:via-yellow-400:focus { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.hover\:via-yellow-500:hover { +.focus\:via-yellow-500:focus { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.hover\:via-yellow-600:hover { +.focus\:via-yellow-600:focus { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.hover\:via-yellow-700:hover { +.focus\:via-yellow-700:focus { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.hover\:via-yellow-800:hover { +.focus\:via-yellow-800:focus { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.hover\:via-yellow-900:hover { +.focus\:via-yellow-900:focus { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.hover\:via-green-50:hover { +.focus\:via-green-50:focus { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.hover\:via-green-100:hover { +.focus\:via-green-100:focus { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.hover\:via-green-200:hover { +.focus\:via-green-200:focus { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.hover\:via-green-300:hover { +.focus\:via-green-300:focus { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.hover\:via-green-400:hover { +.focus\:via-green-400:focus { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.hover\:via-green-500:hover { +.focus\:via-green-500:focus { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.hover\:via-green-600:hover { +.focus\:via-green-600:focus { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.hover\:via-green-700:hover { +.focus\:via-green-700:focus { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.hover\:via-green-800:hover { +.focus\:via-green-800:focus { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.hover\:via-green-900:hover { +.focus\:via-green-900:focus { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.hover\:via-blue-50:hover { +.focus\:via-blue-50:focus { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.hover\:via-blue-100:hover { +.focus\:via-blue-100:focus { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.hover\:via-blue-200:hover { +.focus\:via-blue-200:focus { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.hover\:via-blue-300:hover { +.focus\:via-blue-300:focus { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.hover\:via-blue-400:hover { +.focus\:via-blue-400:focus { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.hover\:via-blue-500:hover { +.focus\:via-blue-500:focus { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.hover\:via-blue-600:hover { +.focus\:via-blue-600:focus { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.hover\:via-blue-700:hover { +.focus\:via-blue-700:focus { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.hover\:via-blue-800:hover { +.focus\:via-blue-800:focus { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.hover\:via-blue-900:hover { +.focus\:via-blue-900:focus { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.hover\:via-purple-50:hover { +.focus\:via-purple-50:focus { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.hover\:via-purple-100:hover { +.focus\:via-purple-100:focus { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.hover\:via-purple-200:hover { +.focus\:via-purple-200:focus { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.hover\:via-purple-300:hover { +.focus\:via-purple-300:focus { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.hover\:via-purple-400:hover { +.focus\:via-purple-400:focus { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.hover\:via-purple-500:hover { +.focus\:via-purple-500:focus { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.hover\:via-purple-600:hover { +.focus\:via-purple-600:focus { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.hover\:via-purple-700:hover { +.focus\:via-purple-700:focus { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.hover\:via-purple-800:hover { +.focus\:via-purple-800:focus { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.hover\:via-purple-900:hover { +.focus\:via-purple-900:focus { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.hover\:via-pink-50:hover { +.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\:via-pink-100:hover { +.focus\:via-pink-100:focus { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.hover\:via-pink-200:hover { +.focus\:via-pink-200:focus { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.hover\:via-pink-300:hover { +.focus\:via-pink-300:focus { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.hover\:via-pink-400:hover { +.focus\:via-pink-400:focus { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.hover\:via-pink-500:hover { +.focus\:via-pink-500:focus { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.hover\:via-pink-600:hover { +.focus\:via-pink-600:focus { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.hover\:via-pink-700:hover { +.focus\:via-pink-700:focus { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.hover\:via-pink-800:hover { +.focus\:via-pink-800:focus { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.hover\:via-pink-900:hover { +.focus\:via-pink-900:focus { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.hover\:to-transparent:hover { +.focus\:to-transparent:focus { --gradient-to-color: transparent; } -.hover\:to-current:hover { +.focus\:to-current:focus { --gradient-to-color: currentColor; } -.hover\:to-black:hover { +.focus\:to-black:focus { --gradient-to-color: #000; } -.hover\:to-white:hover { +.focus\:to-white:focus { --gradient-to-color: #fff; } -.hover\:to-gray-50:hover { +.focus\:to-gray-50:focus { --gradient-to-color: #fafafa; } -.hover\:to-gray-100:hover { +.focus\:to-gray-100:focus { --gradient-to-color: #f4f4f5; } -.hover\:to-gray-200:hover { +.focus\:to-gray-200:focus { --gradient-to-color: #e4e4e7; } -.hover\:to-gray-300:hover { +.focus\:to-gray-300:focus { --gradient-to-color: #d4d4d8; } -.hover\:to-gray-400:hover { +.focus\:to-gray-400:focus { --gradient-to-color: #a1a1aa; } -.hover\:to-gray-500:hover { +.focus\:to-gray-500:focus { --gradient-to-color: #71717a; } -.hover\:to-gray-600:hover { +.focus\:to-gray-600:focus { --gradient-to-color: #52525b; } -.hover\:to-gray-700:hover { +.focus\:to-gray-700:focus { --gradient-to-color: #3f3f46; } -.hover\:to-gray-800:hover { +.focus\:to-gray-800:focus { --gradient-to-color: #27272a; } -.hover\:to-gray-900:hover { +.focus\:to-gray-900:focus { --gradient-to-color: #18181b; } -.hover\:to-red-50:hover { +.focus\:to-red-50:focus { --gradient-to-color: #fef2f2; } -.hover\:to-red-100:hover { +.focus\:to-red-100:focus { --gradient-to-color: #fee2e2; } -.hover\:to-red-200:hover { +.focus\:to-red-200:focus { --gradient-to-color: #fecaca; } -.hover\:to-red-300:hover { +.focus\:to-red-300:focus { --gradient-to-color: #fca5a5; } -.hover\:to-red-400:hover { +.focus\:to-red-400:focus { --gradient-to-color: #f87171; } -.hover\:to-red-500:hover { +.focus\:to-red-500:focus { --gradient-to-color: #ef4444; } -.hover\:to-red-600:hover { +.focus\:to-red-600:focus { --gradient-to-color: #dc2626; } -.hover\:to-red-700:hover { +.focus\:to-red-700:focus { --gradient-to-color: #b91c1c; } -.hover\:to-red-800:hover { +.focus\:to-red-800:focus { --gradient-to-color: #991b1b; } -.hover\:to-red-900:hover { +.focus\:to-red-900:focus { --gradient-to-color: #7f1d1d; } -.hover\:to-yellow-50:hover { +.focus\:to-yellow-50:focus { --gradient-to-color: #fffbeb; } -.hover\:to-yellow-100:hover { +.focus\:to-yellow-100:focus { --gradient-to-color: #fef3c7; } -.hover\:to-yellow-200:hover { +.focus\:to-yellow-200:focus { --gradient-to-color: #fde68a; } -.hover\:to-yellow-300:hover { +.focus\:to-yellow-300:focus { --gradient-to-color: #fcd34d; } -.hover\:to-yellow-400:hover { +.focus\:to-yellow-400:focus { --gradient-to-color: #fbbf24; } -.hover\:to-yellow-500:hover { +.focus\:to-yellow-500:focus { --gradient-to-color: #f59e0b; } -.hover\:to-yellow-600:hover { +.focus\:to-yellow-600:focus { --gradient-to-color: #d97706; } -.hover\:to-yellow-700:hover { +.focus\:to-yellow-700:focus { --gradient-to-color: #b45309; } -.hover\:to-yellow-800:hover { +.focus\:to-yellow-800:focus { --gradient-to-color: #92400e; } -.hover\:to-yellow-900:hover { +.focus\:to-yellow-900:focus { --gradient-to-color: #78350f; } -.hover\:to-green-50:hover { +.focus\:to-green-50:focus { --gradient-to-color: #ecfdf5; } -.hover\:to-green-100:hover { +.focus\:to-green-100:focus { --gradient-to-color: #d1fae5; } -.hover\:to-green-200:hover { +.focus\:to-green-200:focus { --gradient-to-color: #a7f3d0; } -.hover\:to-green-300:hover { +.focus\:to-green-300:focus { --gradient-to-color: #6ee7b7; } -.hover\:to-green-400:hover { +.focus\:to-green-400:focus { --gradient-to-color: #34d399; } -.hover\:to-green-500:hover { +.focus\:to-green-500:focus { --gradient-to-color: #10b981; } -.hover\:to-green-600:hover { +.focus\:to-green-600:focus { --gradient-to-color: #059669; } -.hover\:to-green-700:hover { +.focus\:to-green-700:focus { --gradient-to-color: #047857; } -.hover\:to-green-800:hover { +.focus\:to-green-800:focus { --gradient-to-color: #065f46; } -.hover\:to-green-900:hover { +.focus\:to-green-900:focus { --gradient-to-color: #064e3b; } -.hover\:to-blue-50:hover { +.focus\:to-blue-50:focus { --gradient-to-color: #eff6ff; } -.hover\:to-blue-100:hover { +.focus\:to-blue-100:focus { --gradient-to-color: #dbeafe; } -.hover\:to-blue-200:hover { +.focus\:to-blue-200:focus { --gradient-to-color: #bfdbfe; } -.hover\:to-blue-300:hover { +.focus\:to-blue-300:focus { --gradient-to-color: #93c5fd; } -.hover\:to-blue-400:hover { +.focus\:to-blue-400:focus { --gradient-to-color: #60a5fa; } -.hover\:to-blue-500:hover { +.focus\:to-blue-500:focus { --gradient-to-color: #3b82f6; } -.hover\:to-blue-600:hover { +.focus\:to-blue-600:focus { --gradient-to-color: #2563eb; } -.hover\:to-blue-700:hover { +.focus\:to-blue-700:focus { --gradient-to-color: #1d4ed8; } -.hover\:to-blue-800:hover { +.focus\:to-blue-800:focus { --gradient-to-color: #1e40af; } -.hover\:to-blue-900:hover { +.focus\:to-blue-900:focus { --gradient-to-color: #1e3a8a; } -.hover\:to-purple-50:hover { +.focus\:to-purple-50:focus { --gradient-to-color: #f5f3ff; } -.hover\:to-purple-100:hover { +.focus\:to-purple-100:focus { --gradient-to-color: #ede9fe; } -.hover\:to-purple-200:hover { +.focus\:to-purple-200:focus { --gradient-to-color: #ddd6fe; } -.hover\:to-purple-300:hover { +.focus\:to-purple-300:focus { --gradient-to-color: #c4b5fd; } -.hover\:to-purple-400:hover { +.focus\:to-purple-400:focus { --gradient-to-color: #a78bfa; } -.hover\:to-purple-500:hover { +.focus\:to-purple-500:focus { --gradient-to-color: #8b5cf6; } -.hover\:to-purple-600:hover { +.focus\:to-purple-600:focus { --gradient-to-color: #7c3aed; } -.hover\:to-purple-700:hover { +.focus\:to-purple-700:focus { --gradient-to-color: #6d28d9; } -.hover\:to-purple-800:hover { +.focus\:to-purple-800:focus { --gradient-to-color: #5b21b6; } -.hover\:to-purple-900:hover { +.focus\:to-purple-900:focus { --gradient-to-color: #4c1d95; } -.hover\:to-pink-50:hover { +.focus\:to-pink-50:focus { --gradient-to-color: #fdf2f8; } -.hover\:to-pink-100:hover { +.focus\:to-pink-100:focus { --gradient-to-color: #fce7f3; } -.hover\:to-pink-200:hover { +.focus\:to-pink-200:focus { --gradient-to-color: #fbcfe8; } -.hover\:to-pink-300:hover { +.focus\:to-pink-300:focus { --gradient-to-color: #f9a8d4; } -.hover\:to-pink-400:hover { +.focus\:to-pink-400:focus { --gradient-to-color: #f472b6; } -.hover\:to-pink-500:hover { +.focus\:to-pink-500:focus { --gradient-to-color: #ec4899; } -.hover\:to-pink-600:hover { +.focus\:to-pink-600:focus { --gradient-to-color: #db2777; } -.hover\:to-pink-700:hover { +.focus\:to-pink-700:focus { --gradient-to-color: #be185d; } -.hover\:to-pink-800:hover { +.focus\:to-pink-800:focus { --gradient-to-color: #9d174d; } -.hover\:to-pink-900:hover { +.focus\:to-pink-900:focus { --gradient-to-color: #831843; } -.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-bottom { + background-position: bottom; } -.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-center { + background-position: center; } -.focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +.bg-left { + background-position: left; } -.focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +.bg-left-bottom { + background-position: left bottom; } -.focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +.bg-left-top { + background-position: left top; } -.focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +.bg-right { + background-position: right; } -.focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +.bg-right-bottom { + background-position: right bottom; } -.focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +.bg-right-top { + background-position: right top; } -.focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +.bg-top { + background-position: top; } -.focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +.bg-repeat { + background-repeat: repeat; } -.focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +.bg-no-repeat { + background-repeat: no-repeat; } -.focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +.bg-repeat-x { + background-repeat: repeat-x; } -.focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +.bg-repeat-y { + background-repeat: repeat-y; } -.focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +.bg-repeat-round { + background-repeat: round; } -.focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +.bg-repeat-space { + background-repeat: space; } -.focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +.bg-auto { + background-size: auto; } -.focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +.bg-cover { + background-size: cover; } -.focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +.bg-contain { + background-size: contain; } -.focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +.border-collapse { + border-collapse: collapse; } -.focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +.border-separate { + border-collapse: separate; } -.focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +.border-transparent { + border-color: transparent; } -.focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +.border-current { + border-color: currentColor; } -.focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +.border-black { + border-color: #000; } -.focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +.border-white { + border-color: #fff; } -.focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +.border-gray-50 { + border-color: #fafafa; } -.focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +.border-gray-100 { + border-color: #f4f4f5; } -.focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +.border-gray-200 { + border-color: #e4e4e7; } -.focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +.border-gray-300 { + border-color: #d4d4d8; } -.focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +.border-gray-400 { + border-color: #a1a1aa; } -.focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +.border-gray-500 { + border-color: #71717a; } -.focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +.border-gray-600 { + border-color: #52525b; } -.focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +.border-gray-700 { + border-color: #3f3f46; } -.focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +.border-gray-800 { + border-color: #27272a; } -.focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +.border-gray-900 { + border-color: #18181b; } -.focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +.border-red-50 { + border-color: #fef2f2; } -.focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +.border-red-100 { + border-color: #fee2e2; } -.focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +.border-red-200 { + border-color: #fecaca; } -.focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +.border-red-300 { + border-color: #fca5a5; } -.focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +.border-red-400 { + border-color: #f87171; } -.focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +.border-red-500 { + border-color: #ef4444; } -.focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +.border-red-600 { + border-color: #dc2626; } -.focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +.border-red-700 { + border-color: #b91c1c; } -.focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +.border-red-800 { + border-color: #991b1b; } -.focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +.border-red-900 { + border-color: #7f1d1d; } -.focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +.border-yellow-50 { + border-color: #fffbeb; } -.focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +.border-yellow-100 { + border-color: #fef3c7; } -.focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +.border-yellow-200 { + border-color: #fde68a; } -.focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +.border-yellow-300 { + border-color: #fcd34d; } -.focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +.border-yellow-400 { + border-color: #fbbf24; } -.focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +.border-yellow-500 { + border-color: #f59e0b; } -.focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +.border-yellow-600 { + border-color: #d97706; } -.focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +.border-yellow-700 { + border-color: #b45309; } -.focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +.border-yellow-800 { + border-color: #92400e; } -.focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +.border-yellow-900 { + border-color: #78350f; } -.focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +.border-green-50 { + border-color: #ecfdf5; } -.focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +.border-green-100 { + border-color: #d1fae5; } -.focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +.border-green-200 { + border-color: #a7f3d0; } -.focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +.border-green-300 { + border-color: #6ee7b7; } -.focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +.border-green-400 { + border-color: #34d399; } -.focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +.border-green-500 { + border-color: #10b981; } -.focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +.border-green-600 { + border-color: #059669; } -.focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +.border-green-700 { + border-color: #047857; } -.focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +.border-green-800 { + border-color: #065f46; } -.focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +.border-green-900 { + border-color: #064e3b; } -.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-blue-50 { + border-color: #eff6ff; } -.focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +.border-blue-100 { + border-color: #dbeafe; } -.focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +.border-blue-200 { + border-color: #bfdbfe; } -.focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +.border-blue-300 { + border-color: #93c5fd; } -.focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +.border-blue-400 { + border-color: #60a5fa; } -.focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +.border-blue-500 { + border-color: #3b82f6; } -.focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +.border-blue-600 { + border-color: #2563eb; } -.focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +.border-blue-700 { + border-color: #1d4ed8; } -.focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +.border-blue-800 { + border-color: #1e40af; } -.focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +.border-blue-900 { + border-color: #1e3a8a; } -.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-purple-50 { + border-color: #f5f3ff; } -.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-purple-100 { + border-color: #ede9fe; } -.focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +.border-purple-200 { + border-color: #ddd6fe; } -.focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +.border-purple-300 { + border-color: #c4b5fd; } -.focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +.border-purple-400 { + border-color: #a78bfa; } -.focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +.border-purple-500 { + border-color: #8b5cf6; } -.focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +.border-purple-600 { + border-color: #7c3aed; } -.focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +.border-purple-700 { + border-color: #6d28d9; } -.focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +.border-purple-800 { + border-color: #5b21b6; } -.focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +.border-purple-900 { + border-color: #4c1d95; } -.focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +.border-pink-50 { + border-color: #fdf2f8; } -.focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +.border-pink-100 { + border-color: #fce7f3; } -.focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +.border-pink-200 { + border-color: #fbcfe8; } -.focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +.border-pink-300 { + border-color: #f9a8d4; } -.focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +.border-pink-400 { + border-color: #f472b6; } -.focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +.border-pink-500 { + border-color: #ec4899; } -.focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +.border-pink-600 { + border-color: #db2777; } -.focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +.border-pink-700 { + border-color: #be185d; } -.focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +.border-pink-800 { + border-color: #9d174d; } -.focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +.border-pink-900 { + border-color: #831843; } -.focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +.group:hover .group-hover\:border-transparent { + border-color: transparent; } -.focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +.group:hover .group-hover\:border-current { + border-color: currentColor; } -.focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +.group:hover .group-hover\:border-black { + border-color: #000; } -.focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +.group:hover .group-hover\:border-white { + border-color: #fff; } -.focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +.group:hover .group-hover\:border-gray-50 { + border-color: #fafafa; } -.focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +.group:hover .group-hover\:border-gray-100 { + border-color: #f4f4f5; } -.focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +.group:hover .group-hover\:border-gray-200 { + border-color: #e4e4e7; } -.focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +.group:hover .group-hover\:border-gray-300 { + border-color: #d4d4d8; } -.focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +.group:hover .group-hover\:border-gray-400 { + border-color: #a1a1aa; } -.focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +.group:hover .group-hover\:border-gray-500 { + border-color: #71717a; } -.focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +.group:hover .group-hover\:border-gray-600 { + border-color: #52525b; } -.focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +.group:hover .group-hover\:border-gray-700 { + border-color: #3f3f46; } -.focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +.group:hover .group-hover\:border-gray-800 { + border-color: #27272a; } -.focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +.group:hover .group-hover\:border-gray-900 { + border-color: #18181b; } -.focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +.group:hover .group-hover\:border-red-50 { + border-color: #fef2f2; } -.focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +.group:hover .group-hover\:border-red-100 { + border-color: #fee2e2; } -.focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +.group:hover .group-hover\:border-red-200 { + border-color: #fecaca; } -.focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +.group:hover .group-hover\:border-red-300 { + border-color: #fca5a5; } -.focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +.group:hover .group-hover\:border-red-400 { + border-color: #f87171; } -.focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +.group:hover .group-hover\:border-red-500 { + border-color: #ef4444; } -.focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +.group:hover .group-hover\:border-red-600 { + border-color: #dc2626; } -.focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +.group:hover .group-hover\:border-red-700 { + border-color: #b91c1c; } -.focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +.group:hover .group-hover\:border-red-800 { + border-color: #991b1b; } -.focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +.group:hover .group-hover\:border-red-900 { + border-color: #7f1d1d; } -.focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +.group:hover .group-hover\:border-yellow-50 { + border-color: #fffbeb; } -.focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +.group:hover .group-hover\:border-yellow-100 { + border-color: #fef3c7; } -.focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +.group:hover .group-hover\:border-yellow-200 { + border-color: #fde68a; } -.focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +.group:hover .group-hover\:border-yellow-300 { + border-color: #fcd34d; } -.focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +.group:hover .group-hover\:border-yellow-400 { + border-color: #fbbf24; } -.focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +.group:hover .group-hover\:border-yellow-500 { + border-color: #f59e0b; } -.focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +.group:hover .group-hover\:border-yellow-600 { + border-color: #d97706; } -.focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +.group:hover .group-hover\:border-yellow-700 { + border-color: #b45309; } -.focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +.group:hover .group-hover\:border-yellow-800 { + border-color: #92400e; } -.focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +.group:hover .group-hover\:border-yellow-900 { + border-color: #78350f; } -.focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +.group:hover .group-hover\:border-green-50 { + border-color: #ecfdf5; } -.focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +.group:hover .group-hover\:border-green-100 { + border-color: #d1fae5; } -.focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +.group:hover .group-hover\:border-green-200 { + border-color: #a7f3d0; } -.focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +.group:hover .group-hover\:border-green-300 { + border-color: #6ee7b7; } -.focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +.group:hover .group-hover\:border-green-400 { + border-color: #34d399; } -.focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +.group:hover .group-hover\:border-green-500 { + border-color: #10b981; } -.focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +.group:hover .group-hover\:border-green-600 { + border-color: #059669; } -.focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +.group:hover .group-hover\:border-green-700 { + border-color: #047857; } -.focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +.group:hover .group-hover\:border-green-800 { + border-color: #065f46; } -.focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +.group:hover .group-hover\:border-green-900 { + border-color: #064e3b; } -.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)); +.group:hover .group-hover\:border-blue-50 { + border-color: #eff6ff; } -.focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +.group:hover .group-hover\:border-blue-100 { + border-color: #dbeafe; } -.focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +.group:hover .group-hover\:border-blue-200 { + border-color: #bfdbfe; } -.focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +.group:hover .group-hover\:border-blue-300 { + border-color: #93c5fd; } -.focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +.group:hover .group-hover\:border-blue-400 { + border-color: #60a5fa; } -.focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +.group:hover .group-hover\:border-blue-500 { + border-color: #3b82f6; } -.focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +.group:hover .group-hover\:border-blue-600 { + border-color: #2563eb; } -.focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +.group:hover .group-hover\:border-blue-700 { + border-color: #1d4ed8; } -.focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +.group:hover .group-hover\:border-blue-800 { + border-color: #1e40af; } -.focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +.group:hover .group-hover\:border-blue-900 { + border-color: #1e3a8a; } -.focus\:to-transparent:focus { - --gradient-to-color: transparent; +.group:hover .group-hover\:border-purple-50 { + border-color: #f5f3ff; } -.focus\:to-current:focus { - --gradient-to-color: currentColor; +.group:hover .group-hover\:border-purple-100 { + border-color: #ede9fe; } -.focus\:to-black:focus { - --gradient-to-color: #000; +.group:hover .group-hover\:border-purple-200 { + border-color: #ddd6fe; } -.focus\:to-white:focus { - --gradient-to-color: #fff; +.group:hover .group-hover\:border-purple-300 { + border-color: #c4b5fd; } -.focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; +.group:hover .group-hover\:border-purple-400 { + border-color: #a78bfa; } -.focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; +.group:hover .group-hover\:border-purple-500 { + border-color: #8b5cf6; } -.focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; +.group:hover .group-hover\:border-purple-600 { + border-color: #7c3aed; } -.focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; +.group:hover .group-hover\:border-purple-700 { + border-color: #6d28d9; } -.focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; +.group:hover .group-hover\:border-purple-800 { + border-color: #5b21b6; } -.focus\:to-gray-500:focus { - --gradient-to-color: #71717a; +.group:hover .group-hover\:border-purple-900 { + border-color: #4c1d95; } -.focus\:to-gray-600:focus { - --gradient-to-color: #52525b; +.group:hover .group-hover\:border-pink-50 { + border-color: #fdf2f8; } -.focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; +.group:hover .group-hover\:border-pink-100 { + border-color: #fce7f3; } -.focus\:to-gray-800:focus { - --gradient-to-color: #27272a; +.group:hover .group-hover\:border-pink-200 { + border-color: #fbcfe8; } -.focus\:to-gray-900:focus { - --gradient-to-color: #18181b; +.group:hover .group-hover\:border-pink-300 { + border-color: #f9a8d4; } -.focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; +.group:hover .group-hover\:border-pink-400 { + border-color: #f472b6; } -.focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; +.group:hover .group-hover\:border-pink-500 { + border-color: #ec4899; } -.focus\:to-red-200:focus { - --gradient-to-color: #fecaca; +.group:hover .group-hover\:border-pink-600 { + border-color: #db2777; } -.focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; +.group:hover .group-hover\:border-pink-700 { + border-color: #be185d; } -.focus\:to-red-400:focus { - --gradient-to-color: #f87171; +.group:hover .group-hover\:border-pink-800 { + border-color: #9d174d; } -.focus\:to-red-500:focus { - --gradient-to-color: #ef4444; +.group:hover .group-hover\:border-pink-900 { + border-color: #831843; } -.focus\:to-red-600:focus { - --gradient-to-color: #dc2626; +.hover\:border-transparent:hover { + border-color: transparent; } -.focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; +.hover\:border-current:hover { + border-color: currentColor; } -.focus\:to-red-800:focus { - --gradient-to-color: #991b1b; +.hover\:border-black:hover { + border-color: #000; } -.focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; +.hover\:border-white:hover { + border-color: #fff; } -.focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; +.hover\:border-gray-50:hover { + border-color: #fafafa; } -.focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; +.hover\:border-gray-100:hover { + border-color: #f4f4f5; } -.focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; +.hover\:border-gray-200:hover { + border-color: #e4e4e7; } -.focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; +.hover\:border-gray-300:hover { + border-color: #d4d4d8; } -.focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; +.hover\:border-gray-400:hover { + border-color: #a1a1aa; } -.focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; +.hover\:border-gray-500:hover { + border-color: #71717a; } -.focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; +.hover\:border-gray-600:hover { + border-color: #52525b; } -.focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; +.hover\:border-gray-700:hover { + border-color: #3f3f46; } -.focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; +.hover\:border-gray-800:hover { + border-color: #27272a; } -.focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; +.hover\:border-gray-900:hover { + border-color: #18181b; } -.focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; +.hover\:border-red-50:hover { + border-color: #fef2f2; } -.focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; +.hover\:border-red-100:hover { + border-color: #fee2e2; } -.focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; +.hover\:border-red-200:hover { + border-color: #fecaca; } -.focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; +.hover\:border-red-300:hover { + border-color: #fca5a5; } -.focus\:to-green-400:focus { - --gradient-to-color: #34d399; +.hover\:border-red-400:hover { + border-color: #f87171; } -.focus\:to-green-500:focus { - --gradient-to-color: #10b981; +.hover\:border-red-500:hover { + border-color: #ef4444; } -.focus\:to-green-600:focus { - --gradient-to-color: #059669; +.hover\:border-red-600:hover { + border-color: #dc2626; } -.focus\:to-green-700:focus { - --gradient-to-color: #047857; +.hover\:border-red-700:hover { + border-color: #b91c1c; } -.focus\:to-green-800:focus { - --gradient-to-color: #065f46; +.hover\:border-red-800:hover { + border-color: #991b1b; } -.focus\:to-green-900:focus { - --gradient-to-color: #064e3b; +.hover\:border-red-900:hover { + border-color: #7f1d1d; } -.focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; +.hover\:border-yellow-50:hover { + border-color: #fffbeb; } -.focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; +.hover\:border-yellow-100:hover { + border-color: #fef3c7; } -.focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; +.hover\:border-yellow-200:hover { + border-color: #fde68a; } -.focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; +.hover\:border-yellow-300:hover { + border-color: #fcd34d; } -.focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; +.hover\:border-yellow-400:hover { + border-color: #fbbf24; } -.focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; +.hover\:border-yellow-500:hover { + border-color: #f59e0b; } -.focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; +.hover\:border-yellow-600:hover { + border-color: #d97706; } -.focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; +.hover\:border-yellow-700:hover { + border-color: #b45309; } -.focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; +.hover\:border-yellow-800:hover { + border-color: #92400e; } -.focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; +.hover\:border-yellow-900:hover { + border-color: #78350f; } -.focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; +.hover\:border-green-50:hover { + border-color: #ecfdf5; } -.focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; +.hover\:border-green-100:hover { + border-color: #d1fae5; } -.focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; +.hover\:border-green-200:hover { + border-color: #a7f3d0; } -.focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; +.hover\:border-green-300:hover { + border-color: #6ee7b7; } -.focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; +.hover\:border-green-400:hover { + border-color: #34d399; } -.focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; +.hover\:border-green-500:hover { + border-color: #10b981; } -.focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; +.hover\:border-green-600:hover { + border-color: #059669; } -.focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; +.hover\:border-green-700:hover { + border-color: #047857; } -.focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; +.hover\:border-green-800:hover { + border-color: #065f46; } -.focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; +.hover\:border-green-900:hover { + border-color: #064e3b; } -.focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; +.hover\:border-blue-50:hover { + border-color: #eff6ff; } -.focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; +.hover\:border-blue-100:hover { + border-color: #dbeafe; } -.focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; +.hover\:border-blue-200:hover { + border-color: #bfdbfe; } -.focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; +.hover\:border-blue-300:hover { + border-color: #93c5fd; } -.focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; +.hover\:border-blue-400:hover { + border-color: #60a5fa; } -.focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; +.hover\:border-blue-500:hover { + border-color: #3b82f6; } -.focus\:to-pink-600:focus { - --gradient-to-color: #db2777; +.hover\:border-blue-600:hover { + border-color: #2563eb; } -.focus\:to-pink-700:focus { - --gradient-to-color: #be185d; +.hover\:border-blue-700:hover { + border-color: #1d4ed8; } -.focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; +.hover\:border-blue-800:hover { + border-color: #1e40af; } -.focus\:to-pink-900:focus { - --gradient-to-color: #831843; +.hover\:border-blue-900:hover { + border-color: #1e3a8a; } -@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)); - } +.hover\:border-purple-50:hover { + border-color: #f5f3ff; +} - .dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.hover\:border-purple-100:hover { + border-color: #ede9fe; +} - .dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.hover\:border-purple-200:hover { + border-color: #ddd6fe; +} - .dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.hover\:border-purple-300:hover { + border-color: #c4b5fd; +} - .dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.hover\:border-purple-400:hover { + border-color: #a78bfa; +} - .dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.hover\:border-purple-500:hover { + border-color: #8b5cf6; +} - .dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.hover\:border-purple-600:hover { + border-color: #7c3aed; +} - .dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.hover\:border-purple-700:hover { + border-color: #6d28d9; +} - .dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.hover\:border-purple-800:hover { + border-color: #5b21b6; +} - .dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.hover\:border-purple-900:hover { + border-color: #4c1d95; +} - .dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.hover\:border-pink-50:hover { + border-color: #fdf2f8; +} - .dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.hover\:border-pink-100:hover { + border-color: #fce7f3; +} - .dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.hover\:border-pink-200:hover { + border-color: #fbcfe8; +} - .dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.hover\:border-pink-300:hover { + border-color: #f9a8d4; +} - .dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.hover\:border-pink-400:hover { + border-color: #f472b6; +} - .dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.hover\:border-pink-500:hover { + border-color: #ec4899; +} - .dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.hover\:border-pink-600:hover { + border-color: #db2777; +} - .dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.hover\:border-pink-700:hover { + border-color: #be185d; +} - .dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.hover\:border-pink-800:hover { + border-color: #9d174d; +} - .dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.hover\:border-pink-900:hover { + border-color: #831843; +} - .dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.focus\:border-transparent:focus { + border-color: transparent; +} - .dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.focus\:border-current:focus { + border-color: currentColor; +} - .dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.focus\:border-black:focus { + border-color: #000; +} - .dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.focus\:border-white:focus { + border-color: #fff; +} - .dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.focus\:border-gray-50:focus { + border-color: #fafafa; +} - .dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.focus\:border-gray-100:focus { + border-color: #f4f4f5; +} - .dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.focus\:border-gray-200:focus { + border-color: #e4e4e7; +} - .dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.focus\:border-gray-300:focus { + border-color: #d4d4d8; +} - .dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.focus\:border-gray-400:focus { + border-color: #a1a1aa; +} - .dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.focus\:border-gray-500:focus { + border-color: #71717a; +} - .dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.focus\:border-gray-600:focus { + border-color: #52525b; +} - .dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.focus\:border-gray-700:focus { + border-color: #3f3f46; +} - .dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.focus\:border-gray-800:focus { + border-color: #27272a; +} - .dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.focus\:border-gray-900:focus { + border-color: #18181b; +} - .dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.focus\:border-red-50:focus { + border-color: #fef2f2; +} - .dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.focus\:border-red-100:focus { + border-color: #fee2e2; +} - .dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.focus\:border-red-200:focus { + border-color: #fecaca; +} - .dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.focus\:border-red-300:focus { + border-color: #fca5a5; +} - .dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.focus\:border-red-400:focus { + border-color: #f87171; +} - .dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.focus\:border-red-500:focus { + border-color: #ef4444; +} - .dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.focus\:border-red-600:focus { + border-color: #dc2626; +} - .dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.focus\:border-red-700:focus { + border-color: #b91c1c; +} - .dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.focus\:border-red-800:focus { + border-color: #991b1b; +} - .dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.focus\:border-red-900:focus { + border-color: #7f1d1d; +} - .dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.focus\:border-yellow-50:focus { + border-color: #fffbeb; +} - .dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.focus\:border-yellow-100:focus { + border-color: #fef3c7; +} - .dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.focus\:border-yellow-200:focus { + border-color: #fde68a; +} - .dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.focus\:border-yellow-300:focus { + border-color: #fcd34d; +} - .dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.focus\:border-yellow-400:focus { + border-color: #fbbf24; +} - .dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.focus\:border-yellow-500:focus { + border-color: #f59e0b; +} - .dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.focus\:border-yellow-600:focus { + border-color: #d97706; +} - .dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.focus\:border-yellow-700:focus { + border-color: #b45309; +} - .dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.focus\:border-yellow-800:focus { + border-color: #92400e; +} - .dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.focus\:border-yellow-900:focus { + border-color: #78350f; +} - .dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.focus\:border-green-50:focus { + border-color: #ecfdf5; +} - .dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.focus\:border-green-100:focus { + border-color: #d1fae5; +} - .dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.focus\:border-green-200:focus { + border-color: #a7f3d0; +} - .dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.focus\:border-green-300:focus { + border-color: #6ee7b7; +} - .dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.focus\:border-green-400:focus { + border-color: #34d399; +} - .dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.focus\:border-green-500:focus { + border-color: #10b981; +} - .dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.focus\:border-green-600:focus { + border-color: #059669; +} - .dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.focus\:border-green-700:focus { + border-color: #047857; +} - .dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.focus\:border-green-800:focus { + border-color: #065f46; +} - .dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.focus\:border-green-900:focus { + border-color: #064e3b; +} - .dark\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } +.focus\:border-blue-50:focus { + border-color: #eff6ff; +} - .dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.focus\:border-blue-100:focus { + border-color: #dbeafe; +} - .dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.focus\:border-blue-200:focus { + border-color: #bfdbfe; +} - .dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.focus\:border-blue-300:focus { + border-color: #93c5fd; +} - .dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.focus\:border-blue-400:focus { + border-color: #60a5fa; +} - .dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.focus\:border-blue-500:focus { + border-color: #3b82f6; +} - .dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.focus\:border-blue-600:focus { + border-color: #2563eb; +} - .dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.focus\:border-blue-700:focus { + border-color: #1d4ed8; +} - .dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.focus\:border-blue-800:focus { + border-color: #1e40af; +} - .dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.focus\:border-blue-900:focus { + border-color: #1e3a8a; +} - .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)); - } +.focus\:border-purple-50:focus { + border-color: #f5f3ff; +} - .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)); - } +.focus\:border-purple-100:focus { + border-color: #ede9fe; +} - .dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.focus\:border-purple-200:focus { + border-color: #ddd6fe; +} - .dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.focus\:border-purple-300:focus { + border-color: #c4b5fd; +} - .dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.focus\:border-purple-400:focus { + border-color: #a78bfa; +} - .dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.focus\:border-purple-500:focus { + border-color: #8b5cf6; +} - .dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.focus\:border-purple-600:focus { + border-color: #7c3aed; +} - .dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.focus\:border-purple-700:focus { + border-color: #6d28d9; +} - .dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.focus\:border-purple-800:focus { + border-color: #5b21b6; +} - .dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.focus\:border-purple-900:focus { + border-color: #4c1d95; +} - .dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.focus\:border-pink-50:focus { + border-color: #fdf2f8; +} - .dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.focus\:border-pink-100:focus { + border-color: #fce7f3; +} - .dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.focus\:border-pink-200:focus { + border-color: #fbcfe8; +} - .dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.focus\:border-pink-300:focus { + border-color: #f9a8d4; +} - .dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.focus\:border-pink-400:focus { + border-color: #f472b6; +} - .dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.focus\:border-pink-500:focus { + border-color: #ec4899; +} - .dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.focus\:border-pink-600:focus { + border-color: #db2777; +} - .dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.focus\:border-pink-700:focus { + border-color: #be185d; +} - .dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.focus\:border-pink-800:focus { + border-color: #9d174d; +} - .dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.focus\:border-pink-900:focus { + border-color: #831843; +} - .dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.rounded-none { + border-radius: 0; +} - .dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.rounded-sm { + border-radius: 0.125rem; +} - .dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.rounded { + border-radius: 0.25rem; +} - .dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.rounded-md { + border-radius: 0.375rem; +} - .dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.rounded-lg { + border-radius: 0.5rem; +} - .dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.rounded-xl { + border-radius: 0.75rem; +} - .dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.rounded-2xl { + border-radius: 1rem; +} - .dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.rounded-3xl { + border-radius: 1.5rem; +} - .dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.rounded-full { + border-radius: 9999px; +} - .dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; +} - .dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} - .dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} - .dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} - .dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; +} - .dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; +} - .dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} - .dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} - .dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} - .dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} - .dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} - .dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} - .dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} - .dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} - .dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} - .dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} - .dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} - .dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; +} - .dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} - .dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} - .dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} - .dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} - .dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} - .dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} - .dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} - .dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} - .dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} - .dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} - .dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} - .dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} - .dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; +} - .dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} - .dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; +} - .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)); - } +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} - .dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.rounded-tl-none { + border-top-left-radius: 0; +} - .dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.rounded-tr-none { + border-top-right-radius: 0; +} - .dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.rounded-br-none { + border-bottom-right-radius: 0; +} - .dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.rounded-bl-none { + border-bottom-left-radius: 0; +} - .dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.rounded-tl-sm { + border-top-left-radius: 0.125rem; +} - .dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.rounded-tr-sm { + border-top-right-radius: 0.125rem; +} - .dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.rounded-br-sm { + border-bottom-right-radius: 0.125rem; +} - .dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.rounded-bl-sm { + border-bottom-left-radius: 0.125rem; +} - .dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.rounded-tl { + border-top-left-radius: 0.25rem; +} - .dark\:to-transparent { - --gradient-to-color: transparent; - } +.rounded-tr { + border-top-right-radius: 0.25rem; +} - .dark\:to-current { - --gradient-to-color: currentColor; - } +.rounded-br { + border-bottom-right-radius: 0.25rem; +} - .dark\:to-black { - --gradient-to-color: #000; - } +.rounded-bl { + border-bottom-left-radius: 0.25rem; +} - .dark\:to-white { - --gradient-to-color: #fff; - } +.rounded-tl-md { + border-top-left-radius: 0.375rem; +} - .dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } +.rounded-tr-md { + border-top-right-radius: 0.375rem; +} - .dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } +.rounded-br-md { + border-bottom-right-radius: 0.375rem; +} - .dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } +.rounded-bl-md { + border-bottom-left-radius: 0.375rem; +} - .dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } +.rounded-tl-lg { + border-top-left-radius: 0.5rem; +} - .dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } +.rounded-tr-lg { + border-top-right-radius: 0.5rem; +} - .dark\:to-gray-500 { - --gradient-to-color: #71717a; - } +.rounded-br-lg { + border-bottom-right-radius: 0.5rem; +} - .dark\:to-gray-600 { - --gradient-to-color: #52525b; - } +.rounded-bl-lg { + border-bottom-left-radius: 0.5rem; +} - .dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} - .dark\:to-gray-800 { - --gradient-to-color: #27272a; - } +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} - .dark\:to-gray-900 { - --gradient-to-color: #18181b; - } +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} - .dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} - .dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} - .dark\:to-red-200 { - --gradient-to-color: #fecaca; - } +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} - .dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} - .dark\:to-red-400 { - --gradient-to-color: #f87171; - } +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} - .dark\:to-red-500 { - --gradient-to-color: #ef4444; - } +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} - .dark\:to-red-600 { - --gradient-to-color: #dc2626; - } +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} - .dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} - .dark\:to-red-800 { - --gradient-to-color: #991b1b; - } +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} - .dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } +.rounded-tl-full { + border-top-left-radius: 9999px; +} - .dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } +.rounded-tr-full { + border-top-right-radius: 9999px; +} - .dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } +.rounded-br-full { + border-bottom-right-radius: 9999px; +} - .dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } +.rounded-bl-full { + border-bottom-left-radius: 9999px; +} - .dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } +.border-solid { + border-style: solid; +} - .dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } +.border-dashed { + border-style: dashed; +} - .dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } +.border-dotted { + border-style: dotted; +} - .dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } +.border-double { + border-style: double; +} - .dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } +.border-none { + border-style: none; +} - .dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } +.border-0 { + border-width: 0; +} - .dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } +.border-2 { + border-width: 2px; +} - .dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } +.border-4 { + border-width: 4px; +} - .dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } +.border-8 { + border-width: 8px; +} - .dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } +.border { + border-width: 1px; +} - .dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } +.border-t-0 { + border-top-width: 0; +} - .dark\:to-green-400 { - --gradient-to-color: #34d399; - } +.border-r-0 { + border-right-width: 0; +} - .dark\:to-green-500 { - --gradient-to-color: #10b981; - } +.border-b-0 { + border-bottom-width: 0; +} - .dark\:to-green-600 { - --gradient-to-color: #059669; - } +.border-l-0 { + border-left-width: 0; +} - .dark\:to-green-700 { - --gradient-to-color: #047857; - } +.border-t-2 { + border-top-width: 2px; +} - .dark\:to-green-800 { - --gradient-to-color: #065f46; - } +.border-r-2 { + border-right-width: 2px; +} - .dark\:to-green-900 { - --gradient-to-color: #064e3b; - } +.border-b-2 { + border-bottom-width: 2px; +} - .dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } +.border-l-2 { + border-left-width: 2px; +} - .dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } +.border-t-4 { + border-top-width: 4px; +} - .dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } +.border-r-4 { + border-right-width: 4px; +} - .dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } +.border-b-4 { + border-bottom-width: 4px; +} - .dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } +.border-l-4 { + border-left-width: 4px; +} - .dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } +.border-t-8 { + border-top-width: 8px; +} - .dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } +.border-r-8 { + border-right-width: 8px; +} - .dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } +.border-b-8 { + border-bottom-width: 8px; +} - .dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } +.border-l-8 { + border-left-width: 8px; +} - .dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } +.border-t { + border-top-width: 1px; +} - .dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } +.border-r { + border-right-width: 1px; +} - .dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } +.border-b { + border-bottom-width: 1px; +} - .dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } +.border-l { + border-left-width: 1px; +} - .dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } +.box-border { + box-sizing: border-box; +} - .dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } +.box-content { + box-sizing: content-box; +} - .dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } +.cursor-auto { + cursor: auto; +} - .dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } +.cursor-default { + cursor: default; +} - .dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } +.cursor-pointer { + cursor: pointer; +} - .dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } +.cursor-wait { + cursor: wait; +} - .dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } +.cursor-text { + cursor: text; +} - .dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } +.cursor-move { + cursor: move; +} - .dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } +.cursor-not-allowed { + cursor: not-allowed; +} - .dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } +.block { + display: block; +} - .dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } +.inline-block { + display: inline-block; +} - .dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } +.inline { + display: inline; +} - .dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } +.flex { + display: flex; +} - .dark\:to-pink-600 { - --gradient-to-color: #db2777; - } +.inline-flex { + display: inline-flex; +} - .dark\:to-pink-700 { - --gradient-to-color: #be185d; - } +.table { + display: table; +} - .dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } +.table-caption { + display: table-caption; +} - .dark\:to-pink-900 { - --gradient-to-color: #831843; - } +.table-cell { + display: table-cell; +} - .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)); - } +.table-column { + display: table-column; +} - .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)); - } +.table-column-group { + display: table-column-group; +} - .dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.table-footer-group { + display: table-footer-group; +} - .dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.table-header-group { + display: table-header-group; +} - .dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.table-row-group { + display: table-row-group; +} - .dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.table-row { + display: table-row; +} - .dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.flow-root { + display: flow-root; +} - .dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.grid { + display: grid; +} - .dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.inline-grid { + display: inline-grid; +} - .dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.contents { + display: contents; +} - .dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.hidden { + display: none; +} - .dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.flex-row { + flex-direction: row; +} - .dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.flex-row-reverse { + flex-direction: row-reverse; +} - .dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.flex-col { + flex-direction: column; +} - .dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.flex-col-reverse { + flex-direction: column-reverse; +} - .dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.flex-wrap { + flex-wrap: wrap; +} - .dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.flex-wrap-reverse { + flex-wrap: wrap-reverse; +} - .dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.flex-no-wrap { + flex-wrap: nowrap; +} - .dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.place-items-auto { + place-items: auto; +} - .dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.place-items-start { + place-items: start; +} - .dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.place-items-end { + place-items: end; +} - .dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.place-items-center { + place-items: center; +} - .dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.place-items-stretch { + place-items: stretch; +} - .dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.place-content-center { + place-content: center; +} - .dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.place-content-start { + place-content: start; +} - .dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.place-content-end { + place-content: end; +} - .dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.place-content-between { + place-content: space-between; +} - .dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.place-content-around { + place-content: space-around; +} - .dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.place-content-evenly { + place-content: space-evenly; +} - .dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.place-content-stretch { + place-content: stretch; +} - .dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.place-self-auto { + place-self: auto; +} - .dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.place-self-start { + place-self: start; +} - .dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.place-self-end { + place-self: end; +} - .dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.place-self-center { + place-self: center; +} - .dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.place-self-stretch { + place-self: stretch; +} - .dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.items-start { + align-items: flex-start; +} - .dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.items-end { + align-items: flex-end; +} - .dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.items-center { + align-items: center; +} - .dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.items-baseline { + align-items: baseline; +} - .dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.items-stretch { + align-items: stretch; +} - .dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.content-center { + align-content: center; +} - .dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.content-start { + align-content: flex-start; +} - .dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.content-end { + align-content: flex-end; +} - .dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.content-between { + align-content: space-between; +} - .dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.content-around { + align-content: space-around; +} - .dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.content-evenly { + align-content: space-evenly; +} - .dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.self-auto { + align-self: auto; +} - .dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.self-start { + align-self: flex-start; +} - .dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.self-end { + align-self: flex-end; +} - .dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.self-center { + align-self: center; +} - .dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.self-stretch { + align-self: stretch; +} - .dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.justify-items-auto { + justify-items: auto; +} - .dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.justify-items-start { + justify-items: start; +} - .dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.justify-items-end { + justify-items: end; +} - .dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.justify-items-center { + justify-items: center; +} - .dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.justify-items-stretch { + justify-items: stretch; +} - .dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.justify-start { + justify-content: flex-start; +} - .dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.justify-end { + justify-content: flex-end; +} - .dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.justify-center { + justify-content: center; +} - .dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.justify-between { + justify-content: space-between; +} - .dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.justify-around { + justify-content: space-around; +} - .dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.justify-evenly { + justify-content: space-evenly; +} - .dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.justify-self-auto { + justify-self: auto; +} - .dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.justify-self-start { + justify-self: start; +} - .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)); - } +.justify-self-end { + justify-self: end; +} - .dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.justify-self-center { + justify-self: center; +} - .dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.justify-self-stretch { + justify-self: stretch; +} - .dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.flex-1 { + flex: 1 1 0%; +} - .dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.flex-auto { + flex: 1 1 auto; +} - .dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.flex-initial { + flex: 0 1 auto; +} - .dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.flex-none { + flex: none; +} - .dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.flex-grow-0 { + flex-grow: 0; +} - .dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.flex-grow { + flex-grow: 1; +} - .dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.flex-shrink-0 { + flex-shrink: 0; +} - .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)); - } +.flex-shrink { + flex-shrink: 1; +} - .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)); - } +.order-1 { + order: 1; +} - .dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.order-2 { + order: 2; +} - .dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.order-3 { + order: 3; +} - .dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.order-4 { + order: 4; +} - .dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.order-5 { + order: 5; +} - .dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.order-6 { + order: 6; +} - .dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.order-7 { + order: 7; +} - .dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.order-8 { + order: 8; +} - .dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.order-9 { + order: 9; +} - .dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.order-10 { + order: 10; +} - .dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.order-11 { + order: 11; +} - .dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.order-12 { + order: 12; +} - .dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.order-first { + order: -9999; +} - .dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.order-last { + order: 9999; +} - .dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.order-none { + order: 0; +} - .dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.float-right { + float: right; +} - .dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.float-left { + float: left; +} - .dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.float-none { + float: none; +} - .dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.clearfix:after { + content: ""; + display: table; + clear: both; +} - .dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.clear-left { + clear: left; +} - .dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.clear-right { + clear: right; +} - .dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.clear-both { + clear: both; +} - .dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.clear-none { + clear: none; +} - .dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.font-sans { + font-family: ui-sans-serif, 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\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +} - .dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} - .dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.font-thin { + font-weight: 100; +} - .dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.font-extralight { + font-weight: 200; +} - .dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.font-light { + font-weight: 300; +} - .dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.font-normal { + font-weight: 400; +} - .dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.font-medium { + font-weight: 500; +} - .dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.font-semibold { + font-weight: 600; +} - .dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.font-bold { + font-weight: 700; +} - .dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.font-extrabold { + font-weight: 800; +} - .dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.font-black { + font-weight: 900; +} - .dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.hover\:font-thin:hover { + font-weight: 100; +} - .dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.hover\:font-extralight:hover { + font-weight: 200; +} - .dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.hover\:font-light:hover { + font-weight: 300; +} - .dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.hover\:font-normal:hover { + font-weight: 400; +} - .dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.hover\:font-medium:hover { + font-weight: 500; +} - .dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.hover\:font-semibold:hover { + font-weight: 600; +} - .dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.hover\:font-bold:hover { + font-weight: 700; +} - .dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.hover\:font-extrabold:hover { + font-weight: 800; +} - .dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.hover\:font-black:hover { + font-weight: 900; +} - .dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.focus\:font-thin:focus { + font-weight: 100; +} - .dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.focus\:font-extralight:focus { + font-weight: 200; +} - .dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.focus\:font-light:focus { + font-weight: 300; +} - .dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.focus\:font-normal:focus { + font-weight: 400; +} - .dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.focus\:font-medium:focus { + font-weight: 500; +} - .dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.focus\:font-semibold:focus { + font-weight: 600; +} - .dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.focus\:font-bold:focus { + font-weight: 700; +} - .dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.focus\:font-extrabold:focus { + font-weight: 800; +} - .dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.focus\:font-black:focus { + font-weight: 900; +} - .dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.h-0 { + height: 0; +} - .dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.h-1 { + height: 0.25rem; +} - .dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.h-2 { + height: 0.5rem; +} - .dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.h-3 { + height: 0.75rem; +} - .dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.h-4 { + height: 1rem; +} - .dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.h-5 { + height: 1.25rem; +} - .dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.h-6 { + height: 1.5rem; +} - .dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.h-7 { + height: 1.75rem; +} - .dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.h-8 { + height: 2rem; +} - .dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.h-9 { + height: 2.25rem; +} - .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)); - } +.h-10 { + height: 2.5rem; +} - .dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.h-12 { + height: 3rem; +} - .dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.h-14 { + height: 3.5rem; +} - .dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.h-16 { + height: 4rem; +} - .dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.h-20 { + height: 5rem; +} - .dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.h-24 { + height: 6rem; +} - .dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.h-28 { + height: 7rem; +} - .dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.h-32 { + height: 8rem; +} - .dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.h-36 { + height: 9rem; +} - .dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.h-40 { + height: 10rem; +} - .dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } +.h-44 { + height: 11rem; +} - .dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } +.h-48 { + height: 12rem; +} - .dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } +.h-52 { + height: 13rem; +} - .dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } +.h-56 { + height: 14rem; +} - .dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } +.h-60 { + height: 15rem; +} - .dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } +.h-64 { + height: 16rem; +} - .dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } +.h-72 { + height: 18rem; +} - .dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } +.h-80 { + height: 20rem; +} - .dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } +.h-96 { + height: 24rem; +} - .dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } +.h-auto { + height: auto; +} - .dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } +.h-px { + height: 1px; +} - .dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } +.h-0\.5 { + height: 0.125rem; +} - .dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } +.h-1\.5 { + height: 0.375rem; +} - .dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } +.h-2\.5 { + height: 0.625rem; +} - .dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } +.h-3\.5 { + height: 0.875rem; +} - .dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } +.h-full { + height: 100%; +} - .dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } +.h-screen { + height: 100vh; +} - .dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} - .dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} - .dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} - .dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} - .dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} - .dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} - .dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} - .dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} - .dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } +.text-5xl { + font-size: 3rem; + line-height: 1; +} - .dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} - .dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } +.text-7xl { + font-size: 4.5rem; + line-height: 1; +} - .dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } +.text-8xl { + font-size: 6rem; + line-height: 1; +} - .dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } +.text-9xl { + font-size: 8rem; + line-height: 1; +} - .dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } +.leading-3 { + line-height: .75rem; +} - .dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } +.leading-4 { + line-height: 1rem; +} - .dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } +.leading-5 { + line-height: 1.25rem; +} - .dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } +.leading-6 { + line-height: 1.5rem; +} - .dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } +.leading-7 { + line-height: 1.75rem; +} - .dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } +.leading-8 { + line-height: 2rem; +} - .dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } +.leading-9 { + line-height: 2.25rem; +} - .dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } +.leading-10 { + line-height: 2.5rem; +} - .dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } +.leading-none { + line-height: 1; +} - .dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } +.leading-tight { + line-height: 1.25; +} - .dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } +.leading-snug { + line-height: 1.375; +} - .dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } +.leading-normal { + line-height: 1.5; +} - .dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } +.leading-relaxed { + line-height: 1.625; +} - .dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } +.leading-loose { + line-height: 2; +} - .dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } +.list-inside { + list-style-position: inside; +} - .dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } +.list-outside { + list-style-position: outside; +} - .dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } +.list-none { + list-style-type: none; +} - .dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } +.list-disc { + list-style-type: disc; +} - .dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } +.list-decimal { + list-style-type: decimal; +} - .dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } +.m-0 { + margin: 0; +} - .dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } +.m-1 { + margin: 0.25rem; +} - .dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } +.m-2 { + margin: 0.5rem; +} - .dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } +.m-3 { + margin: 0.75rem; +} - .dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } +.m-4 { + margin: 1rem; +} - .dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } +.m-5 { + margin: 1.25rem; +} - .dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } +.m-6 { + margin: 1.5rem; +} - .dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } +.m-7 { + margin: 1.75rem; +} - .dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } +.m-8 { + margin: 2rem; +} - .dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } +.m-9 { + margin: 2.25rem; +} - .dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } +.m-10 { + margin: 2.5rem; +} - .dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } +.m-12 { + margin: 3rem; +} - .dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } +.m-14 { + margin: 3.5rem; +} - .dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } +.m-16 { + margin: 4rem; +} - .dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } +.m-20 { + margin: 5rem; +} - .dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } +.m-24 { + margin: 6rem; +} - .dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } +.m-28 { + margin: 7rem; +} - .dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } +.m-32 { + margin: 8rem; +} - .dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } +.m-36 { + margin: 9rem; +} - .dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } +.m-40 { + margin: 10rem; +} - .dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } +.m-44 { + margin: 11rem; +} - .dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } +.m-48 { + margin: 12rem; +} - .dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } +.m-52 { + margin: 13rem; +} - .dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } +.m-56 { + margin: 14rem; +} - .dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } +.m-60 { + margin: 15rem; +} - .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)); - } +.m-64 { + margin: 16rem; +} - .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)); - } +.m-72 { + margin: 18rem; +} - .dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.m-80 { + margin: 20rem; +} - .dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.m-96 { + margin: 24rem; +} - .dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.m-auto { + margin: auto; +} - .dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.m-px { + margin: 1px; +} - .dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.m-0\.5 { + margin: 0.125rem; +} - .dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.m-1\.5 { + margin: 0.375rem; +} - .dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.m-2\.5 { + margin: 0.625rem; +} - .dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.m-3\.5 { + margin: 0.875rem; +} - .dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.-m-1 { + margin: -0.25rem; +} - .dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.-m-2 { + margin: -0.5rem; +} - .dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.-m-3 { + margin: -0.75rem; +} - .dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.-m-4 { + margin: -1rem; +} - .dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.-m-5 { + margin: -1.25rem; +} - .dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.-m-6 { + margin: -1.5rem; +} - .dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.-m-7 { + margin: -1.75rem; +} - .dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.-m-8 { + margin: -2rem; +} - .dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.-m-9 { + margin: -2.25rem; +} - .dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.-m-10 { + margin: -2.5rem; +} - .dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.-m-12 { + margin: -3rem; +} - .dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.-m-14 { + margin: -3.5rem; +} - .dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.-m-16 { + margin: -4rem; +} - .dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.-m-20 { + margin: -5rem; +} - .dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.-m-24 { + margin: -6rem; +} - .dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.-m-28 { + margin: -7rem; +} - .dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.-m-32 { + margin: -8rem; +} - .dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.-m-36 { + margin: -9rem; +} - .dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.-m-40 { + margin: -10rem; +} - .dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.-m-44 { + margin: -11rem; +} - .dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.-m-48 { + margin: -12rem; +} - .dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.-m-52 { + margin: -13rem; +} - .dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.-m-56 { + margin: -14rem; +} - .dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.-m-60 { + margin: -15rem; +} - .dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.-m-64 { + margin: -16rem; +} - .dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.-m-72 { + margin: -18rem; +} - .dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.-m-80 { + margin: -20rem; +} - .dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.-m-96 { + margin: -24rem; +} - .dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.-m-px { + margin: -1px; +} - .dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.-m-0\.5 { + margin: -0.125rem; +} - .dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.-m-1\.5 { + margin: -0.375rem; +} - .dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.-m-2\.5 { + margin: -0.625rem; +} - .dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.-m-3\.5 { + margin: -0.875rem; +} - .dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.my-0 { + margin-top: 0; + margin-bottom: 0; +} - .dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.mx-0 { + margin-left: 0; + margin-right: 0; +} - .dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} - .dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} - .dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} - .dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; +} - .dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} - .dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} - .dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} - .dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} - .dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} - .dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} - .dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} - .dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} - .dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; +} - .dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; +} - .dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} - .dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} - .dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; +} - .dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; +} - .dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} - .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-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; +} - .dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} - .dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.mx-12 { + margin-left: 3rem; + margin-right: 3rem; +} - .dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; +} - .dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; +} - .dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} - .dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; +} - .dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} - .dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} - .dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.my-24 { + margin-top: 6rem; + margin-bottom: 6rem; +} - .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-24 { + margin-left: 6rem; + margin-right: 6rem; +} - .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-28 { + margin-top: 7rem; + margin-bottom: 7rem; +} - .dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.mx-28 { + margin-left: 7rem; + margin-right: 7rem; +} - .dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.my-32 { + margin-top: 8rem; + margin-bottom: 8rem; +} - .dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.mx-32 { + margin-left: 8rem; + margin-right: 8rem; +} - .dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.my-36 { + margin-top: 9rem; + margin-bottom: 9rem; +} - .dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.mx-36 { + margin-left: 9rem; + margin-right: 9rem; +} - .dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.my-40 { + margin-top: 10rem; + margin-bottom: 10rem; +} - .dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.mx-40 { + margin-left: 10rem; + margin-right: 10rem; +} - .dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.my-44 { + margin-top: 11rem; + margin-bottom: 11rem; +} - .dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.mx-44 { + margin-left: 11rem; + margin-right: 11rem; +} - .dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.my-48 { + margin-top: 12rem; + margin-bottom: 12rem; +} - .dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.mx-48 { + margin-left: 12rem; + margin-right: 12rem; +} - .dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.my-52 { + margin-top: 13rem; + margin-bottom: 13rem; +} - .dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.mx-52 { + margin-left: 13rem; + margin-right: 13rem; +} - .dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.my-56 { + margin-top: 14rem; + margin-bottom: 14rem; +} - .dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.mx-56 { + margin-left: 14rem; + margin-right: 14rem; +} - .dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.my-60 { + margin-top: 15rem; + margin-bottom: 15rem; +} - .dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.mx-60 { + margin-left: 15rem; + margin-right: 15rem; +} - .dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.my-64 { + margin-top: 16rem; + margin-bottom: 16rem; +} - .dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.mx-64 { + margin-left: 16rem; + margin-right: 16rem; +} - .dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.my-72 { + margin-top: 18rem; + margin-bottom: 18rem; +} - .dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.mx-72 { + margin-left: 18rem; + margin-right: 18rem; +} - .dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.my-80 { + margin-top: 20rem; + margin-bottom: 20rem; +} - .dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.mx-80 { + margin-left: 20rem; + margin-right: 20rem; +} - .dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.my-96 { + margin-top: 24rem; + margin-bottom: 24rem; +} - .dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.mx-96 { + margin-left: 24rem; + margin-right: 24rem; +} - .dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.my-auto { + margin-top: auto; + margin-bottom: auto; +} - .dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.mx-auto { + margin-left: auto; + margin-right: auto; +} - .dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.my-px { + margin-top: 1px; + margin-bottom: 1px; +} - .dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.mx-px { + margin-left: 1px; + margin-right: 1px; +} - .dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; +} - .dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; +} - .dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} - .dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; +} - .dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} - .dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; +} - .dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; +} - .dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; +} - .dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; +} - .dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; +} - .dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} - .dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; +} - .dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; +} - .dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; +} - .dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; +} - .dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; +} - .dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; +} - .dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; +} - .dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; +} - .dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; +} - .dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; +} - .dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; +} - .dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; +} - .dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.-mx-8 { + margin-left: -2rem; + margin-right: -2rem; +} - .dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; +} - .dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; +} - .dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; +} - .dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; +} - .dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; +} - .dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.-mx-12 { + margin-left: -3rem; + margin-right: -3rem; +} - .dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; +} - .dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; +} - .dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; +} - .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)); - } +.-mx-16 { + margin-left: -4rem; + margin-right: -4rem; +} - .dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; +} - .dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } - - .dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } - - .dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } - - .dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } +.-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } -.bg-bottom { - background-position: bottom; +.-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } -.bg-center { - background-position: center; +.-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } -.bg-left { - background-position: left; +.-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } -.bg-left-bottom { - background-position: left bottom; +.-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } -.bg-left-top { - background-position: left top; +.-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } -.bg-right { - background-position: right; +.-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } -.bg-right-bottom { - background-position: right bottom; +.-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } -.bg-right-top { - background-position: right top; +.-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } -.bg-top { - background-position: top; +.-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } -.bg-repeat { - background-repeat: repeat; +.-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } -.bg-no-repeat { - background-repeat: no-repeat; +.-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } -.bg-repeat-x { - background-repeat: repeat-x; +.-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } -.bg-repeat-y { - background-repeat: repeat-y; +.-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } -.bg-repeat-round { - background-repeat: round; +.-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } -.bg-repeat-space { - background-repeat: space; +.-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } -.bg-auto { - background-size: auto; +.-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } -.bg-cover { - background-size: cover; +.-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } -.bg-contain { - background-size: contain; +.-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } -.border-collapse { - border-collapse: collapse; +.-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } -.border-separate { - border-collapse: separate; +.-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } -.border-transparent { - border-color: transparent; +.-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } -.border-current { - border-color: currentColor; +.-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } -.border-black { - border-color: #000; +.-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } -.border-white { - border-color: #fff; +.-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } -.border-gray-50 { - border-color: #fafafa; +.-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } -.border-gray-100 { - border-color: #f4f4f5; +.-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } -.border-gray-200 { - border-color: #e4e4e7; +.-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } -.border-gray-300 { - border-color: #d4d4d8; +.-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } -.border-gray-400 { - border-color: #a1a1aa; +.-my-px { + margin-top: -1px; + margin-bottom: -1px; } -.border-gray-500 { - border-color: #71717a; +.-mx-px { + margin-left: -1px; + margin-right: -1px; } -.border-gray-600 { - border-color: #52525b; +.-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } -.border-gray-700 { - border-color: #3f3f46; +.-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } -.border-gray-800 { - border-color: #27272a; +.-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } -.border-gray-900 { - border-color: #18181b; +.-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } -.border-red-50 { - border-color: #fef2f2; +.-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } -.border-red-100 { - border-color: #fee2e2; +.-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } -.border-red-200 { - border-color: #fecaca; +.-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } -.border-red-300 { - border-color: #fca5a5; +.-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } -.border-red-400 { - border-color: #f87171; +.mt-0 { + margin-top: 0; } -.border-red-500 { - border-color: #ef4444; +.mr-0 { + margin-right: 0; } -.border-red-600 { - border-color: #dc2626; +.mb-0 { + margin-bottom: 0; } -.border-red-700 { - border-color: #b91c1c; +.ml-0 { + margin-left: 0; } -.border-red-800 { - border-color: #991b1b; +.mt-1 { + margin-top: 0.25rem; } -.border-red-900 { - border-color: #7f1d1d; +.mr-1 { + margin-right: 0.25rem; } -.border-yellow-50 { - border-color: #fffbeb; +.mb-1 { + margin-bottom: 0.25rem; } -.border-yellow-100 { - border-color: #fef3c7; +.ml-1 { + margin-left: 0.25rem; } -.border-yellow-200 { - border-color: #fde68a; +.mt-2 { + margin-top: 0.5rem; } -.border-yellow-300 { - border-color: #fcd34d; +.mr-2 { + margin-right: 0.5rem; } -.border-yellow-400 { - border-color: #fbbf24; +.mb-2 { + margin-bottom: 0.5rem; } -.border-yellow-500 { - border-color: #f59e0b; +.ml-2 { + margin-left: 0.5rem; } -.border-yellow-600 { - border-color: #d97706; +.mt-3 { + margin-top: 0.75rem; } -.border-yellow-700 { - border-color: #b45309; +.mr-3 { + margin-right: 0.75rem; } -.border-yellow-800 { - border-color: #92400e; +.mb-3 { + margin-bottom: 0.75rem; } -.border-yellow-900 { - border-color: #78350f; +.ml-3 { + margin-left: 0.75rem; } -.border-green-50 { - border-color: #ecfdf5; +.mt-4 { + margin-top: 1rem; } -.border-green-100 { - border-color: #d1fae5; +.mr-4 { + margin-right: 1rem; } -.border-green-200 { - border-color: #a7f3d0; +.mb-4 { + margin-bottom: 1rem; } -.border-green-300 { - border-color: #6ee7b7; +.ml-4 { + margin-left: 1rem; } -.border-green-400 { - border-color: #34d399; +.mt-5 { + margin-top: 1.25rem; } -.border-green-500 { - border-color: #10b981; +.mr-5 { + margin-right: 1.25rem; } -.border-green-600 { - border-color: #059669; +.mb-5 { + margin-bottom: 1.25rem; } -.border-green-700 { - border-color: #047857; +.ml-5 { + margin-left: 1.25rem; } -.border-green-800 { - border-color: #065f46; +.mt-6 { + margin-top: 1.5rem; } -.border-green-900 { - border-color: #064e3b; +.mr-6 { + margin-right: 1.5rem; } -.border-blue-50 { - border-color: #eff6ff; +.mb-6 { + margin-bottom: 1.5rem; } -.border-blue-100 { - border-color: #dbeafe; +.ml-6 { + margin-left: 1.5rem; } -.border-blue-200 { - border-color: #bfdbfe; +.mt-7 { + margin-top: 1.75rem; } -.border-blue-300 { - border-color: #93c5fd; +.mr-7 { + margin-right: 1.75rem; } -.border-blue-400 { - border-color: #60a5fa; +.mb-7 { + margin-bottom: 1.75rem; } -.border-blue-500 { - border-color: #3b82f6; +.ml-7 { + margin-left: 1.75rem; } -.border-blue-600 { - border-color: #2563eb; +.mt-8 { + margin-top: 2rem; } -.border-blue-700 { - border-color: #1d4ed8; +.mr-8 { + margin-right: 2rem; } -.border-blue-800 { - border-color: #1e40af; +.mb-8 { + margin-bottom: 2rem; } -.border-blue-900 { - border-color: #1e3a8a; +.ml-8 { + margin-left: 2rem; } -.border-purple-50 { - border-color: #f5f3ff; +.mt-9 { + margin-top: 2.25rem; } -.border-purple-100 { - border-color: #ede9fe; +.mr-9 { + margin-right: 2.25rem; } -.border-purple-200 { - border-color: #ddd6fe; +.mb-9 { + margin-bottom: 2.25rem; } -.border-purple-300 { - border-color: #c4b5fd; +.ml-9 { + margin-left: 2.25rem; } -.border-purple-400 { - border-color: #a78bfa; +.mt-10 { + margin-top: 2.5rem; } -.border-purple-500 { - border-color: #8b5cf6; +.mr-10 { + margin-right: 2.5rem; } -.border-purple-600 { - border-color: #7c3aed; +.mb-10 { + margin-bottom: 2.5rem; } -.border-purple-700 { - border-color: #6d28d9; +.ml-10 { + margin-left: 2.5rem; } -.border-purple-800 { - border-color: #5b21b6; +.mt-12 { + margin-top: 3rem; } -.border-purple-900 { - border-color: #4c1d95; +.mr-12 { + margin-right: 3rem; } -.border-pink-50 { - border-color: #fdf2f8; +.mb-12 { + margin-bottom: 3rem; } -.border-pink-100 { - border-color: #fce7f3; +.ml-12 { + margin-left: 3rem; } -.border-pink-200 { - border-color: #fbcfe8; +.mt-14 { + margin-top: 3.5rem; } -.border-pink-300 { - border-color: #f9a8d4; +.mr-14 { + margin-right: 3.5rem; } -.border-pink-400 { - border-color: #f472b6; +.mb-14 { + margin-bottom: 3.5rem; } -.border-pink-500 { - border-color: #ec4899; +.ml-14 { + margin-left: 3.5rem; } -.border-pink-600 { - border-color: #db2777; +.mt-16 { + margin-top: 4rem; } -.border-pink-700 { - border-color: #be185d; +.mr-16 { + margin-right: 4rem; } -.border-pink-800 { - border-color: #9d174d; +.mb-16 { + margin-bottom: 4rem; } -.border-pink-900 { - border-color: #831843; +.ml-16 { + margin-left: 4rem; } -.group:hover .group-hover\:border-transparent { - border-color: transparent; +.mt-20 { + margin-top: 5rem; } -.group:hover .group-hover\:border-current { - border-color: currentColor; +.mr-20 { + margin-right: 5rem; } -.group:hover .group-hover\:border-black { - border-color: #000; +.mb-20 { + margin-bottom: 5rem; } -.group:hover .group-hover\:border-white { - border-color: #fff; +.ml-20 { + margin-left: 5rem; } -.group:hover .group-hover\:border-gray-50 { - border-color: #fafafa; +.mt-24 { + margin-top: 6rem; } -.group:hover .group-hover\:border-gray-100 { - border-color: #f4f4f5; +.mr-24 { + margin-right: 6rem; } -.group:hover .group-hover\:border-gray-200 { - border-color: #e4e4e7; +.mb-24 { + margin-bottom: 6rem; } -.group:hover .group-hover\:border-gray-300 { - border-color: #d4d4d8; +.ml-24 { + margin-left: 6rem; } -.group:hover .group-hover\:border-gray-400 { - border-color: #a1a1aa; +.mt-28 { + margin-top: 7rem; } -.group:hover .group-hover\:border-gray-500 { - border-color: #71717a; +.mr-28 { + margin-right: 7rem; } -.group:hover .group-hover\:border-gray-600 { - border-color: #52525b; +.mb-28 { + margin-bottom: 7rem; } -.group:hover .group-hover\:border-gray-700 { - border-color: #3f3f46; +.ml-28 { + margin-left: 7rem; } -.group:hover .group-hover\:border-gray-800 { - border-color: #27272a; +.mt-32 { + margin-top: 8rem; } -.group:hover .group-hover\:border-gray-900 { - border-color: #18181b; +.mr-32 { + margin-right: 8rem; } -.group:hover .group-hover\:border-red-50 { - border-color: #fef2f2; +.mb-32 { + margin-bottom: 8rem; } -.group:hover .group-hover\:border-red-100 { - border-color: #fee2e2; +.ml-32 { + margin-left: 8rem; } -.group:hover .group-hover\:border-red-200 { - border-color: #fecaca; +.mt-36 { + margin-top: 9rem; } -.group:hover .group-hover\:border-red-300 { - border-color: #fca5a5; +.mr-36 { + margin-right: 9rem; } -.group:hover .group-hover\:border-red-400 { - border-color: #f87171; +.mb-36 { + margin-bottom: 9rem; } -.group:hover .group-hover\:border-red-500 { - border-color: #ef4444; +.ml-36 { + margin-left: 9rem; } -.group:hover .group-hover\:border-red-600 { - border-color: #dc2626; +.mt-40 { + margin-top: 10rem; } -.group:hover .group-hover\:border-red-700 { - border-color: #b91c1c; +.mr-40 { + margin-right: 10rem; } -.group:hover .group-hover\:border-red-800 { - border-color: #991b1b; +.mb-40 { + margin-bottom: 10rem; } -.group:hover .group-hover\:border-red-900 { - border-color: #7f1d1d; +.ml-40 { + margin-left: 10rem; } -.group:hover .group-hover\:border-yellow-50 { - border-color: #fffbeb; +.mt-44 { + margin-top: 11rem; } -.group:hover .group-hover\:border-yellow-100 { - border-color: #fef3c7; +.mr-44 { + margin-right: 11rem; } -.group:hover .group-hover\:border-yellow-200 { - border-color: #fde68a; +.mb-44 { + margin-bottom: 11rem; } -.group:hover .group-hover\:border-yellow-300 { - border-color: #fcd34d; +.ml-44 { + margin-left: 11rem; } -.group:hover .group-hover\:border-yellow-400 { - border-color: #fbbf24; +.mt-48 { + margin-top: 12rem; } -.group:hover .group-hover\:border-yellow-500 { - border-color: #f59e0b; +.mr-48 { + margin-right: 12rem; } -.group:hover .group-hover\:border-yellow-600 { - border-color: #d97706; +.mb-48 { + margin-bottom: 12rem; } -.group:hover .group-hover\:border-yellow-700 { - border-color: #b45309; +.ml-48 { + margin-left: 12rem; } -.group:hover .group-hover\:border-yellow-800 { - border-color: #92400e; +.mt-52 { + margin-top: 13rem; } -.group:hover .group-hover\:border-yellow-900 { - border-color: #78350f; +.mr-52 { + margin-right: 13rem; } -.group:hover .group-hover\:border-green-50 { - border-color: #ecfdf5; +.mb-52 { + margin-bottom: 13rem; } -.group:hover .group-hover\:border-green-100 { - border-color: #d1fae5; +.ml-52 { + margin-left: 13rem; } -.group:hover .group-hover\:border-green-200 { - border-color: #a7f3d0; +.mt-56 { + margin-top: 14rem; } -.group:hover .group-hover\:border-green-300 { - border-color: #6ee7b7; +.mr-56 { + margin-right: 14rem; } -.group:hover .group-hover\:border-green-400 { - border-color: #34d399; +.mb-56 { + margin-bottom: 14rem; } -.group:hover .group-hover\:border-green-500 { - border-color: #10b981; +.ml-56 { + margin-left: 14rem; } -.group:hover .group-hover\:border-green-600 { - border-color: #059669; +.mt-60 { + margin-top: 15rem; } -.group:hover .group-hover\:border-green-700 { - border-color: #047857; +.mr-60 { + margin-right: 15rem; } -.group:hover .group-hover\:border-green-800 { - border-color: #065f46; +.mb-60 { + margin-bottom: 15rem; } -.group:hover .group-hover\:border-green-900 { - border-color: #064e3b; +.ml-60 { + margin-left: 15rem; } -.group:hover .group-hover\:border-blue-50 { - border-color: #eff6ff; +.mt-64 { + margin-top: 16rem; } -.group:hover .group-hover\:border-blue-100 { - border-color: #dbeafe; +.mr-64 { + margin-right: 16rem; } -.group:hover .group-hover\:border-blue-200 { - border-color: #bfdbfe; +.mb-64 { + margin-bottom: 16rem; } -.group:hover .group-hover\:border-blue-300 { - border-color: #93c5fd; +.ml-64 { + margin-left: 16rem; } -.group:hover .group-hover\:border-blue-400 { - border-color: #60a5fa; +.mt-72 { + margin-top: 18rem; } -.group:hover .group-hover\:border-blue-500 { - border-color: #3b82f6; +.mr-72 { + margin-right: 18rem; } -.group:hover .group-hover\:border-blue-600 { - border-color: #2563eb; +.mb-72 { + margin-bottom: 18rem; } -.group:hover .group-hover\:border-blue-700 { - border-color: #1d4ed8; +.ml-72 { + margin-left: 18rem; } -.group:hover .group-hover\:border-blue-800 { - border-color: #1e40af; +.mt-80 { + margin-top: 20rem; } -.group:hover .group-hover\:border-blue-900 { - border-color: #1e3a8a; +.mr-80 { + margin-right: 20rem; } -.group:hover .group-hover\:border-purple-50 { - border-color: #f5f3ff; +.mb-80 { + margin-bottom: 20rem; } -.group:hover .group-hover\:border-purple-100 { - border-color: #ede9fe; +.ml-80 { + margin-left: 20rem; } -.group:hover .group-hover\:border-purple-200 { - border-color: #ddd6fe; +.mt-96 { + margin-top: 24rem; } -.group:hover .group-hover\:border-purple-300 { - border-color: #c4b5fd; +.mr-96 { + margin-right: 24rem; } -.group:hover .group-hover\:border-purple-400 { - border-color: #a78bfa; +.mb-96 { + margin-bottom: 24rem; } -.group:hover .group-hover\:border-purple-500 { - border-color: #8b5cf6; +.ml-96 { + margin-left: 24rem; } -.group:hover .group-hover\:border-purple-600 { - border-color: #7c3aed; +.mt-auto { + margin-top: auto; } -.group:hover .group-hover\:border-purple-700 { - border-color: #6d28d9; +.mr-auto { + margin-right: auto; } -.group:hover .group-hover\:border-purple-800 { - border-color: #5b21b6; +.mb-auto { + margin-bottom: auto; } -.group:hover .group-hover\:border-purple-900 { - border-color: #4c1d95; +.ml-auto { + margin-left: auto; } -.group:hover .group-hover\:border-pink-50 { - border-color: #fdf2f8; +.mt-px { + margin-top: 1px; } -.group:hover .group-hover\:border-pink-100 { - border-color: #fce7f3; +.mr-px { + margin-right: 1px; } -.group:hover .group-hover\:border-pink-200 { - border-color: #fbcfe8; +.mb-px { + margin-bottom: 1px; } -.group:hover .group-hover\:border-pink-300 { - border-color: #f9a8d4; +.ml-px { + margin-left: 1px; } -.group:hover .group-hover\:border-pink-400 { - border-color: #f472b6; +.mt-0\.5 { + margin-top: 0.125rem; } -.group:hover .group-hover\:border-pink-500 { - border-color: #ec4899; +.mr-0\.5 { + margin-right: 0.125rem; } -.group:hover .group-hover\:border-pink-600 { - border-color: #db2777; +.mb-0\.5 { + margin-bottom: 0.125rem; } -.group:hover .group-hover\:border-pink-700 { - border-color: #be185d; +.ml-0\.5 { + margin-left: 0.125rem; } -.group:hover .group-hover\:border-pink-800 { - border-color: #9d174d; +.mt-1\.5 { + margin-top: 0.375rem; } -.group:hover .group-hover\:border-pink-900 { - border-color: #831843; +.mr-1\.5 { + margin-right: 0.375rem; } -.hover\:border-transparent:hover { - border-color: transparent; +.mb-1\.5 { + margin-bottom: 0.375rem; } -.hover\:border-current:hover { - border-color: currentColor; +.ml-1\.5 { + margin-left: 0.375rem; } -.hover\:border-black:hover { - border-color: #000; +.mt-2\.5 { + margin-top: 0.625rem; } -.hover\:border-white:hover { - border-color: #fff; +.mr-2\.5 { + margin-right: 0.625rem; } -.hover\:border-gray-50:hover { - border-color: #fafafa; +.mb-2\.5 { + margin-bottom: 0.625rem; } -.hover\:border-gray-100:hover { - border-color: #f4f4f5; +.ml-2\.5 { + margin-left: 0.625rem; } -.hover\:border-gray-200:hover { - border-color: #e4e4e7; +.mt-3\.5 { + margin-top: 0.875rem; } -.hover\:border-gray-300:hover { - border-color: #d4d4d8; +.mr-3\.5 { + margin-right: 0.875rem; } -.hover\:border-gray-400:hover { - border-color: #a1a1aa; +.mb-3\.5 { + margin-bottom: 0.875rem; } -.hover\:border-gray-500:hover { - border-color: #71717a; +.ml-3\.5 { + margin-left: 0.875rem; } -.hover\:border-gray-600:hover { - border-color: #52525b; +.-mt-1 { + margin-top: -0.25rem; } -.hover\:border-gray-700:hover { - border-color: #3f3f46; +.-mr-1 { + margin-right: -0.25rem; } -.hover\:border-gray-800:hover { - border-color: #27272a; +.-mb-1 { + margin-bottom: -0.25rem; } -.hover\:border-gray-900:hover { - border-color: #18181b; +.-ml-1 { + margin-left: -0.25rem; } -.hover\:border-red-50:hover { - border-color: #fef2f2; +.-mt-2 { + margin-top: -0.5rem; } -.hover\:border-red-100:hover { - border-color: #fee2e2; +.-mr-2 { + margin-right: -0.5rem; } -.hover\:border-red-200:hover { - border-color: #fecaca; +.-mb-2 { + margin-bottom: -0.5rem; } -.hover\:border-red-300:hover { - border-color: #fca5a5; +.-ml-2 { + margin-left: -0.5rem; } -.hover\:border-red-400:hover { - border-color: #f87171; +.-mt-3 { + margin-top: -0.75rem; } -.hover\:border-red-500:hover { - border-color: #ef4444; +.-mr-3 { + margin-right: -0.75rem; } -.hover\:border-red-600:hover { - border-color: #dc2626; +.-mb-3 { + margin-bottom: -0.75rem; } -.hover\:border-red-700:hover { - border-color: #b91c1c; +.-ml-3 { + margin-left: -0.75rem; } -.hover\:border-red-800:hover { - border-color: #991b1b; +.-mt-4 { + margin-top: -1rem; } -.hover\:border-red-900:hover { - border-color: #7f1d1d; +.-mr-4 { + margin-right: -1rem; } -.hover\:border-yellow-50:hover { - border-color: #fffbeb; +.-mb-4 { + margin-bottom: -1rem; } -.hover\:border-yellow-100:hover { - border-color: #fef3c7; +.-ml-4 { + margin-left: -1rem; } -.hover\:border-yellow-200:hover { - border-color: #fde68a; +.-mt-5 { + margin-top: -1.25rem; } -.hover\:border-yellow-300:hover { - border-color: #fcd34d; +.-mr-5 { + margin-right: -1.25rem; } -.hover\:border-yellow-400:hover { - border-color: #fbbf24; +.-mb-5 { + margin-bottom: -1.25rem; } -.hover\:border-yellow-500:hover { - border-color: #f59e0b; +.-ml-5 { + margin-left: -1.25rem; } -.hover\:border-yellow-600:hover { - border-color: #d97706; +.-mt-6 { + margin-top: -1.5rem; } -.hover\:border-yellow-700:hover { - border-color: #b45309; +.-mr-6 { + margin-right: -1.5rem; } -.hover\:border-yellow-800:hover { - border-color: #92400e; +.-mb-6 { + margin-bottom: -1.5rem; } -.hover\:border-yellow-900:hover { - border-color: #78350f; +.-ml-6 { + margin-left: -1.5rem; } -.hover\:border-green-50:hover { - border-color: #ecfdf5; +.-mt-7 { + margin-top: -1.75rem; } -.hover\:border-green-100:hover { - border-color: #d1fae5; +.-mr-7 { + margin-right: -1.75rem; } -.hover\:border-green-200:hover { - border-color: #a7f3d0; +.-mb-7 { + margin-bottom: -1.75rem; } -.hover\:border-green-300:hover { - border-color: #6ee7b7; +.-ml-7 { + margin-left: -1.75rem; } -.hover\:border-green-400:hover { - border-color: #34d399; +.-mt-8 { + margin-top: -2rem; } -.hover\:border-green-500:hover { - border-color: #10b981; +.-mr-8 { + margin-right: -2rem; } -.hover\:border-green-600:hover { - border-color: #059669; +.-mb-8 { + margin-bottom: -2rem; } -.hover\:border-green-700:hover { - border-color: #047857; +.-ml-8 { + margin-left: -2rem; } -.hover\:border-green-800:hover { - border-color: #065f46; +.-mt-9 { + margin-top: -2.25rem; } -.hover\:border-green-900:hover { - border-color: #064e3b; +.-mr-9 { + margin-right: -2.25rem; } -.hover\:border-blue-50:hover { - border-color: #eff6ff; +.-mb-9 { + margin-bottom: -2.25rem; } -.hover\:border-blue-100:hover { - border-color: #dbeafe; +.-ml-9 { + margin-left: -2.25rem; } -.hover\:border-blue-200:hover { - border-color: #bfdbfe; +.-mt-10 { + margin-top: -2.5rem; } -.hover\:border-blue-300:hover { - border-color: #93c5fd; +.-mr-10 { + margin-right: -2.5rem; } -.hover\:border-blue-400:hover { - border-color: #60a5fa; +.-mb-10 { + margin-bottom: -2.5rem; } -.hover\:border-blue-500:hover { - border-color: #3b82f6; +.-ml-10 { + margin-left: -2.5rem; } -.hover\:border-blue-600:hover { - border-color: #2563eb; +.-mt-12 { + margin-top: -3rem; } -.hover\:border-blue-700:hover { - border-color: #1d4ed8; +.-mr-12 { + margin-right: -3rem; } -.hover\:border-blue-800:hover { - border-color: #1e40af; +.-mb-12 { + margin-bottom: -3rem; } -.hover\:border-blue-900:hover { - border-color: #1e3a8a; +.-ml-12 { + margin-left: -3rem; } -.hover\:border-purple-50:hover { - border-color: #f5f3ff; +.-mt-14 { + margin-top: -3.5rem; } -.hover\:border-purple-100:hover { - border-color: #ede9fe; +.-mr-14 { + margin-right: -3.5rem; } -.hover\:border-purple-200:hover { - border-color: #ddd6fe; +.-mb-14 { + margin-bottom: -3.5rem; } -.hover\:border-purple-300:hover { - border-color: #c4b5fd; +.-ml-14 { + margin-left: -3.5rem; } -.hover\:border-purple-400:hover { - border-color: #a78bfa; +.-mt-16 { + margin-top: -4rem; } -.hover\:border-purple-500:hover { - border-color: #8b5cf6; +.-mr-16 { + margin-right: -4rem; } -.hover\:border-purple-600:hover { - border-color: #7c3aed; +.-mb-16 { + margin-bottom: -4rem; } -.hover\:border-purple-700:hover { - border-color: #6d28d9; +.-ml-16 { + margin-left: -4rem; } -.hover\:border-purple-800:hover { - border-color: #5b21b6; +.-mt-20 { + margin-top: -5rem; } -.hover\:border-purple-900:hover { - border-color: #4c1d95; +.-mr-20 { + margin-right: -5rem; } -.hover\:border-pink-50:hover { - border-color: #fdf2f8; +.-mb-20 { + margin-bottom: -5rem; } -.hover\:border-pink-100:hover { - border-color: #fce7f3; +.-ml-20 { + margin-left: -5rem; } -.hover\:border-pink-200:hover { - border-color: #fbcfe8; +.-mt-24 { + margin-top: -6rem; } -.hover\:border-pink-300:hover { - border-color: #f9a8d4; +.-mr-24 { + margin-right: -6rem; } -.hover\:border-pink-400:hover { - border-color: #f472b6; +.-mb-24 { + margin-bottom: -6rem; } -.hover\:border-pink-500:hover { - border-color: #ec4899; +.-ml-24 { + margin-left: -6rem; } -.hover\:border-pink-600:hover { - border-color: #db2777; +.-mt-28 { + margin-top: -7rem; } -.hover\:border-pink-700:hover { - border-color: #be185d; +.-mr-28 { + margin-right: -7rem; } -.hover\:border-pink-800:hover { - border-color: #9d174d; +.-mb-28 { + margin-bottom: -7rem; } -.hover\:border-pink-900:hover { - border-color: #831843; +.-ml-28 { + margin-left: -7rem; } -.focus\:border-transparent:focus { - border-color: transparent; +.-mt-32 { + margin-top: -8rem; } -.focus\:border-current:focus { - border-color: currentColor; +.-mr-32 { + margin-right: -8rem; } -.focus\:border-black:focus { - border-color: #000; +.-mb-32 { + margin-bottom: -8rem; } -.focus\:border-white:focus { - border-color: #fff; +.-ml-32 { + margin-left: -8rem; } -.focus\:border-gray-50:focus { - border-color: #fafafa; +.-mt-36 { + margin-top: -9rem; } -.focus\:border-gray-100:focus { - border-color: #f4f4f5; +.-mr-36 { + margin-right: -9rem; } -.focus\:border-gray-200:focus { - border-color: #e4e4e7; +.-mb-36 { + margin-bottom: -9rem; } -.focus\:border-gray-300:focus { - border-color: #d4d4d8; +.-ml-36 { + margin-left: -9rem; } -.focus\:border-gray-400:focus { - border-color: #a1a1aa; +.-mt-40 { + margin-top: -10rem; } -.focus\:border-gray-500:focus { - border-color: #71717a; +.-mr-40 { + margin-right: -10rem; } -.focus\:border-gray-600:focus { - border-color: #52525b; +.-mb-40 { + margin-bottom: -10rem; } -.focus\:border-gray-700:focus { - border-color: #3f3f46; +.-ml-40 { + margin-left: -10rem; } -.focus\:border-gray-800:focus { - border-color: #27272a; +.-mt-44 { + margin-top: -11rem; } -.focus\:border-gray-900:focus { - border-color: #18181b; +.-mr-44 { + margin-right: -11rem; } -.focus\:border-red-50:focus { - border-color: #fef2f2; +.-mb-44 { + margin-bottom: -11rem; } -.focus\:border-red-100:focus { - border-color: #fee2e2; +.-ml-44 { + margin-left: -11rem; } -.focus\:border-red-200:focus { - border-color: #fecaca; +.-mt-48 { + margin-top: -12rem; } -.focus\:border-red-300:focus { - border-color: #fca5a5; +.-mr-48 { + margin-right: -12rem; } -.focus\:border-red-400:focus { - border-color: #f87171; +.-mb-48 { + margin-bottom: -12rem; } -.focus\:border-red-500:focus { - border-color: #ef4444; +.-ml-48 { + margin-left: -12rem; } -.focus\:border-red-600:focus { - border-color: #dc2626; +.-mt-52 { + margin-top: -13rem; } -.focus\:border-red-700:focus { - border-color: #b91c1c; +.-mr-52 { + margin-right: -13rem; } -.focus\:border-red-800:focus { - border-color: #991b1b; +.-mb-52 { + margin-bottom: -13rem; } -.focus\:border-red-900:focus { - border-color: #7f1d1d; +.-ml-52 { + margin-left: -13rem; } -.focus\:border-yellow-50:focus { - border-color: #fffbeb; +.-mt-56 { + margin-top: -14rem; } -.focus\:border-yellow-100:focus { - border-color: #fef3c7; +.-mr-56 { + margin-right: -14rem; } -.focus\:border-yellow-200:focus { - border-color: #fde68a; +.-mb-56 { + margin-bottom: -14rem; } -.focus\:border-yellow-300:focus { - border-color: #fcd34d; +.-ml-56 { + margin-left: -14rem; } -.focus\:border-yellow-400:focus { - border-color: #fbbf24; +.-mt-60 { + margin-top: -15rem; } -.focus\:border-yellow-500:focus { - border-color: #f59e0b; +.-mr-60 { + margin-right: -15rem; } -.focus\:border-yellow-600:focus { - border-color: #d97706; +.-mb-60 { + margin-bottom: -15rem; } -.focus\:border-yellow-700:focus { - border-color: #b45309; +.-ml-60 { + margin-left: -15rem; } -.focus\:border-yellow-800:focus { - border-color: #92400e; +.-mt-64 { + margin-top: -16rem; } -.focus\:border-yellow-900:focus { - border-color: #78350f; +.-mr-64 { + margin-right: -16rem; } -.focus\:border-green-50:focus { - border-color: #ecfdf5; +.-mb-64 { + margin-bottom: -16rem; } -.focus\:border-green-100:focus { - border-color: #d1fae5; +.-ml-64 { + margin-left: -16rem; } -.focus\:border-green-200:focus { - border-color: #a7f3d0; +.-mt-72 { + margin-top: -18rem; } -.focus\:border-green-300:focus { - border-color: #6ee7b7; +.-mr-72 { + margin-right: -18rem; } -.focus\:border-green-400:focus { - border-color: #34d399; +.-mb-72 { + margin-bottom: -18rem; } -.focus\:border-green-500:focus { - border-color: #10b981; +.-ml-72 { + margin-left: -18rem; } -.focus\:border-green-600:focus { - border-color: #059669; +.-mt-80 { + margin-top: -20rem; } -.focus\:border-green-700:focus { - border-color: #047857; +.-mr-80 { + margin-right: -20rem; } -.focus\:border-green-800:focus { - border-color: #065f46; +.-mb-80 { + margin-bottom: -20rem; } -.focus\:border-green-900:focus { - border-color: #064e3b; +.-ml-80 { + margin-left: -20rem; } -.focus\:border-blue-50:focus { - border-color: #eff6ff; +.-mt-96 { + margin-top: -24rem; } -.focus\:border-blue-100:focus { - border-color: #dbeafe; +.-mr-96 { + margin-right: -24rem; } -.focus\:border-blue-200:focus { - border-color: #bfdbfe; +.-mb-96 { + margin-bottom: -24rem; } -.focus\:border-blue-300:focus { - border-color: #93c5fd; +.-ml-96 { + margin-left: -24rem; } -.focus\:border-blue-400:focus { - border-color: #60a5fa; +.-mt-px { + margin-top: -1px; } -.focus\:border-blue-500:focus { - border-color: #3b82f6; +.-mr-px { + margin-right: -1px; } -.focus\:border-blue-600:focus { - border-color: #2563eb; +.-mb-px { + margin-bottom: -1px; } -.focus\:border-blue-700:focus { - border-color: #1d4ed8; +.-ml-px { + margin-left: -1px; } -.focus\:border-blue-800:focus { - border-color: #1e40af; +.-mt-0\.5 { + margin-top: -0.125rem; } -.focus\:border-blue-900:focus { - border-color: #1e3a8a; +.-mr-0\.5 { + margin-right: -0.125rem; } -.focus\:border-purple-50:focus { - border-color: #f5f3ff; +.-mb-0\.5 { + margin-bottom: -0.125rem; } -.focus\:border-purple-100:focus { - border-color: #ede9fe; +.-ml-0\.5 { + margin-left: -0.125rem; } -.focus\:border-purple-200:focus { - border-color: #ddd6fe; +.-mt-1\.5 { + margin-top: -0.375rem; } -.focus\:border-purple-300:focus { - border-color: #c4b5fd; +.-mr-1\.5 { + margin-right: -0.375rem; } -.focus\:border-purple-400:focus { - border-color: #a78bfa; +.-mb-1\.5 { + margin-bottom: -0.375rem; } -.focus\:border-purple-500:focus { - border-color: #8b5cf6; +.-ml-1\.5 { + margin-left: -0.375rem; } -.focus\:border-purple-600:focus { - border-color: #7c3aed; +.-mt-2\.5 { + margin-top: -0.625rem; } -.focus\:border-purple-700:focus { - border-color: #6d28d9; +.-mr-2\.5 { + margin-right: -0.625rem; } -.focus\:border-purple-800:focus { - border-color: #5b21b6; +.-mb-2\.5 { + margin-bottom: -0.625rem; } -.focus\:border-purple-900:focus { - border-color: #4c1d95; +.-ml-2\.5 { + margin-left: -0.625rem; } -.focus\:border-pink-50:focus { - border-color: #fdf2f8; +.-mt-3\.5 { + margin-top: -0.875rem; } -.focus\:border-pink-100:focus { - border-color: #fce7f3; +.-mr-3\.5 { + margin-right: -0.875rem; } -.focus\:border-pink-200:focus { - border-color: #fbcfe8; +.-mb-3\.5 { + margin-bottom: -0.875rem; } -.focus\:border-pink-300:focus { - border-color: #f9a8d4; +.-ml-3\.5 { + margin-left: -0.875rem; } -.focus\:border-pink-400:focus { - border-color: #f472b6; +.max-h-0 { + max-height: 0; } -.focus\:border-pink-500:focus { - border-color: #ec4899; +.max-h-1 { + max-height: 0.25rem; } -.focus\:border-pink-600:focus { - border-color: #db2777; +.max-h-2 { + max-height: 0.5rem; } -.focus\:border-pink-700:focus { - border-color: #be185d; +.max-h-3 { + max-height: 0.75rem; } -.focus\:border-pink-800:focus { - border-color: #9d174d; +.max-h-4 { + max-height: 1rem; } -.focus\:border-pink-900:focus { - border-color: #831843; +.max-h-5 { + max-height: 1.25rem; } -@media (prefers-color-scheme: dark) { - .dark\:border-transparent { - border-color: transparent; - } +.max-h-6 { + max-height: 1.5rem; +} - .dark\:border-current { - border-color: currentColor; - } +.max-h-7 { + max-height: 1.75rem; +} - .dark\:border-black { - border-color: #000; - } +.max-h-8 { + max-height: 2rem; +} - .dark\:border-white { - border-color: #fff; - } +.max-h-9 { + max-height: 2.25rem; +} - .dark\:border-gray-50 { - border-color: #fafafa; - } +.max-h-10 { + max-height: 2.5rem; +} - .dark\:border-gray-100 { - border-color: #f4f4f5; - } +.max-h-12 { + max-height: 3rem; +} - .dark\:border-gray-200 { - border-color: #e4e4e7; - } +.max-h-14 { + max-height: 3.5rem; +} - .dark\:border-gray-300 { - border-color: #d4d4d8; - } +.max-h-16 { + max-height: 4rem; +} - .dark\:border-gray-400 { - border-color: #a1a1aa; - } +.max-h-20 { + max-height: 5rem; +} - .dark\:border-gray-500 { - border-color: #71717a; - } +.max-h-24 { + max-height: 6rem; +} - .dark\:border-gray-600 { - border-color: #52525b; - } +.max-h-28 { + max-height: 7rem; +} - .dark\:border-gray-700 { - border-color: #3f3f46; - } +.max-h-32 { + max-height: 8rem; +} - .dark\:border-gray-800 { - border-color: #27272a; - } +.max-h-36 { + max-height: 9rem; +} - .dark\:border-gray-900 { - border-color: #18181b; - } +.max-h-40 { + max-height: 10rem; +} - .dark\:border-red-50 { - border-color: #fef2f2; - } +.max-h-44 { + max-height: 11rem; +} - .dark\:border-red-100 { - border-color: #fee2e2; - } +.max-h-48 { + max-height: 12rem; +} - .dark\:border-red-200 { - border-color: #fecaca; - } +.max-h-52 { + max-height: 13rem; +} - .dark\:border-red-300 { - border-color: #fca5a5; - } +.max-h-56 { + max-height: 14rem; +} - .dark\:border-red-400 { - border-color: #f87171; - } +.max-h-60 { + max-height: 15rem; +} - .dark\:border-red-500 { - border-color: #ef4444; - } +.max-h-64 { + max-height: 16rem; +} - .dark\:border-red-600 { - border-color: #dc2626; - } +.max-h-72 { + max-height: 18rem; +} - .dark\:border-red-700 { - border-color: #b91c1c; - } +.max-h-80 { + max-height: 20rem; +} - .dark\:border-red-800 { - border-color: #991b1b; - } +.max-h-96 { + max-height: 24rem; +} - .dark\:border-red-900 { - border-color: #7f1d1d; - } +.max-h-px { + max-height: 1px; +} - .dark\:border-yellow-50 { - border-color: #fffbeb; - } +.max-h-0\.5 { + max-height: 0.125rem; +} - .dark\:border-yellow-100 { - border-color: #fef3c7; - } +.max-h-1\.5 { + max-height: 0.375rem; +} - .dark\:border-yellow-200 { - border-color: #fde68a; - } +.max-h-2\.5 { + max-height: 0.625rem; +} - .dark\:border-yellow-300 { - border-color: #fcd34d; - } +.max-h-3\.5 { + max-height: 0.875rem; +} - .dark\:border-yellow-400 { - border-color: #fbbf24; - } +.max-h-full { + max-height: 100%; +} - .dark\:border-yellow-500 { - border-color: #f59e0b; - } +.max-h-screen { + max-height: 100vh; +} - .dark\:border-yellow-600 { - border-color: #d97706; - } +.max-w-0 { + max-width: 0rem; +} - .dark\:border-yellow-700 { - border-color: #b45309; - } +.max-w-none { + max-width: none; +} - .dark\:border-yellow-800 { - border-color: #92400e; - } +.max-w-xs { + max-width: 20rem; +} - .dark\:border-yellow-900 { - border-color: #78350f; - } +.max-w-sm { + max-width: 24rem; +} - .dark\:border-green-50 { - border-color: #ecfdf5; - } +.max-w-md { + max-width: 28rem; +} - .dark\:border-green-100 { - border-color: #d1fae5; - } +.max-w-lg { + max-width: 32rem; +} - .dark\:border-green-200 { - border-color: #a7f3d0; - } +.max-w-xl { + max-width: 36rem; +} - .dark\:border-green-300 { - border-color: #6ee7b7; - } +.max-w-2xl { + max-width: 42rem; +} - .dark\:border-green-400 { - border-color: #34d399; - } +.max-w-3xl { + max-width: 48rem; +} - .dark\:border-green-500 { - border-color: #10b981; - } +.max-w-4xl { + max-width: 56rem; +} - .dark\:border-green-600 { - border-color: #059669; - } +.max-w-5xl { + max-width: 64rem; +} - .dark\:border-green-700 { - border-color: #047857; - } +.max-w-6xl { + max-width: 72rem; +} - .dark\:border-green-800 { - border-color: #065f46; - } +.max-w-7xl { + max-width: 80rem; +} - .dark\:border-green-900 { - border-color: #064e3b; - } +.max-w-full { + max-width: 100%; +} - .dark\:border-blue-50 { - border-color: #eff6ff; - } +.max-w-min { + max-width: min-content; +} - .dark\:border-blue-100 { - border-color: #dbeafe; - } +.max-w-max { + max-width: max-content; +} - .dark\:border-blue-200 { - border-color: #bfdbfe; - } +.max-w-screen-sm { + max-width: 640px; +} - .dark\:border-blue-300 { - border-color: #93c5fd; - } +.max-w-screen-md { + max-width: 768px; +} - .dark\:border-blue-400 { - border-color: #60a5fa; - } +.max-w-screen-lg { + max-width: 1024px; +} - .dark\:border-blue-500 { - border-color: #3b82f6; - } +.max-w-screen-xl { + max-width: 1280px; +} - .dark\:border-blue-600 { - border-color: #2563eb; - } +.max-w-screen-2xl { + max-width: 1536px; +} - .dark\:border-blue-700 { - border-color: #1d4ed8; - } +.min-h-0 { + min-height: 0; +} - .dark\:border-blue-800 { - border-color: #1e40af; - } +.min-h-full { + min-height: 100%; +} - .dark\:border-blue-900 { - border-color: #1e3a8a; - } +.min-h-screen { + min-height: 100vh; +} - .dark\:border-purple-50 { - border-color: #f5f3ff; - } +.min-w-0 { + min-width: 0; +} - .dark\:border-purple-100 { - border-color: #ede9fe; - } +.min-w-full { + min-width: 100%; +} - .dark\:border-purple-200 { - border-color: #ddd6fe; - } +.min-w-min { + min-width: min-content; +} - .dark\:border-purple-300 { - border-color: #c4b5fd; - } +.min-w-max { + min-width: max-content; +} - .dark\:border-purple-400 { - border-color: #a78bfa; - } +.object-contain { + object-fit: contain; +} - .dark\:border-purple-500 { - border-color: #8b5cf6; - } +.object-cover { + object-fit: cover; +} - .dark\:border-purple-600 { - border-color: #7c3aed; - } +.object-fill { + object-fit: fill; +} - .dark\:border-purple-700 { - border-color: #6d28d9; - } +.object-none { + object-fit: none; +} - .dark\:border-purple-800 { - border-color: #5b21b6; - } +.object-scale-down { + object-fit: scale-down; +} - .dark\:border-purple-900 { - border-color: #4c1d95; - } +.object-bottom { + object-position: bottom; +} - .dark\:border-pink-50 { - border-color: #fdf2f8; - } +.object-center { + object-position: center; +} - .dark\:border-pink-100 { - border-color: #fce7f3; - } +.object-left { + object-position: left; +} - .dark\:border-pink-200 { - border-color: #fbcfe8; - } +.object-left-bottom { + object-position: left bottom; +} - .dark\:border-pink-300 { - border-color: #f9a8d4; - } +.object-left-top { + object-position: left top; +} - .dark\:border-pink-400 { - border-color: #f472b6; - } +.object-right { + object-position: right; +} - .dark\:border-pink-500 { - border-color: #ec4899; - } +.object-right-bottom { + object-position: right bottom; +} - .dark\:border-pink-600 { - border-color: #db2777; - } +.object-right-top { + object-position: right top; +} - .dark\:border-pink-700 { - border-color: #be185d; - } +.object-top { + object-position: top; +} - .dark\:border-pink-800 { - border-color: #9d174d; - } +.opacity-0 { + opacity: 0; +} - .dark\:border-pink-900 { - border-color: #831843; - } +.opacity-25 { + opacity: 0.25; +} - .group:hover .dark\:group-hover\:border-transparent { - border-color: transparent; - } +.opacity-50 { + opacity: 0.5; +} - .group:hover .dark\:group-hover\:border-current { - border-color: currentColor; - } +.opacity-75 { + opacity: 0.75; +} - .group:hover .dark\:group-hover\:border-black { - border-color: #000; - } +.opacity-100 { + opacity: 1; +} - .group:hover .dark\:group-hover\:border-white { - border-color: #fff; - } +.group:hover .group-hover\:opacity-0 { + opacity: 0; +} - .group:hover .dark\:group-hover\:border-gray-50 { - border-color: #fafafa; - } +.group:hover .group-hover\:opacity-25 { + opacity: 0.25; +} - .group:hover .dark\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } +.group:hover .group-hover\:opacity-50 { + opacity: 0.5; +} - .group:hover .dark\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } +.group:hover .group-hover\:opacity-75 { + opacity: 0.75; +} - .group:hover .dark\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } +.group:hover .group-hover\:opacity-100 { + opacity: 1; +} - .group:hover .dark\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } +.hover\:opacity-0:hover { + opacity: 0; +} - .group:hover .dark\:group-hover\:border-gray-500 { - border-color: #71717a; - } +.hover\:opacity-25:hover { + opacity: 0.25; +} - .group:hover .dark\:group-hover\:border-gray-600 { - border-color: #52525b; - } +.hover\:opacity-50:hover { + opacity: 0.5; +} - .group:hover .dark\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } +.hover\:opacity-75:hover { + opacity: 0.75; +} - .group:hover .dark\:group-hover\:border-gray-800 { - border-color: #27272a; - } +.hover\:opacity-100:hover { + opacity: 1; +} - .group:hover .dark\:group-hover\:border-gray-900 { - border-color: #18181b; - } +.focus\:opacity-0:focus { + opacity: 0; +} - .group:hover .dark\:group-hover\:border-red-50 { - border-color: #fef2f2; - } +.focus\:opacity-25:focus { + opacity: 0.25; +} - .group:hover .dark\:group-hover\:border-red-100 { - border-color: #fee2e2; - } +.focus\:opacity-50:focus { + opacity: 0.5; +} - .group:hover .dark\:group-hover\:border-red-200 { - border-color: #fecaca; - } +.focus\:opacity-75:focus { + opacity: 0.75; +} - .group:hover .dark\:group-hover\:border-red-300 { - border-color: #fca5a5; - } +.focus\:opacity-100:focus { + opacity: 1; +} - .group:hover .dark\:group-hover\:border-red-400 { - border-color: #f87171; - } +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} - .group:hover .dark\:group-hover\:border-red-500 { - border-color: #ef4444; - } +.outline-white { + outline: 2px dotted white; + outline-offset: 2px; +} - .group:hover .dark\:group-hover\:border-red-600 { - border-color: #dc2626; - } +.outline-black { + outline: 2px dotted black; + outline-offset: 2px; +} - .group:hover .dark\:group-hover\:border-red-700 { - border-color: #b91c1c; - } +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} - .group:hover .dark\:group-hover\:border-red-800 { - border-color: #991b1b; - } +.focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; +} - .group:hover .dark\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } +.focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; +} - .group:hover .dark\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } +.overflow-auto { + overflow: auto; +} - .group:hover .dark\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } +.overflow-hidden { + overflow: hidden; +} - .group:hover .dark\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } +.overflow-visible { + overflow: visible; +} - .group:hover .dark\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } +.overflow-scroll { + overflow: scroll; +} - .group:hover .dark\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } +.overflow-x-auto { + overflow-x: auto; +} - .group:hover .dark\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } +.overflow-y-auto { + overflow-y: auto; +} - .group:hover .dark\:group-hover\:border-yellow-600 { - border-color: #d97706; - } +.overflow-x-hidden { + overflow-x: hidden; +} - .group:hover .dark\:group-hover\:border-yellow-700 { - border-color: #b45309; - } +.overflow-y-hidden { + overflow-y: hidden; +} - .group:hover .dark\:group-hover\:border-yellow-800 { - border-color: #92400e; - } +.overflow-x-visible { + overflow-x: visible; +} - .group:hover .dark\:group-hover\:border-yellow-900 { - border-color: #78350f; - } +.overflow-y-visible { + overflow-y: visible; +} - .group:hover .dark\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } +.overflow-x-scroll { + overflow-x: scroll; +} - .group:hover .dark\:group-hover\:border-green-100 { - border-color: #d1fae5; - } +.overflow-y-scroll { + overflow-y: scroll; +} - .group:hover .dark\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } +.overscroll-auto { + overscroll-behavior: auto; +} - .group:hover .dark\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } +.overscroll-contain { + overscroll-behavior: contain; +} - .group:hover .dark\:group-hover\:border-green-400 { - border-color: #34d399; - } +.overscroll-none { + overscroll-behavior: none; +} - .group:hover .dark\:group-hover\:border-green-500 { - border-color: #10b981; - } +.overscroll-y-auto { + overscroll-behavior-y: auto; +} - .group:hover .dark\:group-hover\:border-green-600 { - border-color: #059669; - } +.overscroll-y-contain { + overscroll-behavior-y: contain; +} - .group:hover .dark\:group-hover\:border-green-700 { - border-color: #047857; - } +.overscroll-y-none { + overscroll-behavior-y: none; +} - .group:hover .dark\:group-hover\:border-green-800 { - border-color: #065f46; - } +.overscroll-x-auto { + overscroll-behavior-x: auto; +} - .group:hover .dark\:group-hover\:border-green-900 { - border-color: #064e3b; - } +.overscroll-x-contain { + overscroll-behavior-x: contain; +} - .group:hover .dark\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } +.overscroll-x-none { + overscroll-behavior-x: none; +} - .group:hover .dark\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } +.p-0 { + padding: 0; +} - .group:hover .dark\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } +.p-1 { + padding: 0.25rem; +} - .group:hover .dark\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } +.p-2 { + padding: 0.5rem; +} - .group:hover .dark\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } +.p-3 { + padding: 0.75rem; +} - .group:hover .dark\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } +.p-4 { + padding: 1rem; +} - .group:hover .dark\:group-hover\:border-blue-600 { - border-color: #2563eb; - } +.p-5 { + padding: 1.25rem; +} - .group:hover .dark\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } +.p-6 { + padding: 1.5rem; +} - .group:hover .dark\:group-hover\:border-blue-800 { - border-color: #1e40af; - } +.p-7 { + padding: 1.75rem; +} - .group:hover .dark\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } +.p-8 { + padding: 2rem; +} - .group:hover .dark\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } +.p-9 { + padding: 2.25rem; +} - .group:hover .dark\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } +.p-10 { + padding: 2.5rem; +} - .group:hover .dark\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } +.p-12 { + padding: 3rem; +} - .group:hover .dark\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } +.p-14 { + padding: 3.5rem; +} - .group:hover .dark\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } +.p-16 { + padding: 4rem; +} - .group:hover .dark\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } +.p-20 { + padding: 5rem; +} - .group:hover .dark\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } +.p-24 { + padding: 6rem; +} - .group:hover .dark\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } +.p-28 { + padding: 7rem; +} - .group:hover .dark\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } +.p-32 { + padding: 8rem; +} - .group:hover .dark\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } +.p-36 { + padding: 9rem; +} - .group:hover .dark\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } +.p-40 { + padding: 10rem; +} - .group:hover .dark\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } +.p-44 { + padding: 11rem; +} - .group:hover .dark\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } +.p-48 { + padding: 12rem; +} - .group:hover .dark\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } +.p-52 { + padding: 13rem; +} - .group:hover .dark\:group-hover\:border-pink-400 { - border-color: #f472b6; - } +.p-56 { + padding: 14rem; +} - .group:hover .dark\:group-hover\:border-pink-500 { - border-color: #ec4899; - } +.p-60 { + padding: 15rem; +} - .group:hover .dark\:group-hover\:border-pink-600 { - border-color: #db2777; - } +.p-64 { + padding: 16rem; +} - .group:hover .dark\:group-hover\:border-pink-700 { - border-color: #be185d; - } +.p-72 { + padding: 18rem; +} - .group:hover .dark\:group-hover\:border-pink-800 { - border-color: #9d174d; - } +.p-80 { + padding: 20rem; +} - .group:hover .dark\:group-hover\:border-pink-900 { - border-color: #831843; - } +.p-96 { + padding: 24rem; +} - .dark\:hover\:border-transparent:hover { - border-color: transparent; - } +.p-px { + padding: 1px; +} - .dark\:hover\:border-current:hover { - border-color: currentColor; - } +.p-0\.5 { + padding: 0.125rem; +} - .dark\:hover\:border-black:hover { - border-color: #000; - } +.p-1\.5 { + padding: 0.375rem; +} - .dark\:hover\:border-white:hover { - border-color: #fff; - } +.p-2\.5 { + padding: 0.625rem; +} - .dark\:hover\:border-gray-50:hover { - border-color: #fafafa; - } +.p-3\.5 { + padding: 0.875rem; +} - .dark\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } +.py-0 { + padding-top: 0; + padding-bottom: 0; +} - .dark\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } +.px-0 { + padding-left: 0; + padding-right: 0; +} - .dark\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} - .dark\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} - .dark\:hover\:border-gray-500:hover { - border-color: #71717a; - } +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} - .dark\:hover\:border-gray-600:hover { - border-color: #52525b; - } +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} - .dark\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} - .dark\:hover\:border-gray-800:hover { - border-color: #27272a; - } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} - .dark\:hover\:border-gray-900:hover { - border-color: #18181b; - } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} - .dark\:hover\:border-red-50:hover { - border-color: #fef2f2; - } +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} - .dark\:hover\:border-red-100:hover { - border-color: #fee2e2; - } +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} - .dark\:hover\:border-red-200:hover { - border-color: #fecaca; - } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} - .dark\:hover\:border-red-300:hover { - border-color: #fca5a5; - } +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} - .dark\:hover\:border-red-400:hover { - border-color: #f87171; - } +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} - .dark\:hover\:border-red-500:hover { - border-color: #ef4444; - } +.py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; +} - .dark\:hover\:border-red-600:hover { - border-color: #dc2626; - } +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} - .dark\:hover\:border-red-700:hover { - border-color: #b91c1c; - } +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} - .dark\:hover\:border-red-800:hover { - border-color: #991b1b; - } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} - .dark\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } +.py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; +} - .dark\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } +.px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; +} - .dark\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} - .dark\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} - .dark\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} - .dark\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} - .dark\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } +.py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; +} - .dark\:hover\:border-yellow-600:hover { - border-color: #d97706; - } +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; +} - .dark\:hover\:border-yellow-700:hover { - border-color: #b45309; - } +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} - .dark\:hover\:border-yellow-800:hover { - border-color: #92400e; - } +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} - .dark\:hover\:border-yellow-900:hover { - border-color: #78350f; - } +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} - .dark\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } +.px-20 { + padding-left: 5rem; + padding-right: 5rem; +} - .dark\:hover\:border-green-100:hover { - border-color: #d1fae5; - } +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} - .dark\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } +.px-24 { + padding-left: 6rem; + padding-right: 6rem; +} - .dark\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; +} - .dark\:hover\:border-green-400:hover { - border-color: #34d399; - } +.px-28 { + padding-left: 7rem; + padding-right: 7rem; +} - .dark\:hover\:border-green-500:hover { - border-color: #10b981; - } +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; +} - .dark\:hover\:border-green-600:hover { - border-color: #059669; - } +.px-32 { + padding-left: 8rem; + padding-right: 8rem; +} - .dark\:hover\:border-green-700:hover { - border-color: #047857; - } +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; +} - .dark\:hover\:border-green-800:hover { - border-color: #065f46; - } +.px-36 { + padding-left: 9rem; + padding-right: 9rem; +} - .dark\:hover\:border-green-900:hover { - border-color: #064e3b; - } +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; +} - .dark\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } +.px-40 { + padding-left: 10rem; + padding-right: 10rem; +} - .dark\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } +.py-44 { + padding-top: 11rem; + padding-bottom: 11rem; +} - .dark\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } +.px-44 { + padding-left: 11rem; + padding-right: 11rem; +} - .dark\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } +.py-48 { + padding-top: 12rem; + padding-bottom: 12rem; +} - .dark\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } +.px-48 { + padding-left: 12rem; + padding-right: 12rem; +} - .dark\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } +.py-52 { + padding-top: 13rem; + padding-bottom: 13rem; +} - .dark\:hover\:border-blue-600:hover { - border-color: #2563eb; - } +.px-52 { + padding-left: 13rem; + padding-right: 13rem; +} - .dark\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } +.py-56 { + padding-top: 14rem; + padding-bottom: 14rem; +} - .dark\:hover\:border-blue-800:hover { - border-color: #1e40af; - } +.px-56 { + padding-left: 14rem; + padding-right: 14rem; +} - .dark\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } +.py-60 { + padding-top: 15rem; + padding-bottom: 15rem; +} - .dark\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } +.px-60 { + padding-left: 15rem; + padding-right: 15rem; +} - .dark\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } +.py-64 { + padding-top: 16rem; + padding-bottom: 16rem; +} - .dark\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } +.px-64 { + padding-left: 16rem; + padding-right: 16rem; +} - .dark\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } +.py-72 { + padding-top: 18rem; + padding-bottom: 18rem; +} - .dark\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } +.px-72 { + padding-left: 18rem; + padding-right: 18rem; +} - .dark\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } +.py-80 { + padding-top: 20rem; + padding-bottom: 20rem; +} - .dark\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } +.px-80 { + padding-left: 20rem; + padding-right: 20rem; +} - .dark\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } +.py-96 { + padding-top: 24rem; + padding-bottom: 24rem; +} - .dark\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } +.px-96 { + padding-left: 24rem; + padding-right: 24rem; +} - .dark\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } +.py-px { + padding-top: 1px; + padding-bottom: 1px; +} - .dark\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } +.px-px { + padding-left: 1px; + padding-right: 1px; +} - .dark\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} - .dark\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; +} - .dark\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} - .dark\:hover\:border-pink-400:hover { - border-color: #f472b6; - } +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; +} - .dark\:hover\:border-pink-500:hover { - border-color: #ec4899; - } +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} - .dark\:hover\:border-pink-600:hover { - border-color: #db2777; - } +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} - .dark\:hover\:border-pink-700:hover { - border-color: #be185d; - } +.py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; +} - .dark\:hover\:border-pink-800:hover { - border-color: #9d174d; - } +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; +} - .dark\:hover\:border-pink-900:hover { - border-color: #831843; - } +.pt-0 { + padding-top: 0; +} - .dark\:focus\:border-transparent:focus { - border-color: transparent; - } +.pr-0 { + padding-right: 0; +} - .dark\:focus\:border-current:focus { - border-color: currentColor; - } +.pb-0 { + padding-bottom: 0; +} - .dark\:focus\:border-black:focus { - border-color: #000; - } +.pl-0 { + padding-left: 0; +} - .dark\:focus\:border-white:focus { - border-color: #fff; - } +.pt-1 { + padding-top: 0.25rem; +} - .dark\:focus\:border-gray-50:focus { - border-color: #fafafa; - } +.pr-1 { + padding-right: 0.25rem; +} - .dark\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } +.pb-1 { + padding-bottom: 0.25rem; +} - .dark\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } +.pl-1 { + padding-left: 0.25rem; +} - .dark\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } +.pt-2 { + padding-top: 0.5rem; +} - .dark\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } +.pr-2 { + padding-right: 0.5rem; +} - .dark\:focus\:border-gray-500:focus { - border-color: #71717a; - } +.pb-2 { + padding-bottom: 0.5rem; +} - .dark\:focus\:border-gray-600:focus { - border-color: #52525b; - } +.pl-2 { + padding-left: 0.5rem; +} - .dark\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } +.pt-3 { + padding-top: 0.75rem; +} - .dark\:focus\:border-gray-800:focus { - border-color: #27272a; - } +.pr-3 { + padding-right: 0.75rem; +} - .dark\:focus\:border-gray-900:focus { - border-color: #18181b; - } +.pb-3 { + padding-bottom: 0.75rem; +} - .dark\:focus\:border-red-50:focus { - border-color: #fef2f2; - } +.pl-3 { + padding-left: 0.75rem; +} - .dark\:focus\:border-red-100:focus { - border-color: #fee2e2; - } +.pt-4 { + padding-top: 1rem; +} - .dark\:focus\:border-red-200:focus { - border-color: #fecaca; - } +.pr-4 { + padding-right: 1rem; +} - .dark\:focus\:border-red-300:focus { - border-color: #fca5a5; - } +.pb-4 { + padding-bottom: 1rem; +} - .dark\:focus\:border-red-400:focus { - border-color: #f87171; - } +.pl-4 { + padding-left: 1rem; +} - .dark\:focus\:border-red-500:focus { - border-color: #ef4444; - } +.pt-5 { + padding-top: 1.25rem; +} - .dark\:focus\:border-red-600:focus { - border-color: #dc2626; - } +.pr-5 { + padding-right: 1.25rem; +} - .dark\:focus\:border-red-700:focus { - border-color: #b91c1c; - } +.pb-5 { + padding-bottom: 1.25rem; +} - .dark\:focus\:border-red-800:focus { - border-color: #991b1b; - } +.pl-5 { + padding-left: 1.25rem; +} - .dark\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } +.pt-6 { + padding-top: 1.5rem; +} - .dark\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } +.pr-6 { + padding-right: 1.5rem; +} - .dark\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } +.pb-6 { + padding-bottom: 1.5rem; +} - .dark\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } +.pl-6 { + padding-left: 1.5rem; +} - .dark\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } +.pt-7 { + padding-top: 1.75rem; +} - .dark\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } +.pr-7 { + padding-right: 1.75rem; +} - .dark\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } +.pb-7 { + padding-bottom: 1.75rem; +} - .dark\:focus\:border-yellow-600:focus { - border-color: #d97706; - } +.pl-7 { + padding-left: 1.75rem; +} - .dark\:focus\:border-yellow-700:focus { - border-color: #b45309; - } +.pt-8 { + padding-top: 2rem; +} - .dark\:focus\:border-yellow-800:focus { - border-color: #92400e; - } +.pr-8 { + padding-right: 2rem; +} - .dark\:focus\:border-yellow-900:focus { - border-color: #78350f; - } +.pb-8 { + padding-bottom: 2rem; +} - .dark\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } +.pl-8 { + padding-left: 2rem; +} - .dark\:focus\:border-green-100:focus { - border-color: #d1fae5; - } +.pt-9 { + padding-top: 2.25rem; +} - .dark\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } +.pr-9 { + padding-right: 2.25rem; +} - .dark\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } +.pb-9 { + padding-bottom: 2.25rem; +} - .dark\:focus\:border-green-400:focus { - border-color: #34d399; - } +.pl-9 { + padding-left: 2.25rem; +} - .dark\:focus\:border-green-500:focus { - border-color: #10b981; - } +.pt-10 { + padding-top: 2.5rem; +} - .dark\:focus\:border-green-600:focus { - border-color: #059669; - } +.pr-10 { + padding-right: 2.5rem; +} - .dark\:focus\:border-green-700:focus { - border-color: #047857; - } +.pb-10 { + padding-bottom: 2.5rem; +} - .dark\:focus\:border-green-800:focus { - border-color: #065f46; - } +.pl-10 { + padding-left: 2.5rem; +} - .dark\:focus\:border-green-900:focus { - border-color: #064e3b; - } +.pt-12 { + padding-top: 3rem; +} - .dark\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } +.pr-12 { + padding-right: 3rem; +} - .dark\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } +.pb-12 { + padding-bottom: 3rem; +} - .dark\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } +.pl-12 { + padding-left: 3rem; +} - .dark\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } +.pt-14 { + padding-top: 3.5rem; +} - .dark\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } +.pr-14 { + padding-right: 3.5rem; +} - .dark\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } +.pb-14 { + padding-bottom: 3.5rem; +} - .dark\:focus\:border-blue-600:focus { - border-color: #2563eb; - } +.pl-14 { + padding-left: 3.5rem; +} - .dark\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } +.pt-16 { + padding-top: 4rem; +} - .dark\:focus\:border-blue-800:focus { - border-color: #1e40af; - } +.pr-16 { + padding-right: 4rem; +} - .dark\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } +.pb-16 { + padding-bottom: 4rem; +} - .dark\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } +.pl-16 { + padding-left: 4rem; +} - .dark\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } +.pt-20 { + padding-top: 5rem; +} - .dark\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } +.pr-20 { + padding-right: 5rem; +} - .dark\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } +.pb-20 { + padding-bottom: 5rem; +} - .dark\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } +.pl-20 { + padding-left: 5rem; +} - .dark\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } +.pt-24 { + padding-top: 6rem; +} - .dark\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } +.pr-24 { + padding-right: 6rem; +} - .dark\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } +.pb-24 { + padding-bottom: 6rem; +} - .dark\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } +.pl-24 { + padding-left: 6rem; +} - .dark\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } +.pt-28 { + padding-top: 7rem; +} - .dark\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } +.pr-28 { + padding-right: 7rem; +} - .dark\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } +.pb-28 { + padding-bottom: 7rem; +} - .dark\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } - - .dark\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } - - .dark\:focus\:border-pink-400:focus { - border-color: #f472b6; - } - - .dark\:focus\:border-pink-500:focus { - border-color: #ec4899; - } - - .dark\:focus\:border-pink-600:focus { - border-color: #db2777; - } - - .dark\:focus\:border-pink-700:focus { - border-color: #be185d; - } - - .dark\:focus\:border-pink-800:focus { - border-color: #9d174d; - } - - .dark\:focus\:border-pink-900:focus { - border-color: #831843; - } +.pl-28 { + padding-left: 7rem; } -.rounded-none { - border-radius: 0; +.pt-32 { + padding-top: 8rem; } -.rounded-sm { - border-radius: 0.125rem; +.pr-32 { + padding-right: 8rem; } -.rounded { - border-radius: 0.25rem; +.pb-32 { + padding-bottom: 8rem; } -.rounded-md { - border-radius: 0.375rem; +.pl-32 { + padding-left: 8rem; } -.rounded-lg { - border-radius: 0.5rem; +.pt-36 { + padding-top: 9rem; } -.rounded-xl { - border-radius: 0.75rem; +.pr-36 { + padding-right: 9rem; } -.rounded-2xl { - border-radius: 1rem; +.pb-36 { + padding-bottom: 9rem; } -.rounded-3xl { - border-radius: 1.5rem; +.pl-36 { + padding-left: 9rem; } -.rounded-full { - border-radius: 9999px; +.pt-40 { + padding-top: 10rem; } -.rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; +.pr-40 { + padding-right: 10rem; } -.rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.pb-40 { + padding-bottom: 10rem; } -.rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.pl-40 { + padding-left: 10rem; } -.rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.pt-44 { + padding-top: 11rem; } -.rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; +.pr-44 { + padding-right: 11rem; } -.rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; +.pb-44 { + padding-bottom: 11rem; } -.rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; +.pl-44 { + padding-left: 11rem; } -.rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; +.pt-48 { + padding-top: 12rem; } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; +.pr-48 { + padding-right: 12rem; } -.rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; +.pb-48 { + padding-bottom: 12rem; } -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.pl-48 { + padding-left: 12rem; } -.rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.pt-52 { + padding-top: 13rem; } -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; +.pr-52 { + padding-right: 13rem; } -.rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; +.pb-52 { + padding-bottom: 13rem; } -.rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; +.pl-52 { + padding-left: 13rem; } -.rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; +.pt-56 { + padding-top: 14rem; } -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; +.pr-56 { + padding-right: 14rem; } -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; +.pb-56 { + padding-bottom: 14rem; } -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; +.pl-56 { + padding-left: 14rem; } -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; +.pt-60 { + padding-top: 15rem; } -.rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; +.pr-60 { + padding-right: 15rem; } -.rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; +.pb-60 { + padding-bottom: 15rem; } -.rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; +.pl-60 { + padding-left: 15rem; } -.rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; +.pt-64 { + padding-top: 16rem; } -.rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; +.pr-64 { + padding-right: 16rem; } -.rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; +.pb-64 { + padding-bottom: 16rem; } -.rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; +.pl-64 { + padding-left: 16rem; } -.rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; +.pt-72 { + padding-top: 18rem; } -.rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; +.pr-72 { + padding-right: 18rem; } -.rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; +.pb-72 { + padding-bottom: 18rem; } -.rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; +.pl-72 { + padding-left: 18rem; } -.rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; +.pt-80 { + padding-top: 20rem; } -.rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; +.pr-80 { + padding-right: 20rem; } -.rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; +.pb-80 { + padding-bottom: 20rem; } -.rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; +.pl-80 { + padding-left: 20rem; } -.rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; +.pt-96 { + padding-top: 24rem; } -.rounded-tl-none { - border-top-left-radius: 0; +.pr-96 { + padding-right: 24rem; } -.rounded-tr-none { - border-top-right-radius: 0; +.pb-96 { + padding-bottom: 24rem; } -.rounded-br-none { - border-bottom-right-radius: 0; +.pl-96 { + padding-left: 24rem; } -.rounded-bl-none { - border-bottom-left-radius: 0; +.pt-px { + padding-top: 1px; } -.rounded-tl-sm { - border-top-left-radius: 0.125rem; +.pr-px { + padding-right: 1px; } -.rounded-tr-sm { - border-top-right-radius: 0.125rem; +.pb-px { + padding-bottom: 1px; } -.rounded-br-sm { - border-bottom-right-radius: 0.125rem; +.pl-px { + padding-left: 1px; } -.rounded-bl-sm { - border-bottom-left-radius: 0.125rem; +.pt-0\.5 { + padding-top: 0.125rem; } -.rounded-tl { - border-top-left-radius: 0.25rem; +.pr-0\.5 { + padding-right: 0.125rem; } -.rounded-tr { - border-top-right-radius: 0.25rem; +.pb-0\.5 { + padding-bottom: 0.125rem; } -.rounded-br { - border-bottom-right-radius: 0.25rem; +.pl-0\.5 { + padding-left: 0.125rem; } -.rounded-bl { - border-bottom-left-radius: 0.25rem; +.pt-1\.5 { + padding-top: 0.375rem; } -.rounded-tl-md { - border-top-left-radius: 0.375rem; +.pr-1\.5 { + padding-right: 0.375rem; } -.rounded-tr-md { - border-top-right-radius: 0.375rem; +.pb-1\.5 { + padding-bottom: 0.375rem; } -.rounded-br-md { - border-bottom-right-radius: 0.375rem; +.pl-1\.5 { + padding-left: 0.375rem; } -.rounded-bl-md { - border-bottom-left-radius: 0.375rem; +.pt-2\.5 { + padding-top: 0.625rem; } -.rounded-tl-lg { - border-top-left-radius: 0.5rem; +.pr-2\.5 { + padding-right: 0.625rem; } -.rounded-tr-lg { - border-top-right-radius: 0.5rem; +.pb-2\.5 { + padding-bottom: 0.625rem; } -.rounded-br-lg { - border-bottom-right-radius: 0.5rem; +.pl-2\.5 { + padding-left: 0.625rem; } -.rounded-bl-lg { - border-bottom-left-radius: 0.5rem; +.pt-3\.5 { + padding-top: 0.875rem; } -.rounded-tl-xl { - border-top-left-radius: 0.75rem; +.pr-3\.5 { + padding-right: 0.875rem; } -.rounded-tr-xl { - border-top-right-radius: 0.75rem; +.pb-3\.5 { + padding-bottom: 0.875rem; } -.rounded-br-xl { - border-bottom-right-radius: 0.75rem; +.pl-3\.5 { + padding-left: 0.875rem; } -.rounded-bl-xl { - border-bottom-left-radius: 0.75rem; +.placeholder-transparent::placeholder { + color: transparent; } -.rounded-tl-2xl { - border-top-left-radius: 1rem; +.placeholder-current::placeholder { + color: currentColor; } -.rounded-tr-2xl { - border-top-right-radius: 1rem; +.placeholder-black::placeholder { + color: #000; } -.rounded-br-2xl { - border-bottom-right-radius: 1rem; +.placeholder-white::placeholder { + color: #fff; } -.rounded-bl-2xl { - border-bottom-left-radius: 1rem; +.placeholder-gray-50::placeholder { + color: #fafafa; } -.rounded-tl-3xl { - border-top-left-radius: 1.5rem; +.placeholder-gray-100::placeholder { + color: #f4f4f5; } -.rounded-tr-3xl { - border-top-right-radius: 1.5rem; +.placeholder-gray-200::placeholder { + color: #e4e4e7; } -.rounded-br-3xl { - border-bottom-right-radius: 1.5rem; +.placeholder-gray-300::placeholder { + color: #d4d4d8; } -.rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; +.placeholder-gray-400::placeholder { + color: #a1a1aa; } -.rounded-tl-full { - border-top-left-radius: 9999px; +.placeholder-gray-500::placeholder { + color: #71717a; } -.rounded-tr-full { - border-top-right-radius: 9999px; +.placeholder-gray-600::placeholder { + color: #52525b; } -.rounded-br-full { - border-bottom-right-radius: 9999px; +.placeholder-gray-700::placeholder { + color: #3f3f46; } -.rounded-bl-full { - border-bottom-left-radius: 9999px; +.placeholder-gray-800::placeholder { + color: #27272a; } -.border-solid { - border-style: solid; +.placeholder-gray-900::placeholder { + color: #18181b; } -.border-dashed { - border-style: dashed; +.placeholder-red-50::placeholder { + color: #fef2f2; } -.border-dotted { - border-style: dotted; +.placeholder-red-100::placeholder { + color: #fee2e2; } -.border-double { - border-style: double; +.placeholder-red-200::placeholder { + color: #fecaca; } -.border-none { - border-style: none; +.placeholder-red-300::placeholder { + color: #fca5a5; } -.border-0 { - border-width: 0; +.placeholder-red-400::placeholder { + color: #f87171; } -.border-2 { - border-width: 2px; +.placeholder-red-500::placeholder { + color: #ef4444; } -.border-4 { - border-width: 4px; +.placeholder-red-600::placeholder { + color: #dc2626; } -.border-8 { - border-width: 8px; +.placeholder-red-700::placeholder { + color: #b91c1c; } -.border { - border-width: 1px; +.placeholder-red-800::placeholder { + color: #991b1b; } -.border-t-0 { - border-top-width: 0; +.placeholder-red-900::placeholder { + color: #7f1d1d; } -.border-r-0 { - border-right-width: 0; +.placeholder-yellow-50::placeholder { + color: #fffbeb; } -.border-b-0 { - border-bottom-width: 0; +.placeholder-yellow-100::placeholder { + color: #fef3c7; } -.border-l-0 { - border-left-width: 0; +.placeholder-yellow-200::placeholder { + color: #fde68a; } -.border-t-2 { - border-top-width: 2px; +.placeholder-yellow-300::placeholder { + color: #fcd34d; } -.border-r-2 { - border-right-width: 2px; +.placeholder-yellow-400::placeholder { + color: #fbbf24; } -.border-b-2 { - border-bottom-width: 2px; +.placeholder-yellow-500::placeholder { + color: #f59e0b; } -.border-l-2 { - border-left-width: 2px; +.placeholder-yellow-600::placeholder { + color: #d97706; } -.border-t-4 { - border-top-width: 4px; +.placeholder-yellow-700::placeholder { + color: #b45309; } -.border-r-4 { - border-right-width: 4px; +.placeholder-yellow-800::placeholder { + color: #92400e; } -.border-b-4 { - border-bottom-width: 4px; +.placeholder-yellow-900::placeholder { + color: #78350f; } -.border-l-4 { - border-left-width: 4px; +.placeholder-green-50::placeholder { + color: #ecfdf5; } -.border-t-8 { - border-top-width: 8px; +.placeholder-green-100::placeholder { + color: #d1fae5; } -.border-r-8 { - border-right-width: 8px; +.placeholder-green-200::placeholder { + color: #a7f3d0; } -.border-b-8 { - border-bottom-width: 8px; +.placeholder-green-300::placeholder { + color: #6ee7b7; } -.border-l-8 { - border-left-width: 8px; +.placeholder-green-400::placeholder { + color: #34d399; } -.border-t { - border-top-width: 1px; +.placeholder-green-500::placeholder { + color: #10b981; } -.border-r { - border-right-width: 1px; +.placeholder-green-600::placeholder { + color: #059669; } -.border-b { - border-bottom-width: 1px; +.placeholder-green-700::placeholder { + color: #047857; } -.border-l { - border-left-width: 1px; +.placeholder-green-800::placeholder { + color: #065f46; } -.box-border { - box-sizing: border-box; +.placeholder-green-900::placeholder { + color: #064e3b; } -.box-content { - box-sizing: content-box; +.placeholder-blue-50::placeholder { + color: #eff6ff; } -.cursor-auto { - cursor: auto; +.placeholder-blue-100::placeholder { + color: #dbeafe; } -.cursor-default { - cursor: default; +.placeholder-blue-200::placeholder { + color: #bfdbfe; } -.cursor-pointer { - cursor: pointer; +.placeholder-blue-300::placeholder { + color: #93c5fd; } -.cursor-wait { - cursor: wait; +.placeholder-blue-400::placeholder { + color: #60a5fa; } -.cursor-text { - cursor: text; +.placeholder-blue-500::placeholder { + color: #3b82f6; } -.cursor-move { - cursor: move; +.placeholder-blue-600::placeholder { + color: #2563eb; } -.cursor-not-allowed { - cursor: not-allowed; +.placeholder-blue-700::placeholder { + color: #1d4ed8; } -.block { - display: block; +.placeholder-blue-800::placeholder { + color: #1e40af; } -.inline-block { - display: inline-block; +.placeholder-blue-900::placeholder { + color: #1e3a8a; } -.inline { - display: inline; +.placeholder-purple-50::placeholder { + color: #f5f3ff; } -.flex { - display: flex; +.placeholder-purple-100::placeholder { + color: #ede9fe; } -.inline-flex { - display: inline-flex; +.placeholder-purple-200::placeholder { + color: #ddd6fe; } -.table { - display: table; +.placeholder-purple-300::placeholder { + color: #c4b5fd; } -.table-caption { - display: table-caption; +.placeholder-purple-400::placeholder { + color: #a78bfa; } -.table-cell { - display: table-cell; +.placeholder-purple-500::placeholder { + color: #8b5cf6; } -.table-column { - display: table-column; +.placeholder-purple-600::placeholder { + color: #7c3aed; } -.table-column-group { - display: table-column-group; +.placeholder-purple-700::placeholder { + color: #6d28d9; } -.table-footer-group { - display: table-footer-group; +.placeholder-purple-800::placeholder { + color: #5b21b6; } -.table-header-group { - display: table-header-group; +.placeholder-purple-900::placeholder { + color: #4c1d95; } -.table-row-group { - display: table-row-group; +.placeholder-pink-50::placeholder { + color: #fdf2f8; } -.table-row { - display: table-row; +.placeholder-pink-100::placeholder { + color: #fce7f3; } -.flow-root { - display: flow-root; +.placeholder-pink-200::placeholder { + color: #fbcfe8; } -.grid { - display: grid; +.placeholder-pink-300::placeholder { + color: #f9a8d4; } -.inline-grid { - display: inline-grid; +.placeholder-pink-400::placeholder { + color: #f472b6; } -.contents { - display: contents; +.placeholder-pink-500::placeholder { + color: #ec4899; } -.hidden { - display: none; +.placeholder-pink-600::placeholder { + color: #db2777; } -.flex-row { - flex-direction: row; +.placeholder-pink-700::placeholder { + color: #be185d; } -.flex-row-reverse { - flex-direction: row-reverse; +.placeholder-pink-800::placeholder { + color: #9d174d; } -.flex-col { - flex-direction: column; +.placeholder-pink-900::placeholder { + color: #831843; } -.flex-col-reverse { - flex-direction: column-reverse; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent; } -.flex-wrap { - flex-wrap: wrap; +.focus\:placeholder-current:focus::placeholder { + color: currentColor; } -.flex-wrap-reverse { - flex-wrap: wrap-reverse; +.focus\:placeholder-black:focus::placeholder { + color: #000; } -.flex-no-wrap { - flex-wrap: nowrap; +.focus\:placeholder-white:focus::placeholder { + color: #fff; } -.place-items-auto { - place-items: auto; +.focus\:placeholder-gray-50:focus::placeholder { + color: #fafafa; } -.place-items-start { - place-items: start; +.focus\:placeholder-gray-100:focus::placeholder { + color: #f4f4f5; } -.place-items-end { - place-items: end; +.focus\:placeholder-gray-200:focus::placeholder { + color: #e4e4e7; } -.place-items-center { - place-items: center; +.focus\:placeholder-gray-300:focus::placeholder { + color: #d4d4d8; } -.place-items-stretch { - place-items: stretch; +.focus\:placeholder-gray-400:focus::placeholder { + color: #a1a1aa; } -.place-content-center { - place-content: center; +.focus\:placeholder-gray-500:focus::placeholder { + color: #71717a; } -.place-content-start { - place-content: start; +.focus\:placeholder-gray-600:focus::placeholder { + color: #52525b; } -.place-content-end { - place-content: end; +.focus\:placeholder-gray-700:focus::placeholder { + color: #3f3f46; } -.place-content-between { - place-content: space-between; +.focus\:placeholder-gray-800:focus::placeholder { + color: #27272a; } -.place-content-around { - place-content: space-around; +.focus\:placeholder-gray-900:focus::placeholder { + color: #18181b; } -.place-content-evenly { - place-content: space-evenly; +.focus\:placeholder-red-50:focus::placeholder { + color: #fef2f2; } -.place-content-stretch { - place-content: stretch; +.focus\:placeholder-red-100:focus::placeholder { + color: #fee2e2; } -.place-self-auto { - place-self: auto; +.focus\:placeholder-red-200:focus::placeholder { + color: #fecaca; } -.place-self-start { - place-self: start; +.focus\:placeholder-red-300:focus::placeholder { + color: #fca5a5; } -.place-self-end { - place-self: end; +.focus\:placeholder-red-400:focus::placeholder { + color: #f87171; } -.place-self-center { - place-self: center; +.focus\:placeholder-red-500:focus::placeholder { + color: #ef4444; } -.place-self-stretch { - place-self: stretch; +.focus\:placeholder-red-600:focus::placeholder { + color: #dc2626; } -.items-start { - align-items: flex-start; +.focus\:placeholder-red-700:focus::placeholder { + color: #b91c1c; } -.items-end { - align-items: flex-end; +.focus\:placeholder-red-800:focus::placeholder { + color: #991b1b; } -.items-center { - align-items: center; +.focus\:placeholder-red-900:focus::placeholder { + color: #7f1d1d; } -.items-baseline { - align-items: baseline; +.focus\:placeholder-yellow-50:focus::placeholder { + color: #fffbeb; } -.items-stretch { - align-items: stretch; +.focus\:placeholder-yellow-100:focus::placeholder { + color: #fef3c7; } -.content-center { - align-content: center; +.focus\:placeholder-yellow-200:focus::placeholder { + color: #fde68a; } -.content-start { - align-content: flex-start; +.focus\:placeholder-yellow-300:focus::placeholder { + color: #fcd34d; } -.content-end { - align-content: flex-end; +.focus\:placeholder-yellow-400:focus::placeholder { + color: #fbbf24; } -.content-between { - align-content: space-between; +.focus\:placeholder-yellow-500:focus::placeholder { + color: #f59e0b; } -.content-around { - align-content: space-around; +.focus\:placeholder-yellow-600:focus::placeholder { + color: #d97706; } -.content-evenly { - align-content: space-evenly; +.focus\:placeholder-yellow-700:focus::placeholder { + color: #b45309; } -.self-auto { - align-self: auto; +.focus\:placeholder-yellow-800:focus::placeholder { + color: #92400e; } -.self-start { - align-self: flex-start; +.focus\:placeholder-yellow-900:focus::placeholder { + color: #78350f; } -.self-end { - align-self: flex-end; +.focus\:placeholder-green-50:focus::placeholder { + color: #ecfdf5; } -.self-center { - align-self: center; +.focus\:placeholder-green-100:focus::placeholder { + color: #d1fae5; } -.self-stretch { - align-self: stretch; +.focus\:placeholder-green-200:focus::placeholder { + color: #a7f3d0; } -.justify-items-auto { - justify-items: auto; +.focus\:placeholder-green-300:focus::placeholder { + color: #6ee7b7; } -.justify-items-start { - justify-items: start; +.focus\:placeholder-green-400:focus::placeholder { + color: #34d399; } -.justify-items-end { - justify-items: end; +.focus\:placeholder-green-500:focus::placeholder { + color: #10b981; } -.justify-items-center { - justify-items: center; +.focus\:placeholder-green-600:focus::placeholder { + color: #059669; } -.justify-items-stretch { - justify-items: stretch; +.focus\:placeholder-green-700:focus::placeholder { + color: #047857; } -.justify-start { - justify-content: flex-start; +.focus\:placeholder-green-800:focus::placeholder { + color: #065f46; } -.justify-end { - justify-content: flex-end; +.focus\:placeholder-green-900:focus::placeholder { + color: #064e3b; } -.justify-center { - justify-content: center; +.focus\:placeholder-blue-50:focus::placeholder { + color: #eff6ff; } -.justify-between { - justify-content: space-between; +.focus\:placeholder-blue-100:focus::placeholder { + color: #dbeafe; } -.justify-around { - justify-content: space-around; +.focus\:placeholder-blue-200:focus::placeholder { + color: #bfdbfe; } -.justify-evenly { - justify-content: space-evenly; +.focus\:placeholder-blue-300:focus::placeholder { + color: #93c5fd; } -.justify-self-auto { - justify-self: auto; +.focus\:placeholder-blue-400:focus::placeholder { + color: #60a5fa; } -.justify-self-start { - justify-self: start; +.focus\:placeholder-blue-500:focus::placeholder { + color: #3b82f6; } -.justify-self-end { - justify-self: end; +.focus\:placeholder-blue-600:focus::placeholder { + color: #2563eb; } -.justify-self-center { - justify-self: center; +.focus\:placeholder-blue-700:focus::placeholder { + color: #1d4ed8; } -.justify-self-stretch { - justify-self: stretch; +.focus\:placeholder-blue-800:focus::placeholder { + color: #1e40af; } -.flex-1 { - flex: 1 1 0%; +.focus\:placeholder-blue-900:focus::placeholder { + color: #1e3a8a; } -.flex-auto { - flex: 1 1 auto; +.focus\:placeholder-purple-50:focus::placeholder { + color: #f5f3ff; } -.flex-initial { - flex: 0 1 auto; +.focus\:placeholder-purple-100:focus::placeholder { + color: #ede9fe; } -.flex-none { - flex: none; +.focus\:placeholder-purple-200:focus::placeholder { + color: #ddd6fe; } -.flex-grow-0 { - flex-grow: 0; +.focus\:placeholder-purple-300:focus::placeholder { + color: #c4b5fd; } -.flex-grow { - flex-grow: 1; +.focus\:placeholder-purple-400:focus::placeholder { + color: #a78bfa; } -.flex-shrink-0 { - flex-shrink: 0; +.focus\:placeholder-purple-500:focus::placeholder { + color: #8b5cf6; } -.flex-shrink { - flex-shrink: 1; +.focus\:placeholder-purple-600:focus::placeholder { + color: #7c3aed; } -.order-1 { - order: 1; +.focus\:placeholder-purple-700:focus::placeholder { + color: #6d28d9; } -.order-2 { - order: 2; +.focus\:placeholder-purple-800:focus::placeholder { + color: #5b21b6; } -.order-3 { - order: 3; +.focus\:placeholder-purple-900:focus::placeholder { + color: #4c1d95; } -.order-4 { - order: 4; +.focus\:placeholder-pink-50:focus::placeholder { + color: #fdf2f8; } -.order-5 { - order: 5; +.focus\:placeholder-pink-100:focus::placeholder { + color: #fce7f3; } -.order-6 { - order: 6; +.focus\:placeholder-pink-200:focus::placeholder { + color: #fbcfe8; } -.order-7 { - order: 7; +.focus\:placeholder-pink-300:focus::placeholder { + color: #f9a8d4; } -.order-8 { - order: 8; +.focus\:placeholder-pink-400:focus::placeholder { + color: #f472b6; } -.order-9 { - order: 9; +.focus\:placeholder-pink-500:focus::placeholder { + color: #ec4899; } -.order-10 { - order: 10; +.focus\:placeholder-pink-600:focus::placeholder { + color: #db2777; } -.order-11 { - order: 11; +.focus\:placeholder-pink-700:focus::placeholder { + color: #be185d; } -.order-12 { - order: 12; +.focus\:placeholder-pink-800:focus::placeholder { + color: #9d174d; } -.order-first { - order: -9999; +.focus\:placeholder-pink-900:focus::placeholder { + color: #831843; } -.order-last { - order: 9999; +.pointer-events-none { + pointer-events: none; } -.order-none { - order: 0; +.pointer-events-auto { + pointer-events: auto; } -.float-right { - float: right; +.static { + position: static; } -.float-left { - float: left; +.fixed { + position: fixed; } -.float-none { - float: none; +.absolute { + position: absolute; } -.clearfix:after { - content: ""; - display: table; - clear: both; +.relative { + position: relative; } -.clear-left { - clear: left; +.sticky { + position: sticky; } -.clear-right { - clear: right; +.inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } -.clear-both { - clear: both; +.inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } -.clear-none { - clear: none; +.inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } -.font-sans { - font-family: ui-sans-serif, 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"; +.inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +.inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +.inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } -.font-thin { - font-weight: 100; +.inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } -.font-extralight { - font-weight: 200; +.inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } -.font-light { - font-weight: 300; +.inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } -.font-normal { - font-weight: 400; +.inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } -.font-medium { - font-weight: 500; +.inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } -.font-semibold { - font-weight: 600; +.inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } -.font-bold { - font-weight: 700; +.inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } -.font-extrabold { - font-weight: 800; +.inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } -.font-black { - font-weight: 900; +.inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } -.hover\:font-thin:hover { - font-weight: 100; +.inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } -.hover\:font-extralight:hover { - font-weight: 200; +.inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } -.hover\:font-light:hover { - font-weight: 300; +.inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } -.hover\:font-normal:hover { - font-weight: 400; +.inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } -.hover\:font-medium:hover { - font-weight: 500; +.inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } -.hover\:font-semibold:hover { - font-weight: 600; +.inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } -.hover\:font-bold:hover { - font-weight: 700; +.inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } -.hover\:font-extrabold:hover { - font-weight: 800; +.inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } -.hover\:font-black:hover { - font-weight: 900; +.inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } -.focus\:font-thin:focus { - font-weight: 100; +.inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } -.focus\:font-extralight:focus { - font-weight: 200; +.inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } -.focus\:font-light:focus { - font-weight: 300; +.inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } -.focus\:font-normal:focus { - font-weight: 400; +.inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } -.focus\:font-medium:focus { - font-weight: 500; +.inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } -.focus\:font-semibold:focus { - font-weight: 600; +.inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } -.focus\:font-bold:focus { - font-weight: 700; +.inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } -.focus\:font-extrabold:focus { - font-weight: 800; +.inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } -.focus\:font-black:focus { - font-weight: 900; +.inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } -.h-0 { - height: 0; +.inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } -.h-1 { - height: 0.25rem; +.inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } -.h-2 { - height: 0.5rem; +.-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } -.h-3 { - height: 0.75rem; +.-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } -.h-4 { - height: 1rem; +.-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } -.h-5 { - height: 1.25rem; +.-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } -.h-6 { - height: 1.5rem; +.-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } -.h-7 { - height: 1.75rem; +.-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } -.h-8 { - height: 2rem; +.-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } -.h-9 { - height: 2.25rem; +.-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } -.h-10 { - height: 2.5rem; +.-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } -.h-12 { - height: 3rem; +.-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } -.h-14 { - height: 3.5rem; +.-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } -.h-16 { - height: 4rem; +.-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } -.h-20 { - height: 5rem; +.-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } -.h-24 { - height: 6rem; +.-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } -.h-28 { - height: 7rem; +.-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } -.h-32 { - height: 8rem; +.-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } -.h-36 { - height: 9rem; +.-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } -.h-40 { - height: 10rem; +.-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } -.h-44 { - height: 11rem; +.-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } -.h-48 { - height: 12rem; +.-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } -.h-52 { - height: 13rem; +.-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } -.h-56 { - height: 14rem; +.-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } -.h-60 { - height: 15rem; +.-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } -.h-64 { - height: 16rem; +.-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } -.h-72 { - height: 18rem; +.-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } -.h-80 { - height: 20rem; +.-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } -.h-96 { - height: 24rem; +.-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } -.h-auto { - height: auto; +.-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } -.h-px { - height: 1px; +.-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } -.h-0\.5 { - height: 0.125rem; +.-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } -.h-1\.5 { - height: 0.375rem; +.-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } -.h-2\.5 { - height: 0.625rem; +.-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } -.h-3\.5 { - height: 0.875rem; +.-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } -.h-full { - height: 100%; +.inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.h-screen { - height: 100vh; +.inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; +.inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } -.text-base { - font-size: 1rem; - line-height: 1.5rem; +.inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; +.inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; +.-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; +.-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } -.text-5xl { - font-size: 3rem; - line-height: 1; +.-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } -.text-6xl { - font-size: 3.75rem; - line-height: 1; +.-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } -.text-7xl { - font-size: 4.5rem; - line-height: 1; +.-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } -.text-8xl { - font-size: 6rem; - line-height: 1; +.-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } -.text-9xl { - font-size: 8rem; - line-height: 1; +.inset-y-0 { + top: 0; + bottom: 0; } -.leading-3 { - line-height: .75rem; +.inset-x-0 { + right: 0; + left: 0; } -.leading-4 { - line-height: 1rem; +.inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } -.leading-5 { - line-height: 1.25rem; +.inset-x-1 { + right: 0.25rem; + left: 0.25rem; } -.leading-6 { - line-height: 1.5rem; +.inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } -.leading-7 { - line-height: 1.75rem; +.inset-x-2 { + right: 0.5rem; + left: 0.5rem; } -.leading-8 { - line-height: 2rem; +.inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } -.leading-9 { - line-height: 2.25rem; +.inset-x-3 { + right: 0.75rem; + left: 0.75rem; } -.leading-10 { - line-height: 2.5rem; +.inset-y-4 { + top: 1rem; + bottom: 1rem; } -.leading-none { - line-height: 1; +.inset-x-4 { + right: 1rem; + left: 1rem; } -.leading-tight { - line-height: 1.25; +.inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } -.leading-snug { - line-height: 1.375; +.inset-x-5 { + right: 1.25rem; + left: 1.25rem; } -.leading-normal { - line-height: 1.5; +.inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } -.leading-relaxed { - line-height: 1.625; +.inset-x-6 { + right: 1.5rem; + left: 1.5rem; } -.leading-loose { - line-height: 2; +.inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } -.list-inside { - list-style-position: inside; +.inset-x-7 { + right: 1.75rem; + left: 1.75rem; } -.list-outside { - list-style-position: outside; +.inset-y-8 { + top: 2rem; + bottom: 2rem; } -.list-none { - list-style-type: none; +.inset-x-8 { + right: 2rem; + left: 2rem; } -.list-disc { - list-style-type: disc; +.inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } -.list-decimal { - list-style-type: decimal; +.inset-x-9 { + right: 2.25rem; + left: 2.25rem; } -.m-0 { - margin: 0; +.inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } -.m-1 { - margin: 0.25rem; +.inset-x-10 { + right: 2.5rem; + left: 2.5rem; } -.m-2 { - margin: 0.5rem; +.inset-y-12 { + top: 3rem; + bottom: 3rem; } -.m-3 { - margin: 0.75rem; +.inset-x-12 { + right: 3rem; + left: 3rem; } -.m-4 { - margin: 1rem; +.inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } -.m-5 { - margin: 1.25rem; +.inset-x-14 { + right: 3.5rem; + left: 3.5rem; } -.m-6 { - margin: 1.5rem; +.inset-y-16 { + top: 4rem; + bottom: 4rem; } -.m-7 { - margin: 1.75rem; +.inset-x-16 { + right: 4rem; + left: 4rem; } -.m-8 { - margin: 2rem; +.inset-y-20 { + top: 5rem; + bottom: 5rem; } -.m-9 { - margin: 2.25rem; +.inset-x-20 { + right: 5rem; + left: 5rem; } -.m-10 { - margin: 2.5rem; +.inset-y-24 { + top: 6rem; + bottom: 6rem; } -.m-12 { - margin: 3rem; +.inset-x-24 { + right: 6rem; + left: 6rem; } -.m-14 { - margin: 3.5rem; +.inset-y-28 { + top: 7rem; + bottom: 7rem; } -.m-16 { - margin: 4rem; +.inset-x-28 { + right: 7rem; + left: 7rem; } -.m-20 { - margin: 5rem; +.inset-y-32 { + top: 8rem; + bottom: 8rem; } -.m-24 { - margin: 6rem; +.inset-x-32 { + right: 8rem; + left: 8rem; } -.m-28 { - margin: 7rem; +.inset-y-36 { + top: 9rem; + bottom: 9rem; } -.m-32 { - margin: 8rem; +.inset-x-36 { + right: 9rem; + left: 9rem; } -.m-36 { - margin: 9rem; +.inset-y-40 { + top: 10rem; + bottom: 10rem; } -.m-40 { - margin: 10rem; +.inset-x-40 { + right: 10rem; + left: 10rem; } -.m-44 { - margin: 11rem; +.inset-y-44 { + top: 11rem; + bottom: 11rem; } -.m-48 { - margin: 12rem; +.inset-x-44 { + right: 11rem; + left: 11rem; } -.m-52 { - margin: 13rem; +.inset-y-48 { + top: 12rem; + bottom: 12rem; } -.m-56 { - margin: 14rem; +.inset-x-48 { + right: 12rem; + left: 12rem; } -.m-60 { - margin: 15rem; +.inset-y-52 { + top: 13rem; + bottom: 13rem; } -.m-64 { - margin: 16rem; +.inset-x-52 { + right: 13rem; + left: 13rem; } -.m-72 { - margin: 18rem; +.inset-y-56 { + top: 14rem; + bottom: 14rem; } -.m-80 { - margin: 20rem; +.inset-x-56 { + right: 14rem; + left: 14rem; } -.m-96 { - margin: 24rem; +.inset-y-60 { + top: 15rem; + bottom: 15rem; } -.m-auto { - margin: auto; +.inset-x-60 { + right: 15rem; + left: 15rem; } -.m-px { - margin: 1px; +.inset-y-64 { + top: 16rem; + bottom: 16rem; } -.m-0\.5 { - margin: 0.125rem; +.inset-x-64 { + right: 16rem; + left: 16rem; } -.m-1\.5 { - margin: 0.375rem; +.inset-y-72 { + top: 18rem; + bottom: 18rem; } -.m-2\.5 { - margin: 0.625rem; +.inset-x-72 { + right: 18rem; + left: 18rem; } -.m-3\.5 { - margin: 0.875rem; +.inset-y-80 { + top: 20rem; + bottom: 20rem; } -.-m-1 { - margin: -0.25rem; +.inset-x-80 { + right: 20rem; + left: 20rem; } -.-m-2 { - margin: -0.5rem; +.inset-y-96 { + top: 24rem; + bottom: 24rem; } -.-m-3 { - margin: -0.75rem; +.inset-x-96 { + right: 24rem; + left: 24rem; } -.-m-4 { - margin: -1rem; +.inset-y-auto { + top: auto; + bottom: auto; } -.-m-5 { - margin: -1.25rem; +.inset-x-auto { + right: auto; + left: auto; } -.-m-6 { - margin: -1.5rem; +.inset-y-px { + top: 1px; + bottom: 1px; } -.-m-7 { - margin: -1.75rem; +.inset-x-px { + right: 1px; + left: 1px; } -.-m-8 { - margin: -2rem; +.inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } -.-m-9 { - margin: -2.25rem; +.inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } -.-m-10 { - margin: -2.5rem; +.inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } -.-m-12 { - margin: -3rem; +.inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } -.-m-14 { - margin: -3.5rem; +.inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } -.-m-16 { - margin: -4rem; +.inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } -.-m-20 { - margin: -5rem; +.inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } -.-m-24 { - margin: -6rem; +.inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } -.-m-28 { - margin: -7rem; +.-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } -.-m-32 { - margin: -8rem; +.-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } -.-m-36 { - margin: -9rem; +.-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } -.-m-40 { - margin: -10rem; +.-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } -.-m-44 { - margin: -11rem; +.-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } -.-m-48 { - margin: -12rem; +.-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } -.-m-52 { - margin: -13rem; +.-inset-y-4 { + top: -1rem; + bottom: -1rem; } -.-m-56 { - margin: -14rem; +.-inset-x-4 { + right: -1rem; + left: -1rem; } -.-m-60 { - margin: -15rem; +.-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } -.-m-64 { - margin: -16rem; +.-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } -.-m-72 { - margin: -18rem; +.-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } -.-m-80 { - margin: -20rem; +.-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } -.-m-96 { - margin: -24rem; +.-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } -.-m-px { - margin: -1px; +.-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } -.-m-0\.5 { - margin: -0.125rem; +.-inset-y-8 { + top: -2rem; + bottom: -2rem; } -.-m-1\.5 { - margin: -0.375rem; +.-inset-x-8 { + right: -2rem; + left: -2rem; } -.-m-2\.5 { - margin: -0.625rem; +.-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } -.-m-3\.5 { - margin: -0.875rem; +.-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } -.my-0 { - margin-top: 0; - margin-bottom: 0; +.-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } -.mx-0 { - margin-left: 0; - margin-right: 0; +.-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; +.-inset-y-12 { + top: -3rem; + bottom: -3rem; } -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; +.-inset-x-12 { + right: -3rem; + left: -3rem; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; +.-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; +.-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; +.-inset-y-16 { + top: -4rem; + bottom: -4rem; } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; +.-inset-x-16 { + right: -4rem; + left: -4rem; } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; +.-inset-y-20 { + top: -5rem; + bottom: -5rem; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; +.-inset-x-20 { + right: -5rem; + left: -5rem; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; +.-inset-y-24 { + top: -6rem; + bottom: -6rem; } -.mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; +.-inset-x-24 { + right: -6rem; + left: -6rem; } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; +.-inset-y-28 { + top: -7rem; + bottom: -7rem; } -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; +.-inset-x-28 { + right: -7rem; + left: -7rem; } -.my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; +.-inset-y-32 { + top: -8rem; + bottom: -8rem; } -.mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; +.-inset-x-32 { + right: -8rem; + left: -8rem; } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; +.-inset-y-36 { + top: -9rem; + bottom: -9rem; } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; +.-inset-x-36 { + right: -9rem; + left: -9rem; } -.my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; +.-inset-y-40 { + top: -10rem; + bottom: -10rem; } -.mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; +.-inset-x-40 { + right: -10rem; + left: -10rem; } -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; +.-inset-y-44 { + top: -11rem; + bottom: -11rem; } -.mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; +.-inset-x-44 { + right: -11rem; + left: -11rem; } -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; +.-inset-y-48 { + top: -12rem; + bottom: -12rem; } -.mx-12 { - margin-left: 3rem; - margin-right: 3rem; +.-inset-x-48 { + right: -12rem; + left: -12rem; } -.my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; +.-inset-y-52 { + top: -13rem; + bottom: -13rem; } -.mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; +.-inset-x-52 { + right: -13rem; + left: -13rem; } -.my-16 { - margin-top: 4rem; - margin-bottom: 4rem; +.-inset-y-56 { + top: -14rem; + bottom: -14rem; } -.mx-16 { - margin-left: 4rem; - margin-right: 4rem; +.-inset-x-56 { + right: -14rem; + left: -14rem; } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; +.-inset-y-60 { + top: -15rem; + bottom: -15rem; } -.mx-20 { - margin-left: 5rem; - margin-right: 5rem; +.-inset-x-60 { + right: -15rem; + left: -15rem; } -.my-24 { - margin-top: 6rem; - margin-bottom: 6rem; +.-inset-y-64 { + top: -16rem; + bottom: -16rem; } -.mx-24 { - margin-left: 6rem; - margin-right: 6rem; +.-inset-x-64 { + right: -16rem; + left: -16rem; } -.my-28 { - margin-top: 7rem; - margin-bottom: 7rem; +.-inset-y-72 { + top: -18rem; + bottom: -18rem; } -.mx-28 { - margin-left: 7rem; - margin-right: 7rem; +.-inset-x-72 { + right: -18rem; + left: -18rem; } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; +.-inset-y-80 { + top: -20rem; + bottom: -20rem; } -.mx-32 { - margin-left: 8rem; - margin-right: 8rem; +.-inset-x-80 { + right: -20rem; + left: -20rem; } -.my-36 { - margin-top: 9rem; - margin-bottom: 9rem; +.-inset-y-96 { + top: -24rem; + bottom: -24rem; } -.mx-36 { - margin-left: 9rem; - margin-right: 9rem; +.-inset-x-96 { + right: -24rem; + left: -24rem; } -.my-40 { - margin-top: 10rem; - margin-bottom: 10rem; +.-inset-y-px { + top: -1px; + bottom: -1px; } -.mx-40 { - margin-left: 10rem; - margin-right: 10rem; +.-inset-x-px { + right: -1px; + left: -1px; } -.my-44 { - margin-top: 11rem; - margin-bottom: 11rem; +.-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } -.mx-44 { - margin-left: 11rem; - margin-right: 11rem; +.-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } -.my-48 { - margin-top: 12rem; - margin-bottom: 12rem; +.-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } -.mx-48 { - margin-left: 12rem; - margin-right: 12rem; +.-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } -.my-52 { - margin-top: 13rem; - margin-bottom: 13rem; +.-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } -.mx-52 { - margin-left: 13rem; - margin-right: 13rem; +.-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } -.my-56 { - margin-top: 14rem; - margin-bottom: 14rem; +.-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } -.mx-56 { - margin-left: 14rem; - margin-right: 14rem; +.-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } -.my-60 { - margin-top: 15rem; - margin-bottom: 15rem; +.inset-y-1\/2 { + top: 50%; + bottom: 50%; } -.mx-60 { - margin-left: 15rem; - margin-right: 15rem; +.inset-x-1\/2 { + right: 50%; + left: 50%; } -.my-64 { - margin-top: 16rem; - margin-bottom: 16rem; +.inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } -.mx-64 { - margin-left: 16rem; - margin-right: 16rem; +.inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } -.my-72 { - margin-top: 18rem; - margin-bottom: 18rem; +.inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } -.mx-72 { - margin-left: 18rem; - margin-right: 18rem; +.inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } -.my-80 { - margin-top: 20rem; - margin-bottom: 20rem; +.inset-y-1\/4 { + top: 25%; + bottom: 25%; } -.mx-80 { - margin-left: 20rem; - margin-right: 20rem; +.inset-x-1\/4 { + right: 25%; + left: 25%; } -.my-96 { - margin-top: 24rem; - margin-bottom: 24rem; +.inset-y-2\/4 { + top: 50%; + bottom: 50%; } -.mx-96 { - margin-left: 24rem; - margin-right: 24rem; +.inset-x-2\/4 { + right: 50%; + left: 50%; } -.my-auto { - margin-top: auto; - margin-bottom: auto; +.inset-y-3\/4 { + top: 75%; + bottom: 75%; } -.mx-auto { - margin-left: auto; - margin-right: auto; +.inset-x-3\/4 { + right: 75%; + left: 75%; } -.my-px { - margin-top: 1px; - margin-bottom: 1px; +.inset-y-full { + top: 100%; + bottom: 100%; } -.mx-px { - margin-left: 1px; - margin-right: 1px; +.inset-x-full { + right: 100%; + left: 100%; } -.my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; +.-inset-y-1\/2 { + top: -50%; + bottom: -50%; } -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; +.-inset-x-1\/2 { + right: -50%; + left: -50%; } -.my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; +.-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } -.mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; +.-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } -.my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; +.-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } -.mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; +.-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } -.my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; +.-inset-y-1\/4 { + top: -25%; + bottom: -25%; } -.mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; +.-inset-x-1\/4 { + right: -25%; + left: -25%; } -.-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; +.-inset-y-2\/4 { + top: -50%; + bottom: -50%; } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; +.-inset-x-2\/4 { + right: -50%; + left: -50%; } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; +.-inset-y-3\/4 { + top: -75%; + bottom: -75%; } -.-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; +.-inset-x-3\/4 { + right: -75%; + left: -75%; } -.-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; +.-inset-y-full { + top: -100%; + bottom: -100%; } -.-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; +.-inset-x-full { + right: -100%; + left: -100%; } -.-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; +.top-0 { + top: 0; } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; +.right-0 { + right: 0; } -.-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; +.bottom-0 { + bottom: 0; } -.-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; +.left-0 { + left: 0; } -.-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; +.top-1 { + top: 0.25rem; } -.-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; +.right-1 { + right: 0.25rem; } -.-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; +.bottom-1 { + bottom: 0.25rem; } -.-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; +.left-1 { + left: 0.25rem; } -.-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; +.top-2 { + top: 0.5rem; } -.-mx-8 { - margin-left: -2rem; - margin-right: -2rem; +.right-2 { + right: 0.5rem; } -.-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; +.bottom-2 { + bottom: 0.5rem; } -.-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; +.left-2 { + left: 0.5rem; } -.-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; +.top-3 { + top: 0.75rem; } -.-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; +.right-3 { + right: 0.75rem; } -.-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; +.bottom-3 { + bottom: 0.75rem; } -.-mx-12 { - margin-left: -3rem; - margin-right: -3rem; +.left-3 { + left: 0.75rem; } -.-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; +.top-4 { + top: 1rem; } -.-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; +.right-4 { + right: 1rem; } -.-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; +.bottom-4 { + bottom: 1rem; } -.-mx-16 { - margin-left: -4rem; - margin-right: -4rem; +.left-4 { + left: 1rem; } -.-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; +.top-5 { + top: 1.25rem; } -.-mx-20 { - margin-left: -5rem; - margin-right: -5rem; +.right-5 { + right: 1.25rem; } -.-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; +.bottom-5 { + bottom: 1.25rem; } -.-mx-24 { - margin-left: -6rem; - margin-right: -6rem; +.left-5 { + left: 1.25rem; } -.-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; +.top-6 { + top: 1.5rem; } -.-mx-28 { - margin-left: -7rem; - margin-right: -7rem; +.right-6 { + right: 1.5rem; } -.-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; +.bottom-6 { + bottom: 1.5rem; } -.-mx-32 { - margin-left: -8rem; - margin-right: -8rem; +.left-6 { + left: 1.5rem; } -.-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; +.top-7 { + top: 1.75rem; } -.-mx-36 { - margin-left: -9rem; - margin-right: -9rem; +.right-7 { + right: 1.75rem; } -.-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; +.bottom-7 { + bottom: 1.75rem; } -.-mx-40 { - margin-left: -10rem; - margin-right: -10rem; +.left-7 { + left: 1.75rem; } -.-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; +.top-8 { + top: 2rem; } -.-mx-44 { - margin-left: -11rem; - margin-right: -11rem; +.right-8 { + right: 2rem; } -.-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; +.bottom-8 { + bottom: 2rem; } -.-mx-48 { - margin-left: -12rem; - margin-right: -12rem; +.left-8 { + left: 2rem; } -.-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; +.top-9 { + top: 2.25rem; } -.-mx-52 { - margin-left: -13rem; - margin-right: -13rem; +.right-9 { + right: 2.25rem; } -.-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; +.bottom-9 { + bottom: 2.25rem; } -.-mx-56 { - margin-left: -14rem; - margin-right: -14rem; +.left-9 { + left: 2.25rem; } -.-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; +.top-10 { + top: 2.5rem; } -.-mx-60 { - margin-left: -15rem; - margin-right: -15rem; +.right-10 { + right: 2.5rem; } -.-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; +.bottom-10 { + bottom: 2.5rem; } -.-mx-64 { - margin-left: -16rem; - margin-right: -16rem; +.left-10 { + left: 2.5rem; } -.-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; +.top-12 { + top: 3rem; } -.-mx-72 { - margin-left: -18rem; - margin-right: -18rem; +.right-12 { + right: 3rem; } -.-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; +.bottom-12 { + bottom: 3rem; } -.-mx-80 { - margin-left: -20rem; - margin-right: -20rem; +.left-12 { + left: 3rem; } -.-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; +.top-14 { + top: 3.5rem; } -.-mx-96 { - margin-left: -24rem; - margin-right: -24rem; +.right-14 { + right: 3.5rem; } -.-my-px { - margin-top: -1px; - margin-bottom: -1px; +.bottom-14 { + bottom: 3.5rem; } -.-mx-px { - margin-left: -1px; - margin-right: -1px; +.left-14 { + left: 3.5rem; } -.-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; +.top-16 { + top: 4rem; } -.-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; +.right-16 { + right: 4rem; } -.-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; +.bottom-16 { + bottom: 4rem; } -.-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; +.left-16 { + left: 4rem; } -.-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; +.top-20 { + top: 5rem; } -.-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; +.right-20 { + right: 5rem; } -.-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; +.bottom-20 { + bottom: 5rem; } -.-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; +.left-20 { + left: 5rem; } -.mt-0 { - margin-top: 0; +.top-24 { + top: 6rem; } -.mr-0 { - margin-right: 0; +.right-24 { + right: 6rem; } -.mb-0 { - margin-bottom: 0; +.bottom-24 { + bottom: 6rem; } -.ml-0 { - margin-left: 0; +.left-24 { + left: 6rem; } -.mt-1 { - margin-top: 0.25rem; +.top-28 { + top: 7rem; } -.mr-1 { - margin-right: 0.25rem; +.right-28 { + right: 7rem; } -.mb-1 { - margin-bottom: 0.25rem; +.bottom-28 { + bottom: 7rem; } -.ml-1 { - margin-left: 0.25rem; +.left-28 { + left: 7rem; } -.mt-2 { - margin-top: 0.5rem; +.top-32 { + top: 8rem; } -.mr-2 { - margin-right: 0.5rem; +.right-32 { + right: 8rem; } -.mb-2 { - margin-bottom: 0.5rem; +.bottom-32 { + bottom: 8rem; } -.ml-2 { - margin-left: 0.5rem; +.left-32 { + left: 8rem; } -.mt-3 { - margin-top: 0.75rem; +.top-36 { + top: 9rem; } -.mr-3 { - margin-right: 0.75rem; +.right-36 { + right: 9rem; } -.mb-3 { - margin-bottom: 0.75rem; +.bottom-36 { + bottom: 9rem; } -.ml-3 { - margin-left: 0.75rem; +.left-36 { + left: 9rem; } -.mt-4 { - margin-top: 1rem; +.top-40 { + top: 10rem; } -.mr-4 { - margin-right: 1rem; +.right-40 { + right: 10rem; } -.mb-4 { - margin-bottom: 1rem; +.bottom-40 { + bottom: 10rem; } -.ml-4 { - margin-left: 1rem; +.left-40 { + left: 10rem; } -.mt-5 { - margin-top: 1.25rem; +.top-44 { + top: 11rem; } -.mr-5 { - margin-right: 1.25rem; +.right-44 { + right: 11rem; } -.mb-5 { - margin-bottom: 1.25rem; +.bottom-44 { + bottom: 11rem; } -.ml-5 { - margin-left: 1.25rem; +.left-44 { + left: 11rem; } -.mt-6 { - margin-top: 1.5rem; +.top-48 { + top: 12rem; } -.mr-6 { - margin-right: 1.5rem; +.right-48 { + right: 12rem; } -.mb-6 { - margin-bottom: 1.5rem; +.bottom-48 { + bottom: 12rem; } -.ml-6 { - margin-left: 1.5rem; +.left-48 { + left: 12rem; } -.mt-7 { - margin-top: 1.75rem; +.top-52 { + top: 13rem; } -.mr-7 { - margin-right: 1.75rem; +.right-52 { + right: 13rem; } -.mb-7 { - margin-bottom: 1.75rem; +.bottom-52 { + bottom: 13rem; } -.ml-7 { - margin-left: 1.75rem; +.left-52 { + left: 13rem; } -.mt-8 { - margin-top: 2rem; +.top-56 { + top: 14rem; } -.mr-8 { - margin-right: 2rem; +.right-56 { + right: 14rem; } -.mb-8 { - margin-bottom: 2rem; +.bottom-56 { + bottom: 14rem; } -.ml-8 { - margin-left: 2rem; +.left-56 { + left: 14rem; } -.mt-9 { - margin-top: 2.25rem; +.top-60 { + top: 15rem; } -.mr-9 { - margin-right: 2.25rem; +.right-60 { + right: 15rem; } -.mb-9 { - margin-bottom: 2.25rem; +.bottom-60 { + bottom: 15rem; } -.ml-9 { - margin-left: 2.25rem; +.left-60 { + left: 15rem; } -.mt-10 { - margin-top: 2.5rem; +.top-64 { + top: 16rem; } -.mr-10 { - margin-right: 2.5rem; +.right-64 { + right: 16rem; } -.mb-10 { - margin-bottom: 2.5rem; +.bottom-64 { + bottom: 16rem; } -.ml-10 { - margin-left: 2.5rem; +.left-64 { + left: 16rem; } -.mt-12 { - margin-top: 3rem; +.top-72 { + top: 18rem; } -.mr-12 { - margin-right: 3rem; +.right-72 { + right: 18rem; } -.mb-12 { - margin-bottom: 3rem; +.bottom-72 { + bottom: 18rem; } -.ml-12 { - margin-left: 3rem; +.left-72 { + left: 18rem; } -.mt-14 { - margin-top: 3.5rem; +.top-80 { + top: 20rem; } -.mr-14 { - margin-right: 3.5rem; +.right-80 { + right: 20rem; } -.mb-14 { - margin-bottom: 3.5rem; +.bottom-80 { + bottom: 20rem; } -.ml-14 { - margin-left: 3.5rem; +.left-80 { + left: 20rem; } -.mt-16 { - margin-top: 4rem; +.top-96 { + top: 24rem; } -.mr-16 { - margin-right: 4rem; +.right-96 { + right: 24rem; } -.mb-16 { - margin-bottom: 4rem; +.bottom-96 { + bottom: 24rem; } -.ml-16 { - margin-left: 4rem; +.left-96 { + left: 24rem; } -.mt-20 { - margin-top: 5rem; +.top-auto { + top: auto; } -.mr-20 { - margin-right: 5rem; +.right-auto { + right: auto; } -.mb-20 { - margin-bottom: 5rem; +.bottom-auto { + bottom: auto; } -.ml-20 { - margin-left: 5rem; +.left-auto { + left: auto; } -.mt-24 { - margin-top: 6rem; +.top-px { + top: 1px; } -.mr-24 { - margin-right: 6rem; +.right-px { + right: 1px; } -.mb-24 { - margin-bottom: 6rem; +.bottom-px { + bottom: 1px; } -.ml-24 { - margin-left: 6rem; +.left-px { + left: 1px; } -.mt-28 { - margin-top: 7rem; +.top-0\.5 { + top: 0.125rem; } -.mr-28 { - margin-right: 7rem; +.right-0\.5 { + right: 0.125rem; } -.mb-28 { - margin-bottom: 7rem; +.bottom-0\.5 { + bottom: 0.125rem; } -.ml-28 { - margin-left: 7rem; +.left-0\.5 { + left: 0.125rem; } -.mt-32 { - margin-top: 8rem; +.top-1\.5 { + top: 0.375rem; } -.mr-32 { - margin-right: 8rem; +.right-1\.5 { + right: 0.375rem; } -.mb-32 { - margin-bottom: 8rem; +.bottom-1\.5 { + bottom: 0.375rem; } -.ml-32 { - margin-left: 8rem; +.left-1\.5 { + left: 0.375rem; } -.mt-36 { - margin-top: 9rem; +.top-2\.5 { + top: 0.625rem; } -.mr-36 { - margin-right: 9rem; +.right-2\.5 { + right: 0.625rem; } -.mb-36 { - margin-bottom: 9rem; +.bottom-2\.5 { + bottom: 0.625rem; } -.ml-36 { - margin-left: 9rem; +.left-2\.5 { + left: 0.625rem; } -.mt-40 { - margin-top: 10rem; +.top-3\.5 { + top: 0.875rem; } -.mr-40 { - margin-right: 10rem; +.right-3\.5 { + right: 0.875rem; } -.mb-40 { - margin-bottom: 10rem; +.bottom-3\.5 { + bottom: 0.875rem; } -.ml-40 { - margin-left: 10rem; +.left-3\.5 { + left: 0.875rem; } -.mt-44 { - margin-top: 11rem; +.-top-1 { + top: -0.25rem; } -.mr-44 { - margin-right: 11rem; +.-right-1 { + right: -0.25rem; } -.mb-44 { - margin-bottom: 11rem; +.-bottom-1 { + bottom: -0.25rem; } -.ml-44 { - margin-left: 11rem; +.-left-1 { + left: -0.25rem; } -.mt-48 { - margin-top: 12rem; +.-top-2 { + top: -0.5rem; } -.mr-48 { - margin-right: 12rem; +.-right-2 { + right: -0.5rem; } -.mb-48 { - margin-bottom: 12rem; +.-bottom-2 { + bottom: -0.5rem; } -.ml-48 { - margin-left: 12rem; +.-left-2 { + left: -0.5rem; } -.mt-52 { - margin-top: 13rem; +.-top-3 { + top: -0.75rem; } -.mr-52 { - margin-right: 13rem; +.-right-3 { + right: -0.75rem; } -.mb-52 { - margin-bottom: 13rem; +.-bottom-3 { + bottom: -0.75rem; } -.ml-52 { - margin-left: 13rem; +.-left-3 { + left: -0.75rem; } -.mt-56 { - margin-top: 14rem; +.-top-4 { + top: -1rem; } -.mr-56 { - margin-right: 14rem; +.-right-4 { + right: -1rem; } -.mb-56 { - margin-bottom: 14rem; +.-bottom-4 { + bottom: -1rem; } -.ml-56 { - margin-left: 14rem; +.-left-4 { + left: -1rem; } -.mt-60 { - margin-top: 15rem; +.-top-5 { + top: -1.25rem; } -.mr-60 { - margin-right: 15rem; +.-right-5 { + right: -1.25rem; } -.mb-60 { - margin-bottom: 15rem; +.-bottom-5 { + bottom: -1.25rem; } -.ml-60 { - margin-left: 15rem; +.-left-5 { + left: -1.25rem; } -.mt-64 { - margin-top: 16rem; +.-top-6 { + top: -1.5rem; } -.mr-64 { - margin-right: 16rem; +.-right-6 { + right: -1.5rem; } -.mb-64 { - margin-bottom: 16rem; +.-bottom-6 { + bottom: -1.5rem; } -.ml-64 { - margin-left: 16rem; +.-left-6 { + left: -1.5rem; } -.mt-72 { - margin-top: 18rem; +.-top-7 { + top: -1.75rem; } -.mr-72 { - margin-right: 18rem; +.-right-7 { + right: -1.75rem; } -.mb-72 { - margin-bottom: 18rem; +.-bottom-7 { + bottom: -1.75rem; } -.ml-72 { - margin-left: 18rem; +.-left-7 { + left: -1.75rem; } -.mt-80 { - margin-top: 20rem; +.-top-8 { + top: -2rem; } -.mr-80 { - margin-right: 20rem; +.-right-8 { + right: -2rem; } -.mb-80 { - margin-bottom: 20rem; +.-bottom-8 { + bottom: -2rem; } -.ml-80 { - margin-left: 20rem; +.-left-8 { + left: -2rem; } -.mt-96 { - margin-top: 24rem; +.-top-9 { + top: -2.25rem; } -.mr-96 { - margin-right: 24rem; +.-right-9 { + right: -2.25rem; } -.mb-96 { - margin-bottom: 24rem; +.-bottom-9 { + bottom: -2.25rem; } -.ml-96 { - margin-left: 24rem; +.-left-9 { + left: -2.25rem; } -.mt-auto { - margin-top: auto; +.-top-10 { + top: -2.5rem; } -.mr-auto { - margin-right: auto; +.-right-10 { + right: -2.5rem; } -.mb-auto { - margin-bottom: auto; +.-bottom-10 { + bottom: -2.5rem; } -.ml-auto { - margin-left: auto; +.-left-10 { + left: -2.5rem; } -.mt-px { - margin-top: 1px; +.-top-12 { + top: -3rem; } -.mr-px { - margin-right: 1px; +.-right-12 { + right: -3rem; } -.mb-px { - margin-bottom: 1px; +.-bottom-12 { + bottom: -3rem; } -.ml-px { - margin-left: 1px; +.-left-12 { + left: -3rem; } -.mt-0\.5 { - margin-top: 0.125rem; +.-top-14 { + top: -3.5rem; } -.mr-0\.5 { - margin-right: 0.125rem; +.-right-14 { + right: -3.5rem; } -.mb-0\.5 { - margin-bottom: 0.125rem; +.-bottom-14 { + bottom: -3.5rem; } -.ml-0\.5 { - margin-left: 0.125rem; +.-left-14 { + left: -3.5rem; } -.mt-1\.5 { - margin-top: 0.375rem; +.-top-16 { + top: -4rem; } -.mr-1\.5 { - margin-right: 0.375rem; +.-right-16 { + right: -4rem; } -.mb-1\.5 { - margin-bottom: 0.375rem; +.-bottom-16 { + bottom: -4rem; } -.ml-1\.5 { - margin-left: 0.375rem; +.-left-16 { + left: -4rem; } -.mt-2\.5 { - margin-top: 0.625rem; +.-top-20 { + top: -5rem; } -.mr-2\.5 { - margin-right: 0.625rem; +.-right-20 { + right: -5rem; } -.mb-2\.5 { - margin-bottom: 0.625rem; +.-bottom-20 { + bottom: -5rem; } -.ml-2\.5 { - margin-left: 0.625rem; +.-left-20 { + left: -5rem; } -.mt-3\.5 { - margin-top: 0.875rem; +.-top-24 { + top: -6rem; } -.mr-3\.5 { - margin-right: 0.875rem; +.-right-24 { + right: -6rem; } -.mb-3\.5 { - margin-bottom: 0.875rem; +.-bottom-24 { + bottom: -6rem; } -.ml-3\.5 { - margin-left: 0.875rem; +.-left-24 { + left: -6rem; } -.-mt-1 { - margin-top: -0.25rem; +.-top-28 { + top: -7rem; } -.-mr-1 { - margin-right: -0.25rem; +.-right-28 { + right: -7rem; } -.-mb-1 { - margin-bottom: -0.25rem; +.-bottom-28 { + bottom: -7rem; } -.-ml-1 { - margin-left: -0.25rem; +.-left-28 { + left: -7rem; } -.-mt-2 { - margin-top: -0.5rem; +.-top-32 { + top: -8rem; } -.-mr-2 { - margin-right: -0.5rem; +.-right-32 { + right: -8rem; } -.-mb-2 { - margin-bottom: -0.5rem; +.-bottom-32 { + bottom: -8rem; } -.-ml-2 { - margin-left: -0.5rem; +.-left-32 { + left: -8rem; } -.-mt-3 { - margin-top: -0.75rem; +.-top-36 { + top: -9rem; } -.-mr-3 { - margin-right: -0.75rem; +.-right-36 { + right: -9rem; } -.-mb-3 { - margin-bottom: -0.75rem; +.-bottom-36 { + bottom: -9rem; } -.-ml-3 { - margin-left: -0.75rem; +.-left-36 { + left: -9rem; } -.-mt-4 { - margin-top: -1rem; +.-top-40 { + top: -10rem; } -.-mr-4 { - margin-right: -1rem; +.-right-40 { + right: -10rem; } -.-mb-4 { - margin-bottom: -1rem; +.-bottom-40 { + bottom: -10rem; } -.-ml-4 { - margin-left: -1rem; +.-left-40 { + left: -10rem; } -.-mt-5 { - margin-top: -1.25rem; +.-top-44 { + top: -11rem; } -.-mr-5 { - margin-right: -1.25rem; +.-right-44 { + right: -11rem; } -.-mb-5 { - margin-bottom: -1.25rem; +.-bottom-44 { + bottom: -11rem; } -.-ml-5 { - margin-left: -1.25rem; +.-left-44 { + left: -11rem; } -.-mt-6 { - margin-top: -1.5rem; +.-top-48 { + top: -12rem; } -.-mr-6 { - margin-right: -1.5rem; +.-right-48 { + right: -12rem; } -.-mb-6 { - margin-bottom: -1.5rem; +.-bottom-48 { + bottom: -12rem; } -.-ml-6 { - margin-left: -1.5rem; +.-left-48 { + left: -12rem; } -.-mt-7 { - margin-top: -1.75rem; +.-top-52 { + top: -13rem; } -.-mr-7 { - margin-right: -1.75rem; +.-right-52 { + right: -13rem; } -.-mb-7 { - margin-bottom: -1.75rem; +.-bottom-52 { + bottom: -13rem; } -.-ml-7 { - margin-left: -1.75rem; +.-left-52 { + left: -13rem; } -.-mt-8 { - margin-top: -2rem; +.-top-56 { + top: -14rem; } -.-mr-8 { - margin-right: -2rem; +.-right-56 { + right: -14rem; } -.-mb-8 { - margin-bottom: -2rem; +.-bottom-56 { + bottom: -14rem; } -.-ml-8 { - margin-left: -2rem; +.-left-56 { + left: -14rem; } -.-mt-9 { - margin-top: -2.25rem; +.-top-60 { + top: -15rem; } -.-mr-9 { - margin-right: -2.25rem; +.-right-60 { + right: -15rem; } -.-mb-9 { - margin-bottom: -2.25rem; +.-bottom-60 { + bottom: -15rem; } -.-ml-9 { - margin-left: -2.25rem; +.-left-60 { + left: -15rem; } -.-mt-10 { - margin-top: -2.5rem; +.-top-64 { + top: -16rem; } -.-mr-10 { - margin-right: -2.5rem; +.-right-64 { + right: -16rem; } -.-mb-10 { - margin-bottom: -2.5rem; +.-bottom-64 { + bottom: -16rem; } -.-ml-10 { - margin-left: -2.5rem; +.-left-64 { + left: -16rem; } -.-mt-12 { - margin-top: -3rem; +.-top-72 { + top: -18rem; } -.-mr-12 { - margin-right: -3rem; +.-right-72 { + right: -18rem; } -.-mb-12 { - margin-bottom: -3rem; +.-bottom-72 { + bottom: -18rem; } -.-ml-12 { - margin-left: -3rem; +.-left-72 { + left: -18rem; } -.-mt-14 { - margin-top: -3.5rem; +.-top-80 { + top: -20rem; } -.-mr-14 { - margin-right: -3.5rem; +.-right-80 { + right: -20rem; } -.-mb-14 { - margin-bottom: -3.5rem; +.-bottom-80 { + bottom: -20rem; } -.-ml-14 { - margin-left: -3.5rem; +.-left-80 { + left: -20rem; } -.-mt-16 { - margin-top: -4rem; +.-top-96 { + top: -24rem; } -.-mr-16 { - margin-right: -4rem; +.-right-96 { + right: -24rem; } -.-mb-16 { - margin-bottom: -4rem; +.-bottom-96 { + bottom: -24rem; } -.-ml-16 { - margin-left: -4rem; +.-left-96 { + left: -24rem; } -.-mt-20 { - margin-top: -5rem; +.-top-px { + top: -1px; } -.-mr-20 { - margin-right: -5rem; +.-right-px { + right: -1px; } -.-mb-20 { - margin-bottom: -5rem; +.-bottom-px { + bottom: -1px; } -.-ml-20 { - margin-left: -5rem; +.-left-px { + left: -1px; } -.-mt-24 { - margin-top: -6rem; +.-top-0\.5 { + top: -0.125rem; } -.-mr-24 { - margin-right: -6rem; +.-right-0\.5 { + right: -0.125rem; } -.-mb-24 { - margin-bottom: -6rem; +.-bottom-0\.5 { + bottom: -0.125rem; } -.-ml-24 { - margin-left: -6rem; +.-left-0\.5 { + left: -0.125rem; } -.-mt-28 { - margin-top: -7rem; +.-top-1\.5 { + top: -0.375rem; } -.-mr-28 { - margin-right: -7rem; +.-right-1\.5 { + right: -0.375rem; } -.-mb-28 { - margin-bottom: -7rem; +.-bottom-1\.5 { + bottom: -0.375rem; } -.-ml-28 { - margin-left: -7rem; +.-left-1\.5 { + left: -0.375rem; } -.-mt-32 { - margin-top: -8rem; +.-top-2\.5 { + top: -0.625rem; } -.-mr-32 { - margin-right: -8rem; +.-right-2\.5 { + right: -0.625rem; } -.-mb-32 { - margin-bottom: -8rem; +.-bottom-2\.5 { + bottom: -0.625rem; } -.-ml-32 { - margin-left: -8rem; +.-left-2\.5 { + left: -0.625rem; } -.-mt-36 { - margin-top: -9rem; +.-top-3\.5 { + top: -0.875rem; } -.-mr-36 { - margin-right: -9rem; +.-right-3\.5 { + right: -0.875rem; } -.-mb-36 { - margin-bottom: -9rem; +.-bottom-3\.5 { + bottom: -0.875rem; } -.-ml-36 { - margin-left: -9rem; +.-left-3\.5 { + left: -0.875rem; } -.-mt-40 { - margin-top: -10rem; +.top-1\/2 { + top: 50%; } -.-mr-40 { - margin-right: -10rem; +.right-1\/2 { + right: 50%; } -.-mb-40 { - margin-bottom: -10rem; +.bottom-1\/2 { + bottom: 50%; } -.-ml-40 { - margin-left: -10rem; +.left-1\/2 { + left: 50%; } -.-mt-44 { - margin-top: -11rem; +.top-1\/3 { + top: 33.333333%; } -.-mr-44 { - margin-right: -11rem; +.right-1\/3 { + right: 33.333333%; } -.-mb-44 { - margin-bottom: -11rem; +.bottom-1\/3 { + bottom: 33.333333%; } -.-ml-44 { - margin-left: -11rem; +.left-1\/3 { + left: 33.333333%; } -.-mt-48 { - margin-top: -12rem; +.top-2\/3 { + top: 66.666667%; } -.-mr-48 { - margin-right: -12rem; +.right-2\/3 { + right: 66.666667%; } -.-mb-48 { - margin-bottom: -12rem; +.bottom-2\/3 { + bottom: 66.666667%; } -.-ml-48 { - margin-left: -12rem; +.left-2\/3 { + left: 66.666667%; } -.-mt-52 { - margin-top: -13rem; +.top-1\/4 { + top: 25%; } -.-mr-52 { - margin-right: -13rem; +.right-1\/4 { + right: 25%; } -.-mb-52 { - margin-bottom: -13rem; +.bottom-1\/4 { + bottom: 25%; } -.-ml-52 { - margin-left: -13rem; +.left-1\/4 { + left: 25%; } -.-mt-56 { - margin-top: -14rem; +.top-2\/4 { + top: 50%; } -.-mr-56 { - margin-right: -14rem; +.right-2\/4 { + right: 50%; } -.-mb-56 { - margin-bottom: -14rem; +.bottom-2\/4 { + bottom: 50%; } -.-ml-56 { - margin-left: -14rem; +.left-2\/4 { + left: 50%; } -.-mt-60 { - margin-top: -15rem; +.top-3\/4 { + top: 75%; } -.-mr-60 { - margin-right: -15rem; +.right-3\/4 { + right: 75%; } -.-mb-60 { - margin-bottom: -15rem; +.bottom-3\/4 { + bottom: 75%; } -.-ml-60 { - margin-left: -15rem; +.left-3\/4 { + left: 75%; } -.-mt-64 { - margin-top: -16rem; +.top-full { + top: 100%; } -.-mr-64 { - margin-right: -16rem; +.right-full { + right: 100%; } -.-mb-64 { - margin-bottom: -16rem; +.bottom-full { + bottom: 100%; } -.-ml-64 { - margin-left: -16rem; +.left-full { + left: 100%; } -.-mt-72 { - margin-top: -18rem; +.-top-1\/2 { + top: -50%; } -.-mr-72 { - margin-right: -18rem; +.-right-1\/2 { + right: -50%; } -.-mb-72 { - margin-bottom: -18rem; +.-bottom-1\/2 { + bottom: -50%; } -.-ml-72 { - margin-left: -18rem; +.-left-1\/2 { + left: -50%; } -.-mt-80 { - margin-top: -20rem; +.-top-1\/3 { + top: -33.333333%; } -.-mr-80 { - margin-right: -20rem; +.-right-1\/3 { + right: -33.333333%; } -.-mb-80 { - margin-bottom: -20rem; +.-bottom-1\/3 { + bottom: -33.333333%; } -.-ml-80 { - margin-left: -20rem; +.-left-1\/3 { + left: -33.333333%; } -.-mt-96 { - margin-top: -24rem; +.-top-2\/3 { + top: -66.666667%; } -.-mr-96 { - margin-right: -24rem; +.-right-2\/3 { + right: -66.666667%; } -.-mb-96 { - margin-bottom: -24rem; +.-bottom-2\/3 { + bottom: -66.666667%; } -.-ml-96 { - margin-left: -24rem; +.-left-2\/3 { + left: -66.666667%; } -.-mt-px { - margin-top: -1px; +.-top-1\/4 { + top: -25%; } -.-mr-px { - margin-right: -1px; +.-right-1\/4 { + right: -25%; } -.-mb-px { - margin-bottom: -1px; +.-bottom-1\/4 { + bottom: -25%; } -.-ml-px { - margin-left: -1px; +.-left-1\/4 { + left: -25%; } -.-mt-0\.5 { - margin-top: -0.125rem; +.-top-2\/4 { + top: -50%; } -.-mr-0\.5 { - margin-right: -0.125rem; +.-right-2\/4 { + right: -50%; } -.-mb-0\.5 { - margin-bottom: -0.125rem; +.-bottom-2\/4 { + bottom: -50%; } -.-ml-0\.5 { - margin-left: -0.125rem; +.-left-2\/4 { + left: -50%; } -.-mt-1\.5 { - margin-top: -0.375rem; +.-top-3\/4 { + top: -75%; } -.-mr-1\.5 { - margin-right: -0.375rem; +.-right-3\/4 { + right: -75%; } -.-mb-1\.5 { - margin-bottom: -0.375rem; +.-bottom-3\/4 { + bottom: -75%; } -.-ml-1\.5 { - margin-left: -0.375rem; +.-left-3\/4 { + left: -75%; } -.-mt-2\.5 { - margin-top: -0.625rem; +.-top-full { + top: -100%; } -.-mr-2\.5 { - margin-right: -0.625rem; +.-right-full { + right: -100%; } -.-mb-2\.5 { - margin-bottom: -0.625rem; +.-bottom-full { + bottom: -100%; } -.-ml-2\.5 { - margin-left: -0.625rem; +.-left-full { + left: -100%; } -.-mt-3\.5 { - margin-top: -0.875rem; +.resize-none { + resize: none; } -.-mr-3\.5 { - margin-right: -0.875rem; +.resize-y { + resize: vertical; } -.-mb-3\.5 { - margin-bottom: -0.875rem; +.resize-x { + resize: horizontal; } -.-ml-3\.5 { - margin-left: -0.875rem; +.resize { + resize: both; } -.max-h-0 { - max-height: 0; +.shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.max-h-1 { - max-height: 0.25rem; +.shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.max-h-2 { - max-height: 0.5rem; +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } -.max-h-3 { - max-height: 0.75rem; +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } -.max-h-4 { - max-height: 1rem; +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } -.max-h-5 { - max-height: 1.25rem; +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } -.max-h-6 { - max-height: 1.5rem; +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.max-h-7 { - max-height: 1.75rem; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.max-h-8 { - max-height: 2rem; +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.max-h-9 { - max-height: 2.25rem; +.shadow-none { + box-shadow: none; } -.max-h-10 { - max-height: 2.5rem; +.hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.max-h-12 { - max-height: 3rem; +.hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.max-h-14 { - max-height: 3.5rem; +.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); } -.max-h-16 { - max-height: 4rem; +.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); } -.max-h-20 { - max-height: 5rem; +.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); } -.max-h-24 { - max-height: 6rem; +.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); } -.max-h-28 { - max-height: 7rem; +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.max-h-32 { - max-height: 8rem; +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.max-h-36 { - max-height: 9rem; +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.max-h-40 { - max-height: 10rem; +.hover\:shadow-none:hover { + box-shadow: none; } -.max-h-44 { - max-height: 11rem; +.focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.max-h-48 { - max-height: 12rem; +.focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.max-h-52 { - max-height: 13rem; +.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); } -.max-h-56 { - max-height: 14rem; +.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); } -.max-h-60 { - max-height: 15rem; +.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); } -.max-h-64 { - max-height: 16rem; +.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); } -.max-h-72 { - max-height: 18rem; +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.max-h-80 { - max-height: 20rem; +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.max-h-96 { - max-height: 24rem; +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.max-h-px { - max-height: 1px; +.focus\:shadow-none:focus { + box-shadow: none; } -.max-h-0\.5 { - max-height: 0.125rem; +.fill-current { + fill: currentColor; } -.max-h-1\.5 { - max-height: 0.375rem; +.stroke-current { + stroke: currentColor; } -.max-h-2\.5 { - max-height: 0.625rem; +.stroke-0 { + stroke-width: 0; } -.max-h-3\.5 { - max-height: 0.875rem; +.stroke-1 { + stroke-width: 1; } -.max-h-full { - max-height: 100%; +.stroke-2 { + stroke-width: 2; } -.max-h-screen { - max-height: 100vh; +.table-auto { + table-layout: auto; } -.max-w-0 { - max-width: 0rem; +.table-fixed { + table-layout: fixed; } -.max-w-none { - max-width: none; +.text-left { + text-align: left; } -.max-w-xs { - max-width: 20rem; +.text-center { + text-align: center; } -.max-w-sm { - max-width: 24rem; +.text-right { + text-align: right; } -.max-w-md { - max-width: 28rem; +.text-justify { + text-align: justify; } -.max-w-lg { - max-width: 32rem; +.text-transparent { + color: transparent; } -.max-w-xl { - max-width: 36rem; +.text-current { + color: currentColor; } -.max-w-2xl { - max-width: 42rem; +.text-black { + color: #000; } -.max-w-3xl { - max-width: 48rem; +.text-white { + color: #fff; } -.max-w-4xl { - max-width: 56rem; +.text-gray-50 { + color: #fafafa; } -.max-w-5xl { - max-width: 64rem; +.text-gray-100 { + color: #f4f4f5; } -.max-w-6xl { - max-width: 72rem; +.text-gray-200 { + color: #e4e4e7; } -.max-w-7xl { - max-width: 80rem; +.text-gray-300 { + color: #d4d4d8; } -.max-w-full { - max-width: 100%; +.text-gray-400 { + color: #a1a1aa; } -.max-w-min { - max-width: min-content; +.text-gray-500 { + color: #71717a; } -.max-w-max { - max-width: max-content; +.text-gray-600 { + color: #52525b; } -.max-w-screen-sm { - max-width: 640px; +.text-gray-700 { + color: #3f3f46; } -.max-w-screen-md { - max-width: 768px; +.text-gray-800 { + color: #27272a; } -.max-w-screen-lg { - max-width: 1024px; +.text-gray-900 { + color: #18181b; } -.max-w-screen-xl { - max-width: 1280px; +.text-red-50 { + color: #fef2f2; } -.max-w-screen-2xl { - max-width: 1536px; +.text-red-100 { + color: #fee2e2; } -.min-h-0 { - min-height: 0; +.text-red-200 { + color: #fecaca; } -.min-h-full { - min-height: 100%; +.text-red-300 { + color: #fca5a5; } -.min-h-screen { - min-height: 100vh; +.text-red-400 { + color: #f87171; } -.min-w-0 { - min-width: 0; +.text-red-500 { + color: #ef4444; } -.min-w-full { - min-width: 100%; +.text-red-600 { + color: #dc2626; } -.min-w-min { - min-width: min-content; +.text-red-700 { + color: #b91c1c; } -.min-w-max { - min-width: max-content; +.text-red-800 { + color: #991b1b; } -.object-contain { - object-fit: contain; +.text-red-900 { + color: #7f1d1d; } -.object-cover { - object-fit: cover; +.text-yellow-50 { + color: #fffbeb; } -.object-fill { - object-fit: fill; +.text-yellow-100 { + color: #fef3c7; } -.object-none { - object-fit: none; +.text-yellow-200 { + color: #fde68a; } -.object-scale-down { - object-fit: scale-down; +.text-yellow-300 { + color: #fcd34d; } -.object-bottom { - object-position: bottom; +.text-yellow-400 { + color: #fbbf24; } -.object-center { - object-position: center; +.text-yellow-500 { + color: #f59e0b; } -.object-left { - object-position: left; +.text-yellow-600 { + color: #d97706; } -.object-left-bottom { - object-position: left bottom; +.text-yellow-700 { + color: #b45309; } -.object-left-top { - object-position: left top; +.text-yellow-800 { + color: #92400e; } -.object-right { - object-position: right; +.text-yellow-900 { + color: #78350f; } -.object-right-bottom { - object-position: right bottom; +.text-green-50 { + color: #ecfdf5; } -.object-right-top { - object-position: right top; +.text-green-100 { + color: #d1fae5; } -.object-top { - object-position: top; +.text-green-200 { + color: #a7f3d0; } -.opacity-0 { - opacity: 0; +.text-green-300 { + color: #6ee7b7; } -.opacity-25 { - opacity: 0.25; +.text-green-400 { + color: #34d399; } -.opacity-50 { - opacity: 0.5; +.text-green-500 { + color: #10b981; } -.opacity-75 { - opacity: 0.75; +.text-green-600 { + color: #059669; } -.opacity-100 { - opacity: 1; +.text-green-700 { + color: #047857; } -.group:hover .group-hover\:opacity-0 { - opacity: 0; +.text-green-800 { + color: #065f46; } -.group:hover .group-hover\:opacity-25 { - opacity: 0.25; +.text-green-900 { + color: #064e3b; } -.group:hover .group-hover\:opacity-50 { - opacity: 0.5; +.text-blue-50 { + color: #eff6ff; } -.group:hover .group-hover\:opacity-75 { - opacity: 0.75; +.text-blue-100 { + color: #dbeafe; } -.group:hover .group-hover\:opacity-100 { - opacity: 1; +.text-blue-200 { + color: #bfdbfe; } -.hover\:opacity-0:hover { - opacity: 0; +.text-blue-300 { + color: #93c5fd; } -.hover\:opacity-25:hover { - opacity: 0.25; +.text-blue-400 { + color: #60a5fa; } -.hover\:opacity-50:hover { - opacity: 0.5; +.text-blue-500 { + color: #3b82f6; } -.hover\:opacity-75:hover { - opacity: 0.75; +.text-blue-600 { + color: #2563eb; } -.hover\:opacity-100:hover { - opacity: 1; +.text-blue-700 { + color: #1d4ed8; } -.focus\:opacity-0:focus { - opacity: 0; +.text-blue-800 { + color: #1e40af; } -.focus\:opacity-25:focus { - opacity: 0.25; +.text-blue-900 { + color: #1e3a8a; } -.focus\:opacity-50:focus { - opacity: 0.5; +.text-purple-50 { + color: #f5f3ff; } -.focus\:opacity-75:focus { - opacity: 0.75; +.text-purple-100 { + color: #ede9fe; } -.focus\:opacity-100:focus { - opacity: 1; +.text-purple-200 { + color: #ddd6fe; } -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; +.text-purple-300 { + color: #c4b5fd; } -.outline-white { - outline: 2px dotted white; - outline-offset: 2px; +.text-purple-400 { + color: #a78bfa; } -.outline-black { - outline: 2px dotted black; - outline-offset: 2px; +.text-purple-500 { + color: #8b5cf6; } -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; +.text-purple-600 { + color: #7c3aed; } -.focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; +.text-purple-700 { + color: #6d28d9; } -.focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; +.text-purple-800 { + color: #5b21b6; } -.overflow-auto { - overflow: auto; +.text-purple-900 { + color: #4c1d95; } -.overflow-hidden { - overflow: hidden; +.text-pink-50 { + color: #fdf2f8; } -.overflow-visible { - overflow: visible; +.text-pink-100 { + color: #fce7f3; } -.overflow-scroll { - overflow: scroll; +.text-pink-200 { + color: #fbcfe8; } -.overflow-x-auto { - overflow-x: auto; +.text-pink-300 { + color: #f9a8d4; } -.overflow-y-auto { - overflow-y: auto; +.text-pink-400 { + color: #f472b6; } -.overflow-x-hidden { - overflow-x: hidden; +.text-pink-500 { + color: #ec4899; } -.overflow-y-hidden { - overflow-y: hidden; +.text-pink-600 { + color: #db2777; } -.overflow-x-visible { - overflow-x: visible; +.text-pink-700 { + color: #be185d; } -.overflow-y-visible { - overflow-y: visible; +.text-pink-800 { + color: #9d174d; } -.overflow-x-scroll { - overflow-x: scroll; +.text-pink-900 { + color: #831843; } -.overflow-y-scroll { - overflow-y: scroll; +.group:hover .group-hover\:text-transparent { + color: transparent; } -.overscroll-auto { - overscroll-behavior: auto; +.group:hover .group-hover\:text-current { + color: currentColor; } -.overscroll-contain { - overscroll-behavior: contain; +.group:hover .group-hover\:text-black { + color: #000; } -.overscroll-none { - overscroll-behavior: none; +.group:hover .group-hover\:text-white { + color: #fff; } -.overscroll-y-auto { - overscroll-behavior-y: auto; +.group:hover .group-hover\:text-gray-50 { + color: #fafafa; } -.overscroll-y-contain { - overscroll-behavior-y: contain; +.group:hover .group-hover\:text-gray-100 { + color: #f4f4f5; } -.overscroll-y-none { - overscroll-behavior-y: none; +.group:hover .group-hover\:text-gray-200 { + color: #e4e4e7; } -.overscroll-x-auto { - overscroll-behavior-x: auto; +.group:hover .group-hover\:text-gray-300 { + color: #d4d4d8; } -.overscroll-x-contain { - overscroll-behavior-x: contain; +.group:hover .group-hover\:text-gray-400 { + color: #a1a1aa; } -.overscroll-x-none { - overscroll-behavior-x: none; +.group:hover .group-hover\:text-gray-500 { + color: #71717a; } -.p-0 { - padding: 0; +.group:hover .group-hover\:text-gray-600 { + color: #52525b; } -.p-1 { - padding: 0.25rem; +.group:hover .group-hover\:text-gray-700 { + color: #3f3f46; } -.p-2 { - padding: 0.5rem; +.group:hover .group-hover\:text-gray-800 { + color: #27272a; } -.p-3 { - padding: 0.75rem; +.group:hover .group-hover\:text-gray-900 { + color: #18181b; } -.p-4 { - padding: 1rem; +.group:hover .group-hover\:text-red-50 { + color: #fef2f2; } -.p-5 { - padding: 1.25rem; +.group:hover .group-hover\:text-red-100 { + color: #fee2e2; } -.p-6 { - padding: 1.5rem; +.group:hover .group-hover\:text-red-200 { + color: #fecaca; } -.p-7 { - padding: 1.75rem; +.group:hover .group-hover\:text-red-300 { + color: #fca5a5; } -.p-8 { - padding: 2rem; +.group:hover .group-hover\:text-red-400 { + color: #f87171; } -.p-9 { - padding: 2.25rem; +.group:hover .group-hover\:text-red-500 { + color: #ef4444; } -.p-10 { - padding: 2.5rem; +.group:hover .group-hover\:text-red-600 { + color: #dc2626; } -.p-12 { - padding: 3rem; +.group:hover .group-hover\:text-red-700 { + color: #b91c1c; } -.p-14 { - padding: 3.5rem; +.group:hover .group-hover\:text-red-800 { + color: #991b1b; } -.p-16 { - padding: 4rem; +.group:hover .group-hover\:text-red-900 { + color: #7f1d1d; } -.p-20 { - padding: 5rem; +.group:hover .group-hover\:text-yellow-50 { + color: #fffbeb; } -.p-24 { - padding: 6rem; +.group:hover .group-hover\:text-yellow-100 { + color: #fef3c7; } -.p-28 { - padding: 7rem; +.group:hover .group-hover\:text-yellow-200 { + color: #fde68a; } -.p-32 { - padding: 8rem; +.group:hover .group-hover\:text-yellow-300 { + color: #fcd34d; } -.p-36 { - padding: 9rem; +.group:hover .group-hover\:text-yellow-400 { + color: #fbbf24; } -.p-40 { - padding: 10rem; +.group:hover .group-hover\:text-yellow-500 { + color: #f59e0b; } -.p-44 { - padding: 11rem; +.group:hover .group-hover\:text-yellow-600 { + color: #d97706; } -.p-48 { - padding: 12rem; +.group:hover .group-hover\:text-yellow-700 { + color: #b45309; } -.p-52 { - padding: 13rem; +.group:hover .group-hover\:text-yellow-800 { + color: #92400e; } -.p-56 { - padding: 14rem; +.group:hover .group-hover\:text-yellow-900 { + color: #78350f; } -.p-60 { - padding: 15rem; +.group:hover .group-hover\:text-green-50 { + color: #ecfdf5; } -.p-64 { - padding: 16rem; +.group:hover .group-hover\:text-green-100 { + color: #d1fae5; } -.p-72 { - padding: 18rem; +.group:hover .group-hover\:text-green-200 { + color: #a7f3d0; } -.p-80 { - padding: 20rem; +.group:hover .group-hover\:text-green-300 { + color: #6ee7b7; } -.p-96 { - padding: 24rem; +.group:hover .group-hover\:text-green-400 { + color: #34d399; } -.p-px { - padding: 1px; +.group:hover .group-hover\:text-green-500 { + color: #10b981; } -.p-0\.5 { - padding: 0.125rem; +.group:hover .group-hover\:text-green-600 { + color: #059669; } -.p-1\.5 { - padding: 0.375rem; +.group:hover .group-hover\:text-green-700 { + color: #047857; } -.p-2\.5 { - padding: 0.625rem; +.group:hover .group-hover\:text-green-800 { + color: #065f46; } -.p-3\.5 { - padding: 0.875rem; +.group:hover .group-hover\:text-green-900 { + color: #064e3b; } -.py-0 { - padding-top: 0; - padding-bottom: 0; +.group:hover .group-hover\:text-blue-50 { + color: #eff6ff; } -.px-0 { - padding-left: 0; - padding-right: 0; +.group:hover .group-hover\:text-blue-100 { + color: #dbeafe; } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.group:hover .group-hover\:text-blue-200 { + color: #bfdbfe; } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.group:hover .group-hover\:text-blue-300 { + color: #93c5fd; } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.group:hover .group-hover\:text-blue-400 { + color: #60a5fa; } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.group:hover .group-hover\:text-blue-500 { + color: #3b82f6; } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.group:hover .group-hover\:text-blue-600 { + color: #2563eb; } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.group:hover .group-hover\:text-blue-700 { + color: #1d4ed8; } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.group:hover .group-hover\:text-blue-800 { + color: #1e40af; } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; +.group:hover .group-hover\:text-blue-900 { + color: #1e3a8a; } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; +.group:hover .group-hover\:text-purple-50 { + color: #f5f3ff; } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; +.group:hover .group-hover\:text-purple-100 { + color: #ede9fe; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.group:hover .group-hover\:text-purple-200 { + color: #ddd6fe; } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; +.group:hover .group-hover\:text-purple-300 { + color: #c4b5fd; } -.py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; +.group:hover .group-hover\:text-purple-400 { + color: #a78bfa; } -.px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; +.group:hover .group-hover\:text-purple-500 { + color: #8b5cf6; } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; +.group:hover .group-hover\:text-purple-600 { + color: #7c3aed; } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; +.group:hover .group-hover\:text-purple-700 { + color: #6d28d9; } -.py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; +.group:hover .group-hover\:text-purple-800 { + color: #5b21b6; } -.px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; +.group:hover .group-hover\:text-purple-900 { + color: #4c1d95; } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; +.group:hover .group-hover\:text-pink-50 { + color: #fdf2f8; } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; +.group:hover .group-hover\:text-pink-100 { + color: #fce7f3; } -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; +.group:hover .group-hover\:text-pink-200 { + color: #fbcfe8; } -.px-12 { - padding-left: 3rem; - padding-right: 3rem; +.group:hover .group-hover\:text-pink-300 { + color: #f9a8d4; } -.py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; +.group:hover .group-hover\:text-pink-400 { + color: #f472b6; } -.px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; +.group:hover .group-hover\:text-pink-500 { + color: #ec4899; } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; +.group:hover .group-hover\:text-pink-600 { + color: #db2777; } -.px-16 { - padding-left: 4rem; - padding-right: 4rem; +.group:hover .group-hover\:text-pink-700 { + color: #be185d; } -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; +.group:hover .group-hover\:text-pink-800 { + color: #9d174d; } -.px-20 { - padding-left: 5rem; - padding-right: 5rem; +.group:hover .group-hover\:text-pink-900 { + color: #831843; } -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; +.hover\:text-transparent:hover { + color: transparent; } -.px-24 { - padding-left: 6rem; - padding-right: 6rem; +.hover\:text-current:hover { + color: currentColor; } -.py-28 { - padding-top: 7rem; - padding-bottom: 7rem; +.hover\:text-black:hover { + color: #000; } -.px-28 { - padding-left: 7rem; - padding-right: 7rem; +.hover\:text-white:hover { + color: #fff; } -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; +.hover\:text-gray-50:hover { + color: #fafafa; } -.px-32 { - padding-left: 8rem; - padding-right: 8rem; +.hover\:text-gray-100:hover { + color: #f4f4f5; } -.py-36 { - padding-top: 9rem; - padding-bottom: 9rem; +.hover\:text-gray-200:hover { + color: #e4e4e7; } -.px-36 { - padding-left: 9rem; - padding-right: 9rem; +.hover\:text-gray-300:hover { + color: #d4d4d8; } -.py-40 { - padding-top: 10rem; - padding-bottom: 10rem; +.hover\:text-gray-400:hover { + color: #a1a1aa; } -.px-40 { - padding-left: 10rem; - padding-right: 10rem; +.hover\:text-gray-500:hover { + color: #71717a; } -.py-44 { - padding-top: 11rem; - padding-bottom: 11rem; +.hover\:text-gray-600:hover { + color: #52525b; } -.px-44 { - padding-left: 11rem; - padding-right: 11rem; +.hover\:text-gray-700:hover { + color: #3f3f46; } -.py-48 { - padding-top: 12rem; - padding-bottom: 12rem; +.hover\:text-gray-800:hover { + color: #27272a; } -.px-48 { - padding-left: 12rem; - padding-right: 12rem; +.hover\:text-gray-900:hover { + color: #18181b; } -.py-52 { - padding-top: 13rem; - padding-bottom: 13rem; +.hover\:text-red-50:hover { + color: #fef2f2; } -.px-52 { - padding-left: 13rem; - padding-right: 13rem; +.hover\:text-red-100:hover { + color: #fee2e2; } -.py-56 { - padding-top: 14rem; - padding-bottom: 14rem; +.hover\:text-red-200:hover { + color: #fecaca; } -.px-56 { - padding-left: 14rem; - padding-right: 14rem; +.hover\:text-red-300:hover { + color: #fca5a5; } -.py-60 { - padding-top: 15rem; - padding-bottom: 15rem; +.hover\:text-red-400:hover { + color: #f87171; } -.px-60 { - padding-left: 15rem; - padding-right: 15rem; +.hover\:text-red-500:hover { + color: #ef4444; } -.py-64 { - padding-top: 16rem; - padding-bottom: 16rem; +.hover\:text-red-600:hover { + color: #dc2626; } -.px-64 { - padding-left: 16rem; - padding-right: 16rem; +.hover\:text-red-700:hover { + color: #b91c1c; } -.py-72 { - padding-top: 18rem; - padding-bottom: 18rem; +.hover\:text-red-800:hover { + color: #991b1b; } -.px-72 { - padding-left: 18rem; - padding-right: 18rem; +.hover\:text-red-900:hover { + color: #7f1d1d; } -.py-80 { - padding-top: 20rem; - padding-bottom: 20rem; +.hover\:text-yellow-50:hover { + color: #fffbeb; } -.px-80 { - padding-left: 20rem; - padding-right: 20rem; +.hover\:text-yellow-100:hover { + color: #fef3c7; } -.py-96 { - padding-top: 24rem; - padding-bottom: 24rem; +.hover\:text-yellow-200:hover { + color: #fde68a; } -.px-96 { - padding-left: 24rem; - padding-right: 24rem; +.hover\:text-yellow-300:hover { + color: #fcd34d; } -.py-px { - padding-top: 1px; - padding-bottom: 1px; +.hover\:text-yellow-400:hover { + color: #fbbf24; } -.px-px { - padding-left: 1px; - padding-right: 1px; +.hover\:text-yellow-500:hover { + color: #f59e0b; } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; +.hover\:text-yellow-600:hover { + color: #d97706; } -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; +.hover\:text-yellow-700:hover { + color: #b45309; } -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; +.hover\:text-yellow-800:hover { + color: #92400e; } -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; +.hover\:text-yellow-900:hover { + color: #78350f; } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; +.hover\:text-green-50:hover { + color: #ecfdf5; } -.px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; +.hover\:text-green-100:hover { + color: #d1fae5; } -.py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; +.hover\:text-green-200:hover { + color: #a7f3d0; } -.px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; +.hover\:text-green-300:hover { + color: #6ee7b7; } -.pt-0 { - padding-top: 0; +.hover\:text-green-400:hover { + color: #34d399; } -.pr-0 { - padding-right: 0; +.hover\:text-green-500:hover { + color: #10b981; } -.pb-0 { - padding-bottom: 0; +.hover\:text-green-600:hover { + color: #059669; } -.pl-0 { - padding-left: 0; +.hover\:text-green-700:hover { + color: #047857; } -.pt-1 { - padding-top: 0.25rem; +.hover\:text-green-800:hover { + color: #065f46; } -.pr-1 { - padding-right: 0.25rem; +.hover\:text-green-900:hover { + color: #064e3b; } -.pb-1 { - padding-bottom: 0.25rem; +.hover\:text-blue-50:hover { + color: #eff6ff; } -.pl-1 { - padding-left: 0.25rem; +.hover\:text-blue-100:hover { + color: #dbeafe; } -.pt-2 { - padding-top: 0.5rem; +.hover\:text-blue-200:hover { + color: #bfdbfe; } -.pr-2 { - padding-right: 0.5rem; +.hover\:text-blue-300:hover { + color: #93c5fd; } -.pb-2 { - padding-bottom: 0.5rem; +.hover\:text-blue-400:hover { + color: #60a5fa; } -.pl-2 { - padding-left: 0.5rem; +.hover\:text-blue-500:hover { + color: #3b82f6; } -.pt-3 { - padding-top: 0.75rem; +.hover\:text-blue-600:hover { + color: #2563eb; } -.pr-3 { - padding-right: 0.75rem; +.hover\:text-blue-700:hover { + color: #1d4ed8; } -.pb-3 { - padding-bottom: 0.75rem; +.hover\:text-blue-800:hover { + color: #1e40af; } -.pl-3 { - padding-left: 0.75rem; +.hover\:text-blue-900:hover { + color: #1e3a8a; } -.pt-4 { - padding-top: 1rem; +.hover\:text-purple-50:hover { + color: #f5f3ff; } -.pr-4 { - padding-right: 1rem; +.hover\:text-purple-100:hover { + color: #ede9fe; } -.pb-4 { - padding-bottom: 1rem; +.hover\:text-purple-200:hover { + color: #ddd6fe; } -.pl-4 { - padding-left: 1rem; +.hover\:text-purple-300:hover { + color: #c4b5fd; } -.pt-5 { - padding-top: 1.25rem; +.hover\:text-purple-400:hover { + color: #a78bfa; } -.pr-5 { - padding-right: 1.25rem; +.hover\:text-purple-500:hover { + color: #8b5cf6; } -.pb-5 { - padding-bottom: 1.25rem; +.hover\:text-purple-600:hover { + color: #7c3aed; } -.pl-5 { - padding-left: 1.25rem; +.hover\:text-purple-700:hover { + color: #6d28d9; } -.pt-6 { - padding-top: 1.5rem; +.hover\:text-purple-800:hover { + color: #5b21b6; } -.pr-6 { - padding-right: 1.5rem; +.hover\:text-purple-900:hover { + color: #4c1d95; } -.pb-6 { - padding-bottom: 1.5rem; +.hover\:text-pink-50:hover { + color: #fdf2f8; } -.pl-6 { - padding-left: 1.5rem; +.hover\:text-pink-100:hover { + color: #fce7f3; } -.pt-7 { - padding-top: 1.75rem; +.hover\:text-pink-200:hover { + color: #fbcfe8; } -.pr-7 { - padding-right: 1.75rem; +.hover\:text-pink-300:hover { + color: #f9a8d4; } -.pb-7 { - padding-bottom: 1.75rem; +.hover\:text-pink-400:hover { + color: #f472b6; } -.pl-7 { - padding-left: 1.75rem; +.hover\:text-pink-500:hover { + color: #ec4899; } -.pt-8 { - padding-top: 2rem; +.hover\:text-pink-600:hover { + color: #db2777; } -.pr-8 { - padding-right: 2rem; +.hover\:text-pink-700:hover { + color: #be185d; } -.pb-8 { - padding-bottom: 2rem; +.hover\:text-pink-800:hover { + color: #9d174d; } -.pl-8 { - padding-left: 2rem; +.hover\:text-pink-900:hover { + color: #831843; } -.pt-9 { - padding-top: 2.25rem; +.focus\:text-transparent:focus { + color: transparent; } -.pr-9 { - padding-right: 2.25rem; +.focus\:text-current:focus { + color: currentColor; } -.pb-9 { - padding-bottom: 2.25rem; +.focus\:text-black:focus { + color: #000; } -.pl-9 { - padding-left: 2.25rem; +.focus\:text-white:focus { + color: #fff; } -.pt-10 { - padding-top: 2.5rem; +.focus\:text-gray-50:focus { + color: #fafafa; } -.pr-10 { - padding-right: 2.5rem; +.focus\:text-gray-100:focus { + color: #f4f4f5; } -.pb-10 { - padding-bottom: 2.5rem; +.focus\:text-gray-200:focus { + color: #e4e4e7; } -.pl-10 { - padding-left: 2.5rem; +.focus\:text-gray-300:focus { + color: #d4d4d8; } -.pt-12 { - padding-top: 3rem; +.focus\:text-gray-400:focus { + color: #a1a1aa; } -.pr-12 { - padding-right: 3rem; +.focus\:text-gray-500:focus { + color: #71717a; } -.pb-12 { - padding-bottom: 3rem; +.focus\:text-gray-600:focus { + color: #52525b; } -.pl-12 { - padding-left: 3rem; +.focus\:text-gray-700:focus { + color: #3f3f46; } -.pt-14 { - padding-top: 3.5rem; +.focus\:text-gray-800:focus { + color: #27272a; } -.pr-14 { - padding-right: 3.5rem; +.focus\:text-gray-900:focus { + color: #18181b; } -.pb-14 { - padding-bottom: 3.5rem; +.focus\:text-red-50:focus { + color: #fef2f2; } -.pl-14 { - padding-left: 3.5rem; +.focus\:text-red-100:focus { + color: #fee2e2; } -.pt-16 { - padding-top: 4rem; +.focus\:text-red-200:focus { + color: #fecaca; } -.pr-16 { - padding-right: 4rem; +.focus\:text-red-300:focus { + color: #fca5a5; } -.pb-16 { - padding-bottom: 4rem; +.focus\:text-red-400:focus { + color: #f87171; } -.pl-16 { - padding-left: 4rem; +.focus\:text-red-500:focus { + color: #ef4444; } -.pt-20 { - padding-top: 5rem; +.focus\:text-red-600:focus { + color: #dc2626; } -.pr-20 { - padding-right: 5rem; +.focus\:text-red-700:focus { + color: #b91c1c; } -.pb-20 { - padding-bottom: 5rem; +.focus\:text-red-800:focus { + color: #991b1b; } -.pl-20 { - padding-left: 5rem; +.focus\:text-red-900:focus { + color: #7f1d1d; } -.pt-24 { - padding-top: 6rem; +.focus\:text-yellow-50:focus { + color: #fffbeb; } -.pr-24 { - padding-right: 6rem; +.focus\:text-yellow-100:focus { + color: #fef3c7; } -.pb-24 { - padding-bottom: 6rem; +.focus\:text-yellow-200:focus { + color: #fde68a; } -.pl-24 { - padding-left: 6rem; +.focus\:text-yellow-300:focus { + color: #fcd34d; } -.pt-28 { - padding-top: 7rem; +.focus\:text-yellow-400:focus { + color: #fbbf24; } -.pr-28 { - padding-right: 7rem; +.focus\:text-yellow-500:focus { + color: #f59e0b; } -.pb-28 { - padding-bottom: 7rem; +.focus\:text-yellow-600:focus { + color: #d97706; } -.pl-28 { - padding-left: 7rem; +.focus\:text-yellow-700:focus { + color: #b45309; } -.pt-32 { - padding-top: 8rem; +.focus\:text-yellow-800:focus { + color: #92400e; } -.pr-32 { - padding-right: 8rem; +.focus\:text-yellow-900:focus { + color: #78350f; } -.pb-32 { - padding-bottom: 8rem; +.focus\:text-green-50:focus { + color: #ecfdf5; } -.pl-32 { - padding-left: 8rem; +.focus\:text-green-100:focus { + color: #d1fae5; } -.pt-36 { - padding-top: 9rem; +.focus\:text-green-200:focus { + color: #a7f3d0; } -.pr-36 { - padding-right: 9rem; +.focus\:text-green-300:focus { + color: #6ee7b7; } -.pb-36 { - padding-bottom: 9rem; +.focus\:text-green-400:focus { + color: #34d399; } -.pl-36 { - padding-left: 9rem; +.focus\:text-green-500:focus { + color: #10b981; } -.pt-40 { - padding-top: 10rem; +.focus\:text-green-600:focus { + color: #059669; } -.pr-40 { - padding-right: 10rem; +.focus\:text-green-700:focus { + color: #047857; } -.pb-40 { - padding-bottom: 10rem; +.focus\:text-green-800:focus { + color: #065f46; } -.pl-40 { - padding-left: 10rem; +.focus\:text-green-900:focus { + color: #064e3b; } -.pt-44 { - padding-top: 11rem; +.focus\:text-blue-50:focus { + color: #eff6ff; } -.pr-44 { - padding-right: 11rem; +.focus\:text-blue-100:focus { + color: #dbeafe; } -.pb-44 { - padding-bottom: 11rem; +.focus\:text-blue-200:focus { + color: #bfdbfe; } -.pl-44 { - padding-left: 11rem; +.focus\:text-blue-300:focus { + color: #93c5fd; } -.pt-48 { - padding-top: 12rem; +.focus\:text-blue-400:focus { + color: #60a5fa; } -.pr-48 { - padding-right: 12rem; +.focus\:text-blue-500:focus { + color: #3b82f6; } -.pb-48 { - padding-bottom: 12rem; +.focus\:text-blue-600:focus { + color: #2563eb; } -.pl-48 { - padding-left: 12rem; +.focus\:text-blue-700:focus { + color: #1d4ed8; } -.pt-52 { - padding-top: 13rem; +.focus\:text-blue-800:focus { + color: #1e40af; } -.pr-52 { - padding-right: 13rem; +.focus\:text-blue-900:focus { + color: #1e3a8a; } -.pb-52 { - padding-bottom: 13rem; +.focus\:text-purple-50:focus { + color: #f5f3ff; } -.pl-52 { - padding-left: 13rem; +.focus\:text-purple-100:focus { + color: #ede9fe; } -.pt-56 { - padding-top: 14rem; +.focus\:text-purple-200:focus { + color: #ddd6fe; } -.pr-56 { - padding-right: 14rem; +.focus\:text-purple-300:focus { + color: #c4b5fd; } -.pb-56 { - padding-bottom: 14rem; +.focus\:text-purple-400:focus { + color: #a78bfa; } -.pl-56 { - padding-left: 14rem; +.focus\:text-purple-500:focus { + color: #8b5cf6; } -.pt-60 { - padding-top: 15rem; +.focus\:text-purple-600:focus { + color: #7c3aed; } -.pr-60 { - padding-right: 15rem; +.focus\:text-purple-700:focus { + color: #6d28d9; } -.pb-60 { - padding-bottom: 15rem; +.focus\:text-purple-800:focus { + color: #5b21b6; } -.pl-60 { - padding-left: 15rem; +.focus\:text-purple-900:focus { + color: #4c1d95; } -.pt-64 { - padding-top: 16rem; +.focus\:text-pink-50:focus { + color: #fdf2f8; } -.pr-64 { - padding-right: 16rem; +.focus\:text-pink-100:focus { + color: #fce7f3; } -.pb-64 { - padding-bottom: 16rem; +.focus\:text-pink-200:focus { + color: #fbcfe8; } -.pl-64 { - padding-left: 16rem; +.focus\:text-pink-300:focus { + color: #f9a8d4; } -.pt-72 { - padding-top: 18rem; +.focus\:text-pink-400:focus { + color: #f472b6; } -.pr-72 { - padding-right: 18rem; +.focus\:text-pink-500:focus { + color: #ec4899; } -.pb-72 { - padding-bottom: 18rem; +.focus\:text-pink-600:focus { + color: #db2777; } -.pl-72 { - padding-left: 18rem; +.focus\:text-pink-700:focus { + color: #be185d; } -.pt-80 { - padding-top: 20rem; +.focus\:text-pink-800:focus { + color: #9d174d; } -.pr-80 { - padding-right: 20rem; +.focus\:text-pink-900:focus { + color: #831843; } -.pb-80 { - padding-bottom: 20rem; +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.pl-80 { - padding-left: 20rem; +.overflow-ellipsis { + text-overflow: ellipsis; } -.pt-96 { - padding-top: 24rem; +.overflow-clip { + text-overflow: clip; } -.pr-96 { - padding-right: 24rem; +.italic { + font-style: italic; } -.pb-96 { - padding-bottom: 24rem; +.not-italic { + font-style: normal; } -.pl-96 { - padding-left: 24rem; +.uppercase { + text-transform: uppercase; } -.pt-px { - padding-top: 1px; +.lowercase { + text-transform: lowercase; } -.pr-px { - padding-right: 1px; +.capitalize { + text-transform: capitalize; } -.pb-px { - padding-bottom: 1px; +.normal-case { + text-transform: none; } -.pl-px { - padding-left: 1px; +.underline { + text-decoration: underline; } -.pt-0\.5 { - padding-top: 0.125rem; +.line-through { + text-decoration: line-through; } -.pr-0\.5 { - padding-right: 0.125rem; +.no-underline { + text-decoration: none; } -.pb-0\.5 { - padding-bottom: 0.125rem; +.hover\:underline:hover { + text-decoration: underline; } -.pl-0\.5 { - padding-left: 0.125rem; +.hover\:line-through:hover { + text-decoration: line-through; } -.pt-1\.5 { - padding-top: 0.375rem; +.hover\:no-underline:hover { + text-decoration: none; } -.pr-1\.5 { - padding-right: 0.375rem; +.focus\:underline:focus { + text-decoration: underline; } -.pb-1\.5 { - padding-bottom: 0.375rem; +.focus\:line-through:focus { + text-decoration: line-through; } -.pl-1\.5 { - padding-left: 0.375rem; +.focus\:no-underline:focus { + text-decoration: none; } -.pt-2\.5 { - padding-top: 0.625rem; +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.pr-2\.5 { - padding-right: 0.625rem; +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.pb-2\.5 { - padding-bottom: 0.625rem; +.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } -.pl-2\.5 { - padding-left: 0.625rem; +.normal-nums { + font-variant-numeric: normal; } -.pt-3\.5 { - padding-top: 0.875rem; +.ordinal { + --font-variant-numeric-ordinal: ordinal; } -.pr-3\.5 { - padding-right: 0.875rem; +.slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } -.pb-3\.5 { - padding-bottom: 0.875rem; +.lining-nums { + --font-variant-numeric-figure: lining-nums; } -.pl-3\.5 { - padding-left: 0.875rem; +.oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } -.placeholder-transparent::placeholder { - color: transparent; +.proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } -.placeholder-current::placeholder { - color: currentColor; +.tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } -.placeholder-black::placeholder { - color: #000; +.diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } -.placeholder-white::placeholder { - color: #fff; +.stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } -.placeholder-gray-50::placeholder { - color: #fafafa; +.tracking-tighter { + letter-spacing: -0.05em; } -.placeholder-gray-100::placeholder { - color: #f4f4f5; +.tracking-tight { + letter-spacing: -0.025em; } -.placeholder-gray-200::placeholder { - color: #e4e4e7; +.tracking-normal { + letter-spacing: 0; } -.placeholder-gray-300::placeholder { - color: #d4d4d8; +.tracking-wide { + letter-spacing: 0.025em; } -.placeholder-gray-400::placeholder { - color: #a1a1aa; +.tracking-wider { + letter-spacing: 0.05em; } -.placeholder-gray-500::placeholder { - color: #71717a; +.tracking-widest { + letter-spacing: 0.1em; } -.placeholder-gray-600::placeholder { - color: #52525b; +.select-none { + user-select: none; } -.placeholder-gray-700::placeholder { - color: #3f3f46; +.select-text { + user-select: text; } -.placeholder-gray-800::placeholder { - color: #27272a; +.select-all { + user-select: all; } -.placeholder-gray-900::placeholder { - color: #18181b; +.select-auto { + user-select: auto; } -.placeholder-red-50::placeholder { - color: #fef2f2; +.align-baseline { + vertical-align: baseline; } -.placeholder-red-100::placeholder { - color: #fee2e2; +.align-top { + vertical-align: top; } -.placeholder-red-200::placeholder { - color: #fecaca; +.align-middle { + vertical-align: middle; } -.placeholder-red-300::placeholder { - color: #fca5a5; +.align-bottom { + vertical-align: bottom; } -.placeholder-red-400::placeholder { - color: #f87171; +.align-text-top { + vertical-align: text-top; } -.placeholder-red-500::placeholder { - color: #ef4444; +.align-text-bottom { + vertical-align: text-bottom; } -.placeholder-red-600::placeholder { - color: #dc2626; +.visible { + visibility: visible; } -.placeholder-red-700::placeholder { - color: #b91c1c; +.invisible { + visibility: hidden; } -.placeholder-red-800::placeholder { - color: #991b1b; +.whitespace-normal { + white-space: normal; } -.placeholder-red-900::placeholder { - color: #7f1d1d; +.whitespace-no-wrap { + white-space: nowrap; } -.placeholder-yellow-50::placeholder { - color: #fffbeb; +.whitespace-pre { + white-space: pre; } -.placeholder-yellow-100::placeholder { - color: #fef3c7; +.whitespace-pre-line { + white-space: pre-line; } -.placeholder-yellow-200::placeholder { - color: #fde68a; +.whitespace-pre-wrap { + white-space: pre-wrap; } -.placeholder-yellow-300::placeholder { - color: #fcd34d; +.break-normal { + overflow-wrap: normal; + word-break: normal; } -.placeholder-yellow-400::placeholder { - color: #fbbf24; +.break-words { + overflow-wrap: break-word; } -.placeholder-yellow-500::placeholder { - color: #f59e0b; +.break-all { + word-break: break-all; } -.placeholder-yellow-600::placeholder { - color: #d97706; +.w-0 { + width: 0; } -.placeholder-yellow-700::placeholder { - color: #b45309; +.w-1 { + width: 0.25rem; } -.placeholder-yellow-800::placeholder { - color: #92400e; +.w-2 { + width: 0.5rem; } -.placeholder-yellow-900::placeholder { - color: #78350f; +.w-3 { + width: 0.75rem; } -.placeholder-green-50::placeholder { - color: #ecfdf5; +.w-4 { + width: 1rem; } -.placeholder-green-100::placeholder { - color: #d1fae5; +.w-5 { + width: 1.25rem; } -.placeholder-green-200::placeholder { - color: #a7f3d0; +.w-6 { + width: 1.5rem; } -.placeholder-green-300::placeholder { - color: #6ee7b7; +.w-7 { + width: 1.75rem; } -.placeholder-green-400::placeholder { - color: #34d399; +.w-8 { + width: 2rem; } -.placeholder-green-500::placeholder { - color: #10b981; +.w-9 { + width: 2.25rem; } -.placeholder-green-600::placeholder { - color: #059669; +.w-10 { + width: 2.5rem; } -.placeholder-green-700::placeholder { - color: #047857; +.w-12 { + width: 3rem; } -.placeholder-green-800::placeholder { - color: #065f46; +.w-14 { + width: 3.5rem; } -.placeholder-green-900::placeholder { - color: #064e3b; +.w-16 { + width: 4rem; } -.placeholder-blue-50::placeholder { - color: #eff6ff; +.w-20 { + width: 5rem; } -.placeholder-blue-100::placeholder { - color: #dbeafe; +.w-24 { + width: 6rem; } -.placeholder-blue-200::placeholder { - color: #bfdbfe; +.w-28 { + width: 7rem; } -.placeholder-blue-300::placeholder { - color: #93c5fd; +.w-32 { + width: 8rem; } -.placeholder-blue-400::placeholder { - color: #60a5fa; +.w-36 { + width: 9rem; } -.placeholder-blue-500::placeholder { - color: #3b82f6; +.w-40 { + width: 10rem; } -.placeholder-blue-600::placeholder { - color: #2563eb; +.w-44 { + width: 11rem; } -.placeholder-blue-700::placeholder { - color: #1d4ed8; +.w-48 { + width: 12rem; } -.placeholder-blue-800::placeholder { - color: #1e40af; +.w-52 { + width: 13rem; } -.placeholder-blue-900::placeholder { - color: #1e3a8a; +.w-56 { + width: 14rem; } -.placeholder-purple-50::placeholder { - color: #f5f3ff; +.w-60 { + width: 15rem; } -.placeholder-purple-100::placeholder { - color: #ede9fe; +.w-64 { + width: 16rem; } -.placeholder-purple-200::placeholder { - color: #ddd6fe; +.w-72 { + width: 18rem; } -.placeholder-purple-300::placeholder { - color: #c4b5fd; +.w-80 { + width: 20rem; } -.placeholder-purple-400::placeholder { - color: #a78bfa; +.w-96 { + width: 24rem; } -.placeholder-purple-500::placeholder { - color: #8b5cf6; +.w-auto { + width: auto; } -.placeholder-purple-600::placeholder { - color: #7c3aed; +.w-px { + width: 1px; } -.placeholder-purple-700::placeholder { - color: #6d28d9; +.w-0\.5 { + width: 0.125rem; } -.placeholder-purple-800::placeholder { - color: #5b21b6; +.w-1\.5 { + width: 0.375rem; } -.placeholder-purple-900::placeholder { - color: #4c1d95; +.w-2\.5 { + width: 0.625rem; } -.placeholder-pink-50::placeholder { - color: #fdf2f8; +.w-3\.5 { + width: 0.875rem; } -.placeholder-pink-100::placeholder { - color: #fce7f3; +.w-1\/2 { + width: 50%; } -.placeholder-pink-200::placeholder { - color: #fbcfe8; +.w-1\/3 { + width: 33.333333%; } -.placeholder-pink-300::placeholder { - color: #f9a8d4; +.w-2\/3 { + width: 66.666667%; } -.placeholder-pink-400::placeholder { - color: #f472b6; +.w-1\/4 { + width: 25%; } -.placeholder-pink-500::placeholder { - color: #ec4899; +.w-2\/4 { + width: 50%; } -.placeholder-pink-600::placeholder { - color: #db2777; +.w-3\/4 { + width: 75%; } -.placeholder-pink-700::placeholder { - color: #be185d; +.w-1\/5 { + width: 20%; } -.placeholder-pink-800::placeholder { - color: #9d174d; +.w-2\/5 { + width: 40%; } -.placeholder-pink-900::placeholder { - color: #831843; +.w-3\/5 { + width: 60%; } -.focus\:placeholder-transparent:focus::placeholder { - color: transparent; +.w-4\/5 { + width: 80%; } -.focus\:placeholder-current:focus::placeholder { - color: currentColor; +.w-1\/6 { + width: 16.666667%; } -.focus\:placeholder-black:focus::placeholder { - color: #000; +.w-2\/6 { + width: 33.333333%; } -.focus\:placeholder-white:focus::placeholder { - color: #fff; +.w-3\/6 { + width: 50%; } -.focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; +.w-4\/6 { + width: 66.666667%; } -.focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; +.w-5\/6 { + width: 83.333333%; } -.focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; +.w-1\/12 { + width: 8.333333%; } -.focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; +.w-2\/12 { + width: 16.666667%; } -.focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; +.w-3\/12 { + width: 25%; } -.focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; +.w-4\/12 { + width: 33.333333%; } -.focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; +.w-5\/12 { + width: 41.666667%; } -.focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; +.w-6\/12 { + width: 50%; } -.focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; +.w-7\/12 { + width: 58.333333%; } -.focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; +.w-8\/12 { + width: 66.666667%; } -.focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; +.w-9\/12 { + width: 75%; } -.focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; +.w-10\/12 { + width: 83.333333%; } -.focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; +.w-11\/12 { + width: 91.666667%; } -.focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; +.w-full { + width: 100%; } -.focus\:placeholder-red-400:focus::placeholder { - color: #f87171; +.w-screen { + width: 100vw; } -.focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; +.w-min { + width: min-content; } -.focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; +.w-max { + width: max-content; } -.focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; +.z-0 { + z-index: 0; } -.focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; +.z-10 { + z-index: 10; } -.focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; +.z-20 { + z-index: 20; } -.focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; +.z-30 { + z-index: 30; } -.focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; +.z-40 { + z-index: 40; } -.focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; +.z-50 { + z-index: 50; } -.focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; +.z-auto { + z-index: auto; } -.focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; +.focus\:z-0:focus { + z-index: 0; } -.focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; +.focus\:z-10:focus { + z-index: 10; } -.focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; +.focus\:z-20:focus { + z-index: 20; } -.focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; +.focus\:z-30:focus { + z-index: 30; } -.focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; +.focus\:z-40:focus { + z-index: 40; } -.focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; +.focus\:z-50:focus { + z-index: 50; } -.focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; +.focus\:z-auto:focus { + z-index: auto; } -.focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; +.gap-0 { + grid-gap: 0; + gap: 0; } -.focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; +.gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } -.focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; +.gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } -.focus\:placeholder-green-400:focus::placeholder { - color: #34d399; +.gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } -.focus\:placeholder-green-500:focus::placeholder { - color: #10b981; +.gap-4 { + grid-gap: 1rem; + gap: 1rem; } -.focus\:placeholder-green-600:focus::placeholder { - color: #059669; +.gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } -.focus\:placeholder-green-700:focus::placeholder { - color: #047857; +.gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } -.focus\:placeholder-green-800:focus::placeholder { - color: #065f46; +.gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } -.focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; +.gap-8 { + grid-gap: 2rem; + gap: 2rem; } -.focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; +.gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } -.focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; +.gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } -.focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; +.gap-12 { + grid-gap: 3rem; + gap: 3rem; } -.focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; +.gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } -.focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; +.gap-16 { + grid-gap: 4rem; + gap: 4rem; } -.focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; +.gap-20 { + grid-gap: 5rem; + gap: 5rem; } -.focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; +.gap-24 { + grid-gap: 6rem; + gap: 6rem; } -.focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; +.gap-28 { + grid-gap: 7rem; + gap: 7rem; } -.focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; +.gap-32 { + grid-gap: 8rem; + gap: 8rem; } -.focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; +.gap-36 { + grid-gap: 9rem; + gap: 9rem; } -.focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; +.gap-40 { + grid-gap: 10rem; + gap: 10rem; } -.focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; +.gap-44 { + grid-gap: 11rem; + gap: 11rem; } -.focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; +.gap-48 { + grid-gap: 12rem; + gap: 12rem; } -.focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; +.gap-52 { + grid-gap: 13rem; + gap: 13rem; } -.focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; +.gap-56 { + grid-gap: 14rem; + gap: 14rem; } -.focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; +.gap-60 { + grid-gap: 15rem; + gap: 15rem; } -.focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; +.gap-64 { + grid-gap: 16rem; + gap: 16rem; } -.focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; +.gap-72 { + grid-gap: 18rem; + gap: 18rem; } -.focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; +.gap-80 { + grid-gap: 20rem; + gap: 20rem; } -.focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; +.gap-96 { + grid-gap: 24rem; + gap: 24rem; } -.focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; +.gap-px { + grid-gap: 1px; + gap: 1px; } -.focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; +.gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } -.focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; +.gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } -.focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; +.gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } -.focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; +.gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } -.focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; +.gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } -.focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; +.gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } -.focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; +.gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } -.focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; +.gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } -.focus\:placeholder-pink-900:focus::placeholder { - color: #831843; +.gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } -@media (prefers-color-scheme: dark) { - .dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .dark\:placeholder-current::placeholder { - color: currentColor; - } +.gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; +} - .dark\:placeholder-black::placeholder { - color: #000; - } +.gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; +} - .dark\:placeholder-white::placeholder { - color: #fff; - } +.gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; +} - .dark\:placeholder-gray-50::placeholder { - color: #fafafa; - } +.gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; +} - .dark\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } +.gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; +} - .dark\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } +.gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; +} - .dark\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } +.gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; +} - .dark\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } +.gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; +} - .dark\:placeholder-gray-500::placeholder { - color: #71717a; - } +.gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; +} - .dark\:placeholder-gray-600::placeholder { - color: #52525b; - } +.gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; +} - .dark\:placeholder-gray-700::placeholder { - color: #3f3f46; - } +.gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; +} - .dark\:placeholder-gray-800::placeholder { - color: #27272a; - } +.gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; +} - .dark\:placeholder-gray-900::placeholder { - color: #18181b; - } +.gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; +} - .dark\:placeholder-red-50::placeholder { - color: #fef2f2; - } +.gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; +} - .dark\:placeholder-red-100::placeholder { - color: #fee2e2; - } +.gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; +} - .dark\:placeholder-red-200::placeholder { - color: #fecaca; - } +.gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; +} - .dark\:placeholder-red-300::placeholder { - color: #fca5a5; - } +.gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; +} - .dark\:placeholder-red-400::placeholder { - color: #f87171; - } +.gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; +} - .dark\:placeholder-red-500::placeholder { - color: #ef4444; - } +.gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; +} - .dark\:placeholder-red-600::placeholder { - color: #dc2626; - } +.gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; +} - .dark\:placeholder-red-700::placeholder { - color: #b91c1c; - } +.gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; +} - .dark\:placeholder-red-800::placeholder { - color: #991b1b; - } +.gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; +} - .dark\:placeholder-red-900::placeholder { - color: #7f1d1d; - } +.gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; +} - .dark\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } +.gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; +} - .dark\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } +.gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; +} - .dark\:placeholder-yellow-200::placeholder { - color: #fde68a; - } - - .dark\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } - - .dark\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } - - .dark\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } - - .dark\:placeholder-yellow-600::placeholder { - color: #d97706; - } - - .dark\:placeholder-yellow-700::placeholder { - color: #b45309; - } - - .dark\:placeholder-yellow-800::placeholder { - color: #92400e; - } - - .dark\:placeholder-yellow-900::placeholder { - color: #78350f; - } - - .dark\:placeholder-green-50::placeholder { - color: #ecfdf5; - } - - .dark\:placeholder-green-100::placeholder { - color: #d1fae5; - } - - .dark\:placeholder-green-200::placeholder { - color: #a7f3d0; - } - - .dark\:placeholder-green-300::placeholder { - color: #6ee7b7; - } - - .dark\:placeholder-green-400::placeholder { - color: #34d399; - } - - .dark\:placeholder-green-500::placeholder { - color: #10b981; - } - - .dark\:placeholder-green-600::placeholder { - color: #059669; - } - - .dark\:placeholder-green-700::placeholder { - color: #047857; - } - - .dark\:placeholder-green-800::placeholder { - color: #065f46; - } - - .dark\:placeholder-green-900::placeholder { - color: #064e3b; - } - - .dark\:placeholder-blue-50::placeholder { - color: #eff6ff; - } - - .dark\:placeholder-blue-100::placeholder { - color: #dbeafe; - } - - .dark\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } - - .dark\:placeholder-blue-300::placeholder { - color: #93c5fd; - } - - .dark\:placeholder-blue-400::placeholder { - color: #60a5fa; - } - - .dark\:placeholder-blue-500::placeholder { - color: #3b82f6; - } - - .dark\:placeholder-blue-600::placeholder { - color: #2563eb; - } - - .dark\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } - - .dark\:placeholder-blue-800::placeholder { - color: #1e40af; - } - - .dark\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } - - .dark\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } - - .dark\:placeholder-purple-100::placeholder { - color: #ede9fe; - } - - .dark\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } - - .dark\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } - - .dark\:placeholder-purple-400::placeholder { - color: #a78bfa; - } - - .dark\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } - - .dark\:placeholder-purple-600::placeholder { - color: #7c3aed; - } - - .dark\:placeholder-purple-700::placeholder { - color: #6d28d9; - } - - .dark\:placeholder-purple-800::placeholder { - color: #5b21b6; - } - - .dark\:placeholder-purple-900::placeholder { - color: #4c1d95; - } - - .dark\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } - - .dark\:placeholder-pink-100::placeholder { - color: #fce7f3; - } - - .dark\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } - - .dark\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } - - .dark\:placeholder-pink-400::placeholder { - color: #f472b6; - } - - .dark\:placeholder-pink-500::placeholder { - color: #ec4899; - } - - .dark\:placeholder-pink-600::placeholder { - color: #db2777; - } - - .dark\:placeholder-pink-700::placeholder { - color: #be185d; - } - - .dark\:placeholder-pink-800::placeholder { - color: #9d174d; - } - - .dark\:placeholder-pink-900::placeholder { - color: #831843; - } - - .dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .dark\:focus\:placeholder-black:focus::placeholder { - color: #000; - } - - .dark\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } - - .dark\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } - - .dark\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } - - .dark\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } - - .dark\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } - - .dark\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } - - .dark\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } - - .dark\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } - - .dark\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } - - .dark\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } - - .dark\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } - - .dark\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } - - .dark\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } - - .dark\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } - - .dark\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } - - .dark\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } - - .dark\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } - - .dark\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } - - .dark\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } - - .dark\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } - - .dark\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } - - .dark\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } - - .dark\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } - - .dark\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } - - .dark\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } - - .dark\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } - - .dark\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } - - .dark\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } - - .dark\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } - - .dark\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } - - .dark\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } - - .dark\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } - - .dark\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } - - .dark\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } - - .dark\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } - - .dark\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } - - .dark\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } - - .dark\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } - - .dark\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } - - .dark\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } - - .dark\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } - - .dark\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } - - .dark\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } - - .dark\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } - - .dark\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } - - .dark\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } - - .dark\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } - - .dark\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } - - .dark\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } - - .dark\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } - - .dark\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } - - .dark\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } - - .dark\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } - - .dark\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } - - .dark\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } - - .dark\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } - - .dark\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } - - .dark\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } - - .dark\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } - - .dark\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } - - .dark\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } - - .dark\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } - - .dark\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } - - .dark\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } - - .dark\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } - - .dark\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } - - .dark\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } - - .dark\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } - - .dark\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } - - .dark\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } - - .dark\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } -} - -.pointer-events-none { - pointer-events: none; -} - -.pointer-events-auto { - pointer-events: auto; -} - -.static { - position: static; -} - -.fixed { - position: fixed; -} - -.absolute { - position: absolute; -} - -.relative { - position: relative; -} - -.sticky { - position: sticky; -} - -.inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; -} - -.inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; -} - -.inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; -} - -.inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; -} - -.inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; -} - -.inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; -} - -.inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; -} - -.inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; -} - -.inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; -} - -.inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; -} - -.inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; -} - -.inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; -} - -.inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; -} - -.inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; -} - -.inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; -} - -.inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; -} - -.inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; -} - -.inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; -} - -.inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; -} - -.inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; -} - -.inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; -} - -.inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; -} - -.inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; -} - -.inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; -} - -.inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; -} - -.inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; -} - -.inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; -} - -.inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; -} - -.inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; -} - -.inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; -} - -.inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; -} - -.inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; +.gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } -.inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; +.gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } -.inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; +.gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } -.inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; +.gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } -.-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; +.gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } -.-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; +.gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } -.-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; +.gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } -.-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; +.gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } -.-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; +.gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } -.-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; +.gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } -.-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; +.gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } -.-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; +.gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } -.-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; +.gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } -.-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; +.gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } -.-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; +.gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } -.-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; +.gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } -.-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; +.gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } -.-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; +.gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } -.-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; +.gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } -.-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; +.gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } -.-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; +.gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } -.-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; +.gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } -.-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; +.gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } -.-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; +.gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } -.-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; +.gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } -.-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; +.gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } -.-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; +.gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } -.-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; +.gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } -.-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; +.gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } -.-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; +.gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } -.-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; +.gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } -.-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; +.gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } -.-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; +.gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } -.-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; +.gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } -.-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; +.gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } -.-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; +.gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } -.-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; +.gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } -.inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } -.inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; +.grid-flow-row { + grid-auto-flow: row; } -.inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; +.grid-flow-col { + grid-auto-flow: column; } -.inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; +.grid-flow-row-dense { + grid-auto-flow: row dense; } -.inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.grid-flow-col-dense { + grid-auto-flow: column dense; } -.inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } -.inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } -.-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } -.-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } -.-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } -.-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } -.-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } -.-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; +.grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } -.-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; +.grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } -.inset-y-0 { - top: 0; - bottom: 0; +.grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } -.inset-x-0 { - right: 0; - left: 0; +.grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } -.inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } -.inset-x-1 { - right: 0.25rem; - left: 0.25rem; -} - -.inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; -} - -.inset-x-2 { - right: 0.5rem; - left: 0.5rem; -} - -.inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; -} - -.inset-x-3 { - right: 0.75rem; - left: 0.75rem; -} - -.inset-y-4 { - top: 1rem; - bottom: 1rem; -} - -.inset-x-4 { - right: 1rem; - left: 1rem; -} - -.inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; -} - -.inset-x-5 { - right: 1.25rem; - left: 1.25rem; -} - -.inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; -} - -.inset-x-6 { - right: 1.5rem; - left: 1.5rem; -} - -.inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; -} - -.inset-x-7 { - right: 1.75rem; - left: 1.75rem; -} - -.inset-y-8 { - top: 2rem; - bottom: 2rem; -} - -.inset-x-8 { - right: 2rem; - left: 2rem; -} - -.inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; -} - -.inset-x-9 { - right: 2.25rem; - left: 2.25rem; -} - -.inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; -} - -.inset-x-10 { - right: 2.5rem; - left: 2.5rem; -} - -.inset-y-12 { - top: 3rem; - bottom: 3rem; -} - -.inset-x-12 { - right: 3rem; - left: 3rem; -} - -.inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; -} - -.inset-x-14 { - right: 3.5rem; - left: 3.5rem; -} - -.inset-y-16 { - top: 4rem; - bottom: 4rem; -} - -.inset-x-16 { - right: 4rem; - left: 4rem; -} - -.inset-y-20 { - top: 5rem; - bottom: 5rem; -} - -.inset-x-20 { - right: 5rem; - left: 5rem; -} - -.inset-y-24 { - top: 6rem; - bottom: 6rem; -} - -.inset-x-24 { - right: 6rem; - left: 6rem; -} - -.inset-y-28 { - top: 7rem; - bottom: 7rem; -} - -.inset-x-28 { - right: 7rem; - left: 7rem; -} - -.inset-y-32 { - top: 8rem; - bottom: 8rem; -} - -.inset-x-32 { - right: 8rem; - left: 8rem; -} - -.inset-y-36 { - top: 9rem; - bottom: 9rem; -} - -.inset-x-36 { - right: 9rem; - left: 9rem; -} - -.inset-y-40 { - top: 10rem; - bottom: 10rem; -} - -.inset-x-40 { - right: 10rem; - left: 10rem; -} - -.inset-y-44 { - top: 11rem; - bottom: 11rem; -} - -.inset-x-44 { - right: 11rem; - left: 11rem; -} - -.inset-y-48 { - top: 12rem; - bottom: 12rem; -} - -.inset-x-48 { - right: 12rem; - left: 12rem; -} - -.inset-y-52 { - top: 13rem; - bottom: 13rem; -} - -.inset-x-52 { - right: 13rem; - left: 13rem; -} - -.inset-y-56 { - top: 14rem; - bottom: 14rem; -} - -.inset-x-56 { - right: 14rem; - left: 14rem; -} - -.inset-y-60 { - top: 15rem; - bottom: 15rem; -} - -.inset-x-60 { - right: 15rem; - left: 15rem; -} - -.inset-y-64 { - top: 16rem; - bottom: 16rem; -} - -.inset-x-64 { - right: 16rem; - left: 16rem; -} - -.inset-y-72 { - top: 18rem; - bottom: 18rem; -} - -.inset-x-72 { - right: 18rem; - left: 18rem; -} - -.inset-y-80 { - top: 20rem; - bottom: 20rem; -} - -.inset-x-80 { - right: 20rem; - left: 20rem; -} - -.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 { - top: -0.25rem; - bottom: -0.25rem; -} - -.-inset-x-1 { - right: -0.25rem; - left: -0.25rem; -} - -.-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; -} - -.-inset-x-2 { - right: -0.5rem; - left: -0.5rem; -} - -.-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; -} - -.-inset-x-3 { - right: -0.75rem; - left: -0.75rem; -} - -.-inset-y-4 { - top: -1rem; - bottom: -1rem; -} - -.-inset-x-4 { - right: -1rem; - left: -1rem; -} - -.-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; -} - -.-inset-x-5 { - right: -1.25rem; - left: -1.25rem; -} - -.-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; -} - -.-inset-x-6 { - right: -1.5rem; - left: -1.5rem; -} - -.-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; -} - -.-inset-x-7 { - right: -1.75rem; - left: -1.75rem; -} - -.-inset-y-8 { - top: -2rem; - bottom: -2rem; -} - -.-inset-x-8 { - right: -2rem; - left: -2rem; -} - -.-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; -} - -.-inset-x-9 { - right: -2.25rem; - left: -2.25rem; -} - -.-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; -} - -.-inset-x-10 { - right: -2.5rem; - left: -2.5rem; -} - -.-inset-y-12 { - top: -3rem; - bottom: -3rem; -} - -.-inset-x-12 { - right: -3rem; - left: -3rem; -} - -.-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; -} - -.-inset-x-14 { - right: -3.5rem; - left: -3.5rem; -} - -.-inset-y-16 { - top: -4rem; - bottom: -4rem; -} - -.-inset-x-16 { - right: -4rem; - left: -4rem; -} - -.-inset-y-20 { - top: -5rem; - bottom: -5rem; -} - -.-inset-x-20 { - right: -5rem; - left: -5rem; -} - -.-inset-y-24 { - top: -6rem; - bottom: -6rem; -} - -.-inset-x-24 { - right: -6rem; - left: -6rem; -} - -.-inset-y-28 { - top: -7rem; - bottom: -7rem; -} - -.-inset-x-28 { - right: -7rem; - left: -7rem; -} - -.-inset-y-32 { - top: -8rem; - bottom: -8rem; -} - -.-inset-x-32 { - right: -8rem; - left: -8rem; -} - -.-inset-y-36 { - top: -9rem; - bottom: -9rem; -} - -.-inset-x-36 { - right: -9rem; - left: -9rem; -} - -.-inset-y-40 { - top: -10rem; - bottom: -10rem; -} - -.-inset-x-40 { - right: -10rem; - left: -10rem; -} - -.-inset-y-44 { - top: -11rem; - bottom: -11rem; -} - -.-inset-x-44 { - right: -11rem; - left: -11rem; -} - -.-inset-y-48 { - top: -12rem; - bottom: -12rem; -} - -.-inset-x-48 { - right: -12rem; - left: -12rem; -} - -.-inset-y-52 { - top: -13rem; - bottom: -13rem; -} - -.-inset-x-52 { - right: -13rem; - left: -13rem; -} - -.-inset-y-56 { - top: -14rem; - bottom: -14rem; -} - -.-inset-x-56 { - right: -14rem; - left: -14rem; -} - -.-inset-y-60 { - top: -15rem; - bottom: -15rem; -} - -.-inset-x-60 { - right: -15rem; - left: -15rem; -} - -.-inset-y-64 { - top: -16rem; - bottom: -16rem; -} - -.-inset-x-64 { - right: -16rem; - left: -16rem; -} - -.-inset-y-72 { - top: -18rem; - bottom: -18rem; -} - -.-inset-x-72 { - right: -18rem; - left: -18rem; -} - -.-inset-y-80 { - top: -20rem; - bottom: -20rem; -} - -.-inset-x-80 { - right: -20rem; - left: -20rem; -} - -.-inset-y-96 { - top: -24rem; - bottom: -24rem; -} - -.-inset-x-96 { - right: -24rem; - left: -24rem; -} - -.-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-full { - top: 100%; - bottom: 100%; -} - -.inset-x-full { - right: 100%; - left: 100%; -} - -.-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-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-12 { - top: 3rem; -} - -.right-12 { - right: 3rem; -} - -.bottom-12 { - bottom: 3rem; -} - -.left-12 { - left: 3rem; -} - -.top-14 { - top: 3.5rem; -} - -.right-14 { - right: 3.5rem; -} - -.bottom-14 { - bottom: 3.5rem; -} - -.left-14 { - left: 3.5rem; -} - -.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 { - 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-12 { - top: -3rem; -} - -.-right-12 { - right: -3rem; -} - -.-bottom-12 { - bottom: -3rem; -} - -.-left-12 { - left: -3rem; -} - -.-top-14 { - top: -3.5rem; -} - -.-right-14 { - right: -3.5rem; -} - -.-bottom-14 { - bottom: -3.5rem; -} - -.-left-14 { - left: -3.5rem; -} - -.-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-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-full { - top: 100%; -} - -.right-full { - right: 100%; -} - -.bottom-full { - bottom: 100%; -} - -.left-full { - left: 100%; -} - -.-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-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 { - color: #000; -} - -.text-white { - color: #fff; -} - -.text-gray-50 { - color: #fafafa; -} - -.text-gray-100 { - color: #f4f4f5; -} - -.text-gray-200 { - color: #e4e4e7; -} - -.text-gray-300 { - color: #d4d4d8; -} - -.text-gray-400 { - color: #a1a1aa; -} - -.text-gray-500 { - color: #71717a; -} - -.text-gray-600 { - color: #52525b; -} - -.text-gray-700 { - color: #3f3f46; -} - -.text-gray-800 { - color: #27272a; -} - -.text-gray-900 { - color: #18181b; -} - -.text-red-50 { - color: #fef2f2; -} - -.text-red-100 { - color: #fee2e2; -} - -.text-red-200 { - color: #fecaca; -} - -.text-red-300 { - color: #fca5a5; -} - -.text-red-400 { - color: #f87171; -} - -.text-red-500 { - color: #ef4444; -} - -.text-red-600 { - color: #dc2626; -} - -.text-red-700 { - color: #b91c1c; -} - -.text-red-800 { - color: #991b1b; -} - -.text-red-900 { - color: #7f1d1d; -} - -.text-yellow-50 { - color: #fffbeb; -} - -.text-yellow-100 { - color: #fef3c7; -} - -.text-yellow-200 { - color: #fde68a; -} - -.text-yellow-300 { - color: #fcd34d; -} - -.text-yellow-400 { - color: #fbbf24; -} - -.text-yellow-500 { - color: #f59e0b; -} - -.text-yellow-600 { - color: #d97706; -} - -.text-yellow-700 { - color: #b45309; -} - -.text-yellow-800 { - color: #92400e; -} - -.text-yellow-900 { - color: #78350f; -} - -.text-green-50 { - color: #ecfdf5; -} - -.text-green-100 { - color: #d1fae5; -} - -.text-green-200 { - color: #a7f3d0; -} - -.text-green-300 { - color: #6ee7b7; -} - -.text-green-400 { - color: #34d399; -} - -.text-green-500 { - color: #10b981; -} - -.text-green-600 { - color: #059669; -} - -.text-green-700 { - color: #047857; -} - -.text-green-800 { - color: #065f46; -} - -.text-green-900 { - color: #064e3b; -} - -.text-blue-50 { - color: #eff6ff; -} - -.text-blue-100 { - color: #dbeafe; -} - -.text-blue-200 { - color: #bfdbfe; -} - -.text-blue-300 { - color: #93c5fd; -} - -.text-blue-400 { - color: #60a5fa; -} - -.text-blue-500 { - color: #3b82f6; -} - -.text-blue-600 { - color: #2563eb; -} - -.text-blue-700 { - color: #1d4ed8; -} - -.text-blue-800 { - color: #1e40af; -} - -.text-blue-900 { - color: #1e3a8a; -} - -.text-purple-50 { - color: #f5f3ff; -} - -.text-purple-100 { - color: #ede9fe; -} - -.text-purple-200 { - color: #ddd6fe; -} - -.text-purple-300 { - color: #c4b5fd; -} - -.text-purple-400 { - color: #a78bfa; -} - -.text-purple-500 { - color: #8b5cf6; -} - -.text-purple-600 { - color: #7c3aed; -} - -.text-purple-700 { - color: #6d28d9; -} - -.text-purple-800 { - color: #5b21b6; -} - -.text-purple-900 { - color: #4c1d95; -} - -.text-pink-50 { - color: #fdf2f8; -} - -.text-pink-100 { - color: #fce7f3; -} - -.text-pink-200 { - color: #fbcfe8; -} - -.text-pink-300 { - color: #f9a8d4; -} - -.text-pink-400 { - color: #f472b6; -} - -.text-pink-500 { - color: #ec4899; -} - -.text-pink-600 { - color: #db2777; -} - -.text-pink-700 { - color: #be185d; -} - -.text-pink-800 { - color: #9d174d; -} - -.text-pink-900 { - color: #831843; -} - -.group:hover .group-hover\:text-transparent { - color: transparent; -} - -.group:hover .group-hover\:text-current { - color: currentColor; -} - -.group:hover .group-hover\:text-black { - color: #000; -} - -.group:hover .group-hover\:text-white { - color: #fff; -} - -.group:hover .group-hover\:text-gray-50 { - color: #fafafa; -} - -.group:hover .group-hover\:text-gray-100 { - color: #f4f4f5; -} - -.group:hover .group-hover\:text-gray-200 { - color: #e4e4e7; -} - -.group:hover .group-hover\:text-gray-300 { - color: #d4d4d8; -} - -.group:hover .group-hover\:text-gray-400 { - color: #a1a1aa; -} - -.group:hover .group-hover\:text-gray-500 { - color: #71717a; -} - -.group:hover .group-hover\:text-gray-600 { - color: #52525b; -} - -.group:hover .group-hover\:text-gray-700 { - color: #3f3f46; -} - -.group:hover .group-hover\:text-gray-800 { - color: #27272a; -} - -.group:hover .group-hover\:text-gray-900 { - color: #18181b; -} - -.group:hover .group-hover\:text-red-50 { - color: #fef2f2; -} - -.group:hover .group-hover\:text-red-100 { - color: #fee2e2; -} - -.group:hover .group-hover\:text-red-200 { - color: #fecaca; -} - -.group:hover .group-hover\:text-red-300 { - color: #fca5a5; -} - -.group:hover .group-hover\:text-red-400 { - color: #f87171; -} - -.group:hover .group-hover\:text-red-500 { - color: #ef4444; -} - -.group:hover .group-hover\:text-red-600 { - color: #dc2626; -} - -.group:hover .group-hover\:text-red-700 { - color: #b91c1c; -} - -.group:hover .group-hover\:text-red-800 { - color: #991b1b; -} - -.group:hover .group-hover\:text-red-900 { - color: #7f1d1d; -} - -.group:hover .group-hover\:text-yellow-50 { - color: #fffbeb; -} - -.group:hover .group-hover\:text-yellow-100 { - color: #fef3c7; -} - -.group:hover .group-hover\:text-yellow-200 { - color: #fde68a; -} - -.group:hover .group-hover\:text-yellow-300 { - color: #fcd34d; -} - -.group:hover .group-hover\:text-yellow-400 { - color: #fbbf24; -} - -.group:hover .group-hover\:text-yellow-500 { - color: #f59e0b; -} - -.group:hover .group-hover\:text-yellow-600 { - color: #d97706; -} - -.group:hover .group-hover\:text-yellow-700 { - color: #b45309; -} - -.group:hover .group-hover\:text-yellow-800 { - color: #92400e; -} - -.group:hover .group-hover\:text-yellow-900 { - color: #78350f; -} - -.group:hover .group-hover\:text-green-50 { - color: #ecfdf5; -} - -.group:hover .group-hover\:text-green-100 { - color: #d1fae5; -} - -.group:hover .group-hover\:text-green-200 { - color: #a7f3d0; -} - -.group:hover .group-hover\:text-green-300 { - color: #6ee7b7; -} - -.group:hover .group-hover\:text-green-400 { - color: #34d399; -} - -.group:hover .group-hover\:text-green-500 { - color: #10b981; -} - -.group:hover .group-hover\:text-green-600 { - color: #059669; -} - -.group:hover .group-hover\:text-green-700 { - color: #047857; -} - -.group:hover .group-hover\:text-green-800 { - color: #065f46; -} - -.group:hover .group-hover\:text-green-900 { - color: #064e3b; -} - -.group:hover .group-hover\:text-blue-50 { - color: #eff6ff; -} - -.group:hover .group-hover\:text-blue-100 { - color: #dbeafe; -} - -.group:hover .group-hover\:text-blue-200 { - color: #bfdbfe; -} - -.group:hover .group-hover\:text-blue-300 { - color: #93c5fd; -} - -.group:hover .group-hover\:text-blue-400 { - color: #60a5fa; -} - -.group:hover .group-hover\:text-blue-500 { - color: #3b82f6; -} - -.group:hover .group-hover\:text-blue-600 { - color: #2563eb; -} - -.group:hover .group-hover\:text-blue-700 { - color: #1d4ed8; -} - -.group:hover .group-hover\:text-blue-800 { - color: #1e40af; -} - -.group:hover .group-hover\:text-blue-900 { - color: #1e3a8a; -} - -.group:hover .group-hover\:text-purple-50 { - color: #f5f3ff; -} - -.group:hover .group-hover\:text-purple-100 { - color: #ede9fe; -} - -.group:hover .group-hover\:text-purple-200 { - color: #ddd6fe; -} - -.group:hover .group-hover\:text-purple-300 { - color: #c4b5fd; -} - -.group:hover .group-hover\:text-purple-400 { - color: #a78bfa; -} - -.group:hover .group-hover\:text-purple-500 { - color: #8b5cf6; -} - -.group:hover .group-hover\:text-purple-600 { - color: #7c3aed; -} - -.group:hover .group-hover\:text-purple-700 { - color: #6d28d9; -} - -.group:hover .group-hover\:text-purple-800 { - color: #5b21b6; -} - -.group:hover .group-hover\:text-purple-900 { - color: #4c1d95; -} - -.group:hover .group-hover\:text-pink-50 { - color: #fdf2f8; -} - -.group:hover .group-hover\:text-pink-100 { - color: #fce7f3; -} - -.group:hover .group-hover\:text-pink-200 { - color: #fbcfe8; -} - -.group:hover .group-hover\:text-pink-300 { - color: #f9a8d4; -} - -.group:hover .group-hover\:text-pink-400 { - color: #f472b6; -} - -.group:hover .group-hover\:text-pink-500 { - color: #ec4899; -} - -.group:hover .group-hover\:text-pink-600 { - color: #db2777; -} - -.group:hover .group-hover\:text-pink-700 { - color: #be185d; -} - -.group:hover .group-hover\:text-pink-800 { - color: #9d174d; -} - -.group:hover .group-hover\:text-pink-900 { - color: #831843; -} - -.hover\:text-transparent:hover { - color: transparent; -} - -.hover\:text-current:hover { - color: currentColor; -} - -.hover\:text-black:hover { - color: #000; -} - -.hover\:text-white:hover { - color: #fff; -} - -.hover\:text-gray-50:hover { - color: #fafafa; -} - -.hover\:text-gray-100:hover { - color: #f4f4f5; -} - -.hover\:text-gray-200:hover { - color: #e4e4e7; -} - -.hover\:text-gray-300:hover { - color: #d4d4d8; -} - -.hover\:text-gray-400:hover { - color: #a1a1aa; -} - -.hover\:text-gray-500:hover { - color: #71717a; -} - -.hover\:text-gray-600:hover { - color: #52525b; -} - -.hover\:text-gray-700:hover { - color: #3f3f46; -} - -.hover\:text-gray-800:hover { - color: #27272a; -} - -.hover\:text-gray-900:hover { - color: #18181b; -} - -.hover\:text-red-50:hover { - color: #fef2f2; -} - -.hover\:text-red-100:hover { - color: #fee2e2; -} - -.hover\:text-red-200:hover { - color: #fecaca; -} - -.hover\:text-red-300:hover { - color: #fca5a5; -} - -.hover\:text-red-400:hover { - color: #f87171; -} - -.hover\:text-red-500:hover { - color: #ef4444; -} - -.hover\:text-red-600:hover { - color: #dc2626; -} - -.hover\:text-red-700:hover { - color: #b91c1c; -} - -.hover\:text-red-800:hover { - color: #991b1b; -} - -.hover\:text-red-900:hover { - color: #7f1d1d; -} - -.hover\:text-yellow-50:hover { - color: #fffbeb; -} - -.hover\:text-yellow-100:hover { - color: #fef3c7; -} - -.hover\:text-yellow-200:hover { - color: #fde68a; -} - -.hover\:text-yellow-300:hover { - color: #fcd34d; -} - -.hover\:text-yellow-400:hover { - color: #fbbf24; -} - -.hover\:text-yellow-500:hover { - color: #f59e0b; -} - -.hover\:text-yellow-600:hover { - color: #d97706; -} - -.hover\:text-yellow-700:hover { - color: #b45309; -} - -.hover\:text-yellow-800:hover { - color: #92400e; -} - -.hover\:text-yellow-900:hover { - color: #78350f; -} - -.hover\:text-green-50:hover { - color: #ecfdf5; -} - -.hover\:text-green-100:hover { - color: #d1fae5; -} - -.hover\:text-green-200:hover { - color: #a7f3d0; -} - -.hover\:text-green-300:hover { - color: #6ee7b7; -} - -.hover\:text-green-400:hover { - color: #34d399; -} - -.hover\:text-green-500:hover { - color: #10b981; -} - -.hover\:text-green-600:hover { - color: #059669; -} - -.hover\:text-green-700:hover { - color: #047857; -} - -.hover\:text-green-800:hover { - color: #065f46; -} - -.hover\:text-green-900:hover { - color: #064e3b; -} - -.hover\:text-blue-50:hover { - color: #eff6ff; -} - -.hover\:text-blue-100:hover { - color: #dbeafe; -} - -.hover\:text-blue-200:hover { - color: #bfdbfe; -} - -.hover\:text-blue-300:hover { - color: #93c5fd; -} - -.hover\:text-blue-400:hover { - color: #60a5fa; -} - -.hover\:text-blue-500:hover { - color: #3b82f6; -} - -.hover\:text-blue-600:hover { - color: #2563eb; -} - -.hover\:text-blue-700:hover { - color: #1d4ed8; -} - -.hover\:text-blue-800:hover { - color: #1e40af; -} - -.hover\:text-blue-900:hover { - color: #1e3a8a; -} - -.hover\:text-purple-50:hover { - color: #f5f3ff; -} - -.hover\:text-purple-100:hover { - color: #ede9fe; -} - -.hover\:text-purple-200:hover { - color: #ddd6fe; -} - -.hover\:text-purple-300:hover { - color: #c4b5fd; -} - -.hover\:text-purple-400:hover { - color: #a78bfa; -} - -.hover\:text-purple-500:hover { - color: #8b5cf6; -} - -.hover\:text-purple-600:hover { - color: #7c3aed; -} - -.hover\:text-purple-700:hover { - color: #6d28d9; -} - -.hover\:text-purple-800:hover { - color: #5b21b6; -} - -.hover\:text-purple-900:hover { - color: #4c1d95; -} - -.hover\:text-pink-50:hover { - color: #fdf2f8; -} - -.hover\:text-pink-100:hover { - color: #fce7f3; -} - -.hover\:text-pink-200:hover { - color: #fbcfe8; -} - -.hover\:text-pink-300:hover { - color: #f9a8d4; -} - -.hover\:text-pink-400:hover { - color: #f472b6; -} - -.hover\:text-pink-500:hover { - color: #ec4899; -} - -.hover\:text-pink-600:hover { - color: #db2777; -} - -.hover\:text-pink-700:hover { - color: #be185d; -} - -.hover\:text-pink-800:hover { - color: #9d174d; -} - -.hover\:text-pink-900:hover { - color: #831843; -} - -.focus\:text-transparent:focus { - color: transparent; -} - -.focus\:text-current:focus { - color: currentColor; -} - -.focus\:text-black:focus { - color: #000; -} - -.focus\:text-white:focus { - color: #fff; -} - -.focus\:text-gray-50:focus { - color: #fafafa; -} - -.focus\:text-gray-100:focus { - color: #f4f4f5; -} - -.focus\:text-gray-200:focus { - color: #e4e4e7; -} - -.focus\:text-gray-300:focus { - color: #d4d4d8; -} - -.focus\:text-gray-400:focus { - color: #a1a1aa; -} - -.focus\:text-gray-500:focus { - color: #71717a; -} - -.focus\:text-gray-600:focus { - color: #52525b; -} - -.focus\:text-gray-700:focus { - color: #3f3f46; -} - -.focus\:text-gray-800:focus { - color: #27272a; -} - -.focus\:text-gray-900:focus { - color: #18181b; -} - -.focus\:text-red-50:focus { - color: #fef2f2; -} - -.focus\:text-red-100:focus { - color: #fee2e2; -} - -.focus\:text-red-200:focus { - color: #fecaca; -} - -.focus\:text-red-300:focus { - color: #fca5a5; -} - -.focus\:text-red-400:focus { - color: #f87171; -} - -.focus\:text-red-500:focus { - color: #ef4444; -} - -.focus\:text-red-600:focus { - color: #dc2626; -} - -.focus\:text-red-700:focus { - color: #b91c1c; -} - -.focus\:text-red-800:focus { - color: #991b1b; -} - -.focus\:text-red-900:focus { - color: #7f1d1d; -} - -.focus\:text-yellow-50:focus { - color: #fffbeb; -} - -.focus\:text-yellow-100:focus { - color: #fef3c7; -} - -.focus\:text-yellow-200:focus { - color: #fde68a; -} - -.focus\:text-yellow-300:focus { - color: #fcd34d; -} - -.focus\:text-yellow-400:focus { - color: #fbbf24; -} - -.focus\:text-yellow-500:focus { - color: #f59e0b; -} - -.focus\:text-yellow-600:focus { - color: #d97706; -} - -.focus\:text-yellow-700:focus { - color: #b45309; -} - -.focus\:text-yellow-800:focus { - color: #92400e; -} - -.focus\:text-yellow-900:focus { - color: #78350f; -} - -.focus\:text-green-50:focus { - color: #ecfdf5; -} - -.focus\:text-green-100:focus { - color: #d1fae5; -} - -.focus\:text-green-200:focus { - color: #a7f3d0; -} - -.focus\:text-green-300:focus { - color: #6ee7b7; -} - -.focus\:text-green-400:focus { - color: #34d399; -} - -.focus\:text-green-500:focus { - color: #10b981; -} - -.focus\:text-green-600:focus { - color: #059669; -} - -.focus\:text-green-700:focus { - color: #047857; -} - -.focus\:text-green-800:focus { - color: #065f46; -} - -.focus\:text-green-900:focus { - color: #064e3b; -} - -.focus\:text-blue-50:focus { - color: #eff6ff; -} - -.focus\:text-blue-100:focus { - color: #dbeafe; -} - -.focus\:text-blue-200:focus { - color: #bfdbfe; -} - -.focus\:text-blue-300:focus { - color: #93c5fd; -} - -.focus\:text-blue-400:focus { - color: #60a5fa; -} - -.focus\:text-blue-500:focus { - color: #3b82f6; -} - -.focus\:text-blue-600:focus { - color: #2563eb; -} - -.focus\:text-blue-700:focus { - color: #1d4ed8; -} - -.focus\:text-blue-800:focus { - color: #1e40af; -} - -.focus\:text-blue-900:focus { - color: #1e3a8a; -} - -.focus\:text-purple-50:focus { - color: #f5f3ff; -} - -.focus\:text-purple-100:focus { - color: #ede9fe; -} - -.focus\:text-purple-200:focus { - color: #ddd6fe; -} - -.focus\:text-purple-300:focus { - color: #c4b5fd; -} - -.focus\:text-purple-400:focus { - color: #a78bfa; -} - -.focus\:text-purple-500:focus { - color: #8b5cf6; -} - -.focus\:text-purple-600:focus { - color: #7c3aed; -} - -.focus\:text-purple-700:focus { - color: #6d28d9; -} - -.focus\:text-purple-800:focus { - color: #5b21b6; -} - -.focus\:text-purple-900:focus { - color: #4c1d95; -} - -.focus\:text-pink-50:focus { - color: #fdf2f8; -} - -.focus\:text-pink-100:focus { - color: #fce7f3; -} - -.focus\:text-pink-200:focus { - color: #fbcfe8; -} - -.focus\:text-pink-300:focus { - color: #f9a8d4; -} - -.focus\:text-pink-400:focus { - color: #f472b6; -} - -.focus\:text-pink-500:focus { - color: #ec4899; -} - -.focus\:text-pink-600:focus { - color: #db2777; -} - -.focus\:text-pink-700:focus { - color: #be185d; -} - -.focus\:text-pink-800:focus { - color: #9d174d; -} - -.focus\:text-pink-900:focus { - color: #831843; -} - -@media (prefers-color-scheme: dark) { - .dark\:text-transparent { - color: transparent; - } - - .dark\:text-current { - color: currentColor; - } - - .dark\:text-black { - color: #000; - } - - .dark\:text-white { - color: #fff; - } - - .dark\:text-gray-50 { - color: #fafafa; - } - - .dark\:text-gray-100 { - color: #f4f4f5; - } - - .dark\:text-gray-200 { - color: #e4e4e7; - } - - .dark\:text-gray-300 { - color: #d4d4d8; - } - - .dark\:text-gray-400 { - color: #a1a1aa; - } - - .dark\:text-gray-500 { - color: #71717a; - } - - .dark\:text-gray-600 { - color: #52525b; - } - - .dark\:text-gray-700 { - color: #3f3f46; - } - - .dark\:text-gray-800 { - color: #27272a; - } - - .dark\:text-gray-900 { - color: #18181b; - } - - .dark\:text-red-50 { - color: #fef2f2; - } - - .dark\:text-red-100 { - color: #fee2e2; - } - - .dark\:text-red-200 { - color: #fecaca; - } - - .dark\:text-red-300 { - color: #fca5a5; - } - - .dark\:text-red-400 { - color: #f87171; - } - - .dark\:text-red-500 { - color: #ef4444; - } - - .dark\:text-red-600 { - color: #dc2626; - } - - .dark\:text-red-700 { - color: #b91c1c; - } - - .dark\:text-red-800 { - color: #991b1b; - } - - .dark\:text-red-900 { - color: #7f1d1d; - } - - .dark\:text-yellow-50 { - color: #fffbeb; - } - - .dark\:text-yellow-100 { - color: #fef3c7; - } - - .dark\:text-yellow-200 { - color: #fde68a; - } - - .dark\:text-yellow-300 { - color: #fcd34d; - } - - .dark\:text-yellow-400 { - color: #fbbf24; - } - - .dark\:text-yellow-500 { - color: #f59e0b; - } - - .dark\:text-yellow-600 { - color: #d97706; - } - - .dark\:text-yellow-700 { - color: #b45309; - } - - .dark\:text-yellow-800 { - color: #92400e; - } - - .dark\:text-yellow-900 { - color: #78350f; - } - - .dark\:text-green-50 { - color: #ecfdf5; - } - - .dark\:text-green-100 { - color: #d1fae5; - } - - .dark\:text-green-200 { - color: #a7f3d0; - } - - .dark\:text-green-300 { - color: #6ee7b7; - } - - .dark\:text-green-400 { - color: #34d399; - } - - .dark\:text-green-500 { - color: #10b981; - } - - .dark\:text-green-600 { - color: #059669; - } - - .dark\:text-green-700 { - color: #047857; - } - - .dark\:text-green-800 { - color: #065f46; - } - - .dark\:text-green-900 { - color: #064e3b; - } - - .dark\:text-blue-50 { - color: #eff6ff; - } - - .dark\:text-blue-100 { - color: #dbeafe; - } - - .dark\:text-blue-200 { - color: #bfdbfe; - } - - .dark\:text-blue-300 { - color: #93c5fd; - } - - .dark\:text-blue-400 { - color: #60a5fa; - } - - .dark\:text-blue-500 { - color: #3b82f6; - } - - .dark\:text-blue-600 { - color: #2563eb; - } - - .dark\:text-blue-700 { - color: #1d4ed8; - } - - .dark\:text-blue-800 { - color: #1e40af; - } - - .dark\:text-blue-900 { - color: #1e3a8a; - } - - .dark\:text-purple-50 { - color: #f5f3ff; - } - - .dark\:text-purple-100 { - color: #ede9fe; - } - - .dark\:text-purple-200 { - color: #ddd6fe; - } - - .dark\:text-purple-300 { - color: #c4b5fd; - } - - .dark\:text-purple-400 { - color: #a78bfa; - } - - .dark\:text-purple-500 { - color: #8b5cf6; - } - - .dark\:text-purple-600 { - color: #7c3aed; - } - - .dark\:text-purple-700 { - color: #6d28d9; - } - - .dark\:text-purple-800 { - color: #5b21b6; - } - - .dark\:text-purple-900 { - color: #4c1d95; - } - - .dark\:text-pink-50 { - color: #fdf2f8; - } - - .dark\:text-pink-100 { - color: #fce7f3; - } - - .dark\:text-pink-200 { - color: #fbcfe8; - } - - .dark\:text-pink-300 { - color: #f9a8d4; - } - - .dark\:text-pink-400 { - color: #f472b6; - } - - .dark\:text-pink-500 { - color: #ec4899; - } - - .dark\:text-pink-600 { - color: #db2777; - } - - .dark\:text-pink-700 { - color: #be185d; - } - - .dark\:text-pink-800 { - color: #9d174d; - } - - .dark\:text-pink-900 { - color: #831843; - } - - .group:hover .dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .dark\:group-hover\:text-black { - color: #000; - } - - .group:hover .dark\:group-hover\:text-white { - color: #fff; - } - - .group:hover .dark\:group-hover\:text-gray-50 { - color: #fafafa; - } - - .group:hover .dark\:group-hover\:text-gray-100 { - color: #f4f4f5; - } - - .group:hover .dark\:group-hover\:text-gray-200 { - color: #e4e4e7; - } - - .group:hover .dark\:group-hover\:text-gray-300 { - color: #d4d4d8; - } - - .group:hover .dark\:group-hover\:text-gray-400 { - color: #a1a1aa; - } - - .group:hover .dark\:group-hover\:text-gray-500 { - color: #71717a; - } - - .group:hover .dark\:group-hover\:text-gray-600 { - color: #52525b; - } - - .group:hover .dark\:group-hover\:text-gray-700 { - color: #3f3f46; - } - - .group:hover .dark\:group-hover\:text-gray-800 { - color: #27272a; - } - - .group:hover .dark\:group-hover\:text-gray-900 { - color: #18181b; - } - - .group:hover .dark\:group-hover\:text-red-50 { - color: #fef2f2; - } - - .group:hover .dark\:group-hover\:text-red-100 { - color: #fee2e2; - } - - .group:hover .dark\:group-hover\:text-red-200 { - color: #fecaca; - } - - .group:hover .dark\:group-hover\:text-red-300 { - color: #fca5a5; - } - - .group:hover .dark\:group-hover\:text-red-400 { - color: #f87171; - } - - .group:hover .dark\:group-hover\:text-red-500 { - color: #ef4444; - } - - .group:hover .dark\:group-hover\:text-red-600 { - color: #dc2626; - } - - .group:hover .dark\:group-hover\:text-red-700 { - color: #b91c1c; - } - - .group:hover .dark\:group-hover\:text-red-800 { - color: #991b1b; - } - - .group:hover .dark\:group-hover\:text-red-900 { - color: #7f1d1d; - } - - .group:hover .dark\:group-hover\:text-yellow-50 { - color: #fffbeb; - } - - .group:hover .dark\:group-hover\:text-yellow-100 { - color: #fef3c7; - } - - .group:hover .dark\:group-hover\:text-yellow-200 { - color: #fde68a; - } - - .group:hover .dark\:group-hover\:text-yellow-300 { - color: #fcd34d; - } - - .group:hover .dark\:group-hover\:text-yellow-400 { - color: #fbbf24; - } - - .group:hover .dark\:group-hover\:text-yellow-500 { - color: #f59e0b; - } - - .group:hover .dark\:group-hover\:text-yellow-600 { - color: #d97706; - } - - .group:hover .dark\:group-hover\:text-yellow-700 { - color: #b45309; - } - - .group:hover .dark\:group-hover\:text-yellow-800 { - color: #92400e; - } - - .group:hover .dark\:group-hover\:text-yellow-900 { - color: #78350f; - } - - .group:hover .dark\:group-hover\:text-green-50 { - color: #ecfdf5; - } - - .group:hover .dark\:group-hover\:text-green-100 { - color: #d1fae5; - } - - .group:hover .dark\:group-hover\:text-green-200 { - color: #a7f3d0; - } - - .group:hover .dark\:group-hover\:text-green-300 { - color: #6ee7b7; - } - - .group:hover .dark\:group-hover\:text-green-400 { - color: #34d399; - } - - .group:hover .dark\:group-hover\:text-green-500 { - color: #10b981; - } - - .group:hover .dark\:group-hover\:text-green-600 { - color: #059669; - } - - .group:hover .dark\:group-hover\:text-green-700 { - color: #047857; - } - - .group:hover .dark\:group-hover\:text-green-800 { - color: #065f46; - } - - .group:hover .dark\:group-hover\:text-green-900 { - color: #064e3b; - } - - .group:hover .dark\:group-hover\:text-blue-50 { - color: #eff6ff; - } - - .group:hover .dark\:group-hover\:text-blue-100 { - color: #dbeafe; - } - - .group:hover .dark\:group-hover\:text-blue-200 { - color: #bfdbfe; - } - - .group:hover .dark\:group-hover\:text-blue-300 { - color: #93c5fd; - } - - .group:hover .dark\:group-hover\:text-blue-400 { - color: #60a5fa; - } - - .group:hover .dark\:group-hover\:text-blue-500 { - color: #3b82f6; - } - - .group:hover .dark\:group-hover\:text-blue-600 { - color: #2563eb; - } - - .group:hover .dark\:group-hover\:text-blue-700 { - color: #1d4ed8; - } - - .group:hover .dark\:group-hover\:text-blue-800 { - color: #1e40af; - } - - .group:hover .dark\:group-hover\:text-blue-900 { - color: #1e3a8a; - } - - .group:hover .dark\:group-hover\:text-purple-50 { - color: #f5f3ff; - } - - .group:hover .dark\:group-hover\:text-purple-100 { - color: #ede9fe; - } - - .group:hover .dark\:group-hover\:text-purple-200 { - color: #ddd6fe; - } - - .group:hover .dark\:group-hover\:text-purple-300 { - color: #c4b5fd; - } - - .group:hover .dark\:group-hover\:text-purple-400 { - color: #a78bfa; - } - - .group:hover .dark\:group-hover\:text-purple-500 { - color: #8b5cf6; - } - - .group:hover .dark\:group-hover\:text-purple-600 { - color: #7c3aed; - } - - .group:hover .dark\:group-hover\:text-purple-700 { - color: #6d28d9; - } - - .group:hover .dark\:group-hover\:text-purple-800 { - color: #5b21b6; - } - - .group:hover .dark\:group-hover\:text-purple-900 { - color: #4c1d95; - } - - .group:hover .dark\:group-hover\:text-pink-50 { - color: #fdf2f8; - } - - .group:hover .dark\:group-hover\:text-pink-100 { - color: #fce7f3; - } - - .group:hover .dark\:group-hover\:text-pink-200 { - color: #fbcfe8; - } - - .group:hover .dark\:group-hover\:text-pink-300 { - color: #f9a8d4; - } - - .group:hover .dark\:group-hover\:text-pink-400 { - color: #f472b6; - } - - .group:hover .dark\:group-hover\:text-pink-500 { - color: #ec4899; - } - - .group:hover .dark\:group-hover\:text-pink-600 { - color: #db2777; - } - - .group:hover .dark\:group-hover\:text-pink-700 { - color: #be185d; - } - - .group:hover .dark\:group-hover\:text-pink-800 { - color: #9d174d; - } - - .group:hover .dark\:group-hover\:text-pink-900 { - color: #831843; - } - - .dark\:hover\:text-transparent:hover { - color: transparent; - } - - .dark\:hover\:text-current:hover { - color: currentColor; - } - - .dark\:hover\:text-black:hover { - color: #000; - } - - .dark\:hover\:text-white:hover { - color: #fff; - } - - .dark\:hover\:text-gray-50:hover { - color: #fafafa; - } - - .dark\:hover\:text-gray-100:hover { - color: #f4f4f5; - } - - .dark\:hover\:text-gray-200:hover { - color: #e4e4e7; - } - - .dark\:hover\:text-gray-300:hover { - color: #d4d4d8; - } - - .dark\:hover\:text-gray-400:hover { - color: #a1a1aa; - } - - .dark\:hover\:text-gray-500:hover { - color: #71717a; - } - - .dark\:hover\:text-gray-600:hover { - color: #52525b; - } - - .dark\:hover\:text-gray-700:hover { - color: #3f3f46; - } - - .dark\:hover\:text-gray-800:hover { - color: #27272a; - } - - .dark\:hover\:text-gray-900:hover { - color: #18181b; - } - - .dark\:hover\:text-red-50:hover { - color: #fef2f2; - } - - .dark\:hover\:text-red-100:hover { - color: #fee2e2; - } - - .dark\:hover\:text-red-200:hover { - color: #fecaca; - } - - .dark\:hover\:text-red-300:hover { - color: #fca5a5; - } - - .dark\:hover\:text-red-400:hover { - color: #f87171; - } - - .dark\:hover\:text-red-500:hover { - color: #ef4444; - } - - .dark\:hover\:text-red-600:hover { - color: #dc2626; - } - - .dark\:hover\:text-red-700:hover { - color: #b91c1c; - } - - .dark\:hover\:text-red-800:hover { - color: #991b1b; - } - - .dark\:hover\:text-red-900:hover { - color: #7f1d1d; - } - - .dark\:hover\:text-yellow-50:hover { - color: #fffbeb; - } - - .dark\:hover\:text-yellow-100:hover { - color: #fef3c7; - } - - .dark\:hover\:text-yellow-200:hover { - color: #fde68a; - } - - .dark\:hover\:text-yellow-300:hover { - color: #fcd34d; - } - - .dark\:hover\:text-yellow-400:hover { - color: #fbbf24; - } - - .dark\:hover\:text-yellow-500:hover { - color: #f59e0b; - } - - .dark\:hover\:text-yellow-600:hover { - color: #d97706; - } - - .dark\:hover\:text-yellow-700:hover { - color: #b45309; - } - - .dark\:hover\:text-yellow-800:hover { - color: #92400e; - } - - .dark\:hover\:text-yellow-900:hover { - color: #78350f; - } - - .dark\:hover\:text-green-50:hover { - color: #ecfdf5; - } - - .dark\:hover\:text-green-100:hover { - color: #d1fae5; - } - - .dark\:hover\:text-green-200:hover { - color: #a7f3d0; - } - - .dark\:hover\:text-green-300:hover { - color: #6ee7b7; - } - - .dark\:hover\:text-green-400:hover { - color: #34d399; - } - - .dark\:hover\:text-green-500:hover { - color: #10b981; - } - - .dark\:hover\:text-green-600:hover { - color: #059669; - } - - .dark\:hover\:text-green-700:hover { - color: #047857; - } - - .dark\:hover\:text-green-800:hover { - color: #065f46; - } - - .dark\:hover\:text-green-900:hover { - color: #064e3b; - } - - .dark\:hover\:text-blue-50:hover { - color: #eff6ff; - } - - .dark\:hover\:text-blue-100:hover { - color: #dbeafe; - } - - .dark\:hover\:text-blue-200:hover { - color: #bfdbfe; - } - - .dark\:hover\:text-blue-300:hover { - color: #93c5fd; - } - - .dark\:hover\:text-blue-400:hover { - color: #60a5fa; - } - - .dark\:hover\:text-blue-500:hover { - color: #3b82f6; - } - - .dark\:hover\:text-blue-600:hover { - color: #2563eb; - } - - .dark\:hover\:text-blue-700:hover { - color: #1d4ed8; - } - - .dark\:hover\:text-blue-800:hover { - color: #1e40af; - } - - .dark\:hover\:text-blue-900:hover { - color: #1e3a8a; - } - - .dark\:hover\:text-purple-50:hover { - color: #f5f3ff; - } - - .dark\:hover\:text-purple-100:hover { - color: #ede9fe; - } - - .dark\:hover\:text-purple-200:hover { - color: #ddd6fe; - } - - .dark\:hover\:text-purple-300:hover { - color: #c4b5fd; - } - - .dark\:hover\:text-purple-400:hover { - color: #a78bfa; - } - - .dark\:hover\:text-purple-500:hover { - color: #8b5cf6; - } - - .dark\:hover\:text-purple-600:hover { - color: #7c3aed; - } - - .dark\:hover\:text-purple-700:hover { - color: #6d28d9; - } - - .dark\:hover\:text-purple-800:hover { - color: #5b21b6; - } - - .dark\:hover\:text-purple-900:hover { - color: #4c1d95; - } - - .dark\:hover\:text-pink-50:hover { - color: #fdf2f8; - } - - .dark\:hover\:text-pink-100:hover { - color: #fce7f3; - } - - .dark\:hover\:text-pink-200:hover { - color: #fbcfe8; - } - - .dark\:hover\:text-pink-300:hover { - color: #f9a8d4; - } - - .dark\:hover\:text-pink-400:hover { - color: #f472b6; - } - - .dark\:hover\:text-pink-500:hover { - color: #ec4899; - } - - .dark\:hover\:text-pink-600:hover { - color: #db2777; - } - - .dark\:hover\:text-pink-700:hover { - color: #be185d; - } - - .dark\:hover\:text-pink-800:hover { - color: #9d174d; - } - - .dark\:hover\:text-pink-900:hover { - color: #831843; - } - - .dark\:focus\:text-transparent:focus { - color: transparent; - } - - .dark\:focus\:text-current:focus { - color: currentColor; - } - - .dark\:focus\:text-black:focus { - color: #000; - } - - .dark\:focus\:text-white:focus { - color: #fff; - } - - .dark\:focus\:text-gray-50:focus { - color: #fafafa; - } - - .dark\:focus\:text-gray-100:focus { - color: #f4f4f5; - } - - .dark\:focus\:text-gray-200:focus { - color: #e4e4e7; - } - - .dark\:focus\:text-gray-300:focus { - color: #d4d4d8; - } - - .dark\:focus\:text-gray-400:focus { - color: #a1a1aa; - } - - .dark\:focus\:text-gray-500:focus { - color: #71717a; - } - - .dark\:focus\:text-gray-600:focus { - color: #52525b; - } - - .dark\:focus\:text-gray-700:focus { - color: #3f3f46; - } - - .dark\:focus\:text-gray-800:focus { - color: #27272a; - } - - .dark\:focus\:text-gray-900:focus { - color: #18181b; - } - - .dark\:focus\:text-red-50:focus { - color: #fef2f2; - } - - .dark\:focus\:text-red-100:focus { - color: #fee2e2; - } - - .dark\:focus\:text-red-200:focus { - color: #fecaca; - } - - .dark\:focus\:text-red-300:focus { - color: #fca5a5; - } - - .dark\:focus\:text-red-400:focus { - color: #f87171; - } - - .dark\:focus\:text-red-500:focus { - color: #ef4444; - } - - .dark\:focus\:text-red-600:focus { - color: #dc2626; - } - - .dark\:focus\:text-red-700:focus { - color: #b91c1c; - } - - .dark\:focus\:text-red-800:focus { - color: #991b1b; - } - - .dark\:focus\:text-red-900:focus { - color: #7f1d1d; - } - - .dark\:focus\:text-yellow-50:focus { - color: #fffbeb; - } - - .dark\:focus\:text-yellow-100:focus { - color: #fef3c7; - } - - .dark\:focus\:text-yellow-200:focus { - color: #fde68a; - } - - .dark\:focus\:text-yellow-300:focus { - color: #fcd34d; - } - - .dark\:focus\:text-yellow-400:focus { - color: #fbbf24; - } - - .dark\:focus\:text-yellow-500:focus { - color: #f59e0b; - } - - .dark\:focus\:text-yellow-600:focus { - color: #d97706; - } - - .dark\:focus\:text-yellow-700:focus { - color: #b45309; - } - - .dark\:focus\:text-yellow-800:focus { - color: #92400e; - } - - .dark\:focus\:text-yellow-900:focus { - color: #78350f; - } - - .dark\:focus\:text-green-50:focus { - color: #ecfdf5; - } - - .dark\:focus\:text-green-100:focus { - color: #d1fae5; - } - - .dark\:focus\:text-green-200:focus { - color: #a7f3d0; - } - - .dark\:focus\:text-green-300:focus { - color: #6ee7b7; - } - - .dark\:focus\:text-green-400:focus { - color: #34d399; - } - - .dark\:focus\:text-green-500:focus { - color: #10b981; - } - - .dark\:focus\:text-green-600:focus { - color: #059669; - } - - .dark\:focus\:text-green-700:focus { - color: #047857; - } - - .dark\:focus\:text-green-800:focus { - color: #065f46; - } - - .dark\:focus\:text-green-900:focus { - color: #064e3b; - } - - .dark\:focus\:text-blue-50:focus { - color: #eff6ff; - } - - .dark\:focus\:text-blue-100:focus { - color: #dbeafe; - } - - .dark\:focus\:text-blue-200:focus { - color: #bfdbfe; - } - - .dark\:focus\:text-blue-300:focus { - color: #93c5fd; - } - - .dark\:focus\:text-blue-400:focus { - color: #60a5fa; - } - - .dark\:focus\:text-blue-500:focus { - color: #3b82f6; - } - - .dark\:focus\:text-blue-600:focus { - color: #2563eb; - } - - .dark\:focus\:text-blue-700:focus { - color: #1d4ed8; - } - - .dark\:focus\:text-blue-800:focus { - color: #1e40af; - } - - .dark\:focus\:text-blue-900:focus { - color: #1e3a8a; - } - - .dark\:focus\:text-purple-50:focus { - color: #f5f3ff; - } - - .dark\:focus\:text-purple-100:focus { - color: #ede9fe; - } - - .dark\:focus\:text-purple-200:focus { - color: #ddd6fe; - } - - .dark\:focus\:text-purple-300:focus { - color: #c4b5fd; - } - - .dark\:focus\:text-purple-400:focus { - color: #a78bfa; - } - - .dark\:focus\:text-purple-500:focus { - color: #8b5cf6; - } - - .dark\:focus\:text-purple-600:focus { - color: #7c3aed; - } - - .dark\:focus\:text-purple-700:focus { - color: #6d28d9; - } - - .dark\:focus\:text-purple-800:focus { - color: #5b21b6; - } - - .dark\:focus\:text-purple-900:focus { - color: #4c1d95; - } - - .dark\:focus\:text-pink-50:focus { - color: #fdf2f8; - } - - .dark\:focus\:text-pink-100:focus { - color: #fce7f3; - } - - .dark\:focus\:text-pink-200:focus { - color: #fbcfe8; - } - - .dark\:focus\:text-pink-300:focus { - color: #f9a8d4; - } - - .dark\:focus\:text-pink-400:focus { - color: #f472b6; - } - - .dark\:focus\:text-pink-500:focus { - color: #ec4899; - } - - .dark\:focus\:text-pink-600:focus { - color: #db2777; - } - - .dark\:focus\:text-pink-700:focus { - color: #be185d; - } - - .dark\:focus\:text-pink-800:focus { - color: #9d174d; - } - - .dark\:focus\:text-pink-900:focus { - color: #831843; - } -} - -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.overflow-ellipsis { - text-overflow: ellipsis; -} - -.overflow-clip { - text-overflow: clip; -} - -.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; -} - -.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); -} - -.normal-nums { - font-variant-numeric: normal; -} - -.ordinal { - --font-variant-numeric-ordinal: ordinal; -} - -.slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; -} - -.lining-nums { - --font-variant-numeric-figure: lining-nums; -} - -.oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; -} - -.proportional-nums { - --font-variant-numeric-spacing: proportional-nums; -} - -.tabular-nums { - --font-variant-numeric-spacing: tabular-nums; -} - -.diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; -} - -.stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; -} - -.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; -} - -.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-12 { - width: 3rem; -} - -.w-14 { - width: 3.5rem; -} - -.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 { - width: min-content; -} - -.w-max { - 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; -} - -.focus\:z-0:focus { - z-index: 0; -} - -.focus\:z-10:focus { - z-index: 10; -} - -.focus\:z-20:focus { - z-index: 20; -} - -.focus\:z-30:focus { - z-index: 30; -} - -.focus\:z-40:focus { - z-index: 40; -} - -.focus\:z-50:focus { - z-index: 50; -} - -.focus\:z-auto:focus { - 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-12 { - grid-gap: 3rem; - gap: 3rem; -} - -.gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; -} - -.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-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-12 { - grid-column-gap: 3rem; - column-gap: 3rem; -} - -.gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; -} - -.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-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-12 { - grid-row-gap: 3rem; - row-gap: 3rem; -} - -.gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; -} - -.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; -} - -.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; -} - -.auto-cols-auto { - grid-auto-columns: auto; -} - -.auto-cols-min { - grid-auto-columns: min-content; -} - -.auto-cols-max { - grid-auto-columns: max-content; -} - -.auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); -} - -.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-span-full { - grid-column: 1 / -1; -} - -.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; -} - -.auto-rows-auto { - grid-auto-rows: auto; -} - -.auto-rows-min { - grid-auto-rows: min-content; -} - -.auto-rows-max { - grid-auto-rows: max-content; -} - -.auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); -} - -.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-span-full { - grid-row: 1 / -1; -} - -.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-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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-1 { - --transform-rotate: 1deg; -} - -.rotate-2 { - --transform-rotate: 2deg; -} - -.rotate-3 { - --transform-rotate: 3deg; -} - -.rotate-6 { - --transform-rotate: 6deg; -} - -.rotate-12 { - --transform-rotate: 12deg; -} - -.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; -} - -.-rotate-12 { - --transform-rotate: -12deg; -} - -.-rotate-6 { - --transform-rotate: -6deg; -} - -.-rotate-3 { - --transform-rotate: -3deg; -} - -.-rotate-2 { - --transform-rotate: -2deg; -} - -.-rotate-1 { - --transform-rotate: -1deg; -} - -.hover\:rotate-0:hover { - --transform-rotate: 0; -} - -.hover\:rotate-1:hover { - --transform-rotate: 1deg; -} - -.hover\:rotate-2:hover { - --transform-rotate: 2deg; -} - -.hover\:rotate-3:hover { - --transform-rotate: 3deg; -} - -.hover\:rotate-6:hover { - --transform-rotate: 6deg; -} - -.hover\:rotate-12:hover { - --transform-rotate: 12deg; -} - -.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; -} - -.hover\:-rotate-12:hover { - --transform-rotate: -12deg; -} - -.hover\:-rotate-6:hover { - --transform-rotate: -6deg; -} - -.hover\:-rotate-3:hover { - --transform-rotate: -3deg; -} - -.hover\:-rotate-2:hover { - --transform-rotate: -2deg; -} - -.hover\:-rotate-1:hover { - --transform-rotate: -1deg; -} - -.focus\:rotate-0:focus { - --transform-rotate: 0; -} - -.focus\:rotate-1:focus { - --transform-rotate: 1deg; -} - -.focus\:rotate-2:focus { - --transform-rotate: 2deg; -} - -.focus\:rotate-3:focus { - --transform-rotate: 3deg; -} - -.focus\:rotate-6:focus { - --transform-rotate: 6deg; -} - -.focus\:rotate-12:focus { - --transform-rotate: 12deg; -} - -.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; -} - -.focus\:-rotate-12:focus { - --transform-rotate: -12deg; -} - -.focus\:-rotate-6:focus { - --transform-rotate: -6deg; -} - -.focus\:-rotate-3:focus { - --transform-rotate: -3deg; -} - -.focus\:-rotate-2:focus { - --transform-rotate: -2deg; -} - -.focus\:-rotate-1:focus { - --transform-rotate: -1deg; -} - -.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-12 { - --transform-translate-x: 3rem; -} - -.translate-x-14 { - --transform-translate-x: 3.5rem; -} - -.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 { - --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-12 { - --transform-translate-x: -3rem; -} - -.-translate-x-14 { - --transform-translate-x: -3.5rem; -} - -.-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-full { - --transform-translate-x: 100%; -} - -.-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-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-12 { - --transform-translate-y: 3rem; -} - -.translate-y-14 { - --transform-translate-y: 3.5rem; -} - -.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 { - --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-12 { - --transform-translate-y: -3rem; -} - -.-translate-y-14 { - --transform-translate-y: -3.5rem; -} - -.-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-full { - --transform-translate-y: 100%; -} - -.-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-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-12:hover { - --transform-translate-x: 3rem; -} - -.hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; -} - -.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: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-12:hover { - --transform-translate-x: -3rem; -} - -.hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; -} - -.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-full:hover { - --transform-translate-x: 100%; -} - -.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-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-12:hover { - --transform-translate-y: 3rem; -} - -.hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; -} - -.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: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-12:hover { - --transform-translate-y: -3rem; -} - -.hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; -} - -.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-full:hover { - --transform-translate-y: 100%; -} - -.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-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-12:focus { - --transform-translate-x: 3rem; -} - -.focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; -} - -.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: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-12:focus { - --transform-translate-x: -3rem; -} - -.focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; -} - -.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-full:focus { - --transform-translate-x: 100%; -} - -.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-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-12:focus { - --transform-translate-y: 3rem; -} - -.focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; -} - -.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: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-12:focus { - --transform-translate-y: -3rem; -} - -.focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; -} - -.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-full:focus { - --transform-translate-y: 100%; -} - -.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-full:focus { - --transform-translate-y: -100%; -} - -.skew-x-0 { - --transform-skew-x: 0; -} - -.skew-x-1 { - --transform-skew-x: 1deg; -} - -.skew-x-2 { - --transform-skew-x: 2deg; -} - -.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-x-2 { - --transform-skew-x: -2deg; -} - -.-skew-x-1 { - --transform-skew-x: -1deg; -} - -.skew-y-0 { - --transform-skew-y: 0; -} - -.skew-y-1 { - --transform-skew-y: 1deg; -} - -.skew-y-2 { - --transform-skew-y: 2deg; -} - -.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; -} - -.-skew-y-2 { - --transform-skew-y: -2deg; -} - -.-skew-y-1 { - --transform-skew-y: -1deg; -} - -.hover\:skew-x-0:hover { - --transform-skew-x: 0; -} - -.hover\:skew-x-1:hover { - --transform-skew-x: 1deg; -} - -.hover\:skew-x-2:hover { - --transform-skew-x: 2deg; -} - -.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-x-2:hover { - --transform-skew-x: -2deg; -} - -.hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; -} - -.hover\:skew-y-0:hover { - --transform-skew-y: 0; -} - -.hover\:skew-y-1:hover { - --transform-skew-y: 1deg; -} - -.hover\:skew-y-2:hover { - --transform-skew-y: 2deg; -} - -.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; -} - -.hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; -} - -.hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; -} - -.focus\:skew-x-0:focus { - --transform-skew-x: 0; -} - -.focus\:skew-x-1:focus { - --transform-skew-x: 1deg; -} - -.focus\:skew-x-2:focus { - --transform-skew-x: 2deg; -} - -.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-x-2:focus { - --transform-skew-x: -2deg; -} - -.focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; -} - -.focus\:skew-y-0:focus { - --transform-skew-y: 0; -} - -.focus\:skew-y-1:focus { - --transform-skew-y: 1deg; -} - -.focus\:skew-y-2:focus { - --transform-skew-y: 2deg; -} - -.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; -} - -.focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; -} - -.focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; -} - -.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: #ef4444; -} - -@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; - } - } - - @media (min-width: 1536px) { - .sm\:container { - max-width: 1536px; - } - } - - .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-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * 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-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * 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-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * 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-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * 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-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * 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-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * 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-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * 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-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * 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-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-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) { - border-color: #000; - } - - .sm\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } - - .sm\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } - - .sm\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } - - .sm\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } - - .sm\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } - - .sm\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } - - .sm\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } - - .sm\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } - - .sm\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } - - .sm\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } - - .sm\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } - - .sm\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } - - .sm\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } - - .sm\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } - - .sm\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .sm\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .sm\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .sm\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .sm\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .sm\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .sm\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .sm\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .sm\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .sm\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .sm\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .sm\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .sm\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .sm\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .sm\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .sm\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .sm\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .sm\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .sm\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .sm\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .sm\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .sm\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .sm\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .sm\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .sm\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .sm\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .sm\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .sm\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .sm\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .sm\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .sm\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .sm\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .sm\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .sm\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .sm\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .sm\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .sm\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .sm\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .sm\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .sm\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .sm\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .sm\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .sm\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .sm\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .sm\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } - - .sm\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } - - .sm\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } - - .sm\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } - - .sm\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } - - .sm\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } - - .sm\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } - - .sm\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } - - .sm\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } - - .sm\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } - - .sm\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } - - .sm\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } - - .sm\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } - - @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) { - border-color: #000; - } - - .sm\:dark\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } - - .sm\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } - - .sm\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } - - .sm\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } - - .sm\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } - - .sm\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } - - .sm\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } - - .sm\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } - - .sm\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } - - .sm\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } - - .sm\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } - - .sm\:dark\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } - - .sm\:dark\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } - - .sm\:dark\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } - - .sm\:dark\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .sm\:dark\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .sm\:dark\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .sm\:dark\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .sm\:dark\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .sm\:dark\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .sm\:dark\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .sm\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .sm\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .sm\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .sm\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .sm\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .sm\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .sm\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .sm\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .sm\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .sm\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .sm\:dark\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .sm\:dark\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .sm\:dark\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .sm\:dark\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .sm\:dark\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .sm\:dark\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .sm\:dark\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .sm\:dark\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .sm\:dark\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .sm\:dark\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .sm\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .sm\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .sm\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .sm\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .sm\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .sm\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .sm\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .sm\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .sm\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .sm\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .sm\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .sm\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .sm\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .sm\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .sm\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .sm\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .sm\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .sm\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } - - .sm\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } - - .sm\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } - - .sm\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } - - .sm\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } - - .sm\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } - - .sm\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } - - .sm\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } - - .sm\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } - - .sm\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } - - .sm\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } - - .sm\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } - - .sm\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } - } - - .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\: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 { - background-color: #000; - } - - .sm\:bg-white { - background-color: #fff; - } - - .sm\:bg-gray-50 { - background-color: #fafafa; - } - - .sm\:bg-gray-100 { - background-color: #f4f4f5; - } - - .sm\:bg-gray-200 { - background-color: #e4e4e7; - } - - .sm\:bg-gray-300 { - background-color: #d4d4d8; - } - - .sm\:bg-gray-400 { - background-color: #a1a1aa; - } - - .sm\:bg-gray-500 { - background-color: #71717a; - } - - .sm\:bg-gray-600 { - background-color: #52525b; - } - - .sm\:bg-gray-700 { - background-color: #3f3f46; - } - - .sm\:bg-gray-800 { - background-color: #27272a; - } - - .sm\:bg-gray-900 { - background-color: #18181b; - } - - .sm\:bg-red-50 { - background-color: #fef2f2; - } - - .sm\:bg-red-100 { - background-color: #fee2e2; - } - - .sm\:bg-red-200 { - background-color: #fecaca; - } - - .sm\:bg-red-300 { - background-color: #fca5a5; - } - - .sm\:bg-red-400 { - background-color: #f87171; - } - - .sm\:bg-red-500 { - background-color: #ef4444; - } - - .sm\:bg-red-600 { - background-color: #dc2626; - } - - .sm\:bg-red-700 { - background-color: #b91c1c; - } - - .sm\:bg-red-800 { - background-color: #991b1b; - } - - .sm\:bg-red-900 { - background-color: #7f1d1d; - } - - .sm\:bg-yellow-50 { - background-color: #fffbeb; - } - - .sm\:bg-yellow-100 { - background-color: #fef3c7; - } - - .sm\:bg-yellow-200 { - background-color: #fde68a; - } - - .sm\:bg-yellow-300 { - background-color: #fcd34d; - } - - .sm\:bg-yellow-400 { - background-color: #fbbf24; - } - - .sm\:bg-yellow-500 { - background-color: #f59e0b; - } - - .sm\:bg-yellow-600 { - background-color: #d97706; - } - - .sm\:bg-yellow-700 { - background-color: #b45309; - } - - .sm\:bg-yellow-800 { - background-color: #92400e; - } - - .sm\:bg-yellow-900 { - background-color: #78350f; - } - - .sm\:bg-green-50 { - background-color: #ecfdf5; - } - - .sm\:bg-green-100 { - background-color: #d1fae5; - } - - .sm\:bg-green-200 { - background-color: #a7f3d0; - } - - .sm\:bg-green-300 { - background-color: #6ee7b7; - } - - .sm\:bg-green-400 { - background-color: #34d399; - } - - .sm\:bg-green-500 { - background-color: #10b981; - } - - .sm\:bg-green-600 { - background-color: #059669; - } - - .sm\:bg-green-700 { - background-color: #047857; - } - - .sm\:bg-green-800 { - background-color: #065f46; - } - - .sm\:bg-green-900 { - background-color: #064e3b; - } - - .sm\:bg-blue-50 { - background-color: #eff6ff; - } - - .sm\:bg-blue-100 { - background-color: #dbeafe; - } - - .sm\:bg-blue-200 { - background-color: #bfdbfe; - } - - .sm\:bg-blue-300 { - background-color: #93c5fd; - } - - .sm\:bg-blue-400 { - background-color: #60a5fa; - } - - .sm\:bg-blue-500 { - background-color: #3b82f6; - } - - .sm\:bg-blue-600 { - background-color: #2563eb; - } - - .sm\:bg-blue-700 { - background-color: #1d4ed8; - } - - .sm\:bg-blue-800 { - background-color: #1e40af; - } - - .sm\:bg-blue-900 { - background-color: #1e3a8a; - } - - .sm\:bg-purple-50 { - background-color: #f5f3ff; - } - - .sm\:bg-purple-100 { - background-color: #ede9fe; - } - - .sm\:bg-purple-200 { - background-color: #ddd6fe; - } - - .sm\:bg-purple-300 { - background-color: #c4b5fd; - } - - .sm\:bg-purple-400 { - background-color: #a78bfa; - } - - .sm\:bg-purple-500 { - background-color: #8b5cf6; - } - - .sm\:bg-purple-600 { - background-color: #7c3aed; - } - - .sm\:bg-purple-700 { - background-color: #6d28d9; - } - - .sm\:bg-purple-800 { - background-color: #5b21b6; - } - - .sm\:bg-purple-900 { - background-color: #4c1d95; - } - - .sm\:bg-pink-50 { - background-color: #fdf2f8; - } - - .sm\:bg-pink-100 { - background-color: #fce7f3; - } - - .sm\:bg-pink-200 { - background-color: #fbcfe8; - } - - .sm\:bg-pink-300 { - background-color: #f9a8d4; - } - - .sm\:bg-pink-400 { - background-color: #f472b6; - } - - .sm\:bg-pink-500 { - background-color: #ec4899; - } - - .sm\:bg-pink-600 { - background-color: #db2777; - } - - .sm\:bg-pink-700 { - background-color: #be185d; - } - - .sm\:bg-pink-800 { - background-color: #9d174d; - } - - .sm\:bg-pink-900 { - background-color: #831843; - } - - .group:hover .sm\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .sm\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .sm\:group-hover\:bg-black { - background-color: #000; - } - - .group:hover .sm\:group-hover\:bg-white { - background-color: #fff; - } - - .group:hover .sm\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } - - .group:hover .sm\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } - - .group:hover .sm\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } - - .group:hover .sm\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } - - .group:hover .sm\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } - - .group:hover .sm\:group-hover\:bg-gray-500 { - background-color: #71717a; - } - - .group:hover .sm\:group-hover\:bg-gray-600 { - background-color: #52525b; - } - - .group:hover .sm\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } - - .group:hover .sm\:group-hover\:bg-gray-800 { - background-color: #27272a; - } - - .group:hover .sm\:group-hover\:bg-gray-900 { - background-color: #18181b; - } - - .group:hover .sm\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } - - .group:hover .sm\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } - - .group:hover .sm\:group-hover\:bg-red-200 { - background-color: #fecaca; - } - - .group:hover .sm\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } - - .group:hover .sm\:group-hover\:bg-red-400 { - background-color: #f87171; - } - - .group:hover .sm\:group-hover\:bg-red-500 { - background-color: #ef4444; - } - - .group:hover .sm\:group-hover\:bg-red-600 { - background-color: #dc2626; - } - - .group:hover .sm\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } - - .group:hover .sm\:group-hover\:bg-red-800 { - background-color: #991b1b; - } - - .group:hover .sm\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } - - .group:hover .sm\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } - - .group:hover .sm\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } - - .group:hover .sm\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } - - .group:hover .sm\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } - - .group:hover .sm\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } - - .group:hover .sm\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } - - .group:hover .sm\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } - - .group:hover .sm\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } - - .group:hover .sm\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } - - .group:hover .sm\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } - - .group:hover .sm\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } - - .group:hover .sm\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } - - .group:hover .sm\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } - - .group:hover .sm\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } - - .group:hover .sm\:group-hover\:bg-green-400 { - background-color: #34d399; - } - - .group:hover .sm\:group-hover\:bg-green-500 { - background-color: #10b981; - } - - .group:hover .sm\:group-hover\:bg-green-600 { - background-color: #059669; - } - - .group:hover .sm\:group-hover\:bg-green-700 { - background-color: #047857; - } - - .group:hover .sm\:group-hover\:bg-green-800 { - background-color: #065f46; - } - - .group:hover .sm\:group-hover\:bg-green-900 { - background-color: #064e3b; - } - - .group:hover .sm\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } - - .group:hover .sm\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } - - .group:hover .sm\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } - - .group:hover .sm\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } - - .group:hover .sm\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } - - .group:hover .sm\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } - - .group:hover .sm\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } - - .group:hover .sm\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } - - .group:hover .sm\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } - - .group:hover .sm\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } - - .group:hover .sm\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } - - .group:hover .sm\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } - - .group:hover .sm\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } - - .group:hover .sm\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } - - .group:hover .sm\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } - - .group:hover .sm\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } - - .group:hover .sm\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } - - .group:hover .sm\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } - - .group:hover .sm\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } - - .group:hover .sm\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } - - .group:hover .sm\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } - - .group:hover .sm\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } - - .group:hover .sm\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } - - .group:hover .sm\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } - - .group:hover .sm\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } - - .group:hover .sm\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } - - .group:hover .sm\:group-hover\:bg-pink-600 { - background-color: #db2777; - } - - .group:hover .sm\:group-hover\:bg-pink-700 { - background-color: #be185d; - } - - .group:hover .sm\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } - - .group:hover .sm\:group-hover\:bg-pink-900 { - background-color: #831843; - } - - .sm\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .sm\:hover\:bg-current:hover { - background-color: currentColor; - } - - .sm\:hover\:bg-black:hover { - background-color: #000; - } - - .sm\:hover\:bg-white:hover { - background-color: #fff; - } - - .sm\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } - - .sm\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } - - .sm\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } - - .sm\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } - - .sm\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } - - .sm\:hover\:bg-gray-500:hover { - background-color: #71717a; - } - - .sm\:hover\:bg-gray-600:hover { - background-color: #52525b; - } - - .sm\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } - - .sm\:hover\:bg-gray-800:hover { - background-color: #27272a; - } - - .sm\:hover\:bg-gray-900:hover { - background-color: #18181b; - } - - .sm\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } - - .sm\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } - - .sm\:hover\:bg-red-200:hover { - background-color: #fecaca; - } - - .sm\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } - - .sm\:hover\:bg-red-400:hover { - background-color: #f87171; - } - - .sm\:hover\:bg-red-500:hover { - background-color: #ef4444; - } - - .sm\:hover\:bg-red-600:hover { - background-color: #dc2626; - } - - .sm\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } - - .sm\:hover\:bg-red-800:hover { - background-color: #991b1b; - } - - .sm\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } - - .sm\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } - - .sm\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } - - .sm\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } - - .sm\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } - - .sm\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } - - .sm\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } - - .sm\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } - - .sm\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } - - .sm\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } - - .sm\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } - - .sm\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } - - .sm\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } - - .sm\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } - - .sm\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } - - .sm\:hover\:bg-green-400:hover { - background-color: #34d399; - } - - .sm\:hover\:bg-green-500:hover { - background-color: #10b981; - } - - .sm\:hover\:bg-green-600:hover { - background-color: #059669; - } - - .sm\:hover\:bg-green-700:hover { - background-color: #047857; - } - - .sm\:hover\:bg-green-800:hover { - background-color: #065f46; - } - - .sm\:hover\:bg-green-900:hover { - background-color: #064e3b; - } - - .sm\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } - - .sm\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } - - .sm\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } - - .sm\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } - - .sm\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } - - .sm\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } - - .sm\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } - - .sm\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } - - .sm\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } - - .sm\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; - } - - .sm\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; - } - - .sm\:hover\:bg-purple-100:hover { - background-color: #ede9fe; - } - - .sm\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; - } - - .sm\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; - } - - .sm\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } - - .sm\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } - - .sm\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } - - .sm\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } - - .sm\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } - - .sm\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } - - .sm\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } - - .sm\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } - - .sm\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } - - .sm\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } - - .sm\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } - - .sm\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } - - .sm\:hover\:bg-pink-600:hover { - background-color: #db2777; - } - - .sm\:hover\:bg-pink-700:hover { - background-color: #be185d; - } - - .sm\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } - - .sm\:hover\:bg-pink-900:hover { - background-color: #831843; - } - - .sm\:focus\:bg-transparent:focus { - background-color: transparent; - } - - .sm\:focus\:bg-current:focus { - background-color: currentColor; - } - - .sm\:focus\:bg-black:focus { - background-color: #000; - } - - .sm\:focus\:bg-white:focus { - background-color: #fff; - } - - .sm\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } - - .sm\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } - - .sm\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } - - .sm\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } - - .sm\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } - - .sm\:focus\:bg-gray-500:focus { - background-color: #71717a; - } - - .sm\:focus\:bg-gray-600:focus { - background-color: #52525b; - } - - .sm\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } - - .sm\:focus\:bg-gray-800:focus { - background-color: #27272a; - } - - .sm\:focus\:bg-gray-900:focus { - background-color: #18181b; - } - - .sm\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } - - .sm\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } - - .sm\:focus\:bg-red-200:focus { - background-color: #fecaca; - } - - .sm\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } - - .sm\:focus\:bg-red-400:focus { - background-color: #f87171; - } - - .sm\:focus\:bg-red-500:focus { - background-color: #ef4444; - } - - .sm\:focus\:bg-red-600:focus { - background-color: #dc2626; - } - - .sm\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } - - .sm\:focus\:bg-red-800:focus { - background-color: #991b1b; - } - - .sm\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } - - .sm\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } - - .sm\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } - - .sm\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } - - .sm\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } - - .sm\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } - - .sm\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } - - .sm\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } - - .sm\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } - - .sm\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } - - .sm\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } - - .sm\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } - - .sm\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } - - .sm\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } - - .sm\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } - - .sm\:focus\:bg-green-400:focus { - background-color: #34d399; - } - - .sm\:focus\:bg-green-500:focus { - background-color: #10b981; - } - - .sm\:focus\:bg-green-600:focus { - background-color: #059669; - } - - .sm\:focus\:bg-green-700:focus { - background-color: #047857; - } - - .sm\:focus\:bg-green-800:focus { - background-color: #065f46; - } - - .sm\:focus\:bg-green-900:focus { - background-color: #064e3b; - } - - .sm\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } - - .sm\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } - - .sm\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } - - .sm\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } - - .sm\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } - - .sm\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } - - .sm\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } - - .sm\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } - - .sm\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } - - .sm\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } - - .sm\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } - - .sm\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } - - .sm\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } - - .sm\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } - - .sm\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } - - .sm\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } - - .sm\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } - - .sm\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } - - .sm\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } - - .sm\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } - - .sm\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } - - .sm\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } - - .sm\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } - - .sm\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } - - .sm\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } - - .sm\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } - - .sm\:focus\:bg-pink-600:focus { - background-color: #db2777; - } - - .sm\:focus\:bg-pink-700:focus { - background-color: #be185d; - } - - .sm\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } - - .sm\:focus\:bg-pink-900:focus { - background-color: #831843; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:bg-transparent { - background-color: transparent; - } - - .sm\:dark\:bg-current { - background-color: currentColor; - } - - .sm\:dark\:bg-black { - background-color: #000; - } - - .sm\:dark\:bg-white { - background-color: #fff; - } - - .sm\:dark\:bg-gray-50 { - background-color: #fafafa; - } - - .sm\:dark\:bg-gray-100 { - background-color: #f4f4f5; - } - - .sm\:dark\:bg-gray-200 { - background-color: #e4e4e7; - } - - .sm\:dark\:bg-gray-300 { - background-color: #d4d4d8; - } - - .sm\:dark\:bg-gray-400 { - background-color: #a1a1aa; - } - - .sm\:dark\:bg-gray-500 { - background-color: #71717a; - } - - .sm\:dark\:bg-gray-600 { - background-color: #52525b; - } - - .sm\:dark\:bg-gray-700 { - background-color: #3f3f46; - } - - .sm\:dark\:bg-gray-800 { - background-color: #27272a; - } - - .sm\:dark\:bg-gray-900 { - background-color: #18181b; - } - - .sm\:dark\:bg-red-50 { - background-color: #fef2f2; - } - - .sm\:dark\:bg-red-100 { - background-color: #fee2e2; - } - - .sm\:dark\:bg-red-200 { - background-color: #fecaca; - } - - .sm\:dark\:bg-red-300 { - background-color: #fca5a5; - } - - .sm\:dark\:bg-red-400 { - background-color: #f87171; - } - - .sm\:dark\:bg-red-500 { - background-color: #ef4444; - } - - .sm\:dark\:bg-red-600 { - background-color: #dc2626; - } - - .sm\:dark\:bg-red-700 { - background-color: #b91c1c; - } - - .sm\:dark\:bg-red-800 { - background-color: #991b1b; - } - - .sm\:dark\:bg-red-900 { - background-color: #7f1d1d; - } - - .sm\:dark\:bg-yellow-50 { - background-color: #fffbeb; - } - - .sm\:dark\:bg-yellow-100 { - background-color: #fef3c7; - } - - .sm\:dark\:bg-yellow-200 { - background-color: #fde68a; - } - - .sm\:dark\:bg-yellow-300 { - background-color: #fcd34d; - } - - .sm\:dark\:bg-yellow-400 { - background-color: #fbbf24; - } - - .sm\:dark\:bg-yellow-500 { - background-color: #f59e0b; - } - - .sm\:dark\:bg-yellow-600 { - background-color: #d97706; - } - - .sm\:dark\:bg-yellow-700 { - background-color: #b45309; - } - - .sm\:dark\:bg-yellow-800 { - background-color: #92400e; - } - - .sm\:dark\:bg-yellow-900 { - background-color: #78350f; - } - - .sm\:dark\:bg-green-50 { - background-color: #ecfdf5; - } - - .sm\:dark\:bg-green-100 { - background-color: #d1fae5; - } - - .sm\:dark\:bg-green-200 { - background-color: #a7f3d0; - } - - .sm\:dark\:bg-green-300 { - background-color: #6ee7b7; - } - - .sm\:dark\:bg-green-400 { - background-color: #34d399; - } - - .sm\:dark\:bg-green-500 { - background-color: #10b981; - } - - .sm\:dark\:bg-green-600 { - background-color: #059669; - } - - .sm\:dark\:bg-green-700 { - background-color: #047857; - } - - .sm\:dark\:bg-green-800 { - background-color: #065f46; - } - - .sm\:dark\:bg-green-900 { - background-color: #064e3b; - } - - .sm\:dark\:bg-blue-50 { - background-color: #eff6ff; - } - - .sm\:dark\:bg-blue-100 { - background-color: #dbeafe; - } - - .sm\:dark\:bg-blue-200 { - background-color: #bfdbfe; - } - - .sm\:dark\:bg-blue-300 { - background-color: #93c5fd; - } - - .sm\:dark\:bg-blue-400 { - background-color: #60a5fa; - } - - .sm\:dark\:bg-blue-500 { - background-color: #3b82f6; - } - - .sm\:dark\:bg-blue-600 { - background-color: #2563eb; - } - - .sm\:dark\:bg-blue-700 { - background-color: #1d4ed8; - } - - .sm\:dark\:bg-blue-800 { - background-color: #1e40af; - } - - .sm\:dark\:bg-blue-900 { - background-color: #1e3a8a; - } - - .sm\:dark\:bg-purple-50 { - background-color: #f5f3ff; - } - - .sm\:dark\:bg-purple-100 { - background-color: #ede9fe; - } - - .sm\:dark\:bg-purple-200 { - background-color: #ddd6fe; - } - - .sm\:dark\:bg-purple-300 { - background-color: #c4b5fd; - } - - .sm\:dark\:bg-purple-400 { - background-color: #a78bfa; - } - - .sm\:dark\:bg-purple-500 { - background-color: #8b5cf6; - } - - .sm\:dark\:bg-purple-600 { - background-color: #7c3aed; - } - - .sm\:dark\:bg-purple-700 { - background-color: #6d28d9; - } - - .sm\:dark\:bg-purple-800 { - background-color: #5b21b6; - } - - .sm\:dark\:bg-purple-900 { - background-color: #4c1d95; - } - - .sm\:dark\:bg-pink-50 { - background-color: #fdf2f8; - } - - .sm\:dark\:bg-pink-100 { - background-color: #fce7f3; - } - - .sm\:dark\:bg-pink-200 { - background-color: #fbcfe8; - } - - .sm\:dark\:bg-pink-300 { - background-color: #f9a8d4; - } - - .sm\:dark\:bg-pink-400 { - background-color: #f472b6; - } - - .sm\:dark\:bg-pink-500 { - background-color: #ec4899; - } - - .sm\:dark\:bg-pink-600 { - background-color: #db2777; - } - - .sm\:dark\:bg-pink-700 { - background-color: #be185d; - } - - .sm\:dark\:bg-pink-800 { - background-color: #9d174d; - } - - .sm\:dark\:bg-pink-900 { - background-color: #831843; - } - - .group:hover .sm\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:bg-black { - background-color: #000; - } - - .group:hover .sm\:dark\:group-hover\:bg-white { - background-color: #fff; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-500 { - background-color: #71717a; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-600 { - background-color: #52525b; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-800 { - background-color: #27272a; - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-900 { - background-color: #18181b; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-200 { - background-color: #fecaca; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-400 { - background-color: #f87171; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-500 { - background-color: #ef4444; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-600 { - background-color: #dc2626; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-800 { - background-color: #991b1b; - } - - .group:hover .sm\:dark\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-400 { - background-color: #34d399; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-500 { - background-color: #10b981; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-600 { - background-color: #059669; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-700 { - background-color: #047857; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-800 { - background-color: #065f46; - } - - .group:hover .sm\:dark\:group-hover\:bg-green-900 { - background-color: #064e3b; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-600 { - background-color: #db2777; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-700 { - background-color: #be185d; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-900 { - background-color: #831843; - } - - .sm\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .sm\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .sm\:dark\:hover\:bg-black:hover { - background-color: #000; - } - - .sm\:dark\:hover\:bg-white:hover { - background-color: #fff; - } - - .sm\:dark\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } - - .sm\:dark\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } - - .sm\:dark\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } - - .sm\:dark\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } - - .sm\:dark\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } - - .sm\:dark\:hover\:bg-gray-500:hover { - background-color: #71717a; - } - - .sm\:dark\:hover\:bg-gray-600:hover { - background-color: #52525b; - } - - .sm\:dark\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } - - .sm\:dark\:hover\:bg-gray-800:hover { - background-color: #27272a; - } - - .sm\:dark\:hover\:bg-gray-900:hover { - background-color: #18181b; - } - - .sm\:dark\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } - - .sm\:dark\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } - - .sm\:dark\:hover\:bg-red-200:hover { - background-color: #fecaca; - } - - .sm\:dark\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } - - .sm\:dark\:hover\:bg-red-400:hover { - background-color: #f87171; - } - - .sm\:dark\:hover\:bg-red-500:hover { - background-color: #ef4444; - } - - .sm\:dark\:hover\:bg-red-600:hover { - background-color: #dc2626; - } - - .sm\:dark\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } - - .sm\:dark\:hover\:bg-red-800:hover { - background-color: #991b1b; - } - - .sm\:dark\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } - - .sm\:dark\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } - - .sm\:dark\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } - - .sm\:dark\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } - - .sm\:dark\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } - - .sm\:dark\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } - - .sm\:dark\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } - - .sm\:dark\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } - - .sm\:dark\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } - - .sm\:dark\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } - - .sm\:dark\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } - - .sm\:dark\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } - - .sm\:dark\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } - - .sm\:dark\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } - - .sm\:dark\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } - - .sm\:dark\:hover\:bg-green-400:hover { - background-color: #34d399; - } - - .sm\:dark\:hover\:bg-green-500:hover { - background-color: #10b981; - } - - .sm\:dark\:hover\:bg-green-600:hover { - background-color: #059669; - } - - .sm\:dark\:hover\:bg-green-700:hover { - background-color: #047857; - } - - .sm\:dark\:hover\:bg-green-800:hover { - background-color: #065f46; - } - - .sm\:dark\:hover\:bg-green-900:hover { - background-color: #064e3b; - } - - .sm\:dark\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } - - .sm\:dark\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } - - .sm\:dark\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } - - .sm\:dark\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } - - .sm\:dark\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } - - .sm\:dark\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } - - .sm\:dark\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } - - .sm\:dark\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } - - .sm\:dark\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } - - .sm\:dark\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; - } - - .sm\:dark\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; - } - - .sm\:dark\:hover\:bg-purple-100:hover { - background-color: #ede9fe; - } - - .sm\:dark\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; - } - - .sm\:dark\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; - } - - .sm\:dark\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } - - .sm\:dark\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } - - .sm\:dark\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } - - .sm\:dark\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } - - .sm\:dark\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } - - .sm\:dark\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } - - .sm\:dark\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } - - .sm\:dark\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } - - .sm\:dark\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } - - .sm\:dark\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } - - .sm\:dark\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } - - .sm\:dark\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } - - .sm\:dark\:hover\:bg-pink-600:hover { - background-color: #db2777; - } - - .sm\:dark\:hover\:bg-pink-700:hover { - background-color: #be185d; - } - - .sm\:dark\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } - - .sm\:dark\:hover\:bg-pink-900:hover { - background-color: #831843; - } - - .sm\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } - - .sm\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } - - .sm\:dark\:focus\:bg-black:focus { - background-color: #000; - } - - .sm\:dark\:focus\:bg-white:focus { - background-color: #fff; - } - - .sm\:dark\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } - - .sm\:dark\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } - - .sm\:dark\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } - - .sm\:dark\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } - - .sm\:dark\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } - - .sm\:dark\:focus\:bg-gray-500:focus { - background-color: #71717a; - } - - .sm\:dark\:focus\:bg-gray-600:focus { - background-color: #52525b; - } - - .sm\:dark\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } - - .sm\:dark\:focus\:bg-gray-800:focus { - background-color: #27272a; - } - - .sm\:dark\:focus\:bg-gray-900:focus { - background-color: #18181b; - } - - .sm\:dark\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } - - .sm\:dark\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } - - .sm\:dark\:focus\:bg-red-200:focus { - background-color: #fecaca; - } - - .sm\:dark\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } - - .sm\:dark\:focus\:bg-red-400:focus { - background-color: #f87171; - } - - .sm\:dark\:focus\:bg-red-500:focus { - background-color: #ef4444; - } - - .sm\:dark\:focus\:bg-red-600:focus { - background-color: #dc2626; - } - - .sm\:dark\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } - - .sm\:dark\:focus\:bg-red-800:focus { - background-color: #991b1b; - } - - .sm\:dark\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } - - .sm\:dark\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } - - .sm\:dark\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } - - .sm\:dark\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } - - .sm\:dark\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } - - .sm\:dark\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } - - .sm\:dark\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } - - .sm\:dark\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } - - .sm\:dark\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } - - .sm\:dark\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } - - .sm\:dark\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } - - .sm\:dark\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } - - .sm\:dark\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } - - .sm\:dark\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } - - .sm\:dark\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } - - .sm\:dark\:focus\:bg-green-400:focus { - background-color: #34d399; - } - - .sm\:dark\:focus\:bg-green-500:focus { - background-color: #10b981; - } - - .sm\:dark\:focus\:bg-green-600:focus { - background-color: #059669; - } - - .sm\:dark\:focus\:bg-green-700:focus { - background-color: #047857; - } - - .sm\:dark\:focus\:bg-green-800:focus { - background-color: #065f46; - } - - .sm\:dark\:focus\:bg-green-900:focus { - background-color: #064e3b; - } - - .sm\:dark\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } - - .sm\:dark\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } - - .sm\:dark\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } - - .sm\:dark\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } - - .sm\:dark\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } - - .sm\:dark\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } - - .sm\:dark\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } - - .sm\:dark\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } - - .sm\:dark\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } - - .sm\:dark\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } - - .sm\:dark\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } - - .sm\:dark\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } - - .sm\:dark\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } - - .sm\:dark\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } - - .sm\:dark\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } - - .sm\:dark\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } - - .sm\:dark\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } - - .sm\:dark\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } - - .sm\:dark\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } - - .sm\:dark\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } - - .sm\:dark\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } - - .sm\:dark\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } - - .sm\:dark\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } - - .sm\:dark\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } - - .sm\:dark\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } - - .sm\:dark\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } - - .sm\:dark\:focus\:bg-pink-600:focus { - background-color: #db2777; - } - - .sm\:dark\:focus\:bg-pink-700:focus { - background-color: #be185d; - } - - .sm\:dark\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } - - .sm\:dark\:focus\:bg-pink-900:focus { - background-color: #831843; - } - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .sm\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:to-transparent { - --gradient-to-color: transparent; - } - - .sm\:to-current { - --gradient-to-color: currentColor; - } - - .sm\:to-black { - --gradient-to-color: #000; - } - - .sm\:to-white { - --gradient-to-color: #fff; - } - - .sm\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .sm\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .sm\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .sm\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .sm\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .sm\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .sm\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .sm\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .sm\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .sm\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .sm\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .sm\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .sm\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .sm\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .sm\:to-red-400 { - --gradient-to-color: #f87171; - } - - .sm\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .sm\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .sm\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .sm\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .sm\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .sm\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .sm\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .sm\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .sm\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .sm\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .sm\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .sm\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .sm\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .sm\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .sm\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .sm\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .sm\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .sm\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .sm\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .sm\:to-green-400 { - --gradient-to-color: #34d399; - } - - .sm\:to-green-500 { - --gradient-to-color: #10b981; - } - - .sm\:to-green-600 { - --gradient-to-color: #059669; - } - - .sm\:to-green-700 { - --gradient-to-color: #047857; - } - - .sm\:to-green-800 { - --gradient-to-color: #065f46; - } - - .sm\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .sm\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .sm\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .sm\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .sm\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .sm\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .sm\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .sm\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .sm\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .sm\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .sm\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .sm\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .sm\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .sm\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .sm\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .sm\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .sm\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .sm\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .sm\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .sm\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .sm\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .sm\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .sm\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .sm\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .sm\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .sm\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .sm\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .sm\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .sm\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .sm\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .sm\:to-pink-900 { - --gradient-to-color: #831843; - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:hover\:from-white:hover { - --gradient-from-color: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:hover\:to-white:hover { - --gradient-to-color: #fff; - } - - .sm\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } - - .sm\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } - - .sm\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } - - .sm\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } - - .sm\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } - - .sm\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } - - .sm\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } - - .sm\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } - - .sm\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } - - .sm\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } - - .sm\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } - - .sm\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } - - .sm\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } - - .sm\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } - - .sm\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } - - .sm\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } - - .sm\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } - - .sm\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } - - .sm\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } - - .sm\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } - - .sm\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } - - .sm\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } - - .sm\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } - - .sm\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } - - .sm\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } - - .sm\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } - - .sm\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } - - .sm\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } - - .sm\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } - - .sm\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } - - .sm\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } - - .sm\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } - - .sm\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } - - .sm\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } - - .sm\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } - - .sm\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } - - .sm\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } - - .sm\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } - - .sm\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } - - .sm\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } - - .sm\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } - - .sm\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } - - .sm\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } - - .sm\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } - - .sm\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } - - .sm\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } - - .sm\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } - - .sm\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } - - .sm\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } - - .sm\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } - - .sm\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } - - .sm\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } - - .sm\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } - - .sm\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } - - .sm\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } - - .sm\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } - - .sm\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } - - .sm\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } - - .sm\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } - - .sm\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } - - .sm\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } - - .sm\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } - - .sm\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } - - .sm\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } - - .sm\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } - - .sm\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } - - .sm\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } - - .sm\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } - - .sm\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } - - .sm\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:focus\:from-white:focus { - --gradient-from-color: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } - - .sm\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } - - .sm\:focus\:to-black:focus { - --gradient-to-color: #000; - } - - .sm\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .sm\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .sm\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .sm\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .sm\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .sm\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .sm\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .sm\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .sm\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .sm\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .sm\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .sm\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .sm\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .sm\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .sm\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .sm\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .sm\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .sm\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .sm\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .sm\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .sm\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .sm\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .sm\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .sm\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .sm\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .sm\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .sm\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .sm\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .sm\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .sm\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .sm\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .sm\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .sm\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .sm\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .sm\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .sm\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .sm\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .sm\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .sm\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .sm\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .sm\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .sm\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .sm\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .sm\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .sm\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .sm\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .sm\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .sm\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .sm\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .sm\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .sm\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .sm\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .sm\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .sm\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .sm\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .sm\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .sm\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .sm\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .sm\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .sm\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .sm\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .sm\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .sm\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .sm\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .sm\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .sm\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .sm\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .sm\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .sm\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .sm\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .sm\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } - - @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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .sm\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:dark\:to-transparent { - --gradient-to-color: transparent; - } - - .sm\:dark\:to-current { - --gradient-to-color: currentColor; - } - - .sm\:dark\:to-black { - --gradient-to-color: #000; - } - - .sm\:dark\:to-white { - --gradient-to-color: #fff; - } - - .sm\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .sm\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .sm\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .sm\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .sm\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } - - .sm\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .sm\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .sm\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .sm\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .sm\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } - - .sm\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } - - .sm\:dark\:to-green-600 { - --gradient-to-color: #059669; - } - - .sm\:dark\:to-green-700 { - --gradient-to-color: #047857; - } - - .sm\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } - - .sm\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .sm\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .sm\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } - - .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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } - - .sm\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } - - .sm\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } - - .sm\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } - - .sm\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } - - .sm\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } - - .sm\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } - - .sm\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } - - .sm\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } - - .sm\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } - - .sm\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } - - .sm\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } - - .sm\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } - - .sm\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } - - .sm\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } - - .sm\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } - - .sm\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } - - .sm\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } - - .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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .sm\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .sm\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .sm\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .sm\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .sm\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .sm\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .sm\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .sm\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .sm\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .sm\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .sm\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .sm\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .sm\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .sm\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .sm\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .sm\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .sm\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } - } - - .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-color: #000; - } - - .sm\:border-white { - border-color: #fff; - } - - .sm\:border-gray-50 { - border-color: #fafafa; - } - - .sm\:border-gray-100 { - border-color: #f4f4f5; - } - - .sm\:border-gray-200 { - border-color: #e4e4e7; - } - - .sm\:border-gray-300 { - border-color: #d4d4d8; - } - - .sm\:border-gray-400 { - border-color: #a1a1aa; - } - - .sm\:border-gray-500 { - border-color: #71717a; - } - - .sm\:border-gray-600 { - border-color: #52525b; - } - - .sm\:border-gray-700 { - border-color: #3f3f46; - } - - .sm\:border-gray-800 { - border-color: #27272a; - } - - .sm\:border-gray-900 { - border-color: #18181b; - } - - .sm\:border-red-50 { - border-color: #fef2f2; - } - - .sm\:border-red-100 { - border-color: #fee2e2; - } - - .sm\:border-red-200 { - border-color: #fecaca; - } - - .sm\:border-red-300 { - border-color: #fca5a5; - } - - .sm\:border-red-400 { - border-color: #f87171; - } - - .sm\:border-red-500 { - border-color: #ef4444; - } - - .sm\:border-red-600 { - border-color: #dc2626; - } - - .sm\:border-red-700 { - border-color: #b91c1c; - } - - .sm\:border-red-800 { - border-color: #991b1b; - } - - .sm\:border-red-900 { - border-color: #7f1d1d; - } - - .sm\:border-yellow-50 { - border-color: #fffbeb; - } - - .sm\:border-yellow-100 { - border-color: #fef3c7; - } - - .sm\:border-yellow-200 { - border-color: #fde68a; - } - - .sm\:border-yellow-300 { - border-color: #fcd34d; - } - - .sm\:border-yellow-400 { - border-color: #fbbf24; - } - - .sm\:border-yellow-500 { - border-color: #f59e0b; - } - - .sm\:border-yellow-600 { - border-color: #d97706; - } - - .sm\:border-yellow-700 { - border-color: #b45309; - } - - .sm\:border-yellow-800 { - border-color: #92400e; - } - - .sm\:border-yellow-900 { - border-color: #78350f; - } - - .sm\:border-green-50 { - border-color: #ecfdf5; - } - - .sm\:border-green-100 { - border-color: #d1fae5; - } - - .sm\:border-green-200 { - border-color: #a7f3d0; - } - - .sm\:border-green-300 { - border-color: #6ee7b7; - } - - .sm\:border-green-400 { - border-color: #34d399; - } - - .sm\:border-green-500 { - border-color: #10b981; - } - - .sm\:border-green-600 { - border-color: #059669; - } - - .sm\:border-green-700 { - border-color: #047857; - } - - .sm\:border-green-800 { - border-color: #065f46; - } - - .sm\:border-green-900 { - border-color: #064e3b; - } - - .sm\:border-blue-50 { - border-color: #eff6ff; - } - - .sm\:border-blue-100 { - border-color: #dbeafe; - } - - .sm\:border-blue-200 { - border-color: #bfdbfe; - } - - .sm\:border-blue-300 { - border-color: #93c5fd; - } - - .sm\:border-blue-400 { - border-color: #60a5fa; - } - - .sm\:border-blue-500 { - border-color: #3b82f6; - } - - .sm\:border-blue-600 { - border-color: #2563eb; - } - - .sm\:border-blue-700 { - border-color: #1d4ed8; - } - - .sm\:border-blue-800 { - border-color: #1e40af; - } - - .sm\:border-blue-900 { - border-color: #1e3a8a; - } - - .sm\:border-purple-50 { - border-color: #f5f3ff; - } - - .sm\:border-purple-100 { - border-color: #ede9fe; - } - - .sm\:border-purple-200 { - border-color: #ddd6fe; - } - - .sm\:border-purple-300 { - border-color: #c4b5fd; - } - - .sm\:border-purple-400 { - border-color: #a78bfa; - } - - .sm\:border-purple-500 { - border-color: #8b5cf6; - } - - .sm\:border-purple-600 { - border-color: #7c3aed; - } - - .sm\:border-purple-700 { - border-color: #6d28d9; - } - - .sm\:border-purple-800 { - border-color: #5b21b6; - } - - .sm\:border-purple-900 { - border-color: #4c1d95; - } - - .sm\:border-pink-50 { - border-color: #fdf2f8; - } - - .sm\:border-pink-100 { - border-color: #fce7f3; - } - - .sm\:border-pink-200 { - border-color: #fbcfe8; - } - - .sm\:border-pink-300 { - border-color: #f9a8d4; - } - - .sm\:border-pink-400 { - border-color: #f472b6; - } - - .sm\:border-pink-500 { - border-color: #ec4899; - } - - .sm\:border-pink-600 { - border-color: #db2777; - } - - .sm\:border-pink-700 { - border-color: #be185d; - } - - .sm\:border-pink-800 { - border-color: #9d174d; - } - - .sm\:border-pink-900 { - border-color: #831843; - } - - .group:hover .sm\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .sm\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .sm\:group-hover\:border-black { - border-color: #000; - } - - .group:hover .sm\:group-hover\:border-white { - border-color: #fff; - } - - .group:hover .sm\:group-hover\:border-gray-50 { - border-color: #fafafa; - } - - .group:hover .sm\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } - - .group:hover .sm\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } - - .group:hover .sm\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } - - .group:hover .sm\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } - - .group:hover .sm\:group-hover\:border-gray-500 { - border-color: #71717a; - } - - .group:hover .sm\:group-hover\:border-gray-600 { - border-color: #52525b; - } - - .group:hover .sm\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } - - .group:hover .sm\:group-hover\:border-gray-800 { - border-color: #27272a; - } - - .group:hover .sm\:group-hover\:border-gray-900 { - border-color: #18181b; - } - - .group:hover .sm\:group-hover\:border-red-50 { - border-color: #fef2f2; - } - - .group:hover .sm\:group-hover\:border-red-100 { - border-color: #fee2e2; - } - - .group:hover .sm\:group-hover\:border-red-200 { - border-color: #fecaca; - } - - .group:hover .sm\:group-hover\:border-red-300 { - border-color: #fca5a5; - } - - .group:hover .sm\:group-hover\:border-red-400 { - border-color: #f87171; - } - - .group:hover .sm\:group-hover\:border-red-500 { - border-color: #ef4444; - } - - .group:hover .sm\:group-hover\:border-red-600 { - border-color: #dc2626; - } - - .group:hover .sm\:group-hover\:border-red-700 { - border-color: #b91c1c; - } - - .group:hover .sm\:group-hover\:border-red-800 { - border-color: #991b1b; - } - - .group:hover .sm\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } - - .group:hover .sm\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } - - .group:hover .sm\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } - - .group:hover .sm\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } - - .group:hover .sm\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } - - .group:hover .sm\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } - - .group:hover .sm\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } - - .group:hover .sm\:group-hover\:border-yellow-600 { - border-color: #d97706; - } - - .group:hover .sm\:group-hover\:border-yellow-700 { - border-color: #b45309; - } - - .group:hover .sm\:group-hover\:border-yellow-800 { - border-color: #92400e; - } - - .group:hover .sm\:group-hover\:border-yellow-900 { - border-color: #78350f; - } - - .group:hover .sm\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } - - .group:hover .sm\:group-hover\:border-green-100 { - border-color: #d1fae5; - } - - .group:hover .sm\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } - - .group:hover .sm\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } - - .group:hover .sm\:group-hover\:border-green-400 { - border-color: #34d399; - } - - .group:hover .sm\:group-hover\:border-green-500 { - border-color: #10b981; - } - - .group:hover .sm\:group-hover\:border-green-600 { - border-color: #059669; - } - - .group:hover .sm\:group-hover\:border-green-700 { - border-color: #047857; - } - - .group:hover .sm\:group-hover\:border-green-800 { - border-color: #065f46; - } - - .group:hover .sm\:group-hover\:border-green-900 { - border-color: #064e3b; - } - - .group:hover .sm\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } - - .group:hover .sm\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } - - .group:hover .sm\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } - - .group:hover .sm\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } - - .group:hover .sm\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } - - .group:hover .sm\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } - - .group:hover .sm\:group-hover\:border-blue-600 { - border-color: #2563eb; - } - - .group:hover .sm\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } - - .group:hover .sm\:group-hover\:border-blue-800 { - border-color: #1e40af; - } - - .group:hover .sm\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } - - .group:hover .sm\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } - - .group:hover .sm\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } - - .group:hover .sm\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } - - .group:hover .sm\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } - - .group:hover .sm\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } - - .group:hover .sm\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } - - .group:hover .sm\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } - - .group:hover .sm\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } - - .group:hover .sm\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } - - .group:hover .sm\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } - - .group:hover .sm\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } - - .group:hover .sm\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } - - .group:hover .sm\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } - - .group:hover .sm\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } - - .group:hover .sm\:group-hover\:border-pink-400 { - border-color: #f472b6; - } - - .group:hover .sm\:group-hover\:border-pink-500 { - border-color: #ec4899; - } - - .group:hover .sm\:group-hover\:border-pink-600 { - border-color: #db2777; - } - - .group:hover .sm\:group-hover\:border-pink-700 { - border-color: #be185d; - } - - .group:hover .sm\:group-hover\:border-pink-800 { - border-color: #9d174d; - } - - .group:hover .sm\:group-hover\:border-pink-900 { - border-color: #831843; - } - - .sm\:hover\:border-transparent:hover { - border-color: transparent; - } - - .sm\:hover\:border-current:hover { - border-color: currentColor; - } - - .sm\:hover\:border-black:hover { - border-color: #000; - } - - .sm\:hover\:border-white:hover { - border-color: #fff; - } - - .sm\:hover\:border-gray-50:hover { - border-color: #fafafa; - } - - .sm\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } - - .sm\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } - - .sm\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } - - .sm\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } - - .sm\:hover\:border-gray-500:hover { - border-color: #71717a; - } - - .sm\:hover\:border-gray-600:hover { - border-color: #52525b; - } - - .sm\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } - - .sm\:hover\:border-gray-800:hover { - border-color: #27272a; - } - - .sm\:hover\:border-gray-900:hover { - border-color: #18181b; - } - - .sm\:hover\:border-red-50:hover { - border-color: #fef2f2; - } - - .sm\:hover\:border-red-100:hover { - border-color: #fee2e2; - } - - .sm\:hover\:border-red-200:hover { - border-color: #fecaca; - } - - .sm\:hover\:border-red-300:hover { - border-color: #fca5a5; - } - - .sm\:hover\:border-red-400:hover { - border-color: #f87171; - } - - .sm\:hover\:border-red-500:hover { - border-color: #ef4444; - } - - .sm\:hover\:border-red-600:hover { - border-color: #dc2626; - } - - .sm\:hover\:border-red-700:hover { - border-color: #b91c1c; - } - - .sm\:hover\:border-red-800:hover { - border-color: #991b1b; - } - - .sm\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } - - .sm\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } - - .sm\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } - - .sm\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } - - .sm\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } - - .sm\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } - - .sm\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } - - .sm\:hover\:border-yellow-600:hover { - border-color: #d97706; - } - - .sm\:hover\:border-yellow-700:hover { - border-color: #b45309; - } - - .sm\:hover\:border-yellow-800:hover { - border-color: #92400e; - } - - .sm\:hover\:border-yellow-900:hover { - border-color: #78350f; - } - - .sm\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } - - .sm\:hover\:border-green-100:hover { - border-color: #d1fae5; - } - - .sm\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } - - .sm\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } - - .sm\:hover\:border-green-400:hover { - border-color: #34d399; - } - - .sm\:hover\:border-green-500:hover { - border-color: #10b981; - } - - .sm\:hover\:border-green-600:hover { - border-color: #059669; - } - - .sm\:hover\:border-green-700:hover { - border-color: #047857; - } - - .sm\:hover\:border-green-800:hover { - border-color: #065f46; - } - - .sm\:hover\:border-green-900:hover { - border-color: #064e3b; - } - - .sm\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } - - .sm\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } - - .sm\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } - - .sm\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } - - .sm\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } - - .sm\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } - - .sm\:hover\:border-blue-600:hover { - border-color: #2563eb; - } - - .sm\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } - - .sm\:hover\:border-blue-800:hover { - border-color: #1e40af; - } - - .sm\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } - - .sm\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } - - .sm\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } - - .sm\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } - - .sm\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } - - .sm\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } - - .sm\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } - - .sm\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } - - .sm\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } - - .sm\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } - - .sm\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } - - .sm\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } - - .sm\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } - - .sm\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } - - .sm\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } - - .sm\:hover\:border-pink-400:hover { - border-color: #f472b6; - } - - .sm\:hover\:border-pink-500:hover { - border-color: #ec4899; - } - - .sm\:hover\:border-pink-600:hover { - border-color: #db2777; - } - - .sm\:hover\:border-pink-700:hover { - border-color: #be185d; - } - - .sm\:hover\:border-pink-800:hover { - border-color: #9d174d; - } - - .sm\:hover\:border-pink-900:hover { - border-color: #831843; - } - - .sm\:focus\:border-transparent:focus { - border-color: transparent; - } - - .sm\:focus\:border-current:focus { - border-color: currentColor; - } - - .sm\:focus\:border-black:focus { - border-color: #000; - } - - .sm\:focus\:border-white:focus { - border-color: #fff; - } - - .sm\:focus\:border-gray-50:focus { - border-color: #fafafa; - } - - .sm\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } - - .sm\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } - - .sm\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } - - .sm\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } - - .sm\:focus\:border-gray-500:focus { - border-color: #71717a; - } - - .sm\:focus\:border-gray-600:focus { - border-color: #52525b; - } - - .sm\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } - - .sm\:focus\:border-gray-800:focus { - border-color: #27272a; - } - - .sm\:focus\:border-gray-900:focus { - border-color: #18181b; - } - - .sm\:focus\:border-red-50:focus { - border-color: #fef2f2; - } - - .sm\:focus\:border-red-100:focus { - border-color: #fee2e2; - } - - .sm\:focus\:border-red-200:focus { - border-color: #fecaca; - } - - .sm\:focus\:border-red-300:focus { - border-color: #fca5a5; - } - - .sm\:focus\:border-red-400:focus { - border-color: #f87171; - } - - .sm\:focus\:border-red-500:focus { - border-color: #ef4444; - } - - .sm\:focus\:border-red-600:focus { - border-color: #dc2626; - } - - .sm\:focus\:border-red-700:focus { - border-color: #b91c1c; - } - - .sm\:focus\:border-red-800:focus { - border-color: #991b1b; - } - - .sm\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } - - .sm\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } - - .sm\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } - - .sm\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } - - .sm\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } - - .sm\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } - - .sm\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } - - .sm\:focus\:border-yellow-600:focus { - border-color: #d97706; - } - - .sm\:focus\:border-yellow-700:focus { - border-color: #b45309; - } - - .sm\:focus\:border-yellow-800:focus { - border-color: #92400e; - } - - .sm\:focus\:border-yellow-900:focus { - border-color: #78350f; - } - - .sm\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } - - .sm\:focus\:border-green-100:focus { - border-color: #d1fae5; - } - - .sm\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } - - .sm\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } - - .sm\:focus\:border-green-400:focus { - border-color: #34d399; - } - - .sm\:focus\:border-green-500:focus { - border-color: #10b981; - } - - .sm\:focus\:border-green-600:focus { - border-color: #059669; - } - - .sm\:focus\:border-green-700:focus { - border-color: #047857; - } - - .sm\:focus\:border-green-800:focus { - border-color: #065f46; - } - - .sm\:focus\:border-green-900:focus { - border-color: #064e3b; - } - - .sm\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } - - .sm\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } - - .sm\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } - - .sm\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } - - .sm\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } - - .sm\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } - - .sm\:focus\:border-blue-600:focus { - border-color: #2563eb; - } - - .sm\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } - - .sm\:focus\:border-blue-800:focus { - border-color: #1e40af; - } - - .sm\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } - - .sm\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } - - .sm\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } - - .sm\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } - - .sm\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } - - .sm\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } - - .sm\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } - - .sm\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } - - .sm\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } - - .sm\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } - - .sm\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } - - .sm\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } - - .sm\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } - - .sm\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } - - .sm\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } - - .sm\:focus\:border-pink-400:focus { - border-color: #f472b6; - } - - .sm\:focus\:border-pink-500:focus { - border-color: #ec4899; - } - - .sm\:focus\:border-pink-600:focus { - border-color: #db2777; - } - - .sm\:focus\:border-pink-700:focus { - border-color: #be185d; - } - - .sm\:focus\:border-pink-800:focus { - border-color: #9d174d; - } - - .sm\:focus\:border-pink-900:focus { - border-color: #831843; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:border-transparent { - border-color: transparent; - } - - .sm\:dark\:border-current { - border-color: currentColor; - } - - .sm\:dark\:border-black { - border-color: #000; - } - - .sm\:dark\:border-white { - border-color: #fff; - } - - .sm\:dark\:border-gray-50 { - border-color: #fafafa; - } - - .sm\:dark\:border-gray-100 { - border-color: #f4f4f5; - } - - .sm\:dark\:border-gray-200 { - border-color: #e4e4e7; - } - - .sm\:dark\:border-gray-300 { - border-color: #d4d4d8; - } - - .sm\:dark\:border-gray-400 { - border-color: #a1a1aa; - } - - .sm\:dark\:border-gray-500 { - border-color: #71717a; - } - - .sm\:dark\:border-gray-600 { - border-color: #52525b; - } - - .sm\:dark\:border-gray-700 { - border-color: #3f3f46; - } - - .sm\:dark\:border-gray-800 { - border-color: #27272a; - } - - .sm\:dark\:border-gray-900 { - border-color: #18181b; - } - - .sm\:dark\:border-red-50 { - border-color: #fef2f2; - } - - .sm\:dark\:border-red-100 { - border-color: #fee2e2; - } - - .sm\:dark\:border-red-200 { - border-color: #fecaca; - } - - .sm\:dark\:border-red-300 { - border-color: #fca5a5; - } - - .sm\:dark\:border-red-400 { - border-color: #f87171; - } - - .sm\:dark\:border-red-500 { - border-color: #ef4444; - } - - .sm\:dark\:border-red-600 { - border-color: #dc2626; - } - - .sm\:dark\:border-red-700 { - border-color: #b91c1c; - } - - .sm\:dark\:border-red-800 { - border-color: #991b1b; - } - - .sm\:dark\:border-red-900 { - border-color: #7f1d1d; - } - - .sm\:dark\:border-yellow-50 { - border-color: #fffbeb; - } - - .sm\:dark\:border-yellow-100 { - border-color: #fef3c7; - } - - .sm\:dark\:border-yellow-200 { - border-color: #fde68a; - } - - .sm\:dark\:border-yellow-300 { - border-color: #fcd34d; - } - - .sm\:dark\:border-yellow-400 { - border-color: #fbbf24; - } - - .sm\:dark\:border-yellow-500 { - border-color: #f59e0b; - } - - .sm\:dark\:border-yellow-600 { - border-color: #d97706; - } - - .sm\:dark\:border-yellow-700 { - border-color: #b45309; - } - - .sm\:dark\:border-yellow-800 { - border-color: #92400e; - } - - .sm\:dark\:border-yellow-900 { - border-color: #78350f; - } - - .sm\:dark\:border-green-50 { - border-color: #ecfdf5; - } - - .sm\:dark\:border-green-100 { - border-color: #d1fae5; - } - - .sm\:dark\:border-green-200 { - border-color: #a7f3d0; - } - - .sm\:dark\:border-green-300 { - border-color: #6ee7b7; - } - - .sm\:dark\:border-green-400 { - border-color: #34d399; - } - - .sm\:dark\:border-green-500 { - border-color: #10b981; - } - - .sm\:dark\:border-green-600 { - border-color: #059669; - } - - .sm\:dark\:border-green-700 { - border-color: #047857; - } - - .sm\:dark\:border-green-800 { - border-color: #065f46; - } - - .sm\:dark\:border-green-900 { - border-color: #064e3b; - } - - .sm\:dark\:border-blue-50 { - border-color: #eff6ff; - } - - .sm\:dark\:border-blue-100 { - border-color: #dbeafe; - } - - .sm\:dark\:border-blue-200 { - border-color: #bfdbfe; - } - - .sm\:dark\:border-blue-300 { - border-color: #93c5fd; - } - - .sm\:dark\:border-blue-400 { - border-color: #60a5fa; - } - - .sm\:dark\:border-blue-500 { - border-color: #3b82f6; - } - - .sm\:dark\:border-blue-600 { - border-color: #2563eb; - } - - .sm\:dark\:border-blue-700 { - border-color: #1d4ed8; - } - - .sm\:dark\:border-blue-800 { - border-color: #1e40af; - } - - .sm\:dark\:border-blue-900 { - border-color: #1e3a8a; - } - - .sm\:dark\:border-purple-50 { - border-color: #f5f3ff; - } - - .sm\:dark\:border-purple-100 { - border-color: #ede9fe; - } - - .sm\:dark\:border-purple-200 { - border-color: #ddd6fe; - } - - .sm\:dark\:border-purple-300 { - border-color: #c4b5fd; - } - - .sm\:dark\:border-purple-400 { - border-color: #a78bfa; - } - - .sm\:dark\:border-purple-500 { - border-color: #8b5cf6; - } - - .sm\:dark\:border-purple-600 { - border-color: #7c3aed; - } - - .sm\:dark\:border-purple-700 { - border-color: #6d28d9; - } - - .sm\:dark\:border-purple-800 { - border-color: #5b21b6; - } - - .sm\:dark\:border-purple-900 { - border-color: #4c1d95; - } - - .sm\:dark\:border-pink-50 { - border-color: #fdf2f8; - } - - .sm\:dark\:border-pink-100 { - border-color: #fce7f3; - } - - .sm\:dark\:border-pink-200 { - border-color: #fbcfe8; - } - - .sm\:dark\:border-pink-300 { - border-color: #f9a8d4; - } - - .sm\:dark\:border-pink-400 { - border-color: #f472b6; - } - - .sm\:dark\:border-pink-500 { - border-color: #ec4899; - } - - .sm\:dark\:border-pink-600 { - border-color: #db2777; - } - - .sm\:dark\:border-pink-700 { - border-color: #be185d; - } - - .sm\:dark\:border-pink-800 { - border-color: #9d174d; - } - - .sm\:dark\:border-pink-900 { - border-color: #831843; - } - - .group:hover .sm\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:border-black { - border-color: #000; - } - - .group:hover .sm\:dark\:group-hover\:border-white { - border-color: #fff; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-50 { - border-color: #fafafa; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-500 { - border-color: #71717a; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-600 { - border-color: #52525b; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-800 { - border-color: #27272a; - } - - .group:hover .sm\:dark\:group-hover\:border-gray-900 { - border-color: #18181b; - } - - .group:hover .sm\:dark\:group-hover\:border-red-50 { - border-color: #fef2f2; - } - - .group:hover .sm\:dark\:group-hover\:border-red-100 { - border-color: #fee2e2; - } - - .group:hover .sm\:dark\:group-hover\:border-red-200 { - border-color: #fecaca; - } - - .group:hover .sm\:dark\:group-hover\:border-red-300 { - border-color: #fca5a5; - } - - .group:hover .sm\:dark\:group-hover\:border-red-400 { - border-color: #f87171; - } - - .group:hover .sm\:dark\:group-hover\:border-red-500 { - border-color: #ef4444; - } - - .group:hover .sm\:dark\:group-hover\:border-red-600 { - border-color: #dc2626; - } - - .group:hover .sm\:dark\:group-hover\:border-red-700 { - border-color: #b91c1c; - } - - .group:hover .sm\:dark\:group-hover\:border-red-800 { - border-color: #991b1b; - } - - .group:hover .sm\:dark\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-600 { - border-color: #d97706; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-700 { - border-color: #b45309; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-800 { - border-color: #92400e; - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-900 { - border-color: #78350f; - } - - .group:hover .sm\:dark\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } - - .group:hover .sm\:dark\:group-hover\:border-green-100 { - border-color: #d1fae5; - } - - .group:hover .sm\:dark\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } - - .group:hover .sm\:dark\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } - - .group:hover .sm\:dark\:group-hover\:border-green-400 { - border-color: #34d399; - } - - .group:hover .sm\:dark\:group-hover\:border-green-500 { - border-color: #10b981; - } - - .group:hover .sm\:dark\:group-hover\:border-green-600 { - border-color: #059669; - } - - .group:hover .sm\:dark\:group-hover\:border-green-700 { - border-color: #047857; - } - - .group:hover .sm\:dark\:group-hover\:border-green-800 { - border-color: #065f46; - } - - .group:hover .sm\:dark\:group-hover\:border-green-900 { - border-color: #064e3b; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-600 { - border-color: #2563eb; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-800 { - border-color: #1e40af; - } - - .group:hover .sm\:dark\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } - - .group:hover .sm\:dark\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-400 { - border-color: #f472b6; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-500 { - border-color: #ec4899; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-600 { - border-color: #db2777; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-700 { - border-color: #be185d; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-800 { - border-color: #9d174d; - } - - .group:hover .sm\:dark\:group-hover\:border-pink-900 { - border-color: #831843; - } - - .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-color: #000; - } - - .sm\:dark\:hover\:border-white:hover { - border-color: #fff; - } - - .sm\:dark\:hover\:border-gray-50:hover { - border-color: #fafafa; - } - - .sm\:dark\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } - - .sm\:dark\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } - - .sm\:dark\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } - - .sm\:dark\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } - - .sm\:dark\:hover\:border-gray-500:hover { - border-color: #71717a; - } - - .sm\:dark\:hover\:border-gray-600:hover { - border-color: #52525b; - } - - .sm\:dark\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } - - .sm\:dark\:hover\:border-gray-800:hover { - border-color: #27272a; - } - - .sm\:dark\:hover\:border-gray-900:hover { - border-color: #18181b; - } - - .sm\:dark\:hover\:border-red-50:hover { - border-color: #fef2f2; - } - - .sm\:dark\:hover\:border-red-100:hover { - border-color: #fee2e2; - } - - .sm\:dark\:hover\:border-red-200:hover { - border-color: #fecaca; - } - - .sm\:dark\:hover\:border-red-300:hover { - border-color: #fca5a5; - } - - .sm\:dark\:hover\:border-red-400:hover { - border-color: #f87171; - } - - .sm\:dark\:hover\:border-red-500:hover { - border-color: #ef4444; - } - - .sm\:dark\:hover\:border-red-600:hover { - border-color: #dc2626; - } - - .sm\:dark\:hover\:border-red-700:hover { - border-color: #b91c1c; - } - - .sm\:dark\:hover\:border-red-800:hover { - border-color: #991b1b; - } - - .sm\:dark\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } - - .sm\:dark\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } - - .sm\:dark\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } - - .sm\:dark\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } - - .sm\:dark\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } - - .sm\:dark\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } - - .sm\:dark\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } - - .sm\:dark\:hover\:border-yellow-600:hover { - border-color: #d97706; - } - - .sm\:dark\:hover\:border-yellow-700:hover { - border-color: #b45309; - } - - .sm\:dark\:hover\:border-yellow-800:hover { - border-color: #92400e; - } - - .sm\:dark\:hover\:border-yellow-900:hover { - border-color: #78350f; - } - - .sm\:dark\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } - - .sm\:dark\:hover\:border-green-100:hover { - border-color: #d1fae5; - } - - .sm\:dark\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } - - .sm\:dark\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } - - .sm\:dark\:hover\:border-green-400:hover { - border-color: #34d399; - } - - .sm\:dark\:hover\:border-green-500:hover { - border-color: #10b981; - } - - .sm\:dark\:hover\:border-green-600:hover { - border-color: #059669; - } - - .sm\:dark\:hover\:border-green-700:hover { - border-color: #047857; - } - - .sm\:dark\:hover\:border-green-800:hover { - border-color: #065f46; - } - - .sm\:dark\:hover\:border-green-900:hover { - border-color: #064e3b; - } - - .sm\:dark\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } - - .sm\:dark\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } - - .sm\:dark\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } - - .sm\:dark\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } - - .sm\:dark\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } - - .sm\:dark\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } - - .sm\:dark\:hover\:border-blue-600:hover { - border-color: #2563eb; - } - - .sm\:dark\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } - - .sm\:dark\:hover\:border-blue-800:hover { - border-color: #1e40af; - } - - .sm\:dark\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } - - .sm\:dark\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } - - .sm\:dark\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } - - .sm\:dark\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } - - .sm\:dark\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } - - .sm\:dark\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } - - .sm\:dark\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } - - .sm\:dark\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } - - .sm\:dark\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } - - .sm\:dark\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } - - .sm\:dark\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } - - .sm\:dark\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } - - .sm\:dark\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } - - .sm\:dark\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } - - .sm\:dark\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } - - .sm\:dark\:hover\:border-pink-400:hover { - border-color: #f472b6; - } - - .sm\:dark\:hover\:border-pink-500:hover { - border-color: #ec4899; - } - - .sm\:dark\:hover\:border-pink-600:hover { - border-color: #db2777; - } - - .sm\:dark\:hover\:border-pink-700:hover { - border-color: #be185d; - } - - .sm\:dark\:hover\:border-pink-800:hover { - border-color: #9d174d; - } - - .sm\:dark\:hover\:border-pink-900:hover { - border-color: #831843; - } - - .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-color: #000; - } - - .sm\:dark\:focus\:border-white:focus { - border-color: #fff; - } - - .sm\:dark\:focus\:border-gray-50:focus { - border-color: #fafafa; - } - - .sm\:dark\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } - - .sm\:dark\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } - - .sm\:dark\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } - - .sm\:dark\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } - - .sm\:dark\:focus\:border-gray-500:focus { - border-color: #71717a; - } - - .sm\:dark\:focus\:border-gray-600:focus { - border-color: #52525b; - } - - .sm\:dark\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } - - .sm\:dark\:focus\:border-gray-800:focus { - border-color: #27272a; - } - - .sm\:dark\:focus\:border-gray-900:focus { - border-color: #18181b; - } - - .sm\:dark\:focus\:border-red-50:focus { - border-color: #fef2f2; - } - - .sm\:dark\:focus\:border-red-100:focus { - border-color: #fee2e2; - } - - .sm\:dark\:focus\:border-red-200:focus { - border-color: #fecaca; - } - - .sm\:dark\:focus\:border-red-300:focus { - border-color: #fca5a5; - } - - .sm\:dark\:focus\:border-red-400:focus { - border-color: #f87171; - } - - .sm\:dark\:focus\:border-red-500:focus { - border-color: #ef4444; - } - - .sm\:dark\:focus\:border-red-600:focus { - border-color: #dc2626; - } - - .sm\:dark\:focus\:border-red-700:focus { - border-color: #b91c1c; - } - - .sm\:dark\:focus\:border-red-800:focus { - border-color: #991b1b; - } - - .sm\:dark\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } - - .sm\:dark\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } - - .sm\:dark\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } - - .sm\:dark\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } - - .sm\:dark\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } - - .sm\:dark\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } - - .sm\:dark\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } - - .sm\:dark\:focus\:border-yellow-600:focus { - border-color: #d97706; - } - - .sm\:dark\:focus\:border-yellow-700:focus { - border-color: #b45309; - } - - .sm\:dark\:focus\:border-yellow-800:focus { - border-color: #92400e; - } - - .sm\:dark\:focus\:border-yellow-900:focus { - border-color: #78350f; - } - - .sm\:dark\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } - - .sm\:dark\:focus\:border-green-100:focus { - border-color: #d1fae5; - } - - .sm\:dark\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } - - .sm\:dark\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } - - .sm\:dark\:focus\:border-green-400:focus { - border-color: #34d399; - } - - .sm\:dark\:focus\:border-green-500:focus { - border-color: #10b981; - } - - .sm\:dark\:focus\:border-green-600:focus { - border-color: #059669; - } - - .sm\:dark\:focus\:border-green-700:focus { - border-color: #047857; - } - - .sm\:dark\:focus\:border-green-800:focus { - border-color: #065f46; - } - - .sm\:dark\:focus\:border-green-900:focus { - border-color: #064e3b; - } - - .sm\:dark\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } - - .sm\:dark\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } - - .sm\:dark\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } - - .sm\:dark\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } - - .sm\:dark\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } - - .sm\:dark\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } - - .sm\:dark\:focus\:border-blue-600:focus { - border-color: #2563eb; - } - - .sm\:dark\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } - - .sm\:dark\:focus\:border-blue-800:focus { - border-color: #1e40af; - } - - .sm\:dark\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } - - .sm\:dark\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } - - .sm\:dark\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } - - .sm\:dark\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } - - .sm\:dark\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } - - .sm\:dark\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } - - .sm\:dark\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } - - .sm\:dark\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } - - .sm\:dark\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } - - .sm\:dark\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } - - .sm\:dark\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } - - .sm\:dark\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } - - .sm\:dark\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } - - .sm\:dark\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } - - .sm\:dark\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } - - .sm\:dark\:focus\:border-pink-400:focus { - border-color: #f472b6; - } - - .sm\:dark\:focus\:border-pink-500:focus { - border-color: #ec4899; - } - - .sm\:dark\:focus\:border-pink-600:focus { - border-color: #db2777; - } - - .sm\:dark\:focus\:border-pink-700:focus { - border-color: #be185d; - } - - .sm\:dark\:focus\:border-pink-800:focus { - border-color: #9d174d; - } - - .sm\:dark\:focus\:border-pink-900:focus { - border-color: #831843; - } - } - - .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-xl { - border-radius: 0.75rem; - } - - .sm\:rounded-2xl { - border-radius: 1rem; - } - - .sm\:rounded-3xl { - border-radius: 1.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-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; - } - - .sm\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; - } - - .sm\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; - } - - .sm\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; - } - - .sm\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; - } - - .sm\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; - } - - .sm\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.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-xl { - border-top-left-radius: 0.75rem; - } - - .sm\:rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; - } - - .sm\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-tl-2xl { - border-top-left-radius: 1rem; - } - - .sm\:rounded-tr-2xl { - border-top-right-radius: 1rem; - } - - .sm\:rounded-br-2xl { - border-bottom-right-radius: 1rem; - } - - .sm\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; - } - - .sm\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; - } - - .sm\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; - } - - .sm\:rounded-bl-3xl { - border-bottom-left-radius: 1.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\:place-items-auto { - place-items: auto; - } - - .sm\:place-items-start { - place-items: start; - } - - .sm\:place-items-end { - place-items: end; - } - - .sm\:place-items-center { - place-items: center; - } - - .sm\:place-items-stretch { - place-items: stretch; - } - - .sm\:place-content-center { - place-content: center; - } - - .sm\:place-content-start { - place-content: start; - } - - .sm\:place-content-end { - place-content: end; - } - - .sm\:place-content-between { - place-content: space-between; - } - - .sm\:place-content-around { - place-content: space-around; - } - - .sm\:place-content-evenly { - place-content: space-evenly; - } - - .sm\:place-content-stretch { - place-content: stretch; - } - - .sm\:place-self-auto { - place-self: auto; - } - - .sm\:place-self-start { - place-self: start; - } - - .sm\:place-self-end { - place-self: end; - } - - .sm\:place-self-center { - place-self: center; - } - - .sm\:place-self-stretch { - place-self: stretch; - } - - .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\: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\:content-evenly { - align-content: space-evenly; - } - - .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-items-auto { - justify-items: auto; - } - - .sm\:justify-items-start { - justify-items: start; - } - - .sm\:justify-items-end { - justify-items: end; - } - - .sm\:justify-items-center { - justify-items: center; - } - - .sm\:justify-items-stretch { - justify-items: 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\:justify-self-auto { - justify-self: auto; - } - - .sm\:justify-self-start { - justify-self: start; - } - - .sm\:justify-self-end { - justify-self: end; - } - - .sm\:justify-self-center { - justify-self: center; - } - - .sm\:justify-self-stretch { - justify-self: stretch; - } - - .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: ui-sans-serif, 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: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; - } - - .sm\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - } - - .sm\:font-thin { - font-weight: 100; - } - - .sm\:font-extralight { - 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-thin:hover { - font-weight: 100; - } - - .sm\:hover\:font-extralight: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-thin:focus { - font-weight: 100; - } - - .sm\:focus\:font-extralight: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-12 { - height: 3rem; - } - - .sm\:h-14 { - height: 3.5rem; - } - - .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-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: 3.75rem; - line-height: 1; - } - - .sm\:text-7xl { - font-size: 4.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-12 { - margin: 3rem; - } - - .sm\:m-14 { - margin: 3.5rem; - } - - .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 { - 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-12 { - margin: -3rem; - } - - .sm\:-m-14 { - margin: -3.5rem; - } - - .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\: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-12 { - margin-top: 3rem; - margin-bottom: 3rem; - } - - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; - } - - .sm\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; - } - - .sm\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; - } - - .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 { - 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-12 { - margin-top: -3rem; - margin-bottom: -3rem; - } - - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; - } - - .sm\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; - } - - .sm\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; - } - - .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\: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-12 { - margin-top: 3rem; - } - - .sm\:mr-12 { - margin-right: 3rem; - } - - .sm\:mb-12 { - margin-bottom: 3rem; - } - - .sm\:ml-12 { - margin-left: 3rem; - } - - .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-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 { - 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-12 { - margin-top: -3rem; - } - - .sm\:-mr-12 { - margin-right: -3rem; - } - - .sm\:-mb-12 { - margin-bottom: -3rem; - } - - .sm\:-ml-12 { - margin-left: -3rem; - } - - .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-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\: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-12 { - max-height: 3rem; - } - - .sm\:max-h-14 { - max-height: 3.5rem; - } - - .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-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-full { - max-height: 100%; - } - - .sm\:max-h-screen { - max-height: 100vh; - } - - .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 { - max-width: min-content; - } - - .sm\:max-w-max { - 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\:max-w-screen-2xl { - max-width: 1536px; - } - - .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 { - min-width: min-content; - } - - .sm\:min-w-max { - 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; - } - - .group:hover .sm\:group-hover\:opacity-0 { - opacity: 0; - } - - .group:hover .sm\:group-hover\:opacity-25 { - opacity: 0.25; - } - - .group:hover .sm\:group-hover\:opacity-50 { - opacity: 0.5; - } - - .group:hover .sm\:group-hover\:opacity-75 { - opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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: 2px solid transparent; - outline-offset: 2px; - } - - .sm\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; - } - - .sm\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; - } - - .sm\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; - } - - .sm\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; - } - - .sm\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; - } - - .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\: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-12 { - padding: 3rem; - } - - .sm\:p-14 { - padding: 3.5rem; - } - - .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\: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-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .sm\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; - } - - .sm\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; - } - - .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\: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-12 { - padding-top: 3rem; - } - - .sm\:pr-12 { - padding-right: 3rem; - } - - .sm\:pb-12 { - padding-bottom: 3rem; - } - - .sm\:pl-12 { - padding-left: 3rem; - } - - .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-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\:placeholder-transparent::placeholder { - color: transparent; - } - - .sm\:placeholder-current::placeholder { - color: currentColor; - } - - .sm\:placeholder-black::placeholder { - color: #000; - } - - .sm\:placeholder-white::placeholder { - color: #fff; - } - - .sm\:placeholder-gray-50::placeholder { - color: #fafafa; - } - - .sm\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } - - .sm\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } - - .sm\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } - - .sm\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } - - .sm\:placeholder-gray-500::placeholder { - color: #71717a; - } - - .sm\:placeholder-gray-600::placeholder { - color: #52525b; - } - - .sm\:placeholder-gray-700::placeholder { - color: #3f3f46; - } - - .sm\:placeholder-gray-800::placeholder { - color: #27272a; - } - - .sm\:placeholder-gray-900::placeholder { - color: #18181b; - } - - .sm\:placeholder-red-50::placeholder { - color: #fef2f2; - } - - .sm\:placeholder-red-100::placeholder { - color: #fee2e2; - } - - .sm\:placeholder-red-200::placeholder { - color: #fecaca; - } - - .sm\:placeholder-red-300::placeholder { - color: #fca5a5; - } - - .sm\:placeholder-red-400::placeholder { - color: #f87171; - } - - .sm\:placeholder-red-500::placeholder { - color: #ef4444; - } - - .sm\:placeholder-red-600::placeholder { - color: #dc2626; - } - - .sm\:placeholder-red-700::placeholder { - color: #b91c1c; - } - - .sm\:placeholder-red-800::placeholder { - color: #991b1b; - } - - .sm\:placeholder-red-900::placeholder { - color: #7f1d1d; - } - - .sm\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } - - .sm\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } - - .sm\:placeholder-yellow-200::placeholder { - color: #fde68a; - } - - .sm\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } - - .sm\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } - - .sm\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } - - .sm\:placeholder-yellow-600::placeholder { - color: #d97706; - } - - .sm\:placeholder-yellow-700::placeholder { - color: #b45309; - } - - .sm\:placeholder-yellow-800::placeholder { - color: #92400e; - } - - .sm\:placeholder-yellow-900::placeholder { - color: #78350f; - } - - .sm\:placeholder-green-50::placeholder { - color: #ecfdf5; - } - - .sm\:placeholder-green-100::placeholder { - color: #d1fae5; - } - - .sm\:placeholder-green-200::placeholder { - color: #a7f3d0; - } - - .sm\:placeholder-green-300::placeholder { - color: #6ee7b7; - } - - .sm\:placeholder-green-400::placeholder { - color: #34d399; - } - - .sm\:placeholder-green-500::placeholder { - color: #10b981; - } - - .sm\:placeholder-green-600::placeholder { - color: #059669; - } - - .sm\:placeholder-green-700::placeholder { - color: #047857; - } - - .sm\:placeholder-green-800::placeholder { - color: #065f46; - } - - .sm\:placeholder-green-900::placeholder { - color: #064e3b; - } - - .sm\:placeholder-blue-50::placeholder { - color: #eff6ff; - } - - .sm\:placeholder-blue-100::placeholder { - color: #dbeafe; - } - - .sm\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } - - .sm\:placeholder-blue-300::placeholder { - color: #93c5fd; - } - - .sm\:placeholder-blue-400::placeholder { - color: #60a5fa; - } - - .sm\:placeholder-blue-500::placeholder { - color: #3b82f6; - } - - .sm\:placeholder-blue-600::placeholder { - color: #2563eb; - } - - .sm\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } - - .sm\:placeholder-blue-800::placeholder { - color: #1e40af; - } - - .sm\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } - - .sm\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } - - .sm\:placeholder-purple-100::placeholder { - color: #ede9fe; - } - - .sm\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } - - .sm\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } - - .sm\:placeholder-purple-400::placeholder { - color: #a78bfa; - } - - .sm\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } - - .sm\:placeholder-purple-600::placeholder { - color: #7c3aed; - } - - .sm\:placeholder-purple-700::placeholder { - color: #6d28d9; - } - - .sm\:placeholder-purple-800::placeholder { - color: #5b21b6; - } - - .sm\:placeholder-purple-900::placeholder { - color: #4c1d95; - } - - .sm\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } - - .sm\:placeholder-pink-100::placeholder { - color: #fce7f3; - } - - .sm\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } - - .sm\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } - - .sm\:placeholder-pink-400::placeholder { - color: #f472b6; - } - - .sm\:placeholder-pink-500::placeholder { - color: #ec4899; - } - - .sm\:placeholder-pink-600::placeholder { - color: #db2777; - } - - .sm\:placeholder-pink-700::placeholder { - color: #be185d; - } - - .sm\:placeholder-pink-800::placeholder { - color: #9d174d; - } - - .sm\:placeholder-pink-900::placeholder { - color: #831843; - } - - .sm\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .sm\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .sm\:focus\:placeholder-black:focus::placeholder { - color: #000; - } - - .sm\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } - - .sm\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } - - .sm\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } - - .sm\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } - - .sm\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } - - .sm\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } - - .sm\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } - - .sm\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } - - .sm\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } - - .sm\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } - - .sm\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } - - .sm\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } - - .sm\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } - - .sm\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } - - .sm\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } - - .sm\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } - - .sm\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } - - .sm\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } - - .sm\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } - - .sm\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } - - .sm\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } - - .sm\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } - - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } - - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } - - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } - - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } - - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } - - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } - - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } - - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } - - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } - - .sm\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } - - .sm\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } - - .sm\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } - - .sm\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } - - .sm\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } - - .sm\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } - - .sm\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } - - .sm\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } - - .sm\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } - - .sm\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } - - .sm\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } - - .sm\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } - - .sm\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } - - .sm\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } - - .sm\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } - - .sm\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } - - .sm\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } - - .sm\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } - - .sm\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } - - .sm\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } - - .sm\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } - - .sm\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } - - .sm\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } - - .sm\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } - - .sm\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } - - .sm\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } - - .sm\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } - - .sm\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } - - .sm\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } - - .sm\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } - - .sm\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } - - .sm\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } - - .sm\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } - - .sm\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } - - .sm\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } - - .sm\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } - - .sm\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } - - .sm\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } - - .sm\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } - - .sm\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .sm\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .sm\:dark\:placeholder-black::placeholder { - color: #000; - } - - .sm\:dark\:placeholder-white::placeholder { - color: #fff; - } - - .sm\:dark\:placeholder-gray-50::placeholder { - color: #fafafa; - } - - .sm\:dark\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } - - .sm\:dark\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } - - .sm\:dark\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } - - .sm\:dark\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } - - .sm\:dark\:placeholder-gray-500::placeholder { - color: #71717a; - } - - .sm\:dark\:placeholder-gray-600::placeholder { - color: #52525b; - } - - .sm\:dark\:placeholder-gray-700::placeholder { - color: #3f3f46; - } - - .sm\:dark\:placeholder-gray-800::placeholder { - color: #27272a; - } - - .sm\:dark\:placeholder-gray-900::placeholder { - color: #18181b; - } - - .sm\:dark\:placeholder-red-50::placeholder { - color: #fef2f2; - } - - .sm\:dark\:placeholder-red-100::placeholder { - color: #fee2e2; - } - - .sm\:dark\:placeholder-red-200::placeholder { - color: #fecaca; - } - - .sm\:dark\:placeholder-red-300::placeholder { - color: #fca5a5; - } - - .sm\:dark\:placeholder-red-400::placeholder { - color: #f87171; - } - - .sm\:dark\:placeholder-red-500::placeholder { - color: #ef4444; - } - - .sm\:dark\:placeholder-red-600::placeholder { - color: #dc2626; - } - - .sm\:dark\:placeholder-red-700::placeholder { - color: #b91c1c; - } - - .sm\:dark\:placeholder-red-800::placeholder { - color: #991b1b; - } - - .sm\:dark\:placeholder-red-900::placeholder { - color: #7f1d1d; - } - - .sm\:dark\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } - - .sm\:dark\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } - - .sm\:dark\:placeholder-yellow-200::placeholder { - color: #fde68a; - } - - .sm\:dark\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } - - .sm\:dark\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } - - .sm\:dark\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } - - .sm\:dark\:placeholder-yellow-600::placeholder { - color: #d97706; - } - - .sm\:dark\:placeholder-yellow-700::placeholder { - color: #b45309; - } - - .sm\:dark\:placeholder-yellow-800::placeholder { - color: #92400e; - } - - .sm\:dark\:placeholder-yellow-900::placeholder { - color: #78350f; - } - - .sm\:dark\:placeholder-green-50::placeholder { - color: #ecfdf5; - } - - .sm\:dark\:placeholder-green-100::placeholder { - color: #d1fae5; - } - - .sm\:dark\:placeholder-green-200::placeholder { - color: #a7f3d0; - } - - .sm\:dark\:placeholder-green-300::placeholder { - color: #6ee7b7; - } - - .sm\:dark\:placeholder-green-400::placeholder { - color: #34d399; - } - - .sm\:dark\:placeholder-green-500::placeholder { - color: #10b981; - } - - .sm\:dark\:placeholder-green-600::placeholder { - color: #059669; - } - - .sm\:dark\:placeholder-green-700::placeholder { - color: #047857; - } - - .sm\:dark\:placeholder-green-800::placeholder { - color: #065f46; - } - - .sm\:dark\:placeholder-green-900::placeholder { - color: #064e3b; - } - - .sm\:dark\:placeholder-blue-50::placeholder { - color: #eff6ff; - } - - .sm\:dark\:placeholder-blue-100::placeholder { - color: #dbeafe; - } - - .sm\:dark\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } - - .sm\:dark\:placeholder-blue-300::placeholder { - color: #93c5fd; - } - - .sm\:dark\:placeholder-blue-400::placeholder { - color: #60a5fa; - } - - .sm\:dark\:placeholder-blue-500::placeholder { - color: #3b82f6; - } - - .sm\:dark\:placeholder-blue-600::placeholder { - color: #2563eb; - } - - .sm\:dark\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } - - .sm\:dark\:placeholder-blue-800::placeholder { - color: #1e40af; - } - - .sm\:dark\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } - - .sm\:dark\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } - - .sm\:dark\:placeholder-purple-100::placeholder { - color: #ede9fe; - } - - .sm\:dark\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } - - .sm\:dark\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } - - .sm\:dark\:placeholder-purple-400::placeholder { - color: #a78bfa; - } - - .sm\:dark\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } - - .sm\:dark\:placeholder-purple-600::placeholder { - color: #7c3aed; - } - - .sm\:dark\:placeholder-purple-700::placeholder { - color: #6d28d9; - } - - .sm\:dark\:placeholder-purple-800::placeholder { - color: #5b21b6; - } - - .sm\:dark\:placeholder-purple-900::placeholder { - color: #4c1d95; - } - - .sm\:dark\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } - - .sm\:dark\:placeholder-pink-100::placeholder { - color: #fce7f3; - } - - .sm\:dark\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } - - .sm\:dark\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } - - .sm\:dark\:placeholder-pink-400::placeholder { - color: #f472b6; - } - - .sm\:dark\:placeholder-pink-500::placeholder { - color: #ec4899; - } - - .sm\:dark\:placeholder-pink-600::placeholder { - color: #db2777; - } - - .sm\:dark\:placeholder-pink-700::placeholder { - color: #be185d; - } - - .sm\:dark\:placeholder-pink-800::placeholder { - color: #9d174d; - } - - .sm\:dark\:placeholder-pink-900::placeholder { - color: #831843; - } - - .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 { - color: #000; - } - - .sm\:dark\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } - - .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } - - .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } - - .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } - - .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } - - .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } - - .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } - - .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } - - .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } - - .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } - - .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } - - .sm\:dark\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } - - .sm\:dark\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } - - .sm\:dark\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } - - .sm\:dark\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } - - .sm\:dark\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } - - .sm\:dark\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } - - .sm\:dark\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } - - .sm\:dark\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } - - .sm\:dark\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } - - .sm\:dark\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } - - .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } - - .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } - - .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } - - .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } - - .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } - - .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } - - .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } - - .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } - - .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } - - .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } - - .sm\:dark\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } - - .sm\:dark\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } - - .sm\:dark\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } - - .sm\:dark\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } - - .sm\:dark\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } - - .sm\:dark\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } - - .sm\:dark\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } - - .sm\:dark\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } - - .sm\:dark\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } - - .sm\:dark\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } - - .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } - - .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } - - .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } - - .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } - - .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } - - .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } - - .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } - - .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } - - .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } - - .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } - - .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } - - .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } - - .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } - - .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } - - .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } - - .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } - - .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } - - .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } - - .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } - - .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } - - .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } - - .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } - - .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } - - .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } - - .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } - - .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } - - .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } - - .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } - - .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } - - .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } - } - - .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-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; - } - - .sm\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; - } - - .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 { - 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-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; - } - - .sm\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; - } - - .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-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-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; - } - - .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-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-12 { - top: 3rem; - bottom: 3rem; - } - - .sm\:inset-x-12 { - right: 3rem; - left: 3rem; - } - - .sm\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; - } - - .sm\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; - } - - .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 { - 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-12 { - top: -3rem; - bottom: -3rem; - } - - .sm\:-inset-x-12 { - right: -3rem; - left: -3rem; - } - - .sm\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; - } - - .sm\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; - } - - .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-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-full { - top: 100%; - bottom: 100%; - } - - .sm\:inset-x-full { - right: 100%; - left: 100%; - } - - .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-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-12 { - top: 3rem; - } - - .sm\:right-12 { - right: 3rem; - } - - .sm\:bottom-12 { - bottom: 3rem; - } - - .sm\:left-12 { - left: 3rem; - } - - .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-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 { - 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-12 { - top: -3rem; - } - - .sm\:-right-12 { - right: -3rem; - } - - .sm\:-bottom-12 { - bottom: -3rem; - } - - .sm\:-left-12 { - left: -3rem; - } - - .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-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-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-full { - top: 100%; - } - - .sm\:right-full { - right: 100%; - } - - .sm\:bottom-full { - bottom: 100%; - } - - .sm\:left-full { - left: 100%; - } - - .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-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 { - color: #000; - } - - .sm\:text-white { - color: #fff; - } - - .sm\:text-gray-50 { - color: #fafafa; - } - - .sm\:text-gray-100 { - color: #f4f4f5; - } - - .sm\:text-gray-200 { - color: #e4e4e7; - } - - .sm\:text-gray-300 { - color: #d4d4d8; - } - - .sm\:text-gray-400 { - color: #a1a1aa; - } - - .sm\:text-gray-500 { - color: #71717a; - } - - .sm\:text-gray-600 { - color: #52525b; - } - - .sm\:text-gray-700 { - color: #3f3f46; - } - - .sm\:text-gray-800 { - color: #27272a; - } - - .sm\:text-gray-900 { - color: #18181b; - } - - .sm\:text-red-50 { - color: #fef2f2; - } - - .sm\:text-red-100 { - color: #fee2e2; - } - - .sm\:text-red-200 { - color: #fecaca; - } - - .sm\:text-red-300 { - color: #fca5a5; - } - - .sm\:text-red-400 { - color: #f87171; - } - - .sm\:text-red-500 { - color: #ef4444; - } - - .sm\:text-red-600 { - color: #dc2626; - } - - .sm\:text-red-700 { - color: #b91c1c; - } - - .sm\:text-red-800 { - color: #991b1b; - } - - .sm\:text-red-900 { - color: #7f1d1d; - } - - .sm\:text-yellow-50 { - color: #fffbeb; - } - - .sm\:text-yellow-100 { - color: #fef3c7; - } - - .sm\:text-yellow-200 { - color: #fde68a; - } - - .sm\:text-yellow-300 { - color: #fcd34d; - } - - .sm\:text-yellow-400 { - color: #fbbf24; - } - - .sm\:text-yellow-500 { - color: #f59e0b; - } - - .sm\:text-yellow-600 { - color: #d97706; - } - - .sm\:text-yellow-700 { - color: #b45309; - } - - .sm\:text-yellow-800 { - color: #92400e; - } - - .sm\:text-yellow-900 { - color: #78350f; - } - - .sm\:text-green-50 { - color: #ecfdf5; - } - - .sm\:text-green-100 { - color: #d1fae5; - } - - .sm\:text-green-200 { - color: #a7f3d0; - } - - .sm\:text-green-300 { - color: #6ee7b7; - } - - .sm\:text-green-400 { - color: #34d399; - } - - .sm\:text-green-500 { - color: #10b981; - } - - .sm\:text-green-600 { - color: #059669; - } - - .sm\:text-green-700 { - color: #047857; - } - - .sm\:text-green-800 { - color: #065f46; - } - - .sm\:text-green-900 { - color: #064e3b; - } - - .sm\:text-blue-50 { - color: #eff6ff; - } - - .sm\:text-blue-100 { - color: #dbeafe; - } - - .sm\:text-blue-200 { - color: #bfdbfe; - } - - .sm\:text-blue-300 { - color: #93c5fd; - } - - .sm\:text-blue-400 { - color: #60a5fa; - } - - .sm\:text-blue-500 { - color: #3b82f6; - } - - .sm\:text-blue-600 { - color: #2563eb; - } - - .sm\:text-blue-700 { - color: #1d4ed8; - } - - .sm\:text-blue-800 { - color: #1e40af; - } - - .sm\:text-blue-900 { - color: #1e3a8a; - } - - .sm\:text-purple-50 { - color: #f5f3ff; - } - - .sm\:text-purple-100 { - color: #ede9fe; - } - - .sm\:text-purple-200 { - color: #ddd6fe; - } - - .sm\:text-purple-300 { - color: #c4b5fd; - } - - .sm\:text-purple-400 { - color: #a78bfa; - } - - .sm\:text-purple-500 { - color: #8b5cf6; - } - - .sm\:text-purple-600 { - color: #7c3aed; - } - - .sm\:text-purple-700 { - color: #6d28d9; - } - - .sm\:text-purple-800 { - color: #5b21b6; - } - - .sm\:text-purple-900 { - color: #4c1d95; - } - - .sm\:text-pink-50 { - color: #fdf2f8; - } - - .sm\:text-pink-100 { - color: #fce7f3; - } - - .sm\:text-pink-200 { - color: #fbcfe8; - } - - .sm\:text-pink-300 { - color: #f9a8d4; - } - - .sm\:text-pink-400 { - color: #f472b6; - } - - .sm\:text-pink-500 { - color: #ec4899; - } - - .sm\:text-pink-600 { - color: #db2777; - } - - .sm\:text-pink-700 { - color: #be185d; - } - - .sm\:text-pink-800 { - color: #9d174d; - } - - .sm\:text-pink-900 { - color: #831843; - } - - .group:hover .sm\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .sm\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .sm\:group-hover\:text-black { - color: #000; - } - - .group:hover .sm\:group-hover\:text-white { - color: #fff; - } - - .group:hover .sm\:group-hover\:text-gray-50 { - color: #fafafa; - } - - .group:hover .sm\:group-hover\:text-gray-100 { - color: #f4f4f5; - } - - .group:hover .sm\:group-hover\:text-gray-200 { - color: #e4e4e7; - } - - .group:hover .sm\:group-hover\:text-gray-300 { - color: #d4d4d8; - } - - .group:hover .sm\:group-hover\:text-gray-400 { - color: #a1a1aa; - } - - .group:hover .sm\:group-hover\:text-gray-500 { - color: #71717a; - } - - .group:hover .sm\:group-hover\:text-gray-600 { - color: #52525b; - } - - .group:hover .sm\:group-hover\:text-gray-700 { - color: #3f3f46; - } - - .group:hover .sm\:group-hover\:text-gray-800 { - color: #27272a; - } - - .group:hover .sm\:group-hover\:text-gray-900 { - color: #18181b; - } - - .group:hover .sm\:group-hover\:text-red-50 { - color: #fef2f2; - } - - .group:hover .sm\:group-hover\:text-red-100 { - color: #fee2e2; - } - - .group:hover .sm\:group-hover\:text-red-200 { - color: #fecaca; - } - - .group:hover .sm\:group-hover\:text-red-300 { - color: #fca5a5; - } - - .group:hover .sm\:group-hover\:text-red-400 { - color: #f87171; - } - - .group:hover .sm\:group-hover\:text-red-500 { - color: #ef4444; - } - - .group:hover .sm\:group-hover\:text-red-600 { - color: #dc2626; - } - - .group:hover .sm\:group-hover\:text-red-700 { - color: #b91c1c; - } - - .group:hover .sm\:group-hover\:text-red-800 { - color: #991b1b; - } - - .group:hover .sm\:group-hover\:text-red-900 { - color: #7f1d1d; - } - - .group:hover .sm\:group-hover\:text-yellow-50 { - color: #fffbeb; - } - - .group:hover .sm\:group-hover\:text-yellow-100 { - color: #fef3c7; - } - - .group:hover .sm\:group-hover\:text-yellow-200 { - color: #fde68a; - } - - .group:hover .sm\:group-hover\:text-yellow-300 { - color: #fcd34d; - } - - .group:hover .sm\:group-hover\:text-yellow-400 { - color: #fbbf24; - } - - .group:hover .sm\:group-hover\:text-yellow-500 { - color: #f59e0b; - } - - .group:hover .sm\:group-hover\:text-yellow-600 { - color: #d97706; - } - - .group:hover .sm\:group-hover\:text-yellow-700 { - color: #b45309; - } - - .group:hover .sm\:group-hover\:text-yellow-800 { - color: #92400e; - } - - .group:hover .sm\:group-hover\:text-yellow-900 { - color: #78350f; - } - - .group:hover .sm\:group-hover\:text-green-50 { - color: #ecfdf5; - } - - .group:hover .sm\:group-hover\:text-green-100 { - color: #d1fae5; - } - - .group:hover .sm\:group-hover\:text-green-200 { - color: #a7f3d0; - } - - .group:hover .sm\:group-hover\:text-green-300 { - color: #6ee7b7; - } - - .group:hover .sm\:group-hover\:text-green-400 { - color: #34d399; - } - - .group:hover .sm\:group-hover\:text-green-500 { - color: #10b981; - } - - .group:hover .sm\:group-hover\:text-green-600 { - color: #059669; - } - - .group:hover .sm\:group-hover\:text-green-700 { - color: #047857; - } - - .group:hover .sm\:group-hover\:text-green-800 { - color: #065f46; - } - - .group:hover .sm\:group-hover\:text-green-900 { - color: #064e3b; - } - - .group:hover .sm\:group-hover\:text-blue-50 { - color: #eff6ff; - } - - .group:hover .sm\:group-hover\:text-blue-100 { - color: #dbeafe; - } - - .group:hover .sm\:group-hover\:text-blue-200 { - color: #bfdbfe; - } - - .group:hover .sm\:group-hover\:text-blue-300 { - color: #93c5fd; - } - - .group:hover .sm\:group-hover\:text-blue-400 { - color: #60a5fa; - } - - .group:hover .sm\:group-hover\:text-blue-500 { - color: #3b82f6; - } - - .group:hover .sm\:group-hover\:text-blue-600 { - color: #2563eb; - } - - .group:hover .sm\:group-hover\:text-blue-700 { - color: #1d4ed8; - } - - .group:hover .sm\:group-hover\:text-blue-800 { - color: #1e40af; - } - - .group:hover .sm\:group-hover\:text-blue-900 { - color: #1e3a8a; - } - - .group:hover .sm\:group-hover\:text-purple-50 { - color: #f5f3ff; - } - - .group:hover .sm\:group-hover\:text-purple-100 { - color: #ede9fe; - } - - .group:hover .sm\:group-hover\:text-purple-200 { - color: #ddd6fe; - } - - .group:hover .sm\:group-hover\:text-purple-300 { - color: #c4b5fd; - } - - .group:hover .sm\:group-hover\:text-purple-400 { - color: #a78bfa; - } - - .group:hover .sm\:group-hover\:text-purple-500 { - color: #8b5cf6; - } - - .group:hover .sm\:group-hover\:text-purple-600 { - color: #7c3aed; - } - - .group:hover .sm\:group-hover\:text-purple-700 { - color: #6d28d9; - } - - .group:hover .sm\:group-hover\:text-purple-800 { - color: #5b21b6; - } - - .group:hover .sm\:group-hover\:text-purple-900 { - color: #4c1d95; - } - - .group:hover .sm\:group-hover\:text-pink-50 { - color: #fdf2f8; - } - - .group:hover .sm\:group-hover\:text-pink-100 { - color: #fce7f3; - } - - .group:hover .sm\:group-hover\:text-pink-200 { - color: #fbcfe8; - } - - .group:hover .sm\:group-hover\:text-pink-300 { - color: #f9a8d4; - } - - .group:hover .sm\:group-hover\:text-pink-400 { - color: #f472b6; - } - - .group:hover .sm\:group-hover\:text-pink-500 { - color: #ec4899; - } - - .group:hover .sm\:group-hover\:text-pink-600 { - color: #db2777; - } - - .group:hover .sm\:group-hover\:text-pink-700 { - color: #be185d; - } - - .group:hover .sm\:group-hover\:text-pink-800 { - color: #9d174d; - } - - .group:hover .sm\:group-hover\:text-pink-900 { - color: #831843; - } - - .sm\:hover\:text-transparent:hover { - color: transparent; - } - - .sm\:hover\:text-current:hover { - color: currentColor; - } - - .sm\:hover\:text-black:hover { - color: #000; - } - - .sm\:hover\:text-white:hover { - color: #fff; - } - - .sm\:hover\:text-gray-50:hover { - color: #fafafa; - } - - .sm\:hover\:text-gray-100:hover { - color: #f4f4f5; - } - - .sm\:hover\:text-gray-200:hover { - color: #e4e4e7; - } - - .sm\:hover\:text-gray-300:hover { - color: #d4d4d8; - } - - .sm\:hover\:text-gray-400:hover { - color: #a1a1aa; - } - - .sm\:hover\:text-gray-500:hover { - color: #71717a; - } - - .sm\:hover\:text-gray-600:hover { - color: #52525b; - } - - .sm\:hover\:text-gray-700:hover { - color: #3f3f46; - } - - .sm\:hover\:text-gray-800:hover { - color: #27272a; - } - - .sm\:hover\:text-gray-900:hover { - color: #18181b; - } - - .sm\:hover\:text-red-50:hover { - color: #fef2f2; - } - - .sm\:hover\:text-red-100:hover { - color: #fee2e2; - } - - .sm\:hover\:text-red-200:hover { - color: #fecaca; - } - - .sm\:hover\:text-red-300:hover { - color: #fca5a5; - } - - .sm\:hover\:text-red-400:hover { - color: #f87171; - } - - .sm\:hover\:text-red-500:hover { - color: #ef4444; - } - - .sm\:hover\:text-red-600:hover { - color: #dc2626; - } - - .sm\:hover\:text-red-700:hover { - color: #b91c1c; - } - - .sm\:hover\:text-red-800:hover { - color: #991b1b; - } - - .sm\:hover\:text-red-900:hover { - color: #7f1d1d; - } - - .sm\:hover\:text-yellow-50:hover { - color: #fffbeb; - } - - .sm\:hover\:text-yellow-100:hover { - color: #fef3c7; - } - - .sm\:hover\:text-yellow-200:hover { - color: #fde68a; - } - - .sm\:hover\:text-yellow-300:hover { - color: #fcd34d; - } - - .sm\:hover\:text-yellow-400:hover { - color: #fbbf24; - } - - .sm\:hover\:text-yellow-500:hover { - color: #f59e0b; - } - - .sm\:hover\:text-yellow-600:hover { - color: #d97706; - } - - .sm\:hover\:text-yellow-700:hover { - color: #b45309; - } - - .sm\:hover\:text-yellow-800:hover { - color: #92400e; - } - - .sm\:hover\:text-yellow-900:hover { - color: #78350f; - } - - .sm\:hover\:text-green-50:hover { - color: #ecfdf5; - } - - .sm\:hover\:text-green-100:hover { - color: #d1fae5; - } - - .sm\:hover\:text-green-200:hover { - color: #a7f3d0; - } - - .sm\:hover\:text-green-300:hover { - color: #6ee7b7; - } - - .sm\:hover\:text-green-400:hover { - color: #34d399; - } - - .sm\:hover\:text-green-500:hover { - color: #10b981; - } - - .sm\:hover\:text-green-600:hover { - color: #059669; - } - - .sm\:hover\:text-green-700:hover { - color: #047857; - } - - .sm\:hover\:text-green-800:hover { - color: #065f46; - } - - .sm\:hover\:text-green-900:hover { - color: #064e3b; - } - - .sm\:hover\:text-blue-50:hover { - color: #eff6ff; - } - - .sm\:hover\:text-blue-100:hover { - color: #dbeafe; - } - - .sm\:hover\:text-blue-200:hover { - color: #bfdbfe; - } - - .sm\:hover\:text-blue-300:hover { - color: #93c5fd; - } - - .sm\:hover\:text-blue-400:hover { - color: #60a5fa; - } - - .sm\:hover\:text-blue-500:hover { - color: #3b82f6; - } - - .sm\:hover\:text-blue-600:hover { - color: #2563eb; - } - - .sm\:hover\:text-blue-700:hover { - color: #1d4ed8; - } - - .sm\:hover\:text-blue-800:hover { - color: #1e40af; - } - - .sm\:hover\:text-blue-900:hover { - color: #1e3a8a; - } - - .sm\:hover\:text-purple-50:hover { - color: #f5f3ff; - } - - .sm\:hover\:text-purple-100:hover { - color: #ede9fe; - } - - .sm\:hover\:text-purple-200:hover { - color: #ddd6fe; - } - - .sm\:hover\:text-purple-300:hover { - color: #c4b5fd; - } - - .sm\:hover\:text-purple-400:hover { - color: #a78bfa; - } - - .sm\:hover\:text-purple-500:hover { - color: #8b5cf6; - } - - .sm\:hover\:text-purple-600:hover { - color: #7c3aed; - } - - .sm\:hover\:text-purple-700:hover { - color: #6d28d9; - } - - .sm\:hover\:text-purple-800:hover { - color: #5b21b6; - } - - .sm\:hover\:text-purple-900:hover { - color: #4c1d95; - } - - .sm\:hover\:text-pink-50:hover { - color: #fdf2f8; - } - - .sm\:hover\:text-pink-100:hover { - color: #fce7f3; - } - - .sm\:hover\:text-pink-200:hover { - color: #fbcfe8; - } - - .sm\:hover\:text-pink-300:hover { - color: #f9a8d4; - } - - .sm\:hover\:text-pink-400:hover { - color: #f472b6; - } - - .sm\:hover\:text-pink-500:hover { - color: #ec4899; - } - - .sm\:hover\:text-pink-600:hover { - color: #db2777; - } - - .sm\:hover\:text-pink-700:hover { - color: #be185d; - } - - .sm\:hover\:text-pink-800:hover { - color: #9d174d; - } - - .sm\:hover\:text-pink-900:hover { - color: #831843; - } - - .sm\:focus\:text-transparent:focus { - color: transparent; - } - - .sm\:focus\:text-current:focus { - color: currentColor; - } - - .sm\:focus\:text-black:focus { - color: #000; - } - - .sm\:focus\:text-white:focus { - color: #fff; - } - - .sm\:focus\:text-gray-50:focus { - color: #fafafa; - } - - .sm\:focus\:text-gray-100:focus { - color: #f4f4f5; - } - - .sm\:focus\:text-gray-200:focus { - color: #e4e4e7; - } - - .sm\:focus\:text-gray-300:focus { - color: #d4d4d8; - } - - .sm\:focus\:text-gray-400:focus { - color: #a1a1aa; - } - - .sm\:focus\:text-gray-500:focus { - color: #71717a; - } - - .sm\:focus\:text-gray-600:focus { - color: #52525b; - } - - .sm\:focus\:text-gray-700:focus { - color: #3f3f46; - } - - .sm\:focus\:text-gray-800:focus { - color: #27272a; - } - - .sm\:focus\:text-gray-900:focus { - color: #18181b; - } - - .sm\:focus\:text-red-50:focus { - color: #fef2f2; - } - - .sm\:focus\:text-red-100:focus { - color: #fee2e2; - } - - .sm\:focus\:text-red-200:focus { - color: #fecaca; - } - - .sm\:focus\:text-red-300:focus { - color: #fca5a5; - } - - .sm\:focus\:text-red-400:focus { - color: #f87171; - } - - .sm\:focus\:text-red-500:focus { - color: #ef4444; - } - - .sm\:focus\:text-red-600:focus { - color: #dc2626; - } - - .sm\:focus\:text-red-700:focus { - color: #b91c1c; - } - - .sm\:focus\:text-red-800:focus { - color: #991b1b; - } - - .sm\:focus\:text-red-900:focus { - color: #7f1d1d; - } - - .sm\:focus\:text-yellow-50:focus { - color: #fffbeb; - } - - .sm\:focus\:text-yellow-100:focus { - color: #fef3c7; - } - - .sm\:focus\:text-yellow-200:focus { - color: #fde68a; - } - - .sm\:focus\:text-yellow-300:focus { - color: #fcd34d; - } - - .sm\:focus\:text-yellow-400:focus { - color: #fbbf24; - } - - .sm\:focus\:text-yellow-500:focus { - color: #f59e0b; - } - - .sm\:focus\:text-yellow-600:focus { - color: #d97706; - } - - .sm\:focus\:text-yellow-700:focus { - color: #b45309; - } - - .sm\:focus\:text-yellow-800:focus { - color: #92400e; - } - - .sm\:focus\:text-yellow-900:focus { - color: #78350f; - } - - .sm\:focus\:text-green-50:focus { - color: #ecfdf5; - } - - .sm\:focus\:text-green-100:focus { - color: #d1fae5; - } - - .sm\:focus\:text-green-200:focus { - color: #a7f3d0; - } - - .sm\:focus\:text-green-300:focus { - color: #6ee7b7; - } - - .sm\:focus\:text-green-400:focus { - color: #34d399; - } - - .sm\:focus\:text-green-500:focus { - color: #10b981; - } - - .sm\:focus\:text-green-600:focus { - color: #059669; - } - - .sm\:focus\:text-green-700:focus { - color: #047857; - } - - .sm\:focus\:text-green-800:focus { - color: #065f46; - } - - .sm\:focus\:text-green-900:focus { - color: #064e3b; - } - - .sm\:focus\:text-blue-50:focus { - color: #eff6ff; - } - - .sm\:focus\:text-blue-100:focus { - color: #dbeafe; - } - - .sm\:focus\:text-blue-200:focus { - color: #bfdbfe; - } - - .sm\:focus\:text-blue-300:focus { - color: #93c5fd; - } - - .sm\:focus\:text-blue-400:focus { - color: #60a5fa; - } - - .sm\:focus\:text-blue-500:focus { - color: #3b82f6; - } - - .sm\:focus\:text-blue-600:focus { - color: #2563eb; - } - - .sm\:focus\:text-blue-700:focus { - color: #1d4ed8; - } - - .sm\:focus\:text-blue-800:focus { - color: #1e40af; - } - - .sm\:focus\:text-blue-900:focus { - color: #1e3a8a; - } - - .sm\:focus\:text-purple-50:focus { - color: #f5f3ff; - } - - .sm\:focus\:text-purple-100:focus { - color: #ede9fe; - } - - .sm\:focus\:text-purple-200:focus { - color: #ddd6fe; - } - - .sm\:focus\:text-purple-300:focus { - color: #c4b5fd; - } - - .sm\:focus\:text-purple-400:focus { - color: #a78bfa; - } - - .sm\:focus\:text-purple-500:focus { - color: #8b5cf6; - } - - .sm\:focus\:text-purple-600:focus { - color: #7c3aed; - } - - .sm\:focus\:text-purple-700:focus { - color: #6d28d9; - } - - .sm\:focus\:text-purple-800:focus { - color: #5b21b6; - } - - .sm\:focus\:text-purple-900:focus { - color: #4c1d95; - } - - .sm\:focus\:text-pink-50:focus { - color: #fdf2f8; - } - - .sm\:focus\:text-pink-100:focus { - color: #fce7f3; - } - - .sm\:focus\:text-pink-200:focus { - color: #fbcfe8; - } - - .sm\:focus\:text-pink-300:focus { - color: #f9a8d4; - } - - .sm\:focus\:text-pink-400:focus { - color: #f472b6; - } - - .sm\:focus\:text-pink-500:focus { - color: #ec4899; - } - - .sm\:focus\:text-pink-600:focus { - color: #db2777; - } - - .sm\:focus\:text-pink-700:focus { - color: #be185d; - } - - .sm\:focus\:text-pink-800:focus { - color: #9d174d; - } - - .sm\:focus\:text-pink-900:focus { - color: #831843; - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:text-transparent { - color: transparent; - } - - .sm\:dark\:text-current { - color: currentColor; - } - - .sm\:dark\:text-black { - color: #000; - } - - .sm\:dark\:text-white { - color: #fff; - } - - .sm\:dark\:text-gray-50 { - color: #fafafa; - } - - .sm\:dark\:text-gray-100 { - color: #f4f4f5; - } - - .sm\:dark\:text-gray-200 { - color: #e4e4e7; - } - - .sm\:dark\:text-gray-300 { - color: #d4d4d8; - } - - .sm\:dark\:text-gray-400 { - color: #a1a1aa; - } - - .sm\:dark\:text-gray-500 { - color: #71717a; - } - - .sm\:dark\:text-gray-600 { - color: #52525b; - } - - .sm\:dark\:text-gray-700 { - color: #3f3f46; - } - - .sm\:dark\:text-gray-800 { - color: #27272a; - } - - .sm\:dark\:text-gray-900 { - color: #18181b; - } - - .sm\:dark\:text-red-50 { - color: #fef2f2; - } - - .sm\:dark\:text-red-100 { - color: #fee2e2; - } - - .sm\:dark\:text-red-200 { - color: #fecaca; - } - - .sm\:dark\:text-red-300 { - color: #fca5a5; - } - - .sm\:dark\:text-red-400 { - color: #f87171; - } - - .sm\:dark\:text-red-500 { - color: #ef4444; - } - - .sm\:dark\:text-red-600 { - color: #dc2626; - } - - .sm\:dark\:text-red-700 { - color: #b91c1c; - } - - .sm\:dark\:text-red-800 { - color: #991b1b; - } - - .sm\:dark\:text-red-900 { - color: #7f1d1d; - } - - .sm\:dark\:text-yellow-50 { - color: #fffbeb; - } - - .sm\:dark\:text-yellow-100 { - color: #fef3c7; - } - - .sm\:dark\:text-yellow-200 { - color: #fde68a; - } - - .sm\:dark\:text-yellow-300 { - color: #fcd34d; - } - - .sm\:dark\:text-yellow-400 { - color: #fbbf24; - } - - .sm\:dark\:text-yellow-500 { - color: #f59e0b; - } - - .sm\:dark\:text-yellow-600 { - color: #d97706; - } - - .sm\:dark\:text-yellow-700 { - color: #b45309; - } - - .sm\:dark\:text-yellow-800 { - color: #92400e; - } - - .sm\:dark\:text-yellow-900 { - color: #78350f; - } - - .sm\:dark\:text-green-50 { - color: #ecfdf5; - } - - .sm\:dark\:text-green-100 { - color: #d1fae5; - } - - .sm\:dark\:text-green-200 { - color: #a7f3d0; - } - - .sm\:dark\:text-green-300 { - color: #6ee7b7; - } - - .sm\:dark\:text-green-400 { - color: #34d399; - } - - .sm\:dark\:text-green-500 { - color: #10b981; - } - - .sm\:dark\:text-green-600 { - color: #059669; - } - - .sm\:dark\:text-green-700 { - color: #047857; - } - - .sm\:dark\:text-green-800 { - color: #065f46; - } - - .sm\:dark\:text-green-900 { - color: #064e3b; - } - - .sm\:dark\:text-blue-50 { - color: #eff6ff; - } - - .sm\:dark\:text-blue-100 { - color: #dbeafe; - } - - .sm\:dark\:text-blue-200 { - color: #bfdbfe; - } - - .sm\:dark\:text-blue-300 { - color: #93c5fd; - } - - .sm\:dark\:text-blue-400 { - color: #60a5fa; - } - - .sm\:dark\:text-blue-500 { - color: #3b82f6; - } - - .sm\:dark\:text-blue-600 { - color: #2563eb; - } - - .sm\:dark\:text-blue-700 { - color: #1d4ed8; - } - - .sm\:dark\:text-blue-800 { - color: #1e40af; - } - - .sm\:dark\:text-blue-900 { - color: #1e3a8a; - } - - .sm\:dark\:text-purple-50 { - color: #f5f3ff; - } - - .sm\:dark\:text-purple-100 { - color: #ede9fe; - } - - .sm\:dark\:text-purple-200 { - color: #ddd6fe; - } - - .sm\:dark\:text-purple-300 { - color: #c4b5fd; - } - - .sm\:dark\:text-purple-400 { - color: #a78bfa; - } - - .sm\:dark\:text-purple-500 { - color: #8b5cf6; - } - - .sm\:dark\:text-purple-600 { - color: #7c3aed; - } - - .sm\:dark\:text-purple-700 { - color: #6d28d9; - } - - .sm\:dark\:text-purple-800 { - color: #5b21b6; - } - - .sm\:dark\:text-purple-900 { - color: #4c1d95; - } - - .sm\:dark\:text-pink-50 { - color: #fdf2f8; - } - - .sm\:dark\:text-pink-100 { - color: #fce7f3; - } - - .sm\:dark\:text-pink-200 { - color: #fbcfe8; - } - - .sm\:dark\:text-pink-300 { - color: #f9a8d4; - } - - .sm\:dark\:text-pink-400 { - color: #f472b6; - } - - .sm\:dark\:text-pink-500 { - color: #ec4899; - } - - .sm\:dark\:text-pink-600 { - color: #db2777; - } - - .sm\:dark\:text-pink-700 { - color: #be185d; - } - - .sm\:dark\:text-pink-800 { - color: #9d174d; - } - - .sm\:dark\:text-pink-900 { - color: #831843; - } - - .group:hover .sm\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:text-black { - color: #000; - } - - .group:hover .sm\:dark\:group-hover\:text-white { - color: #fff; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-50 { - color: #fafafa; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-100 { - color: #f4f4f5; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-200 { - color: #e4e4e7; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-300 { - color: #d4d4d8; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-400 { - color: #a1a1aa; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-500 { - color: #71717a; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-600 { - color: #52525b; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-700 { - color: #3f3f46; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-800 { - color: #27272a; - } - - .group:hover .sm\:dark\:group-hover\:text-gray-900 { - color: #18181b; - } - - .group:hover .sm\:dark\:group-hover\:text-red-50 { - color: #fef2f2; - } - - .group:hover .sm\:dark\:group-hover\:text-red-100 { - color: #fee2e2; - } - - .group:hover .sm\:dark\:group-hover\:text-red-200 { - color: #fecaca; - } - - .group:hover .sm\:dark\:group-hover\:text-red-300 { - color: #fca5a5; - } - - .group:hover .sm\:dark\:group-hover\:text-red-400 { - color: #f87171; - } - - .group:hover .sm\:dark\:group-hover\:text-red-500 { - color: #ef4444; - } - - .group:hover .sm\:dark\:group-hover\:text-red-600 { - color: #dc2626; - } - - .group:hover .sm\:dark\:group-hover\:text-red-700 { - color: #b91c1c; - } - - .group:hover .sm\:dark\:group-hover\:text-red-800 { - color: #991b1b; - } - - .group:hover .sm\:dark\:group-hover\:text-red-900 { - color: #7f1d1d; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-50 { - color: #fffbeb; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-100 { - color: #fef3c7; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-200 { - color: #fde68a; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-300 { - color: #fcd34d; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-400 { - color: #fbbf24; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-500 { - color: #f59e0b; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-600 { - color: #d97706; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-700 { - color: #b45309; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-800 { - color: #92400e; - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-900 { - color: #78350f; - } - - .group:hover .sm\:dark\:group-hover\:text-green-50 { - color: #ecfdf5; - } - - .group:hover .sm\:dark\:group-hover\:text-green-100 { - color: #d1fae5; - } - - .group:hover .sm\:dark\:group-hover\:text-green-200 { - color: #a7f3d0; - } - - .group:hover .sm\:dark\:group-hover\:text-green-300 { - color: #6ee7b7; - } - - .group:hover .sm\:dark\:group-hover\:text-green-400 { - color: #34d399; - } - - .group:hover .sm\:dark\:group-hover\:text-green-500 { - color: #10b981; - } - - .group:hover .sm\:dark\:group-hover\:text-green-600 { - color: #059669; - } - - .group:hover .sm\:dark\:group-hover\:text-green-700 { - color: #047857; - } - - .group:hover .sm\:dark\:group-hover\:text-green-800 { - color: #065f46; - } - - .group:hover .sm\:dark\:group-hover\:text-green-900 { - color: #064e3b; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-50 { - color: #eff6ff; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-100 { - color: #dbeafe; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-200 { - color: #bfdbfe; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-300 { - color: #93c5fd; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-400 { - color: #60a5fa; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-500 { - color: #3b82f6; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-600 { - color: #2563eb; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-700 { - color: #1d4ed8; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-800 { - color: #1e40af; - } - - .group:hover .sm\:dark\:group-hover\:text-blue-900 { - color: #1e3a8a; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-50 { - color: #f5f3ff; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-100 { - color: #ede9fe; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-200 { - color: #ddd6fe; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-300 { - color: #c4b5fd; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-400 { - color: #a78bfa; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-500 { - color: #8b5cf6; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-600 { - color: #7c3aed; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-700 { - color: #6d28d9; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-800 { - color: #5b21b6; - } - - .group:hover .sm\:dark\:group-hover\:text-purple-900 { - color: #4c1d95; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-50 { - color: #fdf2f8; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-100 { - color: #fce7f3; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-200 { - color: #fbcfe8; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-300 { - color: #f9a8d4; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-400 { - color: #f472b6; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-500 { - color: #ec4899; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-600 { - color: #db2777; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-700 { - color: #be185d; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-800 { - color: #9d174d; - } - - .group:hover .sm\:dark\:group-hover\:text-pink-900 { - color: #831843; - } - - .sm\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .sm\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .sm\:dark\:hover\:text-black:hover { - color: #000; - } - - .sm\:dark\:hover\:text-white:hover { - color: #fff; - } - - .sm\:dark\:hover\:text-gray-50:hover { - color: #fafafa; - } - - .sm\:dark\:hover\:text-gray-100:hover { - color: #f4f4f5; - } - - .sm\:dark\:hover\:text-gray-200:hover { - color: #e4e4e7; - } - - .sm\:dark\:hover\:text-gray-300:hover { - color: #d4d4d8; - } - - .sm\:dark\:hover\:text-gray-400:hover { - color: #a1a1aa; - } - - .sm\:dark\:hover\:text-gray-500:hover { - color: #71717a; - } - - .sm\:dark\:hover\:text-gray-600:hover { - color: #52525b; - } - - .sm\:dark\:hover\:text-gray-700:hover { - color: #3f3f46; - } - - .sm\:dark\:hover\:text-gray-800:hover { - color: #27272a; - } - - .sm\:dark\:hover\:text-gray-900:hover { - color: #18181b; - } - - .sm\:dark\:hover\:text-red-50:hover { - color: #fef2f2; - } - - .sm\:dark\:hover\:text-red-100:hover { - color: #fee2e2; - } - - .sm\:dark\:hover\:text-red-200:hover { - color: #fecaca; - } - - .sm\:dark\:hover\:text-red-300:hover { - color: #fca5a5; - } - - .sm\:dark\:hover\:text-red-400:hover { - color: #f87171; - } - - .sm\:dark\:hover\:text-red-500:hover { - color: #ef4444; - } - - .sm\:dark\:hover\:text-red-600:hover { - color: #dc2626; - } - - .sm\:dark\:hover\:text-red-700:hover { - color: #b91c1c; - } - - .sm\:dark\:hover\:text-red-800:hover { - color: #991b1b; - } - - .sm\:dark\:hover\:text-red-900:hover { - color: #7f1d1d; - } - - .sm\:dark\:hover\:text-yellow-50:hover { - color: #fffbeb; - } - - .sm\:dark\:hover\:text-yellow-100:hover { - color: #fef3c7; - } - - .sm\:dark\:hover\:text-yellow-200:hover { - color: #fde68a; - } - - .sm\:dark\:hover\:text-yellow-300:hover { - color: #fcd34d; - } - - .sm\:dark\:hover\:text-yellow-400:hover { - color: #fbbf24; - } - - .sm\:dark\:hover\:text-yellow-500:hover { - color: #f59e0b; - } - - .sm\:dark\:hover\:text-yellow-600:hover { - color: #d97706; - } - - .sm\:dark\:hover\:text-yellow-700:hover { - color: #b45309; - } - - .sm\:dark\:hover\:text-yellow-800:hover { - color: #92400e; - } - - .sm\:dark\:hover\:text-yellow-900:hover { - color: #78350f; - } - - .sm\:dark\:hover\:text-green-50:hover { - color: #ecfdf5; - } - - .sm\:dark\:hover\:text-green-100:hover { - color: #d1fae5; - } - - .sm\:dark\:hover\:text-green-200:hover { - color: #a7f3d0; - } - - .sm\:dark\:hover\:text-green-300:hover { - color: #6ee7b7; - } - - .sm\:dark\:hover\:text-green-400:hover { - color: #34d399; - } - - .sm\:dark\:hover\:text-green-500:hover { - color: #10b981; - } - - .sm\:dark\:hover\:text-green-600:hover { - color: #059669; - } - - .sm\:dark\:hover\:text-green-700:hover { - color: #047857; - } - - .sm\:dark\:hover\:text-green-800:hover { - color: #065f46; - } - - .sm\:dark\:hover\:text-green-900:hover { - color: #064e3b; - } - - .sm\:dark\:hover\:text-blue-50:hover { - color: #eff6ff; - } - - .sm\:dark\:hover\:text-blue-100:hover { - color: #dbeafe; - } - - .sm\:dark\:hover\:text-blue-200:hover { - color: #bfdbfe; - } - - .sm\:dark\:hover\:text-blue-300:hover { - color: #93c5fd; - } - - .sm\:dark\:hover\:text-blue-400:hover { - color: #60a5fa; - } - - .sm\:dark\:hover\:text-blue-500:hover { - color: #3b82f6; - } - - .sm\:dark\:hover\:text-blue-600:hover { - color: #2563eb; - } - - .sm\:dark\:hover\:text-blue-700:hover { - color: #1d4ed8; - } - - .sm\:dark\:hover\:text-blue-800:hover { - color: #1e40af; - } - - .sm\:dark\:hover\:text-blue-900:hover { - color: #1e3a8a; - } - - .sm\:dark\:hover\:text-purple-50:hover { - color: #f5f3ff; - } - - .sm\:dark\:hover\:text-purple-100:hover { - color: #ede9fe; - } - - .sm\:dark\:hover\:text-purple-200:hover { - color: #ddd6fe; - } - - .sm\:dark\:hover\:text-purple-300:hover { - color: #c4b5fd; - } - - .sm\:dark\:hover\:text-purple-400:hover { - color: #a78bfa; - } - - .sm\:dark\:hover\:text-purple-500:hover { - color: #8b5cf6; - } - - .sm\:dark\:hover\:text-purple-600:hover { - color: #7c3aed; - } - - .sm\:dark\:hover\:text-purple-700:hover { - color: #6d28d9; - } - - .sm\:dark\:hover\:text-purple-800:hover { - color: #5b21b6; - } - - .sm\:dark\:hover\:text-purple-900:hover { - color: #4c1d95; - } - - .sm\:dark\:hover\:text-pink-50:hover { - color: #fdf2f8; - } - - .sm\:dark\:hover\:text-pink-100:hover { - color: #fce7f3; - } - - .sm\:dark\:hover\:text-pink-200:hover { - color: #fbcfe8; - } - - .sm\:dark\:hover\:text-pink-300:hover { - color: #f9a8d4; - } - - .sm\:dark\:hover\:text-pink-400:hover { - color: #f472b6; - } - - .sm\:dark\:hover\:text-pink-500:hover { - color: #ec4899; - } - - .sm\:dark\:hover\:text-pink-600:hover { - color: #db2777; - } - - .sm\:dark\:hover\:text-pink-700:hover { - color: #be185d; - } - - .sm\:dark\:hover\:text-pink-800:hover { - color: #9d174d; - } - - .sm\:dark\:hover\:text-pink-900:hover { - color: #831843; - } - - .sm\:dark\:focus\:text-transparent:focus { - color: transparent; - } - - .sm\:dark\:focus\:text-current:focus { - color: currentColor; - } - - .sm\:dark\:focus\:text-black:focus { - color: #000; - } - - .sm\:dark\:focus\:text-white:focus { - color: #fff; - } - - .sm\:dark\:focus\:text-gray-50:focus { - color: #fafafa; - } - - .sm\:dark\:focus\:text-gray-100:focus { - color: #f4f4f5; - } - - .sm\:dark\:focus\:text-gray-200:focus { - color: #e4e4e7; - } - - .sm\:dark\:focus\:text-gray-300:focus { - color: #d4d4d8; - } - - .sm\:dark\:focus\:text-gray-400:focus { - color: #a1a1aa; - } - - .sm\:dark\:focus\:text-gray-500:focus { - color: #71717a; - } - - .sm\:dark\:focus\:text-gray-600:focus { - color: #52525b; - } - - .sm\:dark\:focus\:text-gray-700:focus { - color: #3f3f46; - } - - .sm\:dark\:focus\:text-gray-800:focus { - color: #27272a; - } - - .sm\:dark\:focus\:text-gray-900:focus { - color: #18181b; - } - - .sm\:dark\:focus\:text-red-50:focus { - color: #fef2f2; - } - - .sm\:dark\:focus\:text-red-100:focus { - color: #fee2e2; - } - - .sm\:dark\:focus\:text-red-200:focus { - color: #fecaca; - } - - .sm\:dark\:focus\:text-red-300:focus { - color: #fca5a5; - } - - .sm\:dark\:focus\:text-red-400:focus { - color: #f87171; - } - - .sm\:dark\:focus\:text-red-500:focus { - color: #ef4444; - } - - .sm\:dark\:focus\:text-red-600:focus { - color: #dc2626; - } - - .sm\:dark\:focus\:text-red-700:focus { - color: #b91c1c; - } - - .sm\:dark\:focus\:text-red-800:focus { - color: #991b1b; - } - - .sm\:dark\:focus\:text-red-900:focus { - color: #7f1d1d; - } - - .sm\:dark\:focus\:text-yellow-50:focus { - color: #fffbeb; - } - - .sm\:dark\:focus\:text-yellow-100:focus { - color: #fef3c7; - } - - .sm\:dark\:focus\:text-yellow-200:focus { - color: #fde68a; - } - - .sm\:dark\:focus\:text-yellow-300:focus { - color: #fcd34d; - } - - .sm\:dark\:focus\:text-yellow-400:focus { - color: #fbbf24; - } - - .sm\:dark\:focus\:text-yellow-500:focus { - color: #f59e0b; - } - - .sm\:dark\:focus\:text-yellow-600:focus { - color: #d97706; - } - - .sm\:dark\:focus\:text-yellow-700:focus { - color: #b45309; - } - - .sm\:dark\:focus\:text-yellow-800:focus { - color: #92400e; - } - - .sm\:dark\:focus\:text-yellow-900:focus { - color: #78350f; - } - - .sm\:dark\:focus\:text-green-50:focus { - color: #ecfdf5; - } - - .sm\:dark\:focus\:text-green-100:focus { - color: #d1fae5; - } - - .sm\:dark\:focus\:text-green-200:focus { - color: #a7f3d0; - } - - .sm\:dark\:focus\:text-green-300:focus { - color: #6ee7b7; - } - - .sm\:dark\:focus\:text-green-400:focus { - color: #34d399; - } - - .sm\:dark\:focus\:text-green-500:focus { - color: #10b981; - } - - .sm\:dark\:focus\:text-green-600:focus { - color: #059669; - } - - .sm\:dark\:focus\:text-green-700:focus { - color: #047857; - } - - .sm\:dark\:focus\:text-green-800:focus { - color: #065f46; - } - - .sm\:dark\:focus\:text-green-900:focus { - color: #064e3b; - } - - .sm\:dark\:focus\:text-blue-50:focus { - color: #eff6ff; - } - - .sm\:dark\:focus\:text-blue-100:focus { - color: #dbeafe; - } - - .sm\:dark\:focus\:text-blue-200:focus { - color: #bfdbfe; - } - - .sm\:dark\:focus\:text-blue-300:focus { - color: #93c5fd; - } - - .sm\:dark\:focus\:text-blue-400:focus { - color: #60a5fa; - } - - .sm\:dark\:focus\:text-blue-500:focus { - color: #3b82f6; - } - - .sm\:dark\:focus\:text-blue-600:focus { - color: #2563eb; - } - - .sm\:dark\:focus\:text-blue-700:focus { - color: #1d4ed8; - } - - .sm\:dark\:focus\:text-blue-800:focus { - color: #1e40af; - } - - .sm\:dark\:focus\:text-blue-900:focus { - color: #1e3a8a; - } - - .sm\:dark\:focus\:text-purple-50:focus { - color: #f5f3ff; - } - - .sm\:dark\:focus\:text-purple-100:focus { - color: #ede9fe; - } - - .sm\:dark\:focus\:text-purple-200:focus { - color: #ddd6fe; - } - - .sm\:dark\:focus\:text-purple-300:focus { - color: #c4b5fd; - } - - .sm\:dark\:focus\:text-purple-400:focus { - color: #a78bfa; - } - - .sm\:dark\:focus\:text-purple-500:focus { - color: #8b5cf6; - } - - .sm\:dark\:focus\:text-purple-600:focus { - color: #7c3aed; - } - - .sm\:dark\:focus\:text-purple-700:focus { - color: #6d28d9; - } - - .sm\:dark\:focus\:text-purple-800:focus { - color: #5b21b6; - } - - .sm\:dark\:focus\:text-purple-900:focus { - color: #4c1d95; - } - - .sm\:dark\:focus\:text-pink-50:focus { - color: #fdf2f8; - } - - .sm\:dark\:focus\:text-pink-100:focus { - color: #fce7f3; - } - - .sm\:dark\:focus\:text-pink-200:focus { - color: #fbcfe8; - } - - .sm\:dark\:focus\:text-pink-300:focus { - color: #f9a8d4; - } - - .sm\:dark\:focus\:text-pink-400:focus { - color: #f472b6; - } - - .sm\:dark\:focus\:text-pink-500:focus { - color: #ec4899; - } - - .sm\:dark\:focus\:text-pink-600:focus { - color: #db2777; - } - - .sm\:dark\:focus\:text-pink-700:focus { - color: #be185d; - } - - .sm\:dark\:focus\:text-pink-800:focus { - color: #9d174d; - } - - .sm\:dark\:focus\:text-pink-900:focus { - color: #831843; - } - } - - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .sm\:overflow-ellipsis { - text-overflow: ellipsis; - } - - .sm\:overflow-clip { - text-overflow: clip; - } - - .sm\:italic { - font-style: italic; - } - - .sm\:not-italic { - font-style: normal; - } - - .sm\:uppercase { - text-transform: uppercase; - } - - .sm\:lowercase { - text-transform: lowercase; - } - - .sm\:capitalize { - text-transform: capitalize; - } - - .sm\:normal-case { - text-transform: none; - } - - .sm\:underline { - text-decoration: underline; - } - - .sm\:line-through { - text-decoration: line-through; - } - - .sm\:no-underline { - text-decoration: none; - } - - .sm\:hover\:underline:hover { - text-decoration: underline; - } - - .sm\:hover\:line-through:hover { - text-decoration: line-through; - } - - .sm\:hover\:no-underline:hover { - text-decoration: none; - } - - .sm\:focus\:underline:focus { - text-decoration: underline; - } - - .sm\:focus\:line-through:focus { - text-decoration: line-through; - } - - .sm\:focus\:no-underline:focus { - text-decoration: none; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); - } - - .sm\:normal-nums { - font-variant-numeric: normal; - } - - .sm\:ordinal { - --font-variant-numeric-ordinal: ordinal; - } - - .sm\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; - } - - .sm\:lining-nums { - --font-variant-numeric-figure: lining-nums; - } - - .sm\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; - } - - .sm\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; - } - - .sm\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; - } - - .sm\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; - } - - .sm\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; - } - - .sm\:tracking-tighter { - letter-spacing: -0.05em; - } - - .sm\:tracking-tight { - letter-spacing: -0.025em; - } - - .sm\:tracking-normal { - letter-spacing: 0; - } - - .sm\:tracking-wide { - letter-spacing: 0.025em; - } - - .sm\:tracking-wider { - letter-spacing: 0.05em; - } - - .sm\:tracking-widest { - letter-spacing: 0.1em; - } - - .sm\:select-none { - user-select: none; - } - - .sm\:select-text { - user-select: text; - } - - .sm\:select-all { - user-select: all; - } - - .sm\:select-auto { - user-select: auto; - } - - .sm\:align-baseline { - vertical-align: baseline; - } - - .sm\:align-top { - vertical-align: top; - } - - .sm\:align-middle { - vertical-align: middle; - } - - .sm\:align-bottom { - vertical-align: bottom; - } - - .sm\:align-text-top { - vertical-align: text-top; - } - - .sm\:align-text-bottom { - vertical-align: text-bottom; - } - - .sm\:visible { - visibility: visible; - } - - .sm\:invisible { - visibility: hidden; - } - - .sm\:whitespace-normal { - white-space: normal; - } - - .sm\:whitespace-no-wrap { - white-space: nowrap; - } - - .sm\:whitespace-pre { - white-space: pre; - } - - .sm\:whitespace-pre-line { - white-space: pre-line; - } - - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; - } - - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; - } - - .sm\:break-words { - overflow-wrap: break-word; - } - - .sm\:break-all { - word-break: break-all; - } - - .sm\:w-0 { - width: 0; - } - - .sm\:w-1 { - width: 0.25rem; - } - - .sm\:w-2 { - width: 0.5rem; - } - - .sm\:w-3 { - width: 0.75rem; - } - - .sm\:w-4 { - width: 1rem; - } - - .sm\:w-5 { - width: 1.25rem; - } - - .sm\:w-6 { - width: 1.5rem; - } - - .sm\:w-7 { - width: 1.75rem; - } - - .sm\:w-8 { - width: 2rem; - } - - .sm\:w-9 { - width: 2.25rem; - } - - .sm\:w-10 { - width: 2.5rem; - } - - .sm\:w-12 { - width: 3rem; - } - - .sm\:w-14 { - width: 3.5rem; - } - - .sm\:w-16 { - width: 4rem; - } - - .sm\:w-20 { - width: 5rem; - } - - .sm\:w-24 { - width: 6rem; - } - - .sm\:w-28 { - width: 7rem; - } - - .sm\:w-32 { - width: 8rem; - } - - .sm\:w-36 { - width: 9rem; - } - - .sm\:w-40 { - width: 10rem; - } - - .sm\:w-44 { - width: 11rem; - } - - .sm\:w-48 { - width: 12rem; - } - - .sm\:w-52 { - width: 13rem; - } - - .sm\:w-56 { - width: 14rem; - } - - .sm\:w-60 { - width: 15rem; - } - - .sm\:w-64 { - width: 16rem; - } - - .sm\:w-72 { - width: 18rem; - } - - .sm\:w-80 { - width: 20rem; - } - - .sm\:w-96 { - width: 24rem; - } - - .sm\:w-auto { - width: auto; - } - - .sm\:w-px { - width: 1px; - } - - .sm\:w-0\.5 { - width: 0.125rem; - } - - .sm\:w-1\.5 { - width: 0.375rem; - } - - .sm\:w-2\.5 { - width: 0.625rem; - } - - .sm\:w-3\.5 { - width: 0.875rem; - } - - .sm\:w-1\/2 { - width: 50%; - } - - .sm\:w-1\/3 { - width: 33.333333%; - } - - .sm\:w-2\/3 { - width: 66.666667%; - } - - .sm\:w-1\/4 { - width: 25%; - } - - .sm\:w-2\/4 { - width: 50%; - } - - .sm\:w-3\/4 { - width: 75%; - } - - .sm\:w-1\/5 { - width: 20%; - } - - .sm\:w-2\/5 { - width: 40%; - } - - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:w-4\/5 { - width: 80%; - } - - .sm\:w-1\/6 { - width: 16.666667%; - } - - .sm\:w-2\/6 { - width: 33.333333%; - } - - .sm\:w-3\/6 { - width: 50%; - } - - .sm\:w-4\/6 { - width: 66.666667%; - } - - .sm\:w-5\/6 { - width: 83.333333%; - } - - .sm\:w-1\/12 { - width: 8.333333%; - } - - .sm\:w-2\/12 { - width: 16.666667%; - } - - .sm\:w-3\/12 { - width: 25%; - } - - .sm\:w-4\/12 { - width: 33.333333%; - } - - .sm\:w-5\/12 { - width: 41.666667%; - } - - .sm\:w-6\/12 { - width: 50%; - } - - .sm\:w-7\/12 { - width: 58.333333%; - } - - .sm\:w-8\/12 { - width: 66.666667%; - } - - .sm\:w-9\/12 { - width: 75%; - } - - .sm\:w-10\/12 { - width: 83.333333%; - } - - .sm\:w-11\/12 { - width: 91.666667%; - } - - .sm\:w-full { - width: 100%; - } - - .sm\:w-screen { - width: 100vw; - } - - .sm\:w-min { - width: min-content; - } - - .sm\:w-max { - width: max-content; - } - - .sm\:z-0 { - z-index: 0; - } - - .sm\:z-10 { - z-index: 10; - } - - .sm\:z-20 { - z-index: 20; - } - - .sm\:z-30 { - z-index: 30; - } - - .sm\:z-40 { - z-index: 40; - } - - .sm\:z-50 { - z-index: 50; - } - - .sm\:z-auto { - z-index: auto; - } - - .sm\:focus\:z-0:focus { - z-index: 0; - } - - .sm\:focus\:z-10:focus { - z-index: 10; - } - - .sm\:focus\:z-20:focus { - z-index: 20; - } - - .sm\:focus\:z-30:focus { - z-index: 30; - } - - .sm\:focus\:z-40:focus { - z-index: 40; - } - - .sm\:focus\:z-50:focus { - z-index: 50; - } - - .sm\:focus\:z-auto:focus { - z-index: auto; - } - - .sm\:gap-0 { - grid-gap: 0; - gap: 0; - } - - .sm\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; - } - - .sm\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; - } - - .sm\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; - } - - .sm\:gap-4 { - grid-gap: 1rem; - gap: 1rem; - } - - .sm\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; - } - - .sm\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; - } - - .sm\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; - } - - .sm\:gap-8 { - grid-gap: 2rem; - gap: 2rem; - } - - .sm\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; - } - - .sm\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; - } - - .sm\:gap-12 { - grid-gap: 3rem; - gap: 3rem; - } - - .sm\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; - } - - .sm\:gap-16 { - grid-gap: 4rem; - gap: 4rem; - } - - .sm\:gap-20 { - grid-gap: 5rem; - gap: 5rem; - } - - .sm\:gap-24 { - grid-gap: 6rem; - gap: 6rem; - } - - .sm\:gap-28 { - grid-gap: 7rem; - gap: 7rem; - } - - .sm\:gap-32 { - grid-gap: 8rem; - gap: 8rem; - } - - .sm\:gap-36 { - grid-gap: 9rem; - gap: 9rem; - } - - .sm\:gap-40 { - grid-gap: 10rem; - gap: 10rem; - } - - .sm\:gap-44 { - grid-gap: 11rem; - gap: 11rem; - } - - .sm\:gap-48 { - grid-gap: 12rem; - gap: 12rem; - } - - .sm\:gap-52 { - grid-gap: 13rem; - gap: 13rem; - } - - .sm\:gap-56 { - grid-gap: 14rem; - gap: 14rem; - } - - .sm\:gap-60 { - grid-gap: 15rem; - gap: 15rem; - } - - .sm\:gap-64 { - grid-gap: 16rem; - gap: 16rem; - } - - .sm\:gap-72 { - grid-gap: 18rem; - gap: 18rem; - } - - .sm\:gap-80 { - grid-gap: 20rem; - gap: 20rem; - } - - .sm\:gap-96 { - grid-gap: 24rem; - gap: 24rem; - } - - .sm\:gap-px { - grid-gap: 1px; - gap: 1px; - } - - .sm\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; - } - - .sm\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; - } - - .sm\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; - } - - .sm\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; - } - - .sm\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; - } - - .sm\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; - } - - .sm\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; - } - - .sm\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; - } - - .sm\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; - } - - .sm\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; - } - - .sm\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; - } - - .sm\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; - } - - .sm\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; - } - - .sm\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; - } - - .sm\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; - } - - .sm\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; - } - - .sm\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; - } - - .sm\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; - } - - .sm\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; - } - - .sm\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; - } - - .sm\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; - } - - .sm\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; - } - - .sm\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; - } - - .sm\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; - } - - .sm\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; - } - - .sm\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; - } - - .sm\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; - } - - .sm\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; - } - - .sm\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; - } - - .sm\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; - } - - .sm\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; - } - - .sm\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; - } - - .sm\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; - } - - .sm\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; - } - - .sm\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; - } - - .sm\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; - } - - .sm\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; - } - - .sm\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; - } - - .sm\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; - } - - .sm\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; - } - - .sm\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; - } - - .sm\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; - } - - .sm\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; - } - - .sm\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; - } - - .sm\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; - } - - .sm\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; - } - - .sm\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; - } - - .sm\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; - } - - .sm\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; - } - - .sm\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; - } - - .sm\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; - } - - .sm\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; - } - - .sm\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; - } - - .sm\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; - } - - .sm\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; - } - - .sm\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; - } - - .sm\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; - } - - .sm\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; - } - - .sm\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; - } - - .sm\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; - } - - .sm\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; - } - - .sm\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; - } - - .sm\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; - } - - .sm\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; - } - - .sm\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; - } - - .sm\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; - } - - .sm\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; - } - - .sm\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; - } - - .sm\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; - } - - .sm\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; - } - - .sm\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; - } - - .sm\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; - } - - .sm\:grid-flow-row { - grid-auto-flow: row; - } - - .sm\:grid-flow-col { - grid-auto-flow: column; - } - - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; - } - - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; - } - - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); - } - - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); - } +.grid-cols-none { + grid-template-columns: none; +} - .sm\:grid-cols-none { - grid-template-columns: none; - } +.auto-cols-auto { + grid-auto-columns: auto; +} - .sm\:auto-cols-auto { - grid-auto-columns: auto; - } +.auto-cols-min { + grid-auto-columns: min-content; +} - .sm\:auto-cols-min { - grid-auto-columns: min-content; - } +.auto-cols-max { + grid-auto-columns: max-content; +} - .sm\:auto-cols-max { - grid-auto-columns: max-content; - } +.auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); +} - .sm\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); - } +.col-auto { + grid-column: auto; +} - .sm\:col-auto { - grid-column: auto; - } +.col-span-1 { + grid-column: span 1 / span 1; +} - .sm\:col-span-1 { - grid-column: span 1 / span 1; - } +.col-span-2 { + grid-column: span 2 / span 2; +} - .sm\:col-span-2 { - grid-column: span 2 / span 2; - } +.col-span-3 { + grid-column: span 3 / span 3; +} - .sm\:col-span-3 { - grid-column: span 3 / span 3; - } +.col-span-4 { + grid-column: span 4 / span 4; +} - .sm\:col-span-4 { - grid-column: span 4 / span 4; - } +.col-span-5 { + grid-column: span 5 / span 5; +} - .sm\:col-span-5 { - grid-column: span 5 / span 5; - } +.col-span-6 { + grid-column: span 6 / span 6; +} - .sm\:col-span-6 { - grid-column: span 6 / span 6; - } +.col-span-7 { + grid-column: span 7 / span 7; +} - .sm\:col-span-7 { - grid-column: span 7 / span 7; - } +.col-span-8 { + grid-column: span 8 / span 8; +} - .sm\:col-span-8 { - grid-column: span 8 / span 8; - } +.col-span-9 { + grid-column: span 9 / span 9; +} - .sm\:col-span-9 { - grid-column: span 9 / span 9; - } +.col-span-10 { + grid-column: span 10 / span 10; +} - .sm\:col-span-10 { - grid-column: span 10 / span 10; - } +.col-span-11 { + grid-column: span 11 / span 11; +} - .sm\:col-span-11 { - grid-column: span 11 / span 11; - } +.col-span-12 { + grid-column: span 12 / span 12; +} - .sm\:col-span-12 { - grid-column: span 12 / span 12; - } +.col-span-full { + grid-column: 1 / -1; +} - .sm\:col-span-full { - grid-column: 1 / -1; - } +.col-start-1 { + grid-column-start: 1; +} - .sm\:col-start-1 { - grid-column-start: 1; - } +.col-start-2 { + grid-column-start: 2; +} - .sm\:col-start-2 { - grid-column-start: 2; - } +.col-start-3 { + grid-column-start: 3; +} - .sm\:col-start-3 { - grid-column-start: 3; - } +.col-start-4 { + grid-column-start: 4; +} - .sm\:col-start-4 { - grid-column-start: 4; - } +.col-start-5 { + grid-column-start: 5; +} - .sm\:col-start-5 { - grid-column-start: 5; - } +.col-start-6 { + grid-column-start: 6; +} - .sm\:col-start-6 { - grid-column-start: 6; - } +.col-start-7 { + grid-column-start: 7; +} - .sm\:col-start-7 { - grid-column-start: 7; - } +.col-start-8 { + grid-column-start: 8; +} - .sm\:col-start-8 { - grid-column-start: 8; - } +.col-start-9 { + grid-column-start: 9; +} - .sm\:col-start-9 { - grid-column-start: 9; - } +.col-start-10 { + grid-column-start: 10; +} - .sm\:col-start-10 { - grid-column-start: 10; - } +.col-start-11 { + grid-column-start: 11; +} - .sm\:col-start-11 { - grid-column-start: 11; - } +.col-start-12 { + grid-column-start: 12; +} - .sm\:col-start-12 { - grid-column-start: 12; - } +.col-start-13 { + grid-column-start: 13; +} - .sm\:col-start-13 { - grid-column-start: 13; - } +.col-start-auto { + grid-column-start: auto; +} - .sm\:col-start-auto { - grid-column-start: auto; - } +.col-end-1 { + grid-column-end: 1; +} - .sm\:col-end-1 { - grid-column-end: 1; - } +.col-end-2 { + grid-column-end: 2; +} - .sm\:col-end-2 { - grid-column-end: 2; - } +.col-end-3 { + grid-column-end: 3; +} - .sm\:col-end-3 { - grid-column-end: 3; - } +.col-end-4 { + grid-column-end: 4; +} - .sm\:col-end-4 { - grid-column-end: 4; - } +.col-end-5 { + grid-column-end: 5; +} - .sm\:col-end-5 { - grid-column-end: 5; - } +.col-end-6 { + grid-column-end: 6; +} - .sm\:col-end-6 { - grid-column-end: 6; - } +.col-end-7 { + grid-column-end: 7; +} - .sm\:col-end-7 { - grid-column-end: 7; - } +.col-end-8 { + grid-column-end: 8; +} - .sm\:col-end-8 { - grid-column-end: 8; - } +.col-end-9 { + grid-column-end: 9; +} - .sm\:col-end-9 { - grid-column-end: 9; - } +.col-end-10 { + grid-column-end: 10; +} - .sm\:col-end-10 { - grid-column-end: 10; - } +.col-end-11 { + grid-column-end: 11; +} - .sm\:col-end-11 { - grid-column-end: 11; - } +.col-end-12 { + grid-column-end: 12; +} - .sm\:col-end-12 { - grid-column-end: 12; - } +.col-end-13 { + grid-column-end: 13; +} - .sm\:col-end-13 { - grid-column-end: 13; - } +.col-end-auto { + grid-column-end: auto; +} - .sm\:col-end-auto { - grid-column-end: auto; - } +.grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); +} - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); - } +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); +} - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); - } +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); - } +.grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); +} - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); - } +.grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); +} - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); - } +.grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); +} - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); - } +.grid-rows-none { + grid-template-rows: none; +} - .sm\:grid-rows-none { - grid-template-rows: none; - } +.auto-rows-auto { + grid-auto-rows: auto; +} - .sm\:auto-rows-auto { - grid-auto-rows: auto; - } +.auto-rows-min { + grid-auto-rows: min-content; +} - .sm\:auto-rows-min { - grid-auto-rows: min-content; - } +.auto-rows-max { + grid-auto-rows: max-content; +} - .sm\:auto-rows-max { - grid-auto-rows: max-content; - } +.auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); +} - .sm\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); - } +.row-auto { + grid-row: auto; +} - .sm\:row-auto { - grid-row: auto; - } +.row-span-1 { + grid-row: span 1 / span 1; +} - .sm\:row-span-1 { - grid-row: span 1 / span 1; - } +.row-span-2 { + grid-row: span 2 / span 2; +} - .sm\:row-span-2 { - grid-row: span 2 / span 2; - } +.row-span-3 { + grid-row: span 3 / span 3; +} - .sm\:row-span-3 { - grid-row: span 3 / span 3; - } +.row-span-4 { + grid-row: span 4 / span 4; +} - .sm\:row-span-4 { - grid-row: span 4 / span 4; - } +.row-span-5 { + grid-row: span 5 / span 5; +} - .sm\:row-span-5 { - grid-row: span 5 / span 5; - } +.row-span-6 { + grid-row: span 6 / span 6; +} - .sm\:row-span-6 { - grid-row: span 6 / span 6; - } +.row-span-full { + grid-row: 1 / -1; +} - .sm\:row-span-full { - grid-row: 1 / -1; - } +.row-start-1 { + grid-row-start: 1; +} - .sm\:row-start-1 { - grid-row-start: 1; - } +.row-start-2 { + grid-row-start: 2; +} - .sm\:row-start-2 { - grid-row-start: 2; - } +.row-start-3 { + grid-row-start: 3; +} - .sm\:row-start-3 { - grid-row-start: 3; - } +.row-start-4 { + grid-row-start: 4; +} - .sm\:row-start-4 { - grid-row-start: 4; - } +.row-start-5 { + grid-row-start: 5; +} - .sm\:row-start-5 { - grid-row-start: 5; - } +.row-start-6 { + grid-row-start: 6; +} - .sm\:row-start-6 { - grid-row-start: 6; - } +.row-start-7 { + grid-row-start: 7; +} - .sm\:row-start-7 { - grid-row-start: 7; - } +.row-start-auto { + grid-row-start: auto; +} - .sm\:row-start-auto { - grid-row-start: auto; - } +.row-end-1 { + grid-row-end: 1; +} - .sm\:row-end-1 { - grid-row-end: 1; - } +.row-end-2 { + grid-row-end: 2; +} - .sm\:row-end-2 { - grid-row-end: 2; - } +.row-end-3 { + grid-row-end: 3; +} - .sm\:row-end-3 { - grid-row-end: 3; - } +.row-end-4 { + grid-row-end: 4; +} - .sm\:row-end-4 { - grid-row-end: 4; - } +.row-end-5 { + grid-row-end: 5; +} - .sm\:row-end-5 { - grid-row-end: 5; - } +.row-end-6 { + grid-row-end: 6; +} - .sm\:row-end-6 { - grid-row-end: 6; - } +.row-end-7 { + grid-row-end: 7; +} - .sm\:row-end-7 { - grid-row-end: 7; - } +.row-end-auto { + grid-row-end: auto; +} - .sm\: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)); +} - .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)); - } +.transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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; +} - .sm\:transform-none { - transform: none; - } +.origin-center { + transform-origin: center; +} - .sm\:origin-center { - transform-origin: center; - } +.origin-top { + transform-origin: top; +} - .sm\:origin-top { - transform-origin: top; - } +.origin-top-right { + transform-origin: top right; +} - .sm\:origin-top-right { - transform-origin: top right; - } +.origin-right { + transform-origin: right; +} - .sm\:origin-right { - transform-origin: right; - } +.origin-bottom-right { + transform-origin: bottom right; +} - .sm\:origin-bottom-right { - transform-origin: bottom right; - } +.origin-bottom { + transform-origin: bottom; +} - .sm\:origin-bottom { - transform-origin: bottom; - } +.origin-bottom-left { + transform-origin: bottom left; +} - .sm\:origin-bottom-left { - transform-origin: bottom left; - } +.origin-left { + transform-origin: left; +} - .sm\:origin-left { - transform-origin: left; - } +.origin-top-left { + transform-origin: top left; +} - .sm\:origin-top-left { - transform-origin: top left; - } +.scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; +} - .sm\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; - } +.scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; +} - .sm\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; - } +.scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; +} - .sm\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; - } +.scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; +} - .sm\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; - } +.scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; +} - .sm\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; - } +.scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; +} - .sm\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; - } +.scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; +} - .sm\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } +.scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; +} - .sm\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } +.scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; +} - .sm\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } +.scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; +} - .sm\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } +.scale-x-0 { + --transform-scale-x: 0; +} - .sm\:scale-x-0 { - --transform-scale-x: 0; - } +.scale-x-50 { + --transform-scale-x: .5; +} - .sm\:scale-x-50 { - --transform-scale-x: .5; - } +.scale-x-75 { + --transform-scale-x: .75; +} - .sm\:scale-x-75 { - --transform-scale-x: .75; - } +.scale-x-90 { + --transform-scale-x: .9; +} - .sm\:scale-x-90 { - --transform-scale-x: .9; - } +.scale-x-95 { + --transform-scale-x: .95; +} - .sm\:scale-x-95 { - --transform-scale-x: .95; - } +.scale-x-100 { + --transform-scale-x: 1; +} - .sm\:scale-x-100 { - --transform-scale-x: 1; - } +.scale-x-105 { + --transform-scale-x: 1.05; +} - .sm\:scale-x-105 { - --transform-scale-x: 1.05; - } +.scale-x-110 { + --transform-scale-x: 1.1; +} - .sm\:scale-x-110 { - --transform-scale-x: 1.1; - } +.scale-x-125 { + --transform-scale-x: 1.25; +} - .sm\:scale-x-125 { - --transform-scale-x: 1.25; - } +.scale-x-150 { + --transform-scale-x: 1.5; +} - .sm\:scale-x-150 { - --transform-scale-x: 1.5; - } +.scale-y-0 { + --transform-scale-y: 0; +} - .sm\:scale-y-0 { - --transform-scale-y: 0; - } +.scale-y-50 { + --transform-scale-y: .5; +} - .sm\:scale-y-50 { - --transform-scale-y: .5; - } +.scale-y-75 { + --transform-scale-y: .75; +} - .sm\:scale-y-75 { - --transform-scale-y: .75; - } +.scale-y-90 { + --transform-scale-y: .9; +} - .sm\:scale-y-90 { - --transform-scale-y: .9; - } +.scale-y-95 { + --transform-scale-y: .95; +} - .sm\:scale-y-95 { - --transform-scale-y: .95; - } +.scale-y-100 { + --transform-scale-y: 1; +} - .sm\:scale-y-100 { - --transform-scale-y: 1; - } +.scale-y-105 { + --transform-scale-y: 1.05; +} - .sm\:scale-y-105 { - --transform-scale-y: 1.05; - } +.scale-y-110 { + --transform-scale-y: 1.1; +} - .sm\:scale-y-110 { - --transform-scale-y: 1.1; - } +.scale-y-125 { + --transform-scale-y: 1.25; +} - .sm\:scale-y-125 { - --transform-scale-y: 1.25; - } +.scale-y-150 { + --transform-scale-y: 1.5; +} - .sm\:scale-y-150 { - --transform-scale-y: 1.5; - } +.hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; +} - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; - } +.hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; +} - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; - } +.hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; +} - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; - } +.hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; +} - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; - } +.hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; +} - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; - } +.hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; +} - .sm\: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; +} - .sm\: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; +} - .sm\: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; +} - .sm\: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; +} - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } +.hover\:scale-x-0:hover { + --transform-scale-x: 0; +} - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0; - } +.hover\:scale-x-50:hover { + --transform-scale-x: .5; +} - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5; - } +.hover\:scale-x-75:hover { + --transform-scale-x: .75; +} - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75; - } +.hover\:scale-x-90:hover { + --transform-scale-x: .9; +} - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9; - } +.hover\:scale-x-95:hover { + --transform-scale-x: .95; +} - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95; - } +.hover\:scale-x-100:hover { + --transform-scale-x: 1; +} - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1; - } +.hover\:scale-x-105:hover { + --transform-scale-x: 1.05; +} - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; - } +.hover\:scale-x-110:hover { + --transform-scale-x: 1.1; +} - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; - } +.hover\:scale-x-125:hover { + --transform-scale-x: 1.25; +} - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; - } +.hover\:scale-x-150:hover { + --transform-scale-x: 1.5; +} - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; - } +.hover\:scale-y-0:hover { + --transform-scale-y: 0; +} - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0; - } +.hover\:scale-y-50:hover { + --transform-scale-y: .5; +} - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5; - } +.hover\:scale-y-75:hover { + --transform-scale-y: .75; +} - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75; - } +.hover\:scale-y-90:hover { + --transform-scale-y: .9; +} - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9; - } +.hover\:scale-y-95:hover { + --transform-scale-y: .95; +} - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95; - } +.hover\:scale-y-100:hover { + --transform-scale-y: 1; +} - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1; - } +.hover\:scale-y-105:hover { + --transform-scale-y: 1.05; +} - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; - } +.hover\:scale-y-110:hover { + --transform-scale-y: 1.1; +} - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; - } +.hover\:scale-y-125:hover { + --transform-scale-y: 1.25; +} - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; - } +.hover\:scale-y-150:hover { + --transform-scale-y: 1.5; +} - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; - } +.focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; +} - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; - } +.focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; +} - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; - } +.focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; +} - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; - } +.focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; +} - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; - } +.focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; +} - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; - } +.focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; +} - .sm\: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; +} - .sm\: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; +} - .sm\: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; +} - .sm\: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; +} - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } +.focus\:scale-x-0:focus { + --transform-scale-x: 0; +} - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0; - } +.focus\:scale-x-50:focus { + --transform-scale-x: .5; +} - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5; - } +.focus\:scale-x-75:focus { + --transform-scale-x: .75; +} - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75; - } +.focus\:scale-x-90:focus { + --transform-scale-x: .9; +} - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9; - } +.focus\:scale-x-95:focus { + --transform-scale-x: .95; +} - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95; - } +.focus\:scale-x-100:focus { + --transform-scale-x: 1; +} - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1; - } +.focus\:scale-x-105:focus { + --transform-scale-x: 1.05; +} - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; - } +.focus\:scale-x-110:focus { + --transform-scale-x: 1.1; +} - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; - } +.focus\:scale-x-125:focus { + --transform-scale-x: 1.25; +} - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; - } +.focus\:scale-x-150:focus { + --transform-scale-x: 1.5; +} - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; - } +.focus\:scale-y-0:focus { + --transform-scale-y: 0; +} - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0; - } +.focus\:scale-y-50:focus { + --transform-scale-y: .5; +} - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5; - } +.focus\:scale-y-75:focus { + --transform-scale-y: .75; +} - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75; - } +.focus\:scale-y-90:focus { + --transform-scale-y: .9; +} - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9; - } +.focus\:scale-y-95:focus { + --transform-scale-y: .95; +} - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95; - } +.focus\:scale-y-100:focus { + --transform-scale-y: 1; +} - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1; - } +.focus\:scale-y-105:focus { + --transform-scale-y: 1.05; +} - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; - } +.focus\:scale-y-110:focus { + --transform-scale-y: 1.1; +} - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; - } +.focus\:scale-y-125:focus { + --transform-scale-y: 1.25; +} - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; - } +.focus\:scale-y-150:focus { + --transform-scale-y: 1.5; +} - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; - } +.rotate-0 { + --transform-rotate: 0; +} - .sm\:rotate-0 { - --transform-rotate: 0; - } +.rotate-1 { + --transform-rotate: 1deg; +} - .sm\:rotate-1 { - --transform-rotate: 1deg; - } +.rotate-2 { + --transform-rotate: 2deg; +} - .sm\:rotate-2 { - --transform-rotate: 2deg; - } +.rotate-3 { + --transform-rotate: 3deg; +} - .sm\:rotate-3 { - --transform-rotate: 3deg; - } +.rotate-6 { + --transform-rotate: 6deg; +} - .sm\:rotate-6 { - --transform-rotate: 6deg; - } +.rotate-12 { + --transform-rotate: 12deg; +} - .sm\:rotate-12 { - --transform-rotate: 12deg; - } +.rotate-45 { + --transform-rotate: 45deg; +} - .sm\:rotate-45 { - --transform-rotate: 45deg; - } +.rotate-90 { + --transform-rotate: 90deg; +} - .sm\:rotate-90 { - --transform-rotate: 90deg; - } +.rotate-180 { + --transform-rotate: 180deg; +} - .sm\:rotate-180 { - --transform-rotate: 180deg; - } +.-rotate-180 { + --transform-rotate: -180deg; +} - .sm\:-rotate-180 { - --transform-rotate: -180deg; - } +.-rotate-90 { + --transform-rotate: -90deg; +} - .sm\:-rotate-90 { - --transform-rotate: -90deg; - } +.-rotate-45 { + --transform-rotate: -45deg; +} - .sm\:-rotate-45 { - --transform-rotate: -45deg; - } +.-rotate-12 { + --transform-rotate: -12deg; +} - .sm\:-rotate-12 { - --transform-rotate: -12deg; - } +.-rotate-6 { + --transform-rotate: -6deg; +} - .sm\:-rotate-6 { - --transform-rotate: -6deg; - } +.-rotate-3 { + --transform-rotate: -3deg; +} - .sm\:-rotate-3 { - --transform-rotate: -3deg; - } +.-rotate-2 { + --transform-rotate: -2deg; +} - .sm\:-rotate-2 { - --transform-rotate: -2deg; - } +.-rotate-1 { + --transform-rotate: -1deg; +} - .sm\:-rotate-1 { - --transform-rotate: -1deg; - } +.hover\:rotate-0:hover { + --transform-rotate: 0; +} - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0; - } +.hover\:rotate-1:hover { + --transform-rotate: 1deg; +} - .sm\:hover\:rotate-1:hover { - --transform-rotate: 1deg; - } +.hover\:rotate-2:hover { + --transform-rotate: 2deg; +} - .sm\:hover\:rotate-2:hover { - --transform-rotate: 2deg; - } +.hover\:rotate-3:hover { + --transform-rotate: 3deg; +} - .sm\:hover\:rotate-3:hover { - --transform-rotate: 3deg; - } +.hover\:rotate-6:hover { + --transform-rotate: 6deg; +} - .sm\:hover\:rotate-6:hover { - --transform-rotate: 6deg; - } +.hover\:rotate-12:hover { + --transform-rotate: 12deg; +} - .sm\:hover\:rotate-12:hover { - --transform-rotate: 12deg; - } +.hover\:rotate-45:hover { + --transform-rotate: 45deg; +} - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg; - } +.hover\:rotate-90:hover { + --transform-rotate: 90deg; +} - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg; - } +.hover\:rotate-180:hover { + --transform-rotate: 180deg; +} - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg; - } +.hover\:-rotate-180:hover { + --transform-rotate: -180deg; +} - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; - } +.hover\:-rotate-90:hover { + --transform-rotate: -90deg; +} - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; - } +.hover\:-rotate-45:hover { + --transform-rotate: -45deg; +} - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; - } +.hover\:-rotate-12:hover { + --transform-rotate: -12deg; +} - .sm\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; - } +.hover\:-rotate-6:hover { + --transform-rotate: -6deg; +} - .sm\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; - } +.hover\:-rotate-3:hover { + --transform-rotate: -3deg; +} - .sm\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; - } +.hover\:-rotate-2:hover { + --transform-rotate: -2deg; +} - .sm\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; - } +.hover\:-rotate-1:hover { + --transform-rotate: -1deg; +} - .sm\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; - } +.focus\:rotate-0:focus { + --transform-rotate: 0; +} - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0; - } +.focus\:rotate-1:focus { + --transform-rotate: 1deg; +} - .sm\:focus\:rotate-1:focus { - --transform-rotate: 1deg; - } +.focus\:rotate-2:focus { + --transform-rotate: 2deg; +} - .sm\:focus\:rotate-2:focus { - --transform-rotate: 2deg; - } +.focus\:rotate-3:focus { + --transform-rotate: 3deg; +} - .sm\:focus\:rotate-3:focus { - --transform-rotate: 3deg; - } +.focus\:rotate-6:focus { + --transform-rotate: 6deg; +} - .sm\:focus\:rotate-6:focus { - --transform-rotate: 6deg; - } +.focus\:rotate-12:focus { + --transform-rotate: 12deg; +} - .sm\:focus\:rotate-12:focus { - --transform-rotate: 12deg; - } +.focus\:rotate-45:focus { + --transform-rotate: 45deg; +} - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg; - } +.focus\:rotate-90:focus { + --transform-rotate: 90deg; +} - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg; - } +.focus\:rotate-180:focus { + --transform-rotate: 180deg; +} - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg; - } +.focus\:-rotate-180:focus { + --transform-rotate: -180deg; +} - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; - } +.focus\:-rotate-90:focus { + --transform-rotate: -90deg; +} - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; - } +.focus\:-rotate-45:focus { + --transform-rotate: -45deg; +} - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; - } +.focus\:-rotate-12:focus { + --transform-rotate: -12deg; +} - .sm\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; - } +.focus\:-rotate-6:focus { + --transform-rotate: -6deg; +} - .sm\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; - } +.focus\:-rotate-3:focus { + --transform-rotate: -3deg; +} - .sm\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; - } +.focus\:-rotate-2:focus { + --transform-rotate: -2deg; +} - .sm\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; - } +.focus\:-rotate-1:focus { + --transform-rotate: -1deg; +} - .sm\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; - } +.translate-x-0 { + --transform-translate-x: 0; +} - .sm\:translate-x-0 { - --transform-translate-x: 0; - } +.translate-x-1 { + --transform-translate-x: 0.25rem; +} - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem; - } +.translate-x-2 { + --transform-translate-x: 0.5rem; +} - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem; - } +.translate-x-3 { + --transform-translate-x: 0.75rem; +} - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem; - } +.translate-x-4 { + --transform-translate-x: 1rem; +} - .sm\:translate-x-4 { - --transform-translate-x: 1rem; - } +.translate-x-5 { + --transform-translate-x: 1.25rem; +} - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem; - } +.translate-x-6 { + --transform-translate-x: 1.5rem; +} - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem; - } +.translate-x-7 { + --transform-translate-x: 1.75rem; +} - .sm\:translate-x-7 { - --transform-translate-x: 1.75rem; - } +.translate-x-8 { + --transform-translate-x: 2rem; +} - .sm\:translate-x-8 { - --transform-translate-x: 2rem; - } +.translate-x-9 { + --transform-translate-x: 2.25rem; +} - .sm\:translate-x-9 { - --transform-translate-x: 2.25rem; - } +.translate-x-10 { + --transform-translate-x: 2.5rem; +} - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem; - } +.translate-x-12 { + --transform-translate-x: 3rem; +} - .sm\:translate-x-12 { - --transform-translate-x: 3rem; - } +.translate-x-14 { + --transform-translate-x: 3.5rem; +} - .sm\:translate-x-14 { - --transform-translate-x: 3.5rem; - } +.translate-x-16 { + --transform-translate-x: 4rem; +} - .sm\:translate-x-16 { - --transform-translate-x: 4rem; - } +.translate-x-20 { + --transform-translate-x: 5rem; +} - .sm\:translate-x-20 { - --transform-translate-x: 5rem; - } +.translate-x-24 { + --transform-translate-x: 6rem; +} - .sm\:translate-x-24 { - --transform-translate-x: 6rem; - } +.translate-x-28 { + --transform-translate-x: 7rem; +} - .sm\:translate-x-28 { - --transform-translate-x: 7rem; - } +.translate-x-32 { + --transform-translate-x: 8rem; +} - .sm\:translate-x-32 { - --transform-translate-x: 8rem; - } +.translate-x-36 { + --transform-translate-x: 9rem; +} - .sm\:translate-x-36 { - --transform-translate-x: 9rem; - } +.translate-x-40 { + --transform-translate-x: 10rem; +} - .sm\:translate-x-40 { - --transform-translate-x: 10rem; - } +.translate-x-44 { + --transform-translate-x: 11rem; +} - .sm\:translate-x-44 { - --transform-translate-x: 11rem; - } +.translate-x-48 { + --transform-translate-x: 12rem; +} - .sm\:translate-x-48 { - --transform-translate-x: 12rem; - } +.translate-x-52 { + --transform-translate-x: 13rem; +} - .sm\:translate-x-52 { - --transform-translate-x: 13rem; - } +.translate-x-56 { + --transform-translate-x: 14rem; +} - .sm\:translate-x-56 { - --transform-translate-x: 14rem; - } +.translate-x-60 { + --transform-translate-x: 15rem; +} - .sm\:translate-x-60 { - --transform-translate-x: 15rem; - } +.translate-x-64 { + --transform-translate-x: 16rem; +} - .sm\:translate-x-64 { - --transform-translate-x: 16rem; - } +.translate-x-72 { + --transform-translate-x: 18rem; +} - .sm\:translate-x-72 { - --transform-translate-x: 18rem; - } +.translate-x-80 { + --transform-translate-x: 20rem; +} - .sm\:translate-x-80 { - --transform-translate-x: 20rem; - } +.translate-x-96 { + --transform-translate-x: 24rem; +} - .sm\:translate-x-96 { - --transform-translate-x: 24rem; - } +.translate-x-px { + --transform-translate-x: 1px; +} - .sm\:translate-x-px { - --transform-translate-x: 1px; - } +.translate-x-0\.5 { + --transform-translate-x: 0.125rem; +} - .sm\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; - } +.translate-x-1\.5 { + --transform-translate-x: 0.375rem; +} - .sm\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; - } +.translate-x-2\.5 { + --transform-translate-x: 0.625rem; +} - .sm\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; - } +.translate-x-3\.5 { + --transform-translate-x: 0.875rem; +} - .sm\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; - } +.-translate-x-1 { + --transform-translate-x: -0.25rem; +} - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem; - } +.-translate-x-2 { + --transform-translate-x: -0.5rem; +} - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem; - } +.-translate-x-3 { + --transform-translate-x: -0.75rem; +} - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem; - } +.-translate-x-4 { + --transform-translate-x: -1rem; +} - .sm\:-translate-x-4 { - --transform-translate-x: -1rem; - } +.-translate-x-5 { + --transform-translate-x: -1.25rem; +} - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem; - } +.-translate-x-6 { + --transform-translate-x: -1.5rem; +} - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem; - } +.-translate-x-7 { + --transform-translate-x: -1.75rem; +} - .sm\:-translate-x-7 { - --transform-translate-x: -1.75rem; - } +.-translate-x-8 { + --transform-translate-x: -2rem; +} - .sm\:-translate-x-8 { - --transform-translate-x: -2rem; - } +.-translate-x-9 { + --transform-translate-x: -2.25rem; +} - .sm\:-translate-x-9 { - --transform-translate-x: -2.25rem; - } +.-translate-x-10 { + --transform-translate-x: -2.5rem; +} - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem; - } +.-translate-x-12 { + --transform-translate-x: -3rem; +} - .sm\:-translate-x-12 { - --transform-translate-x: -3rem; - } +.-translate-x-14 { + --transform-translate-x: -3.5rem; +} - .sm\:-translate-x-14 { - --transform-translate-x: -3.5rem; - } +.-translate-x-16 { + --transform-translate-x: -4rem; +} - .sm\:-translate-x-16 { - --transform-translate-x: -4rem; - } +.-translate-x-20 { + --transform-translate-x: -5rem; +} - .sm\:-translate-x-20 { - --transform-translate-x: -5rem; - } +.-translate-x-24 { + --transform-translate-x: -6rem; +} - .sm\:-translate-x-24 { - --transform-translate-x: -6rem; - } +.-translate-x-28 { + --transform-translate-x: -7rem; +} - .sm\:-translate-x-28 { - --transform-translate-x: -7rem; - } +.-translate-x-32 { + --transform-translate-x: -8rem; +} - .sm\:-translate-x-32 { - --transform-translate-x: -8rem; - } +.-translate-x-36 { + --transform-translate-x: -9rem; +} - .sm\:-translate-x-36 { - --transform-translate-x: -9rem; - } +.-translate-x-40 { + --transform-translate-x: -10rem; +} - .sm\:-translate-x-40 { - --transform-translate-x: -10rem; - } +.-translate-x-44 { + --transform-translate-x: -11rem; +} - .sm\:-translate-x-44 { - --transform-translate-x: -11rem; - } +.-translate-x-48 { + --transform-translate-x: -12rem; +} - .sm\:-translate-x-48 { - --transform-translate-x: -12rem; - } +.-translate-x-52 { + --transform-translate-x: -13rem; +} - .sm\:-translate-x-52 { - --transform-translate-x: -13rem; - } +.-translate-x-56 { + --transform-translate-x: -14rem; +} - .sm\:-translate-x-56 { - --transform-translate-x: -14rem; - } +.-translate-x-60 { + --transform-translate-x: -15rem; +} - .sm\:-translate-x-60 { - --transform-translate-x: -15rem; - } +.-translate-x-64 { + --transform-translate-x: -16rem; +} - .sm\:-translate-x-64 { - --transform-translate-x: -16rem; - } +.-translate-x-72 { + --transform-translate-x: -18rem; +} - .sm\:-translate-x-72 { - --transform-translate-x: -18rem; - } +.-translate-x-80 { + --transform-translate-x: -20rem; +} - .sm\:-translate-x-80 { - --transform-translate-x: -20rem; - } +.-translate-x-96 { + --transform-translate-x: -24rem; +} - .sm\:-translate-x-96 { - --transform-translate-x: -24rem; - } +.-translate-x-px { + --transform-translate-x: -1px; +} - .sm\:-translate-x-px { - --transform-translate-x: -1px; - } +.-translate-x-0\.5 { + --transform-translate-x: -0.125rem; +} - .sm\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; - } +.-translate-x-1\.5 { + --transform-translate-x: -0.375rem; +} - .sm\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; - } +.-translate-x-2\.5 { + --transform-translate-x: -0.625rem; +} - .sm\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; - } +.-translate-x-3\.5 { + --transform-translate-x: -0.875rem; +} - .sm\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; - } +.translate-x-1\/2 { + --transform-translate-x: 50%; +} - .sm\:translate-x-1\/2 { - --transform-translate-x: 50%; - } +.translate-x-1\/3 { + --transform-translate-x: 33.333333%; +} - .sm\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; - } +.translate-x-2\/3 { + --transform-translate-x: 66.666667%; +} - .sm\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; - } +.translate-x-1\/4 { + --transform-translate-x: 25%; +} - .sm\:translate-x-1\/4 { - --transform-translate-x: 25%; - } +.translate-x-2\/4 { + --transform-translate-x: 50%; +} - .sm\:translate-x-2\/4 { - --transform-translate-x: 50%; - } +.translate-x-3\/4 { + --transform-translate-x: 75%; +} - .sm\:translate-x-3\/4 { - --transform-translate-x: 75%; - } +.translate-x-full { + --transform-translate-x: 100%; +} - .sm\:translate-x-full { - --transform-translate-x: 100%; - } +.-translate-x-1\/2 { + --transform-translate-x: -50%; +} - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50%; - } +.-translate-x-1\/3 { + --transform-translate-x: -33.333333%; +} - .sm\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; - } +.-translate-x-2\/3 { + --transform-translate-x: -66.666667%; +} - .sm\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; - } +.-translate-x-1\/4 { + --transform-translate-x: -25%; +} - .sm\:-translate-x-1\/4 { - --transform-translate-x: -25%; - } +.-translate-x-2\/4 { + --transform-translate-x: -50%; +} - .sm\:-translate-x-2\/4 { - --transform-translate-x: -50%; - } +.-translate-x-3\/4 { + --transform-translate-x: -75%; +} - .sm\:-translate-x-3\/4 { - --transform-translate-x: -75%; - } +.-translate-x-full { + --transform-translate-x: -100%; +} - .sm\:-translate-x-full { - --transform-translate-x: -100%; - } +.translate-y-0 { + --transform-translate-y: 0; +} - .sm\:translate-y-0 { - --transform-translate-y: 0; - } +.translate-y-1 { + --transform-translate-y: 0.25rem; +} - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem; - } +.translate-y-2 { + --transform-translate-y: 0.5rem; +} - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem; - } +.translate-y-3 { + --transform-translate-y: 0.75rem; +} - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem; - } +.translate-y-4 { + --transform-translate-y: 1rem; +} - .sm\:translate-y-4 { - --transform-translate-y: 1rem; - } +.translate-y-5 { + --transform-translate-y: 1.25rem; +} - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem; - } +.translate-y-6 { + --transform-translate-y: 1.5rem; +} - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem; - } +.translate-y-7 { + --transform-translate-y: 1.75rem; +} - .sm\:translate-y-7 { - --transform-translate-y: 1.75rem; - } +.translate-y-8 { + --transform-translate-y: 2rem; +} - .sm\:translate-y-8 { - --transform-translate-y: 2rem; - } +.translate-y-9 { + --transform-translate-y: 2.25rem; +} - .sm\:translate-y-9 { - --transform-translate-y: 2.25rem; - } +.translate-y-10 { + --transform-translate-y: 2.5rem; +} + +.translate-y-12 { + --transform-translate-y: 3rem; +} - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem; - } +.translate-y-14 { + --transform-translate-y: 3.5rem; +} - .sm\:translate-y-12 { - --transform-translate-y: 3rem; - } +.translate-y-16 { + --transform-translate-y: 4rem; +} - .sm\:translate-y-14 { - --transform-translate-y: 3.5rem; - } +.translate-y-20 { + --transform-translate-y: 5rem; +} - .sm\:translate-y-16 { - --transform-translate-y: 4rem; - } +.translate-y-24 { + --transform-translate-y: 6rem; +} - .sm\:translate-y-20 { - --transform-translate-y: 5rem; - } +.translate-y-28 { + --transform-translate-y: 7rem; +} - .sm\:translate-y-24 { - --transform-translate-y: 6rem; - } +.translate-y-32 { + --transform-translate-y: 8rem; +} - .sm\:translate-y-28 { - --transform-translate-y: 7rem; - } +.translate-y-36 { + --transform-translate-y: 9rem; +} - .sm\:translate-y-32 { - --transform-translate-y: 8rem; - } +.translate-y-40 { + --transform-translate-y: 10rem; +} - .sm\:translate-y-36 { - --transform-translate-y: 9rem; - } +.translate-y-44 { + --transform-translate-y: 11rem; +} - .sm\:translate-y-40 { - --transform-translate-y: 10rem; - } +.translate-y-48 { + --transform-translate-y: 12rem; +} - .sm\:translate-y-44 { - --transform-translate-y: 11rem; - } +.translate-y-52 { + --transform-translate-y: 13rem; +} - .sm\:translate-y-48 { - --transform-translate-y: 12rem; - } +.translate-y-56 { + --transform-translate-y: 14rem; +} - .sm\:translate-y-52 { - --transform-translate-y: 13rem; - } +.translate-y-60 { + --transform-translate-y: 15rem; +} - .sm\:translate-y-56 { - --transform-translate-y: 14rem; - } +.translate-y-64 { + --transform-translate-y: 16rem; +} - .sm\:translate-y-60 { - --transform-translate-y: 15rem; - } +.translate-y-72 { + --transform-translate-y: 18rem; +} - .sm\:translate-y-64 { - --transform-translate-y: 16rem; - } +.translate-y-80 { + --transform-translate-y: 20rem; +} - .sm\:translate-y-72 { - --transform-translate-y: 18rem; - } +.translate-y-96 { + --transform-translate-y: 24rem; +} - .sm\:translate-y-80 { - --transform-translate-y: 20rem; - } +.translate-y-px { + --transform-translate-y: 1px; +} - .sm\:translate-y-96 { - --transform-translate-y: 24rem; - } +.translate-y-0\.5 { + --transform-translate-y: 0.125rem; +} - .sm\:translate-y-px { - --transform-translate-y: 1px; - } +.translate-y-1\.5 { + --transform-translate-y: 0.375rem; +} - .sm\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; - } +.translate-y-2\.5 { + --transform-translate-y: 0.625rem; +} - .sm\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; - } +.translate-y-3\.5 { + --transform-translate-y: 0.875rem; +} - .sm\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; - } +.-translate-y-1 { + --transform-translate-y: -0.25rem; +} - .sm\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; - } +.-translate-y-2 { + --transform-translate-y: -0.5rem; +} - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem; - } +.-translate-y-3 { + --transform-translate-y: -0.75rem; +} - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem; - } +.-translate-y-4 { + --transform-translate-y: -1rem; +} - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem; - } +.-translate-y-5 { + --transform-translate-y: -1.25rem; +} - .sm\:-translate-y-4 { - --transform-translate-y: -1rem; - } +.-translate-y-6 { + --transform-translate-y: -1.5rem; +} - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem; - } +.-translate-y-7 { + --transform-translate-y: -1.75rem; +} - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem; - } +.-translate-y-8 { + --transform-translate-y: -2rem; +} - .sm\:-translate-y-7 { - --transform-translate-y: -1.75rem; - } +.-translate-y-9 { + --transform-translate-y: -2.25rem; +} - .sm\:-translate-y-8 { - --transform-translate-y: -2rem; - } +.-translate-y-10 { + --transform-translate-y: -2.5rem; +} - .sm\:-translate-y-9 { - --transform-translate-y: -2.25rem; - } +.-translate-y-12 { + --transform-translate-y: -3rem; +} - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem; - } +.-translate-y-14 { + --transform-translate-y: -3.5rem; +} - .sm\:-translate-y-12 { - --transform-translate-y: -3rem; - } +.-translate-y-16 { + --transform-translate-y: -4rem; +} - .sm\:-translate-y-14 { - --transform-translate-y: -3.5rem; - } +.-translate-y-20 { + --transform-translate-y: -5rem; +} - .sm\:-translate-y-16 { - --transform-translate-y: -4rem; - } +.-translate-y-24 { + --transform-translate-y: -6rem; +} - .sm\:-translate-y-20 { - --transform-translate-y: -5rem; - } +.-translate-y-28 { + --transform-translate-y: -7rem; +} - .sm\:-translate-y-24 { - --transform-translate-y: -6rem; - } +.-translate-y-32 { + --transform-translate-y: -8rem; +} - .sm\:-translate-y-28 { - --transform-translate-y: -7rem; - } +.-translate-y-36 { + --transform-translate-y: -9rem; +} - .sm\:-translate-y-32 { - --transform-translate-y: -8rem; - } +.-translate-y-40 { + --transform-translate-y: -10rem; +} - .sm\:-translate-y-36 { - --transform-translate-y: -9rem; - } +.-translate-y-44 { + --transform-translate-y: -11rem; +} - .sm\:-translate-y-40 { - --transform-translate-y: -10rem; - } +.-translate-y-48 { + --transform-translate-y: -12rem; +} - .sm\:-translate-y-44 { - --transform-translate-y: -11rem; - } +.-translate-y-52 { + --transform-translate-y: -13rem; +} - .sm\:-translate-y-48 { - --transform-translate-y: -12rem; - } +.-translate-y-56 { + --transform-translate-y: -14rem; +} - .sm\:-translate-y-52 { - --transform-translate-y: -13rem; - } +.-translate-y-60 { + --transform-translate-y: -15rem; +} - .sm\:-translate-y-56 { - --transform-translate-y: -14rem; - } +.-translate-y-64 { + --transform-translate-y: -16rem; +} - .sm\:-translate-y-60 { - --transform-translate-y: -15rem; - } +.-translate-y-72 { + --transform-translate-y: -18rem; +} - .sm\:-translate-y-64 { - --transform-translate-y: -16rem; - } +.-translate-y-80 { + --transform-translate-y: -20rem; +} - .sm\:-translate-y-72 { - --transform-translate-y: -18rem; - } +.-translate-y-96 { + --transform-translate-y: -24rem; +} - .sm\:-translate-y-80 { - --transform-translate-y: -20rem; - } +.-translate-y-px { + --transform-translate-y: -1px; +} - .sm\:-translate-y-96 { - --transform-translate-y: -24rem; - } +.-translate-y-0\.5 { + --transform-translate-y: -0.125rem; +} - .sm\:-translate-y-px { - --transform-translate-y: -1px; - } +.-translate-y-1\.5 { + --transform-translate-y: -0.375rem; +} - .sm\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; - } +.-translate-y-2\.5 { + --transform-translate-y: -0.625rem; +} - .sm\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; - } +.-translate-y-3\.5 { + --transform-translate-y: -0.875rem; +} - .sm\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; - } +.translate-y-1\/2 { + --transform-translate-y: 50%; +} - .sm\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; - } +.translate-y-1\/3 { + --transform-translate-y: 33.333333%; +} - .sm\:translate-y-1\/2 { - --transform-translate-y: 50%; - } +.translate-y-2\/3 { + --transform-translate-y: 66.666667%; +} - .sm\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; - } +.translate-y-1\/4 { + --transform-translate-y: 25%; +} - .sm\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; - } +.translate-y-2\/4 { + --transform-translate-y: 50%; +} - .sm\:translate-y-1\/4 { - --transform-translate-y: 25%; - } +.translate-y-3\/4 { + --transform-translate-y: 75%; +} - .sm\:translate-y-2\/4 { - --transform-translate-y: 50%; - } +.translate-y-full { + --transform-translate-y: 100%; +} - .sm\:translate-y-3\/4 { - --transform-translate-y: 75%; - } +.-translate-y-1\/2 { + --transform-translate-y: -50%; +} - .sm\:translate-y-full { - --transform-translate-y: 100%; - } +.-translate-y-1\/3 { + --transform-translate-y: -33.333333%; +} - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50%; - } +.-translate-y-2\/3 { + --transform-translate-y: -66.666667%; +} - .sm\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; - } +.-translate-y-1\/4 { + --transform-translate-y: -25%; +} - .sm\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; - } +.-translate-y-2\/4 { + --transform-translate-y: -50%; +} - .sm\:-translate-y-1\/4 { - --transform-translate-y: -25%; - } +.-translate-y-3\/4 { + --transform-translate-y: -75%; +} - .sm\:-translate-y-2\/4 { - --transform-translate-y: -50%; - } +.-translate-y-full { + --transform-translate-y: -100%; +} - .sm\:-translate-y-3\/4 { - --transform-translate-y: -75%; - } +.hover\:translate-x-0:hover { + --transform-translate-x: 0; +} - .sm\:-translate-y-full { - --transform-translate-y: -100%; - } +.hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; +} - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0; - } +.hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; +} - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; - } +.hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; +} - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; - } +.hover\:translate-x-4:hover { + --transform-translate-x: 1rem; +} - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; - } +.hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; +} - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; - } +.hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; +} - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; - } +.hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; +} - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; - } +.hover\:translate-x-8:hover { + --transform-translate-x: 2rem; +} - .sm\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; - } +.hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; +} - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; - } +.hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; +} - .sm\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; - } +.hover\:translate-x-12:hover { + --transform-translate-x: 3rem; +} - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; - } +.hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; +} - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; - } +.hover\:translate-x-16:hover { + --transform-translate-x: 4rem; +} - .sm\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; - } +.hover\:translate-x-20:hover { + --transform-translate-x: 5rem; +} - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; - } +.hover\:translate-x-24:hover { + --transform-translate-x: 6rem; +} - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; - } +.hover\:translate-x-28:hover { + --transform-translate-x: 7rem; +} - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; - } +.hover\:translate-x-32:hover { + --transform-translate-x: 8rem; +} - .sm\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; - } +.hover\:translate-x-36:hover { + --transform-translate-x: 9rem; +} - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; - } +.hover\:translate-x-40:hover { + --transform-translate-x: 10rem; +} - .sm\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; - } +.hover\:translate-x-44:hover { + --transform-translate-x: 11rem; +} - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; - } +.hover\:translate-x-48:hover { + --transform-translate-x: 12rem; +} - .sm\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; - } +.hover\:translate-x-52:hover { + --transform-translate-x: 13rem; +} - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; - } +.hover\:translate-x-56:hover { + --transform-translate-x: 14rem; +} - .sm\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; - } +.hover\:translate-x-60:hover { + --transform-translate-x: 15rem; +} - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; - } +.hover\:translate-x-64:hover { + --transform-translate-x: 16rem; +} - .sm\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; - } +.hover\:translate-x-72:hover { + --transform-translate-x: 18rem; +} - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; - } +.hover\:translate-x-80:hover { + --transform-translate-x: 20rem; +} - .sm\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; - } +.hover\:translate-x-96:hover { + --transform-translate-x: 24rem; +} - .sm\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; - } +.hover\:translate-x-px:hover { + --transform-translate-x: 1px; +} - .sm\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; - } +.hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; +} - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; - } +.hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; +} - .sm\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; - } +.hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; +} - .sm\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; - } +.hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; +} - .sm\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; - } +.hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; +} - .sm\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; - } +.hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; +} - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; - } +.hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; +} - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; - } +.hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; +} - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; - } +.hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; +} - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; - } +.hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; +} - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; - } +.hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; +} - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; - } +.hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; +} - .sm\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; - } +.hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; +} - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; - } +.hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; +} - .sm\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; - } +.hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; +} - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; - } +.hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; +} - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; - } +.hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; +} - .sm\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; - } +.hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; +} - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; - } +.hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; +} - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; - } +.hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; +} - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; - } +.hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; +} - .sm\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; - } +.hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; +} - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; - } +.hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; +} - .sm\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; - } +.hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; +} - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; - } +.hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; +} - .sm\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; - } +.hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; +} - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; - } +.hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; +} - .sm\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; - } +.hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; +} - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; - } +.hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; +} - .sm\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; - } +.hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; +} - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; - } +.hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; +} - .sm\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; - } +.hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; +} - .sm\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; - } +.hover\:-translate-x-px:hover { + --transform-translate-x: -1px; +} - .sm\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; - } +.hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; +} - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; - } +.hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; +} - .sm\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; - } +.hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; +} - .sm\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; - } +.hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; +} - .sm\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; - } +.hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; +} - .sm\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; - } +.hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; +} - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; - } +.hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; +} - .sm\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; - } +.hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; +} - .sm\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; - } +.hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; +} - .sm\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; - } +.hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; +} - .sm\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; - } +.hover\:translate-x-full:hover { + --transform-translate-x: 100%; +} - .sm\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; - } +.hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; +} - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; - } +.hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; +} - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; - } +.hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; +} - .sm\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; - } +.hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; +} - .sm\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; - } +.hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; +} - .sm\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; - } +.hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; +} - .sm\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; - } +.hover\:-translate-x-full:hover { + --transform-translate-x: -100%; +} - .sm\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; - } +.hover\:translate-y-0:hover { + --transform-translate-y: 0; +} - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; - } +.hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; +} - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0; - } +.hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; +} - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; - } +.hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; +} - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; - } +.hover\:translate-y-4:hover { + --transform-translate-y: 1rem; +} - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; - } +.hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; +} - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; - } +.hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; +} - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; - } +.hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; +} - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; - } +.hover\:translate-y-8:hover { + --transform-translate-y: 2rem; +} - .sm\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; - } +.hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; +} - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; - } +.hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; +} - .sm\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; - } +.hover\:translate-y-12:hover { + --transform-translate-y: 3rem; +} - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; - } +.hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; +} - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; - } +.hover\:translate-y-16:hover { + --transform-translate-y: 4rem; +} - .sm\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; - } +.hover\:translate-y-20:hover { + --transform-translate-y: 5rem; +} - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; - } +.hover\:translate-y-24:hover { + --transform-translate-y: 6rem; +} - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; - } +.hover\:translate-y-28:hover { + --transform-translate-y: 7rem; +} - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; - } +.hover\:translate-y-32:hover { + --transform-translate-y: 8rem; +} - .sm\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; - } +.hover\:translate-y-36:hover { + --transform-translate-y: 9rem; +} - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; - } +.hover\:translate-y-40:hover { + --transform-translate-y: 10rem; +} + +.hover\:translate-y-44:hover { + --transform-translate-y: 11rem; +} - .sm\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; - } +.hover\:translate-y-48:hover { + --transform-translate-y: 12rem; +} - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; - } +.hover\:translate-y-52:hover { + --transform-translate-y: 13rem; +} - .sm\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; - } +.hover\:translate-y-56:hover { + --transform-translate-y: 14rem; +} - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; - } +.hover\:translate-y-60:hover { + --transform-translate-y: 15rem; +} - .sm\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; - } +.hover\:translate-y-64:hover { + --transform-translate-y: 16rem; +} - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; - } +.hover\:translate-y-72:hover { + --transform-translate-y: 18rem; +} - .sm\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; - } +.hover\:translate-y-80:hover { + --transform-translate-y: 20rem; +} - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; - } +.hover\:translate-y-96:hover { + --transform-translate-y: 24rem; +} - .sm\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; - } +.hover\:translate-y-px:hover { + --transform-translate-y: 1px; +} - .sm\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; - } +.hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; +} - .sm\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; - } +.hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; +} - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; - } +.hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; +} - .sm\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; - } +.hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; +} - .sm\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; - } +.hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; +} - .sm\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; - } +.hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; +} - .sm\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; - } +.hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; +} - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; - } +.hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; +} - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; - } +.hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; +} - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; - } +.hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; +} - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; - } +.hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; +} - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; - } +.hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; +} - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; - } +.hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; +} - .sm\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; - } +.hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; +} - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; - } +.hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; +} - .sm\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; - } +.hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; +} - .sm\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; - } +.hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; +} - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; - } +.hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; +} - .sm\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; - } +.hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; +} - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; - } +.hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; +} - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; - } +.hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; +} - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; - } +.hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; +} - .sm\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; - } +.hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; +} - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; - } +.hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; +} - .sm\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; - } +.hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; +} - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; - } +.hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; +} - .sm\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; - } +.hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; +} - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; - } +.hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; +} - .sm\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; - } +.hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; +} - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; - } +.hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; +} - .sm\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; - } +.hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; +} - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; - } +.hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; +} - .sm\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; - } +.hover\:-translate-y-px:hover { + --transform-translate-y: -1px; +} - .sm\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; - } +.hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; +} - .sm\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; - } +.hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; +} - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; - } +.hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; +} - .sm\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; - } +.hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; +} - .sm\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; - } +.hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; +} - .sm\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; - } +.hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; +} - .sm\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; - } +.hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; +} - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; - } +.hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; +} - .sm\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; - } +.hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; +} - .sm\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; - } +.hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; +} - .sm\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; - } +.hover\:translate-y-full:hover { + --transform-translate-y: 100%; +} - .sm\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; - } +.hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; +} - .sm\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; - } +.hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; +} - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; - } +.hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; +} - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; - } +.hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; +} - .sm\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; - } +.hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; +} - .sm\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; - } +.hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; +} - .sm\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; - } +.hover\:-translate-y-full:hover { + --transform-translate-y: -100%; +} - .sm\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; - } +.focus\:translate-x-0:focus { + --transform-translate-x: 0; +} - .sm\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; - } +.focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; +} - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; - } +.focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; +} - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0; - } +.focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; +} - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; - } +.focus\:translate-x-4:focus { + --transform-translate-x: 1rem; +} - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; - } +.focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; +} - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; - } +.focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; +} - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; - } +.focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; +} - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; - } +.focus\:translate-x-8:focus { + --transform-translate-x: 2rem; +} - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; - } +.focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; +} - .sm\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; - } +.focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; +} - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; - } +.focus\:translate-x-12:focus { + --transform-translate-x: 3rem; +} - .sm\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; - } +.focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; +} - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; - } +.focus\:translate-x-16:focus { + --transform-translate-x: 4rem; +} - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; - } +.focus\:translate-x-20:focus { + --transform-translate-x: 5rem; +} - .sm\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; - } +.focus\:translate-x-24:focus { + --transform-translate-x: 6rem; +} - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; - } +.focus\:translate-x-28:focus { + --transform-translate-x: 7rem; +} - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; - } +.focus\:translate-x-32:focus { + --transform-translate-x: 8rem; +} - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; - } +.focus\:translate-x-36:focus { + --transform-translate-x: 9rem; +} - .sm\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; - } +.focus\:translate-x-40:focus { + --transform-translate-x: 10rem; +} - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; - } +.focus\:translate-x-44:focus { + --transform-translate-x: 11rem; +} - .sm\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; - } +.focus\:translate-x-48:focus { + --transform-translate-x: 12rem; +} - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; - } +.focus\:translate-x-52:focus { + --transform-translate-x: 13rem; +} - .sm\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; - } +.focus\:translate-x-56:focus { + --transform-translate-x: 14rem; +} - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; - } +.focus\:translate-x-60:focus { + --transform-translate-x: 15rem; +} - .sm\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; - } +.focus\:translate-x-64:focus { + --transform-translate-x: 16rem; +} - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; - } +.focus\:translate-x-72:focus { + --transform-translate-x: 18rem; +} - .sm\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; - } +.focus\:translate-x-80:focus { + --transform-translate-x: 20rem; +} - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; - } +.focus\:translate-x-96:focus { + --transform-translate-x: 24rem; +} - .sm\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; - } +.focus\:translate-x-px:focus { + --transform-translate-x: 1px; +} - .sm\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; - } +.focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; +} - .sm\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; - } +.focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; +} - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; - } +.focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; +} - .sm\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; - } +.focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; +} - .sm\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; - } +.focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; +} - .sm\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; - } +.focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; +} - .sm\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; - } +.focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; +} - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; - } +.focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; +} - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; - } +.focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; +} - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; - } +.focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; +} - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; - } +.focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; +} - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; - } +.focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; +} - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; - } +.focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; +} - .sm\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; - } +.focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; +} - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; - } +.focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; +} - .sm\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; - } +.focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; +} - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; - } +.focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; +} - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; - } +.focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; +} - .sm\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; - } +.focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; +} - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; - } +.focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; +} - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; - } +.focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; +} - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; - } +.focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; +} - .sm\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; - } +.focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; +} - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; - } +.focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; +} - .sm\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; - } +.focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; +} - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; - } +.focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; +} - .sm\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; - } +.focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; +} - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; - } +.focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; +} - .sm\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; - } +.focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; +} - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; - } +.focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; +} - .sm\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; - } +.focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; +} - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; - } +.focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; +} - .sm\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; - } +.focus\:-translate-x-px:focus { + --transform-translate-x: -1px; +} - .sm\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; - } +.focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; +} - .sm\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; - } +.focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; +} - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; - } +.focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; +} - .sm\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; - } +.focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; +} - .sm\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; - } +.focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; +} - .sm\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; - } +.focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; +} - .sm\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; - } +.focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; +} - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; - } +.focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; +} - .sm\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; - } +.focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; +} - .sm\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; - } +.focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; +} - .sm\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; - } +.focus\:translate-x-full:focus { + --transform-translate-x: 100%; +} - .sm\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; - } +.focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; +} - .sm\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; - } +.focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; +} - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; - } +.focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; +} - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; - } +.focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; +} - .sm\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; - } +.focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; +} - .sm\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; - } +.focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; +} - .sm\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; - } +.focus\:-translate-x-full:focus { + --transform-translate-x: -100%; +} - .sm\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; - } +.focus\:translate-y-0:focus { + --transform-translate-y: 0; +} - .sm\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; - } +.focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; +} - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; - } +.focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; +} - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0; - } +.focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; +} - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; - } +.focus\:translate-y-4:focus { + --transform-translate-y: 1rem; +} - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; - } +.focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; +} - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; - } +.focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; +} - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; - } +.focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; +} - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; - } +.focus\:translate-y-8:focus { + --transform-translate-y: 2rem; +} - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; - } +.focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; +} - .sm\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; - } +.focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; +} - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; - } +.focus\:translate-y-12:focus { + --transform-translate-y: 3rem; +} - .sm\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; - } +.focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; +} - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; - } +.focus\:translate-y-16:focus { + --transform-translate-y: 4rem; +} - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; - } +.focus\:translate-y-20:focus { + --transform-translate-y: 5rem; +} - .sm\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; - } +.focus\:translate-y-24:focus { + --transform-translate-y: 6rem; +} - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; - } +.focus\:translate-y-28:focus { + --transform-translate-y: 7rem; +} - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; - } +.focus\:translate-y-32:focus { + --transform-translate-y: 8rem; +} - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; - } +.focus\:translate-y-36:focus { + --transform-translate-y: 9rem; +} - .sm\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; - } +.focus\:translate-y-40:focus { + --transform-translate-y: 10rem; +} - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; - } +.focus\:translate-y-44:focus { + --transform-translate-y: 11rem; +} - .sm\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; - } +.focus\:translate-y-48:focus { + --transform-translate-y: 12rem; +} - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; - } +.focus\:translate-y-52:focus { + --transform-translate-y: 13rem; +} - .sm\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; - } +.focus\:translate-y-56:focus { + --transform-translate-y: 14rem; +} - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; - } +.focus\:translate-y-60:focus { + --transform-translate-y: 15rem; +} - .sm\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; - } +.focus\:translate-y-64:focus { + --transform-translate-y: 16rem; +} - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; - } +.focus\:translate-y-72:focus { + --transform-translate-y: 18rem; +} - .sm\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; - } +.focus\:translate-y-80:focus { + --transform-translate-y: 20rem; +} - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; - } +.focus\:translate-y-96:focus { + --transform-translate-y: 24rem; +} + +.focus\:translate-y-px:focus { + --transform-translate-y: 1px; +} - .sm\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; - } +.focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; +} - .sm\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; - } +.focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; +} - .sm\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; - } +.focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; +} - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; - } +.focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; +} - .sm\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; - } +.focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; +} - .sm\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; - } +.focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; +} - .sm\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; - } +.focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; +} - .sm\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; - } +.focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; +} - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; - } +.focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; +} - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; - } +.focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; +} - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; - } +.focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; +} - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; - } +.focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; +} - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; - } +.focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; +} - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; - } +.focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; +} - .sm\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; - } +.focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; +} - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; - } +.focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; +} - .sm\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; - } +.focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; +} - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; - } +.focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; +} - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; - } +.focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; +} - .sm\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; - } +.focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; +} - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; - } +.focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; +} - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; - } +.focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; +} - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; - } +.focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; +} - .sm\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; - } +.focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; +} - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; - } +.focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; +} - .sm\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; - } +.focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; +} - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; - } +.focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; +} - .sm\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; - } +.focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; +} - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; - } +.focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; +} - .sm\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; - } +.focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; +} - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; - } +.focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; +} - .sm\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; - } +.focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; +} - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; - } +.focus\:-translate-y-px:focus { + --transform-translate-y: -1px; +} - .sm\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; - } +.focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; +} - .sm\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; - } +.focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; +} - .sm\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; - } +.focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; +} - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; - } +.focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; +} - .sm\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; - } +.focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; +} - .sm\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; - } +.focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; +} - .sm\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; - } +.focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; +} - .sm\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; - } +.focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; +} - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; - } +.focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; +} - .sm\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; - } +.focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; +} - .sm\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; - } +.focus\:translate-y-full:focus { + --transform-translate-y: 100%; +} - .sm\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; - } +.focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; +} - .sm\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; - } +.focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; +} - .sm\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; - } +.focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; +} - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; - } +.focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; +} - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; - } +.focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; +} - .sm\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; - } +.focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; +} - .sm\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; - } +.focus\:-translate-y-full:focus { + --transform-translate-y: -100%; +} - .sm\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; - } +.skew-x-0 { + --transform-skew-x: 0; +} - .sm\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; - } +.skew-x-1 { + --transform-skew-x: 1deg; +} - .sm\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; - } +.skew-x-2 { + --transform-skew-x: 2deg; +} - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; - } +.skew-x-3 { + --transform-skew-x: 3deg; +} - .sm\:skew-x-0 { - --transform-skew-x: 0; - } +.skew-x-6 { + --transform-skew-x: 6deg; +} - .sm\:skew-x-1 { - --transform-skew-x: 1deg; - } +.skew-x-12 { + --transform-skew-x: 12deg; +} - .sm\:skew-x-2 { - --transform-skew-x: 2deg; - } +.-skew-x-12 { + --transform-skew-x: -12deg; +} - .sm\:skew-x-3 { - --transform-skew-x: 3deg; - } +.-skew-x-6 { + --transform-skew-x: -6deg; +} - .sm\:skew-x-6 { - --transform-skew-x: 6deg; - } +.-skew-x-3 { + --transform-skew-x: -3deg; +} - .sm\:skew-x-12 { - --transform-skew-x: 12deg; - } +.-skew-x-2 { + --transform-skew-x: -2deg; +} - .sm\:-skew-x-12 { - --transform-skew-x: -12deg; - } +.-skew-x-1 { + --transform-skew-x: -1deg; +} - .sm\:-skew-x-6 { - --transform-skew-x: -6deg; - } +.skew-y-0 { + --transform-skew-y: 0; +} - .sm\:-skew-x-3 { - --transform-skew-x: -3deg; - } +.skew-y-1 { + --transform-skew-y: 1deg; +} - .sm\:-skew-x-2 { - --transform-skew-x: -2deg; - } +.skew-y-2 { + --transform-skew-y: 2deg; +} - .sm\:-skew-x-1 { - --transform-skew-x: -1deg; - } +.skew-y-3 { + --transform-skew-y: 3deg; +} - .sm\:skew-y-0 { - --transform-skew-y: 0; - } +.skew-y-6 { + --transform-skew-y: 6deg; +} - .sm\:skew-y-1 { - --transform-skew-y: 1deg; - } +.skew-y-12 { + --transform-skew-y: 12deg; +} - .sm\:skew-y-2 { - --transform-skew-y: 2deg; - } +.-skew-y-12 { + --transform-skew-y: -12deg; +} - .sm\:skew-y-3 { - --transform-skew-y: 3deg; - } +.-skew-y-6 { + --transform-skew-y: -6deg; +} - .sm\:skew-y-6 { - --transform-skew-y: 6deg; - } +.-skew-y-3 { + --transform-skew-y: -3deg; +} - .sm\:skew-y-12 { - --transform-skew-y: 12deg; - } +.-skew-y-2 { + --transform-skew-y: -2deg; +} - .sm\:-skew-y-12 { - --transform-skew-y: -12deg; - } +.-skew-y-1 { + --transform-skew-y: -1deg; +} - .sm\:-skew-y-6 { - --transform-skew-y: -6deg; - } +.hover\:skew-x-0:hover { + --transform-skew-x: 0; +} - .sm\:-skew-y-3 { - --transform-skew-y: -3deg; - } +.hover\:skew-x-1:hover { + --transform-skew-x: 1deg; +} - .sm\:-skew-y-2 { - --transform-skew-y: -2deg; - } +.hover\:skew-x-2:hover { + --transform-skew-x: 2deg; +} - .sm\:-skew-y-1 { - --transform-skew-y: -1deg; - } +.hover\:skew-x-3:hover { + --transform-skew-x: 3deg; +} - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0; - } +.hover\:skew-x-6:hover { + --transform-skew-x: 6deg; +} - .sm\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; - } +.hover\:skew-x-12:hover { + --transform-skew-x: 12deg; +} - .sm\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; - } +.hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; +} - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; - } +.hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; +} - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; - } +.hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; +} - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; - } +.hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; +} - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; - } +.hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; +} - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; - } +.hover\:skew-y-0:hover { + --transform-skew-y: 0; +} - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; - } +.hover\:skew-y-1:hover { + --transform-skew-y: 1deg; +} - .sm\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; - } +.hover\:skew-y-2:hover { + --transform-skew-y: 2deg; +} - .sm\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; - } +.hover\:skew-y-3:hover { + --transform-skew-y: 3deg; +} - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0; - } +.hover\:skew-y-6:hover { + --transform-skew-y: 6deg; +} - .sm\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; - } +.hover\:skew-y-12:hover { + --transform-skew-y: 12deg; +} - .sm\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; - } +.hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; +} - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; - } +.hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; +} - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; - } +.hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; +} - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; - } +.hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; +} - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; - } +.hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; +} - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; - } +.focus\:skew-x-0:focus { + --transform-skew-x: 0; +} - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; - } +.focus\:skew-x-1:focus { + --transform-skew-x: 1deg; +} - .sm\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; - } +.focus\:skew-x-2:focus { + --transform-skew-x: 2deg; +} - .sm\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; - } +.focus\:skew-x-3:focus { + --transform-skew-x: 3deg; +} - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0; - } +.focus\:skew-x-6:focus { + --transform-skew-x: 6deg; +} - .sm\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; - } +.focus\:skew-x-12:focus { + --transform-skew-x: 12deg; +} - .sm\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; - } +.focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; +} - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; - } +.focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; +} - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; - } +.focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; +} - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; - } +.focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; +} - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; - } +.focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; +} - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; - } +.focus\:skew-y-0:focus { + --transform-skew-y: 0; +} - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; - } +.focus\:skew-y-1:focus { + --transform-skew-y: 1deg; +} - .sm\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; - } +.focus\:skew-y-2:focus { + --transform-skew-y: 2deg; +} - .sm\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; - } +.focus\:skew-y-3:focus { + --transform-skew-y: 3deg; +} - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0; - } +.focus\:skew-y-6:focus { + --transform-skew-y: 6deg; +} - .sm\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; - } +.focus\:skew-y-12:focus { + --transform-skew-y: 12deg; +} - .sm\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; - } +.focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; +} - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; - } +.focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; +} - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; - } +.focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; +} - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; - } +.focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; +} - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; - } +.focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; +} - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; - } +.transition-none { + transition-property: none; +} - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; - } +.transition-all { + transition-property: all; +} - .sm\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; - } +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; +} - .sm\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; - } +.transition-colors { + transition-property: background-color, border-color, color, fill, stroke; +} - .sm\:transition-none { - transition-property: none; - } +.transition-opacity { + transition-property: opacity; +} - .sm\:transition-all { - transition-property: all; - } +.transition-shadow { + transition-property: box-shadow; +} - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; - } +.transition-transform { + transition-property: transform; +} - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - } +.ease-linear { + transition-timing-function: linear; +} - .sm\:transition-opacity { - transition-property: opacity; - } +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} - .sm\:transition-shadow { - transition-property: box-shadow; - } +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} - .sm\:transition-transform { - transition-property: transform; - } +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} - .sm\:ease-linear { - transition-timing-function: linear; - } +.duration-75 { + transition-duration: 75ms; +} - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - } +.duration-100 { + transition-duration: 100ms; +} - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - } +.duration-150 { + transition-duration: 150ms; +} - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } +.duration-200 { + transition-duration: 200ms; +} - .sm\:duration-75 { - transition-duration: 75ms; - } +.duration-300 { + transition-duration: 300ms; +} - .sm\:duration-100 { - transition-duration: 100ms; - } +.duration-500 { + transition-duration: 500ms; +} - .sm\:duration-150 { - transition-duration: 150ms; - } +.duration-700 { + transition-duration: 700ms; +} - .sm\:duration-200 { - transition-duration: 200ms; - } +.duration-1000 { + transition-duration: 1000ms; +} - .sm\:duration-300 { - transition-duration: 300ms; - } +.delay-75 { + transition-delay: 75ms; +} - .sm\:duration-500 { - transition-duration: 500ms; - } +.delay-100 { + transition-delay: 100ms; +} - .sm\:duration-700 { - transition-duration: 700ms; - } +.delay-150 { + transition-delay: 150ms; +} - .sm\:duration-1000 { - transition-duration: 1000ms; - } +.delay-200 { + transition-delay: 200ms; +} - .sm\:delay-75 { - transition-delay: 75ms; - } +.delay-300 { + transition-delay: 300ms; +} - .sm\:delay-100 { - transition-delay: 100ms; - } +.delay-500 { + transition-delay: 500ms; +} - .sm\:delay-150 { - transition-delay: 150ms; - } +.delay-700 { + transition-delay: 700ms; +} - .sm\:delay-200 { - transition-delay: 200ms; - } +.delay-1000 { + transition-delay: 1000ms; +} - .sm\:delay-300 { - transition-delay: 300ms; +@keyframes spin { + to { + transform: rotate(360deg); } +} - .sm\:delay-500 { - transition-delay: 500ms; +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; } +} - .sm\:delay-700 { - transition-delay: 700ms; +@keyframes pulse { + 50% { + opacity: .5; } +} - .sm\:delay-1000 { - transition-delay: 1000ms; +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8,0,1,1); } - .sm\:animate-none { - animation: none; + 50% { + transform: none; + animation-timing-function: cubic-bezier(0,0,0.2,1); } +} - .sm\:animate-spin { - animation: spin 1s linear infinite; - } +.animate-none { + animation: none; +} - .sm\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - } +.animate-spin { + animation: spin 1s linear infinite; +} - .sm\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - } +.animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; +} - .sm\:animate-bounce { - animation: bounce 1s infinite; - } +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} - .sm\:example { - font-weight: 700; - color: #ef4444; - } +.animate-bounce { + animation: bounce 1s infinite; } -@media (min-width: 768px) { - .md\:container { +.example { + font-weight: 700; + color: #ef4444; +} + +@media (min-width: 640px) { + .sm\:container { width: 100%; } @media (min-width: 640px) { - .md\:container { + .sm\:container { max-width: 640px; } } @media (min-width: 768px) { - .md\:container { + .sm\:container { max-width: 768px; } } @media (min-width: 1024px) { - .md\:container { + .sm\:container { max-width: 1024px; } } @media (min-width: 1280px) { - .md\:container { + .sm\:container { max-width: 1280px; } } @media (min-width: 1536px) { - .md\:container { + .sm\:container { max-width: 1536px; } } - .md\:space-y-0 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-0 > :not(template) ~ :not(template) { + .sm\:space-x-0 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0px * var(--space-x-reverse)); margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .md\:space-y-1 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-1 > :not(template) ~ :not(template) { + .sm\:space-x-1 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.25rem * var(--space-x-reverse)); margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-2 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-2 > :not(template) ~ :not(template) { + .sm\:space-x-2 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.5rem * var(--space-x-reverse)); margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-3 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-3 > :not(template) ~ :not(template) { + .sm\:space-x-3 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.75rem * var(--space-x-reverse)); margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-4 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-4 > :not(template) ~ :not(template) { + .sm\:space-x-4 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(1rem * var(--space-x-reverse)); margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-5 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-5 > :not(template) ~ :not(template) { + .sm\:space-x-5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(1.25rem * var(--space-x-reverse)); margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-6 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-6 > :not(template) ~ :not(template) { + .sm\:space-x-6 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(1.5rem * var(--space-x-reverse)); margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-7 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-7 > :not(template) ~ :not(template) { + .sm\:space-x-7 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(1.75rem * var(--space-x-reverse)); margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-8 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-8 > :not(template) ~ :not(template) { + .sm\:space-x-8 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(2rem * var(--space-x-reverse)); margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-9 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-9 > :not(template) ~ :not(template) { + .sm\:space-x-9 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(2.25rem * var(--space-x-reverse)); margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-10 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-10 > :not(template) ~ :not(template) { + .sm\:space-x-10 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(2.5rem * var(--space-x-reverse)); margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-12 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-12 > :not(template) ~ :not(template) { + .sm\:space-x-12 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(3rem * var(--space-x-reverse)); margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-14 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-14 > :not(template) ~ :not(template) { + .sm\:space-x-14 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(3.5rem * var(--space-x-reverse)); margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-16 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-16 > :not(template) ~ :not(template) { + .sm\:space-x-16 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(4rem * var(--space-x-reverse)); margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-20 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-20 > :not(template) ~ :not(template) { + .sm\:space-x-20 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(5rem * var(--space-x-reverse)); margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-24 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-24 > :not(template) ~ :not(template) { + .sm\:space-x-24 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(6rem * var(--space-x-reverse)); margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-28 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-28 > :not(template) ~ :not(template) { + .sm\:space-x-28 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(7rem * var(--space-x-reverse)); margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-32 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-32 > :not(template) ~ :not(template) { + .sm\:space-x-32 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(8rem * var(--space-x-reverse)); margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-36 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-36 > :not(template) ~ :not(template) { + .sm\:space-x-36 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(9rem * var(--space-x-reverse)); margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-40 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-40 > :not(template) ~ :not(template) { + .sm\:space-x-40 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(10rem * var(--space-x-reverse)); margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-44 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-44 > :not(template) ~ :not(template) { + .sm\:space-x-44 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(11rem * var(--space-x-reverse)); margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-48 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-48 > :not(template) ~ :not(template) { + .sm\:space-x-48 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(12rem * var(--space-x-reverse)); margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-52 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-52 > :not(template) ~ :not(template) { + .sm\:space-x-52 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(13rem * var(--space-x-reverse)); margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-56 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-56 > :not(template) ~ :not(template) { + .sm\:space-x-56 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(14rem * var(--space-x-reverse)); margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-60 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-60 > :not(template) ~ :not(template) { + .sm\:space-x-60 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(15rem * var(--space-x-reverse)); margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-64 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-64 > :not(template) ~ :not(template) { + .sm\:space-x-64 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(16rem * var(--space-x-reverse)); margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-72 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-72 > :not(template) ~ :not(template) { + .sm\:space-x-72 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(18rem * var(--space-x-reverse)); margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-80 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-80 > :not(template) ~ :not(template) { + .sm\:space-x-80 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(20rem * var(--space-x-reverse)); margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-96 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-96 > :not(template) ~ :not(template) { + .sm\:space-x-96 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(24rem * var(--space-x-reverse)); margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-px > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-px > :not(template) ~ :not(template) { + .sm\:space-x-px > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(1px * var(--space-x-reverse)); margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .md\:space-y-0\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-0\.5 > :not(template) ~ :not(template) { + .sm\:space-x-0\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.125rem * var(--space-x-reverse)); margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-1\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-1\.5 > :not(template) ~ :not(template) { + .sm\:space-x-1\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.375rem * var(--space-x-reverse)); margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-2\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-2\.5 > :not(template) ~ :not(template) { + .sm\:space-x-2\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.625rem * var(--space-x-reverse)); margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-3\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:space-x-3\.5 > :not(template) ~ :not(template) { + .sm\:space-x-3\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(0.875rem * var(--space-x-reverse)); margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-1 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-1 > :not(template) ~ :not(template) { + .sm\:-space-x-1 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-2 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-2 > :not(template) ~ :not(template) { + .sm\:-space-x-2 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-3 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-3 > :not(template) ~ :not(template) { + .sm\:-space-x-3 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-4 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-4 > :not(template) ~ :not(template) { + .sm\:-space-x-4 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-1rem * var(--space-x-reverse)); margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-5 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-5 > :not(template) ~ :not(template) { + .sm\:-space-x-5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-6 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-6 > :not(template) ~ :not(template) { + .sm\:-space-x-6 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-7 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-7 > :not(template) ~ :not(template) { + .sm\:-space-x-7 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-8 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-8 > :not(template) ~ :not(template) { + .sm\:-space-x-8 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-2rem * var(--space-x-reverse)); margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-9 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-9 > :not(template) ~ :not(template) { + .sm\:-space-x-9 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-10 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-10 > :not(template) ~ :not(template) { + .sm\:-space-x-10 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-12 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-12 > :not(template) ~ :not(template) { + .sm\:-space-x-12 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-3rem * var(--space-x-reverse)); margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-14 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-14 > :not(template) ~ :not(template) { + .sm\:-space-x-14 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-16 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-16 > :not(template) ~ :not(template) { + .sm\:-space-x-16 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-4rem * var(--space-x-reverse)); margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-20 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-20 > :not(template) ~ :not(template) { + .sm\:-space-x-20 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-5rem * var(--space-x-reverse)); margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-24 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-24 > :not(template) ~ :not(template) { + .sm\:-space-x-24 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-6rem * var(--space-x-reverse)); margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-28 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-28 > :not(template) ~ :not(template) { + .sm\:-space-x-28 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-7rem * var(--space-x-reverse)); margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-32 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-32 > :not(template) ~ :not(template) { + .sm\:-space-x-32 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-8rem * var(--space-x-reverse)); margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-36 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-36 > :not(template) ~ :not(template) { + .sm\:-space-x-36 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-9rem * var(--space-x-reverse)); margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-40 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-40 > :not(template) ~ :not(template) { + .sm\:-space-x-40 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-10rem * var(--space-x-reverse)); margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-44 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-44 > :not(template) ~ :not(template) { + .sm\:-space-x-44 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-11rem * var(--space-x-reverse)); margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-48 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-48 > :not(template) ~ :not(template) { + .sm\:-space-x-48 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-12rem * var(--space-x-reverse)); margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-52 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-52 > :not(template) ~ :not(template) { + .sm\:-space-x-52 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-13rem * var(--space-x-reverse)); margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-56 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-56 > :not(template) ~ :not(template) { + .sm\:-space-x-56 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-14rem * var(--space-x-reverse)); margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-60 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-60 > :not(template) ~ :not(template) { + .sm\:-space-x-60 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-15rem * var(--space-x-reverse)); margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-64 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-64 > :not(template) ~ :not(template) { + .sm\:-space-x-64 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-16rem * var(--space-x-reverse)); margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-72 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-72 > :not(template) ~ :not(template) { + .sm\:-space-x-72 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-18rem * var(--space-x-reverse)); margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-80 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-80 > :not(template) ~ :not(template) { + .sm\:-space-x-80 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-20rem * var(--space-x-reverse)); margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-96 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-96 > :not(template) ~ :not(template) { + .sm\:-space-x-96 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-24rem * var(--space-x-reverse)); margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-px > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-px > :not(template) ~ :not(template) { + .sm\:-space-x-px > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-1px * var(--space-x-reverse)); margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-0\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-0\.5 > :not(template) ~ :not(template) { + .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-1\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-1\.5 > :not(template) ~ :not(template) { + .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-2\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-2\.5 > :not(template) ~ :not(template) { + .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:-space-y-3\.5 > :not(template) ~ :not(template) { + .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)); } - .md\:-space-x-3\.5 > :not(template) ~ :not(template) { + .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { --space-x-reverse: 0; margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:space-y-reverse > :not(template) ~ :not(template) { + .sm\:space-y-reverse > :not(template) ~ :not(template) { --space-y-reverse: 1; } - .md\:space-x-reverse > :not(template) ~ :not(template) { + .sm\:space-x-reverse > :not(template) ~ :not(template) { --space-x-reverse: 1; } - .md\:divide-y-0 > :not(template) ~ :not(template) { + .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)); } - .md\:divide-x-0 > :not(template) ~ :not(template) { + .sm\:divide-x-0 > :not(template) ~ :not(template) { --divide-x-reverse: 0; border-inline-end-width: calc(0px * var(--divide-x-reverse)); border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .md\:divide-y-2 > :not(template) ~ :not(template) { + .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)); } - .md\:divide-x-2 > :not(template) ~ :not(template) { + .sm\:divide-x-2 > :not(template) ~ :not(template) { --divide-x-reverse: 0; border-inline-end-width: calc(2px * var(--divide-x-reverse)); border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:divide-y-4 > :not(template) ~ :not(template) { + .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)); } - .md\:divide-x-4 > :not(template) ~ :not(template) { + .sm\:divide-x-4 > :not(template) ~ :not(template) { --divide-x-reverse: 0; border-inline-end-width: calc(4px * var(--divide-x-reverse)); border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:divide-y-8 > :not(template) ~ :not(template) { + .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)); } - .md\:divide-x-8 > :not(template) ~ :not(template) { + .sm\:divide-x-8 > :not(template) ~ :not(template) { --divide-x-reverse: 0; border-inline-end-width: calc(8px * var(--divide-x-reverse)); border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:divide-y > :not(template) ~ :not(template) { + .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)); } - .md\:divide-x > :not(template) ~ :not(template) { + .sm\:divide-x > :not(template) ~ :not(template) { --divide-x-reverse: 0; border-inline-end-width: calc(1px * var(--divide-x-reverse)); border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:divide-y-reverse > :not(template) ~ :not(template) { + .sm\:divide-y-reverse > :not(template) ~ :not(template) { --divide-y-reverse: 1; } - .md\:divide-x-reverse > :not(template) ~ :not(template) { + .sm\:divide-x-reverse > :not(template) ~ :not(template) { --divide-x-reverse: 1; } - .md\:divide-transparent > :not(template) ~ :not(template) { + .sm\:divide-transparent > :not(template) ~ :not(template) { border-color: transparent; } - .md\:divide-current > :not(template) ~ :not(template) { + .sm\:divide-current > :not(template) ~ :not(template) { border-color: currentColor; } - .md\:divide-black > :not(template) ~ :not(template) { + .sm\:divide-black > :not(template) ~ :not(template) { border-color: #000; } - .md\:divide-white > :not(template) ~ :not(template) { + .sm\:divide-white > :not(template) ~ :not(template) { border-color: #fff; } - .md\:divide-gray-50 > :not(template) ~ :not(template) { + .sm\:divide-gray-50 > :not(template) ~ :not(template) { border-color: #fafafa; } - .md\:divide-gray-100 > :not(template) ~ :not(template) { + .sm\:divide-gray-100 > :not(template) ~ :not(template) { border-color: #f4f4f5; } - .md\:divide-gray-200 > :not(template) ~ :not(template) { + .sm\:divide-gray-200 > :not(template) ~ :not(template) { border-color: #e4e4e7; } - .md\:divide-gray-300 > :not(template) ~ :not(template) { + .sm\:divide-gray-300 > :not(template) ~ :not(template) { border-color: #d4d4d8; } - .md\:divide-gray-400 > :not(template) ~ :not(template) { + .sm\:divide-gray-400 > :not(template) ~ :not(template) { border-color: #a1a1aa; } - .md\:divide-gray-500 > :not(template) ~ :not(template) { + .sm\:divide-gray-500 > :not(template) ~ :not(template) { border-color: #71717a; } - .md\:divide-gray-600 > :not(template) ~ :not(template) { + .sm\:divide-gray-600 > :not(template) ~ :not(template) { border-color: #52525b; } - .md\:divide-gray-700 > :not(template) ~ :not(template) { + .sm\:divide-gray-700 > :not(template) ~ :not(template) { border-color: #3f3f46; } - .md\:divide-gray-800 > :not(template) ~ :not(template) { + .sm\:divide-gray-800 > :not(template) ~ :not(template) { border-color: #27272a; } - .md\:divide-gray-900 > :not(template) ~ :not(template) { + .sm\:divide-gray-900 > :not(template) ~ :not(template) { border-color: #18181b; } - .md\:divide-red-50 > :not(template) ~ :not(template) { + .sm\:divide-red-50 > :not(template) ~ :not(template) { border-color: #fef2f2; } - .md\:divide-red-100 > :not(template) ~ :not(template) { + .sm\:divide-red-100 > :not(template) ~ :not(template) { border-color: #fee2e2; } - .md\:divide-red-200 > :not(template) ~ :not(template) { + .sm\:divide-red-200 > :not(template) ~ :not(template) { border-color: #fecaca; } - .md\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .md\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .md\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .md\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .md\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .md\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .md\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .md\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .md\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .md\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .md\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .md\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .md\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .md\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .md\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .md\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .md\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .md\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .md\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .md\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .md\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .md\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .md\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .md\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .md\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .md\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .md\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .md\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .md\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .md\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .md\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .md\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .md\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .md\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .md\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .md\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .md\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .md\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .md\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .md\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .md\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .md\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .md\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .md\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .md\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } - - .md\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } - - .md\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } - - .md\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } - - .md\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } - - .md\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } - - .md\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } - - .md\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } - - .md\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } - - .md\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } - - .md\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } - - .md\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } - - .md\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } - - @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) { - border-color: #000; - } - - .md\:dark\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } - - .md\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } - - .md\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } - - .md\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } - - .md\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } - - .md\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } - - .md\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } - - .md\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } - - .md\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } - - .md\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } - - .md\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } - - .md\:dark\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } - - .md\:dark\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } - - .md\:dark\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } - - .md\:dark\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .md\:dark\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .md\:dark\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .md\:dark\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .md\:dark\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .md\:dark\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .md\:dark\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .md\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .md\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .md\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .md\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .md\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .md\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .md\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .md\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .md\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .md\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .md\:dark\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .md\:dark\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .md\:dark\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .md\:dark\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .md\:dark\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .md\:dark\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .md\:dark\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .md\:dark\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .md\:dark\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .md\:dark\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .md\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .md\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .md\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .md\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .md\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .md\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .md\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .md\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .md\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .md\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .md\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .md\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .md\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .md\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .md\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .md\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .md\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .md\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } - - .md\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } - - .md\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } - - .md\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } - - .md\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } - - .md\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } - - .md\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } - - .md\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } - - .md\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } - - .md\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } - - .md\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } - - .md\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } - - .md\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } - } - - .md\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; - } - - .md\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; - } - - .md\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; - } - - .md\:divide-double > :not(template) ~ :not(template) { - border-style: double; - } - - .md\:divide-none > :not(template) ~ :not(template) { - border-style: none; - } - - .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\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .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\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .md\:appearance-none { - appearance: none; - } - - .md\:bg-fixed { - background-attachment: fixed; - } - - .md\:bg-local { - background-attachment: local; - } - - .md\:bg-scroll { - background-attachment: scroll; - } - - .md\:bg-clip-border { - background-clip: border-box; - } - - .md\:bg-clip-padding { - background-clip: padding-box; - } - - .md\:bg-clip-content { - background-clip: content-box; - } - - .md\:bg-clip-text { - background-clip: text; - } - - .md\:bg-transparent { - background-color: transparent; - } - - .md\:bg-current { - background-color: currentColor; - } - - .md\:bg-black { - background-color: #000; - } - - .md\:bg-white { - background-color: #fff; - } - - .md\:bg-gray-50 { - background-color: #fafafa; - } - - .md\:bg-gray-100 { - background-color: #f4f4f5; - } - - .md\:bg-gray-200 { - background-color: #e4e4e7; - } - - .md\:bg-gray-300 { - background-color: #d4d4d8; - } - - .md\:bg-gray-400 { - background-color: #a1a1aa; - } - - .md\:bg-gray-500 { - background-color: #71717a; - } - - .md\:bg-gray-600 { - background-color: #52525b; - } - - .md\:bg-gray-700 { - background-color: #3f3f46; - } - - .md\:bg-gray-800 { - background-color: #27272a; - } - - .md\:bg-gray-900 { - background-color: #18181b; - } - - .md\:bg-red-50 { - background-color: #fef2f2; - } - - .md\:bg-red-100 { - background-color: #fee2e2; - } - - .md\:bg-red-200 { - background-color: #fecaca; - } - - .md\:bg-red-300 { - background-color: #fca5a5; - } - - .md\:bg-red-400 { - background-color: #f87171; - } - - .md\:bg-red-500 { - background-color: #ef4444; - } - - .md\:bg-red-600 { - background-color: #dc2626; - } - - .md\:bg-red-700 { - background-color: #b91c1c; - } - - .md\:bg-red-800 { - background-color: #991b1b; - } - - .md\:bg-red-900 { - background-color: #7f1d1d; - } - - .md\:bg-yellow-50 { - background-color: #fffbeb; - } - - .md\:bg-yellow-100 { - background-color: #fef3c7; - } - - .md\:bg-yellow-200 { - background-color: #fde68a; - } - - .md\:bg-yellow-300 { - background-color: #fcd34d; - } - - .md\:bg-yellow-400 { - background-color: #fbbf24; - } - - .md\:bg-yellow-500 { - background-color: #f59e0b; - } - - .md\:bg-yellow-600 { - background-color: #d97706; - } - - .md\:bg-yellow-700 { - background-color: #b45309; - } - - .md\:bg-yellow-800 { - background-color: #92400e; - } - - .md\:bg-yellow-900 { - background-color: #78350f; - } - - .md\:bg-green-50 { - background-color: #ecfdf5; - } - - .md\:bg-green-100 { - background-color: #d1fae5; - } - - .md\:bg-green-200 { - background-color: #a7f3d0; - } - - .md\:bg-green-300 { - background-color: #6ee7b7; - } - - .md\:bg-green-400 { - background-color: #34d399; - } - - .md\:bg-green-500 { - background-color: #10b981; - } - - .md\:bg-green-600 { - background-color: #059669; - } - - .md\:bg-green-700 { - background-color: #047857; - } - - .md\:bg-green-800 { - background-color: #065f46; - } - - .md\:bg-green-900 { - background-color: #064e3b; - } - - .md\:bg-blue-50 { - background-color: #eff6ff; - } - - .md\:bg-blue-100 { - background-color: #dbeafe; - } - - .md\:bg-blue-200 { - background-color: #bfdbfe; - } - - .md\:bg-blue-300 { - background-color: #93c5fd; - } - - .md\:bg-blue-400 { - background-color: #60a5fa; - } - - .md\:bg-blue-500 { - background-color: #3b82f6; - } - - .md\:bg-blue-600 { - background-color: #2563eb; - } - - .md\:bg-blue-700 { - background-color: #1d4ed8; - } - - .md\:bg-blue-800 { - background-color: #1e40af; - } - - .md\:bg-blue-900 { - background-color: #1e3a8a; - } - - .md\:bg-purple-50 { - background-color: #f5f3ff; - } - - .md\:bg-purple-100 { - background-color: #ede9fe; - } - - .md\:bg-purple-200 { - background-color: #ddd6fe; - } - - .md\:bg-purple-300 { - background-color: #c4b5fd; - } - - .md\:bg-purple-400 { - background-color: #a78bfa; - } - - .md\:bg-purple-500 { - background-color: #8b5cf6; - } - - .md\:bg-purple-600 { - background-color: #7c3aed; - } - - .md\:bg-purple-700 { - background-color: #6d28d9; - } - - .md\:bg-purple-800 { - background-color: #5b21b6; - } - - .md\:bg-purple-900 { - background-color: #4c1d95; - } - - .md\:bg-pink-50 { - background-color: #fdf2f8; - } - - .md\:bg-pink-100 { - background-color: #fce7f3; - } - - .md\:bg-pink-200 { - background-color: #fbcfe8; - } - - .md\:bg-pink-300 { - background-color: #f9a8d4; - } - - .md\:bg-pink-400 { - background-color: #f472b6; - } - - .md\:bg-pink-500 { - background-color: #ec4899; - } - - .md\:bg-pink-600 { - background-color: #db2777; - } - - .md\:bg-pink-700 { - background-color: #be185d; - } - - .md\:bg-pink-800 { - background-color: #9d174d; - } - - .md\:bg-pink-900 { - background-color: #831843; - } - - .group:hover .md\:group-hover\:bg-transparent { - background-color: transparent; + .sm\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #fca5a5; } - .group:hover .md\:group-hover\:bg-current { - background-color: currentColor; + .sm\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #f87171; } - .group:hover .md\:group-hover\:bg-black { - background-color: #000; + .sm\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #ef4444; } - .group:hover .md\:group-hover\:bg-white { - background-color: #fff; + .sm\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #dc2626; } - .group:hover .md\:group-hover\:bg-gray-50 { - background-color: #fafafa; + .sm\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #b91c1c; } - .group:hover .md\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; + .sm\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #991b1b; } - .group:hover .md\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; + .sm\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #7f1d1d; } - .group:hover .md\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; + .sm\:divide-yellow-50 > :not(template) ~ :not(template) { + border-color: #fffbeb; } - .group:hover .md\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fef3c7; } - .group:hover .md\:group-hover\:bg-gray-500 { - background-color: #71717a; + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fde68a; } - .group:hover .md\:group-hover\:bg-gray-600 { - background-color: #52525b; + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #fcd34d; } - .group:hover .md\:group-hover\:bg-gray-700 { - background-color: #3f3f46; + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #fbbf24; } - .group:hover .md\:group-hover\:bg-gray-800 { - background-color: #27272a; + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #f59e0b; } - .group:hover .md\:group-hover\:bg-gray-900 { - background-color: #18181b; + .sm\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d97706; } - .group:hover .md\:group-hover\:bg-red-50 { - background-color: #fef2f2; + .sm\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b45309; } - .group:hover .md\:group-hover\:bg-red-100 { - background-color: #fee2e2; + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #92400e; } - .group:hover .md\:group-hover\:bg-red-200 { - background-color: #fecaca; + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #78350f; } - .group:hover .md\:group-hover\:bg-red-300 { - background-color: #fca5a5; + .sm\:divide-green-50 > :not(template) ~ :not(template) { + border-color: #ecfdf5; } - .group:hover .md\:group-hover\:bg-red-400 { - background-color: #f87171; + .sm\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #d1fae5; } - .group:hover .md\:group-hover\:bg-red-500 { - background-color: #ef4444; + .sm\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #a7f3d0; } - .group:hover .md\:group-hover\:bg-red-600 { - background-color: #dc2626; + .sm\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #6ee7b7; } - .group:hover .md\:group-hover\:bg-red-700 { - background-color: #b91c1c; + .sm\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #34d399; } - .group:hover .md\:group-hover\:bg-red-800 { - background-color: #991b1b; + .sm\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #10b981; } - .group:hover .md\:group-hover\:bg-red-900 { - background-color: #7f1d1d; + .sm\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #059669; } - .group:hover .md\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; + .sm\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #047857; } - .group:hover .md\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; + .sm\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #065f46; } - .group:hover .md\:group-hover\:bg-yellow-200 { - background-color: #fde68a; + .sm\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #064e3b; } - .group:hover .md\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; + .sm\:divide-blue-50 > :not(template) ~ :not(template) { + border-color: #eff6ff; } - .group:hover .md\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #dbeafe; } - .group:hover .md\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bfdbfe; } - .group:hover .md\:group-hover\:bg-yellow-600 { - background-color: #d97706; + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #93c5fd; } - .group:hover .md\:group-hover\:bg-yellow-700 { - background-color: #b45309; + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #60a5fa; } - .group:hover .md\:group-hover\:bg-yellow-800 { - background-color: #92400e; + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #3b82f6; } - .group:hover .md\:group-hover\:bg-yellow-900 { - background-color: #78350f; + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #2563eb; } - .group:hover .md\:group-hover\:bg-green-50 { - background-color: #ecfdf5; + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #1d4ed8; } - .group:hover .md\:group-hover\:bg-green-100 { - background-color: #d1fae5; + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #1e40af; } - .group:hover .md\:group-hover\:bg-green-200 { - background-color: #a7f3d0; + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #1e3a8a; } - .group:hover .md\:group-hover\:bg-green-300 { - background-color: #6ee7b7; + .sm\:divide-purple-50 > :not(template) ~ :not(template) { + border-color: #f5f3ff; } - .group:hover .md\:group-hover\:bg-green-400 { - background-color: #34d399; + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #ede9fe; } - .group:hover .md\:group-hover\:bg-green-500 { - background-color: #10b981; + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #ddd6fe; } - .group:hover .md\:group-hover\:bg-green-600 { - background-color: #059669; + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #c4b5fd; } - .group:hover .md\:group-hover\:bg-green-700 { - background-color: #047857; + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #a78bfa; } - .group:hover .md\:group-hover\:bg-green-800 { - background-color: #065f46; + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #8b5cf6; } - .group:hover .md\:group-hover\:bg-green-900 { - background-color: #064e3b; + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #7c3aed; } - .group:hover .md\:group-hover\:bg-blue-50 { - background-color: #eff6ff; + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6d28d9; } - .group:hover .md\:group-hover\:bg-blue-100 { - background-color: #dbeafe; + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #5b21b6; } - .group:hover .md\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #4c1d95; } - .group:hover .md\:group-hover\:bg-blue-300 { - background-color: #93c5fd; + .sm\:divide-pink-50 > :not(template) ~ :not(template) { + border-color: #fdf2f8; } - .group:hover .md\:group-hover\:bg-blue-400 { - background-color: #60a5fa; + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fce7f3; } - .group:hover .md\:group-hover\:bg-blue-500 { - background-color: #3b82f6; + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fbcfe8; } - .group:hover .md\:group-hover\:bg-blue-600 { - background-color: #2563eb; + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #f9a8d4; } - .group:hover .md\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f472b6; } - .group:hover .md\:group-hover\:bg-blue-800 { - background-color: #1e40af; + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ec4899; } - .group:hover .md\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #db2777; } - .group:hover .md\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #be185d; } - .group:hover .md\:group-hover\:bg-purple-100 { - background-color: #ede9fe; + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #9d174d; } - .group:hover .md\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #831843; } - .group:hover .md\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; + .sm\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .group:hover .md\:group-hover\:bg-purple-400 { - background-color: #a78bfa; + .sm\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .group:hover .md\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; + .sm\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .group:hover .md\:group-hover\:bg-purple-600 { - background-color: #7c3aed; + .sm\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .group:hover .md\:group-hover\:bg-purple-700 { - background-color: #6d28d9; + .sm\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .group:hover .md\:group-hover\:bg-purple-800 { - background-color: #5b21b6; + .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; } - .group:hover .md\:group-hover\:bg-purple-900 { - background-color: #4c1d95; + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .group:hover .md\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; + .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; } - .group:hover .md\:group-hover\:bg-pink-100 { - background-color: #fce7f3; + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .group:hover .md\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; + .sm\:appearance-none { + appearance: none; } - .group:hover .md\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; + .sm\:bg-fixed { + background-attachment: fixed; } - .group:hover .md\:group-hover\:bg-pink-400 { - background-color: #f472b6; + .sm\:bg-local { + background-attachment: local; } - .group:hover .md\:group-hover\:bg-pink-500 { - background-color: #ec4899; + .sm\:bg-scroll { + background-attachment: scroll; } - .group:hover .md\:group-hover\:bg-pink-600 { - background-color: #db2777; + .sm\:bg-clip-border { + background-clip: border-box; } - .group:hover .md\:group-hover\:bg-pink-700 { - background-color: #be185d; + .sm\:bg-clip-padding { + background-clip: padding-box; } - .group:hover .md\:group-hover\:bg-pink-800 { - background-color: #9d174d; + .sm\:bg-clip-content { + background-clip: content-box; } - .group:hover .md\:group-hover\:bg-pink-900 { - background-color: #831843; + .sm\:bg-clip-text { + background-clip: text; } - .md\:hover\:bg-transparent:hover { + .sm\:bg-transparent { background-color: transparent; } - .md\:hover\:bg-current:hover { + .sm\:bg-current { background-color: currentColor; } - .md\:hover\:bg-black:hover { + .sm\:bg-black { background-color: #000; } - .md\:hover\:bg-white:hover { + .sm\:bg-white { background-color: #fff; } - .md\:hover\:bg-gray-50:hover { + .sm\:bg-gray-50 { background-color: #fafafa; } - .md\:hover\:bg-gray-100:hover { + .sm\:bg-gray-100 { background-color: #f4f4f5; } - .md\:hover\:bg-gray-200:hover { + .sm\:bg-gray-200 { background-color: #e4e4e7; } - .md\:hover\:bg-gray-300:hover { + .sm\:bg-gray-300 { background-color: #d4d4d8; } - .md\:hover\:bg-gray-400:hover { + .sm\:bg-gray-400 { background-color: #a1a1aa; } - .md\:hover\:bg-gray-500:hover { + .sm\:bg-gray-500 { background-color: #71717a; } - .md\:hover\:bg-gray-600:hover { + .sm\:bg-gray-600 { background-color: #52525b; } - .md\:hover\:bg-gray-700:hover { + .sm\:bg-gray-700 { background-color: #3f3f46; } - .md\:hover\:bg-gray-800:hover { + .sm\:bg-gray-800 { background-color: #27272a; } - .md\:hover\:bg-gray-900:hover { + .sm\:bg-gray-900 { background-color: #18181b; } - .md\:hover\:bg-red-50:hover { + .sm\:bg-red-50 { background-color: #fef2f2; } - .md\:hover\:bg-red-100:hover { + .sm\:bg-red-100 { background-color: #fee2e2; } - .md\:hover\:bg-red-200:hover { + .sm\:bg-red-200 { background-color: #fecaca; } - .md\:hover\:bg-red-300:hover { + .sm\:bg-red-300 { background-color: #fca5a5; } - .md\:hover\:bg-red-400:hover { + .sm\:bg-red-400 { background-color: #f87171; } - .md\:hover\:bg-red-500:hover { + .sm\:bg-red-500 { background-color: #ef4444; } - .md\:hover\:bg-red-600:hover { + .sm\:bg-red-600 { background-color: #dc2626; } - .md\:hover\:bg-red-700:hover { + .sm\:bg-red-700 { background-color: #b91c1c; } - .md\:hover\:bg-red-800:hover { + .sm\:bg-red-800 { background-color: #991b1b; } - .md\:hover\:bg-red-900:hover { + .sm\:bg-red-900 { background-color: #7f1d1d; } - .md\:hover\:bg-yellow-50:hover { + .sm\:bg-yellow-50 { background-color: #fffbeb; } - .md\:hover\:bg-yellow-100:hover { + .sm\:bg-yellow-100 { background-color: #fef3c7; } - .md\:hover\:bg-yellow-200:hover { + .sm\:bg-yellow-200 { background-color: #fde68a; } - .md\:hover\:bg-yellow-300:hover { + .sm\:bg-yellow-300 { background-color: #fcd34d; } - .md\:hover\:bg-yellow-400:hover { + .sm\:bg-yellow-400 { background-color: #fbbf24; } - .md\:hover\:bg-yellow-500:hover { + .sm\:bg-yellow-500 { background-color: #f59e0b; } - .md\:hover\:bg-yellow-600:hover { + .sm\:bg-yellow-600 { background-color: #d97706; } - .md\:hover\:bg-yellow-700:hover { + .sm\:bg-yellow-700 { background-color: #b45309; } - .md\:hover\:bg-yellow-800:hover { + .sm\:bg-yellow-800 { background-color: #92400e; } - .md\:hover\:bg-yellow-900:hover { + .sm\:bg-yellow-900 { background-color: #78350f; } - .md\:hover\:bg-green-50:hover { + .sm\:bg-green-50 { background-color: #ecfdf5; } - .md\:hover\:bg-green-100:hover { + .sm\:bg-green-100 { background-color: #d1fae5; } - .md\:hover\:bg-green-200:hover { + .sm\:bg-green-200 { background-color: #a7f3d0; } - .md\:hover\:bg-green-300:hover { + .sm\:bg-green-300 { background-color: #6ee7b7; } - .md\:hover\:bg-green-400:hover { + .sm\:bg-green-400 { background-color: #34d399; } - .md\:hover\:bg-green-500:hover { + .sm\:bg-green-500 { background-color: #10b981; } - .md\:hover\:bg-green-600:hover { + .sm\:bg-green-600 { background-color: #059669; } - .md\:hover\:bg-green-700:hover { + .sm\:bg-green-700 { background-color: #047857; } - .md\:hover\:bg-green-800:hover { + .sm\:bg-green-800 { background-color: #065f46; } - .md\:hover\:bg-green-900:hover { + .sm\:bg-green-900 { background-color: #064e3b; } - .md\:hover\:bg-blue-50:hover { + .sm\:bg-blue-50 { background-color: #eff6ff; } - .md\:hover\:bg-blue-100:hover { + .sm\:bg-blue-100 { background-color: #dbeafe; } - .md\:hover\:bg-blue-200:hover { + .sm\:bg-blue-200 { background-color: #bfdbfe; } - .md\:hover\:bg-blue-300:hover { + .sm\:bg-blue-300 { background-color: #93c5fd; } - .md\:hover\:bg-blue-400:hover { + .sm\:bg-blue-400 { background-color: #60a5fa; } - .md\:hover\:bg-blue-500:hover { + .sm\:bg-blue-500 { background-color: #3b82f6; } - .md\:hover\:bg-blue-600:hover { + .sm\:bg-blue-600 { background-color: #2563eb; } - .md\:hover\:bg-blue-700:hover { + .sm\:bg-blue-700 { background-color: #1d4ed8; } - .md\:hover\:bg-blue-800:hover { + .sm\:bg-blue-800 { background-color: #1e40af; } - .md\:hover\:bg-blue-900:hover { + .sm\:bg-blue-900 { background-color: #1e3a8a; } - .md\:hover\:bg-purple-50:hover { + .sm\:bg-purple-50 { background-color: #f5f3ff; } - .md\:hover\:bg-purple-100:hover { + .sm\:bg-purple-100 { background-color: #ede9fe; } - .md\:hover\:bg-purple-200:hover { + .sm\:bg-purple-200 { background-color: #ddd6fe; } - .md\:hover\:bg-purple-300:hover { + .sm\:bg-purple-300 { background-color: #c4b5fd; } - .md\:hover\:bg-purple-400:hover { + .sm\:bg-purple-400 { background-color: #a78bfa; } - .md\:hover\:bg-purple-500:hover { + .sm\:bg-purple-500 { background-color: #8b5cf6; } - .md\:hover\:bg-purple-600:hover { + .sm\:bg-purple-600 { background-color: #7c3aed; } - .md\:hover\:bg-purple-700:hover { + .sm\:bg-purple-700 { background-color: #6d28d9; } - .md\:hover\:bg-purple-800:hover { + .sm\:bg-purple-800 { background-color: #5b21b6; } - .md\:hover\:bg-purple-900:hover { + .sm\:bg-purple-900 { background-color: #4c1d95; } - .md\:hover\:bg-pink-50:hover { + .sm\:bg-pink-50 { background-color: #fdf2f8; } - .md\:hover\:bg-pink-100:hover { + .sm\:bg-pink-100 { background-color: #fce7f3; } - .md\:hover\:bg-pink-200:hover { + .sm\:bg-pink-200 { background-color: #fbcfe8; } - .md\:hover\:bg-pink-300:hover { + .sm\:bg-pink-300 { background-color: #f9a8d4; } - .md\:hover\:bg-pink-400:hover { + .sm\:bg-pink-400 { background-color: #f472b6; } - .md\:hover\:bg-pink-500:hover { + .sm\:bg-pink-500 { background-color: #ec4899; } - .md\:hover\:bg-pink-600:hover { + .sm\:bg-pink-600 { background-color: #db2777; } - .md\:hover\:bg-pink-700:hover { + .sm\:bg-pink-700 { background-color: #be185d; } - .md\:hover\:bg-pink-800:hover { + .sm\:bg-pink-800 { background-color: #9d174d; } - .md\:hover\:bg-pink-900:hover { + .sm\:bg-pink-900 { background-color: #831843; } - .md\:focus\:bg-transparent:focus { + .group:hover .sm\:group-hover\:bg-transparent { background-color: transparent; } - .md\:focus\:bg-current:focus { + .group:hover .sm\:group-hover\:bg-current { background-color: currentColor; } - .md\:focus\:bg-black:focus { + .group:hover .sm\:group-hover\:bg-black { background-color: #000; } - .md\:focus\:bg-white:focus { + .group:hover .sm\:group-hover\:bg-white { background-color: #fff; } - .md\:focus\:bg-gray-50:focus { + .group:hover .sm\:group-hover\:bg-gray-50 { background-color: #fafafa; } - .md\:focus\:bg-gray-100:focus { + .group:hover .sm\:group-hover\:bg-gray-100 { background-color: #f4f4f5; } - .md\:focus\:bg-gray-200:focus { + .group:hover .sm\:group-hover\:bg-gray-200 { background-color: #e4e4e7; } - .md\:focus\:bg-gray-300:focus { + .group:hover .sm\:group-hover\:bg-gray-300 { background-color: #d4d4d8; } - .md\:focus\:bg-gray-400:focus { + .group:hover .sm\:group-hover\:bg-gray-400 { background-color: #a1a1aa; } - .md\:focus\:bg-gray-500:focus { + .group:hover .sm\:group-hover\:bg-gray-500 { background-color: #71717a; } - .md\:focus\:bg-gray-600:focus { + .group:hover .sm\:group-hover\:bg-gray-600 { background-color: #52525b; } - .md\:focus\:bg-gray-700:focus { + .group:hover .sm\:group-hover\:bg-gray-700 { background-color: #3f3f46; } - .md\:focus\:bg-gray-800:focus { + .group:hover .sm\:group-hover\:bg-gray-800 { background-color: #27272a; } - .md\:focus\:bg-gray-900:focus { + .group:hover .sm\:group-hover\:bg-gray-900 { background-color: #18181b; } - .md\:focus\:bg-red-50:focus { + .group:hover .sm\:group-hover\:bg-red-50 { background-color: #fef2f2; } - .md\:focus\:bg-red-100:focus { + .group:hover .sm\:group-hover\:bg-red-100 { background-color: #fee2e2; } - .md\:focus\:bg-red-200:focus { + .group:hover .sm\:group-hover\:bg-red-200 { background-color: #fecaca; } - .md\:focus\:bg-red-300:focus { + .group:hover .sm\:group-hover\:bg-red-300 { background-color: #fca5a5; } - .md\:focus\:bg-red-400:focus { + .group:hover .sm\:group-hover\:bg-red-400 { background-color: #f87171; } - .md\:focus\:bg-red-500:focus { + .group:hover .sm\:group-hover\:bg-red-500 { background-color: #ef4444; } - .md\:focus\:bg-red-600:focus { + .group:hover .sm\:group-hover\:bg-red-600 { background-color: #dc2626; } - .md\:focus\:bg-red-700:focus { + .group:hover .sm\:group-hover\:bg-red-700 { background-color: #b91c1c; } - .md\:focus\:bg-red-800:focus { + .group:hover .sm\:group-hover\:bg-red-800 { background-color: #991b1b; } - .md\:focus\:bg-red-900:focus { + .group:hover .sm\:group-hover\:bg-red-900 { background-color: #7f1d1d; } - .md\:focus\:bg-yellow-50:focus { + .group:hover .sm\:group-hover\:bg-yellow-50 { background-color: #fffbeb; } - .md\:focus\:bg-yellow-100:focus { + .group:hover .sm\:group-hover\:bg-yellow-100 { background-color: #fef3c7; } - .md\:focus\:bg-yellow-200:focus { + .group:hover .sm\:group-hover\:bg-yellow-200 { background-color: #fde68a; } - .md\:focus\:bg-yellow-300:focus { + .group:hover .sm\:group-hover\:bg-yellow-300 { background-color: #fcd34d; } - .md\:focus\:bg-yellow-400:focus { + .group:hover .sm\:group-hover\:bg-yellow-400 { background-color: #fbbf24; } - .md\:focus\:bg-yellow-500:focus { + .group:hover .sm\:group-hover\:bg-yellow-500 { background-color: #f59e0b; } - .md\:focus\:bg-yellow-600:focus { + .group:hover .sm\:group-hover\:bg-yellow-600 { background-color: #d97706; } - .md\:focus\:bg-yellow-700:focus { + .group:hover .sm\:group-hover\:bg-yellow-700 { background-color: #b45309; } - .md\:focus\:bg-yellow-800:focus { + .group:hover .sm\:group-hover\:bg-yellow-800 { background-color: #92400e; } - .md\:focus\:bg-yellow-900:focus { + .group:hover .sm\:group-hover\:bg-yellow-900 { background-color: #78350f; } - .md\:focus\:bg-green-50:focus { + .group:hover .sm\:group-hover\:bg-green-50 { background-color: #ecfdf5; } - .md\:focus\:bg-green-100:focus { + .group:hover .sm\:group-hover\:bg-green-100 { background-color: #d1fae5; } - .md\:focus\:bg-green-200:focus { + .group:hover .sm\:group-hover\:bg-green-200 { background-color: #a7f3d0; } - .md\:focus\:bg-green-300:focus { + .group:hover .sm\:group-hover\:bg-green-300 { background-color: #6ee7b7; } - .md\:focus\:bg-green-400:focus { + .group:hover .sm\:group-hover\:bg-green-400 { background-color: #34d399; } - .md\:focus\:bg-green-500:focus { + .group:hover .sm\:group-hover\:bg-green-500 { background-color: #10b981; } - .md\:focus\:bg-green-600:focus { + .group:hover .sm\:group-hover\:bg-green-600 { background-color: #059669; } - .md\:focus\:bg-green-700:focus { + .group:hover .sm\:group-hover\:bg-green-700 { background-color: #047857; } - .md\:focus\:bg-green-800:focus { + .group:hover .sm\:group-hover\:bg-green-800 { background-color: #065f46; } - .md\:focus\:bg-green-900:focus { + .group:hover .sm\:group-hover\:bg-green-900 { background-color: #064e3b; } - .md\:focus\:bg-blue-50:focus { + .group:hover .sm\:group-hover\:bg-blue-50 { background-color: #eff6ff; } - .md\:focus\:bg-blue-100:focus { + .group:hover .sm\:group-hover\:bg-blue-100 { background-color: #dbeafe; } - .md\:focus\:bg-blue-200:focus { + .group:hover .sm\:group-hover\:bg-blue-200 { background-color: #bfdbfe; } - .md\:focus\:bg-blue-300:focus { + .group:hover .sm\:group-hover\:bg-blue-300 { background-color: #93c5fd; } - .md\:focus\:bg-blue-400:focus { + .group:hover .sm\:group-hover\:bg-blue-400 { background-color: #60a5fa; } - .md\:focus\:bg-blue-500:focus { + .group:hover .sm\:group-hover\:bg-blue-500 { background-color: #3b82f6; } - .md\:focus\:bg-blue-600:focus { + .group:hover .sm\:group-hover\:bg-blue-600 { background-color: #2563eb; } - .md\:focus\:bg-blue-700:focus { + .group:hover .sm\:group-hover\:bg-blue-700 { background-color: #1d4ed8; } - .md\:focus\:bg-blue-800:focus { + .group:hover .sm\:group-hover\:bg-blue-800 { background-color: #1e40af; } - .md\:focus\:bg-blue-900:focus { + .group:hover .sm\:group-hover\:bg-blue-900 { background-color: #1e3a8a; } - .md\:focus\:bg-purple-50:focus { + .group:hover .sm\:group-hover\:bg-purple-50 { background-color: #f5f3ff; } - .md\:focus\:bg-purple-100:focus { + .group:hover .sm\:group-hover\:bg-purple-100 { background-color: #ede9fe; } - .md\:focus\:bg-purple-200:focus { + .group:hover .sm\:group-hover\:bg-purple-200 { background-color: #ddd6fe; } - .md\:focus\:bg-purple-300:focus { + .group:hover .sm\:group-hover\:bg-purple-300 { background-color: #c4b5fd; } - .md\:focus\:bg-purple-400:focus { + .group:hover .sm\:group-hover\:bg-purple-400 { background-color: #a78bfa; } - .md\:focus\:bg-purple-500:focus { + .group:hover .sm\:group-hover\:bg-purple-500 { background-color: #8b5cf6; } - .md\:focus\:bg-purple-600:focus { + .group:hover .sm\:group-hover\:bg-purple-600 { background-color: #7c3aed; } - .md\:focus\:bg-purple-700:focus { + .group:hover .sm\:group-hover\:bg-purple-700 { background-color: #6d28d9; } - .md\:focus\:bg-purple-800:focus { + .group:hover .sm\:group-hover\:bg-purple-800 { background-color: #5b21b6; } - .md\:focus\:bg-purple-900:focus { + .group:hover .sm\:group-hover\:bg-purple-900 { background-color: #4c1d95; } - .md\:focus\:bg-pink-50:focus { + .group:hover .sm\:group-hover\:bg-pink-50 { background-color: #fdf2f8; } - .md\:focus\:bg-pink-100:focus { + .group:hover .sm\:group-hover\:bg-pink-100 { background-color: #fce7f3; } - .md\:focus\:bg-pink-200:focus { + .group:hover .sm\:group-hover\:bg-pink-200 { background-color: #fbcfe8; } - .md\:focus\:bg-pink-300:focus { + .group:hover .sm\:group-hover\:bg-pink-300 { background-color: #f9a8d4; } - .md\:focus\:bg-pink-400:focus { + .group:hover .sm\:group-hover\:bg-pink-400 { background-color: #f472b6; } - .md\:focus\:bg-pink-500:focus { + .group:hover .sm\:group-hover\:bg-pink-500 { background-color: #ec4899; } - .md\:focus\:bg-pink-600:focus { + .group:hover .sm\:group-hover\:bg-pink-600 { background-color: #db2777; } - .md\:focus\:bg-pink-700:focus { + .group:hover .sm\:group-hover\:bg-pink-700 { background-color: #be185d; } - .md\:focus\:bg-pink-800:focus { + .group:hover .sm\:group-hover\:bg-pink-800 { background-color: #9d174d; } - .md\:focus\:bg-pink-900:focus { + .group:hover .sm\:group-hover\:bg-pink-900 { background-color: #831843; } - @media (prefers-color-scheme: dark) { - .md\:dark\:bg-transparent { - background-color: transparent; - } - - .md\:dark\:bg-current { - background-color: currentColor; - } - - .md\:dark\:bg-black { - background-color: #000; - } - - .md\:dark\:bg-white { - background-color: #fff; - } - - .md\:dark\:bg-gray-50 { - background-color: #fafafa; - } - - .md\:dark\:bg-gray-100 { - background-color: #f4f4f5; - } - - .md\:dark\:bg-gray-200 { - background-color: #e4e4e7; - } - - .md\:dark\:bg-gray-300 { - background-color: #d4d4d8; - } - - .md\:dark\:bg-gray-400 { - background-color: #a1a1aa; - } - - .md\:dark\:bg-gray-500 { - background-color: #71717a; - } - - .md\:dark\:bg-gray-600 { - background-color: #52525b; - } - - .md\:dark\:bg-gray-700 { - background-color: #3f3f46; - } - - .md\:dark\:bg-gray-800 { - background-color: #27272a; - } - - .md\:dark\:bg-gray-900 { - background-color: #18181b; - } - - .md\:dark\:bg-red-50 { - background-color: #fef2f2; - } - - .md\:dark\:bg-red-100 { - background-color: #fee2e2; - } - - .md\:dark\:bg-red-200 { - background-color: #fecaca; - } - - .md\:dark\:bg-red-300 { - background-color: #fca5a5; - } - - .md\:dark\:bg-red-400 { - background-color: #f87171; - } - - .md\:dark\:bg-red-500 { - background-color: #ef4444; - } - - .md\:dark\:bg-red-600 { - background-color: #dc2626; - } - - .md\:dark\:bg-red-700 { - background-color: #b91c1c; - } - - .md\:dark\:bg-red-800 { - background-color: #991b1b; - } - - .md\:dark\:bg-red-900 { - background-color: #7f1d1d; - } - - .md\:dark\:bg-yellow-50 { - background-color: #fffbeb; - } - - .md\:dark\:bg-yellow-100 { - background-color: #fef3c7; - } - - .md\:dark\:bg-yellow-200 { - background-color: #fde68a; - } - - .md\:dark\:bg-yellow-300 { - background-color: #fcd34d; - } - - .md\:dark\:bg-yellow-400 { - background-color: #fbbf24; - } - - .md\:dark\:bg-yellow-500 { - background-color: #f59e0b; - } - - .md\:dark\:bg-yellow-600 { - background-color: #d97706; - } - - .md\:dark\:bg-yellow-700 { - background-color: #b45309; - } - - .md\:dark\:bg-yellow-800 { - background-color: #92400e; - } - - .md\:dark\:bg-yellow-900 { - background-color: #78350f; - } - - .md\:dark\:bg-green-50 { - background-color: #ecfdf5; - } - - .md\:dark\:bg-green-100 { - background-color: #d1fae5; - } - - .md\:dark\:bg-green-200 { - background-color: #a7f3d0; - } - - .md\:dark\:bg-green-300 { - background-color: #6ee7b7; - } - - .md\:dark\:bg-green-400 { - background-color: #34d399; - } - - .md\:dark\:bg-green-500 { - background-color: #10b981; - } - - .md\:dark\:bg-green-600 { - background-color: #059669; - } - - .md\:dark\:bg-green-700 { - background-color: #047857; - } - - .md\:dark\:bg-green-800 { - background-color: #065f46; - } - - .md\:dark\:bg-green-900 { - background-color: #064e3b; - } - - .md\:dark\:bg-blue-50 { - background-color: #eff6ff; - } - - .md\:dark\:bg-blue-100 { - background-color: #dbeafe; - } - - .md\:dark\:bg-blue-200 { - background-color: #bfdbfe; - } - - .md\:dark\:bg-blue-300 { - background-color: #93c5fd; - } - - .md\:dark\:bg-blue-400 { - background-color: #60a5fa; - } - - .md\:dark\:bg-blue-500 { - background-color: #3b82f6; - } - - .md\:dark\:bg-blue-600 { - background-color: #2563eb; - } - - .md\:dark\:bg-blue-700 { - background-color: #1d4ed8; - } - - .md\:dark\:bg-blue-800 { - background-color: #1e40af; - } - - .md\:dark\:bg-blue-900 { - background-color: #1e3a8a; - } - - .md\:dark\:bg-purple-50 { - background-color: #f5f3ff; - } - - .md\:dark\:bg-purple-100 { - background-color: #ede9fe; - } - - .md\:dark\:bg-purple-200 { - background-color: #ddd6fe; - } - - .md\:dark\:bg-purple-300 { - background-color: #c4b5fd; - } - - .md\:dark\:bg-purple-400 { - background-color: #a78bfa; - } - - .md\:dark\:bg-purple-500 { - background-color: #8b5cf6; - } - - .md\:dark\:bg-purple-600 { - background-color: #7c3aed; - } - - .md\:dark\:bg-purple-700 { - background-color: #6d28d9; - } - - .md\:dark\:bg-purple-800 { - background-color: #5b21b6; - } - - .md\:dark\:bg-purple-900 { - background-color: #4c1d95; - } - - .md\:dark\:bg-pink-50 { - background-color: #fdf2f8; - } - - .md\:dark\:bg-pink-100 { - background-color: #fce7f3; - } - - .md\:dark\:bg-pink-200 { - background-color: #fbcfe8; - } - - .md\:dark\:bg-pink-300 { - background-color: #f9a8d4; - } - - .md\:dark\:bg-pink-400 { - background-color: #f472b6; - } - - .md\:dark\:bg-pink-500 { - background-color: #ec4899; - } - - .md\:dark\:bg-pink-600 { - background-color: #db2777; - } - - .md\:dark\:bg-pink-700 { - background-color: #be185d; - } - - .md\:dark\:bg-pink-800 { - background-color: #9d174d; - } - - .md\:dark\:bg-pink-900 { - background-color: #831843; - } - - .group:hover .md\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .md\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .md\:dark\:group-hover\:bg-black { - background-color: #000; - } - - .group:hover .md\:dark\:group-hover\:bg-white { - background-color: #fff; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-500 { - background-color: #71717a; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-600 { - background-color: #52525b; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-800 { - background-color: #27272a; - } - - .group:hover .md\:dark\:group-hover\:bg-gray-900 { - background-color: #18181b; - } - - .group:hover .md\:dark\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } - - .group:hover .md\:dark\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } - - .group:hover .md\:dark\:group-hover\:bg-red-200 { - background-color: #fecaca; - } - - .group:hover .md\:dark\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } - - .group:hover .md\:dark\:group-hover\:bg-red-400 { - background-color: #f87171; - } - - .group:hover .md\:dark\:group-hover\:bg-red-500 { - background-color: #ef4444; - } - - .group:hover .md\:dark\:group-hover\:bg-red-600 { - background-color: #dc2626; - } - - .group:hover .md\:dark\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } - - .group:hover .md\:dark\:group-hover\:bg-red-800 { - background-color: #991b1b; - } - - .group:hover .md\:dark\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } - - .group:hover .md\:dark\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } - - .group:hover .md\:dark\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } - - .group:hover .md\:dark\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } - - .group:hover .md\:dark\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } - - .group:hover .md\:dark\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } - - .group:hover .md\:dark\:group-hover\:bg-green-400 { - background-color: #34d399; - } - - .group:hover .md\:dark\:group-hover\:bg-green-500 { - background-color: #10b981; - } - - .group:hover .md\:dark\:group-hover\:bg-green-600 { - background-color: #059669; - } - - .group:hover .md\:dark\:group-hover\:bg-green-700 { - background-color: #047857; - } - - .group:hover .md\:dark\:group-hover\:bg-green-800 { - background-color: #065f46; - } - - .group:hover .md\:dark\:group-hover\:bg-green-900 { - background-color: #064e3b; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } - - .group:hover .md\:dark\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } - - .group:hover .md\:dark\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-600 { - background-color: #db2777; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-700 { - background-color: #be185d; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } - - .group:hover .md\:dark\:group-hover\:bg-pink-900 { - background-color: #831843; - } - - .md\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .sm\:hover\:bg-transparent:hover { + background-color: transparent; + } - .md\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .sm\:hover\:bg-current:hover { + background-color: currentColor; + } - .md\:dark\:hover\:bg-black:hover { - background-color: #000; - } + .sm\:hover\:bg-black:hover { + background-color: #000; + } - .md\:dark\:hover\:bg-white:hover { - background-color: #fff; - } + .sm\:hover\:bg-white:hover { + background-color: #fff; + } - .md\:dark\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } + .sm\:hover\:bg-gray-50:hover { + background-color: #fafafa; + } - .md\:dark\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } + .sm\:hover\:bg-gray-100:hover { + background-color: #f4f4f5; + } - .md\:dark\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } + .sm\:hover\:bg-gray-200:hover { + background-color: #e4e4e7; + } - .md\:dark\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } + .sm\:hover\:bg-gray-300:hover { + background-color: #d4d4d8; + } - .md\:dark\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } + .sm\:hover\:bg-gray-400:hover { + background-color: #a1a1aa; + } - .md\:dark\:hover\:bg-gray-500:hover { - background-color: #71717a; - } + .sm\:hover\:bg-gray-500:hover { + background-color: #71717a; + } - .md\:dark\:hover\:bg-gray-600:hover { - background-color: #52525b; - } + .sm\:hover\:bg-gray-600:hover { + background-color: #52525b; + } - .md\:dark\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } + .sm\:hover\:bg-gray-700:hover { + background-color: #3f3f46; + } - .md\:dark\:hover\:bg-gray-800:hover { - background-color: #27272a; - } + .sm\:hover\:bg-gray-800:hover { + background-color: #27272a; + } - .md\:dark\:hover\:bg-gray-900:hover { - background-color: #18181b; - } + .sm\:hover\:bg-gray-900:hover { + background-color: #18181b; + } - .md\:dark\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } + .sm\:hover\:bg-red-50:hover { + background-color: #fef2f2; + } - .md\:dark\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } + .sm\:hover\:bg-red-100:hover { + background-color: #fee2e2; + } - .md\:dark\:hover\:bg-red-200:hover { - background-color: #fecaca; - } + .sm\:hover\:bg-red-200:hover { + background-color: #fecaca; + } - .md\:dark\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } + .sm\:hover\:bg-red-300:hover { + background-color: #fca5a5; + } - .md\:dark\:hover\:bg-red-400:hover { - background-color: #f87171; - } + .sm\:hover\:bg-red-400:hover { + background-color: #f87171; + } - .md\:dark\:hover\:bg-red-500:hover { - background-color: #ef4444; - } + .sm\:hover\:bg-red-500:hover { + background-color: #ef4444; + } - .md\:dark\:hover\:bg-red-600:hover { - background-color: #dc2626; - } + .sm\:hover\:bg-red-600:hover { + background-color: #dc2626; + } - .md\:dark\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } + .sm\:hover\:bg-red-700:hover { + background-color: #b91c1c; + } - .md\:dark\:hover\:bg-red-800:hover { - background-color: #991b1b; - } + .sm\:hover\:bg-red-800:hover { + background-color: #991b1b; + } - .md\:dark\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } + .sm\:hover\:bg-red-900:hover { + background-color: #7f1d1d; + } - .md\:dark\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } + .sm\:hover\:bg-yellow-50:hover { + background-color: #fffbeb; + } - .md\:dark\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } + .sm\:hover\:bg-yellow-100:hover { + background-color: #fef3c7; + } - .md\:dark\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } + .sm\:hover\:bg-yellow-200:hover { + background-color: #fde68a; + } - .md\:dark\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } + .sm\:hover\:bg-yellow-300:hover { + background-color: #fcd34d; + } - .md\:dark\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } + .sm\:hover\:bg-yellow-400:hover { + background-color: #fbbf24; + } - .md\:dark\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } + .sm\:hover\:bg-yellow-500:hover { + background-color: #f59e0b; + } - .md\:dark\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } + .sm\:hover\:bg-yellow-600:hover { + background-color: #d97706; + } - .md\:dark\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } + .sm\:hover\:bg-yellow-700:hover { + background-color: #b45309; + } - .md\:dark\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } + .sm\:hover\:bg-yellow-800:hover { + background-color: #92400e; + } - .md\:dark\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } + .sm\:hover\:bg-yellow-900:hover { + background-color: #78350f; + } - .md\:dark\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } + .sm\:hover\:bg-green-50:hover { + background-color: #ecfdf5; + } - .md\:dark\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } + .sm\:hover\:bg-green-100:hover { + background-color: #d1fae5; + } - .md\:dark\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } + .sm\:hover\:bg-green-200:hover { + background-color: #a7f3d0; + } - .md\:dark\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } + .sm\:hover\:bg-green-300:hover { + background-color: #6ee7b7; + } - .md\:dark\:hover\:bg-green-400:hover { - background-color: #34d399; - } + .sm\:hover\:bg-green-400:hover { + background-color: #34d399; + } - .md\:dark\:hover\:bg-green-500:hover { - background-color: #10b981; - } + .sm\:hover\:bg-green-500:hover { + background-color: #10b981; + } - .md\:dark\:hover\:bg-green-600:hover { - background-color: #059669; - } + .sm\:hover\:bg-green-600:hover { + background-color: #059669; + } - .md\:dark\:hover\:bg-green-700:hover { - background-color: #047857; - } + .sm\:hover\:bg-green-700:hover { + background-color: #047857; + } - .md\:dark\:hover\:bg-green-800:hover { - background-color: #065f46; - } + .sm\:hover\:bg-green-800:hover { + background-color: #065f46; + } - .md\:dark\:hover\:bg-green-900:hover { - background-color: #064e3b; - } + .sm\:hover\:bg-green-900:hover { + background-color: #064e3b; + } - .md\:dark\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } + .sm\:hover\:bg-blue-50:hover { + background-color: #eff6ff; + } - .md\:dark\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } + .sm\:hover\:bg-blue-100:hover { + background-color: #dbeafe; + } - .md\:dark\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } + .sm\:hover\:bg-blue-200:hover { + background-color: #bfdbfe; + } - .md\:dark\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } + .sm\:hover\:bg-blue-300:hover { + background-color: #93c5fd; + } - .md\:dark\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } + .sm\:hover\:bg-blue-400:hover { + background-color: #60a5fa; + } - .md\:dark\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } + .sm\:hover\:bg-blue-500:hover { + background-color: #3b82f6; + } - .md\:dark\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } + .sm\:hover\:bg-blue-600:hover { + background-color: #2563eb; + } - .md\:dark\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } + .sm\:hover\:bg-blue-700:hover { + background-color: #1d4ed8; + } - .md\:dark\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } + .sm\:hover\:bg-blue-800:hover { + background-color: #1e40af; + } - .md\:dark\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; - } + .sm\:hover\:bg-blue-900:hover { + background-color: #1e3a8a; + } - .md\:dark\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; - } + .sm\:hover\:bg-purple-50:hover { + background-color: #f5f3ff; + } - .md\:dark\:hover\:bg-purple-100:hover { - background-color: #ede9fe; - } + .sm\:hover\:bg-purple-100:hover { + background-color: #ede9fe; + } - .md\:dark\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; - } + .sm\:hover\:bg-purple-200:hover { + background-color: #ddd6fe; + } - .md\:dark\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; - } + .sm\:hover\:bg-purple-300:hover { + background-color: #c4b5fd; + } - .md\:dark\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } + .sm\:hover\:bg-purple-400:hover { + background-color: #a78bfa; + } - .md\:dark\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } + .sm\:hover\:bg-purple-500:hover { + background-color: #8b5cf6; + } - .md\:dark\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } + .sm\:hover\:bg-purple-600:hover { + background-color: #7c3aed; + } - .md\:dark\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } + .sm\:hover\:bg-purple-700:hover { + background-color: #6d28d9; + } - .md\:dark\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } + .sm\:hover\:bg-purple-800:hover { + background-color: #5b21b6; + } - .md\:dark\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } + .sm\:hover\:bg-purple-900:hover { + background-color: #4c1d95; + } - .md\:dark\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } + .sm\:hover\:bg-pink-50:hover { + background-color: #fdf2f8; + } - .md\:dark\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } + .sm\:hover\:bg-pink-100:hover { + background-color: #fce7f3; + } - .md\:dark\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } + .sm\:hover\:bg-pink-200:hover { + background-color: #fbcfe8; + } - .md\:dark\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } + .sm\:hover\:bg-pink-300:hover { + background-color: #f9a8d4; + } - .md\:dark\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } + .sm\:hover\:bg-pink-400:hover { + background-color: #f472b6; + } - .md\:dark\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } + .sm\:hover\:bg-pink-500:hover { + background-color: #ec4899; + } - .md\:dark\:hover\:bg-pink-600:hover { - background-color: #db2777; - } + .sm\:hover\:bg-pink-600:hover { + background-color: #db2777; + } - .md\:dark\:hover\:bg-pink-700:hover { - background-color: #be185d; - } + .sm\:hover\:bg-pink-700:hover { + background-color: #be185d; + } - .md\:dark\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } + .sm\:hover\:bg-pink-800:hover { + background-color: #9d174d; + } - .md\:dark\:hover\:bg-pink-900:hover { - background-color: #831843; - } + .sm\:hover\:bg-pink-900:hover { + background-color: #831843; + } - .md\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .sm\:focus\:bg-transparent:focus { + background-color: transparent; + } - .md\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .sm\:focus\:bg-current:focus { + background-color: currentColor; + } - .md\:dark\:focus\:bg-black:focus { - background-color: #000; - } + .sm\:focus\:bg-black:focus { + background-color: #000; + } - .md\:dark\:focus\:bg-white:focus { - background-color: #fff; - } + .sm\:focus\:bg-white:focus { + background-color: #fff; + } - .md\:dark\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } + .sm\:focus\:bg-gray-50:focus { + background-color: #fafafa; + } - .md\:dark\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } + .sm\:focus\:bg-gray-100:focus { + background-color: #f4f4f5; + } - .md\:dark\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } + .sm\:focus\:bg-gray-200:focus { + background-color: #e4e4e7; + } - .md\:dark\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } + .sm\:focus\:bg-gray-300:focus { + background-color: #d4d4d8; + } - .md\:dark\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } + .sm\:focus\:bg-gray-400:focus { + background-color: #a1a1aa; + } - .md\:dark\:focus\:bg-gray-500:focus { - background-color: #71717a; - } + .sm\:focus\:bg-gray-500:focus { + background-color: #71717a; + } - .md\:dark\:focus\:bg-gray-600:focus { - background-color: #52525b; - } + .sm\:focus\:bg-gray-600:focus { + background-color: #52525b; + } - .md\:dark\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } + .sm\:focus\:bg-gray-700:focus { + background-color: #3f3f46; + } - .md\:dark\:focus\:bg-gray-800:focus { - background-color: #27272a; - } + .sm\:focus\:bg-gray-800:focus { + background-color: #27272a; + } - .md\:dark\:focus\:bg-gray-900:focus { - background-color: #18181b; - } + .sm\:focus\:bg-gray-900:focus { + background-color: #18181b; + } - .md\:dark\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } + .sm\:focus\:bg-red-50:focus { + background-color: #fef2f2; + } - .md\:dark\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } + .sm\:focus\:bg-red-100:focus { + background-color: #fee2e2; + } - .md\:dark\:focus\:bg-red-200:focus { - background-color: #fecaca; - } + .sm\:focus\:bg-red-200:focus { + background-color: #fecaca; + } - .md\:dark\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } + .sm\:focus\:bg-red-300:focus { + background-color: #fca5a5; + } - .md\:dark\:focus\:bg-red-400:focus { - background-color: #f87171; - } + .sm\:focus\:bg-red-400:focus { + background-color: #f87171; + } - .md\:dark\:focus\:bg-red-500:focus { - background-color: #ef4444; - } + .sm\:focus\:bg-red-500:focus { + background-color: #ef4444; + } - .md\:dark\:focus\:bg-red-600:focus { - background-color: #dc2626; - } + .sm\:focus\:bg-red-600:focus { + background-color: #dc2626; + } - .md\:dark\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } + .sm\:focus\:bg-red-700:focus { + background-color: #b91c1c; + } - .md\:dark\:focus\:bg-red-800:focus { - background-color: #991b1b; - } + .sm\:focus\:bg-red-800:focus { + background-color: #991b1b; + } - .md\:dark\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } + .sm\:focus\:bg-red-900:focus { + background-color: #7f1d1d; + } - .md\:dark\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } + .sm\:focus\:bg-yellow-50:focus { + background-color: #fffbeb; + } - .md\:dark\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } + .sm\:focus\:bg-yellow-100:focus { + background-color: #fef3c7; + } - .md\:dark\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } + .sm\:focus\:bg-yellow-200:focus { + background-color: #fde68a; + } - .md\:dark\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } + .sm\:focus\:bg-yellow-300:focus { + background-color: #fcd34d; + } - .md\:dark\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } + .sm\:focus\:bg-yellow-400:focus { + background-color: #fbbf24; + } - .md\:dark\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } + .sm\:focus\:bg-yellow-500:focus { + background-color: #f59e0b; + } - .md\:dark\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } + .sm\:focus\:bg-yellow-600:focus { + background-color: #d97706; + } - .md\:dark\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } + .sm\:focus\:bg-yellow-700:focus { + background-color: #b45309; + } - .md\:dark\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } + .sm\:focus\:bg-yellow-800:focus { + background-color: #92400e; + } - .md\:dark\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } + .sm\:focus\:bg-yellow-900:focus { + background-color: #78350f; + } - .md\:dark\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } + .sm\:focus\:bg-green-50:focus { + background-color: #ecfdf5; + } - .md\:dark\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } + .sm\:focus\:bg-green-100:focus { + background-color: #d1fae5; + } - .md\:dark\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } + .sm\:focus\:bg-green-200:focus { + background-color: #a7f3d0; + } - .md\:dark\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } + .sm\:focus\:bg-green-300:focus { + background-color: #6ee7b7; + } - .md\:dark\:focus\:bg-green-400:focus { - background-color: #34d399; - } + .sm\:focus\:bg-green-400:focus { + background-color: #34d399; + } - .md\:dark\:focus\:bg-green-500:focus { - background-color: #10b981; - } + .sm\:focus\:bg-green-500:focus { + background-color: #10b981; + } - .md\:dark\:focus\:bg-green-600:focus { - background-color: #059669; - } + .sm\:focus\:bg-green-600:focus { + background-color: #059669; + } - .md\:dark\:focus\:bg-green-700:focus { - background-color: #047857; - } + .sm\:focus\:bg-green-700:focus { + background-color: #047857; + } - .md\:dark\:focus\:bg-green-800:focus { - background-color: #065f46; - } + .sm\:focus\:bg-green-800:focus { + background-color: #065f46; + } - .md\:dark\:focus\:bg-green-900:focus { - background-color: #064e3b; - } + .sm\:focus\:bg-green-900:focus { + background-color: #064e3b; + } - .md\:dark\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } + .sm\:focus\:bg-blue-50:focus { + background-color: #eff6ff; + } - .md\:dark\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } + .sm\:focus\:bg-blue-100:focus { + background-color: #dbeafe; + } - .md\:dark\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } + .sm\:focus\:bg-blue-200:focus { + background-color: #bfdbfe; + } - .md\:dark\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } + .sm\:focus\:bg-blue-300:focus { + background-color: #93c5fd; + } - .md\:dark\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } + .sm\:focus\:bg-blue-400:focus { + background-color: #60a5fa; + } - .md\:dark\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } + .sm\:focus\:bg-blue-500:focus { + background-color: #3b82f6; + } - .md\:dark\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } + .sm\:focus\:bg-blue-600:focus { + background-color: #2563eb; + } - .md\:dark\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } + .sm\:focus\:bg-blue-700:focus { + background-color: #1d4ed8; + } - .md\:dark\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } + .sm\:focus\:bg-blue-800:focus { + background-color: #1e40af; + } - .md\:dark\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } + .sm\:focus\:bg-blue-900:focus { + background-color: #1e3a8a; + } - .md\:dark\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } + .sm\:focus\:bg-purple-50:focus { + background-color: #f5f3ff; + } - .md\:dark\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } + .sm\:focus\:bg-purple-100:focus { + background-color: #ede9fe; + } - .md\:dark\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } + .sm\:focus\:bg-purple-200:focus { + background-color: #ddd6fe; + } - .md\:dark\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } + .sm\:focus\:bg-purple-300:focus { + background-color: #c4b5fd; + } - .md\:dark\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } + .sm\:focus\:bg-purple-400:focus { + background-color: #a78bfa; + } - .md\:dark\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } + .sm\:focus\:bg-purple-500:focus { + background-color: #8b5cf6; + } - .md\:dark\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } + .sm\:focus\:bg-purple-600:focus { + background-color: #7c3aed; + } - .md\:dark\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } + .sm\:focus\:bg-purple-700:focus { + background-color: #6d28d9; + } - .md\:dark\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } + .sm\:focus\:bg-purple-800:focus { + background-color: #5b21b6; + } - .md\:dark\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } + .sm\:focus\:bg-purple-900:focus { + background-color: #4c1d95; + } - .md\:dark\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } + .sm\:focus\:bg-pink-50:focus { + background-color: #fdf2f8; + } - .md\:dark\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } + .sm\:focus\:bg-pink-100:focus { + background-color: #fce7f3; + } - .md\:dark\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } + .sm\:focus\:bg-pink-200:focus { + background-color: #fbcfe8; + } - .md\:dark\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } + .sm\:focus\:bg-pink-300:focus { + background-color: #f9a8d4; + } - .md\:dark\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } + .sm\:focus\:bg-pink-400:focus { + background-color: #f472b6; + } - .md\:dark\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } + .sm\:focus\:bg-pink-500:focus { + background-color: #ec4899; + } - .md\:dark\:focus\:bg-pink-600:focus { - background-color: #db2777; - } + .sm\:focus\:bg-pink-600:focus { + background-color: #db2777; + } - .md\:dark\:focus\:bg-pink-700:focus { - background-color: #be185d; - } + .sm\:focus\:bg-pink-700:focus { + background-color: #be185d; + } - .md\:dark\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } + .sm\:focus\:bg-pink-800:focus { + background-color: #9d174d; + } - .md\:dark\:focus\:bg-pink-900:focus { - background-color: #831843; - } + .sm\:focus\:bg-pink-900:focus { + background-color: #831843; } - .md\:bg-none { + .sm\:bg-none { background-image: none; } - .md\:bg-gradient-to-t { + .sm\:bg-gradient-to-t { background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:bg-gradient-to-tr { + .sm\:bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:bg-gradient-to-r { + .sm\:bg-gradient-to-r { background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:bg-gradient-to-br { + .sm\:bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:bg-gradient-to-b { + .sm\:bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:bg-gradient-to-bl { + .sm\:bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:bg-gradient-to-l { + .sm\:bg-gradient-to-l { background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:bg-gradient-to-tl { + .sm\:bg-gradient-to-tl { background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:from-transparent { + .sm\:from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:from-current { + .sm\:from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:from-black { + .sm\:from-black { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:from-white { + .sm\:from-white { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:from-gray-50 { + .sm\:from-gray-50 { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:from-gray-100 { + .sm\:from-gray-100 { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:from-gray-200 { + .sm\:from-gray-200 { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:from-gray-300 { + .sm\:from-gray-300 { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:from-gray-400 { + .sm\:from-gray-400 { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:from-gray-500 { + .sm\:from-gray-500 { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:from-gray-600 { + .sm\:from-gray-600 { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:from-gray-700 { + .sm\:from-gray-700 { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:from-gray-800 { + .sm\:from-gray-800 { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:from-gray-900 { + .sm\:from-gray-900 { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:from-red-50 { + .sm\:from-red-50 { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:from-red-100 { + .sm\:from-red-100 { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:from-red-200 { + .sm\:from-red-200 { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:from-red-300 { + .sm\:from-red-300 { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:from-red-400 { + .sm\:from-red-400 { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:from-red-500 { + .sm\:from-red-500 { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:from-red-600 { + .sm\:from-red-600 { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:from-red-700 { + .sm\:from-red-700 { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:from-red-800 { + .sm\:from-red-800 { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:from-red-900 { + .sm\:from-red-900 { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:from-yellow-50 { + .sm\:from-yellow-50 { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:from-yellow-100 { + .sm\:from-yellow-100 { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:from-yellow-200 { + .sm\:from-yellow-200 { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:from-yellow-300 { + .sm\:from-yellow-300 { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:from-yellow-400 { + .sm\:from-yellow-400 { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:from-yellow-500 { + .sm\:from-yellow-500 { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:from-yellow-600 { + .sm\:from-yellow-600 { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:from-yellow-700 { + .sm\:from-yellow-700 { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:from-yellow-800 { + .sm\:from-yellow-800 { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:from-yellow-900 { + .sm\:from-yellow-900 { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:from-green-50 { + .sm\:from-green-50 { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:from-green-100 { + .sm\:from-green-100 { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:from-green-200 { + .sm\:from-green-200 { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:from-green-300 { + .sm\:from-green-300 { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:from-green-400 { + .sm\:from-green-400 { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:from-green-500 { + .sm\:from-green-500 { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:from-green-600 { + .sm\:from-green-600 { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:from-green-700 { + .sm\:from-green-700 { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:from-green-800 { + .sm\:from-green-800 { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:from-green-900 { + .sm\:from-green-900 { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:from-blue-50 { + .sm\:from-blue-50 { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:from-blue-100 { + .sm\:from-blue-100 { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:from-blue-200 { + .sm\:from-blue-200 { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:from-blue-300 { + .sm\:from-blue-300 { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:from-blue-400 { + .sm\:from-blue-400 { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:from-blue-500 { + .sm\:from-blue-500 { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:from-blue-600 { + .sm\:from-blue-600 { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:from-blue-700 { + .sm\:from-blue-700 { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:from-blue-800 { + .sm\:from-blue-800 { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:from-blue-900 { + .sm\:from-blue-900 { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:from-purple-50 { + .sm\:from-purple-50 { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:from-purple-100 { + .sm\:from-purple-100 { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:from-purple-200 { + .sm\:from-purple-200 { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:from-purple-300 { + .sm\:from-purple-300 { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:from-purple-400 { + .sm\:from-purple-400 { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:from-purple-500 { + .sm\:from-purple-500 { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:from-purple-600 { + .sm\:from-purple-600 { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:from-purple-700 { + .sm\:from-purple-700 { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:from-purple-800 { + .sm\:from-purple-800 { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:from-purple-900 { + .sm\:from-purple-900 { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:from-pink-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)); } - .md\:from-pink-100 { + .sm\:from-pink-100 { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:from-pink-200 { + .sm\:from-pink-200 { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:from-pink-300 { + .sm\:from-pink-300 { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:from-pink-400 { + .sm\:from-pink-400 { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:from-pink-500 { + .sm\:from-pink-500 { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:from-pink-600 { + .sm\:from-pink-600 { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:from-pink-700 { + .sm\:from-pink-700 { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:from-pink-800 { + .sm\:from-pink-800 { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:from-pink-900 { + .sm\:from-pink-900 { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:via-transparent { + .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)); } - .md\:via-current { + .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)); } - .md\:via-black { + .sm\:via-black { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:via-white { + .sm\:via-white { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:via-gray-50 { + .sm\:via-gray-50 { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:via-gray-100 { + .sm\:via-gray-100 { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:via-gray-200 { + .sm\:via-gray-200 { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:via-gray-300 { + .sm\:via-gray-300 { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:via-gray-400 { + .sm\:via-gray-400 { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:via-gray-500 { + .sm\:via-gray-500 { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:via-gray-600 { + .sm\:via-gray-600 { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:via-gray-700 { + .sm\:via-gray-700 { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:via-gray-800 { + .sm\:via-gray-800 { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:via-gray-900 { + .sm\:via-gray-900 { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:via-red-50 { + .sm\:via-red-50 { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:via-red-100 { + .sm\:via-red-100 { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:via-red-200 { + .sm\:via-red-200 { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:via-red-300 { + .sm\:via-red-300 { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:via-red-400 { + .sm\:via-red-400 { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:via-red-500 { + .sm\:via-red-500 { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:via-red-600 { + .sm\:via-red-600 { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:via-red-700 { + .sm\:via-red-700 { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:via-red-800 { + .sm\:via-red-800 { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:via-red-900 { + .sm\:via-red-900 { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:via-yellow-50 { + .sm\:via-yellow-50 { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:via-yellow-100 { + .sm\:via-yellow-100 { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:via-yellow-200 { + .sm\:via-yellow-200 { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:via-yellow-300 { + .sm\:via-yellow-300 { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:via-yellow-400 { + .sm\:via-yellow-400 { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:via-yellow-500 { + .sm\:via-yellow-500 { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:via-yellow-600 { + .sm\:via-yellow-600 { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:via-yellow-700 { + .sm\:via-yellow-700 { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:via-yellow-800 { + .sm\:via-yellow-800 { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:via-yellow-900 { + .sm\:via-yellow-900 { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:via-green-50 { + .sm\:via-green-50 { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:via-green-100 { + .sm\:via-green-100 { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:via-green-200 { + .sm\:via-green-200 { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:via-green-300 { + .sm\:via-green-300 { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:via-green-400 { + .sm\:via-green-400 { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:via-green-500 { + .sm\:via-green-500 { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:via-green-600 { + .sm\:via-green-600 { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:via-green-700 { + .sm\:via-green-700 { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:via-green-800 { + .sm\:via-green-800 { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:via-green-900 { + .sm\:via-green-900 { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:via-blue-50 { + .sm\:via-blue-50 { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:via-blue-100 { + .sm\:via-blue-100 { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:via-blue-200 { + .sm\:via-blue-200 { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:via-blue-300 { + .sm\:via-blue-300 { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:via-blue-400 { + .sm\:via-blue-400 { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:via-blue-500 { + .sm\:via-blue-500 { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:via-blue-600 { + .sm\:via-blue-600 { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:via-blue-700 { + .sm\:via-blue-700 { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:via-blue-800 { + .sm\:via-blue-800 { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:via-blue-900 { + .sm\:via-blue-900 { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:via-purple-50 { + .sm\:via-purple-50 { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:via-purple-100 { + .sm\:via-purple-100 { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:via-purple-200 { + .sm\:via-purple-200 { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:via-purple-300 { + .sm\:via-purple-300 { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:via-purple-400 { + .sm\:via-purple-400 { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:via-purple-500 { + .sm\:via-purple-500 { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:via-purple-600 { + .sm\:via-purple-600 { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:via-purple-700 { + .sm\:via-purple-700 { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:via-purple-800 { + .sm\:via-purple-800 { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:via-purple-900 { + .sm\:via-purple-900 { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:via-pink-50 { + .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)); } - .md\:via-pink-100 { + .sm\:via-pink-100 { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:via-pink-200 { + .sm\:via-pink-200 { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:via-pink-300 { + .sm\:via-pink-300 { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:via-pink-400 { + .sm\:via-pink-400 { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:via-pink-500 { + .sm\:via-pink-500 { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:via-pink-600 { + .sm\:via-pink-600 { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:via-pink-700 { + .sm\:via-pink-700 { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:via-pink-800 { + .sm\:via-pink-800 { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:via-pink-900 { + .sm\:via-pink-900 { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:to-transparent { + .sm\:to-transparent { --gradient-to-color: transparent; } - .md\:to-current { + .sm\:to-current { --gradient-to-color: currentColor; } - .md\:to-black { + .sm\:to-black { --gradient-to-color: #000; } - .md\:to-white { + .sm\:to-white { --gradient-to-color: #fff; } - .md\:to-gray-50 { + .sm\:to-gray-50 { --gradient-to-color: #fafafa; } - .md\:to-gray-100 { + .sm\:to-gray-100 { --gradient-to-color: #f4f4f5; } - .md\:to-gray-200 { + .sm\:to-gray-200 { --gradient-to-color: #e4e4e7; } - .md\:to-gray-300 { + .sm\:to-gray-300 { --gradient-to-color: #d4d4d8; } - .md\:to-gray-400 { + .sm\:to-gray-400 { --gradient-to-color: #a1a1aa; } - .md\:to-gray-500 { + .sm\:to-gray-500 { --gradient-to-color: #71717a; } - .md\:to-gray-600 { + .sm\:to-gray-600 { --gradient-to-color: #52525b; } - .md\:to-gray-700 { + .sm\:to-gray-700 { --gradient-to-color: #3f3f46; } - .md\:to-gray-800 { + .sm\:to-gray-800 { --gradient-to-color: #27272a; } - .md\:to-gray-900 { + .sm\:to-gray-900 { --gradient-to-color: #18181b; } - .md\:to-red-50 { + .sm\:to-red-50 { --gradient-to-color: #fef2f2; } - .md\:to-red-100 { + .sm\:to-red-100 { --gradient-to-color: #fee2e2; } - .md\:to-red-200 { + .sm\:to-red-200 { --gradient-to-color: #fecaca; } - .md\:to-red-300 { + .sm\:to-red-300 { --gradient-to-color: #fca5a5; } - .md\:to-red-400 { + .sm\:to-red-400 { --gradient-to-color: #f87171; } - .md\:to-red-500 { + .sm\:to-red-500 { --gradient-to-color: #ef4444; } - .md\:to-red-600 { + .sm\:to-red-600 { --gradient-to-color: #dc2626; } - .md\:to-red-700 { + .sm\:to-red-700 { --gradient-to-color: #b91c1c; } - .md\:to-red-800 { + .sm\:to-red-800 { --gradient-to-color: #991b1b; } - .md\:to-red-900 { + .sm\:to-red-900 { --gradient-to-color: #7f1d1d; } - .md\:to-yellow-50 { + .sm\:to-yellow-50 { --gradient-to-color: #fffbeb; } - .md\:to-yellow-100 { + .sm\:to-yellow-100 { --gradient-to-color: #fef3c7; } - .md\:to-yellow-200 { + .sm\:to-yellow-200 { --gradient-to-color: #fde68a; } - .md\:to-yellow-300 { + .sm\:to-yellow-300 { --gradient-to-color: #fcd34d; } - .md\:to-yellow-400 { + .sm\:to-yellow-400 { --gradient-to-color: #fbbf24; } - .md\:to-yellow-500 { + .sm\:to-yellow-500 { --gradient-to-color: #f59e0b; } - .md\:to-yellow-600 { + .sm\:to-yellow-600 { --gradient-to-color: #d97706; } - .md\:to-yellow-700 { + .sm\:to-yellow-700 { --gradient-to-color: #b45309; } - .md\:to-yellow-800 { + .sm\:to-yellow-800 { --gradient-to-color: #92400e; } - .md\:to-yellow-900 { + .sm\:to-yellow-900 { --gradient-to-color: #78350f; } - .md\:to-green-50 { + .sm\:to-green-50 { --gradient-to-color: #ecfdf5; } - .md\:to-green-100 { + .sm\:to-green-100 { --gradient-to-color: #d1fae5; } - .md\:to-green-200 { + .sm\:to-green-200 { --gradient-to-color: #a7f3d0; } - .md\:to-green-300 { + .sm\:to-green-300 { --gradient-to-color: #6ee7b7; } - .md\:to-green-400 { + .sm\:to-green-400 { --gradient-to-color: #34d399; } - .md\:to-green-500 { + .sm\:to-green-500 { --gradient-to-color: #10b981; } - .md\:to-green-600 { + .sm\:to-green-600 { --gradient-to-color: #059669; } - .md\:to-green-700 { + .sm\:to-green-700 { --gradient-to-color: #047857; } - .md\:to-green-800 { + .sm\:to-green-800 { --gradient-to-color: #065f46; } - .md\:to-green-900 { + .sm\:to-green-900 { --gradient-to-color: #064e3b; } - .md\:to-blue-50 { + .sm\:to-blue-50 { --gradient-to-color: #eff6ff; } - .md\:to-blue-100 { + .sm\:to-blue-100 { --gradient-to-color: #dbeafe; } - .md\:to-blue-200 { + .sm\:to-blue-200 { --gradient-to-color: #bfdbfe; } - .md\:to-blue-300 { + .sm\:to-blue-300 { --gradient-to-color: #93c5fd; } - .md\:to-blue-400 { + .sm\:to-blue-400 { --gradient-to-color: #60a5fa; } - .md\:to-blue-500 { + .sm\:to-blue-500 { --gradient-to-color: #3b82f6; } - .md\:to-blue-600 { + .sm\:to-blue-600 { --gradient-to-color: #2563eb; } - .md\:to-blue-700 { + .sm\:to-blue-700 { --gradient-to-color: #1d4ed8; } - .md\:to-blue-800 { + .sm\:to-blue-800 { --gradient-to-color: #1e40af; } - .md\:to-blue-900 { + .sm\:to-blue-900 { --gradient-to-color: #1e3a8a; } - .md\:to-purple-50 { + .sm\:to-purple-50 { --gradient-to-color: #f5f3ff; } - .md\:to-purple-100 { + .sm\:to-purple-100 { --gradient-to-color: #ede9fe; } - .md\:to-purple-200 { + .sm\:to-purple-200 { --gradient-to-color: #ddd6fe; } - .md\:to-purple-300 { + .sm\:to-purple-300 { --gradient-to-color: #c4b5fd; } - .md\:to-purple-400 { + .sm\:to-purple-400 { --gradient-to-color: #a78bfa; } - .md\:to-purple-500 { + .sm\:to-purple-500 { --gradient-to-color: #8b5cf6; } - .md\:to-purple-600 { + .sm\:to-purple-600 { --gradient-to-color: #7c3aed; } - .md\:to-purple-700 { + .sm\:to-purple-700 { --gradient-to-color: #6d28d9; } - .md\:to-purple-800 { + .sm\:to-purple-800 { --gradient-to-color: #5b21b6; } - .md\:to-purple-900 { + .sm\:to-purple-900 { --gradient-to-color: #4c1d95; } - .md\:to-pink-50 { + .sm\:to-pink-50 { --gradient-to-color: #fdf2f8; } - .md\:to-pink-100 { + .sm\:to-pink-100 { --gradient-to-color: #fce7f3; } - .md\:to-pink-200 { + .sm\:to-pink-200 { --gradient-to-color: #fbcfe8; } - .md\:to-pink-300 { + .sm\:to-pink-300 { --gradient-to-color: #f9a8d4; } - .md\:to-pink-400 { + .sm\:to-pink-400 { --gradient-to-color: #f472b6; } - .md\:to-pink-500 { + .sm\:to-pink-500 { --gradient-to-color: #ec4899; } - .md\:to-pink-600 { + .sm\:to-pink-600 { --gradient-to-color: #db2777; } - .md\:to-pink-700 { + .sm\:to-pink-700 { --gradient-to-color: #be185d; } - .md\:to-pink-800 { + .sm\:to-pink-800 { --gradient-to-color: #9d174d; } - .md\:to-pink-900 { + .sm\:to-pink-900 { --gradient-to-color: #831843; } - .md\:hover\:from-transparent:hover { + .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)); } - .md\:hover\:from-current:hover { + .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)); } - .md\:hover\:from-black:hover { + .sm\:hover\:from-black:hover { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:from-white:hover { + .sm\:hover\:from-white:hover { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:from-gray-50:hover { + .sm\:hover\:from-gray-50:hover { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:hover\:from-gray-100:hover { + .sm\:hover\:from-gray-100:hover { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:hover\:from-gray-200:hover { + .sm\:hover\:from-gray-200:hover { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:hover\:from-gray-300:hover { + .sm\:hover\:from-gray-300:hover { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:hover\:from-gray-400:hover { + .sm\:hover\:from-gray-400:hover { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:hover\:from-gray-500:hover { + .sm\:hover\:from-gray-500:hover { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:hover\:from-gray-600:hover { + .sm\:hover\:from-gray-600:hover { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:from-gray-700:hover { + .sm\:hover\:from-gray-700:hover { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:from-gray-800:hover { + .sm\:hover\:from-gray-800:hover { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:from-gray-900:hover { + .sm\:hover\:from-gray-900:hover { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:from-red-50:hover { + .sm\:hover\:from-red-50:hover { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:from-red-100:hover { + .sm\:hover\:from-red-100:hover { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:from-red-200:hover { + .sm\:hover\:from-red-200:hover { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:from-red-300:hover { + .sm\:hover\:from-red-300:hover { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:from-red-400:hover { + .sm\:hover\:from-red-400:hover { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:from-red-500:hover { + .sm\:hover\:from-red-500:hover { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:from-red-600:hover { + .sm\:hover\:from-red-600:hover { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:from-red-700:hover { + .sm\:hover\:from-red-700:hover { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:from-red-800:hover { + .sm\:hover\:from-red-800:hover { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:from-red-900:hover { + .sm\:hover\:from-red-900:hover { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:from-yellow-50:hover { + .sm\:hover\:from-yellow-50:hover { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:from-yellow-100:hover { + .sm\:hover\:from-yellow-100:hover { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:from-yellow-200:hover { + .sm\:hover\:from-yellow-200:hover { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:from-yellow-300:hover { + .sm\:hover\:from-yellow-300:hover { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:from-yellow-400:hover { + .sm\:hover\:from-yellow-400:hover { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:from-yellow-500:hover { + .sm\:hover\:from-yellow-500:hover { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:from-yellow-600:hover { + .sm\:hover\:from-yellow-600:hover { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:from-yellow-700:hover { + .sm\:hover\:from-yellow-700:hover { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:from-yellow-800:hover { + .sm\:hover\:from-yellow-800:hover { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:from-yellow-900:hover { + .sm\:hover\:from-yellow-900:hover { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:from-green-50:hover { + .sm\:hover\:from-green-50:hover { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:from-green-100:hover { + .sm\:hover\:from-green-100:hover { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:from-green-200:hover { + .sm\:hover\:from-green-200:hover { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:from-green-300:hover { + .sm\:hover\:from-green-300:hover { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:from-green-400:hover { + .sm\:hover\:from-green-400:hover { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:from-green-500:hover { + .sm\:hover\:from-green-500:hover { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:from-green-600:hover { + .sm\:hover\:from-green-600:hover { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:from-green-700:hover { + .sm\:hover\:from-green-700:hover { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:from-green-800:hover { + .sm\:hover\:from-green-800:hover { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:from-green-900:hover { + .sm\:hover\:from-green-900:hover { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:from-blue-50:hover { + .sm\:hover\:from-blue-50:hover { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:from-blue-100:hover { + .sm\:hover\:from-blue-100:hover { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:from-blue-200:hover { + .sm\:hover\:from-blue-200:hover { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:from-blue-300:hover { + .sm\:hover\:from-blue-300:hover { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:from-blue-400:hover { + .sm\:hover\:from-blue-400:hover { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:from-blue-500:hover { + .sm\:hover\:from-blue-500:hover { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:hover\:from-blue-600:hover { + .sm\:hover\:from-blue-600:hover { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:hover\:from-blue-700:hover { + .sm\:hover\:from-blue-700:hover { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:hover\:from-blue-800:hover { + .sm\:hover\:from-blue-800:hover { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:hover\:from-blue-900:hover { + .sm\:hover\:from-blue-900:hover { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:hover\:from-purple-50:hover { + .sm\:hover\:from-purple-50:hover { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:hover\:from-purple-100:hover { + .sm\:hover\:from-purple-100:hover { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:hover\:from-purple-200:hover { + .sm\:hover\:from-purple-200:hover { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:hover\:from-purple-300:hover { + .sm\:hover\:from-purple-300:hover { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:hover\:from-purple-400:hover { + .sm\:hover\:from-purple-400:hover { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:hover\:from-purple-500:hover { + .sm\:hover\:from-purple-500:hover { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:hover\:from-purple-600:hover { + .sm\:hover\:from-purple-600:hover { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:hover\:from-purple-700:hover { + .sm\:hover\:from-purple-700:hover { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:hover\:from-purple-800:hover { + .sm\:hover\:from-purple-800:hover { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:hover\:from-purple-900:hover { + .sm\:hover\:from-purple-900:hover { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:hover\:from-pink-50:hover { + .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)); } - .md\:hover\:from-pink-100:hover { + .sm\:hover\:from-pink-100:hover { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:hover\:from-pink-200:hover { + .sm\:hover\:from-pink-200:hover { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:hover\:from-pink-300:hover { + .sm\:hover\:from-pink-300:hover { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:hover\:from-pink-400:hover { + .sm\:hover\:from-pink-400:hover { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:hover\:from-pink-500:hover { + .sm\:hover\:from-pink-500:hover { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:hover\:from-pink-600:hover { + .sm\:hover\:from-pink-600:hover { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:hover\:from-pink-700:hover { + .sm\:hover\:from-pink-700:hover { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:hover\:from-pink-800:hover { + .sm\:hover\:from-pink-800:hover { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:hover\:from-pink-900:hover { + .sm\:hover\:from-pink-900:hover { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:hover\:via-transparent:hover { + .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)); } - .md\:hover\:via-current:hover { + .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)); } - .md\:hover\:via-black:hover { + .sm\:hover\:via-black:hover { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:via-white:hover { + .sm\:hover\:via-white:hover { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:via-gray-50:hover { + .sm\:hover\:via-gray-50:hover { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:hover\:via-gray-100:hover { + .sm\:hover\:via-gray-100:hover { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:hover\:via-gray-200:hover { + .sm\:hover\:via-gray-200:hover { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:hover\:via-gray-300:hover { + .sm\:hover\:via-gray-300:hover { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:hover\:via-gray-400:hover { + .sm\:hover\:via-gray-400:hover { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:hover\:via-gray-500:hover { + .sm\:hover\:via-gray-500:hover { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:hover\:via-gray-600:hover { + .sm\:hover\:via-gray-600:hover { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:via-gray-700:hover { + .sm\:hover\:via-gray-700:hover { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:via-gray-800:hover { + .sm\:hover\:via-gray-800:hover { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:via-gray-900:hover { + .sm\:hover\:via-gray-900:hover { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:via-red-50:hover { + .sm\:hover\:via-red-50:hover { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:via-red-100:hover { + .sm\:hover\:via-red-100:hover { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:via-red-200:hover { + .sm\:hover\:via-red-200:hover { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:via-red-300:hover { + .sm\:hover\:via-red-300:hover { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:via-red-400:hover { + .sm\:hover\:via-red-400:hover { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:via-red-500:hover { + .sm\:hover\:via-red-500:hover { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:via-red-600:hover { + .sm\:hover\:via-red-600:hover { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:via-red-700:hover { + .sm\:hover\:via-red-700:hover { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:via-red-800:hover { + .sm\:hover\:via-red-800:hover { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:via-red-900:hover { + .sm\:hover\:via-red-900:hover { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:via-yellow-50:hover { + .sm\:hover\:via-yellow-50:hover { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:via-yellow-100:hover { + .sm\:hover\:via-yellow-100:hover { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:via-yellow-200:hover { + .sm\:hover\:via-yellow-200:hover { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:via-yellow-300:hover { + .sm\:hover\:via-yellow-300:hover { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:via-yellow-400:hover { + .sm\:hover\:via-yellow-400:hover { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:via-yellow-500:hover { + .sm\:hover\:via-yellow-500:hover { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:via-yellow-600:hover { + .sm\:hover\:via-yellow-600:hover { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:via-yellow-700:hover { + .sm\:hover\:via-yellow-700:hover { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:via-yellow-800:hover { + .sm\:hover\:via-yellow-800:hover { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:via-yellow-900:hover { + .sm\:hover\:via-yellow-900:hover { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:via-green-50:hover { + .sm\:hover\:via-green-50:hover { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:via-green-100:hover { + .sm\:hover\:via-green-100:hover { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:via-green-200:hover { + .sm\:hover\:via-green-200:hover { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:via-green-300:hover { + .sm\:hover\:via-green-300:hover { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:via-green-400:hover { + .sm\:hover\:via-green-400:hover { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:via-green-500:hover { + .sm\:hover\:via-green-500:hover { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:via-green-600:hover { + .sm\:hover\:via-green-600:hover { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:via-green-700:hover { + .sm\:hover\:via-green-700:hover { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:via-green-800:hover { + .sm\:hover\:via-green-800:hover { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:via-green-900:hover { + .sm\:hover\:via-green-900:hover { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:via-blue-50:hover { + .sm\:hover\:via-blue-50:hover { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:via-blue-100:hover { + .sm\:hover\:via-blue-100:hover { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:via-blue-200:hover { + .sm\:hover\:via-blue-200:hover { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:via-blue-300:hover { + .sm\:hover\:via-blue-300:hover { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:via-blue-400:hover { + .sm\:hover\:via-blue-400:hover { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:via-blue-500:hover { + .sm\:hover\:via-blue-500:hover { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:hover\:via-blue-600:hover { + .sm\:hover\:via-blue-600:hover { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:hover\:via-blue-700:hover { + .sm\:hover\:via-blue-700:hover { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:hover\:via-blue-800:hover { + .sm\:hover\:via-blue-800:hover { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:hover\:via-blue-900:hover { + .sm\:hover\:via-blue-900:hover { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:hover\:via-purple-50:hover { + .sm\:hover\:via-purple-50:hover { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:hover\:via-purple-100:hover { + .sm\:hover\:via-purple-100:hover { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:hover\:via-purple-200:hover { + .sm\:hover\:via-purple-200:hover { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:hover\:via-purple-300:hover { + .sm\:hover\:via-purple-300:hover { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:hover\:via-purple-400:hover { + .sm\:hover\:via-purple-400:hover { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:hover\:via-purple-500:hover { + .sm\:hover\:via-purple-500:hover { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:hover\:via-purple-600:hover { + .sm\:hover\:via-purple-600:hover { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:hover\:via-purple-700:hover { + .sm\:hover\:via-purple-700:hover { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:hover\:via-purple-800:hover { + .sm\:hover\:via-purple-800:hover { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:hover\:via-purple-900:hover { + .sm\:hover\:via-purple-900:hover { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:hover\:via-pink-50:hover { + .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)); } - .md\:hover\:via-pink-100:hover { + .sm\:hover\:via-pink-100:hover { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:hover\:via-pink-200:hover { + .sm\:hover\:via-pink-200:hover { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:hover\:via-pink-300:hover { + .sm\:hover\:via-pink-300:hover { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:hover\:via-pink-400:hover { + .sm\:hover\:via-pink-400:hover { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:hover\:via-pink-500:hover { + .sm\:hover\:via-pink-500:hover { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:hover\:via-pink-600:hover { + .sm\:hover\:via-pink-600:hover { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:hover\:via-pink-700:hover { + .sm\:hover\:via-pink-700:hover { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:hover\:via-pink-800:hover { + .sm\:hover\:via-pink-800:hover { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:hover\:via-pink-900:hover { + .sm\:hover\:via-pink-900:hover { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:hover\:to-transparent:hover { + .sm\:hover\:to-transparent:hover { --gradient-to-color: transparent; } - .md\:hover\:to-current:hover { + .sm\:hover\:to-current:hover { --gradient-to-color: currentColor; } - .md\:hover\:to-black:hover { + .sm\:hover\:to-black:hover { --gradient-to-color: #000; } - .md\:hover\:to-white:hover { + .sm\:hover\:to-white:hover { --gradient-to-color: #fff; } - .md\:hover\:to-gray-50:hover { + .sm\:hover\:to-gray-50:hover { --gradient-to-color: #fafafa; } - .md\:hover\:to-gray-100:hover { + .sm\:hover\:to-gray-100:hover { --gradient-to-color: #f4f4f5; } - .md\:hover\:to-gray-200:hover { + .sm\:hover\:to-gray-200:hover { --gradient-to-color: #e4e4e7; } - .md\:hover\:to-gray-300:hover { + .sm\:hover\:to-gray-300:hover { --gradient-to-color: #d4d4d8; } - .md\:hover\:to-gray-400:hover { + .sm\:hover\:to-gray-400:hover { --gradient-to-color: #a1a1aa; } - .md\:hover\:to-gray-500:hover { + .sm\:hover\:to-gray-500:hover { --gradient-to-color: #71717a; } - .md\:hover\:to-gray-600:hover { + .sm\:hover\:to-gray-600:hover { --gradient-to-color: #52525b; } - .md\:hover\:to-gray-700:hover { + .sm\:hover\:to-gray-700:hover { --gradient-to-color: #3f3f46; } - .md\:hover\:to-gray-800:hover { + .sm\:hover\:to-gray-800:hover { --gradient-to-color: #27272a; } - .md\:hover\:to-gray-900:hover { + .sm\:hover\:to-gray-900:hover { --gradient-to-color: #18181b; } - .md\:hover\:to-red-50:hover { + .sm\:hover\:to-red-50:hover { --gradient-to-color: #fef2f2; } - .md\:hover\:to-red-100:hover { + .sm\:hover\:to-red-100:hover { --gradient-to-color: #fee2e2; } - .md\:hover\:to-red-200:hover { + .sm\:hover\:to-red-200:hover { --gradient-to-color: #fecaca; } - .md\:hover\:to-red-300:hover { + .sm\:hover\:to-red-300:hover { --gradient-to-color: #fca5a5; } - .md\:hover\:to-red-400:hover { + .sm\:hover\:to-red-400:hover { --gradient-to-color: #f87171; } - .md\:hover\:to-red-500:hover { + .sm\:hover\:to-red-500:hover { --gradient-to-color: #ef4444; } - .md\:hover\:to-red-600:hover { + .sm\:hover\:to-red-600:hover { --gradient-to-color: #dc2626; } - .md\:hover\:to-red-700:hover { + .sm\:hover\:to-red-700:hover { --gradient-to-color: #b91c1c; } - .md\:hover\:to-red-800:hover { + .sm\:hover\:to-red-800:hover { --gradient-to-color: #991b1b; } - .md\:hover\:to-red-900:hover { + .sm\:hover\:to-red-900:hover { --gradient-to-color: #7f1d1d; } - .md\:hover\:to-yellow-50:hover { + .sm\:hover\:to-yellow-50:hover { --gradient-to-color: #fffbeb; } - .md\:hover\:to-yellow-100:hover { + .sm\:hover\:to-yellow-100:hover { --gradient-to-color: #fef3c7; } - .md\:hover\:to-yellow-200:hover { + .sm\:hover\:to-yellow-200:hover { --gradient-to-color: #fde68a; } - .md\:hover\:to-yellow-300:hover { + .sm\:hover\:to-yellow-300:hover { --gradient-to-color: #fcd34d; } - .md\:hover\:to-yellow-400:hover { + .sm\:hover\:to-yellow-400:hover { --gradient-to-color: #fbbf24; } - .md\:hover\:to-yellow-500:hover { + .sm\:hover\:to-yellow-500:hover { --gradient-to-color: #f59e0b; } - .md\:hover\:to-yellow-600:hover { + .sm\:hover\:to-yellow-600:hover { --gradient-to-color: #d97706; } - .md\:hover\:to-yellow-700:hover { + .sm\:hover\:to-yellow-700:hover { --gradient-to-color: #b45309; } - .md\:hover\:to-yellow-800:hover { + .sm\:hover\:to-yellow-800:hover { --gradient-to-color: #92400e; } - .md\:hover\:to-yellow-900:hover { + .sm\:hover\:to-yellow-900:hover { --gradient-to-color: #78350f; } - .md\:hover\:to-green-50:hover { + .sm\:hover\:to-green-50:hover { --gradient-to-color: #ecfdf5; } - .md\:hover\:to-green-100:hover { + .sm\:hover\:to-green-100:hover { --gradient-to-color: #d1fae5; } - .md\:hover\:to-green-200:hover { + .sm\:hover\:to-green-200:hover { --gradient-to-color: #a7f3d0; } - .md\:hover\:to-green-300:hover { + .sm\:hover\:to-green-300:hover { --gradient-to-color: #6ee7b7; } - .md\:hover\:to-green-400:hover { + .sm\:hover\:to-green-400:hover { --gradient-to-color: #34d399; } - .md\:hover\:to-green-500:hover { + .sm\:hover\:to-green-500:hover { --gradient-to-color: #10b981; } - .md\:hover\:to-green-600:hover { + .sm\:hover\:to-green-600:hover { --gradient-to-color: #059669; } - .md\:hover\:to-green-700:hover { + .sm\:hover\:to-green-700:hover { --gradient-to-color: #047857; } - .md\:hover\:to-green-800:hover { + .sm\:hover\:to-green-800:hover { --gradient-to-color: #065f46; } - .md\:hover\:to-green-900:hover { + .sm\:hover\:to-green-900:hover { --gradient-to-color: #064e3b; } - .md\:hover\:to-blue-50:hover { + .sm\:hover\:to-blue-50:hover { --gradient-to-color: #eff6ff; } - .md\:hover\:to-blue-100:hover { + .sm\:hover\:to-blue-100:hover { --gradient-to-color: #dbeafe; } - .md\:hover\:to-blue-200:hover { + .sm\:hover\:to-blue-200:hover { --gradient-to-color: #bfdbfe; } - .md\:hover\:to-blue-300:hover { + .sm\:hover\:to-blue-300:hover { --gradient-to-color: #93c5fd; } - .md\:hover\:to-blue-400:hover { + .sm\:hover\:to-blue-400:hover { --gradient-to-color: #60a5fa; } - .md\:hover\:to-blue-500:hover { + .sm\:hover\:to-blue-500:hover { --gradient-to-color: #3b82f6; } - .md\:hover\:to-blue-600:hover { + .sm\:hover\:to-blue-600:hover { --gradient-to-color: #2563eb; } - .md\:hover\:to-blue-700:hover { + .sm\:hover\:to-blue-700:hover { --gradient-to-color: #1d4ed8; } - .md\:hover\:to-blue-800:hover { + .sm\:hover\:to-blue-800:hover { --gradient-to-color: #1e40af; } - .md\:hover\:to-blue-900:hover { + .sm\:hover\:to-blue-900:hover { --gradient-to-color: #1e3a8a; } - .md\:hover\:to-purple-50:hover { + .sm\:hover\:to-purple-50:hover { --gradient-to-color: #f5f3ff; } - .md\:hover\:to-purple-100:hover { + .sm\:hover\:to-purple-100:hover { --gradient-to-color: #ede9fe; } - .md\:hover\:to-purple-200:hover { + .sm\:hover\:to-purple-200:hover { --gradient-to-color: #ddd6fe; } - .md\:hover\:to-purple-300:hover { + .sm\:hover\:to-purple-300:hover { --gradient-to-color: #c4b5fd; } - .md\:hover\:to-purple-400:hover { + .sm\:hover\:to-purple-400:hover { --gradient-to-color: #a78bfa; } - .md\:hover\:to-purple-500:hover { + .sm\:hover\:to-purple-500:hover { --gradient-to-color: #8b5cf6; } - .md\:hover\:to-purple-600:hover { + .sm\:hover\:to-purple-600:hover { --gradient-to-color: #7c3aed; } - .md\:hover\:to-purple-700:hover { + .sm\:hover\:to-purple-700:hover { --gradient-to-color: #6d28d9; } - .md\:hover\:to-purple-800:hover { + .sm\:hover\:to-purple-800:hover { --gradient-to-color: #5b21b6; } - .md\:hover\:to-purple-900:hover { + .sm\:hover\:to-purple-900:hover { --gradient-to-color: #4c1d95; } - .md\:hover\:to-pink-50:hover { + .sm\:hover\:to-pink-50:hover { --gradient-to-color: #fdf2f8; } - .md\:hover\:to-pink-100:hover { + .sm\:hover\:to-pink-100:hover { --gradient-to-color: #fce7f3; } - .md\:hover\:to-pink-200:hover { + .sm\:hover\:to-pink-200:hover { --gradient-to-color: #fbcfe8; } - .md\:hover\:to-pink-300:hover { + .sm\:hover\:to-pink-300:hover { --gradient-to-color: #f9a8d4; } - .md\:hover\:to-pink-400:hover { + .sm\:hover\:to-pink-400:hover { --gradient-to-color: #f472b6; } - .md\:hover\:to-pink-500:hover { + .sm\:hover\:to-pink-500:hover { --gradient-to-color: #ec4899; } - .md\:hover\:to-pink-600:hover { + .sm\:hover\:to-pink-600:hover { --gradient-to-color: #db2777; } - .md\:hover\:to-pink-700:hover { + .sm\:hover\:to-pink-700:hover { --gradient-to-color: #be185d; } - .md\:hover\:to-pink-800:hover { + .sm\:hover\:to-pink-800:hover { --gradient-to-color: #9d174d; } - .md\:hover\:to-pink-900:hover { + .sm\:hover\:to-pink-900:hover { --gradient-to-color: #831843; } - .md\:focus\:from-transparent:focus { + .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)); } - .md\:focus\:from-current:focus { + .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)); } - .md\:focus\:from-black:focus { + .sm\:focus\:from-black:focus { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:from-white:focus { + .sm\:focus\:from-white:focus { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:from-gray-50:focus { + .sm\:focus\:from-gray-50:focus { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:from-gray-100:focus { + .sm\:focus\:from-gray-100:focus { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:from-gray-200:focus { + .sm\:focus\:from-gray-200:focus { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:from-gray-300:focus { + .sm\:focus\:from-gray-300:focus { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:from-gray-400:focus { + .sm\:focus\:from-gray-400:focus { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:from-gray-500:focus { + .sm\:focus\:from-gray-500:focus { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:from-gray-600:focus { + .sm\:focus\:from-gray-600:focus { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:from-gray-700:focus { + .sm\:focus\:from-gray-700:focus { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:from-gray-800:focus { + .sm\:focus\:from-gray-800:focus { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:from-gray-900:focus { + .sm\:focus\:from-gray-900:focus { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:from-red-50:focus { + .sm\:focus\:from-red-50:focus { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:from-red-100:focus { + .sm\:focus\:from-red-100:focus { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:from-red-200:focus { + .sm\:focus\:from-red-200:focus { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:from-red-300:focus { + .sm\:focus\:from-red-300:focus { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:from-red-400:focus { + .sm\:focus\:from-red-400:focus { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:from-red-500:focus { + .sm\:focus\:from-red-500:focus { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:from-red-600:focus { + .sm\:focus\:from-red-600:focus { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:from-red-700:focus { + .sm\:focus\:from-red-700:focus { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:from-red-800:focus { + .sm\:focus\:from-red-800:focus { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:from-red-900:focus { + .sm\:focus\:from-red-900:focus { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:from-yellow-50:focus { + .sm\:focus\:from-yellow-50:focus { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:from-yellow-100:focus { + .sm\:focus\:from-yellow-100:focus { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:from-yellow-200:focus { + .sm\:focus\:from-yellow-200:focus { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:from-yellow-300:focus { + .sm\:focus\:from-yellow-300:focus { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:from-yellow-400:focus { + .sm\:focus\:from-yellow-400:focus { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:from-yellow-500:focus { + .sm\:focus\:from-yellow-500:focus { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:from-yellow-600:focus { + .sm\:focus\:from-yellow-600:focus { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:from-yellow-700:focus { + .sm\:focus\:from-yellow-700:focus { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:from-yellow-800:focus { + .sm\:focus\:from-yellow-800:focus { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:from-yellow-900:focus { + .sm\:focus\:from-yellow-900:focus { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:from-green-50:focus { + .sm\:focus\:from-green-50:focus { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:from-green-100:focus { + .sm\:focus\:from-green-100:focus { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:from-green-200:focus { + .sm\:focus\:from-green-200:focus { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:from-green-300:focus { + .sm\:focus\:from-green-300:focus { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:from-green-400:focus { + .sm\:focus\:from-green-400:focus { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:from-green-500:focus { + .sm\:focus\:from-green-500:focus { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:from-green-600:focus { + .sm\:focus\:from-green-600:focus { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:from-green-700:focus { + .sm\:focus\:from-green-700:focus { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:from-green-800:focus { + .sm\:focus\:from-green-800:focus { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:from-green-900:focus { + .sm\:focus\:from-green-900:focus { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:from-blue-50:focus { + .sm\:focus\:from-blue-50:focus { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:from-blue-100:focus { + .sm\:focus\:from-blue-100:focus { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:from-blue-200:focus { + .sm\:focus\:from-blue-200:focus { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:from-blue-300:focus { + .sm\:focus\:from-blue-300:focus { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:from-blue-400:focus { + .sm\:focus\:from-blue-400:focus { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:from-blue-500:focus { + .sm\:focus\:from-blue-500:focus { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:from-blue-600:focus { + .sm\:focus\:from-blue-600:focus { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:from-blue-700:focus { + .sm\:focus\:from-blue-700:focus { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:from-blue-800:focus { + .sm\:focus\:from-blue-800:focus { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:from-blue-900:focus { + .sm\:focus\:from-blue-900:focus { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:from-purple-50:focus { + .sm\:focus\:from-purple-50:focus { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:from-purple-100:focus { + .sm\:focus\:from-purple-100:focus { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:from-purple-200:focus { + .sm\:focus\:from-purple-200:focus { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:from-purple-300:focus { + .sm\:focus\:from-purple-300:focus { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:from-purple-400:focus { + .sm\:focus\:from-purple-400:focus { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:from-purple-500:focus { + .sm\:focus\:from-purple-500:focus { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:from-purple-600:focus { + .sm\:focus\:from-purple-600:focus { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:from-purple-700:focus { + .sm\:focus\:from-purple-700:focus { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:from-purple-800:focus { + .sm\:focus\:from-purple-800:focus { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:from-purple-900:focus { + .sm\:focus\:from-purple-900:focus { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:from-pink-50:focus { + .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\:focus\:from-pink-100:focus { + .sm\:focus\:from-pink-100:focus { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:from-pink-200:focus { + .sm\:focus\:from-pink-200:focus { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:from-pink-300:focus { + .sm\:focus\:from-pink-300:focus { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:from-pink-400:focus { + .sm\:focus\:from-pink-400:focus { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:from-pink-500:focus { + .sm\:focus\:from-pink-500:focus { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:from-pink-600:focus { + .sm\:focus\:from-pink-600:focus { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:from-pink-700:focus { + .sm\:focus\:from-pink-700:focus { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:from-pink-800:focus { + .sm\:focus\:from-pink-800:focus { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:from-pink-900:focus { + .sm\:focus\:from-pink-900:focus { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:via-transparent:focus { + .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\:focus\:via-current:focus { + .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\:focus\:via-black:focus { + .sm\:focus\:via-black:focus { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:via-white:focus { + .sm\:focus\:via-white:focus { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:via-gray-50:focus { + .sm\:focus\:via-gray-50:focus { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:via-gray-100:focus { + .sm\:focus\:via-gray-100:focus { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:via-gray-200:focus { + .sm\:focus\:via-gray-200:focus { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:via-gray-300:focus { + .sm\:focus\:via-gray-300:focus { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:via-gray-400:focus { + .sm\:focus\:via-gray-400:focus { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:via-gray-500:focus { + .sm\:focus\:via-gray-500:focus { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:via-gray-600:focus { + .sm\:focus\:via-gray-600:focus { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:via-gray-700:focus { + .sm\:focus\:via-gray-700:focus { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:via-gray-800:focus { + .sm\:focus\:via-gray-800:focus { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:via-gray-900:focus { + .sm\:focus\:via-gray-900:focus { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:via-red-50:focus { + .sm\:focus\:via-red-50:focus { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:via-red-100:focus { + .sm\:focus\:via-red-100:focus { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:via-red-200:focus { + .sm\:focus\:via-red-200:focus { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:via-red-300:focus { + .sm\:focus\:via-red-300:focus { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:via-red-400:focus { + .sm\:focus\:via-red-400:focus { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:via-red-500:focus { + .sm\:focus\:via-red-500:focus { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:via-red-600:focus { + .sm\:focus\:via-red-600:focus { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:via-red-700:focus { + .sm\:focus\:via-red-700:focus { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:via-red-800:focus { + .sm\:focus\:via-red-800:focus { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:via-red-900:focus { + .sm\:focus\:via-red-900:focus { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:via-yellow-50:focus { + .sm\:focus\:via-yellow-50:focus { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:via-yellow-100:focus { + .sm\:focus\:via-yellow-100:focus { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:via-yellow-200:focus { + .sm\:focus\:via-yellow-200:focus { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:via-yellow-300:focus { + .sm\:focus\:via-yellow-300:focus { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:via-yellow-400:focus { + .sm\:focus\:via-yellow-400:focus { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:via-yellow-500:focus { + .sm\:focus\:via-yellow-500:focus { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:via-yellow-600:focus { + .sm\:focus\:via-yellow-600:focus { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:via-yellow-700:focus { + .sm\:focus\:via-yellow-700:focus { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:via-yellow-800:focus { + .sm\:focus\:via-yellow-800:focus { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:via-yellow-900:focus { + .sm\:focus\:via-yellow-900:focus { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:via-green-50:focus { + .sm\:focus\:via-green-50:focus { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:via-green-100:focus { + .sm\:focus\:via-green-100:focus { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:via-green-200:focus { + .sm\:focus\:via-green-200:focus { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:via-green-300:focus { + .sm\:focus\:via-green-300:focus { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:via-green-400:focus { + .sm\:focus\:via-green-400:focus { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:via-green-500:focus { + .sm\:focus\:via-green-500:focus { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:via-green-600:focus { + .sm\:focus\:via-green-600:focus { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:via-green-700:focus { + .sm\:focus\:via-green-700:focus { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:via-green-800:focus { + .sm\:focus\:via-green-800:focus { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:via-green-900:focus { + .sm\:focus\:via-green-900:focus { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:via-blue-50:focus { + .sm\:focus\:via-blue-50:focus { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:via-blue-100:focus { + .sm\:focus\:via-blue-100:focus { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:via-blue-200:focus { + .sm\:focus\:via-blue-200:focus { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:via-blue-300:focus { + .sm\:focus\:via-blue-300:focus { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:via-blue-400:focus { + .sm\:focus\:via-blue-400:focus { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:via-blue-500:focus { + .sm\:focus\:via-blue-500:focus { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:via-blue-600:focus { + .sm\:focus\:via-blue-600:focus { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:via-blue-700:focus { + .sm\:focus\:via-blue-700:focus { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:via-blue-800:focus { + .sm\:focus\:via-blue-800:focus { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:via-blue-900:focus { + .sm\:focus\:via-blue-900:focus { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:via-purple-50:focus { + .sm\:focus\:via-purple-50:focus { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:via-purple-100:focus { + .sm\:focus\:via-purple-100:focus { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:via-purple-200:focus { + .sm\:focus\:via-purple-200:focus { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:via-purple-300:focus { + .sm\:focus\:via-purple-300:focus { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:via-purple-400:focus { + .sm\:focus\:via-purple-400:focus { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:via-purple-500:focus { + .sm\:focus\:via-purple-500:focus { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:via-purple-600:focus { + .sm\:focus\:via-purple-600:focus { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:via-purple-700:focus { + .sm\:focus\:via-purple-700:focus { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:via-purple-800:focus { + .sm\:focus\:via-purple-800:focus { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:via-purple-900:focus { + .sm\:focus\:via-purple-900:focus { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:via-pink-50:focus { + .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\:focus\:via-pink-100:focus { + .sm\:focus\:via-pink-100:focus { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:via-pink-200:focus { + .sm\:focus\:via-pink-200:focus { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:via-pink-300:focus { + .sm\:focus\:via-pink-300:focus { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:via-pink-400:focus { + .sm\:focus\:via-pink-400:focus { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:via-pink-500:focus { + .sm\:focus\:via-pink-500:focus { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:via-pink-600:focus { + .sm\:focus\:via-pink-600:focus { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:via-pink-700:focus { + .sm\:focus\:via-pink-700:focus { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:via-pink-800:focus { + .sm\:focus\:via-pink-800:focus { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:via-pink-900:focus { + .sm\:focus\:via-pink-900:focus { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:to-transparent:focus { + .sm\:focus\:to-transparent:focus { --gradient-to-color: transparent; } - .md\:focus\:to-current:focus { + .sm\:focus\:to-current:focus { --gradient-to-color: currentColor; } - .md\:focus\:to-black:focus { + .sm\:focus\:to-black:focus { --gradient-to-color: #000; } - .md\:focus\:to-white:focus { + .sm\:focus\:to-white:focus { --gradient-to-color: #fff; } - .md\:focus\:to-gray-50:focus { + .sm\:focus\:to-gray-50:focus { --gradient-to-color: #fafafa; } - .md\:focus\:to-gray-100:focus { + .sm\:focus\:to-gray-100:focus { --gradient-to-color: #f4f4f5; } - .md\:focus\:to-gray-200:focus { + .sm\:focus\:to-gray-200:focus { --gradient-to-color: #e4e4e7; } - .md\:focus\:to-gray-300:focus { + .sm\:focus\:to-gray-300:focus { --gradient-to-color: #d4d4d8; } - .md\:focus\:to-gray-400:focus { + .sm\:focus\:to-gray-400:focus { --gradient-to-color: #a1a1aa; } - .md\:focus\:to-gray-500:focus { + .sm\:focus\:to-gray-500:focus { --gradient-to-color: #71717a; } - .md\:focus\:to-gray-600:focus { + .sm\:focus\:to-gray-600:focus { --gradient-to-color: #52525b; } - .md\:focus\:to-gray-700:focus { + .sm\:focus\:to-gray-700:focus { --gradient-to-color: #3f3f46; } - .md\:focus\:to-gray-800:focus { + .sm\:focus\:to-gray-800:focus { --gradient-to-color: #27272a; } - .md\:focus\:to-gray-900:focus { + .sm\:focus\:to-gray-900:focus { --gradient-to-color: #18181b; } - .md\:focus\:to-red-50:focus { + .sm\:focus\:to-red-50:focus { --gradient-to-color: #fef2f2; } - .md\:focus\:to-red-100:focus { + .sm\:focus\:to-red-100:focus { --gradient-to-color: #fee2e2; } - .md\:focus\:to-red-200:focus { + .sm\:focus\:to-red-200:focus { --gradient-to-color: #fecaca; } - .md\:focus\:to-red-300:focus { + .sm\:focus\:to-red-300:focus { --gradient-to-color: #fca5a5; } - .md\:focus\:to-red-400:focus { + .sm\:focus\:to-red-400:focus { --gradient-to-color: #f87171; } - .md\:focus\:to-red-500:focus { + .sm\:focus\:to-red-500:focus { --gradient-to-color: #ef4444; } - .md\:focus\:to-red-600:focus { + .sm\:focus\:to-red-600:focus { --gradient-to-color: #dc2626; } - .md\:focus\:to-red-700:focus { + .sm\:focus\:to-red-700:focus { --gradient-to-color: #b91c1c; } - .md\:focus\:to-red-800:focus { + .sm\:focus\:to-red-800:focus { --gradient-to-color: #991b1b; } - .md\:focus\:to-red-900:focus { + .sm\:focus\:to-red-900:focus { --gradient-to-color: #7f1d1d; } - .md\:focus\:to-yellow-50:focus { + .sm\:focus\:to-yellow-50:focus { --gradient-to-color: #fffbeb; } - .md\:focus\:to-yellow-100:focus { + .sm\:focus\:to-yellow-100:focus { --gradient-to-color: #fef3c7; } - .md\:focus\:to-yellow-200:focus { + .sm\:focus\:to-yellow-200:focus { --gradient-to-color: #fde68a; } - .md\:focus\:to-yellow-300:focus { + .sm\:focus\:to-yellow-300:focus { --gradient-to-color: #fcd34d; } - .md\:focus\:to-yellow-400:focus { + .sm\:focus\:to-yellow-400:focus { --gradient-to-color: #fbbf24; } - .md\:focus\:to-yellow-500:focus { + .sm\:focus\:to-yellow-500:focus { --gradient-to-color: #f59e0b; } - .md\:focus\:to-yellow-600:focus { + .sm\:focus\:to-yellow-600:focus { --gradient-to-color: #d97706; } - .md\:focus\:to-yellow-700:focus { + .sm\:focus\:to-yellow-700:focus { --gradient-to-color: #b45309; } - .md\:focus\:to-yellow-800:focus { + .sm\:focus\:to-yellow-800:focus { --gradient-to-color: #92400e; } - .md\:focus\:to-yellow-900:focus { + .sm\:focus\:to-yellow-900:focus { --gradient-to-color: #78350f; } - .md\:focus\:to-green-50:focus { + .sm\:focus\:to-green-50:focus { --gradient-to-color: #ecfdf5; } - .md\:focus\:to-green-100:focus { + .sm\:focus\:to-green-100:focus { --gradient-to-color: #d1fae5; } - .md\:focus\:to-green-200:focus { + .sm\:focus\:to-green-200:focus { --gradient-to-color: #a7f3d0; } - .md\:focus\:to-green-300:focus { + .sm\:focus\:to-green-300:focus { --gradient-to-color: #6ee7b7; } - .md\:focus\:to-green-400:focus { + .sm\:focus\:to-green-400:focus { --gradient-to-color: #34d399; } - .md\:focus\:to-green-500:focus { + .sm\:focus\:to-green-500:focus { --gradient-to-color: #10b981; } - .md\:focus\:to-green-600:focus { + .sm\:focus\:to-green-600:focus { --gradient-to-color: #059669; } - .md\:focus\:to-green-700:focus { + .sm\:focus\:to-green-700:focus { --gradient-to-color: #047857; } - .md\:focus\:to-green-800:focus { + .sm\:focus\:to-green-800:focus { --gradient-to-color: #065f46; } - .md\:focus\:to-green-900:focus { + .sm\:focus\:to-green-900:focus { --gradient-to-color: #064e3b; } - .md\:focus\:to-blue-50:focus { + .sm\:focus\:to-blue-50:focus { --gradient-to-color: #eff6ff; } - .md\:focus\:to-blue-100:focus { + .sm\:focus\:to-blue-100:focus { --gradient-to-color: #dbeafe; } - .md\:focus\:to-blue-200:focus { + .sm\:focus\:to-blue-200:focus { --gradient-to-color: #bfdbfe; } - .md\:focus\:to-blue-300:focus { + .sm\:focus\:to-blue-300:focus { --gradient-to-color: #93c5fd; } - .md\:focus\:to-blue-400:focus { + .sm\:focus\:to-blue-400:focus { --gradient-to-color: #60a5fa; } - .md\:focus\:to-blue-500:focus { + .sm\:focus\:to-blue-500:focus { --gradient-to-color: #3b82f6; } - .md\:focus\:to-blue-600:focus { + .sm\:focus\:to-blue-600:focus { --gradient-to-color: #2563eb; } - .md\:focus\:to-blue-700:focus { + .sm\:focus\:to-blue-700:focus { --gradient-to-color: #1d4ed8; } - .md\:focus\:to-blue-800:focus { + .sm\:focus\:to-blue-800:focus { --gradient-to-color: #1e40af; } - .md\:focus\:to-blue-900:focus { + .sm\:focus\:to-blue-900:focus { --gradient-to-color: #1e3a8a; } - .md\:focus\:to-purple-50:focus { + .sm\:focus\:to-purple-50:focus { --gradient-to-color: #f5f3ff; } - .md\:focus\:to-purple-100:focus { + .sm\:focus\:to-purple-100:focus { --gradient-to-color: #ede9fe; } - .md\:focus\:to-purple-200:focus { + .sm\:focus\:to-purple-200:focus { --gradient-to-color: #ddd6fe; } - .md\:focus\:to-purple-300:focus { + .sm\:focus\:to-purple-300:focus { --gradient-to-color: #c4b5fd; } - .md\:focus\:to-purple-400:focus { + .sm\:focus\:to-purple-400:focus { --gradient-to-color: #a78bfa; } - .md\:focus\:to-purple-500:focus { + .sm\:focus\:to-purple-500:focus { --gradient-to-color: #8b5cf6; } - .md\:focus\:to-purple-600:focus { + .sm\:focus\:to-purple-600:focus { --gradient-to-color: #7c3aed; } - .md\:focus\:to-purple-700:focus { + .sm\:focus\:to-purple-700:focus { --gradient-to-color: #6d28d9; } - .md\:focus\:to-purple-800:focus { + .sm\:focus\:to-purple-800:focus { --gradient-to-color: #5b21b6; } - .md\:focus\:to-purple-900:focus { + .sm\:focus\:to-purple-900:focus { --gradient-to-color: #4c1d95; } - .md\:focus\:to-pink-50:focus { + .sm\:focus\:to-pink-50:focus { --gradient-to-color: #fdf2f8; } - .md\:focus\:to-pink-100:focus { + .sm\:focus\:to-pink-100:focus { --gradient-to-color: #fce7f3; } - .md\:focus\:to-pink-200:focus { + .sm\:focus\:to-pink-200:focus { --gradient-to-color: #fbcfe8; } - .md\:focus\:to-pink-300:focus { + .sm\:focus\:to-pink-300:focus { --gradient-to-color: #f9a8d4; } - .md\:focus\:to-pink-400:focus { + .sm\:focus\:to-pink-400:focus { --gradient-to-color: #f472b6; } - .md\:focus\:to-pink-500:focus { + .sm\:focus\:to-pink-500:focus { --gradient-to-color: #ec4899; } - .md\:focus\:to-pink-600:focus { + .sm\:focus\:to-pink-600:focus { --gradient-to-color: #db2777; } - .md\:focus\:to-pink-700:focus { + .sm\:focus\:to-pink-700:focus { --gradient-to-color: #be185d; } - .md\:focus\:to-pink-800:focus { + .sm\:focus\:to-pink-800:focus { --gradient-to-color: #9d174d; } - .md\:focus\:to-pink-900:focus { + .sm\:focus\:to-pink-900:focus { --gradient-to-color: #831843; } - @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)); - } - - .md\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .md\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .md\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .md\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .md\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .md\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .md\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .md\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .md\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .md\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .md\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:bg-bottom { + background-position: bottom; + } - .md\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:bg-center { + background-position: center; + } - .md\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:bg-left { + background-position: left; + } - .md\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:bg-left-bottom { + background-position: left bottom; + } - .md\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:bg-left-top { + background-position: left top; + } - .md\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:bg-right { + background-position: right; + } - .md\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:bg-right-bottom { + background-position: right bottom; + } - .md\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:bg-right-top { + background-position: right top; + } - .md\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:bg-top { + background-position: top; + } - .md\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:bg-repeat { + background-repeat: repeat; + } - .md\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } - .md\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } - .md\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } - .md\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:bg-repeat-round { + background-repeat: round; + } - .md\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:bg-repeat-space { + background-repeat: space; + } - .md\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:bg-auto { + background-size: auto; + } - .md\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:bg-cover { + background-size: cover; + } - .md\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:bg-contain { + background-size: contain; + } - .md\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:border-collapse { + border-collapse: collapse; + } - .md\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:border-separate { + border-collapse: separate; + } - .md\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:border-transparent { + border-color: transparent; + } - .md\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:border-current { + border-color: currentColor; + } - .md\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:border-black { + border-color: #000; + } - .md\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:border-white { + border-color: #fff; + } - .md\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:border-gray-50 { + border-color: #fafafa; + } - .md\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:border-gray-100 { + border-color: #f4f4f5; + } - .md\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:border-gray-200 { + border-color: #e4e4e7; + } - .md\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:border-gray-300 { + border-color: #d4d4d8; + } - .md\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:border-gray-400 { + border-color: #a1a1aa; + } - .md\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:border-gray-500 { + border-color: #71717a; + } - .md\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:border-gray-600 { + border-color: #52525b; + } - .md\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:border-gray-700 { + border-color: #3f3f46; + } - .md\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:border-gray-800 { + border-color: #27272a; + } - .md\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:border-gray-900 { + border-color: #18181b; + } - .md\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:border-red-50 { + border-color: #fef2f2; + } - .md\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:border-red-100 { + border-color: #fee2e2; + } - .md\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:border-red-200 { + border-color: #fecaca; + } - .md\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:border-red-300 { + border-color: #fca5a5; + } - .md\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:border-red-400 { + border-color: #f87171; + } - .md\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:border-red-500 { + border-color: #ef4444; + } - .md\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:border-red-600 { + border-color: #dc2626; + } - .md\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:border-red-700 { + border-color: #b91c1c; + } - .md\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:border-red-800 { + border-color: #991b1b; + } - .md\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:border-red-900 { + border-color: #7f1d1d; + } - .md\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:border-yellow-50 { + border-color: #fffbeb; + } - .md\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:border-yellow-100 { + border-color: #fef3c7; + } - .md\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:border-yellow-200 { + border-color: #fde68a; + } - .md\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:border-yellow-300 { + border-color: #fcd34d; + } - .md\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:border-yellow-400 { + border-color: #fbbf24; + } - .md\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:border-yellow-500 { + border-color: #f59e0b; + } - .md\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:border-yellow-600 { + border-color: #d97706; + } - .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\:border-yellow-700 { + border-color: #b45309; + } - .md\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:border-yellow-800 { + border-color: #92400e; + } - .md\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:border-yellow-900 { + border-color: #78350f; + } - .md\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:border-green-50 { + border-color: #ecfdf5; + } - .md\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:border-green-100 { + border-color: #d1fae5; + } - .md\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:border-green-200 { + border-color: #a7f3d0; + } - .md\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:border-green-300 { + border-color: #6ee7b7; + } - .md\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:border-green-400 { + border-color: #34d399; + } - .md\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:border-green-500 { + border-color: #10b981; + } - .md\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:border-green-600 { + border-color: #059669; + } - .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\:border-green-700 { + border-color: #047857; + } - .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\:border-green-800 { + border-color: #065f46; + } - .md\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:border-green-900 { + border-color: #064e3b; + } - .md\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:border-blue-50 { + border-color: #eff6ff; + } - .md\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:border-blue-100 { + border-color: #dbeafe; + } - .md\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:border-blue-200 { + border-color: #bfdbfe; + } - .md\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:border-blue-300 { + border-color: #93c5fd; + } - .md\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:border-blue-400 { + border-color: #60a5fa; + } - .md\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:border-blue-500 { + border-color: #3b82f6; + } - .md\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:border-blue-600 { + border-color: #2563eb; + } - .md\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:border-blue-700 { + border-color: #1d4ed8; + } - .md\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:border-blue-800 { + border-color: #1e40af; + } - .md\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:border-blue-900 { + border-color: #1e3a8a; + } - .md\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:border-purple-50 { + border-color: #f5f3ff; + } - .md\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:border-purple-100 { + border-color: #ede9fe; + } - .md\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:border-purple-200 { + border-color: #ddd6fe; + } - .md\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:border-purple-300 { + border-color: #c4b5fd; + } - .md\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:border-purple-400 { + border-color: #a78bfa; + } - .md\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:border-purple-500 { + border-color: #8b5cf6; + } - .md\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:border-purple-600 { + border-color: #7c3aed; + } - .md\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:border-purple-700 { + border-color: #6d28d9; + } - .md\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:border-purple-800 { + border-color: #5b21b6; + } - .md\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:border-purple-900 { + border-color: #4c1d95; + } - .md\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:border-pink-50 { + border-color: #fdf2f8; + } - .md\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:border-pink-100 { + border-color: #fce7f3; + } - .md\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:border-pink-200 { + border-color: #fbcfe8; + } - .md\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:border-pink-300 { + border-color: #f9a8d4; + } - .md\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:border-pink-400 { + border-color: #f472b6; + } - .md\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:border-pink-500 { + border-color: #ec4899; + } - .md\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:border-pink-600 { + border-color: #db2777; + } - .md\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:border-pink-700 { + border-color: #be185d; + } - .md\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:border-pink-800 { + border-color: #9d174d; + } - .md\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:border-pink-900 { + border-color: #831843; + } - .md\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .group:hover .sm\:group-hover\:border-transparent { + border-color: transparent; + } - .md\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .group:hover .sm\:group-hover\:border-current { + border-color: currentColor; + } - .md\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .group:hover .sm\:group-hover\:border-black { + border-color: #000; + } - .md\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .group:hover .sm\:group-hover\:border-white { + border-color: #fff; + } - .md\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .group:hover .sm\:group-hover\:border-gray-50 { + border-color: #fafafa; + } - .md\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .group:hover .sm\:group-hover\:border-gray-100 { + border-color: #f4f4f5; + } - .md\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .group:hover .sm\:group-hover\:border-gray-200 { + border-color: #e4e4e7; + } - .md\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .group:hover .sm\:group-hover\:border-gray-300 { + border-color: #d4d4d8; + } - .md\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .group:hover .sm\:group-hover\:border-gray-400 { + border-color: #a1a1aa; + } - .md\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .group:hover .sm\:group-hover\:border-gray-500 { + border-color: #71717a; + } - .md\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .group:hover .sm\:group-hover\:border-gray-600 { + border-color: #52525b; + } - .md\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .group:hover .sm\:group-hover\:border-gray-700 { + border-color: #3f3f46; + } - .md\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .group:hover .sm\:group-hover\:border-gray-800 { + border-color: #27272a; + } - .md\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .group:hover .sm\:group-hover\:border-gray-900 { + border-color: #18181b; + } - .md\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .group:hover .sm\:group-hover\:border-red-50 { + border-color: #fef2f2; + } - .md\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .group:hover .sm\:group-hover\:border-red-100 { + border-color: #fee2e2; + } - .md\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .group:hover .sm\:group-hover\:border-red-200 { + border-color: #fecaca; + } - .md\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .group:hover .sm\:group-hover\:border-red-300 { + border-color: #fca5a5; + } - .md\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .group:hover .sm\:group-hover\:border-red-400 { + border-color: #f87171; + } - .md\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .group:hover .sm\:group-hover\:border-red-500 { + border-color: #ef4444; + } - .md\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .group:hover .sm\:group-hover\:border-red-600 { + border-color: #dc2626; + } - .md\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .group:hover .sm\:group-hover\:border-red-700 { + border-color: #b91c1c; + } - .md\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .group:hover .sm\:group-hover\:border-red-800 { + border-color: #991b1b; + } - .md\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .group:hover .sm\:group-hover\:border-red-900 { + border-color: #7f1d1d; + } - .md\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-50 { + border-color: #fffbeb; + } - .md\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-100 { + border-color: #fef3c7; + } - .md\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-200 { + border-color: #fde68a; + } - .md\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-300 { + border-color: #fcd34d; + } - .md\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-400 { + border-color: #fbbf24; + } - .md\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-500 { + border-color: #f59e0b; + } - .md\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-600 { + border-color: #d97706; + } - .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)); - } + .group:hover .sm\:group-hover\:border-yellow-700 { + border-color: #b45309; + } - .md\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-800 { + border-color: #92400e; + } - .md\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .group:hover .sm\:group-hover\:border-yellow-900 { + border-color: #78350f; + } - .md\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .group:hover .sm\:group-hover\:border-green-50 { + border-color: #ecfdf5; + } - .md\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .group:hover .sm\:group-hover\:border-green-100 { + border-color: #d1fae5; + } - .md\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .group:hover .sm\:group-hover\:border-green-200 { + border-color: #a7f3d0; + } - .md\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .group:hover .sm\:group-hover\:border-green-300 { + border-color: #6ee7b7; + } - .md\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .group:hover .sm\:group-hover\:border-green-400 { + border-color: #34d399; + } - .md\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .group:hover .sm\:group-hover\:border-green-500 { + border-color: #10b981; + } - .md\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .group:hover .sm\:group-hover\:border-green-600 { + border-color: #059669; + } - .md\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .group:hover .sm\:group-hover\:border-green-700 { + border-color: #047857; + } - .md\:dark\:to-current { - --gradient-to-color: currentColor; - } + .group:hover .sm\:group-hover\:border-green-800 { + border-color: #065f46; + } - .md\:dark\:to-black { - --gradient-to-color: #000; - } + .group:hover .sm\:group-hover\:border-green-900 { + border-color: #064e3b; + } - .md\:dark\:to-white { - --gradient-to-color: #fff; - } + .group:hover .sm\:group-hover\:border-blue-50 { + border-color: #eff6ff; + } - .md\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .group:hover .sm\:group-hover\:border-blue-100 { + border-color: #dbeafe; + } - .md\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .group:hover .sm\:group-hover\:border-blue-200 { + border-color: #bfdbfe; + } - .md\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .group:hover .sm\:group-hover\:border-blue-300 { + border-color: #93c5fd; + } - .md\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .group:hover .sm\:group-hover\:border-blue-400 { + border-color: #60a5fa; + } - .md\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .group:hover .sm\:group-hover\:border-blue-500 { + border-color: #3b82f6; + } - .md\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .group:hover .sm\:group-hover\:border-blue-600 { + border-color: #2563eb; + } - .md\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .group:hover .sm\:group-hover\:border-blue-700 { + border-color: #1d4ed8; + } - .md\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .group:hover .sm\:group-hover\:border-blue-800 { + border-color: #1e40af; + } - .md\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .group:hover .sm\:group-hover\:border-blue-900 { + border-color: #1e3a8a; + } - .md\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .group:hover .sm\:group-hover\:border-purple-50 { + border-color: #f5f3ff; + } - .md\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .group:hover .sm\:group-hover\:border-purple-100 { + border-color: #ede9fe; + } - .md\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .group:hover .sm\:group-hover\:border-purple-200 { + border-color: #ddd6fe; + } - .md\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .group:hover .sm\:group-hover\:border-purple-300 { + border-color: #c4b5fd; + } - .md\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .group:hover .sm\:group-hover\:border-purple-400 { + border-color: #a78bfa; + } - .md\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .group:hover .sm\:group-hover\:border-purple-500 { + border-color: #8b5cf6; + } - .md\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .group:hover .sm\:group-hover\:border-purple-600 { + border-color: #7c3aed; + } - .md\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .group:hover .sm\:group-hover\:border-purple-700 { + border-color: #6d28d9; + } - .md\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .group:hover .sm\:group-hover\:border-purple-800 { + border-color: #5b21b6; + } - .md\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .group:hover .sm\:group-hover\:border-purple-900 { + border-color: #4c1d95; + } - .md\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .group:hover .sm\:group-hover\:border-pink-50 { + border-color: #fdf2f8; + } - .md\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .group:hover .sm\:group-hover\:border-pink-100 { + border-color: #fce7f3; + } - .md\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .group:hover .sm\:group-hover\:border-pink-200 { + border-color: #fbcfe8; + } - .md\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .group:hover .sm\:group-hover\:border-pink-300 { + border-color: #f9a8d4; + } - .md\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .group:hover .sm\:group-hover\:border-pink-400 { + border-color: #f472b6; + } - .md\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .group:hover .sm\:group-hover\:border-pink-500 { + border-color: #ec4899; + } - .md\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .group:hover .sm\:group-hover\:border-pink-600 { + border-color: #db2777; + } - .md\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .group:hover .sm\:group-hover\:border-pink-700 { + border-color: #be185d; + } - .md\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .group:hover .sm\:group-hover\:border-pink-800 { + border-color: #9d174d; + } - .md\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .group:hover .sm\:group-hover\:border-pink-900 { + border-color: #831843; + } - .md\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .sm\:hover\:border-transparent:hover { + border-color: transparent; + } - .md\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .sm\:hover\:border-current:hover { + border-color: currentColor; + } - .md\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .sm\:hover\:border-black:hover { + border-color: #000; + } - .md\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .sm\:hover\:border-white:hover { + border-color: #fff; + } - .md\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .sm\:hover\:border-gray-50:hover { + border-color: #fafafa; + } - .md\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .sm\:hover\:border-gray-100:hover { + border-color: #f4f4f5; + } - .md\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .sm\:hover\:border-gray-200:hover { + border-color: #e4e4e7; + } - .md\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .sm\:hover\:border-gray-300:hover { + border-color: #d4d4d8; + } - .md\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .sm\:hover\:border-gray-400:hover { + border-color: #a1a1aa; + } - .md\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .sm\:hover\:border-gray-500:hover { + border-color: #71717a; + } - .md\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .sm\:hover\:border-gray-600:hover { + border-color: #52525b; + } - .md\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .sm\:hover\:border-gray-700:hover { + border-color: #3f3f46; + } - .md\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .sm\:hover\:border-gray-800:hover { + border-color: #27272a; + } - .md\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .sm\:hover\:border-gray-900:hover { + border-color: #18181b; + } - .md\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .sm\:hover\:border-red-50:hover { + border-color: #fef2f2; + } - .md\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .sm\:hover\:border-red-100:hover { + border-color: #fee2e2; + } - .md\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .sm\:hover\:border-red-200:hover { + border-color: #fecaca; + } - .md\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .sm\:hover\:border-red-300:hover { + border-color: #fca5a5; + } - .md\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .sm\:hover\:border-red-400:hover { + border-color: #f87171; + } - .md\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .sm\:hover\:border-red-500:hover { + border-color: #ef4444; + } - .md\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .sm\:hover\:border-red-600:hover { + border-color: #dc2626; + } - .md\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .sm\:hover\:border-red-700:hover { + border-color: #b91c1c; + } - .md\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .sm\:hover\:border-red-800:hover { + border-color: #991b1b; + } - .md\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .sm\:hover\:border-red-900:hover { + border-color: #7f1d1d; + } - .md\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .sm\:hover\:border-yellow-50:hover { + border-color: #fffbeb; + } - .md\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .sm\:hover\:border-yellow-100:hover { + border-color: #fef3c7; + } - .md\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .sm\:hover\:border-yellow-200:hover { + border-color: #fde68a; + } - .md\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .sm\:hover\:border-yellow-300:hover { + border-color: #fcd34d; + } - .md\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .sm\:hover\:border-yellow-400:hover { + border-color: #fbbf24; + } - .md\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .sm\:hover\:border-yellow-500:hover { + border-color: #f59e0b; + } - .md\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .sm\:hover\:border-yellow-600:hover { + border-color: #d97706; + } - .md\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .sm\:hover\:border-yellow-700:hover { + border-color: #b45309; + } - .md\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .sm\:hover\:border-yellow-800:hover { + border-color: #92400e; + } - .md\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .sm\:hover\:border-yellow-900:hover { + border-color: #78350f; + } - .md\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .sm\:hover\:border-green-50:hover { + border-color: #ecfdf5; + } - .md\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .sm\:hover\:border-green-100:hover { + border-color: #d1fae5; + } - .md\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .sm\:hover\:border-green-200:hover { + border-color: #a7f3d0; + } - .md\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .sm\:hover\:border-green-300:hover { + border-color: #6ee7b7; + } - .md\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .sm\:hover\:border-green-400:hover { + border-color: #34d399; + } - .md\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .sm\:hover\:border-green-500:hover { + border-color: #10b981; + } - .md\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .sm\:hover\:border-green-600:hover { + border-color: #059669; + } - .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\:hover\:border-green-700:hover { + border-color: #047857; + } - .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\:hover\:border-green-800:hover { + border-color: #065f46; + } - .md\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:hover\:border-green-900:hover { + border-color: #064e3b; + } - .md\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:hover\:border-blue-50:hover { + border-color: #eff6ff; + } - .md\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:hover\:border-blue-100:hover { + border-color: #dbeafe; + } - .md\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:hover\:border-blue-200:hover { + border-color: #bfdbfe; + } - .md\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:hover\:border-blue-300:hover { + border-color: #93c5fd; + } - .md\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:hover\:border-blue-400:hover { + border-color: #60a5fa; + } - .md\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:hover\:border-blue-500:hover { + border-color: #3b82f6; + } - .md\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:hover\:border-blue-600:hover { + border-color: #2563eb; + } - .md\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:hover\:border-blue-700:hover { + border-color: #1d4ed8; + } - .md\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:hover\:border-blue-800:hover { + border-color: #1e40af; + } - .md\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:hover\:border-blue-900:hover { + border-color: #1e3a8a; + } - .md\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:hover\:border-purple-50:hover { + border-color: #f5f3ff; + } - .md\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:hover\:border-purple-100:hover { + border-color: #ede9fe; + } - .md\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:hover\:border-purple-200:hover { + border-color: #ddd6fe; + } - .md\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:hover\:border-purple-300:hover { + border-color: #c4b5fd; + } - .md\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:hover\:border-purple-400:hover { + border-color: #a78bfa; + } - .md\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:hover\:border-purple-500:hover { + border-color: #8b5cf6; + } - .md\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:hover\:border-purple-600:hover { + border-color: #7c3aed; + } - .md\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:hover\:border-purple-700:hover { + border-color: #6d28d9; + } - .md\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:hover\:border-purple-800:hover { + border-color: #5b21b6; + } - .md\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:hover\:border-purple-900:hover { + border-color: #4c1d95; + } - .md\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:hover\:border-pink-50:hover { + border-color: #fdf2f8; + } - .md\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:hover\:border-pink-100:hover { + border-color: #fce7f3; + } - .md\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:hover\:border-pink-200:hover { + border-color: #fbcfe8; + } - .md\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:hover\:border-pink-300:hover { + border-color: #f9a8d4; + } - .md\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:hover\:border-pink-400:hover { + border-color: #f472b6; + } - .md\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:hover\:border-pink-500:hover { + border-color: #ec4899; + } - .md\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:hover\:border-pink-600:hover { + border-color: #db2777; + } - .md\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:hover\:border-pink-700:hover { + border-color: #be185d; + } - .md\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:hover\:border-pink-800:hover { + border-color: #9d174d; + } - .md\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:hover\:border-pink-900:hover { + border-color: #831843; + } - .md\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:focus\:border-transparent:focus { + border-color: transparent; + } - .md\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:focus\:border-current:focus { + border-color: currentColor; + } - .md\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:focus\:border-black:focus { + border-color: #000; + } - .md\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:focus\:border-white:focus { + border-color: #fff; + } - .md\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:focus\:border-gray-50:focus { + border-color: #fafafa; + } - .md\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:focus\:border-gray-100:focus { + border-color: #f4f4f5; + } - .md\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:focus\:border-gray-200:focus { + border-color: #e4e4e7; + } - .md\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:focus\:border-gray-300:focus { + border-color: #d4d4d8; + } - .md\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:focus\:border-gray-400:focus { + border-color: #a1a1aa; + } - .md\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:focus\:border-gray-500:focus { + border-color: #71717a; + } - .md\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:focus\:border-gray-600:focus { + border-color: #52525b; + } - .md\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:focus\:border-gray-700:focus { + border-color: #3f3f46; + } - .md\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:focus\:border-gray-800:focus { + border-color: #27272a; + } - .md\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:focus\:border-gray-900:focus { + border-color: #18181b; + } - .md\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:focus\:border-red-50:focus { + border-color: #fef2f2; + } - .md\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:focus\:border-red-100:focus { + border-color: #fee2e2; + } - .md\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:focus\:border-red-200:focus { + border-color: #fecaca; + } - .md\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:focus\:border-red-300:focus { + border-color: #fca5a5; + } - .md\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:focus\:border-red-400:focus { + border-color: #f87171; + } - .md\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:focus\:border-red-500:focus { + border-color: #ef4444; + } - .md\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:focus\:border-red-600:focus { + border-color: #dc2626; + } - .md\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:focus\:border-red-700:focus { + border-color: #b91c1c; + } - .md\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:focus\:border-red-800:focus { + border-color: #991b1b; + } - .md\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:focus\:border-red-900:focus { + border-color: #7f1d1d; + } - .md\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:focus\:border-yellow-50:focus { + border-color: #fffbeb; + } - .md\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:focus\:border-yellow-100:focus { + border-color: #fef3c7; + } - .md\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:focus\:border-yellow-200:focus { + border-color: #fde68a; + } - .md\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:focus\:border-yellow-300:focus { + border-color: #fcd34d; + } - .md\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:focus\:border-yellow-400:focus { + border-color: #fbbf24; + } - .md\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:focus\:border-yellow-500:focus { + border-color: #f59e0b; + } - .md\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:focus\:border-yellow-600:focus { + border-color: #d97706; + } - .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\:focus\:border-yellow-700:focus { + border-color: #b45309; + } - .md\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:focus\:border-yellow-800:focus { + border-color: #92400e; + } - .md\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:focus\:border-yellow-900:focus { + border-color: #78350f; + } - .md\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:focus\:border-green-50:focus { + border-color: #ecfdf5; + } - .md\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:focus\:border-green-100:focus { + border-color: #d1fae5; + } - .md\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:focus\:border-green-200:focus { + border-color: #a7f3d0; + } - .md\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:focus\:border-green-300:focus { + border-color: #6ee7b7; + } - .md\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:focus\:border-green-400:focus { + border-color: #34d399; + } - .md\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:focus\:border-green-500:focus { + border-color: #10b981; + } - .md\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:focus\:border-green-600:focus { + border-color: #059669; + } - .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\:focus\:border-green-700:focus { + border-color: #047857; + } - .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\:focus\:border-green-800:focus { + border-color: #065f46; + } - .md\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:focus\:border-green-900:focus { + border-color: #064e3b; + } - .md\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:focus\:border-blue-50:focus { + border-color: #eff6ff; + } - .md\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:focus\:border-blue-100:focus { + border-color: #dbeafe; + } - .md\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:focus\:border-blue-200:focus { + border-color: #bfdbfe; + } - .md\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:focus\:border-blue-300:focus { + border-color: #93c5fd; + } - .md\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:focus\:border-blue-400:focus { + border-color: #60a5fa; + } - .md\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:focus\:border-blue-500:focus { + border-color: #3b82f6; + } - .md\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:focus\:border-blue-600:focus { + border-color: #2563eb; + } - .md\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:focus\:border-blue-700:focus { + border-color: #1d4ed8; + } - .md\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:focus\:border-blue-800:focus { + border-color: #1e40af; + } - .md\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:focus\:border-blue-900:focus { + border-color: #1e3a8a; + } - .md\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:focus\:border-purple-50:focus { + border-color: #f5f3ff; + } - .md\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:focus\:border-purple-100:focus { + border-color: #ede9fe; + } - .md\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:focus\:border-purple-200:focus { + border-color: #ddd6fe; + } - .md\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:focus\:border-purple-300:focus { + border-color: #c4b5fd; + } - .md\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:focus\:border-purple-400:focus { + border-color: #a78bfa; + } - .md\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:focus\:border-purple-500:focus { + border-color: #8b5cf6; + } - .md\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:focus\:border-purple-600:focus { + border-color: #7c3aed; + } - .md\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:focus\:border-purple-700:focus { + border-color: #6d28d9; + } - .md\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:focus\:border-purple-800:focus { + border-color: #5b21b6; + } - .md\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:focus\:border-purple-900:focus { + border-color: #4c1d95; + } - .md\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:focus\:border-pink-50:focus { + border-color: #fdf2f8; + } - .md\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:focus\:border-pink-100:focus { + border-color: #fce7f3; + } - .md\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:focus\:border-pink-200:focus { + border-color: #fbcfe8; + } - .md\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:focus\:border-pink-300:focus { + border-color: #f9a8d4; + } - .md\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:focus\:border-pink-400:focus { + border-color: #f472b6; + } - .md\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:focus\:border-pink-500:focus { + border-color: #ec4899; + } - .md\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:focus\:border-pink-600:focus { + border-color: #db2777; + } - .md\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:focus\:border-pink-700:focus { + border-color: #be185d; + } - .md\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:focus\:border-pink-800:focus { + border-color: #9d174d; + } - .md\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:focus\:border-pink-900:focus { + border-color: #831843; + } - .md\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:rounded-none { + border-radius: 0; + } - .md\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:rounded-sm { + border-radius: 0.125rem; + } - .md\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:rounded { + border-radius: 0.25rem; + } - .md\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:rounded-md { + border-radius: 0.375rem; + } - .md\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:rounded-lg { + border-radius: 0.5rem; + } - .md\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:rounded-xl { + border-radius: 0.75rem; + } - .md\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:rounded-2xl { + border-radius: 1rem; + } - .md\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:rounded-3xl { + border-radius: 1.5rem; + } - .md\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:rounded-full { + border-radius: 9999px; + } - .md\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } - .md\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } - .md\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } - .md\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } - .md\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } - .md\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } - .md\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .md\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .md\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } - .md\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } - .md\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .md\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .md\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } - .md\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } - .md\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .md\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .md\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } - .md\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } - .md\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .md\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .md\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } - .md\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } - .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\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .md\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .md\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } - .md\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } - .md\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .md\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .md\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } - .md\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } - .md\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .md\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .md\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } - .md\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } - .md\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .md\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .md\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .sm\:rounded-tl-none { + border-top-left-radius: 0; + } - .md\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .sm\:rounded-tr-none { + border-top-right-radius: 0; + } - .md\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .sm\:rounded-br-none { + border-bottom-right-radius: 0; + } - .md\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; + } - .md\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } - .md\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } - .md\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } - .md\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } - .md\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .sm\:rounded-tl { + border-top-left-radius: 0.25rem; + } - .md\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .sm\:rounded-tr { + border-top-right-radius: 0.25rem; + } - .md\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem; + } - .md\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } - .md\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } - .md\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } - .md\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } - .md\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } - .md\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } - .md\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } - .md\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } - .md\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } - .md\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .sm\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } - .md\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } - .md\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } - .md\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } - .md\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } - .md\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } - .md\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } - .md\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } - .md\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } - .md\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } - .md\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } - .md\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } - .md\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; + } - .md\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; + } - .md\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; + } - .md\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } - .md\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .sm\:border-solid { + border-style: solid; + } - .md\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .sm\:border-dashed { + border-style: dashed; + } - .md\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .sm\:border-dotted { + border-style: dotted; + } - .md\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .sm\:border-double { + border-style: double; + } - .md\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .sm\:border-none { + border-style: none; + } - .md\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .sm\:border-0 { + border-width: 0; + } - .md\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .sm\:border-2 { + border-width: 2px; + } - .md\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .sm\:border-4 { + border-width: 4px; + } - .md\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .sm\:border-8 { + border-width: 8px; + } - .md\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .sm\:border { + border-width: 1px; + } - .md\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .sm\:border-t-0 { + border-top-width: 0; + } - .md\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .sm\:border-r-0 { + border-right-width: 0; + } - .md\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .sm\:border-b-0 { + border-bottom-width: 0; + } - .md\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .sm\:border-l-0 { + border-left-width: 0; + } - .md\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .sm\:border-t-2 { + border-top-width: 2px; + } - .md\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .sm\:border-r-2 { + border-right-width: 2px; + } - .md\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .sm\:border-b-2 { + border-bottom-width: 2px; + } - .md\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .sm\:border-l-2 { + border-left-width: 2px; + } - .md\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .sm\:border-t-4 { + border-top-width: 4px; + } - .md\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .sm\:border-r-4 { + border-right-width: 4px; + } - .md\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .sm\:border-b-4 { + border-bottom-width: 4px; + } - .md\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .sm\:border-l-4 { + border-left-width: 4px; + } - .md\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .sm\:border-t-8 { + border-top-width: 8px; + } - .md\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .sm\:border-r-8 { + border-right-width: 8px; + } - .md\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .sm\:border-b-8 { + border-bottom-width: 8px; + } - .md\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .sm\:border-l-8 { + border-left-width: 8px; + } - .md\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .sm\:border-t { + border-top-width: 1px; + } - .md\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .sm\:border-r { + border-right-width: 1px; + } - .md\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .sm\:border-b { + border-bottom-width: 1px; + } - .md\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .sm\:border-l { + border-left-width: 1px; + } - .md\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .sm\:box-border { + box-sizing: border-box; + } - .md\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .sm\:box-content { + box-sizing: content-box; + } - .md\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .sm\:cursor-auto { + cursor: auto; + } - .md\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .sm\:cursor-default { + cursor: default; + } - .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\:cursor-pointer { + cursor: pointer; + } - .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\:cursor-wait { + cursor: wait; + } - .md\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:cursor-text { + cursor: text; + } - .md\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:cursor-move { + cursor: move; + } - .md\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:cursor-not-allowed { + cursor: not-allowed; + } - .md\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:block { + display: block; + } - .md\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:inline-block { + display: inline-block; + } - .md\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:inline { + display: inline; + } - .md\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:flex { + display: flex; + } - .md\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:inline-flex { + display: inline-flex; + } - .md\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:table { + display: table; + } - .md\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:table-caption { + display: table-caption; + } - .md\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:table-cell { + display: table-cell; + } - .md\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:table-column { + display: table-column; + } - .md\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:table-column-group { + display: table-column-group; + } - .md\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:table-footer-group { + display: table-footer-group; + } - .md\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:table-header-group { + display: table-header-group; + } - .md\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:table-row-group { + display: table-row-group; + } - .md\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:table-row { + display: table-row; + } - .md\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:flow-root { + display: flow-root; + } - .md\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:grid { + display: grid; + } - .md\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:inline-grid { + display: inline-grid; + } - .md\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:contents { + display: contents; + } - .md\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:hidden { + display: none; + } - .md\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:flex-row { + flex-direction: row; + } - .md\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } - .md\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:flex-col { + flex-direction: column; + } - .md\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } - .md\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:flex-wrap { + flex-wrap: wrap; + } - .md\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .md\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } - .md\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:place-items-auto { + place-items: auto; + } - .md\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:place-items-start { + place-items: start; + } - .md\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:place-items-end { + place-items: end; + } - .md\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:place-items-center { + place-items: center; + } - .md\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:place-items-stretch { + place-items: stretch; + } - .md\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:place-content-center { + place-content: center; + } - .md\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:place-content-start { + place-content: start; + } - .md\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:place-content-end { + place-content: end; + } - .md\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:place-content-between { + place-content: space-between; + } - .md\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:place-content-around { + place-content: space-around; + } - .md\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:place-content-evenly { + place-content: space-evenly; + } - .md\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:place-content-stretch { + place-content: stretch; + } - .md\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:place-self-auto { + place-self: auto; + } - .md\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:place-self-start { + place-self: start; + } - .md\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:place-self-end { + place-self: end; + } - .md\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:place-self-center { + place-self: center; + } - .md\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:place-self-stretch { + place-self: stretch; + } - .md\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:items-start { + align-items: flex-start; + } - .md\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:items-end { + align-items: flex-end; + } - .md\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:items-center { + align-items: center; + } - .md\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:items-baseline { + align-items: baseline; + } - .md\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:items-stretch { + align-items: stretch; + } - .md\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:content-center { + align-content: center; + } - .md\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:content-start { + align-content: flex-start; + } - .md\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:content-end { + align-content: flex-end; + } - .md\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:content-between { + align-content: space-between; + } - .md\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:content-around { + align-content: space-around; + } - .md\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:content-evenly { + align-content: space-evenly; + } - .md\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:self-auto { + align-self: auto; + } - .md\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:self-start { + align-self: flex-start; + } - .md\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:self-end { + align-self: flex-end; + } - .md\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:self-center { + align-self: center; + } - .md\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:self-stretch { + align-self: stretch; + } - .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\:justify-items-auto { + justify-items: auto; + } - .md\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:justify-items-start { + justify-items: start; + } - .md\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:justify-items-end { + justify-items: end; + } - .md\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:justify-items-center { + justify-items: center; + } - .md\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:justify-items-stretch { + justify-items: stretch; + } - .md\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:justify-start { + justify-content: flex-start; + } - .md\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:justify-end { + justify-content: flex-end; + } - .md\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:justify-center { + justify-content: center; + } - .md\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:justify-between { + justify-content: space-between; + } - .md\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:justify-around { + justify-content: space-around; + } - .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\:justify-evenly { + justify-content: space-evenly; + } - .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\:justify-self-auto { + justify-self: auto; + } - .md\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:justify-self-start { + justify-self: start; + } - .md\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:justify-self-end { + justify-self: end; + } - .md\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:justify-self-center { + justify-self: center; + } - .md\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:justify-self-stretch { + justify-self: stretch; + } - .md\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:flex-1 { + flex: 1 1 0%; + } - .md\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:flex-auto { + flex: 1 1 auto; + } - .md\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:flex-initial { + flex: 0 1 auto; + } - .md\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:flex-none { + flex: none; + } - .md\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:flex-grow-0 { + flex-grow: 0; + } - .md\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:flex-grow { + flex-grow: 1; + } - .md\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:flex-shrink-0 { + flex-shrink: 0; + } - .md\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:flex-shrink { + flex-shrink: 1; + } - .md\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:order-1 { + order: 1; + } - .md\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:order-2 { + order: 2; + } - .md\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:order-3 { + order: 3; + } - .md\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:order-4 { + order: 4; + } - .md\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:order-5 { + order: 5; + } - .md\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:order-6 { + order: 6; + } - .md\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:order-7 { + order: 7; + } - .md\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:order-8 { + order: 8; + } - .md\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:order-9 { + order: 9; + } - .md\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:order-10 { + order: 10; + } - .md\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:order-11 { + order: 11; + } - .md\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:order-12 { + order: 12; + } - .md\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:order-first { + order: -9999; + } - .md\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:order-last { + order: 9999; + } - .md\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:order-none { + order: 0; + } - .md\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:float-right { + float: right; + } - .md\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:float-left { + float: left; + } - .md\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:float-none { + float: none; + } - .md\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; + } - .md\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:clear-left { + clear: left; + } - .md\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:clear-right { + clear: right; + } - .md\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:clear-both { + clear: both; + } - .md\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:clear-none { + clear: none; + } - .md\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:font-sans { + font-family: ui-sans-serif, 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\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + } - .md\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } - .md\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:font-thin { + font-weight: 100; + } - .md\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:font-extralight { + font-weight: 200; + } - .md\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:font-light { + font-weight: 300; + } - .md\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:font-normal { + font-weight: 400; + } - .md\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:font-medium { + font-weight: 500; + } - .md\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:font-semibold { + font-weight: 600; + } - .md\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:font-bold { + font-weight: 700; + } - .md\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:font-extrabold { + font-weight: 800; + } - .md\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:font-black { + font-weight: 900; + } - .md\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:hover\:font-thin:hover { + font-weight: 100; + } - .md\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:hover\:font-extralight:hover { + font-weight: 200; + } - .md\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:hover\:font-light:hover { + font-weight: 300; + } - .md\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:hover\:font-normal:hover { + font-weight: 400; + } - .md\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:hover\:font-medium:hover { + font-weight: 500; + } - .md\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:hover\:font-semibold:hover { + font-weight: 600; + } - .md\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:hover\:font-bold:hover { + font-weight: 700; + } - .md\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:hover\:font-extrabold:hover { + font-weight: 800; + } - .md\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:hover\:font-black:hover { + font-weight: 900; + } - .md\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:focus\:font-thin:focus { + font-weight: 100; + } - .md\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:focus\:font-extralight:focus { + font-weight: 200; + } - .md\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:focus\:font-light:focus { + font-weight: 300; + } - .md\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:focus\:font-normal:focus { + font-weight: 400; + } - .md\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:focus\:font-medium:focus { + font-weight: 500; + } - .md\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:focus\:font-semibold:focus { + font-weight: 600; + } - .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\:focus\:font-bold:focus { + font-weight: 700; + } - .md\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:focus\:font-extrabold:focus { + font-weight: 800; + } - .md\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:focus\:font-black:focus { + font-weight: 900; + } - .md\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:h-0 { + height: 0; + } - .md\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:h-1 { + height: 0.25rem; + } - .md\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:h-2 { + height: 0.5rem; + } - .md\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:h-3 { + height: 0.75rem; + } - .md\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:h-4 { + height: 1rem; + } - .md\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:h-5 { + height: 1.25rem; + } - .md\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:h-6 { + height: 1.5rem; + } - .md\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .sm\:h-7 { + height: 1.75rem; + } - .md\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .sm\:h-8 { + height: 2rem; + } - .md\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .sm\:h-9 { + height: 2.25rem; + } - .md\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .sm\:h-10 { + height: 2.5rem; + } - .md\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .sm\:h-12 { + height: 3rem; + } - .md\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .sm\:h-14 { + height: 3.5rem; + } - .md\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .sm\:h-16 { + height: 4rem; + } - .md\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .sm\:h-20 { + height: 5rem; + } - .md\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .sm\:h-24 { + height: 6rem; + } - .md\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .sm\:h-28 { + height: 7rem; + } - .md\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .sm\:h-32 { + height: 8rem; + } - .md\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .sm\:h-36 { + height: 9rem; + } - .md\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .sm\:h-40 { + height: 10rem; + } - .md\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .sm\:h-44 { + height: 11rem; + } - .md\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .sm\:h-48 { + height: 12rem; + } - .md\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .sm\:h-52 { + height: 13rem; + } - .md\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .sm\:h-56 { + height: 14rem; + } - .md\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .sm\:h-60 { + height: 15rem; + } - .md\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .sm\:h-64 { + height: 16rem; + } - .md\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .sm\:h-72 { + height: 18rem; + } - .md\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .sm\:h-80 { + height: 20rem; + } - .md\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .sm\:h-96 { + height: 24rem; + } - .md\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .sm\:h-auto { + height: auto; + } - .md\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .sm\:h-px { + height: 1px; + } - .md\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .sm\:h-0\.5 { + height: 0.125rem; + } - .md\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .sm\:h-1\.5 { + height: 0.375rem; + } - .md\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .sm\:h-2\.5 { + height: 0.625rem; + } - .md\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .sm\:h-3\.5 { + height: 0.875rem; + } - .md\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .sm\:h-full { + height: 100%; + } - .md\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .sm\:h-screen { + height: 100vh; + } - .md\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .sm\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } - .md\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } - .md\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } - .md\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } - .md\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } - .md\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } - .md\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } - .md\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } - .md\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } - .md\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .sm\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } - .md\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .sm\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } - .md\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .sm\:text-8xl { + font-size: 6rem; + line-height: 1; + } - .md\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .sm\:text-9xl { + font-size: 8rem; + line-height: 1; + } - .md\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .sm\:leading-3 { + line-height: .75rem; + } - .md\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .sm\:leading-4 { + line-height: 1rem; + } - .md\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .sm\:leading-5 { + line-height: 1.25rem; + } - .md\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .sm\:leading-6 { + line-height: 1.5rem; + } - .md\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .sm\:leading-7 { + line-height: 1.75rem; + } - .md\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .sm\:leading-8 { + line-height: 2rem; + } - .md\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .sm\:leading-9 { + line-height: 2.25rem; + } - .md\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .sm\:leading-10 { + line-height: 2.5rem; + } - .md\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .sm\:leading-none { + line-height: 1; + } - .md\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .sm\:leading-tight { + line-height: 1.25; + } - .md\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .sm\:leading-snug { + line-height: 1.375; + } - .md\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .sm\:leading-normal { + line-height: 1.5; + } - .md\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .sm\:leading-relaxed { + line-height: 1.625; + } - .md\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .sm\:leading-loose { + line-height: 2; + } - .md\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .sm\:list-inside { + list-style-position: inside; + } - .md\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .sm\:list-outside { + list-style-position: outside; + } - .md\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .sm\:list-none { + list-style-type: none; + } - .md\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .sm\:list-disc { + list-style-type: disc; + } - .md\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .sm\:list-decimal { + list-style-type: decimal; + } - .md\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .sm\:m-0 { + margin: 0; + } - .md\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .sm\:m-1 { + margin: 0.25rem; + } - .md\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .sm\:m-2 { + margin: 0.5rem; + } - .md\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .sm\:m-3 { + margin: 0.75rem; + } - .md\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .sm\:m-4 { + margin: 1rem; + } - .md\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .sm\:m-5 { + margin: 1.25rem; + } - .md\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .sm\:m-6 { + margin: 1.5rem; + } - .md\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .sm\:m-7 { + margin: 1.75rem; + } - .md\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .sm\:m-8 { + margin: 2rem; + } - .md\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .sm\:m-9 { + margin: 2.25rem; + } - .md\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .sm\:m-10 { + margin: 2.5rem; + } - .md\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .sm\:m-12 { + margin: 3rem; } - .md\:bg-bottom { - background-position: bottom; + .sm\:m-14 { + margin: 3.5rem; } - .md\:bg-center { - background-position: center; + .sm\:m-16 { + margin: 4rem; } - .md\:bg-left { - background-position: left; + .sm\:m-20 { + margin: 5rem; } - .md\:bg-left-bottom { - background-position: left bottom; + .sm\:m-24 { + margin: 6rem; } - .md\:bg-left-top { - background-position: left top; + .sm\:m-28 { + margin: 7rem; } - .md\:bg-right { - background-position: right; + .sm\:m-32 { + margin: 8rem; } - .md\:bg-right-bottom { - background-position: right bottom; + .sm\:m-36 { + margin: 9rem; } - .md\:bg-right-top { - background-position: right top; + .sm\:m-40 { + margin: 10rem; } - .md\:bg-top { - background-position: top; + .sm\:m-44 { + margin: 11rem; } - .md\:bg-repeat { - background-repeat: repeat; + .sm\:m-48 { + margin: 12rem; } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .sm\:m-52 { + margin: 13rem; } - .md\:bg-repeat-x { - background-repeat: repeat-x; + .sm\:m-56 { + margin: 14rem; } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .sm\:m-60 { + margin: 15rem; } - .md\:bg-repeat-round { - background-repeat: round; + .sm\:m-64 { + margin: 16rem; } - .md\:bg-repeat-space { - background-repeat: space; + .sm\:m-72 { + margin: 18rem; } - .md\:bg-auto { - background-size: auto; + .sm\:m-80 { + margin: 20rem; } - .md\:bg-cover { - background-size: cover; + .sm\:m-96 { + margin: 24rem; } - .md\:bg-contain { - background-size: contain; + .sm\:m-auto { + margin: auto; } - .md\:border-collapse { - border-collapse: collapse; + .sm\:m-px { + margin: 1px; } - .md\:border-separate { - border-collapse: separate; + .sm\:m-0\.5 { + margin: 0.125rem; } - .md\:border-transparent { - border-color: transparent; + .sm\:m-1\.5 { + margin: 0.375rem; } - .md\:border-current { - border-color: currentColor; + .sm\:m-2\.5 { + margin: 0.625rem; } - .md\:border-black { - border-color: #000; + .sm\:m-3\.5 { + margin: 0.875rem; } - .md\:border-white { - border-color: #fff; + .sm\:-m-1 { + margin: -0.25rem; } - .md\:border-gray-50 { - border-color: #fafafa; + .sm\:-m-2 { + margin: -0.5rem; } - .md\:border-gray-100 { - border-color: #f4f4f5; + .sm\:-m-3 { + margin: -0.75rem; } - .md\:border-gray-200 { - border-color: #e4e4e7; + .sm\:-m-4 { + margin: -1rem; } - .md\:border-gray-300 { - border-color: #d4d4d8; + .sm\:-m-5 { + margin: -1.25rem; } - .md\:border-gray-400 { - border-color: #a1a1aa; + .sm\:-m-6 { + margin: -1.5rem; } - .md\:border-gray-500 { - border-color: #71717a; + .sm\:-m-7 { + margin: -1.75rem; } - .md\:border-gray-600 { - border-color: #52525b; + .sm\:-m-8 { + margin: -2rem; } - .md\:border-gray-700 { - border-color: #3f3f46; + .sm\:-m-9 { + margin: -2.25rem; } - .md\:border-gray-800 { - border-color: #27272a; + .sm\:-m-10 { + margin: -2.5rem; } - .md\:border-gray-900 { - border-color: #18181b; + .sm\:-m-12 { + margin: -3rem; } - .md\:border-red-50 { - border-color: #fef2f2; + .sm\:-m-14 { + margin: -3.5rem; } - .md\:border-red-100 { - border-color: #fee2e2; + .sm\:-m-16 { + margin: -4rem; } - .md\:border-red-200 { - border-color: #fecaca; + .sm\:-m-20 { + margin: -5rem; } - .md\:border-red-300 { - border-color: #fca5a5; + .sm\:-m-24 { + margin: -6rem; } - .md\:border-red-400 { - border-color: #f87171; + .sm\:-m-28 { + margin: -7rem; } - .md\:border-red-500 { - border-color: #ef4444; + .sm\:-m-32 { + margin: -8rem; } - .md\:border-red-600 { - border-color: #dc2626; + .sm\:-m-36 { + margin: -9rem; } - .md\:border-red-700 { - border-color: #b91c1c; + .sm\:-m-40 { + margin: -10rem; } - .md\:border-red-800 { - border-color: #991b1b; + .sm\:-m-44 { + margin: -11rem; } - .md\:border-red-900 { - border-color: #7f1d1d; + .sm\:-m-48 { + margin: -12rem; } - .md\:border-yellow-50 { - border-color: #fffbeb; + .sm\:-m-52 { + margin: -13rem; } - .md\:border-yellow-100 { - border-color: #fef3c7; + .sm\:-m-56 { + margin: -14rem; } - .md\:border-yellow-200 { - border-color: #fde68a; + .sm\:-m-60 { + margin: -15rem; } - .md\:border-yellow-300 { - border-color: #fcd34d; + .sm\:-m-64 { + margin: -16rem; } - .md\:border-yellow-400 { - border-color: #fbbf24; + .sm\:-m-72 { + margin: -18rem; } - .md\:border-yellow-500 { - border-color: #f59e0b; + .sm\:-m-80 { + margin: -20rem; } - .md\:border-yellow-600 { - border-color: #d97706; + .sm\:-m-96 { + margin: -24rem; } - .md\:border-yellow-700 { - border-color: #b45309; + .sm\:-m-px { + margin: -1px; } - .md\:border-yellow-800 { - border-color: #92400e; + .sm\:-m-0\.5 { + margin: -0.125rem; } - .md\:border-yellow-900 { - border-color: #78350f; + .sm\:-m-1\.5 { + margin: -0.375rem; } - .md\:border-green-50 { - border-color: #ecfdf5; + .sm\:-m-2\.5 { + margin: -0.625rem; } - .md\:border-green-100 { - border-color: #d1fae5; + .sm\:-m-3\.5 { + margin: -0.875rem; } - .md\:border-green-200 { - border-color: #a7f3d0; + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .md\:border-green-300 { - border-color: #6ee7b7; + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; } - .md\:border-green-400 { - border-color: #34d399; + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .md\:border-green-500 { - border-color: #10b981; + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .md\:border-green-600 { - border-color: #059669; + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .md\:border-green-700 { - border-color: #047857; + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .md\:border-green-800 { - border-color: #065f46; + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .md\:border-green-900 { - border-color: #064e3b; + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .md\:border-blue-50 { - border-color: #eff6ff; + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .md\:border-blue-100 { - border-color: #dbeafe; + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .md\:border-blue-200 { - border-color: #bfdbfe; + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .md\:border-blue-300 { - border-color: #93c5fd; + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .md\:border-blue-400 { - border-color: #60a5fa; + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .md\:border-blue-500 { - border-color: #3b82f6; + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .md\:border-blue-600 { - border-color: #2563eb; + .sm\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .md\:border-blue-700 { - border-color: #1d4ed8; + .sm\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .md\:border-blue-800 { - border-color: #1e40af; + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .md\:border-blue-900 { - border-color: #1e3a8a; + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .md\:border-purple-50 { - border-color: #f5f3ff; + .sm\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .md\:border-purple-100 { - border-color: #ede9fe; + .sm\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .md\:border-purple-200 { - border-color: #ddd6fe; + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .md\:border-purple-300 { - border-color: #c4b5fd; + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .md\:border-purple-400 { - border-color: #a78bfa; + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .md\:border-purple-500 { - border-color: #8b5cf6; + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .md\:border-purple-600 { - border-color: #7c3aed; + .sm\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .md\:border-purple-700 { - border-color: #6d28d9; + .sm\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .md\:border-purple-800 { - border-color: #5b21b6; + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .md\:border-purple-900 { - border-color: #4c1d95; + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .md\:border-pink-50 { - border-color: #fdf2f8; + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .md\:border-pink-100 { - border-color: #fce7f3; + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .md\:border-pink-200 { - border-color: #fbcfe8; + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .md\:border-pink-300 { - border-color: #f9a8d4; + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .md\:border-pink-400 { - border-color: #f472b6; + .sm\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .md\:border-pink-500 { - border-color: #ec4899; + .sm\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .md\:border-pink-600 { - border-color: #db2777; + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .md\:border-pink-700 { - border-color: #be185d; + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .md\:border-pink-800 { - border-color: #9d174d; + .sm\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .md\:border-pink-900 { - border-color: #831843; + .sm\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .group:hover .md\:group-hover\:border-transparent { - border-color: transparent; + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .group:hover .md\:group-hover\:border-current { - border-color: currentColor; + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .group:hover .md\:group-hover\:border-black { - border-color: #000; + .sm\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .group:hover .md\:group-hover\:border-white { - border-color: #fff; + .sm\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .group:hover .md\:group-hover\:border-gray-50 { - border-color: #fafafa; + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .group:hover .md\:group-hover\:border-gray-100 { - border-color: #f4f4f5; + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .group:hover .md\:group-hover\:border-gray-200 { - border-color: #e4e4e7; + .sm\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .group:hover .md\:group-hover\:border-gray-300 { - border-color: #d4d4d8; + .sm\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .group:hover .md\:group-hover\:border-gray-400 { - border-color: #a1a1aa; + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .group:hover .md\:group-hover\:border-gray-500 { - border-color: #71717a; + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .group:hover .md\:group-hover\:border-gray-600 { - border-color: #52525b; + .sm\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .group:hover .md\:group-hover\:border-gray-700 { - border-color: #3f3f46; + .sm\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .group:hover .md\:group-hover\:border-gray-800 { - border-color: #27272a; + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .group:hover .md\:group-hover\:border-gray-900 { - border-color: #18181b; + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .group:hover .md\:group-hover\:border-red-50 { - border-color: #fef2f2; + .sm\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .group:hover .md\:group-hover\:border-red-100 { - border-color: #fee2e2; + .sm\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .group:hover .md\:group-hover\:border-red-200 { - border-color: #fecaca; + .sm\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .group:hover .md\:group-hover\:border-red-300 { - border-color: #fca5a5; + .sm\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .group:hover .md\:group-hover\:border-red-400 { - border-color: #f87171; + .sm\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .group:hover .md\:group-hover\:border-red-500 { - border-color: #ef4444; + .sm\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .group:hover .md\:group-hover\:border-red-600 { - border-color: #dc2626; + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .group:hover .md\:group-hover\:border-red-700 { - border-color: #b91c1c; + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; } - .group:hover .md\:group-hover\:border-red-800 { - border-color: #991b1b; + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .group:hover .md\:group-hover\:border-red-900 { - border-color: #7f1d1d; + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .group:hover .md\:group-hover\:border-yellow-50 { - border-color: #fffbeb; + .sm\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .group:hover .md\:group-hover\:border-yellow-100 { - border-color: #fef3c7; + .sm\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .group:hover .md\:group-hover\:border-yellow-200 { - border-color: #fde68a; + .sm\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .group:hover .md\:group-hover\:border-yellow-300 { - border-color: #fcd34d; + .sm\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .group:hover .md\:group-hover\:border-yellow-400 { - border-color: #fbbf24; + .sm\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .group:hover .md\:group-hover\:border-yellow-500 { - border-color: #f59e0b; + .sm\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .group:hover .md\:group-hover\:border-yellow-600 { - border-color: #d97706; + .sm\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .group:hover .md\:group-hover\:border-yellow-700 { - border-color: #b45309; + .sm\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .group:hover .md\:group-hover\:border-yellow-800 { - border-color: #92400e; + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .group:hover .md\:group-hover\:border-yellow-900 { - border-color: #78350f; + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .group:hover .md\:group-hover\:border-green-50 { - border-color: #ecfdf5; + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .group:hover .md\:group-hover\:border-green-100 { - border-color: #d1fae5; + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .group:hover .md\:group-hover\:border-green-200 { - border-color: #a7f3d0; + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .group:hover .md\:group-hover\:border-green-300 { - border-color: #6ee7b7; + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .group:hover .md\:group-hover\:border-green-400 { - border-color: #34d399; + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .group:hover .md\:group-hover\:border-green-500 { - border-color: #10b981; + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .group:hover .md\:group-hover\:border-green-600 { - border-color: #059669; + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .group:hover .md\:group-hover\:border-green-700 { - border-color: #047857; + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .group:hover .md\:group-hover\:border-green-800 { - border-color: #065f46; + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .group:hover .md\:group-hover\:border-green-900 { - border-color: #064e3b; + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .group:hover .md\:group-hover\:border-blue-50 { - border-color: #eff6ff; + .sm\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .group:hover .md\:group-hover\:border-blue-100 { - border-color: #dbeafe; + .sm\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .group:hover .md\:group-hover\:border-blue-200 { - border-color: #bfdbfe; + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .group:hover .md\:group-hover\:border-blue-300 { - border-color: #93c5fd; + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .group:hover .md\:group-hover\:border-blue-400 { - border-color: #60a5fa; + .sm\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .group:hover .md\:group-hover\:border-blue-500 { - border-color: #3b82f6; + .sm\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .group:hover .md\:group-hover\:border-blue-600 { - border-color: #2563eb; + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .group:hover .md\:group-hover\:border-blue-700 { - border-color: #1d4ed8; + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .group:hover .md\:group-hover\:border-blue-800 { - border-color: #1e40af; + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .group:hover .md\:group-hover\:border-blue-900 { - border-color: #1e3a8a; + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .group:hover .md\:group-hover\:border-purple-50 { - border-color: #f5f3ff; + .sm\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .group:hover .md\:group-hover\:border-purple-100 { - border-color: #ede9fe; + .sm\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .group:hover .md\:group-hover\:border-purple-200 { - border-color: #ddd6fe; + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .group:hover .md\:group-hover\:border-purple-300 { - border-color: #c4b5fd; + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .group:hover .md\:group-hover\:border-purple-400 { - border-color: #a78bfa; + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .group:hover .md\:group-hover\:border-purple-500 { - border-color: #8b5cf6; + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .group:hover .md\:group-hover\:border-purple-600 { - border-color: #7c3aed; + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .group:hover .md\:group-hover\:border-purple-700 { - border-color: #6d28d9; + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .group:hover .md\:group-hover\:border-purple-800 { - border-color: #5b21b6; + .sm\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .group:hover .md\:group-hover\:border-purple-900 { - border-color: #4c1d95; + .sm\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .group:hover .md\:group-hover\:border-pink-50 { - border-color: #fdf2f8; + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .group:hover .md\:group-hover\:border-pink-100 { - border-color: #fce7f3; + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .group:hover .md\:group-hover\:border-pink-200 { - border-color: #fbcfe8; + .sm\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .group:hover .md\:group-hover\:border-pink-300 { - border-color: #f9a8d4; + .sm\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .group:hover .md\:group-hover\:border-pink-400 { - border-color: #f472b6; + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .group:hover .md\:group-hover\:border-pink-500 { - border-color: #ec4899; + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .group:hover .md\:group-hover\:border-pink-600 { - border-color: #db2777; + .sm\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .group:hover .md\:group-hover\:border-pink-700 { - border-color: #be185d; + .sm\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .group:hover .md\:group-hover\:border-pink-800 { - border-color: #9d174d; + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .group:hover .md\:group-hover\:border-pink-900 { - border-color: #831843; + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .md\:hover\:border-transparent:hover { - border-color: transparent; + .sm\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .md\:hover\:border-current:hover { - border-color: currentColor; + .sm\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .md\:hover\:border-black:hover { - border-color: #000; + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .md\:hover\:border-white:hover { - border-color: #fff; + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .md\:hover\:border-gray-50:hover { - border-color: #fafafa; + .sm\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .md\:hover\:border-gray-100:hover { - border-color: #f4f4f5; + .sm\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .md\:hover\:border-gray-200:hover { - border-color: #e4e4e7; + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .md\:hover\:border-gray-300:hover { - border-color: #d4d4d8; + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .md\:hover\:border-gray-400:hover { - border-color: #a1a1aa; + .sm\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .md\:hover\:border-gray-500:hover { - border-color: #71717a; + .sm\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .md\:hover\:border-gray-600:hover { - border-color: #52525b; + .sm\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .md\:hover\:border-gray-700:hover { - border-color: #3f3f46; + .sm\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .md\:hover\:border-gray-800:hover { - border-color: #27272a; + .sm\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .md\:hover\:border-gray-900:hover { - border-color: #18181b; + .sm\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .md\:hover\:border-red-50:hover { - border-color: #fef2f2; + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .md\:hover\:border-red-100:hover { - border-color: #fee2e2; + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .md\:hover\:border-red-200:hover { - border-color: #fecaca; + .sm\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .md\:hover\:border-red-300:hover { - border-color: #fca5a5; + .sm\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .md\:hover\:border-red-400:hover { - border-color: #f87171; + .sm\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .md\:hover\:border-red-500:hover { - border-color: #ef4444; + .sm\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .md\:hover\:border-red-600:hover { - border-color: #dc2626; + .sm\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .md\:hover\:border-red-700:hover { - border-color: #b91c1c; + .sm\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .md\:hover\:border-red-800:hover { - border-color: #991b1b; + .sm\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .md\:hover\:border-red-900:hover { - border-color: #7f1d1d; + .sm\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .md\:hover\:border-yellow-50:hover { - border-color: #fffbeb; + .sm\:mt-0 { + margin-top: 0; } - .md\:hover\:border-yellow-100:hover { - border-color: #fef3c7; + .sm\:mr-0 { + margin-right: 0; } - .md\:hover\:border-yellow-200:hover { - border-color: #fde68a; + .sm\:mb-0 { + margin-bottom: 0; } - .md\:hover\:border-yellow-300:hover { - border-color: #fcd34d; + .sm\:ml-0 { + margin-left: 0; } - .md\:hover\:border-yellow-400:hover { - border-color: #fbbf24; + .sm\:mt-1 { + margin-top: 0.25rem; } - .md\:hover\:border-yellow-500:hover { - border-color: #f59e0b; + .sm\:mr-1 { + margin-right: 0.25rem; } - .md\:hover\:border-yellow-600:hover { - border-color: #d97706; + .sm\:mb-1 { + margin-bottom: 0.25rem; } - .md\:hover\:border-yellow-700:hover { - border-color: #b45309; + .sm\:ml-1 { + margin-left: 0.25rem; } - .md\:hover\:border-yellow-800:hover { - border-color: #92400e; + .sm\:mt-2 { + margin-top: 0.5rem; } - .md\:hover\:border-yellow-900:hover { - border-color: #78350f; + .sm\:mr-2 { + margin-right: 0.5rem; } - .md\:hover\:border-green-50:hover { - border-color: #ecfdf5; + .sm\:mb-2 { + margin-bottom: 0.5rem; } - .md\:hover\:border-green-100:hover { - border-color: #d1fae5; + .sm\:ml-2 { + margin-left: 0.5rem; } - .md\:hover\:border-green-200:hover { - border-color: #a7f3d0; + .sm\:mt-3 { + margin-top: 0.75rem; } - .md\:hover\:border-green-300:hover { - border-color: #6ee7b7; + .sm\:mr-3 { + margin-right: 0.75rem; } - .md\:hover\:border-green-400:hover { - border-color: #34d399; + .sm\:mb-3 { + margin-bottom: 0.75rem; } - .md\:hover\:border-green-500:hover { - border-color: #10b981; + .sm\:ml-3 { + margin-left: 0.75rem; } - .md\:hover\:border-green-600:hover { - border-color: #059669; + .sm\:mt-4 { + margin-top: 1rem; } - .md\:hover\:border-green-700:hover { - border-color: #047857; + .sm\:mr-4 { + margin-right: 1rem; } - .md\:hover\:border-green-800:hover { - border-color: #065f46; + .sm\:mb-4 { + margin-bottom: 1rem; } - .md\:hover\:border-green-900:hover { - border-color: #064e3b; + .sm\:ml-4 { + margin-left: 1rem; } - .md\:hover\:border-blue-50:hover { - border-color: #eff6ff; + .sm\:mt-5 { + margin-top: 1.25rem; } - .md\:hover\:border-blue-100:hover { - border-color: #dbeafe; + .sm\:mr-5 { + margin-right: 1.25rem; } - .md\:hover\:border-blue-200:hover { - border-color: #bfdbfe; + .sm\:mb-5 { + margin-bottom: 1.25rem; } - .md\:hover\:border-blue-300:hover { - border-color: #93c5fd; + .sm\:ml-5 { + margin-left: 1.25rem; } - .md\:hover\:border-blue-400:hover { - border-color: #60a5fa; + .sm\:mt-6 { + margin-top: 1.5rem; } - .md\:hover\:border-blue-500:hover { - border-color: #3b82f6; + .sm\:mr-6 { + margin-right: 1.5rem; } - .md\:hover\:border-blue-600:hover { - border-color: #2563eb; + .sm\:mb-6 { + margin-bottom: 1.5rem; } - .md\:hover\:border-blue-700:hover { - border-color: #1d4ed8; + .sm\:ml-6 { + margin-left: 1.5rem; } - .md\:hover\:border-blue-800:hover { - border-color: #1e40af; + .sm\:mt-7 { + margin-top: 1.75rem; } - .md\:hover\:border-blue-900:hover { - border-color: #1e3a8a; + .sm\:mr-7 { + margin-right: 1.75rem; } - .md\:hover\:border-purple-50:hover { - border-color: #f5f3ff; + .sm\:mb-7 { + margin-bottom: 1.75rem; } - .md\:hover\:border-purple-100:hover { - border-color: #ede9fe; + .sm\:ml-7 { + margin-left: 1.75rem; } - .md\:hover\:border-purple-200:hover { - border-color: #ddd6fe; + .sm\:mt-8 { + margin-top: 2rem; } - .md\:hover\:border-purple-300:hover { - border-color: #c4b5fd; + .sm\:mr-8 { + margin-right: 2rem; } - .md\:hover\:border-purple-400:hover { - border-color: #a78bfa; + .sm\:mb-8 { + margin-bottom: 2rem; } - .md\:hover\:border-purple-500:hover { - border-color: #8b5cf6; + .sm\:ml-8 { + margin-left: 2rem; } - .md\:hover\:border-purple-600:hover { - border-color: #7c3aed; + .sm\:mt-9 { + margin-top: 2.25rem; } - .md\:hover\:border-purple-700:hover { - border-color: #6d28d9; + .sm\:mr-9 { + margin-right: 2.25rem; } - .md\:hover\:border-purple-800:hover { - border-color: #5b21b6; + .sm\:mb-9 { + margin-bottom: 2.25rem; } - .md\:hover\:border-purple-900:hover { - border-color: #4c1d95; + .sm\:ml-9 { + margin-left: 2.25rem; } - .md\:hover\:border-pink-50:hover { - border-color: #fdf2f8; + .sm\:mt-10 { + margin-top: 2.5rem; } - .md\:hover\:border-pink-100:hover { - border-color: #fce7f3; + .sm\:mr-10 { + margin-right: 2.5rem; } - .md\:hover\:border-pink-200:hover { - border-color: #fbcfe8; + .sm\:mb-10 { + margin-bottom: 2.5rem; } - .md\:hover\:border-pink-300:hover { - border-color: #f9a8d4; + .sm\:ml-10 { + margin-left: 2.5rem; } - .md\:hover\:border-pink-400:hover { - border-color: #f472b6; + .sm\:mt-12 { + margin-top: 3rem; } - .md\:hover\:border-pink-500:hover { - border-color: #ec4899; + .sm\:mr-12 { + margin-right: 3rem; } - .md\:hover\:border-pink-600:hover { - border-color: #db2777; + .sm\:mb-12 { + margin-bottom: 3rem; } - .md\:hover\:border-pink-700:hover { - border-color: #be185d; + .sm\:ml-12 { + margin-left: 3rem; } - .md\:hover\:border-pink-800:hover { - border-color: #9d174d; + .sm\:mt-14 { + margin-top: 3.5rem; } - .md\:hover\:border-pink-900:hover { - border-color: #831843; + .sm\:mr-14 { + margin-right: 3.5rem; } - .md\:focus\:border-transparent:focus { - border-color: transparent; + .sm\:mb-14 { + margin-bottom: 3.5rem; } - .md\:focus\:border-current:focus { - border-color: currentColor; + .sm\:ml-14 { + margin-left: 3.5rem; } - .md\:focus\:border-black:focus { - border-color: #000; + .sm\:mt-16 { + margin-top: 4rem; } - .md\:focus\:border-white:focus { - border-color: #fff; + .sm\:mr-16 { + margin-right: 4rem; } - .md\:focus\:border-gray-50:focus { - border-color: #fafafa; + .sm\:mb-16 { + margin-bottom: 4rem; } - .md\:focus\:border-gray-100:focus { - border-color: #f4f4f5; + .sm\:ml-16 { + margin-left: 4rem; } - .md\:focus\:border-gray-200:focus { - border-color: #e4e4e7; + .sm\:mt-20 { + margin-top: 5rem; } - .md\:focus\:border-gray-300:focus { - border-color: #d4d4d8; + .sm\:mr-20 { + margin-right: 5rem; } - .md\:focus\:border-gray-400:focus { - border-color: #a1a1aa; + .sm\:mb-20 { + margin-bottom: 5rem; } - .md\:focus\:border-gray-500:focus { - border-color: #71717a; + .sm\:ml-20 { + margin-left: 5rem; } - .md\:focus\:border-gray-600:focus { - border-color: #52525b; + .sm\:mt-24 { + margin-top: 6rem; } - .md\:focus\:border-gray-700:focus { - border-color: #3f3f46; + .sm\:mr-24 { + margin-right: 6rem; } - .md\:focus\:border-gray-800:focus { - border-color: #27272a; + .sm\:mb-24 { + margin-bottom: 6rem; } - .md\:focus\:border-gray-900:focus { - border-color: #18181b; + .sm\:ml-24 { + margin-left: 6rem; } - .md\:focus\:border-red-50:focus { - border-color: #fef2f2; + .sm\:mt-28 { + margin-top: 7rem; } - .md\:focus\:border-red-100:focus { - border-color: #fee2e2; + .sm\:mr-28 { + margin-right: 7rem; } - .md\:focus\:border-red-200:focus { - border-color: #fecaca; + .sm\:mb-28 { + margin-bottom: 7rem; } - .md\:focus\:border-red-300:focus { - border-color: #fca5a5; + .sm\:ml-28 { + margin-left: 7rem; } - .md\:focus\:border-red-400:focus { - border-color: #f87171; + .sm\:mt-32 { + margin-top: 8rem; } - .md\:focus\:border-red-500:focus { - border-color: #ef4444; + .sm\:mr-32 { + margin-right: 8rem; } - .md\:focus\:border-red-600:focus { - border-color: #dc2626; + .sm\:mb-32 { + margin-bottom: 8rem; } - .md\:focus\:border-red-700:focus { - border-color: #b91c1c; + .sm\:ml-32 { + margin-left: 8rem; } - .md\:focus\:border-red-800:focus { - border-color: #991b1b; + .sm\:mt-36 { + margin-top: 9rem; } - .md\:focus\:border-red-900:focus { - border-color: #7f1d1d; + .sm\:mr-36 { + margin-right: 9rem; } - .md\:focus\:border-yellow-50:focus { - border-color: #fffbeb; + .sm\:mb-36 { + margin-bottom: 9rem; } - .md\:focus\:border-yellow-100:focus { - border-color: #fef3c7; + .sm\:ml-36 { + margin-left: 9rem; } - .md\:focus\:border-yellow-200:focus { - border-color: #fde68a; + .sm\:mt-40 { + margin-top: 10rem; } - .md\:focus\:border-yellow-300:focus { - border-color: #fcd34d; + .sm\:mr-40 { + margin-right: 10rem; } - .md\:focus\:border-yellow-400:focus { - border-color: #fbbf24; + .sm\:mb-40 { + margin-bottom: 10rem; } - .md\:focus\:border-yellow-500:focus { - border-color: #f59e0b; + .sm\:ml-40 { + margin-left: 10rem; } - .md\:focus\:border-yellow-600:focus { - border-color: #d97706; + .sm\:mt-44 { + margin-top: 11rem; } - .md\:focus\:border-yellow-700:focus { - border-color: #b45309; + .sm\:mr-44 { + margin-right: 11rem; } - .md\:focus\:border-yellow-800:focus { - border-color: #92400e; + .sm\:mb-44 { + margin-bottom: 11rem; } - .md\:focus\:border-yellow-900:focus { - border-color: #78350f; + .sm\:ml-44 { + margin-left: 11rem; } - .md\:focus\:border-green-50:focus { - border-color: #ecfdf5; + .sm\:mt-48 { + margin-top: 12rem; } - .md\:focus\:border-green-100:focus { - border-color: #d1fae5; + .sm\:mr-48 { + margin-right: 12rem; } - .md\:focus\:border-green-200:focus { - border-color: #a7f3d0; + .sm\:mb-48 { + margin-bottom: 12rem; } - .md\:focus\:border-green-300:focus { - border-color: #6ee7b7; + .sm\:ml-48 { + margin-left: 12rem; } - .md\:focus\:border-green-400:focus { - border-color: #34d399; + .sm\:mt-52 { + margin-top: 13rem; } - .md\:focus\:border-green-500:focus { - border-color: #10b981; + .sm\:mr-52 { + margin-right: 13rem; } - .md\:focus\:border-green-600:focus { - border-color: #059669; + .sm\:mb-52 { + margin-bottom: 13rem; } - .md\:focus\:border-green-700:focus { - border-color: #047857; + .sm\:ml-52 { + margin-left: 13rem; } - .md\:focus\:border-green-800:focus { - border-color: #065f46; + .sm\:mt-56 { + margin-top: 14rem; } - .md\:focus\:border-green-900:focus { - border-color: #064e3b; + .sm\:mr-56 { + margin-right: 14rem; } - .md\:focus\:border-blue-50:focus { - border-color: #eff6ff; + .sm\:mb-56 { + margin-bottom: 14rem; } - .md\:focus\:border-blue-100:focus { - border-color: #dbeafe; + .sm\:ml-56 { + margin-left: 14rem; } - .md\:focus\:border-blue-200:focus { - border-color: #bfdbfe; + .sm\:mt-60 { + margin-top: 15rem; } - .md\:focus\:border-blue-300:focus { - border-color: #93c5fd; + .sm\:mr-60 { + margin-right: 15rem; } - .md\:focus\:border-blue-400:focus { - border-color: #60a5fa; + .sm\:mb-60 { + margin-bottom: 15rem; } - .md\:focus\:border-blue-500:focus { - border-color: #3b82f6; + .sm\:ml-60 { + margin-left: 15rem; } - .md\:focus\:border-blue-600:focus { - border-color: #2563eb; + .sm\:mt-64 { + margin-top: 16rem; } - .md\:focus\:border-blue-700:focus { - border-color: #1d4ed8; + .sm\:mr-64 { + margin-right: 16rem; } - .md\:focus\:border-blue-800:focus { - border-color: #1e40af; + .sm\:mb-64 { + margin-bottom: 16rem; } - .md\:focus\:border-blue-900:focus { - border-color: #1e3a8a; + .sm\:ml-64 { + margin-left: 16rem; } - .md\:focus\:border-purple-50:focus { - border-color: #f5f3ff; + .sm\:mt-72 { + margin-top: 18rem; } - .md\:focus\:border-purple-100:focus { - border-color: #ede9fe; + .sm\:mr-72 { + margin-right: 18rem; } - .md\:focus\:border-purple-200:focus { - border-color: #ddd6fe; + .sm\:mb-72 { + margin-bottom: 18rem; } - .md\:focus\:border-purple-300:focus { - border-color: #c4b5fd; + .sm\:ml-72 { + margin-left: 18rem; } - .md\:focus\:border-purple-400:focus { - border-color: #a78bfa; + .sm\:mt-80 { + margin-top: 20rem; } - .md\:focus\:border-purple-500:focus { - border-color: #8b5cf6; + .sm\:mr-80 { + margin-right: 20rem; } - .md\:focus\:border-purple-600:focus { - border-color: #7c3aed; + .sm\:mb-80 { + margin-bottom: 20rem; } - .md\:focus\:border-purple-700:focus { - border-color: #6d28d9; + .sm\:ml-80 { + margin-left: 20rem; } - .md\:focus\:border-purple-800:focus { - border-color: #5b21b6; + .sm\:mt-96 { + margin-top: 24rem; } - .md\:focus\:border-purple-900:focus { - border-color: #4c1d95; + .sm\:mr-96 { + margin-right: 24rem; } - .md\:focus\:border-pink-50:focus { - border-color: #fdf2f8; + .sm\:mb-96 { + margin-bottom: 24rem; } - .md\:focus\:border-pink-100:focus { - border-color: #fce7f3; + .sm\:ml-96 { + margin-left: 24rem; } - .md\:focus\:border-pink-200:focus { - border-color: #fbcfe8; + .sm\:mt-auto { + margin-top: auto; } - .md\:focus\:border-pink-300:focus { - border-color: #f9a8d4; + .sm\:mr-auto { + margin-right: auto; } - .md\:focus\:border-pink-400:focus { - border-color: #f472b6; + .sm\:mb-auto { + margin-bottom: auto; } - .md\:focus\:border-pink-500:focus { - border-color: #ec4899; + .sm\:ml-auto { + margin-left: auto; } - .md\:focus\:border-pink-600:focus { - border-color: #db2777; + .sm\:mt-px { + margin-top: 1px; } - .md\:focus\:border-pink-700:focus { - border-color: #be185d; + .sm\:mr-px { + margin-right: 1px; } - .md\:focus\:border-pink-800:focus { - border-color: #9d174d; + .sm\:mb-px { + margin-bottom: 1px; } - .md\:focus\:border-pink-900:focus { - border-color: #831843; + .sm\:ml-px { + margin-left: 1px; } - @media (prefers-color-scheme: dark) { - .md\:dark\:border-transparent { - border-color: transparent; - } - - .md\:dark\:border-current { - border-color: currentColor; - } - - .md\:dark\:border-black { - border-color: #000; - } - - .md\:dark\:border-white { - border-color: #fff; - } - - .md\:dark\:border-gray-50 { - border-color: #fafafa; - } - - .md\:dark\:border-gray-100 { - border-color: #f4f4f5; - } - - .md\:dark\:border-gray-200 { - border-color: #e4e4e7; - } - - .md\:dark\:border-gray-300 { - border-color: #d4d4d8; - } - - .md\:dark\:border-gray-400 { - border-color: #a1a1aa; - } - - .md\:dark\:border-gray-500 { - border-color: #71717a; - } - - .md\:dark\:border-gray-600 { - border-color: #52525b; - } - - .md\:dark\:border-gray-700 { - border-color: #3f3f46; - } - - .md\:dark\:border-gray-800 { - border-color: #27272a; - } - - .md\:dark\:border-gray-900 { - border-color: #18181b; - } - - .md\:dark\:border-red-50 { - border-color: #fef2f2; - } - - .md\:dark\:border-red-100 { - border-color: #fee2e2; - } - - .md\:dark\:border-red-200 { - border-color: #fecaca; - } - - .md\:dark\:border-red-300 { - border-color: #fca5a5; - } - - .md\:dark\:border-red-400 { - border-color: #f87171; - } - - .md\:dark\:border-red-500 { - border-color: #ef4444; - } - - .md\:dark\:border-red-600 { - border-color: #dc2626; - } - - .md\:dark\:border-red-700 { - border-color: #b91c1c; - } - - .md\:dark\:border-red-800 { - border-color: #991b1b; - } - - .md\:dark\:border-red-900 { - border-color: #7f1d1d; - } - - .md\:dark\:border-yellow-50 { - border-color: #fffbeb; - } - - .md\:dark\:border-yellow-100 { - border-color: #fef3c7; - } - - .md\:dark\:border-yellow-200 { - border-color: #fde68a; - } - - .md\:dark\:border-yellow-300 { - border-color: #fcd34d; - } - - .md\:dark\:border-yellow-400 { - border-color: #fbbf24; - } - - .md\:dark\:border-yellow-500 { - border-color: #f59e0b; - } - - .md\:dark\:border-yellow-600 { - border-color: #d97706; - } - - .md\:dark\:border-yellow-700 { - border-color: #b45309; - } - - .md\:dark\:border-yellow-800 { - border-color: #92400e; - } - - .md\:dark\:border-yellow-900 { - border-color: #78350f; - } - - .md\:dark\:border-green-50 { - border-color: #ecfdf5; - } - - .md\:dark\:border-green-100 { - border-color: #d1fae5; - } - - .md\:dark\:border-green-200 { - border-color: #a7f3d0; - } - - .md\:dark\:border-green-300 { - border-color: #6ee7b7; - } - - .md\:dark\:border-green-400 { - border-color: #34d399; - } - - .md\:dark\:border-green-500 { - border-color: #10b981; - } - - .md\:dark\:border-green-600 { - border-color: #059669; - } - - .md\:dark\:border-green-700 { - border-color: #047857; - } - - .md\:dark\:border-green-800 { - border-color: #065f46; - } - - .md\:dark\:border-green-900 { - border-color: #064e3b; - } - - .md\:dark\:border-blue-50 { - border-color: #eff6ff; - } - - .md\:dark\:border-blue-100 { - border-color: #dbeafe; - } - - .md\:dark\:border-blue-200 { - border-color: #bfdbfe; - } - - .md\:dark\:border-blue-300 { - border-color: #93c5fd; - } - - .md\:dark\:border-blue-400 { - border-color: #60a5fa; - } - - .md\:dark\:border-blue-500 { - border-color: #3b82f6; - } - - .md\:dark\:border-blue-600 { - border-color: #2563eb; - } - - .md\:dark\:border-blue-700 { - border-color: #1d4ed8; - } - - .md\:dark\:border-blue-800 { - border-color: #1e40af; - } - - .md\:dark\:border-blue-900 { - border-color: #1e3a8a; - } - - .md\:dark\:border-purple-50 { - border-color: #f5f3ff; - } - - .md\:dark\:border-purple-100 { - border-color: #ede9fe; - } - - .md\:dark\:border-purple-200 { - border-color: #ddd6fe; - } - - .md\:dark\:border-purple-300 { - border-color: #c4b5fd; - } - - .md\:dark\:border-purple-400 { - border-color: #a78bfa; - } - - .md\:dark\:border-purple-500 { - border-color: #8b5cf6; - } - - .md\:dark\:border-purple-600 { - border-color: #7c3aed; - } - - .md\:dark\:border-purple-700 { - border-color: #6d28d9; - } - - .md\:dark\:border-purple-800 { - border-color: #5b21b6; - } - - .md\:dark\:border-purple-900 { - border-color: #4c1d95; - } - - .md\:dark\:border-pink-50 { - border-color: #fdf2f8; - } - - .md\:dark\:border-pink-100 { - border-color: #fce7f3; - } - - .md\:dark\:border-pink-200 { - border-color: #fbcfe8; - } - - .md\:dark\:border-pink-300 { - border-color: #f9a8d4; - } - - .md\:dark\:border-pink-400 { - border-color: #f472b6; - } - - .md\:dark\:border-pink-500 { - border-color: #ec4899; - } - - .md\:dark\:border-pink-600 { - border-color: #db2777; - } - - .md\:dark\:border-pink-700 { - border-color: #be185d; - } - - .md\:dark\:border-pink-800 { - border-color: #9d174d; - } - - .md\:dark\:border-pink-900 { - border-color: #831843; - } - - .group:hover .md\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .md\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .md\:dark\:group-hover\:border-black { - border-color: #000; - } - - .group:hover .md\:dark\:group-hover\:border-white { - border-color: #fff; - } - - .group:hover .md\:dark\:group-hover\:border-gray-50 { - border-color: #fafafa; - } - - .group:hover .md\:dark\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } - - .group:hover .md\:dark\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } - - .group:hover .md\:dark\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } - - .group:hover .md\:dark\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } - - .group:hover .md\:dark\:group-hover\:border-gray-500 { - border-color: #71717a; - } - - .group:hover .md\:dark\:group-hover\:border-gray-600 { - border-color: #52525b; - } - - .group:hover .md\:dark\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } - - .group:hover .md\:dark\:group-hover\:border-gray-800 { - border-color: #27272a; - } - - .group:hover .md\:dark\:group-hover\:border-gray-900 { - border-color: #18181b; - } - - .group:hover .md\:dark\:group-hover\:border-red-50 { - border-color: #fef2f2; - } - - .group:hover .md\:dark\:group-hover\:border-red-100 { - border-color: #fee2e2; - } - - .group:hover .md\:dark\:group-hover\:border-red-200 { - border-color: #fecaca; - } - - .group:hover .md\:dark\:group-hover\:border-red-300 { - border-color: #fca5a5; - } - - .group:hover .md\:dark\:group-hover\:border-red-400 { - border-color: #f87171; - } - - .group:hover .md\:dark\:group-hover\:border-red-500 { - border-color: #ef4444; - } - - .group:hover .md\:dark\:group-hover\:border-red-600 { - border-color: #dc2626; - } - - .group:hover .md\:dark\:group-hover\:border-red-700 { - border-color: #b91c1c; - } - - .group:hover .md\:dark\:group-hover\:border-red-800 { - border-color: #991b1b; - } - - .group:hover .md\:dark\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } - - .group:hover .md\:dark\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } - - .group:hover .md\:dark\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } - - .group:hover .md\:dark\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } - - .group:hover .md\:dark\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } - - .group:hover .md\:dark\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } + .sm\:mt-0\.5 { + margin-top: 0.125rem; + } - .group:hover .md\:dark\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } + .sm\:mr-0\.5 { + margin-right: 0.125rem; + } - .group:hover .md\:dark\:group-hover\:border-yellow-600 { - border-color: #d97706; - } + .sm\:mb-0\.5 { + margin-bottom: 0.125rem; + } - .group:hover .md\:dark\:group-hover\:border-yellow-700 { - border-color: #b45309; - } + .sm\:ml-0\.5 { + margin-left: 0.125rem; + } - .group:hover .md\:dark\:group-hover\:border-yellow-800 { - border-color: #92400e; - } + .sm\:mt-1\.5 { + margin-top: 0.375rem; + } - .group:hover .md\:dark\:group-hover\:border-yellow-900 { - border-color: #78350f; - } + .sm\:mr-1\.5 { + margin-right: 0.375rem; + } - .group:hover .md\:dark\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } + .sm\:mb-1\.5 { + margin-bottom: 0.375rem; + } - .group:hover .md\:dark\:group-hover\:border-green-100 { - border-color: #d1fae5; - } + .sm\:ml-1\.5 { + margin-left: 0.375rem; + } - .group:hover .md\:dark\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } + .sm\:mt-2\.5 { + margin-top: 0.625rem; + } - .group:hover .md\:dark\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } + .sm\:mr-2\.5 { + margin-right: 0.625rem; + } - .group:hover .md\:dark\:group-hover\:border-green-400 { - border-color: #34d399; - } + .sm\:mb-2\.5 { + margin-bottom: 0.625rem; + } - .group:hover .md\:dark\:group-hover\:border-green-500 { - border-color: #10b981; - } + .sm\:ml-2\.5 { + margin-left: 0.625rem; + } - .group:hover .md\:dark\:group-hover\:border-green-600 { - border-color: #059669; - } + .sm\:mt-3\.5 { + margin-top: 0.875rem; + } - .group:hover .md\:dark\:group-hover\:border-green-700 { - border-color: #047857; - } + .sm\:mr-3\.5 { + margin-right: 0.875rem; + } - .group:hover .md\:dark\:group-hover\:border-green-800 { - border-color: #065f46; - } + .sm\:mb-3\.5 { + margin-bottom: 0.875rem; + } - .group:hover .md\:dark\:group-hover\:border-green-900 { - border-color: #064e3b; - } + .sm\:ml-3\.5 { + margin-left: 0.875rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } + .sm\:-mt-1 { + margin-top: -0.25rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } + .sm\:-mr-1 { + margin-right: -0.25rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } + .sm\:-mb-1 { + margin-bottom: -0.25rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } + .sm\:-ml-1 { + margin-left: -0.25rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } + .sm\:-mt-2 { + margin-top: -0.5rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } + .sm\:-mr-2 { + margin-right: -0.5rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-600 { - border-color: #2563eb; - } + .sm\:-mb-2 { + margin-bottom: -0.5rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } + .sm\:-ml-2 { + margin-left: -0.5rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-800 { - border-color: #1e40af; - } + .sm\:-mt-3 { + margin-top: -0.75rem; + } - .group:hover .md\:dark\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } + .sm\:-mr-3 { + margin-right: -0.75rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } + .sm\:-mb-3 { + margin-bottom: -0.75rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } + .sm\:-ml-3 { + margin-left: -0.75rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } + .sm\:-mt-4 { + margin-top: -1rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } + .sm\:-mr-4 { + margin-right: -1rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } + .sm\:-mb-4 { + margin-bottom: -1rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } + .sm\:-ml-4 { + margin-left: -1rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } + .sm\:-mt-5 { + margin-top: -1.25rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } + .sm\:-mr-5 { + margin-right: -1.25rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } + .sm\:-mb-5 { + margin-bottom: -1.25rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } + .sm\:-ml-5 { + margin-left: -1.25rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } + .sm\:-mt-6 { + margin-top: -1.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } + .sm\:-mr-6 { + margin-right: -1.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } + .sm\:-mb-6 { + margin-bottom: -1.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } + .sm\:-ml-6 { + margin-left: -1.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-400 { - border-color: #f472b6; - } + .sm\:-mt-7 { + margin-top: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-500 { - border-color: #ec4899; - } + .sm\:-mr-7 { + margin-right: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-600 { - border-color: #db2777; - } + .sm\:-mb-7 { + margin-bottom: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-700 { - border-color: #be185d; - } + .sm\:-ml-7 { + margin-left: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-800 { - border-color: #9d174d; - } + .sm\:-mt-8 { + margin-top: -2rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-900 { - border-color: #831843; - } + .sm\:-mr-8 { + margin-right: -2rem; + } - .md\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .sm\:-mb-8 { + margin-bottom: -2rem; + } - .md\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .sm\:-ml-8 { + margin-left: -2rem; + } - .md\:dark\:hover\:border-black:hover { - border-color: #000; - } + .sm\:-mt-9 { + margin-top: -2.25rem; + } - .md\:dark\:hover\:border-white:hover { - border-color: #fff; - } + .sm\:-mr-9 { + margin-right: -2.25rem; + } - .md\:dark\:hover\:border-gray-50:hover { - border-color: #fafafa; - } + .sm\:-mb-9 { + margin-bottom: -2.25rem; + } - .md\:dark\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } + .sm\:-ml-9 { + margin-left: -2.25rem; + } - .md\:dark\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } + .sm\:-mt-10 { + margin-top: -2.5rem; + } - .md\:dark\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } + .sm\:-mr-10 { + margin-right: -2.5rem; + } - .md\:dark\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } + .sm\:-mb-10 { + margin-bottom: -2.5rem; + } - .md\:dark\:hover\:border-gray-500:hover { - border-color: #71717a; - } + .sm\:-ml-10 { + margin-left: -2.5rem; + } - .md\:dark\:hover\:border-gray-600:hover { - border-color: #52525b; - } + .sm\:-mt-12 { + margin-top: -3rem; + } - .md\:dark\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } + .sm\:-mr-12 { + margin-right: -3rem; + } - .md\:dark\:hover\:border-gray-800:hover { - border-color: #27272a; - } + .sm\:-mb-12 { + margin-bottom: -3rem; + } - .md\:dark\:hover\:border-gray-900:hover { - border-color: #18181b; - } + .sm\:-ml-12 { + margin-left: -3rem; + } - .md\:dark\:hover\:border-red-50:hover { - border-color: #fef2f2; - } + .sm\:-mt-14 { + margin-top: -3.5rem; + } - .md\:dark\:hover\:border-red-100:hover { - border-color: #fee2e2; - } + .sm\:-mr-14 { + margin-right: -3.5rem; + } - .md\:dark\:hover\:border-red-200:hover { - border-color: #fecaca; - } + .sm\:-mb-14 { + margin-bottom: -3.5rem; + } - .md\:dark\:hover\:border-red-300:hover { - border-color: #fca5a5; - } + .sm\:-ml-14 { + margin-left: -3.5rem; + } - .md\:dark\:hover\:border-red-400:hover { - border-color: #f87171; - } + .sm\:-mt-16 { + margin-top: -4rem; + } - .md\:dark\:hover\:border-red-500:hover { - border-color: #ef4444; - } + .sm\:-mr-16 { + margin-right: -4rem; + } - .md\:dark\:hover\:border-red-600:hover { - border-color: #dc2626; - } + .sm\:-mb-16 { + margin-bottom: -4rem; + } - .md\:dark\:hover\:border-red-700:hover { - border-color: #b91c1c; - } + .sm\:-ml-16 { + margin-left: -4rem; + } - .md\:dark\:hover\:border-red-800:hover { - border-color: #991b1b; - } + .sm\:-mt-20 { + margin-top: -5rem; + } - .md\:dark\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } + .sm\:-mr-20 { + margin-right: -5rem; + } - .md\:dark\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } + .sm\:-mb-20 { + margin-bottom: -5rem; + } - .md\:dark\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } + .sm\:-ml-20 { + margin-left: -5rem; + } - .md\:dark\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } + .sm\:-mt-24 { + margin-top: -6rem; + } - .md\:dark\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } + .sm\:-mr-24 { + margin-right: -6rem; + } - .md\:dark\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } + .sm\:-mb-24 { + margin-bottom: -6rem; + } - .md\:dark\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } + .sm\:-ml-24 { + margin-left: -6rem; + } - .md\:dark\:hover\:border-yellow-600:hover { - border-color: #d97706; - } + .sm\:-mt-28 { + margin-top: -7rem; + } - .md\:dark\:hover\:border-yellow-700:hover { - border-color: #b45309; - } + .sm\:-mr-28 { + margin-right: -7rem; + } - .md\:dark\:hover\:border-yellow-800:hover { - border-color: #92400e; - } + .sm\:-mb-28 { + margin-bottom: -7rem; + } - .md\:dark\:hover\:border-yellow-900:hover { - border-color: #78350f; - } + .sm\:-ml-28 { + margin-left: -7rem; + } - .md\:dark\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } + .sm\:-mt-32 { + margin-top: -8rem; + } - .md\:dark\:hover\:border-green-100:hover { - border-color: #d1fae5; - } + .sm\:-mr-32 { + margin-right: -8rem; + } - .md\:dark\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } + .sm\:-mb-32 { + margin-bottom: -8rem; + } - .md\:dark\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } + .sm\:-ml-32 { + margin-left: -8rem; + } - .md\:dark\:hover\:border-green-400:hover { - border-color: #34d399; - } + .sm\:-mt-36 { + margin-top: -9rem; + } - .md\:dark\:hover\:border-green-500:hover { - border-color: #10b981; - } + .sm\:-mr-36 { + margin-right: -9rem; + } - .md\:dark\:hover\:border-green-600:hover { - border-color: #059669; - } + .sm\:-mb-36 { + margin-bottom: -9rem; + } - .md\:dark\:hover\:border-green-700:hover { - border-color: #047857; - } + .sm\:-ml-36 { + margin-left: -9rem; + } - .md\:dark\:hover\:border-green-800:hover { - border-color: #065f46; - } + .sm\:-mt-40 { + margin-top: -10rem; + } - .md\:dark\:hover\:border-green-900:hover { - border-color: #064e3b; - } + .sm\:-mr-40 { + margin-right: -10rem; + } - .md\:dark\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } + .sm\:-mb-40 { + margin-bottom: -10rem; + } - .md\:dark\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } + .sm\:-ml-40 { + margin-left: -10rem; + } - .md\:dark\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } + .sm\:-mt-44 { + margin-top: -11rem; + } - .md\:dark\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } + .sm\:-mr-44 { + margin-right: -11rem; + } - .md\:dark\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } + .sm\:-mb-44 { + margin-bottom: -11rem; + } - .md\:dark\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } + .sm\:-ml-44 { + margin-left: -11rem; + } - .md\:dark\:hover\:border-blue-600:hover { - border-color: #2563eb; - } + .sm\:-mt-48 { + margin-top: -12rem; + } - .md\:dark\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } + .sm\:-mr-48 { + margin-right: -12rem; + } - .md\:dark\:hover\:border-blue-800:hover { - border-color: #1e40af; - } + .sm\:-mb-48 { + margin-bottom: -12rem; + } - .md\:dark\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } + .sm\:-ml-48 { + margin-left: -12rem; + } - .md\:dark\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } + .sm\:-mt-52 { + margin-top: -13rem; + } - .md\:dark\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } + .sm\:-mr-52 { + margin-right: -13rem; + } - .md\:dark\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } + .sm\:-mb-52 { + margin-bottom: -13rem; + } - .md\:dark\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } + .sm\:-ml-52 { + margin-left: -13rem; + } - .md\:dark\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } + .sm\:-mt-56 { + margin-top: -14rem; + } - .md\:dark\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } + .sm\:-mr-56 { + margin-right: -14rem; + } - .md\:dark\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } + .sm\:-mb-56 { + margin-bottom: -14rem; + } - .md\:dark\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } + .sm\:-ml-56 { + margin-left: -14rem; + } - .md\:dark\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } + .sm\:-mt-60 { + margin-top: -15rem; + } - .md\:dark\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } + .sm\:-mr-60 { + margin-right: -15rem; + } - .md\:dark\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } + .sm\:-mb-60 { + margin-bottom: -15rem; + } - .md\:dark\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } + .sm\:-ml-60 { + margin-left: -15rem; + } - .md\:dark\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } + .sm\:-mt-64 { + margin-top: -16rem; + } - .md\:dark\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } + .sm\:-mr-64 { + margin-right: -16rem; + } - .md\:dark\:hover\:border-pink-400:hover { - border-color: #f472b6; - } + .sm\:-mb-64 { + margin-bottom: -16rem; + } - .md\:dark\:hover\:border-pink-500:hover { - border-color: #ec4899; - } + .sm\:-ml-64 { + margin-left: -16rem; + } - .md\:dark\:hover\:border-pink-600:hover { - border-color: #db2777; - } + .sm\:-mt-72 { + margin-top: -18rem; + } - .md\:dark\:hover\:border-pink-700:hover { - border-color: #be185d; - } + .sm\:-mr-72 { + margin-right: -18rem; + } - .md\:dark\:hover\:border-pink-800:hover { - border-color: #9d174d; - } + .sm\:-mb-72 { + margin-bottom: -18rem; + } - .md\:dark\:hover\:border-pink-900:hover { - border-color: #831843; - } + .sm\:-ml-72 { + margin-left: -18rem; + } - .md\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .sm\:-mt-80 { + margin-top: -20rem; + } - .md\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .sm\:-mr-80 { + margin-right: -20rem; + } - .md\:dark\:focus\:border-black:focus { - border-color: #000; - } + .sm\:-mb-80 { + margin-bottom: -20rem; + } - .md\:dark\:focus\:border-white:focus { - border-color: #fff; - } + .sm\:-ml-80 { + margin-left: -20rem; + } - .md\:dark\:focus\:border-gray-50:focus { - border-color: #fafafa; - } + .sm\:-mt-96 { + margin-top: -24rem; + } - .md\:dark\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } + .sm\:-mr-96 { + margin-right: -24rem; + } - .md\:dark\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } + .sm\:-mb-96 { + margin-bottom: -24rem; + } - .md\:dark\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } + .sm\:-ml-96 { + margin-left: -24rem; + } - .md\:dark\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } + .sm\:-mt-px { + margin-top: -1px; + } - .md\:dark\:focus\:border-gray-500:focus { - border-color: #71717a; - } + .sm\:-mr-px { + margin-right: -1px; + } - .md\:dark\:focus\:border-gray-600:focus { - border-color: #52525b; - } + .sm\:-mb-px { + margin-bottom: -1px; + } - .md\:dark\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } + .sm\:-ml-px { + margin-left: -1px; + } - .md\:dark\:focus\:border-gray-800:focus { - border-color: #27272a; - } + .sm\:-mt-0\.5 { + margin-top: -0.125rem; + } - .md\:dark\:focus\:border-gray-900:focus { - border-color: #18181b; - } + .sm\:-mr-0\.5 { + margin-right: -0.125rem; + } - .md\:dark\:focus\:border-red-50:focus { - border-color: #fef2f2; - } + .sm\:-mb-0\.5 { + margin-bottom: -0.125rem; + } - .md\:dark\:focus\:border-red-100:focus { - border-color: #fee2e2; - } + .sm\:-ml-0\.5 { + margin-left: -0.125rem; + } - .md\:dark\:focus\:border-red-200:focus { - border-color: #fecaca; - } + .sm\:-mt-1\.5 { + margin-top: -0.375rem; + } - .md\:dark\:focus\:border-red-300:focus { - border-color: #fca5a5; - } + .sm\:-mr-1\.5 { + margin-right: -0.375rem; + } - .md\:dark\:focus\:border-red-400:focus { - border-color: #f87171; - } + .sm\:-mb-1\.5 { + margin-bottom: -0.375rem; + } - .md\:dark\:focus\:border-red-500:focus { - border-color: #ef4444; - } + .sm\:-ml-1\.5 { + margin-left: -0.375rem; + } - .md\:dark\:focus\:border-red-600:focus { - border-color: #dc2626; - } + .sm\:-mt-2\.5 { + margin-top: -0.625rem; + } - .md\:dark\:focus\:border-red-700:focus { - border-color: #b91c1c; - } + .sm\:-mr-2\.5 { + margin-right: -0.625rem; + } - .md\:dark\:focus\:border-red-800:focus { - border-color: #991b1b; - } + .sm\:-mb-2\.5 { + margin-bottom: -0.625rem; + } - .md\:dark\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } + .sm\:-ml-2\.5 { + margin-left: -0.625rem; + } - .md\:dark\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } + .sm\:-mt-3\.5 { + margin-top: -0.875rem; + } - .md\:dark\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } + .sm\:-mr-3\.5 { + margin-right: -0.875rem; + } - .md\:dark\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } + .sm\:-mb-3\.5 { + margin-bottom: -0.875rem; + } - .md\:dark\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } + .sm\:-ml-3\.5 { + margin-left: -0.875rem; + } - .md\:dark\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } + .sm\:max-h-0 { + max-height: 0; + } - .md\:dark\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } + .sm\:max-h-1 { + max-height: 0.25rem; + } - .md\:dark\:focus\:border-yellow-600:focus { - border-color: #d97706; - } + .sm\:max-h-2 { + max-height: 0.5rem; + } - .md\:dark\:focus\:border-yellow-700:focus { - border-color: #b45309; - } + .sm\:max-h-3 { + max-height: 0.75rem; + } - .md\:dark\:focus\:border-yellow-800:focus { - border-color: #92400e; - } + .sm\:max-h-4 { + max-height: 1rem; + } - .md\:dark\:focus\:border-yellow-900:focus { - border-color: #78350f; - } + .sm\:max-h-5 { + max-height: 1.25rem; + } - .md\:dark\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } + .sm\:max-h-6 { + max-height: 1.5rem; + } - .md\:dark\:focus\:border-green-100:focus { - border-color: #d1fae5; - } + .sm\:max-h-7 { + max-height: 1.75rem; + } - .md\:dark\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } + .sm\:max-h-8 { + max-height: 2rem; + } - .md\:dark\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } + .sm\:max-h-9 { + max-height: 2.25rem; + } - .md\:dark\:focus\:border-green-400:focus { - border-color: #34d399; - } + .sm\:max-h-10 { + max-height: 2.5rem; + } - .md\:dark\:focus\:border-green-500:focus { - border-color: #10b981; - } + .sm\:max-h-12 { + max-height: 3rem; + } - .md\:dark\:focus\:border-green-600:focus { - border-color: #059669; - } + .sm\:max-h-14 { + max-height: 3.5rem; + } - .md\:dark\:focus\:border-green-700:focus { - border-color: #047857; - } + .sm\:max-h-16 { + max-height: 4rem; + } - .md\:dark\:focus\:border-green-800:focus { - border-color: #065f46; - } + .sm\:max-h-20 { + max-height: 5rem; + } - .md\:dark\:focus\:border-green-900:focus { - border-color: #064e3b; - } + .sm\:max-h-24 { + max-height: 6rem; + } - .md\:dark\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } + .sm\:max-h-28 { + max-height: 7rem; + } - .md\:dark\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } + .sm\:max-h-32 { + max-height: 8rem; + } - .md\:dark\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } + .sm\:max-h-36 { + max-height: 9rem; + } - .md\:dark\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } + .sm\:max-h-40 { + max-height: 10rem; + } - .md\:dark\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } + .sm\:max-h-44 { + max-height: 11rem; + } - .md\:dark\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } + .sm\:max-h-48 { + max-height: 12rem; + } - .md\:dark\:focus\:border-blue-600:focus { - border-color: #2563eb; - } + .sm\:max-h-52 { + max-height: 13rem; + } - .md\:dark\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } + .sm\:max-h-56 { + max-height: 14rem; + } - .md\:dark\:focus\:border-blue-800:focus { - border-color: #1e40af; - } + .sm\:max-h-60 { + max-height: 15rem; + } - .md\:dark\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } + .sm\:max-h-64 { + max-height: 16rem; + } - .md\:dark\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } + .sm\:max-h-72 { + max-height: 18rem; + } - .md\:dark\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } + .sm\:max-h-80 { + max-height: 20rem; + } - .md\:dark\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } + .sm\:max-h-96 { + max-height: 24rem; + } - .md\:dark\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } + .sm\:max-h-px { + max-height: 1px; + } - .md\:dark\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } + .sm\:max-h-0\.5 { + max-height: 0.125rem; + } - .md\:dark\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } + .sm\:max-h-1\.5 { + max-height: 0.375rem; + } - .md\:dark\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } + .sm\:max-h-2\.5 { + max-height: 0.625rem; + } - .md\:dark\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } + .sm\:max-h-3\.5 { + max-height: 0.875rem; + } - .md\:dark\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } + .sm\:max-h-full { + max-height: 100%; + } - .md\:dark\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } + .sm\:max-h-screen { + max-height: 100vh; + } - .md\:dark\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } + .sm\:max-w-0 { + max-width: 0rem; + } - .md\:dark\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } + .sm\:max-w-none { + max-width: none; + } - .md\:dark\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } + .sm\:max-w-xs { + max-width: 20rem; + } - .md\:dark\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } + .sm\:max-w-sm { + max-width: 24rem; + } - .md\:dark\:focus\:border-pink-400:focus { - border-color: #f472b6; - } + .sm\:max-w-md { + max-width: 28rem; + } - .md\:dark\:focus\:border-pink-500:focus { - border-color: #ec4899; - } + .sm\:max-w-lg { + max-width: 32rem; + } - .md\:dark\:focus\:border-pink-600:focus { - border-color: #db2777; - } + .sm\:max-w-xl { + max-width: 36rem; + } - .md\:dark\:focus\:border-pink-700:focus { - border-color: #be185d; - } + .sm\:max-w-2xl { + max-width: 42rem; + } - .md\:dark\:focus\:border-pink-800:focus { - border-color: #9d174d; - } + .sm\:max-w-3xl { + max-width: 48rem; + } - .md\:dark\:focus\:border-pink-900:focus { - border-color: #831843; - } + .sm\:max-w-4xl { + max-width: 56rem; } - .md\:rounded-none { - border-radius: 0; + .sm\:max-w-5xl { + max-width: 64rem; } - .md\:rounded-sm { - border-radius: 0.125rem; + .sm\:max-w-6xl { + max-width: 72rem; } - .md\:rounded { - border-radius: 0.25rem; + .sm\:max-w-7xl { + max-width: 80rem; } - .md\:rounded-md { - border-radius: 0.375rem; + .sm\:max-w-full { + max-width: 100%; } - .md\:rounded-lg { - border-radius: 0.5rem; + .sm\:max-w-min { + max-width: min-content; } - .md\:rounded-xl { - border-radius: 0.75rem; + .sm\:max-w-max { + max-width: max-content; } - .md\:rounded-2xl { - border-radius: 1rem; + .sm\:max-w-screen-sm { + max-width: 640px; } - .md\:rounded-3xl { - border-radius: 1.5rem; + .sm\:max-w-screen-md { + max-width: 768px; } - .md\:rounded-full { - border-radius: 9999px; + .sm\:max-w-screen-lg { + max-width: 1024px; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:max-w-screen-xl { + max-width: 1280px; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:max-w-screen-2xl { + max-width: 1536px; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:min-h-0 { + min-height: 0; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:min-h-full { + min-height: 100%; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .sm\:min-h-screen { + min-height: 100vh; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .sm\:min-w-0 { + min-width: 0; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:min-w-full { + min-width: 100%; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:min-w-min { + min-width: min-content; } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .sm\:min-w-max { + min-width: max-content; } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .sm\:object-contain { + object-fit: contain; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:object-cover { + object-fit: cover; } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:object-fill { + object-fit: fill; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .sm\:object-none { + object-fit: none; } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .sm\:object-scale-down { + object-fit: scale-down; } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:object-bottom { + object-position: bottom; } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:object-center { + object-position: center; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .sm\:object-left { + object-position: left; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .sm\:object-left-bottom { + object-position: left bottom; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:object-left-top { + object-position: left top; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:object-right { + object-position: right; } - .md\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .sm\:object-right-bottom { + object-position: right bottom; } - .md\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .sm\:object-right-top { + object-position: right top; } - .md\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .sm\:object-top { + object-position: top; } - .md\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .sm\:opacity-0 { + opacity: 0; } - .md\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .sm\:opacity-25 { + opacity: 0.25; } - .md\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .sm\:opacity-50 { + opacity: 0.5; } - .md\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .sm\:opacity-75 { + opacity: 0.75; } - .md\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .sm\:opacity-100 { + opacity: 1; } - .md\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .group:hover .sm\:group-hover\:opacity-0 { + opacity: 0; } - .md\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .group:hover .sm\:group-hover\:opacity-25 { + opacity: 0.25; } - .md\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .group:hover .sm\:group-hover\:opacity-50 { + opacity: 0.5; } - .md\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .group:hover .sm\:group-hover\:opacity-75 { + opacity: 0.75; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .group:hover .sm\:group-hover\:opacity-100 { + opacity: 1; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:hover\:opacity-0:hover { + opacity: 0; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:hover\:opacity-25:hover { + opacity: 0.25; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:hover\:opacity-50:hover { + opacity: 0.5; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .sm\:hover\:opacity-75:hover { + opacity: 0.75; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:hover\:opacity-100:hover { + opacity: 1; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:focus\:opacity-0:focus { + opacity: 0; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:focus\:opacity-25:focus { + opacity: 0.25; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .sm\:focus\:opacity-50:focus { + opacity: 0.5; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .sm\:focus\:opacity-75:focus { + opacity: 0.75; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .sm\:focus\:opacity-100:focus { + opacity: 1; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .sm\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .sm\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .sm\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .sm\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .sm\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .sm\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .sm\:overflow-auto { + overflow: auto; } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .sm\:overflow-hidden { + overflow: hidden; } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .sm\:overflow-visible { + overflow: visible; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .sm\:overflow-scroll { + overflow: scroll; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .sm\:overflow-x-auto { + overflow-x: auto; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .sm\:overflow-y-auto { + overflow-y: auto; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .sm\:overflow-x-hidden { + overflow-x: hidden; } - .md\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .sm\:overflow-y-hidden { + overflow-y: hidden; } - .md\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .sm\:overflow-x-visible { + overflow-x: visible; } - .md\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .sm\:overflow-y-visible { + overflow-y: visible; } - .md\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .sm\:overflow-x-scroll { + overflow-x: scroll; } - .md\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .sm\:overflow-y-scroll { + overflow-y: scroll; } - .md\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .sm\:overscroll-auto { + overscroll-behavior: auto; } - .md\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .sm\:overscroll-contain { + overscroll-behavior: contain; } - .md\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .sm\:overscroll-none { + overscroll-behavior: none; } - .md\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .sm\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .md\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .sm\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .md\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .sm\:overscroll-y-none { + overscroll-behavior-y: none; } - .md\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .sm\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:overscroll-x-none { + overscroll-behavior-x: none; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:p-0 { + padding: 0; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:p-1 { + padding: 0.25rem; } - .md\:border-solid { - border-style: solid; + .sm\:p-2 { + padding: 0.5rem; } - .md\:border-dashed { - border-style: dashed; + .sm\:p-3 { + padding: 0.75rem; } - .md\:border-dotted { - border-style: dotted; + .sm\:p-4 { + padding: 1rem; } - .md\:border-double { - border-style: double; + .sm\:p-5 { + padding: 1.25rem; } - .md\:border-none { - border-style: none; + .sm\:p-6 { + padding: 1.5rem; } - .md\:border-0 { - border-width: 0; + .sm\:p-7 { + padding: 1.75rem; } - .md\:border-2 { - border-width: 2px; + .sm\:p-8 { + padding: 2rem; } - .md\:border-4 { - border-width: 4px; + .sm\:p-9 { + padding: 2.25rem; } - .md\:border-8 { - border-width: 8px; + .sm\:p-10 { + padding: 2.5rem; } - .md\:border { - border-width: 1px; + .sm\:p-12 { + padding: 3rem; } - .md\:border-t-0 { - border-top-width: 0; + .sm\:p-14 { + padding: 3.5rem; } - .md\:border-r-0 { - border-right-width: 0; + .sm\:p-16 { + padding: 4rem; } - .md\:border-b-0 { - border-bottom-width: 0; + .sm\:p-20 { + padding: 5rem; } - .md\:border-l-0 { - border-left-width: 0; + .sm\:p-24 { + padding: 6rem; } - .md\:border-t-2 { - border-top-width: 2px; + .sm\:p-28 { + padding: 7rem; } - .md\:border-r-2 { - border-right-width: 2px; + .sm\:p-32 { + padding: 8rem; } - .md\:border-b-2 { - border-bottom-width: 2px; + .sm\:p-36 { + padding: 9rem; } - .md\:border-l-2 { - border-left-width: 2px; + .sm\:p-40 { + padding: 10rem; } - .md\:border-t-4 { - border-top-width: 4px; + .sm\:p-44 { + padding: 11rem; } - .md\:border-r-4 { - border-right-width: 4px; + .sm\:p-48 { + padding: 12rem; } - .md\:border-b-4 { - border-bottom-width: 4px; + .sm\:p-52 { + padding: 13rem; } - .md\:border-l-4 { - border-left-width: 4px; + .sm\:p-56 { + padding: 14rem; } - .md\:border-t-8 { - border-top-width: 8px; + .sm\:p-60 { + padding: 15rem; } - .md\:border-r-8 { - border-right-width: 8px; + .sm\:p-64 { + padding: 16rem; } - .md\:border-b-8 { - border-bottom-width: 8px; + .sm\:p-72 { + padding: 18rem; } - .md\:border-l-8 { - border-left-width: 8px; + .sm\:p-80 { + padding: 20rem; } - .md\:border-t { - border-top-width: 1px; + .sm\:p-96 { + padding: 24rem; } - .md\:border-r { - border-right-width: 1px; + .sm\:p-px { + padding: 1px; } - .md\:border-b { - border-bottom-width: 1px; + .sm\:p-0\.5 { + padding: 0.125rem; } - .md\:border-l { - border-left-width: 1px; + .sm\:p-1\.5 { + padding: 0.375rem; } - .md\:box-border { - box-sizing: border-box; + .sm\:p-2\.5 { + padding: 0.625rem; } - .md\:box-content { - box-sizing: content-box; + .sm\:p-3\.5 { + padding: 0.875rem; } - .md\:cursor-auto { - cursor: auto; + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .md\:cursor-default { - cursor: default; + .sm\:px-0 { + padding-left: 0; + padding-right: 0; } - .md\:cursor-pointer { - cursor: pointer; + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\:cursor-wait { - cursor: wait; + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:cursor-text { - cursor: text; + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .md\:cursor-move { - cursor: move; + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .md\:block { - display: block; + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .md\:inline-block { - display: inline-block; + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .md\:inline { - display: inline; + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .md\:flex { - display: flex; + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .md\:inline-flex { - display: inline-flex; + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .md\:table { - display: table; + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .md\:table-caption { - display: table-caption; + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .md\:table-cell { - display: table-cell; + .sm\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .md\:table-column { - display: table-column; + .sm\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .md\:table-column-group { - display: table-column-group; + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .md\:table-footer-group { - display: table-footer-group; + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .md\:table-header-group { - display: table-header-group; + .sm\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .md\:table-row-group { - display: table-row-group; + .sm\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .md\:table-row { - display: table-row; + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .md\:flow-root { - display: flow-root; + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .md\:grid { - display: grid; + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .md\:inline-grid { - display: inline-grid; + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .md\:contents { - display: contents; + .sm\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .md\:hidden { - display: none; + .sm\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .md\:flex-row { - flex-direction: row; + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .md\:flex-col { - flex-direction: column; + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .md\:flex-wrap { - flex-wrap: wrap; + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .md\:place-items-auto { - place-items: auto; + .sm\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .md\:place-items-start { - place-items: start; + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .md\:place-items-end { - place-items: end; + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .md\:place-items-center { - place-items: center; + .sm\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .md\:place-items-stretch { - place-items: stretch; + .sm\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .md\:place-content-center { - place-content: center; + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .md\:place-content-start { - place-content: start; + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .md\:place-content-end { - place-content: end; + .sm\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .md\:place-content-between { - place-content: space-between; + .sm\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .md\:place-content-around { - place-content: space-around; + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .md\:place-content-evenly { - place-content: space-evenly; + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .md\:place-content-stretch { - place-content: stretch; + .sm\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .md\:place-self-auto { - place-self: auto; + .sm\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .md\:place-self-start { - place-self: start; + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .md\:place-self-end { - place-self: end; + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .md\:place-self-center { - place-self: center; + .sm\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .md\:place-self-stretch { - place-self: stretch; + .sm\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .md\:items-start { - align-items: flex-start; + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:items-end { - align-items: flex-end; + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:items-center { - align-items: center; + .sm\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .md\:items-baseline { - align-items: baseline; + .sm\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .md\:items-stretch { - align-items: stretch; + .sm\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .md\:content-center { - align-content: center; + .sm\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .md\:content-start { - align-content: flex-start; + .sm\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .md\:content-end { - align-content: flex-end; + .sm\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .md\:content-between { - align-content: space-between; + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:content-around { - align-content: space-around; + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:content-evenly { - align-content: space-evenly; + .sm\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .md\:self-auto { - align-self: auto; + .sm\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .md\:self-start { - align-self: flex-start; + .sm\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .md\:self-end { - align-self: flex-end; + .sm\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .md\:self-center { - align-self: center; + .sm\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .md\:self-stretch { - align-self: stretch; + .sm\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .md\:justify-items-auto { - justify-items: auto; + .sm\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .md\:justify-items-start { - justify-items: start; + .sm\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .md\:justify-items-end { - justify-items: end; + .sm\:pt-0 { + padding-top: 0; } - .md\:justify-items-center { - justify-items: center; + .sm\:pr-0 { + padding-right: 0; } - .md\:justify-items-stretch { - justify-items: stretch; + .sm\:pb-0 { + padding-bottom: 0; } - .md\:justify-start { - justify-content: flex-start; + .sm\:pl-0 { + padding-left: 0; } - .md\:justify-end { - justify-content: flex-end; + .sm\:pt-1 { + padding-top: 0.25rem; } - .md\:justify-center { - justify-content: center; + .sm\:pr-1 { + padding-right: 0.25rem; } - .md\:justify-between { - justify-content: space-between; + .sm\:pb-1 { + padding-bottom: 0.25rem; } - .md\:justify-around { - justify-content: space-around; + .sm\:pl-1 { + padding-left: 0.25rem; } - .md\:justify-evenly { - justify-content: space-evenly; + .sm\:pt-2 { + padding-top: 0.5rem; } - .md\:justify-self-auto { - justify-self: auto; + .sm\:pr-2 { + padding-right: 0.5rem; } - .md\:justify-self-start { - justify-self: start; + .sm\:pb-2 { + padding-bottom: 0.5rem; } - .md\:justify-self-end { - justify-self: end; + .sm\:pl-2 { + padding-left: 0.5rem; } - .md\:justify-self-center { - justify-self: center; + .sm\:pt-3 { + padding-top: 0.75rem; } - .md\:justify-self-stretch { - justify-self: stretch; + .sm\:pr-3 { + padding-right: 0.75rem; } - .md\:flex-1 { - flex: 1 1 0%; + .sm\:pb-3 { + padding-bottom: 0.75rem; } - .md\:flex-auto { - flex: 1 1 auto; + .sm\:pl-3 { + padding-left: 0.75rem; } - .md\:flex-initial { - flex: 0 1 auto; + .sm\:pt-4 { + padding-top: 1rem; } - .md\:flex-none { - flex: none; + .sm\:pr-4 { + padding-right: 1rem; } - .md\:flex-grow-0 { - flex-grow: 0; + .sm\:pb-4 { + padding-bottom: 1rem; } - .md\:flex-grow { - flex-grow: 1; + .sm\:pl-4 { + padding-left: 1rem; } - .md\:flex-shrink-0 { - flex-shrink: 0; + .sm\:pt-5 { + padding-top: 1.25rem; } - .md\:flex-shrink { - flex-shrink: 1; + .sm\:pr-5 { + padding-right: 1.25rem; } - .md\:order-1 { - order: 1; + .sm\:pb-5 { + padding-bottom: 1.25rem; } - .md\:order-2 { - order: 2; + .sm\:pl-5 { + padding-left: 1.25rem; } - .md\:order-3 { - order: 3; + .sm\:pt-6 { + padding-top: 1.5rem; } - .md\:order-4 { - order: 4; + .sm\:pr-6 { + padding-right: 1.5rem; } - .md\:order-5 { - order: 5; + .sm\:pb-6 { + padding-bottom: 1.5rem; } - .md\:order-6 { - order: 6; + .sm\:pl-6 { + padding-left: 1.5rem; } - .md\:order-7 { - order: 7; + .sm\:pt-7 { + padding-top: 1.75rem; } - .md\:order-8 { - order: 8; + .sm\:pr-7 { + padding-right: 1.75rem; } - .md\:order-9 { - order: 9; + .sm\:pb-7 { + padding-bottom: 1.75rem; } - .md\:order-10 { - order: 10; + .sm\:pl-7 { + padding-left: 1.75rem; } - .md\:order-11 { - order: 11; + .sm\:pt-8 { + padding-top: 2rem; } - .md\:order-12 { - order: 12; + .sm\:pr-8 { + padding-right: 2rem; } - .md\:order-first { - order: -9999; + .sm\:pb-8 { + padding-bottom: 2rem; } - .md\:order-last { - order: 9999; + .sm\:pl-8 { + padding-left: 2rem; } - .md\:order-none { - order: 0; + .sm\:pt-9 { + padding-top: 2.25rem; } - .md\:float-right { - float: right; + .sm\:pr-9 { + padding-right: 2.25rem; } - .md\:float-left { - float: left; + .sm\:pb-9 { + padding-bottom: 2.25rem; } - .md\:float-none { - float: none; + .sm\:pl-9 { + padding-left: 2.25rem; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:pt-10 { + padding-top: 2.5rem; } - .md\:clear-left { - clear: left; + .sm\:pr-10 { + padding-right: 2.5rem; } - .md\:clear-right { - clear: right; + .sm\:pb-10 { + padding-bottom: 2.5rem; } - .md\:clear-both { - clear: both; + .sm\:pl-10 { + padding-left: 2.5rem; } - .md\:clear-none { - clear: none; + .sm\:pt-12 { + padding-top: 3rem; } - .md\:font-sans { - font-family: ui-sans-serif, 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\:pr-12 { + padding-right: 3rem; } - .md\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .sm\:pb-12 { + padding-bottom: 3rem; } - .md\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .sm\:pl-12 { + padding-left: 3rem; } - .md\:font-thin { - font-weight: 100; + .sm\:pt-14 { + padding-top: 3.5rem; } - .md\:font-extralight { - font-weight: 200; + .sm\:pr-14 { + padding-right: 3.5rem; } - .md\:font-light { - font-weight: 300; + .sm\:pb-14 { + padding-bottom: 3.5rem; } - .md\:font-normal { - font-weight: 400; + .sm\:pl-14 { + padding-left: 3.5rem; } - .md\:font-medium { - font-weight: 500; + .sm\:pt-16 { + padding-top: 4rem; } - .md\:font-semibold { - font-weight: 600; + .sm\:pr-16 { + padding-right: 4rem; } - .md\:font-bold { - font-weight: 700; + .sm\:pb-16 { + padding-bottom: 4rem; } - .md\:font-extrabold { - font-weight: 800; + .sm\:pl-16 { + padding-left: 4rem; } - .md\:font-black { - font-weight: 900; + .sm\:pt-20 { + padding-top: 5rem; } - .md\:hover\:font-thin:hover { - font-weight: 100; + .sm\:pr-20 { + padding-right: 5rem; } - .md\:hover\:font-extralight:hover { - font-weight: 200; + .sm\:pb-20 { + padding-bottom: 5rem; } - .md\:hover\:font-light:hover { - font-weight: 300; + .sm\:pl-20 { + padding-left: 5rem; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .sm\:pt-24 { + padding-top: 6rem; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .sm\:pr-24 { + padding-right: 6rem; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:pb-24 { + padding-bottom: 6rem; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .sm\:pl-24 { + padding-left: 6rem; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:pt-28 { + padding-top: 7rem; } - .md\:hover\:font-black:hover { - font-weight: 900; + .sm\:pr-28 { + padding-right: 7rem; } - .md\:focus\:font-thin:focus { - font-weight: 100; + .sm\:pb-28 { + padding-bottom: 7rem; } - .md\:focus\:font-extralight:focus { - font-weight: 200; + .sm\:pl-28 { + padding-left: 7rem; } - .md\:focus\:font-light:focus { - font-weight: 300; + .sm\:pt-32 { + padding-top: 8rem; } - .md\:focus\:font-normal:focus { - font-weight: 400; + .sm\:pr-32 { + padding-right: 8rem; } - .md\:focus\:font-medium:focus { - font-weight: 500; + .sm\:pb-32 { + padding-bottom: 8rem; } - .md\:focus\:font-semibold:focus { - font-weight: 600; + .sm\:pl-32 { + padding-left: 8rem; } - .md\:focus\:font-bold:focus { - font-weight: 700; + .sm\:pt-36 { + padding-top: 9rem; } - .md\:focus\:font-extrabold:focus { - font-weight: 800; + .sm\:pr-36 { + padding-right: 9rem; } - .md\:focus\:font-black:focus { - font-weight: 900; + .sm\:pb-36 { + padding-bottom: 9rem; } - .md\:h-0 { - height: 0; + .sm\:pl-36 { + padding-left: 9rem; } - .md\:h-1 { - height: 0.25rem; + .sm\:pt-40 { + padding-top: 10rem; } - .md\:h-2 { - height: 0.5rem; + .sm\:pr-40 { + padding-right: 10rem; } - .md\:h-3 { - height: 0.75rem; + .sm\:pb-40 { + padding-bottom: 10rem; } - .md\:h-4 { - height: 1rem; + .sm\:pl-40 { + padding-left: 10rem; } - .md\:h-5 { - height: 1.25rem; + .sm\:pt-44 { + padding-top: 11rem; } - .md\:h-6 { - height: 1.5rem; + .sm\:pr-44 { + padding-right: 11rem; } - .md\:h-7 { - height: 1.75rem; + .sm\:pb-44 { + padding-bottom: 11rem; } - .md\:h-8 { - height: 2rem; + .sm\:pl-44 { + padding-left: 11rem; } - .md\:h-9 { - height: 2.25rem; + .sm\:pt-48 { + padding-top: 12rem; } - .md\:h-10 { - height: 2.5rem; + .sm\:pr-48 { + padding-right: 12rem; } - .md\:h-12 { - height: 3rem; + .sm\:pb-48 { + padding-bottom: 12rem; } - .md\:h-14 { - height: 3.5rem; + .sm\:pl-48 { + padding-left: 12rem; } - .md\:h-16 { - height: 4rem; + .sm\:pt-52 { + padding-top: 13rem; } - .md\:h-20 { - height: 5rem; + .sm\:pr-52 { + padding-right: 13rem; } - .md\:h-24 { - height: 6rem; + .sm\:pb-52 { + padding-bottom: 13rem; } - .md\:h-28 { - height: 7rem; + .sm\:pl-52 { + padding-left: 13rem; } - .md\:h-32 { - height: 8rem; + .sm\:pt-56 { + padding-top: 14rem; } - .md\:h-36 { - height: 9rem; + .sm\:pr-56 { + padding-right: 14rem; } - .md\:h-40 { - height: 10rem; + .sm\:pb-56 { + padding-bottom: 14rem; } - .md\:h-44 { - height: 11rem; + .sm\:pl-56 { + padding-left: 14rem; } - .md\:h-48 { - height: 12rem; + .sm\:pt-60 { + padding-top: 15rem; } - .md\:h-52 { - height: 13rem; + .sm\:pr-60 { + padding-right: 15rem; } - .md\:h-56 { - height: 14rem; + .sm\:pb-60 { + padding-bottom: 15rem; } - .md\:h-60 { - height: 15rem; + .sm\:pl-60 { + padding-left: 15rem; } - .md\:h-64 { - height: 16rem; + .sm\:pt-64 { + padding-top: 16rem; } - .md\:h-72 { - height: 18rem; + .sm\:pr-64 { + padding-right: 16rem; } - .md\:h-80 { - height: 20rem; + .sm\:pb-64 { + padding-bottom: 16rem; } - .md\:h-96 { - height: 24rem; + .sm\:pl-64 { + padding-left: 16rem; } - .md\:h-auto { - height: auto; + .sm\:pt-72 { + padding-top: 18rem; } - .md\:h-px { - height: 1px; + .sm\:pr-72 { + padding-right: 18rem; } - .md\:h-0\.5 { - height: 0.125rem; + .sm\:pb-72 { + padding-bottom: 18rem; } - .md\:h-1\.5 { - height: 0.375rem; + .sm\:pl-72 { + padding-left: 18rem; } - .md\:h-2\.5 { - height: 0.625rem; + .sm\:pt-80 { + padding-top: 20rem; } - .md\:h-3\.5 { - height: 0.875rem; + .sm\:pr-80 { + padding-right: 20rem; } - .md\:h-full { - height: 100%; + .sm\:pb-80 { + padding-bottom: 20rem; } - .md\:h-screen { - height: 100vh; + .sm\:pl-80 { + padding-left: 20rem; } - .md\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .sm\:pt-96 { + padding-top: 24rem; } - .md\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .sm\:pr-96 { + padding-right: 24rem; } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .sm\:pb-96 { + padding-bottom: 24rem; } - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .sm\:pl-96 { + padding-left: 24rem; } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .sm\:pt-px { + padding-top: 1px; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .sm\:pr-px { + padding-right: 1px; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .sm\:pb-px { + padding-bottom: 1px; } - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .sm\:pl-px { + padding-left: 1px; } - .md\:text-5xl { - font-size: 3rem; - line-height: 1; + .sm\:pt-0\.5 { + padding-top: 0.125rem; } - .md\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .sm\:pr-0\.5 { + padding-right: 0.125rem; } - .md\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .sm\:pb-0\.5 { + padding-bottom: 0.125rem; } - .md\:text-8xl { - font-size: 6rem; - line-height: 1; + .sm\:pl-0\.5 { + padding-left: 0.125rem; } - .md\:text-9xl { - font-size: 8rem; - line-height: 1; + .sm\:pt-1\.5 { + padding-top: 0.375rem; } - .md\:leading-3 { - line-height: .75rem; + .sm\:pr-1\.5 { + padding-right: 0.375rem; } - .md\:leading-4 { - line-height: 1rem; + .sm\:pb-1\.5 { + padding-bottom: 0.375rem; } - .md\:leading-5 { - line-height: 1.25rem; + .sm\:pl-1\.5 { + padding-left: 0.375rem; } - .md\:leading-6 { - line-height: 1.5rem; + .sm\:pt-2\.5 { + padding-top: 0.625rem; } - .md\:leading-7 { - line-height: 1.75rem; + .sm\:pr-2\.5 { + padding-right: 0.625rem; } - .md\:leading-8 { - line-height: 2rem; + .sm\:pb-2\.5 { + padding-bottom: 0.625rem; } - .md\:leading-9 { - line-height: 2.25rem; + .sm\:pl-2\.5 { + padding-left: 0.625rem; } - .md\:leading-10 { - line-height: 2.5rem; + .sm\:pt-3\.5 { + padding-top: 0.875rem; } - .md\:leading-none { - line-height: 1; + .sm\:pr-3\.5 { + padding-right: 0.875rem; } - .md\:leading-tight { - line-height: 1.25; + .sm\:pb-3\.5 { + padding-bottom: 0.875rem; } - .md\:leading-snug { - line-height: 1.375; + .sm\:pl-3\.5 { + padding-left: 0.875rem; } - .md\:leading-normal { - line-height: 1.5; + .sm\:placeholder-transparent::placeholder { + color: transparent; } - .md\:leading-relaxed { - line-height: 1.625; + .sm\:placeholder-current::placeholder { + color: currentColor; } - .md\:leading-loose { - line-height: 2; + .sm\:placeholder-black::placeholder { + color: #000; } - .md\:list-inside { - list-style-position: inside; + .sm\:placeholder-white::placeholder { + color: #fff; } - .md\:list-outside { - list-style-position: outside; + .sm\:placeholder-gray-50::placeholder { + color: #fafafa; } - .md\:list-none { - list-style-type: none; + .sm\:placeholder-gray-100::placeholder { + color: #f4f4f5; } - .md\:list-disc { - list-style-type: disc; + .sm\:placeholder-gray-200::placeholder { + color: #e4e4e7; } - .md\:list-decimal { - list-style-type: decimal; + .sm\:placeholder-gray-300::placeholder { + color: #d4d4d8; } - .md\:m-0 { - margin: 0; + .sm\:placeholder-gray-400::placeholder { + color: #a1a1aa; } - .md\:m-1 { - margin: 0.25rem; + .sm\:placeholder-gray-500::placeholder { + color: #71717a; } - .md\:m-2 { - margin: 0.5rem; + .sm\:placeholder-gray-600::placeholder { + color: #52525b; } - .md\:m-3 { - margin: 0.75rem; + .sm\:placeholder-gray-700::placeholder { + color: #3f3f46; } - .md\:m-4 { - margin: 1rem; + .sm\:placeholder-gray-800::placeholder { + color: #27272a; } - .md\:m-5 { - margin: 1.25rem; + .sm\:placeholder-gray-900::placeholder { + color: #18181b; } - .md\:m-6 { - margin: 1.5rem; + .sm\:placeholder-red-50::placeholder { + color: #fef2f2; } - .md\:m-7 { - margin: 1.75rem; + .sm\:placeholder-red-100::placeholder { + color: #fee2e2; } - .md\:m-8 { - margin: 2rem; + .sm\:placeholder-red-200::placeholder { + color: #fecaca; } - .md\:m-9 { - margin: 2.25rem; + .sm\:placeholder-red-300::placeholder { + color: #fca5a5; } - .md\:m-10 { - margin: 2.5rem; + .sm\:placeholder-red-400::placeholder { + color: #f87171; } - .md\:m-12 { - margin: 3rem; + .sm\:placeholder-red-500::placeholder { + color: #ef4444; } - .md\:m-14 { - margin: 3.5rem; + .sm\:placeholder-red-600::placeholder { + color: #dc2626; } - .md\:m-16 { - margin: 4rem; + .sm\:placeholder-red-700::placeholder { + color: #b91c1c; } - .md\:m-20 { - margin: 5rem; + .sm\:placeholder-red-800::placeholder { + color: #991b1b; } - .md\:m-24 { - margin: 6rem; + .sm\:placeholder-red-900::placeholder { + color: #7f1d1d; } - .md\:m-28 { - margin: 7rem; + .sm\:placeholder-yellow-50::placeholder { + color: #fffbeb; } - .md\:m-32 { - margin: 8rem; + .sm\:placeholder-yellow-100::placeholder { + color: #fef3c7; } - .md\:m-36 { - margin: 9rem; + .sm\:placeholder-yellow-200::placeholder { + color: #fde68a; } - .md\:m-40 { - margin: 10rem; + .sm\:placeholder-yellow-300::placeholder { + color: #fcd34d; } - .md\:m-44 { - margin: 11rem; + .sm\:placeholder-yellow-400::placeholder { + color: #fbbf24; } - .md\:m-48 { - margin: 12rem; + .sm\:placeholder-yellow-500::placeholder { + color: #f59e0b; } - .md\:m-52 { - margin: 13rem; + .sm\:placeholder-yellow-600::placeholder { + color: #d97706; } - .md\:m-56 { - margin: 14rem; + .sm\:placeholder-yellow-700::placeholder { + color: #b45309; } - .md\:m-60 { - margin: 15rem; + .sm\:placeholder-yellow-800::placeholder { + color: #92400e; } - .md\:m-64 { - margin: 16rem; + .sm\:placeholder-yellow-900::placeholder { + color: #78350f; } - .md\:m-72 { - margin: 18rem; + .sm\:placeholder-green-50::placeholder { + color: #ecfdf5; } - .md\:m-80 { - margin: 20rem; + .sm\:placeholder-green-100::placeholder { + color: #d1fae5; } - .md\:m-96 { - margin: 24rem; + .sm\:placeholder-green-200::placeholder { + color: #a7f3d0; } - .md\:m-auto { - margin: auto; + .sm\:placeholder-green-300::placeholder { + color: #6ee7b7; } - .md\:m-px { - margin: 1px; + .sm\:placeholder-green-400::placeholder { + color: #34d399; } - .md\:m-0\.5 { - margin: 0.125rem; + .sm\:placeholder-green-500::placeholder { + color: #10b981; } - .md\:m-1\.5 { - margin: 0.375rem; + .sm\:placeholder-green-600::placeholder { + color: #059669; } - .md\:m-2\.5 { - margin: 0.625rem; + .sm\:placeholder-green-700::placeholder { + color: #047857; } - .md\:m-3\.5 { - margin: 0.875rem; + .sm\:placeholder-green-800::placeholder { + color: #065f46; } - .md\:-m-1 { - margin: -0.25rem; + .sm\:placeholder-green-900::placeholder { + color: #064e3b; } - .md\:-m-2 { - margin: -0.5rem; + .sm\:placeholder-blue-50::placeholder { + color: #eff6ff; } - .md\:-m-3 { - margin: -0.75rem; + .sm\:placeholder-blue-100::placeholder { + color: #dbeafe; } - .md\:-m-4 { - margin: -1rem; + .sm\:placeholder-blue-200::placeholder { + color: #bfdbfe; } - .md\:-m-5 { - margin: -1.25rem; + .sm\:placeholder-blue-300::placeholder { + color: #93c5fd; } - .md\:-m-6 { - margin: -1.5rem; + .sm\:placeholder-blue-400::placeholder { + color: #60a5fa; } - .md\:-m-7 { - margin: -1.75rem; + .sm\:placeholder-blue-500::placeholder { + color: #3b82f6; } - .md\:-m-8 { - margin: -2rem; + .sm\:placeholder-blue-600::placeholder { + color: #2563eb; } - .md\:-m-9 { - margin: -2.25rem; + .sm\:placeholder-blue-700::placeholder { + color: #1d4ed8; } - .md\:-m-10 { - margin: -2.5rem; + .sm\:placeholder-blue-800::placeholder { + color: #1e40af; } - .md\:-m-12 { - margin: -3rem; + .sm\:placeholder-blue-900::placeholder { + color: #1e3a8a; } - .md\:-m-14 { - margin: -3.5rem; + .sm\:placeholder-purple-50::placeholder { + color: #f5f3ff; } - .md\:-m-16 { - margin: -4rem; + .sm\:placeholder-purple-100::placeholder { + color: #ede9fe; } - .md\:-m-20 { - margin: -5rem; + .sm\:placeholder-purple-200::placeholder { + color: #ddd6fe; } - .md\:-m-24 { - margin: -6rem; + .sm\:placeholder-purple-300::placeholder { + color: #c4b5fd; } - .md\:-m-28 { - margin: -7rem; + .sm\:placeholder-purple-400::placeholder { + color: #a78bfa; } - .md\:-m-32 { - margin: -8rem; + .sm\:placeholder-purple-500::placeholder { + color: #8b5cf6; } - .md\:-m-36 { - margin: -9rem; + .sm\:placeholder-purple-600::placeholder { + color: #7c3aed; } - .md\:-m-40 { - margin: -10rem; + .sm\:placeholder-purple-700::placeholder { + color: #6d28d9; } - .md\:-m-44 { - margin: -11rem; + .sm\:placeholder-purple-800::placeholder { + color: #5b21b6; } - .md\:-m-48 { - margin: -12rem; + .sm\:placeholder-purple-900::placeholder { + color: #4c1d95; } - .md\:-m-52 { - margin: -13rem; + .sm\:placeholder-pink-50::placeholder { + color: #fdf2f8; } - .md\:-m-56 { - margin: -14rem; + .sm\:placeholder-pink-100::placeholder { + color: #fce7f3; } - .md\:-m-60 { - margin: -15rem; + .sm\:placeholder-pink-200::placeholder { + color: #fbcfe8; } - .md\:-m-64 { - margin: -16rem; + .sm\:placeholder-pink-300::placeholder { + color: #f9a8d4; } - .md\:-m-72 { - margin: -18rem; + .sm\:placeholder-pink-400::placeholder { + color: #f472b6; } - .md\:-m-80 { - margin: -20rem; + .sm\:placeholder-pink-500::placeholder { + color: #ec4899; } - .md\:-m-96 { - margin: -24rem; + .sm\:placeholder-pink-600::placeholder { + color: #db2777; } - .md\:-m-px { - margin: -1px; + .sm\:placeholder-pink-700::placeholder { + color: #be185d; } - .md\:-m-0\.5 { - margin: -0.125rem; + .sm\:placeholder-pink-800::placeholder { + color: #9d174d; } - .md\:-m-1\.5 { - margin: -0.375rem; + .sm\:placeholder-pink-900::placeholder { + color: #831843; } - .md\:-m-2\.5 { - margin: -0.625rem; + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .md\:-m-3\.5 { - margin: -0.875rem; + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:focus\:placeholder-black:focus::placeholder { + color: #000; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:focus\:placeholder-white:focus::placeholder { + color: #fff; } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:focus\:placeholder-gray-50:focus::placeholder { + color: #fafafa; } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .sm\:focus\:placeholder-gray-100:focus::placeholder { + color: #f4f4f5; } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .sm\:focus\:placeholder-gray-200:focus::placeholder { + color: #e4e4e7; } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .sm\:focus\:placeholder-gray-300:focus::placeholder { + color: #d4d4d8; } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .sm\:focus\:placeholder-gray-400:focus::placeholder { + color: #a1a1aa; } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .sm\:focus\:placeholder-gray-500:focus::placeholder { + color: #71717a; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .sm\:focus\:placeholder-gray-600:focus::placeholder { + color: #52525b; } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .sm\:focus\:placeholder-gray-700:focus::placeholder { + color: #3f3f46; } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .sm\:focus\:placeholder-gray-800:focus::placeholder { + color: #27272a; } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .sm\:focus\:placeholder-gray-900:focus::placeholder { + color: #18181b; } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .sm\:focus\:placeholder-red-50:focus::placeholder { + color: #fef2f2; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:focus\:placeholder-red-100:focus::placeholder { + color: #fee2e2; } - .md\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .sm\:focus\:placeholder-red-200:focus::placeholder { + color: #fecaca; } - .md\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .sm\:focus\:placeholder-red-300:focus::placeholder { + color: #fca5a5; } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .sm\:focus\:placeholder-red-400:focus::placeholder { + color: #f87171; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .sm\:focus\:placeholder-red-500:focus::placeholder { + color: #ef4444; } - .md\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .sm\:focus\:placeholder-red-600:focus::placeholder { + color: #dc2626; } - .md\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .sm\:focus\:placeholder-red-700:focus::placeholder { + color: #b91c1c; } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .sm\:focus\:placeholder-red-800:focus::placeholder { + color: #991b1b; } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .sm\:focus\:placeholder-red-900:focus::placeholder { + color: #7f1d1d; } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .sm\:focus\:placeholder-yellow-50:focus::placeholder { + color: #fffbeb; } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fef3c7; } - .md\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fde68a; } - .md\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + color: #fcd34d; } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + color: #fbbf24; } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + color: #f59e0b; } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d97706; } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b45309; } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + color: #92400e; } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + color: #78350f; } - .md\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .sm\:focus\:placeholder-green-50:focus::placeholder { + color: #ecfdf5; } - .md\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .sm\:focus\:placeholder-green-100:focus::placeholder { + color: #d1fae5; } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .sm\:focus\:placeholder-green-200:focus::placeholder { + color: #a7f3d0; } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .sm\:focus\:placeholder-green-300:focus::placeholder { + color: #6ee7b7; } - .md\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .sm\:focus\:placeholder-green-400:focus::placeholder { + color: #34d399; } - .md\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .sm\:focus\:placeholder-green-500:focus::placeholder { + color: #10b981; } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .sm\:focus\:placeholder-green-600:focus::placeholder { + color: #059669; } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .sm\:focus\:placeholder-green-700:focus::placeholder { + color: #047857; } - .md\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .sm\:focus\:placeholder-green-800:focus::placeholder { + color: #065f46; } - .md\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .sm\:focus\:placeholder-green-900:focus::placeholder { + color: #064e3b; } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .sm\:focus\:placeholder-blue-50:focus::placeholder { + color: #eff6ff; } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .sm\:focus\:placeholder-blue-100:focus::placeholder { + color: #dbeafe; } - .md\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .sm\:focus\:placeholder-blue-200:focus::placeholder { + color: #bfdbfe; } - .md\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .sm\:focus\:placeholder-blue-300:focus::placeholder { + color: #93c5fd; } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .sm\:focus\:placeholder-blue-400:focus::placeholder { + color: #60a5fa; } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .sm\:focus\:placeholder-blue-500:focus::placeholder { + color: #3b82f6; } - .md\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .sm\:focus\:placeholder-blue-600:focus::placeholder { + color: #2563eb; } - .md\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .sm\:focus\:placeholder-blue-700:focus::placeholder { + color: #1d4ed8; } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .sm\:focus\:placeholder-blue-800:focus::placeholder { + color: #1e40af; } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .sm\:focus\:placeholder-blue-900:focus::placeholder { + color: #1e3a8a; } - .md\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .sm\:focus\:placeholder-purple-50:focus::placeholder { + color: #f5f3ff; } - .md\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .sm\:focus\:placeholder-purple-100:focus::placeholder { + color: #ede9fe; } - .md\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .sm\:focus\:placeholder-purple-200:focus::placeholder { + color: #ddd6fe; } - .md\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .sm\:focus\:placeholder-purple-300:focus::placeholder { + color: #c4b5fd; } - .md\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .sm\:focus\:placeholder-purple-400:focus::placeholder { + color: #a78bfa; } - .md\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .sm\:focus\:placeholder-purple-500:focus::placeholder { + color: #8b5cf6; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .sm\:focus\:placeholder-purple-600:focus::placeholder { + color: #7c3aed; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:focus\:placeholder-purple-700:focus::placeholder { + color: #6d28d9; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .sm\:focus\:placeholder-purple-800:focus::placeholder { + color: #5b21b6; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .sm\:focus\:placeholder-purple-900:focus::placeholder { + color: #4c1d95; } - .md\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .sm\:focus\:placeholder-pink-50:focus::placeholder { + color: #fdf2f8; } - .md\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .sm\:focus\:placeholder-pink-100:focus::placeholder { + color: #fce7f3; } - .md\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .sm\:focus\:placeholder-pink-200:focus::placeholder { + color: #fbcfe8; } - .md\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .sm\:focus\:placeholder-pink-300:focus::placeholder { + color: #f9a8d4; } - .md\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .sm\:focus\:placeholder-pink-400:focus::placeholder { + color: #f472b6; } - .md\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .sm\:focus\:placeholder-pink-500:focus::placeholder { + color: #ec4899; } - .md\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .sm\:focus\:placeholder-pink-600:focus::placeholder { + color: #db2777; } - .md\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .sm\:focus\:placeholder-pink-700:focus::placeholder { + color: #be185d; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .sm\:focus\:placeholder-pink-800:focus::placeholder { + color: #9d174d; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .sm\:focus\:placeholder-pink-900:focus::placeholder { + color: #831843; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .sm\:pointer-events-none { + pointer-events: none; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .sm\:pointer-events-auto { + pointer-events: auto; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .sm\:static { + position: static; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .sm\:fixed { + position: fixed; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .sm\:absolute { + position: absolute; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .sm\:relative { + position: relative; } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .sm\:sticky { + position: sticky; } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .sm\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .sm\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .sm\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .md\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .sm\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .md\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .sm\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .sm\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .sm\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .md\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .sm\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .md\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .sm\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .sm\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .sm\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .sm\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .sm\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .md\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .sm\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .md\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .sm\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .sm\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .sm\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .sm\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .sm\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .sm\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .sm\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .md\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .sm\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .md\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .sm\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .sm\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .sm\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .md\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .sm\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .md\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .sm\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .sm\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .sm\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .md\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .sm\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .sm\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .sm\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .md\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .sm\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .md\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .sm\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .sm\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .sm\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .md\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .sm\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .md\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .sm\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .sm\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .sm\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .md\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .sm\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .md\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .sm\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .md\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .sm\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .md\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .sm\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .md\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .sm\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .md\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .sm\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .sm\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .sm\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .md\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .sm\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .md\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .sm\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .md\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .sm\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .md\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .sm\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .md\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .sm\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .md\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .sm\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .md\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .sm\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .md\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .sm\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .md\:mt-0 { - margin-top: 0; + .sm\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .md\:mr-0 { - margin-right: 0; + .sm\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .md\:mb-0 { - margin-bottom: 0; + .sm\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .md\:ml-0 { - margin-left: 0; + .sm\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .md\:mt-1 { - margin-top: 0.25rem; + .sm\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .md\:mr-1 { - margin-right: 0.25rem; + .sm\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .md\:mb-1 { - margin-bottom: 0.25rem; + .sm\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .md\:ml-1 { - margin-left: 0.25rem; + .sm\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .md\:mt-2 { - margin-top: 0.5rem; + .sm\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .md\:mr-2 { - margin-right: 0.5rem; + .sm\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .sm\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .md\:ml-2 { - margin-left: 0.5rem; + .sm\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:mt-3 { - margin-top: 0.75rem; + .sm\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:mr-3 { - margin-right: 0.75rem; + .sm\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:mb-3 { - margin-bottom: 0.75rem; + .sm\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .md\:ml-3 { - margin-left: 0.75rem; + .sm\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:mt-4 { - margin-top: 1rem; + .sm\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .md\:mr-4 { - margin-right: 1rem; + .sm\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .md\:mb-4 { - margin-bottom: 1rem; + .sm\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:ml-4 { - margin-left: 1rem; + .sm\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .md\:mt-5 { - margin-top: 1.25rem; + .sm\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .md\:mr-5 { - margin-right: 1.25rem; + .sm\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .md\:mb-5 { - margin-bottom: 1.25rem; + .sm\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:ml-5 { - margin-left: 1.25rem; + .sm\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .md\:mt-6 { - margin-top: 1.5rem; + .sm\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .md\:mr-6 { - margin-right: 1.5rem; + .sm\:inset-y-0 { + top: 0; + bottom: 0; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .sm\:inset-x-0 { + right: 0; + left: 0; } - .md\:ml-6 { - margin-left: 1.5rem; + .sm\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .md\:mt-7 { - margin-top: 1.75rem; + .sm\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .md\:mr-7 { - margin-right: 1.75rem; + .sm\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .md\:mb-7 { - margin-bottom: 1.75rem; + .sm\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .md\:ml-7 { - margin-left: 1.75rem; + .sm\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .md\:mt-8 { - margin-top: 2rem; + .sm\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .md\:mr-8 { - margin-right: 2rem; + .sm\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .md\:mb-8 { - margin-bottom: 2rem; + .sm\:inset-x-4 { + right: 1rem; + left: 1rem; } - .md\:ml-8 { - margin-left: 2rem; + .sm\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .md\:mt-9 { - margin-top: 2.25rem; + .sm\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .md\:mr-9 { - margin-right: 2.25rem; + .sm\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .md\:mb-9 { - margin-bottom: 2.25rem; + .sm\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .md\:ml-9 { - margin-left: 2.25rem; + .sm\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .md\:mt-10 { - margin-top: 2.5rem; + .sm\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .md\:mr-10 { - margin-right: 2.5rem; + .sm\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .md\:mb-10 { - margin-bottom: 2.5rem; + .sm\:inset-x-8 { + right: 2rem; + left: 2rem; } - .md\:ml-10 { - margin-left: 2.5rem; + .sm\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .md\:mt-12 { - margin-top: 3rem; + .sm\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .md\:mr-12 { - margin-right: 3rem; + .sm\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .md\:mb-12 { - margin-bottom: 3rem; + .sm\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .md\:ml-12 { - margin-left: 3rem; + .sm\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .md\:mt-14 { - margin-top: 3.5rem; + .sm\:inset-x-12 { + right: 3rem; + left: 3rem; } - .md\:mr-14 { - margin-right: 3.5rem; + .sm\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .md\:mb-14 { - margin-bottom: 3.5rem; + .sm\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .md\:ml-14 { - margin-left: 3.5rem; + .sm\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .md\:mt-16 { - margin-top: 4rem; + .sm\:inset-x-16 { + right: 4rem; + left: 4rem; } - .md\:mr-16 { - margin-right: 4rem; + .sm\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .md\:mb-16 { - margin-bottom: 4rem; + .sm\:inset-x-20 { + right: 5rem; + left: 5rem; } - .md\:ml-16 { - margin-left: 4rem; + .sm\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .md\:mt-20 { - margin-top: 5rem; + .sm\:inset-x-24 { + right: 6rem; + left: 6rem; } - .md\:mr-20 { - margin-right: 5rem; + .sm\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .md\:mb-20 { - margin-bottom: 5rem; + .sm\:inset-x-28 { + right: 7rem; + left: 7rem; } - .md\:ml-20 { - margin-left: 5rem; + .sm\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .md\:mt-24 { - margin-top: 6rem; + .sm\:inset-x-32 { + right: 8rem; + left: 8rem; } - .md\:mr-24 { - margin-right: 6rem; + .sm\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .md\:mb-24 { - margin-bottom: 6rem; + .sm\:inset-x-36 { + right: 9rem; + left: 9rem; } - .md\:ml-24 { - margin-left: 6rem; + .sm\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .md\:mt-28 { - margin-top: 7rem; + .sm\:inset-x-40 { + right: 10rem; + left: 10rem; } - .md\:mr-28 { - margin-right: 7rem; + .sm\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .md\:mb-28 { - margin-bottom: 7rem; + .sm\:inset-x-44 { + right: 11rem; + left: 11rem; } - .md\:ml-28 { - margin-left: 7rem; + .sm\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .md\:mt-32 { - margin-top: 8rem; + .sm\:inset-x-48 { + right: 12rem; + left: 12rem; } - .md\:mr-32 { - margin-right: 8rem; + .sm\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .md\:mb-32 { - margin-bottom: 8rem; + .sm\:inset-x-52 { + right: 13rem; + left: 13rem; } - .md\:ml-32 { - margin-left: 8rem; + .sm\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .md\:mt-36 { - margin-top: 9rem; + .sm\:inset-x-56 { + right: 14rem; + left: 14rem; } - .md\:mr-36 { - margin-right: 9rem; + .sm\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .md\:mb-36 { - margin-bottom: 9rem; + .sm\:inset-x-60 { + right: 15rem; + left: 15rem; } - .md\:ml-36 { - margin-left: 9rem; + .sm\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .md\:mt-40 { - margin-top: 10rem; + .sm\:inset-x-64 { + right: 16rem; + left: 16rem; } - .md\:mr-40 { - margin-right: 10rem; + .sm\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .md\:mb-40 { - margin-bottom: 10rem; + .sm\:inset-x-72 { + right: 18rem; + left: 18rem; } - .md\:ml-40 { - margin-left: 10rem; + .sm\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .md\:mt-44 { - margin-top: 11rem; + .sm\:inset-x-80 { + right: 20rem; + left: 20rem; } - .md\:mr-44 { - margin-right: 11rem; + .sm\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .md\:mb-44 { - margin-bottom: 11rem; + .sm\:inset-x-96 { + right: 24rem; + left: 24rem; } - .md\:ml-44 { - margin-left: 11rem; + .sm\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:mt-48 { - margin-top: 12rem; + .sm\:inset-x-auto { + right: auto; + left: auto; } - .md\:mr-48 { - margin-right: 12rem; + .sm\:inset-y-px { + top: 1px; + bottom: 1px; } - .md\:mb-48 { - margin-bottom: 12rem; + .sm\:inset-x-px { + right: 1px; + left: 1px; } - .md\:ml-48 { - margin-left: 12rem; + .sm\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .md\:mt-52 { - margin-top: 13rem; + .sm\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .md\:mr-52 { - margin-right: 13rem; + .sm\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .md\:mb-52 { - margin-bottom: 13rem; + .sm\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .md\:ml-52 { - margin-left: 13rem; + .sm\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .md\:mt-56 { - margin-top: 14rem; + .sm\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .md\:mr-56 { - margin-right: 14rem; + .sm\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .md\:mb-56 { - margin-bottom: 14rem; + .sm\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .md\:ml-56 { - margin-left: 14rem; + .sm\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .md\:mt-60 { - margin-top: 15rem; + .sm\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .md\:mr-60 { - margin-right: 15rem; + .sm\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .md\:mb-60 { - margin-bottom: 15rem; + .sm\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .md\:ml-60 { - margin-left: 15rem; + .sm\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .md\:mt-64 { - margin-top: 16rem; + .sm\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .md\:mr-64 { - margin-right: 16rem; + .sm\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .md\:mb-64 { - margin-bottom: 16rem; + .sm\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .md\:ml-64 { - margin-left: 16rem; + .sm\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .md\:mt-72 { - margin-top: 18rem; + .sm\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .md\:mr-72 { - margin-right: 18rem; + .sm\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .md\:mb-72 { - margin-bottom: 18rem; + .sm\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .md\:ml-72 { - margin-left: 18rem; + .sm\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .md\:mt-80 { - margin-top: 20rem; + .sm\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .md\:mr-80 { - margin-right: 20rem; + .sm\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .md\:mb-80 { - margin-bottom: 20rem; + .sm\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .md\:ml-80 { - margin-left: 20rem; + .sm\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .md\:mt-96 { - margin-top: 24rem; + .sm\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .md\:mr-96 { - margin-right: 24rem; + .sm\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .md\:mb-96 { - margin-bottom: 24rem; + .sm\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .md\:ml-96 { - margin-left: 24rem; + .sm\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .md\:mt-auto { - margin-top: auto; + .sm\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .md\:mr-auto { - margin-right: auto; + .sm\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .md\:mb-auto { - margin-bottom: auto; + .sm\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .md\:ml-auto { - margin-left: auto; + .sm\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .md\:mt-px { - margin-top: 1px; + .sm\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .md\:mr-px { - margin-right: 1px; + .sm\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .md\:mb-px { - margin-bottom: 1px; + .sm\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .md\:ml-px { - margin-left: 1px; + .sm\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .md\:mt-0\.5 { - margin-top: 0.125rem; + .sm\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .md\:mr-0\.5 { - margin-right: 0.125rem; + .sm\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .md\:mb-0\.5 { - margin-bottom: 0.125rem; + .sm\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .md\:ml-0\.5 { - margin-left: 0.125rem; + .sm\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .md\:mt-1\.5 { - margin-top: 0.375rem; + .sm\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .md\:mr-1\.5 { - margin-right: 0.375rem; + .sm\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .md\:mb-1\.5 { - margin-bottom: 0.375rem; + .sm\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .md\:ml-1\.5 { - margin-left: 0.375rem; + .sm\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .md\:mt-2\.5 { - margin-top: 0.625rem; + .sm\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .md\:mr-2\.5 { - margin-right: 0.625rem; + .sm\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .md\:mb-2\.5 { - margin-bottom: 0.625rem; + .sm\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .md\:ml-2\.5 { - margin-left: 0.625rem; + .sm\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .md\:mt-3\.5 { - margin-top: 0.875rem; + .sm\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .md\:mr-3\.5 { - margin-right: 0.875rem; + .sm\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .md\:mb-3\.5 { - margin-bottom: 0.875rem; + .sm\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .md\:ml-3\.5 { - margin-left: 0.875rem; + .sm\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .md\:-mt-1 { - margin-top: -0.25rem; + .sm\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .md\:-mr-1 { - margin-right: -0.25rem; + .sm\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .sm\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .md\:-ml-1 { - margin-left: -0.25rem; + .sm\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .md\:-mt-2 { - margin-top: -0.5rem; + .sm\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .md\:-mr-2 { - margin-right: -0.5rem; + .sm\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .sm\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .md\:-ml-2 { - margin-left: -0.5rem; + .sm\:-inset-y-80 { + top: -20rem; + bottom: -20rem; + } + + .sm\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .md\:-mt-3 { - margin-top: -0.75rem; + .sm\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .md\:-mr-3 { - margin-right: -0.75rem; + .sm\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .sm\:-inset-y-px { + top: -1px; + bottom: -1px; } - .md\:-ml-3 { - margin-left: -0.75rem; + .sm\:-inset-x-px { + right: -1px; + left: -1px; } - .md\:-mt-4 { - margin-top: -1rem; + .sm\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .md\:-mr-4 { - margin-right: -1rem; + .sm\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .md\:-mb-4 { - margin-bottom: -1rem; + .sm\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .md\:-ml-4 { - margin-left: -1rem; + .sm\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .md\:-mt-5 { - margin-top: -1.25rem; + .sm\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .md\:-mr-5 { - margin-right: -1.25rem; + .sm\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .sm\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .md\:-ml-5 { - margin-left: -1.25rem; + .sm\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .md\:-mt-6 { - margin-top: -1.5rem; + .sm\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .md\:-mr-6 { - margin-right: -1.5rem; + .sm\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .sm\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:-ml-6 { - margin-left: -1.5rem; + .sm\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .md\:-mt-7 { - margin-top: -1.75rem; + .sm\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:-mr-7 { - margin-right: -1.75rem; + .sm\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .md\:-mb-7 { - margin-bottom: -1.75rem; + .sm\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .md\:-ml-7 { - margin-left: -1.75rem; + .sm\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .md\:-mt-8 { - margin-top: -2rem; + .sm\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .md\:-mr-8 { - margin-right: -2rem; + .sm\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .md\:-mb-8 { - margin-bottom: -2rem; + .sm\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .md\:-ml-8 { - margin-left: -2rem; + .sm\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .md\:-mt-9 { - margin-top: -2.25rem; + .sm\:inset-y-full { + top: 100%; + bottom: 100%; } - .md\:-mr-9 { - margin-right: -2.25rem; + .sm\:inset-x-full { + right: 100%; + left: 100%; } - .md\:-mb-9 { - margin-bottom: -2.25rem; + .sm\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .md\:-ml-9 { - margin-left: -2.25rem; + .sm\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .md\:-mt-10 { - margin-top: -2.5rem; + .sm\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .md\:-mr-10 { - margin-right: -2.5rem; + .sm\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .sm\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .md\:-ml-10 { - margin-left: -2.5rem; + .sm\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .md\:-mt-12 { - margin-top: -3rem; + .sm\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .md\:-mr-12 { - margin-right: -3rem; + .sm\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .md\:-mb-12 { - margin-bottom: -3rem; + .sm\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .md\:-ml-12 { - margin-left: -3rem; + .sm\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .md\:-mt-14 { - margin-top: -3.5rem; + .sm\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .md\:-mr-14 { - margin-right: -3.5rem; + .sm\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .md\:-mb-14 { - margin-bottom: -3.5rem; + .sm\:-inset-y-full { + top: -100%; + bottom: -100%; } - .md\:-ml-14 { - margin-left: -3.5rem; + .sm\:-inset-x-full { + right: -100%; + left: -100%; } - .md\:-mt-16 { - margin-top: -4rem; + .sm\:top-0 { + top: 0; } - .md\:-mr-16 { - margin-right: -4rem; + .sm\:right-0 { + right: 0; } - .md\:-mb-16 { - margin-bottom: -4rem; + .sm\:bottom-0 { + bottom: 0; } - .md\:-ml-16 { - margin-left: -4rem; + .sm\:left-0 { + left: 0; } - .md\:-mt-20 { - margin-top: -5rem; + .sm\:top-1 { + top: 0.25rem; } - .md\:-mr-20 { - margin-right: -5rem; + .sm\:right-1 { + right: 0.25rem; } - .md\:-mb-20 { - margin-bottom: -5rem; + .sm\:bottom-1 { + bottom: 0.25rem; } - .md\:-ml-20 { - margin-left: -5rem; + .sm\:left-1 { + left: 0.25rem; } - .md\:-mt-24 { - margin-top: -6rem; + .sm\:top-2 { + top: 0.5rem; } - .md\:-mr-24 { - margin-right: -6rem; + .sm\:right-2 { + right: 0.5rem; } - .md\:-mb-24 { - margin-bottom: -6rem; + .sm\:bottom-2 { + bottom: 0.5rem; } - .md\:-ml-24 { - margin-left: -6rem; + .sm\:left-2 { + left: 0.5rem; } - .md\:-mt-28 { - margin-top: -7rem; + .sm\:top-3 { + top: 0.75rem; } - .md\:-mr-28 { - margin-right: -7rem; + .sm\:right-3 { + right: 0.75rem; } - .md\:-mb-28 { - margin-bottom: -7rem; + .sm\:bottom-3 { + bottom: 0.75rem; } - .md\:-ml-28 { - margin-left: -7rem; + .sm\:left-3 { + left: 0.75rem; } - .md\:-mt-32 { - margin-top: -8rem; + .sm\:top-4 { + top: 1rem; } - .md\:-mr-32 { - margin-right: -8rem; + .sm\:right-4 { + right: 1rem; } - .md\:-mb-32 { - margin-bottom: -8rem; + .sm\:bottom-4 { + bottom: 1rem; } - .md\:-ml-32 { - margin-left: -8rem; + .sm\:left-4 { + left: 1rem; } - .md\:-mt-36 { - margin-top: -9rem; + .sm\:top-5 { + top: 1.25rem; } - .md\:-mr-36 { - margin-right: -9rem; + .sm\:right-5 { + right: 1.25rem; } - .md\:-mb-36 { - margin-bottom: -9rem; + .sm\:bottom-5 { + bottom: 1.25rem; } - .md\:-ml-36 { - margin-left: -9rem; + .sm\:left-5 { + left: 1.25rem; } - .md\:-mt-40 { - margin-top: -10rem; + .sm\:top-6 { + top: 1.5rem; } - .md\:-mr-40 { - margin-right: -10rem; + .sm\:right-6 { + right: 1.5rem; } - .md\:-mb-40 { - margin-bottom: -10rem; + .sm\:bottom-6 { + bottom: 1.5rem; } - .md\:-ml-40 { - margin-left: -10rem; + .sm\:left-6 { + left: 1.5rem; } - .md\:-mt-44 { - margin-top: -11rem; + .sm\:top-7 { + top: 1.75rem; } - .md\:-mr-44 { - margin-right: -11rem; + .sm\:right-7 { + right: 1.75rem; } - .md\:-mb-44 { - margin-bottom: -11rem; + .sm\:bottom-7 { + bottom: 1.75rem; } - .md\:-ml-44 { - margin-left: -11rem; + .sm\:left-7 { + left: 1.75rem; } - .md\:-mt-48 { - margin-top: -12rem; + .sm\:top-8 { + top: 2rem; } - .md\:-mr-48 { - margin-right: -12rem; + .sm\:right-8 { + right: 2rem; } - .md\:-mb-48 { - margin-bottom: -12rem; + .sm\:bottom-8 { + bottom: 2rem; } - .md\:-ml-48 { - margin-left: -12rem; + .sm\:left-8 { + left: 2rem; } - .md\:-mt-52 { - margin-top: -13rem; + .sm\:top-9 { + top: 2.25rem; } - .md\:-mr-52 { - margin-right: -13rem; + .sm\:right-9 { + right: 2.25rem; } - .md\:-mb-52 { - margin-bottom: -13rem; + .sm\:bottom-9 { + bottom: 2.25rem; } - .md\:-ml-52 { - margin-left: -13rem; + .sm\:left-9 { + left: 2.25rem; } - .md\:-mt-56 { - margin-top: -14rem; + .sm\:top-10 { + top: 2.5rem; } - .md\:-mr-56 { - margin-right: -14rem; + .sm\:right-10 { + right: 2.5rem; } - .md\:-mb-56 { - margin-bottom: -14rem; + .sm\:bottom-10 { + bottom: 2.5rem; } - .md\:-ml-56 { - margin-left: -14rem; + .sm\:left-10 { + left: 2.5rem; } - .md\:-mt-60 { - margin-top: -15rem; + .sm\:top-12 { + top: 3rem; } - .md\:-mr-60 { - margin-right: -15rem; + .sm\:right-12 { + right: 3rem; } - .md\:-mb-60 { - margin-bottom: -15rem; + .sm\:bottom-12 { + bottom: 3rem; } - .md\:-ml-60 { - margin-left: -15rem; + .sm\:left-12 { + left: 3rem; } - .md\:-mt-64 { - margin-top: -16rem; + .sm\:top-14 { + top: 3.5rem; } - .md\:-mr-64 { - margin-right: -16rem; + .sm\:right-14 { + right: 3.5rem; } - .md\:-mb-64 { - margin-bottom: -16rem; + .sm\:bottom-14 { + bottom: 3.5rem; } - .md\:-ml-64 { - margin-left: -16rem; + .sm\:left-14 { + left: 3.5rem; } - .md\:-mt-72 { - margin-top: -18rem; + .sm\:top-16 { + top: 4rem; } - .md\:-mr-72 { - margin-right: -18rem; + .sm\:right-16 { + right: 4rem; } - .md\:-mb-72 { - margin-bottom: -18rem; + .sm\:bottom-16 { + bottom: 4rem; } - .md\:-ml-72 { - margin-left: -18rem; + .sm\:left-16 { + left: 4rem; } - .md\:-mt-80 { - margin-top: -20rem; + .sm\:top-20 { + top: 5rem; } - .md\:-mr-80 { - margin-right: -20rem; + .sm\:right-20 { + right: 5rem; } - .md\:-mb-80 { - margin-bottom: -20rem; + .sm\:bottom-20 { + bottom: 5rem; } - .md\:-ml-80 { - margin-left: -20rem; + .sm\:left-20 { + left: 5rem; } - .md\:-mt-96 { - margin-top: -24rem; + .sm\:top-24 { + top: 6rem; } - .md\:-mr-96 { - margin-right: -24rem; + .sm\:right-24 { + right: 6rem; } - .md\:-mb-96 { - margin-bottom: -24rem; + .sm\:bottom-24 { + bottom: 6rem; } - .md\:-ml-96 { - margin-left: -24rem; + .sm\:left-24 { + left: 6rem; } - .md\:-mt-px { - margin-top: -1px; + .sm\:top-28 { + top: 7rem; } - .md\:-mr-px { - margin-right: -1px; + .sm\:right-28 { + right: 7rem; } - .md\:-mb-px { - margin-bottom: -1px; + .sm\:bottom-28 { + bottom: 7rem; } - .md\:-ml-px { - margin-left: -1px; + .sm\:left-28 { + left: 7rem; } - .md\:-mt-0\.5 { - margin-top: -0.125rem; + .sm\:top-32 { + top: 8rem; } - .md\:-mr-0\.5 { - margin-right: -0.125rem; + .sm\:right-32 { + right: 8rem; } - .md\:-mb-0\.5 { - margin-bottom: -0.125rem; + .sm\:bottom-32 { + bottom: 8rem; } - .md\:-ml-0\.5 { - margin-left: -0.125rem; + .sm\:left-32 { + left: 8rem; } - .md\:-mt-1\.5 { - margin-top: -0.375rem; + .sm\:top-36 { + top: 9rem; } - .md\:-mr-1\.5 { - margin-right: -0.375rem; + .sm\:right-36 { + right: 9rem; } - .md\:-mb-1\.5 { - margin-bottom: -0.375rem; + .sm\:bottom-36 { + bottom: 9rem; } - .md\:-ml-1\.5 { - margin-left: -0.375rem; + .sm\:left-36 { + left: 9rem; } - .md\:-mt-2\.5 { - margin-top: -0.625rem; + .sm\:top-40 { + top: 10rem; } - .md\:-mr-2\.5 { - margin-right: -0.625rem; + .sm\:right-40 { + right: 10rem; } - .md\:-mb-2\.5 { - margin-bottom: -0.625rem; + .sm\:bottom-40 { + bottom: 10rem; } - .md\:-ml-2\.5 { - margin-left: -0.625rem; + .sm\:left-40 { + left: 10rem; } - .md\:-mt-3\.5 { - margin-top: -0.875rem; + .sm\:top-44 { + top: 11rem; } - .md\:-mr-3\.5 { - margin-right: -0.875rem; + .sm\:right-44 { + right: 11rem; } - .md\:-mb-3\.5 { - margin-bottom: -0.875rem; + .sm\:bottom-44 { + bottom: 11rem; } - .md\:-ml-3\.5 { - margin-left: -0.875rem; + .sm\:left-44 { + left: 11rem; } - .md\:max-h-0 { - max-height: 0; + .sm\:top-48 { + top: 12rem; } - .md\:max-h-1 { - max-height: 0.25rem; + .sm\:right-48 { + right: 12rem; } - .md\:max-h-2 { - max-height: 0.5rem; + .sm\:bottom-48 { + bottom: 12rem; } - .md\:max-h-3 { - max-height: 0.75rem; + .sm\:left-48 { + left: 12rem; } - .md\:max-h-4 { - max-height: 1rem; + .sm\:top-52 { + top: 13rem; } - .md\:max-h-5 { - max-height: 1.25rem; + .sm\:right-52 { + right: 13rem; } - .md\:max-h-6 { - max-height: 1.5rem; + .sm\:bottom-52 { + bottom: 13rem; } - .md\:max-h-7 { - max-height: 1.75rem; + .sm\:left-52 { + left: 13rem; } - .md\:max-h-8 { - max-height: 2rem; + .sm\:top-56 { + top: 14rem; } - .md\:max-h-9 { - max-height: 2.25rem; + .sm\:right-56 { + right: 14rem; } - .md\:max-h-10 { - max-height: 2.5rem; + .sm\:bottom-56 { + bottom: 14rem; } - .md\:max-h-12 { - max-height: 3rem; + .sm\:left-56 { + left: 14rem; } - .md\:max-h-14 { - max-height: 3.5rem; + .sm\:top-60 { + top: 15rem; } - .md\:max-h-16 { - max-height: 4rem; + .sm\:right-60 { + right: 15rem; } - .md\:max-h-20 { - max-height: 5rem; + .sm\:bottom-60 { + bottom: 15rem; } - .md\:max-h-24 { - max-height: 6rem; + .sm\:left-60 { + left: 15rem; } - .md\:max-h-28 { - max-height: 7rem; + .sm\:top-64 { + top: 16rem; } - .md\:max-h-32 { - max-height: 8rem; + .sm\:right-64 { + right: 16rem; } - .md\:max-h-36 { - max-height: 9rem; + .sm\:bottom-64 { + bottom: 16rem; } - .md\:max-h-40 { - max-height: 10rem; + .sm\:left-64 { + left: 16rem; } - .md\:max-h-44 { - max-height: 11rem; + .sm\:top-72 { + top: 18rem; } - .md\:max-h-48 { - max-height: 12rem; + .sm\:right-72 { + right: 18rem; } - .md\:max-h-52 { - max-height: 13rem; + .sm\:bottom-72 { + bottom: 18rem; } - .md\:max-h-56 { - max-height: 14rem; + .sm\:left-72 { + left: 18rem; } - .md\:max-h-60 { - max-height: 15rem; + .sm\:top-80 { + top: 20rem; } - .md\:max-h-64 { - max-height: 16rem; + .sm\:right-80 { + right: 20rem; } - .md\:max-h-72 { - max-height: 18rem; + .sm\:bottom-80 { + bottom: 20rem; } - .md\:max-h-80 { - max-height: 20rem; + .sm\:left-80 { + left: 20rem; } - .md\:max-h-96 { - max-height: 24rem; + .sm\:top-96 { + top: 24rem; } - .md\:max-h-px { - max-height: 1px; + .sm\:right-96 { + right: 24rem; } - .md\:max-h-0\.5 { - max-height: 0.125rem; + .sm\:bottom-96 { + bottom: 24rem; } - .md\:max-h-1\.5 { - max-height: 0.375rem; + .sm\:left-96 { + left: 24rem; } - .md\:max-h-2\.5 { - max-height: 0.625rem; + .sm\:top-auto { + top: auto; } - .md\:max-h-3\.5 { - max-height: 0.875rem; + .sm\:right-auto { + right: auto; } - .md\:max-h-full { - max-height: 100%; + .sm\:bottom-auto { + bottom: auto; } - .md\:max-h-screen { - max-height: 100vh; + .sm\:left-auto { + left: auto; } - .md\:max-w-0 { - max-width: 0rem; + .sm\:top-px { + top: 1px; } - .md\:max-w-none { - max-width: none; + .sm\:right-px { + right: 1px; } - .md\:max-w-xs { - max-width: 20rem; + .sm\:bottom-px { + bottom: 1px; } - .md\:max-w-sm { - max-width: 24rem; + .sm\:left-px { + left: 1px; } - .md\:max-w-md { - max-width: 28rem; + .sm\:top-0\.5 { + top: 0.125rem; } - .md\:max-w-lg { - max-width: 32rem; + .sm\:right-0\.5 { + right: 0.125rem; } - .md\:max-w-xl { - max-width: 36rem; + .sm\:bottom-0\.5 { + bottom: 0.125rem; } - .md\:max-w-2xl { - max-width: 42rem; + .sm\:left-0\.5 { + left: 0.125rem; } - .md\:max-w-3xl { - max-width: 48rem; + .sm\:top-1\.5 { + top: 0.375rem; } - .md\:max-w-4xl { - max-width: 56rem; + .sm\:right-1\.5 { + right: 0.375rem; } - .md\:max-w-5xl { - max-width: 64rem; + .sm\:bottom-1\.5 { + bottom: 0.375rem; } - .md\:max-w-6xl { - max-width: 72rem; + .sm\:left-1\.5 { + left: 0.375rem; } - .md\:max-w-7xl { - max-width: 80rem; + .sm\:top-2\.5 { + top: 0.625rem; } - .md\:max-w-full { - max-width: 100%; + .sm\:right-2\.5 { + right: 0.625rem; } - .md\:max-w-min { - max-width: min-content; + .sm\:bottom-2\.5 { + bottom: 0.625rem; } - .md\:max-w-max { - max-width: max-content; + .sm\:left-2\.5 { + left: 0.625rem; } - .md\:max-w-screen-sm { - max-width: 640px; + .sm\:top-3\.5 { + top: 0.875rem; } - .md\:max-w-screen-md { - max-width: 768px; + .sm\:right-3\.5 { + right: 0.875rem; } - .md\:max-w-screen-lg { - max-width: 1024px; + .sm\:bottom-3\.5 { + bottom: 0.875rem; } - .md\:max-w-screen-xl { - max-width: 1280px; + .sm\:left-3\.5 { + left: 0.875rem; } - .md\:max-w-screen-2xl { - max-width: 1536px; + .sm\:-top-1 { + top: -0.25rem; } - .md\:min-h-0 { - min-height: 0; + .sm\:-right-1 { + right: -0.25rem; } - .md\:min-h-full { - min-height: 100%; + .sm\:-bottom-1 { + bottom: -0.25rem; } - .md\:min-h-screen { - min-height: 100vh; + .sm\:-left-1 { + left: -0.25rem; } - .md\:min-w-0 { - min-width: 0; + .sm\:-top-2 { + top: -0.5rem; } - .md\:min-w-full { - min-width: 100%; + .sm\:-right-2 { + right: -0.5rem; } - .md\:min-w-min { - min-width: min-content; + .sm\:-bottom-2 { + bottom: -0.5rem; } - .md\:min-w-max { - min-width: max-content; + .sm\:-left-2 { + left: -0.5rem; } - .md\:object-contain { - object-fit: contain; + .sm\:-top-3 { + top: -0.75rem; } - .md\:object-cover { - object-fit: cover; + .sm\:-right-3 { + right: -0.75rem; } - .md\:object-fill { - object-fit: fill; + .sm\:-bottom-3 { + bottom: -0.75rem; } - .md\:object-none { - object-fit: none; + .sm\:-left-3 { + left: -0.75rem; } - .md\:object-scale-down { - object-fit: scale-down; + .sm\:-top-4 { + top: -1rem; } - .md\:object-bottom { - object-position: bottom; + .sm\:-right-4 { + right: -1rem; } - .md\:object-center { - object-position: center; + .sm\:-bottom-4 { + bottom: -1rem; } - .md\:object-left { - object-position: left; + .sm\:-left-4 { + left: -1rem; } - .md\:object-left-bottom { - object-position: left bottom; + .sm\:-top-5 { + top: -1.25rem; } - .md\:object-left-top { - object-position: left top; + .sm\:-right-5 { + right: -1.25rem; } - .md\:object-right { - object-position: right; + .sm\:-bottom-5 { + bottom: -1.25rem; } - .md\:object-right-bottom { - object-position: right bottom; + .sm\:-left-5 { + left: -1.25rem; } - .md\:object-right-top { - object-position: right top; + .sm\:-top-6 { + top: -1.5rem; } - .md\:object-top { - object-position: top; + .sm\:-right-6 { + right: -1.5rem; } - .md\:opacity-0 { - opacity: 0; + .sm\:-bottom-6 { + bottom: -1.5rem; } - .md\:opacity-25 { - opacity: 0.25; + .sm\:-left-6 { + left: -1.5rem; } - .md\:opacity-50 { - opacity: 0.5; + .sm\:-top-7 { + top: -1.75rem; } - .md\:opacity-75 { - opacity: 0.75; + .sm\:-right-7 { + right: -1.75rem; } - .md\:opacity-100 { - opacity: 1; + .sm\:-bottom-7 { + bottom: -1.75rem; } - .group:hover .md\:group-hover\:opacity-0 { - opacity: 0; + .sm\:-left-7 { + left: -1.75rem; } - .group:hover .md\:group-hover\:opacity-25 { - opacity: 0.25; + .sm\:-top-8 { + top: -2rem; } - .group:hover .md\:group-hover\:opacity-50 { - opacity: 0.5; + .sm\:-right-8 { + right: -2rem; } - .group:hover .md\:group-hover\:opacity-75 { - opacity: 0.75; + .sm\:-bottom-8 { + bottom: -2rem; } - .group:hover .md\:group-hover\:opacity-100 { - opacity: 1; + .sm\:-left-8 { + left: -2rem; } - .md\:hover\:opacity-0:hover { - opacity: 0; + .sm\:-top-9 { + top: -2.25rem; } - .md\:hover\:opacity-25:hover { - opacity: 0.25; + .sm\:-right-9 { + right: -2.25rem; } - .md\:hover\:opacity-50:hover { - opacity: 0.5; + .sm\:-bottom-9 { + bottom: -2.25rem; } - .md\:hover\:opacity-75:hover { - opacity: 0.75; + .sm\:-left-9 { + left: -2.25rem; } - .md\:hover\:opacity-100:hover { - opacity: 1; + .sm\:-top-10 { + top: -2.5rem; } - .md\:focus\:opacity-0:focus { - opacity: 0; + .sm\:-right-10 { + right: -2.5rem; } - .md\:focus\:opacity-25:focus { - opacity: 0.25; + .sm\:-bottom-10 { + bottom: -2.5rem; } - .md\:focus\:opacity-50:focus { - opacity: 0.5; + .sm\:-left-10 { + left: -2.5rem; } - .md\:focus\:opacity-75:focus { - opacity: 0.75; + .sm\:-top-12 { + top: -3rem; } - .md\:focus\:opacity-100:focus { - opacity: 1; + .sm\:-right-12 { + right: -3rem; } - .md\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .sm\:-bottom-12 { + bottom: -3rem; } - .md\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .sm\:-left-12 { + left: -3rem; } - .md\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .sm\:-top-14 { + top: -3.5rem; } - .md\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .sm\:-right-14 { + right: -3.5rem; } - .md\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .sm\:-bottom-14 { + bottom: -3.5rem; } - .md\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .sm\:-left-14 { + left: -3.5rem; } - .md\:overflow-auto { - overflow: auto; + .sm\:-top-16 { + top: -4rem; } - .md\:overflow-hidden { - overflow: hidden; + .sm\:-right-16 { + right: -4rem; } - .md\:overflow-visible { - overflow: visible; + .sm\:-bottom-16 { + bottom: -4rem; } - .md\:overflow-scroll { - overflow: scroll; + .sm\:-left-16 { + left: -4rem; } - .md\:overflow-x-auto { - overflow-x: auto; + .sm\:-top-20 { + top: -5rem; } - .md\:overflow-y-auto { - overflow-y: auto; + .sm\:-right-20 { + right: -5rem; } - .md\:overflow-x-hidden { - overflow-x: hidden; + .sm\:-bottom-20 { + bottom: -5rem; } - .md\:overflow-y-hidden { - overflow-y: hidden; + .sm\:-left-20 { + left: -5rem; } - .md\:overflow-x-visible { - overflow-x: visible; + .sm\:-top-24 { + top: -6rem; } - .md\:overflow-y-visible { - overflow-y: visible; + .sm\:-right-24 { + right: -6rem; } - .md\:overflow-x-scroll { - overflow-x: scroll; + .sm\:-bottom-24 { + bottom: -6rem; } - .md\:overflow-y-scroll { - overflow-y: scroll; + .sm\:-left-24 { + left: -6rem; } - .md\:overscroll-auto { - overscroll-behavior: auto; + .sm\:-top-28 { + top: -7rem; } - .md\:overscroll-contain { - overscroll-behavior: contain; + .sm\:-right-28 { + right: -7rem; } - .md\:overscroll-none { - overscroll-behavior: none; + .sm\:-bottom-28 { + bottom: -7rem; } - .md\:overscroll-y-auto { - overscroll-behavior-y: auto; + .sm\:-left-28 { + left: -7rem; } - .md\:overscroll-y-contain { - overscroll-behavior-y: contain; + .sm\:-top-32 { + top: -8rem; } - .md\:overscroll-y-none { - overscroll-behavior-y: none; + .sm\:-right-32 { + right: -8rem; } - .md\:overscroll-x-auto { - overscroll-behavior-x: auto; + .sm\:-bottom-32 { + bottom: -8rem; } - .md\:overscroll-x-contain { - overscroll-behavior-x: contain; + .sm\:-left-32 { + left: -8rem; } - .md\:overscroll-x-none { - overscroll-behavior-x: none; + .sm\:-top-36 { + top: -9rem; } - .md\:p-0 { - padding: 0; + .sm\:-right-36 { + right: -9rem; } - .md\:p-1 { - padding: 0.25rem; + .sm\:-bottom-36 { + bottom: -9rem; } - .md\:p-2 { - padding: 0.5rem; + .sm\:-left-36 { + left: -9rem; } - .md\:p-3 { - padding: 0.75rem; + .sm\:-top-40 { + top: -10rem; } - .md\:p-4 { - padding: 1rem; + .sm\:-right-40 { + right: -10rem; } - .md\:p-5 { - padding: 1.25rem; + .sm\:-bottom-40 { + bottom: -10rem; } - .md\:p-6 { - padding: 1.5rem; + .sm\:-left-40 { + left: -10rem; } - .md\:p-7 { - padding: 1.75rem; + .sm\:-top-44 { + top: -11rem; } - .md\:p-8 { - padding: 2rem; + .sm\:-right-44 { + right: -11rem; } - .md\:p-9 { - padding: 2.25rem; + .sm\:-bottom-44 { + bottom: -11rem; } - .md\:p-10 { - padding: 2.5rem; + .sm\:-left-44 { + left: -11rem; } - .md\:p-12 { - padding: 3rem; + .sm\:-top-48 { + top: -12rem; } - .md\:p-14 { - padding: 3.5rem; + .sm\:-right-48 { + right: -12rem; } - .md\:p-16 { - padding: 4rem; + .sm\:-bottom-48 { + bottom: -12rem; } - .md\:p-20 { - padding: 5rem; + .sm\:-left-48 { + left: -12rem; } - .md\:p-24 { - padding: 6rem; + .sm\:-top-52 { + top: -13rem; } - .md\:p-28 { - padding: 7rem; + .sm\:-right-52 { + right: -13rem; } - .md\:p-32 { - padding: 8rem; + .sm\:-bottom-52 { + bottom: -13rem; } - .md\:p-36 { - padding: 9rem; + .sm\:-left-52 { + left: -13rem; } - .md\:p-40 { - padding: 10rem; + .sm\:-top-56 { + top: -14rem; } - .md\:p-44 { - padding: 11rem; + .sm\:-right-56 { + right: -14rem; } - .md\:p-48 { - padding: 12rem; + .sm\:-bottom-56 { + bottom: -14rem; } - .md\:p-52 { - padding: 13rem; + .sm\:-left-56 { + left: -14rem; } - .md\:p-56 { - padding: 14rem; + .sm\:-top-60 { + top: -15rem; } - .md\:p-60 { - padding: 15rem; + .sm\:-right-60 { + right: -15rem; } - .md\:p-64 { - padding: 16rem; + .sm\:-bottom-60 { + bottom: -15rem; } - .md\:p-72 { - padding: 18rem; + .sm\:-left-60 { + left: -15rem; } - .md\:p-80 { - padding: 20rem; + .sm\:-top-64 { + top: -16rem; } - .md\:p-96 { - padding: 24rem; + .sm\:-right-64 { + right: -16rem; } - .md\:p-px { - padding: 1px; + .sm\:-bottom-64 { + bottom: -16rem; } - .md\:p-0\.5 { - padding: 0.125rem; + .sm\:-left-64 { + left: -16rem; } - .md\:p-1\.5 { - padding: 0.375rem; + .sm\:-top-72 { + top: -18rem; } - .md\:p-2\.5 { - padding: 0.625rem; + .sm\:-right-72 { + right: -18rem; } - .md\:p-3\.5 { - padding: 0.875rem; + .sm\:-bottom-72 { + bottom: -18rem; } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .sm\:-left-72 { + left: -18rem; } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .sm\:-top-80 { + top: -20rem; } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .sm\:-right-80 { + right: -20rem; } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .sm\:-bottom-80 { + bottom: -20rem; } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .sm\:-left-80 { + left: -20rem; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .sm\:-top-96 { + top: -24rem; } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .sm\:-right-96 { + right: -24rem; } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .sm\:-bottom-96 { + bottom: -24rem; } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .sm\:-left-96 { + left: -24rem; } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .sm\:-top-px { + top: -1px; } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .sm\:-right-px { + right: -1px; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .sm\:-bottom-px { + bottom: -1px; } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .sm\:-left-px { + left: -1px; } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .sm\:-top-0\.5 { + top: -0.125rem; } - .md\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .sm\:-right-0\.5 { + right: -0.125rem; } - .md\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .sm\:-bottom-0\.5 { + bottom: -0.125rem; } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .sm\:-left-0\.5 { + left: -0.125rem; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .sm\:-top-1\.5 { + top: -0.375rem; } - .md\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .sm\:-right-1\.5 { + right: -0.375rem; } - .md\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .sm\:-bottom-1\.5 { + bottom: -0.375rem; } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .sm\:-left-1\.5 { + left: -0.375rem; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .sm\:-top-2\.5 { + top: -0.625rem; } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .sm\:-right-2\.5 { + right: -0.625rem; } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .sm\:-bottom-2\.5 { + bottom: -0.625rem; } - .md\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .sm\:-left-2\.5 { + left: -0.625rem; } - .md\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .sm\:-top-3\.5 { + top: -0.875rem; } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .sm\:-right-3\.5 { + right: -0.875rem; } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .sm\:-bottom-3\.5 { + bottom: -0.875rem; } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .sm\:-left-3\.5 { + left: -0.875rem; } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .sm\:top-1\/2 { + top: 50%; } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .sm\:right-1\/2 { + right: 50%; } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .sm\:bottom-1\/2 { + bottom: 50%; } - .md\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .sm\:left-1\/2 { + left: 50%; } - .md\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .sm\:top-1\/3 { + top: 33.333333%; } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .sm\:right-1\/3 { + right: 33.333333%; } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .sm\:bottom-1\/3 { + bottom: 33.333333%; } - .md\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .sm\:left-1\/3 { + left: 33.333333%; } - .md\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .sm\:top-2\/3 { + top: 66.666667%; } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .sm\:right-2\/3 { + right: 66.666667%; } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .sm\:bottom-2\/3 { + bottom: 66.666667%; } - .md\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .sm\:left-2\/3 { + left: 66.666667%; } - .md\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .sm\:top-1\/4 { + top: 25%; } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .sm\:right-1\/4 { + right: 25%; } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .sm\:bottom-1\/4 { + bottom: 25%; } - .md\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .sm\:left-1\/4 { + left: 25%; } - .md\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .sm\:top-2\/4 { + top: 50%; } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .sm\:right-2\/4 { + right: 50%; } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .sm\:bottom-2\/4 { + bottom: 50%; } - .md\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .sm\:left-2\/4 { + left: 50%; } - .md\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .sm\:top-3\/4 { + top: 75%; } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .sm\:right-3\/4 { + right: 75%; } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .sm\:bottom-3\/4 { + bottom: 75%; } - .md\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .sm\:left-3\/4 { + left: 75%; } - .md\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .sm\:top-full { + top: 100%; } - .md\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .sm\:right-full { + right: 100%; } - .md\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .sm\:bottom-full { + bottom: 100%; } - .md\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .sm\:left-full { + left: 100%; } - .md\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .sm\:-top-1\/2 { + top: -50%; } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .sm\:-right-1\/2 { + right: -50%; } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .sm\:-bottom-1\/2 { + bottom: -50%; } - .md\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .sm\:-left-1\/2 { + left: -50%; } - .md\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .sm\:-top-1\/3 { + top: -33.333333%; } - .md\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .sm\:-right-1\/3 { + right: -33.333333%; } - .md\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .sm\:-bottom-1\/3 { + bottom: -33.333333%; } - .md\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .sm\:-left-1\/3 { + left: -33.333333%; } - .md\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .sm\:-top-2\/3 { + top: -66.666667%; } - .md\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .sm\:-right-2\/3 { + right: -66.666667%; } - .md\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .sm\:-bottom-2\/3 { + bottom: -66.666667%; } - .md\:pt-0 { - padding-top: 0; + .sm\:-left-2\/3 { + left: -66.666667%; } - .md\:pr-0 { - padding-right: 0; + .sm\:-top-1\/4 { + top: -25%; } - .md\:pb-0 { - padding-bottom: 0; + .sm\:-right-1\/4 { + right: -25%; } - .md\:pl-0 { - padding-left: 0; + .sm\:-bottom-1\/4 { + bottom: -25%; } - .md\:pt-1 { - padding-top: 0.25rem; + .sm\:-left-1\/4 { + left: -25%; } - .md\:pr-1 { - padding-right: 0.25rem; + .sm\:-top-2\/4 { + top: -50%; } - .md\:pb-1 { - padding-bottom: 0.25rem; + .sm\:-right-2\/4 { + right: -50%; } - .md\:pl-1 { - padding-left: 0.25rem; + .sm\:-bottom-2\/4 { + bottom: -50%; } - .md\:pt-2 { - padding-top: 0.5rem; + .sm\:-left-2\/4 { + left: -50%; } - .md\:pr-2 { - padding-right: 0.5rem; + .sm\:-top-3\/4 { + top: -75%; } - .md\:pb-2 { - padding-bottom: 0.5rem; + .sm\:-right-3\/4 { + right: -75%; } - .md\:pl-2 { - padding-left: 0.5rem; + .sm\:-bottom-3\/4 { + bottom: -75%; } - .md\:pt-3 { - padding-top: 0.75rem; + .sm\:-left-3\/4 { + left: -75%; } - .md\:pr-3 { - padding-right: 0.75rem; + .sm\:-top-full { + top: -100%; } - .md\:pb-3 { - padding-bottom: 0.75rem; + .sm\:-right-full { + right: -100%; } - .md\:pl-3 { - padding-left: 0.75rem; + .sm\:-bottom-full { + bottom: -100%; } - .md\:pt-4 { - padding-top: 1rem; + .sm\:-left-full { + left: -100%; } - .md\:pr-4 { - padding-right: 1rem; + .sm\:resize-none { + resize: none; } - .md\:pb-4 { - padding-bottom: 1rem; + .sm\:resize-y { + resize: vertical; } - .md\:pl-4 { - padding-left: 1rem; + .sm\:resize-x { + resize: horizontal; } - .md\:pt-5 { - padding-top: 1.25rem; + .sm\:resize { + resize: both; } - .md\:pr-5 { - padding-right: 1.25rem; + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pb-5 { - padding-bottom: 1.25rem; + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pl-5 { - padding-left: 1.25rem; + .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\:pt-6 { - padding-top: 1.5rem; + .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\:pr-6 { - padding-right: 1.5rem; + .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\:pb-6 { - padding-bottom: 1.5rem; + .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\:pl-6 { - padding-left: 1.5rem; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:pt-7 { - padding-top: 1.75rem; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:pr-7 { - padding-right: 1.75rem; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:pb-7 { - padding-bottom: 1.75rem; + .sm\:shadow-none { + box-shadow: none; } - .md\:pl-7 { - padding-left: 1.75rem; + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pt-8 { - padding-top: 2rem; + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pr-8 { - padding-right: 2rem; + .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\:pb-8 { - padding-bottom: 2rem; + .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\:pl-8 { - padding-left: 2rem; + .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\:pt-9 { - padding-top: 2.25rem; + .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\:pr-9 { - padding-right: 2.25rem; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:pb-9 { - padding-bottom: 2.25rem; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:pl-9 { - padding-left: 2.25rem; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:pt-10 { - padding-top: 2.5rem; + .sm\:hover\:shadow-none:hover { + box-shadow: none; } - .md\:pr-10 { - padding-right: 2.5rem; + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pb-10 { - padding-bottom: 2.5rem; + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pl-10 { - padding-left: 2.5rem; + .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\:pt-12 { - padding-top: 3rem; + .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\:pr-12 { - padding-right: 3rem; + .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\:pb-12 { - padding-bottom: 3rem; + .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\:pl-12 { - padding-left: 3rem; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:pt-14 { - padding-top: 3.5rem; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:pr-14 { - padding-right: 3.5rem; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:pb-14 { - padding-bottom: 3.5rem; + .sm\:focus\:shadow-none:focus { + box-shadow: none; } - .md\:pl-14 { - padding-left: 3.5rem; + .sm\:fill-current { + fill: currentColor; } - .md\:pt-16 { - padding-top: 4rem; + .sm\:stroke-current { + stroke: currentColor; } - .md\:pr-16 { - padding-right: 4rem; + .sm\:stroke-0 { + stroke-width: 0; } - .md\:pb-16 { - padding-bottom: 4rem; + .sm\:stroke-1 { + stroke-width: 1; } - .md\:pl-16 { - padding-left: 4rem; + .sm\:stroke-2 { + stroke-width: 2; } - .md\:pt-20 { - padding-top: 5rem; + .sm\:table-auto { + table-layout: auto; } - .md\:pr-20 { - padding-right: 5rem; + .sm\:table-fixed { + table-layout: fixed; } - .md\:pb-20 { - padding-bottom: 5rem; + .sm\:text-left { + text-align: left; } - .md\:pl-20 { - padding-left: 5rem; + .sm\:text-center { + text-align: center; } - .md\:pt-24 { - padding-top: 6rem; + .sm\:text-right { + text-align: right; } - .md\:pr-24 { - padding-right: 6rem; + .sm\:text-justify { + text-align: justify; } - .md\:pb-24 { - padding-bottom: 6rem; + .sm\:text-transparent { + color: transparent; } - .md\:pl-24 { - padding-left: 6rem; + .sm\:text-current { + color: currentColor; } - .md\:pt-28 { - padding-top: 7rem; + .sm\:text-black { + color: #000; } - .md\:pr-28 { - padding-right: 7rem; + .sm\:text-white { + color: #fff; } - .md\:pb-28 { - padding-bottom: 7rem; + .sm\:text-gray-50 { + color: #fafafa; } - .md\:pl-28 { - padding-left: 7rem; + .sm\:text-gray-100 { + color: #f4f4f5; } - .md\:pt-32 { - padding-top: 8rem; + .sm\:text-gray-200 { + color: #e4e4e7; } - .md\:pr-32 { - padding-right: 8rem; + .sm\:text-gray-300 { + color: #d4d4d8; } - .md\:pb-32 { - padding-bottom: 8rem; + .sm\:text-gray-400 { + color: #a1a1aa; } - .md\:pl-32 { - padding-left: 8rem; + .sm\:text-gray-500 { + color: #71717a; } - .md\:pt-36 { - padding-top: 9rem; + .sm\:text-gray-600 { + color: #52525b; } - .md\:pr-36 { - padding-right: 9rem; + .sm\:text-gray-700 { + color: #3f3f46; } - .md\:pb-36 { - padding-bottom: 9rem; + .sm\:text-gray-800 { + color: #27272a; } - .md\:pl-36 { - padding-left: 9rem; + .sm\:text-gray-900 { + color: #18181b; } - .md\:pt-40 { - padding-top: 10rem; + .sm\:text-red-50 { + color: #fef2f2; } - .md\:pr-40 { - padding-right: 10rem; + .sm\:text-red-100 { + color: #fee2e2; } - .md\:pb-40 { - padding-bottom: 10rem; + .sm\:text-red-200 { + color: #fecaca; } - .md\:pl-40 { - padding-left: 10rem; + .sm\:text-red-300 { + color: #fca5a5; } - .md\:pt-44 { - padding-top: 11rem; + .sm\:text-red-400 { + color: #f87171; } - .md\:pr-44 { - padding-right: 11rem; + .sm\:text-red-500 { + color: #ef4444; } - .md\:pb-44 { - padding-bottom: 11rem; + .sm\:text-red-600 { + color: #dc2626; } - .md\:pl-44 { - padding-left: 11rem; + .sm\:text-red-700 { + color: #b91c1c; } - .md\:pt-48 { - padding-top: 12rem; + .sm\:text-red-800 { + color: #991b1b; } - .md\:pr-48 { - padding-right: 12rem; + .sm\:text-red-900 { + color: #7f1d1d; } - .md\:pb-48 { - padding-bottom: 12rem; + .sm\:text-yellow-50 { + color: #fffbeb; } - .md\:pl-48 { - padding-left: 12rem; + .sm\:text-yellow-100 { + color: #fef3c7; } - .md\:pt-52 { - padding-top: 13rem; + .sm\:text-yellow-200 { + color: #fde68a; } - .md\:pr-52 { - padding-right: 13rem; + .sm\:text-yellow-300 { + color: #fcd34d; } - .md\:pb-52 { - padding-bottom: 13rem; + .sm\:text-yellow-400 { + color: #fbbf24; } - .md\:pl-52 { - padding-left: 13rem; + .sm\:text-yellow-500 { + color: #f59e0b; } - .md\:pt-56 { - padding-top: 14rem; + .sm\:text-yellow-600 { + color: #d97706; } - .md\:pr-56 { - padding-right: 14rem; + .sm\:text-yellow-700 { + color: #b45309; } - .md\:pb-56 { - padding-bottom: 14rem; + .sm\:text-yellow-800 { + color: #92400e; } - .md\:pl-56 { - padding-left: 14rem; + .sm\:text-yellow-900 { + color: #78350f; } - .md\:pt-60 { - padding-top: 15rem; + .sm\:text-green-50 { + color: #ecfdf5; } - .md\:pr-60 { - padding-right: 15rem; + .sm\:text-green-100 { + color: #d1fae5; } - .md\:pb-60 { - padding-bottom: 15rem; + .sm\:text-green-200 { + color: #a7f3d0; } - .md\:pl-60 { - padding-left: 15rem; + .sm\:text-green-300 { + color: #6ee7b7; } - .md\:pt-64 { - padding-top: 16rem; + .sm\:text-green-400 { + color: #34d399; } - .md\:pr-64 { - padding-right: 16rem; + .sm\:text-green-500 { + color: #10b981; } - .md\:pb-64 { - padding-bottom: 16rem; + .sm\:text-green-600 { + color: #059669; } - .md\:pl-64 { - padding-left: 16rem; + .sm\:text-green-700 { + color: #047857; } - .md\:pt-72 { - padding-top: 18rem; + .sm\:text-green-800 { + color: #065f46; } - .md\:pr-72 { - padding-right: 18rem; + .sm\:text-green-900 { + color: #064e3b; } - .md\:pb-72 { - padding-bottom: 18rem; + .sm\:text-blue-50 { + color: #eff6ff; } - .md\:pl-72 { - padding-left: 18rem; + .sm\:text-blue-100 { + color: #dbeafe; } - .md\:pt-80 { - padding-top: 20rem; + .sm\:text-blue-200 { + color: #bfdbfe; } - .md\:pr-80 { - padding-right: 20rem; + .sm\:text-blue-300 { + color: #93c5fd; } - .md\:pb-80 { - padding-bottom: 20rem; + .sm\:text-blue-400 { + color: #60a5fa; } - .md\:pl-80 { - padding-left: 20rem; + .sm\:text-blue-500 { + color: #3b82f6; } - .md\:pt-96 { - padding-top: 24rem; + .sm\:text-blue-600 { + color: #2563eb; } - .md\:pr-96 { - padding-right: 24rem; + .sm\:text-blue-700 { + color: #1d4ed8; } - .md\:pb-96 { - padding-bottom: 24rem; + .sm\:text-blue-800 { + color: #1e40af; } - .md\:pl-96 { - padding-left: 24rem; + .sm\:text-blue-900 { + color: #1e3a8a; } - .md\:pt-px { - padding-top: 1px; + .sm\:text-purple-50 { + color: #f5f3ff; } - .md\:pr-px { - padding-right: 1px; + .sm\:text-purple-100 { + color: #ede9fe; } - .md\:pb-px { - padding-bottom: 1px; + .sm\:text-purple-200 { + color: #ddd6fe; } - .md\:pl-px { - padding-left: 1px; + .sm\:text-purple-300 { + color: #c4b5fd; } - .md\:pt-0\.5 { - padding-top: 0.125rem; + .sm\:text-purple-400 { + color: #a78bfa; } - .md\:pr-0\.5 { - padding-right: 0.125rem; + .sm\:text-purple-500 { + color: #8b5cf6; } - .md\:pb-0\.5 { - padding-bottom: 0.125rem; + .sm\:text-purple-600 { + color: #7c3aed; } - .md\:pl-0\.5 { - padding-left: 0.125rem; + .sm\:text-purple-700 { + color: #6d28d9; } - .md\:pt-1\.5 { - padding-top: 0.375rem; + .sm\:text-purple-800 { + color: #5b21b6; } - .md\:pr-1\.5 { - padding-right: 0.375rem; + .sm\:text-purple-900 { + color: #4c1d95; } - .md\:pb-1\.5 { - padding-bottom: 0.375rem; + .sm\:text-pink-50 { + color: #fdf2f8; } - .md\:pl-1\.5 { - padding-left: 0.375rem; + .sm\:text-pink-100 { + color: #fce7f3; } - .md\:pt-2\.5 { - padding-top: 0.625rem; + .sm\:text-pink-200 { + color: #fbcfe8; } - .md\:pr-2\.5 { - padding-right: 0.625rem; + .sm\:text-pink-300 { + color: #f9a8d4; } - .md\:pb-2\.5 { - padding-bottom: 0.625rem; + .sm\:text-pink-400 { + color: #f472b6; } - - .md\:pl-2\.5 { - padding-left: 0.625rem; + + .sm\:text-pink-500 { + color: #ec4899; } - .md\:pt-3\.5 { - padding-top: 0.875rem; + .sm\:text-pink-600 { + color: #db2777; } - .md\:pr-3\.5 { - padding-right: 0.875rem; + .sm\:text-pink-700 { + color: #be185d; } - .md\:pb-3\.5 { - padding-bottom: 0.875rem; + .sm\:text-pink-800 { + color: #9d174d; } - .md\:pl-3\.5 { - padding-left: 0.875rem; + .sm\:text-pink-900 { + color: #831843; } - .md\:placeholder-transparent::placeholder { + .group:hover .sm\:group-hover\:text-transparent { color: transparent; } - .md\:placeholder-current::placeholder { + .group:hover .sm\:group-hover\:text-current { color: currentColor; } - .md\:placeholder-black::placeholder { + .group:hover .sm\:group-hover\:text-black { color: #000; } - .md\:placeholder-white::placeholder { + .group:hover .sm\:group-hover\:text-white { color: #fff; } - .md\:placeholder-gray-50::placeholder { + .group:hover .sm\:group-hover\:text-gray-50 { color: #fafafa; } - .md\:placeholder-gray-100::placeholder { + .group:hover .sm\:group-hover\:text-gray-100 { color: #f4f4f5; } - .md\:placeholder-gray-200::placeholder { + .group:hover .sm\:group-hover\:text-gray-200 { color: #e4e4e7; } - .md\:placeholder-gray-300::placeholder { + .group:hover .sm\:group-hover\:text-gray-300 { color: #d4d4d8; } - .md\:placeholder-gray-400::placeholder { + .group:hover .sm\:group-hover\:text-gray-400 { color: #a1a1aa; } - .md\:placeholder-gray-500::placeholder { + .group:hover .sm\:group-hover\:text-gray-500 { color: #71717a; } - .md\:placeholder-gray-600::placeholder { + .group:hover .sm\:group-hover\:text-gray-600 { color: #52525b; } - .md\:placeholder-gray-700::placeholder { + .group:hover .sm\:group-hover\:text-gray-700 { color: #3f3f46; } - .md\:placeholder-gray-800::placeholder { + .group:hover .sm\:group-hover\:text-gray-800 { color: #27272a; } - .md\:placeholder-gray-900::placeholder { + .group:hover .sm\:group-hover\:text-gray-900 { color: #18181b; } - .md\:placeholder-red-50::placeholder { + .group:hover .sm\:group-hover\:text-red-50 { color: #fef2f2; } - .md\:placeholder-red-100::placeholder { + .group:hover .sm\:group-hover\:text-red-100 { color: #fee2e2; } - .md\:placeholder-red-200::placeholder { + .group:hover .sm\:group-hover\:text-red-200 { color: #fecaca; } - .md\:placeholder-red-300::placeholder { + .group:hover .sm\:group-hover\:text-red-300 { color: #fca5a5; } - .md\:placeholder-red-400::placeholder { + .group:hover .sm\:group-hover\:text-red-400 { color: #f87171; } - .md\:placeholder-red-500::placeholder { + .group:hover .sm\:group-hover\:text-red-500 { color: #ef4444; } - .md\:placeholder-red-600::placeholder { + .group:hover .sm\:group-hover\:text-red-600 { color: #dc2626; } - .md\:placeholder-red-700::placeholder { + .group:hover .sm\:group-hover\:text-red-700 { color: #b91c1c; } - .md\:placeholder-red-800::placeholder { + .group:hover .sm\:group-hover\:text-red-800 { color: #991b1b; } - .md\:placeholder-red-900::placeholder { + .group:hover .sm\:group-hover\:text-red-900 { color: #7f1d1d; } - .md\:placeholder-yellow-50::placeholder { + .group:hover .sm\:group-hover\:text-yellow-50 { color: #fffbeb; } - .md\:placeholder-yellow-100::placeholder { + .group:hover .sm\:group-hover\:text-yellow-100 { color: #fef3c7; } - .md\:placeholder-yellow-200::placeholder { + .group:hover .sm\:group-hover\:text-yellow-200 { color: #fde68a; } - .md\:placeholder-yellow-300::placeholder { + .group:hover .sm\:group-hover\:text-yellow-300 { color: #fcd34d; } - .md\:placeholder-yellow-400::placeholder { + .group:hover .sm\:group-hover\:text-yellow-400 { color: #fbbf24; } - .md\:placeholder-yellow-500::placeholder { + .group:hover .sm\:group-hover\:text-yellow-500 { color: #f59e0b; } - .md\:placeholder-yellow-600::placeholder { + .group:hover .sm\:group-hover\:text-yellow-600 { color: #d97706; } - .md\:placeholder-yellow-700::placeholder { + .group:hover .sm\:group-hover\:text-yellow-700 { color: #b45309; } - .md\:placeholder-yellow-800::placeholder { + .group:hover .sm\:group-hover\:text-yellow-800 { color: #92400e; } - .md\:placeholder-yellow-900::placeholder { + .group:hover .sm\:group-hover\:text-yellow-900 { color: #78350f; } - .md\:placeholder-green-50::placeholder { + .group:hover .sm\:group-hover\:text-green-50 { color: #ecfdf5; } - .md\:placeholder-green-100::placeholder { + .group:hover .sm\:group-hover\:text-green-100 { color: #d1fae5; } - .md\:placeholder-green-200::placeholder { + .group:hover .sm\:group-hover\:text-green-200 { color: #a7f3d0; } - .md\:placeholder-green-300::placeholder { + .group:hover .sm\:group-hover\:text-green-300 { color: #6ee7b7; } - .md\:placeholder-green-400::placeholder { + .group:hover .sm\:group-hover\:text-green-400 { color: #34d399; } - .md\:placeholder-green-500::placeholder { + .group:hover .sm\:group-hover\:text-green-500 { color: #10b981; } - .md\:placeholder-green-600::placeholder { + .group:hover .sm\:group-hover\:text-green-600 { color: #059669; } - .md\:placeholder-green-700::placeholder { + .group:hover .sm\:group-hover\:text-green-700 { color: #047857; } - .md\:placeholder-green-800::placeholder { + .group:hover .sm\:group-hover\:text-green-800 { color: #065f46; } - .md\:placeholder-green-900::placeholder { + .group:hover .sm\:group-hover\:text-green-900 { color: #064e3b; } - .md\:placeholder-blue-50::placeholder { + .group:hover .sm\:group-hover\:text-blue-50 { color: #eff6ff; } - .md\:placeholder-blue-100::placeholder { + .group:hover .sm\:group-hover\:text-blue-100 { color: #dbeafe; } - .md\:placeholder-blue-200::placeholder { + .group:hover .sm\:group-hover\:text-blue-200 { color: #bfdbfe; } - .md\:placeholder-blue-300::placeholder { + .group:hover .sm\:group-hover\:text-blue-300 { color: #93c5fd; } - .md\:placeholder-blue-400::placeholder { + .group:hover .sm\:group-hover\:text-blue-400 { color: #60a5fa; } - .md\:placeholder-blue-500::placeholder { + .group:hover .sm\:group-hover\:text-blue-500 { color: #3b82f6; } - .md\:placeholder-blue-600::placeholder { + .group:hover .sm\:group-hover\:text-blue-600 { color: #2563eb; } - .md\:placeholder-blue-700::placeholder { + .group:hover .sm\:group-hover\:text-blue-700 { color: #1d4ed8; } - .md\:placeholder-blue-800::placeholder { + .group:hover .sm\:group-hover\:text-blue-800 { color: #1e40af; } - .md\:placeholder-blue-900::placeholder { + .group:hover .sm\:group-hover\:text-blue-900 { color: #1e3a8a; } - .md\:placeholder-purple-50::placeholder { + .group:hover .sm\:group-hover\:text-purple-50 { color: #f5f3ff; } - .md\:placeholder-purple-100::placeholder { + .group:hover .sm\:group-hover\:text-purple-100 { color: #ede9fe; } - .md\:placeholder-purple-200::placeholder { + .group:hover .sm\:group-hover\:text-purple-200 { color: #ddd6fe; } - .md\:placeholder-purple-300::placeholder { + .group:hover .sm\:group-hover\:text-purple-300 { color: #c4b5fd; } - .md\:placeholder-purple-400::placeholder { + .group:hover .sm\:group-hover\:text-purple-400 { color: #a78bfa; } - .md\:placeholder-purple-500::placeholder { + .group:hover .sm\:group-hover\:text-purple-500 { color: #8b5cf6; } - .md\:placeholder-purple-600::placeholder { + .group:hover .sm\:group-hover\:text-purple-600 { color: #7c3aed; } - .md\:placeholder-purple-700::placeholder { + .group:hover .sm\:group-hover\:text-purple-700 { color: #6d28d9; } - .md\:placeholder-purple-800::placeholder { + .group:hover .sm\:group-hover\:text-purple-800 { color: #5b21b6; } - .md\:placeholder-purple-900::placeholder { + .group:hover .sm\:group-hover\:text-purple-900 { color: #4c1d95; } - .md\:placeholder-pink-50::placeholder { + .group:hover .sm\:group-hover\:text-pink-50 { color: #fdf2f8; } - .md\:placeholder-pink-100::placeholder { + .group:hover .sm\:group-hover\:text-pink-100 { color: #fce7f3; } - .md\:placeholder-pink-200::placeholder { + .group:hover .sm\:group-hover\:text-pink-200 { color: #fbcfe8; } - .md\:placeholder-pink-300::placeholder { + .group:hover .sm\:group-hover\:text-pink-300 { color: #f9a8d4; } - .md\:placeholder-pink-400::placeholder { + .group:hover .sm\:group-hover\:text-pink-400 { color: #f472b6; } - .md\:placeholder-pink-500::placeholder { + .group:hover .sm\:group-hover\:text-pink-500 { color: #ec4899; } - .md\:placeholder-pink-600::placeholder { + .group:hover .sm\:group-hover\:text-pink-600 { color: #db2777; } - .md\:placeholder-pink-700::placeholder { + .group:hover .sm\:group-hover\:text-pink-700 { color: #be185d; } - .md\:placeholder-pink-800::placeholder { + .group:hover .sm\:group-hover\:text-pink-800 { color: #9d174d; } - .md\:placeholder-pink-900::placeholder { + .group:hover .sm\:group-hover\:text-pink-900 { color: #831843; } - .md\:focus\:placeholder-transparent:focus::placeholder { + .sm\:hover\:text-transparent:hover { color: transparent; } - .md\:focus\:placeholder-current:focus::placeholder { + .sm\:hover\:text-current:hover { color: currentColor; } - .md\:focus\:placeholder-black:focus::placeholder { + .sm\:hover\:text-black:hover { color: #000; } - .md\:focus\:placeholder-white:focus::placeholder { + .sm\:hover\:text-white:hover { color: #fff; } - .md\:focus\:placeholder-gray-50:focus::placeholder { + .sm\:hover\:text-gray-50:hover { color: #fafafa; } - .md\:focus\:placeholder-gray-100:focus::placeholder { + .sm\:hover\:text-gray-100:hover { color: #f4f4f5; } - .md\:focus\:placeholder-gray-200:focus::placeholder { + .sm\:hover\:text-gray-200:hover { color: #e4e4e7; } - .md\:focus\:placeholder-gray-300:focus::placeholder { + .sm\:hover\:text-gray-300:hover { color: #d4d4d8; } - .md\:focus\:placeholder-gray-400:focus::placeholder { + .sm\:hover\:text-gray-400:hover { color: #a1a1aa; } - .md\:focus\:placeholder-gray-500:focus::placeholder { + .sm\:hover\:text-gray-500:hover { color: #71717a; } - .md\:focus\:placeholder-gray-600:focus::placeholder { + .sm\:hover\:text-gray-600:hover { color: #52525b; } - .md\:focus\:placeholder-gray-700:focus::placeholder { + .sm\:hover\:text-gray-700:hover { color: #3f3f46; } - .md\:focus\:placeholder-gray-800:focus::placeholder { + .sm\:hover\:text-gray-800:hover { color: #27272a; } - .md\:focus\:placeholder-gray-900:focus::placeholder { + .sm\:hover\:text-gray-900:hover { color: #18181b; } - .md\:focus\:placeholder-red-50:focus::placeholder { + .sm\:hover\:text-red-50:hover { color: #fef2f2; } - .md\:focus\:placeholder-red-100:focus::placeholder { + .sm\:hover\:text-red-100:hover { color: #fee2e2; } - .md\:focus\:placeholder-red-200:focus::placeholder { + .sm\:hover\:text-red-200:hover { color: #fecaca; } - .md\:focus\:placeholder-red-300:focus::placeholder { + .sm\:hover\:text-red-300:hover { color: #fca5a5; } - .md\:focus\:placeholder-red-400:focus::placeholder { + .sm\:hover\:text-red-400:hover { color: #f87171; } - .md\:focus\:placeholder-red-500:focus::placeholder { + .sm\:hover\:text-red-500:hover { color: #ef4444; } - .md\:focus\:placeholder-red-600:focus::placeholder { + .sm\:hover\:text-red-600:hover { color: #dc2626; } - .md\:focus\:placeholder-red-700:focus::placeholder { + .sm\:hover\:text-red-700:hover { color: #b91c1c; } - .md\:focus\:placeholder-red-800:focus::placeholder { + .sm\:hover\:text-red-800:hover { color: #991b1b; } - .md\:focus\:placeholder-red-900:focus::placeholder { + .sm\:hover\:text-red-900:hover { color: #7f1d1d; } - .md\:focus\:placeholder-yellow-50:focus::placeholder { + .sm\:hover\:text-yellow-50:hover { color: #fffbeb; } - .md\:focus\:placeholder-yellow-100:focus::placeholder { + .sm\:hover\:text-yellow-100:hover { color: #fef3c7; } - .md\:focus\:placeholder-yellow-200:focus::placeholder { + .sm\:hover\:text-yellow-200:hover { color: #fde68a; } - .md\:focus\:placeholder-yellow-300:focus::placeholder { + .sm\:hover\:text-yellow-300:hover { color: #fcd34d; } - .md\:focus\:placeholder-yellow-400:focus::placeholder { + .sm\:hover\:text-yellow-400:hover { color: #fbbf24; } - .md\:focus\:placeholder-yellow-500:focus::placeholder { + .sm\:hover\:text-yellow-500:hover { color: #f59e0b; } - .md\:focus\:placeholder-yellow-600:focus::placeholder { + .sm\:hover\:text-yellow-600:hover { color: #d97706; } - .md\:focus\:placeholder-yellow-700:focus::placeholder { + .sm\:hover\:text-yellow-700:hover { color: #b45309; } - .md\:focus\:placeholder-yellow-800:focus::placeholder { + .sm\:hover\:text-yellow-800:hover { color: #92400e; } - .md\:focus\:placeholder-yellow-900:focus::placeholder { + .sm\:hover\:text-yellow-900:hover { color: #78350f; } - .md\:focus\:placeholder-green-50:focus::placeholder { + .sm\:hover\:text-green-50:hover { color: #ecfdf5; } - .md\:focus\:placeholder-green-100:focus::placeholder { + .sm\:hover\:text-green-100:hover { color: #d1fae5; } - .md\:focus\:placeholder-green-200:focus::placeholder { + .sm\:hover\:text-green-200:hover { color: #a7f3d0; } - .md\:focus\:placeholder-green-300:focus::placeholder { + .sm\:hover\:text-green-300:hover { color: #6ee7b7; } - .md\:focus\:placeholder-green-400:focus::placeholder { + .sm\:hover\:text-green-400:hover { color: #34d399; } - .md\:focus\:placeholder-green-500:focus::placeholder { + .sm\:hover\:text-green-500:hover { color: #10b981; } - .md\:focus\:placeholder-green-600:focus::placeholder { + .sm\:hover\:text-green-600:hover { color: #059669; } - .md\:focus\:placeholder-green-700:focus::placeholder { + .sm\:hover\:text-green-700:hover { color: #047857; } - .md\:focus\:placeholder-green-800:focus::placeholder { + .sm\:hover\:text-green-800:hover { color: #065f46; } - .md\:focus\:placeholder-green-900:focus::placeholder { + .sm\:hover\:text-green-900:hover { color: #064e3b; } - .md\:focus\:placeholder-blue-50:focus::placeholder { + .sm\:hover\:text-blue-50:hover { color: #eff6ff; } - .md\:focus\:placeholder-blue-100:focus::placeholder { + .sm\:hover\:text-blue-100:hover { color: #dbeafe; } - .md\:focus\:placeholder-blue-200:focus::placeholder { + .sm\:hover\:text-blue-200:hover { color: #bfdbfe; } - .md\:focus\:placeholder-blue-300:focus::placeholder { + .sm\:hover\:text-blue-300:hover { color: #93c5fd; } - .md\:focus\:placeholder-blue-400:focus::placeholder { + .sm\:hover\:text-blue-400:hover { color: #60a5fa; } - .md\:focus\:placeholder-blue-500:focus::placeholder { + .sm\:hover\:text-blue-500:hover { color: #3b82f6; } - .md\:focus\:placeholder-blue-600:focus::placeholder { + .sm\:hover\:text-blue-600:hover { color: #2563eb; } - .md\:focus\:placeholder-blue-700:focus::placeholder { + .sm\:hover\:text-blue-700:hover { color: #1d4ed8; } - .md\:focus\:placeholder-blue-800:focus::placeholder { + .sm\:hover\:text-blue-800:hover { color: #1e40af; } - .md\:focus\:placeholder-blue-900:focus::placeholder { + .sm\:hover\:text-blue-900:hover { color: #1e3a8a; } - .md\:focus\:placeholder-purple-50:focus::placeholder { + .sm\:hover\:text-purple-50:hover { color: #f5f3ff; } - .md\:focus\:placeholder-purple-100:focus::placeholder { + .sm\:hover\:text-purple-100:hover { color: #ede9fe; } - .md\:focus\:placeholder-purple-200:focus::placeholder { + .sm\:hover\:text-purple-200:hover { color: #ddd6fe; } - .md\:focus\:placeholder-purple-300:focus::placeholder { + .sm\:hover\:text-purple-300:hover { color: #c4b5fd; } - .md\:focus\:placeholder-purple-400:focus::placeholder { + .sm\:hover\:text-purple-400:hover { color: #a78bfa; } - .md\:focus\:placeholder-purple-500:focus::placeholder { + .sm\:hover\:text-purple-500:hover { color: #8b5cf6; } - .md\:focus\:placeholder-purple-600:focus::placeholder { + .sm\:hover\:text-purple-600:hover { color: #7c3aed; } - .md\:focus\:placeholder-purple-700:focus::placeholder { + .sm\:hover\:text-purple-700:hover { color: #6d28d9; } - .md\:focus\:placeholder-purple-800:focus::placeholder { + .sm\:hover\:text-purple-800:hover { color: #5b21b6; } - .md\:focus\:placeholder-purple-900:focus::placeholder { + .sm\:hover\:text-purple-900:hover { color: #4c1d95; } - .md\:focus\:placeholder-pink-50:focus::placeholder { + .sm\:hover\:text-pink-50:hover { color: #fdf2f8; } - .md\:focus\:placeholder-pink-100:focus::placeholder { + .sm\:hover\:text-pink-100:hover { color: #fce7f3; } - .md\:focus\:placeholder-pink-200:focus::placeholder { + .sm\:hover\:text-pink-200:hover { color: #fbcfe8; } - .md\:focus\:placeholder-pink-300:focus::placeholder { + .sm\:hover\:text-pink-300:hover { color: #f9a8d4; } - .md\:focus\:placeholder-pink-400:focus::placeholder { + .sm\:hover\:text-pink-400:hover { color: #f472b6; } - .md\:focus\:placeholder-pink-500:focus::placeholder { + .sm\:hover\:text-pink-500:hover { color: #ec4899; } - .md\:focus\:placeholder-pink-600:focus::placeholder { + .sm\:hover\:text-pink-600:hover { color: #db2777; } - .md\:focus\:placeholder-pink-700:focus::placeholder { + .sm\:hover\:text-pink-700:hover { color: #be185d; } - .md\:focus\:placeholder-pink-800:focus::placeholder { + .sm\:hover\:text-pink-800:hover { color: #9d174d; } - .md\:focus\:placeholder-pink-900:focus::placeholder { + .sm\:hover\:text-pink-900:hover { color: #831843; } - @media (prefers-color-scheme: dark) { - .md\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .md\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .md\:dark\:placeholder-black::placeholder { - color: #000; - } - - .md\:dark\:placeholder-white::placeholder { - color: #fff; - } - - .md\:dark\:placeholder-gray-50::placeholder { - color: #fafafa; - } - - .md\:dark\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } - - .md\:dark\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } - - .md\:dark\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } - - .md\:dark\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } - - .md\:dark\:placeholder-gray-500::placeholder { - color: #71717a; - } - - .md\:dark\:placeholder-gray-600::placeholder { - color: #52525b; - } - - .md\:dark\:placeholder-gray-700::placeholder { - color: #3f3f46; - } - - .md\:dark\:placeholder-gray-800::placeholder { - color: #27272a; - } - - .md\:dark\:placeholder-gray-900::placeholder { - color: #18181b; - } - - .md\:dark\:placeholder-red-50::placeholder { - color: #fef2f2; - } - - .md\:dark\:placeholder-red-100::placeholder { - color: #fee2e2; - } - - .md\:dark\:placeholder-red-200::placeholder { - color: #fecaca; - } - - .md\:dark\:placeholder-red-300::placeholder { - color: #fca5a5; - } - - .md\:dark\:placeholder-red-400::placeholder { - color: #f87171; - } - - .md\:dark\:placeholder-red-500::placeholder { - color: #ef4444; - } - - .md\:dark\:placeholder-red-600::placeholder { - color: #dc2626; - } - - .md\:dark\:placeholder-red-700::placeholder { - color: #b91c1c; - } - - .md\:dark\:placeholder-red-800::placeholder { - color: #991b1b; - } - - .md\:dark\:placeholder-red-900::placeholder { - color: #7f1d1d; - } - - .md\:dark\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } - - .md\:dark\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } - - .md\:dark\:placeholder-yellow-200::placeholder { - color: #fde68a; - } - - .md\:dark\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } - - .md\:dark\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } - - .md\:dark\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } - - .md\:dark\:placeholder-yellow-600::placeholder { - color: #d97706; - } - - .md\:dark\:placeholder-yellow-700::placeholder { - color: #b45309; - } - - .md\:dark\:placeholder-yellow-800::placeholder { - color: #92400e; - } - - .md\:dark\:placeholder-yellow-900::placeholder { - color: #78350f; - } - - .md\:dark\:placeholder-green-50::placeholder { - color: #ecfdf5; - } - - .md\:dark\:placeholder-green-100::placeholder { - color: #d1fae5; - } - - .md\:dark\:placeholder-green-200::placeholder { - color: #a7f3d0; - } - - .md\:dark\:placeholder-green-300::placeholder { - color: #6ee7b7; - } - - .md\:dark\:placeholder-green-400::placeholder { - color: #34d399; - } - - .md\:dark\:placeholder-green-500::placeholder { - color: #10b981; - } - - .md\:dark\:placeholder-green-600::placeholder { - color: #059669; - } - - .md\:dark\:placeholder-green-700::placeholder { - color: #047857; - } - - .md\:dark\:placeholder-green-800::placeholder { - color: #065f46; - } - - .md\:dark\:placeholder-green-900::placeholder { - color: #064e3b; - } - - .md\:dark\:placeholder-blue-50::placeholder { - color: #eff6ff; - } - - .md\:dark\:placeholder-blue-100::placeholder { - color: #dbeafe; - } - - .md\:dark\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } - - .md\:dark\:placeholder-blue-300::placeholder { - color: #93c5fd; - } - - .md\:dark\:placeholder-blue-400::placeholder { - color: #60a5fa; - } - - .md\:dark\:placeholder-blue-500::placeholder { - color: #3b82f6; - } - - .md\:dark\:placeholder-blue-600::placeholder { - color: #2563eb; - } - - .md\:dark\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } - - .md\:dark\:placeholder-blue-800::placeholder { - color: #1e40af; - } - - .md\:dark\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } - - .md\:dark\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } - - .md\:dark\:placeholder-purple-100::placeholder { - color: #ede9fe; - } - - .md\:dark\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } - - .md\:dark\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } - - .md\:dark\:placeholder-purple-400::placeholder { - color: #a78bfa; - } - - .md\:dark\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } - - .md\:dark\:placeholder-purple-600::placeholder { - color: #7c3aed; - } - - .md\:dark\:placeholder-purple-700::placeholder { - color: #6d28d9; - } - - .md\:dark\:placeholder-purple-800::placeholder { - color: #5b21b6; - } - - .md\:dark\:placeholder-purple-900::placeholder { - color: #4c1d95; - } - - .md\:dark\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } - - .md\:dark\:placeholder-pink-100::placeholder { - color: #fce7f3; - } - - .md\:dark\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } - - .md\:dark\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } - - .md\:dark\:placeholder-pink-400::placeholder { - color: #f472b6; - } - - .md\:dark\:placeholder-pink-500::placeholder { - color: #ec4899; - } - - .md\:dark\:placeholder-pink-600::placeholder { - color: #db2777; - } - - .md\:dark\:placeholder-pink-700::placeholder { - color: #be185d; - } - - .md\:dark\:placeholder-pink-800::placeholder { - color: #9d174d; - } - - .md\:dark\:placeholder-pink-900::placeholder { - color: #831843; - } - - .md\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .md\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .md\:dark\:focus\:placeholder-black:focus::placeholder { - color: #000; - } - - .md\:dark\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } - - .md\:dark\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } - - .md\:dark\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } - - .md\:dark\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } - - .md\:dark\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } - - .md\:dark\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } - - .md\:dark\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } - - .md\:dark\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } - - .md\:dark\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } - - .md\:dark\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } - - .md\:dark\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } - - .md\:dark\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } - - .md\:dark\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } - - .md\:dark\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } - - .md\:dark\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } - - .md\:dark\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } - - .md\:dark\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } - - .md\:dark\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } - - .md\:dark\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } - - .md\:dark\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } - - .md\:dark\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } - - .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } - - .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } - - .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } - - .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } - - .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } - - .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } - - .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } - - .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } - - .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } - - .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } - - .md\:dark\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } - - .md\:dark\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } - - .md\:dark\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } - - .md\:dark\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } - - .md\:dark\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } - - .md\:dark\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } - - .md\:dark\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } - - .md\:dark\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } - - .md\:dark\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } - - .md\:dark\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } - - .md\:dark\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } - - .md\:dark\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } - - .md\:dark\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } - - .md\:dark\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } - - .md\:dark\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } - - .md\:dark\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } - - .md\:dark\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } - - .md\:dark\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } - - .md\:dark\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } - - .md\:dark\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } - - .md\:dark\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } - - .md\:dark\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } - - .md\:dark\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } - - .md\:dark\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } - - .md\:dark\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } - - .md\:dark\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } - - .md\:dark\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } - - .md\:dark\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } - - .md\:dark\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } + .sm\:focus\:text-transparent:focus { + color: transparent; + } - .md\:dark\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } + .sm\:focus\:text-current:focus { + color: currentColor; + } - .md\:dark\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } + .sm\:focus\:text-black:focus { + color: #000; + } - .md\:dark\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } + .sm\:focus\:text-white:focus { + color: #fff; + } - .md\:dark\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } + .sm\:focus\:text-gray-50:focus { + color: #fafafa; + } - .md\:dark\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } + .sm\:focus\:text-gray-100:focus { + color: #f4f4f5; + } - .md\:dark\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } + .sm\:focus\:text-gray-200:focus { + color: #e4e4e7; + } - .md\:dark\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } + .sm\:focus\:text-gray-300:focus { + color: #d4d4d8; + } - .md\:dark\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } + .sm\:focus\:text-gray-400:focus { + color: #a1a1aa; + } - .md\:dark\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } + .sm\:focus\:text-gray-500:focus { + color: #71717a; + } - .md\:dark\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } + .sm\:focus\:text-gray-600:focus { + color: #52525b; + } - .md\:dark\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } + .sm\:focus\:text-gray-700:focus { + color: #3f3f46; } - .md\:pointer-events-none { - pointer-events: none; + .sm\:focus\:text-gray-800:focus { + color: #27272a; } - .md\:pointer-events-auto { - pointer-events: auto; + .sm\:focus\:text-gray-900:focus { + color: #18181b; } - .md\:static { - position: static; + .sm\:focus\:text-red-50:focus { + color: #fef2f2; } - .md\:fixed { - position: fixed; + .sm\:focus\:text-red-100:focus { + color: #fee2e2; } - .md\:absolute { - position: absolute; + .sm\:focus\:text-red-200:focus { + color: #fecaca; } - .md\:relative { - position: relative; + .sm\:focus\:text-red-300:focus { + color: #fca5a5; } - .md\:sticky { - position: sticky; + .sm\:focus\:text-red-400:focus { + color: #f87171; } - .md\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .sm\:focus\:text-red-500:focus { + color: #ef4444; } - .md\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .sm\:focus\:text-red-600:focus { + color: #dc2626; } - .md\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .sm\:focus\:text-red-700:focus { + color: #b91c1c; } - .md\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .sm\:focus\:text-red-800:focus { + color: #991b1b; } - .md\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .sm\:focus\:text-red-900:focus { + color: #7f1d1d; } - .md\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .sm\:focus\:text-yellow-50:focus { + color: #fffbeb; } - .md\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .sm\:focus\:text-yellow-100:focus { + color: #fef3c7; } - .md\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .sm\:focus\:text-yellow-200:focus { + color: #fde68a; } - .md\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .sm\:focus\:text-yellow-300:focus { + color: #fcd34d; } - .md\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .sm\:focus\:text-yellow-400:focus { + color: #fbbf24; } - .md\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .sm\:focus\:text-yellow-500:focus { + color: #f59e0b; } - .md\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .sm\:focus\:text-yellow-600:focus { + color: #d97706; } - .md\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .sm\:focus\:text-yellow-700:focus { + color: #b45309; } - .md\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .sm\:focus\:text-yellow-800:focus { + color: #92400e; } - .md\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .sm\:focus\:text-yellow-900:focus { + color: #78350f; } - .md\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .sm\:focus\:text-green-50:focus { + color: #ecfdf5; } - .md\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .sm\:focus\:text-green-100:focus { + color: #d1fae5; } - .md\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .sm\:focus\:text-green-200:focus { + color: #a7f3d0; } - .md\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .sm\:focus\:text-green-300:focus { + color: #6ee7b7; } - .md\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .sm\:focus\:text-green-400:focus { + color: #34d399; } - .md\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .sm\:focus\:text-green-500:focus { + color: #10b981; } - .md\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .sm\:focus\:text-green-600:focus { + color: #059669; } - .md\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .sm\:focus\:text-green-700:focus { + color: #047857; } - .md\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .sm\:focus\:text-green-800:focus { + color: #065f46; } - .md\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .sm\:focus\:text-green-900:focus { + color: #064e3b; } - .md\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .sm\:focus\:text-blue-50:focus { + color: #eff6ff; } - .md\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .sm\:focus\:text-blue-100:focus { + color: #dbeafe; } - .md\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .sm\:focus\:text-blue-200:focus { + color: #bfdbfe; } - .md\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .sm\:focus\:text-blue-300:focus { + color: #93c5fd; } - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .sm\:focus\:text-blue-400:focus { + color: #60a5fa; } - .md\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .sm\:focus\:text-blue-500:focus { + color: #3b82f6; } - .md\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .sm\:focus\:text-blue-600:focus { + color: #2563eb; } - .md\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .sm\:focus\:text-blue-700:focus { + color: #1d4ed8; } - .md\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .sm\:focus\:text-blue-800:focus { + color: #1e40af; } - .md\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .sm\:focus\:text-blue-900:focus { + color: #1e3a8a; } - .md\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .sm\:focus\:text-purple-50:focus { + color: #f5f3ff; } - .md\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .sm\:focus\:text-purple-100:focus { + color: #ede9fe; } - .md\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .sm\:focus\:text-purple-200:focus { + color: #ddd6fe; } - .md\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .sm\:focus\:text-purple-300:focus { + color: #c4b5fd; } - .md\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .sm\:focus\:text-purple-400:focus { + color: #a78bfa; } - .md\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .sm\:focus\:text-purple-500:focus { + color: #8b5cf6; } - .md\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .sm\:focus\:text-purple-600:focus { + color: #7c3aed; } - .md\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .sm\:focus\:text-purple-700:focus { + color: #6d28d9; } - .md\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .sm\:focus\:text-purple-800:focus { + color: #5b21b6; } - .md\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .sm\:focus\:text-purple-900:focus { + color: #4c1d95; } - .md\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .sm\:focus\:text-pink-50:focus { + color: #fdf2f8; } - .md\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .sm\:focus\:text-pink-100:focus { + color: #fce7f3; } - .md\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .sm\:focus\:text-pink-200:focus { + color: #fbcfe8; } - .md\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .sm\:focus\:text-pink-300:focus { + color: #f9a8d4; } - .md\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .sm\:focus\:text-pink-400:focus { + color: #f472b6; } - .md\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .sm\:focus\:text-pink-500:focus { + color: #ec4899; } - .md\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .sm\:focus\:text-pink-600:focus { + color: #db2777; } - .md\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .sm\:focus\:text-pink-700:focus { + color: #be185d; } - .md\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .sm\:focus\:text-pink-800:focus { + color: #9d174d; } - .md\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .sm\:focus\:text-pink-900:focus { + color: #831843; } - .md\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .sm\:overflow-ellipsis { + text-overflow: ellipsis; } - .md\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .sm\:overflow-clip { + text-overflow: clip; } - .md\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .sm\:italic { + font-style: italic; } - .md\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .sm\:not-italic { + font-style: normal; } - .md\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .sm\:uppercase { + text-transform: uppercase; } - .md\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .sm\:lowercase { + text-transform: lowercase; } - .md\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .sm\:capitalize { + text-transform: capitalize; } - .md\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .sm\:normal-case { + text-transform: none; } - .md\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .sm\:underline { + text-decoration: underline; } - .md\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .sm\:line-through { + text-decoration: line-through; } - .md\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .sm\:no-underline { + text-decoration: none; } - .md\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .sm\:hover\:underline:hover { + text-decoration: underline; } - .md\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .md\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .sm\:focus\:underline:focus { + text-decoration: underline; } - .md\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .sm\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .sm\:focus\:no-underline:focus { + text-decoration: none; } - .md\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .md\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .sm\:normal-nums { + font-variant-numeric: normal; } - .md\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .sm\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .md\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .sm\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .md\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .sm\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .md\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .sm\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .md\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .sm\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .md\:inset-y-0 { - top: 0; - bottom: 0; + .sm\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .md\:inset-x-0 { - right: 0; - left: 0; + .sm\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .md\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .sm\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .md\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .sm\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .sm\:tracking-tight { + letter-spacing: -0.025em; } - .md\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .sm\:tracking-normal { + letter-spacing: 0; } - .md\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .sm\:tracking-wide { + letter-spacing: 0.025em; } - .md\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .sm\:tracking-wider { + letter-spacing: 0.05em; } - .md\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .sm\:tracking-widest { + letter-spacing: 0.1em; } - .md\:inset-x-4 { - right: 1rem; - left: 1rem; + .sm\:select-none { + user-select: none; } - .md\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .sm\:select-text { + user-select: text; } - .md\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .sm\:select-all { + user-select: all; } - .md\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .sm\:select-auto { + user-select: auto; } - .md\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .sm\:align-baseline { + vertical-align: baseline; } - .md\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .sm\:align-top { + vertical-align: top; } - .md\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .sm\:align-middle { + vertical-align: middle; } - .md\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .sm\:align-bottom { + vertical-align: bottom; } - .md\:inset-x-8 { - right: 2rem; - left: 2rem; + .sm\:align-text-top { + vertical-align: text-top; } - .md\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .md\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .sm\:visible { + visibility: visible; } - .md\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .sm\:invisible { + visibility: hidden; } - .md\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .sm\:whitespace-normal { + white-space: normal; } - .md\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .md\:inset-x-12 { - right: 3rem; - left: 3rem; + .sm\:whitespace-pre { + white-space: pre; } - .md\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .sm\:whitespace-pre-line { + white-space: pre-line; } - .md\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .md\:inset-x-16 { - right: 4rem; - left: 4rem; + .sm\:break-words { + overflow-wrap: break-word; } - .md\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .sm\:break-all { + word-break: break-all; } - .md\:inset-x-20 { - right: 5rem; - left: 5rem; + .sm\:w-0 { + width: 0; } - .md\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .sm\:w-1 { + width: 0.25rem; } - .md\:inset-x-24 { - right: 6rem; - left: 6rem; + .sm\:w-2 { + width: 0.5rem; } - .md\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .sm\:w-3 { + width: 0.75rem; } - .md\:inset-x-28 { - right: 7rem; - left: 7rem; + .sm\:w-4 { + width: 1rem; } - .md\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .sm\:w-5 { + width: 1.25rem; } - .md\:inset-x-32 { - right: 8rem; - left: 8rem; + .sm\:w-6 { + width: 1.5rem; } - .md\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .sm\:w-7 { + width: 1.75rem; } - .md\:inset-x-36 { - right: 9rem; - left: 9rem; + .sm\:w-8 { + width: 2rem; } - .md\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .sm\:w-9 { + width: 2.25rem; } - .md\:inset-x-40 { - right: 10rem; - left: 10rem; + .sm\:w-10 { + width: 2.5rem; } - .md\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .sm\:w-12 { + width: 3rem; } - .md\:inset-x-44 { - right: 11rem; - left: 11rem; + .sm\:w-14 { + width: 3.5rem; } - .md\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .sm\:w-16 { + width: 4rem; } - .md\:inset-x-48 { - right: 12rem; - left: 12rem; + .sm\:w-20 { + width: 5rem; } - .md\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .sm\:w-24 { + width: 6rem; } - .md\:inset-x-52 { - right: 13rem; - left: 13rem; + .sm\:w-28 { + width: 7rem; } - .md\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .sm\:w-32 { + width: 8rem; } - .md\:inset-x-56 { - right: 14rem; - left: 14rem; + .sm\:w-36 { + width: 9rem; } - .md\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .sm\:w-40 { + width: 10rem; } - .md\:inset-x-60 { - right: 15rem; - left: 15rem; + .sm\:w-44 { + width: 11rem; } - .md\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .sm\:w-48 { + width: 12rem; } - .md\:inset-x-64 { - right: 16rem; - left: 16rem; + .sm\:w-52 { + width: 13rem; } - .md\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .sm\:w-56 { + width: 14rem; } - .md\:inset-x-72 { - right: 18rem; - left: 18rem; + .sm\:w-60 { + width: 15rem; } - .md\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .sm\:w-64 { + width: 16rem; } - .md\:inset-x-80 { - right: 20rem; - left: 20rem; + .sm\:w-72 { + width: 18rem; } - .md\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .sm\:w-80 { + width: 20rem; } - .md\:inset-x-96 { - right: 24rem; - left: 24rem; + .sm\:w-96 { + width: 24rem; } - .md\:inset-y-auto { - top: auto; - bottom: auto; + .sm\:w-auto { + width: auto; } - .md\:inset-x-auto { - right: auto; - left: auto; + .sm\:w-px { + width: 1px; } - .md\:inset-y-px { - top: 1px; - bottom: 1px; + .sm\:w-0\.5 { + width: 0.125rem; } - .md\:inset-x-px { - right: 1px; - left: 1px; + .sm\:w-1\.5 { + width: 0.375rem; } - .md\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .sm\:w-2\.5 { + width: 0.625rem; } - .md\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .sm\:w-3\.5 { + width: 0.875rem; } - .md\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .sm\:w-1\/2 { + width: 50%; } - .md\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .sm\:w-1\/3 { + width: 33.333333%; } - .md\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .sm\:w-2\/3 { + width: 66.666667%; } - .md\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .sm\:w-1\/4 { + width: 25%; } - .md\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .sm\:w-2\/4 { + width: 50%; } - .md\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .sm\:w-3\/4 { + width: 75%; } - .md\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .sm\:w-1\/5 { + width: 20%; } - .md\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .sm\:w-2\/5 { + width: 40%; } - .md\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .sm\:w-3\/5 { + width: 60%; } - .md\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .sm\:w-4\/5 { + width: 80%; } - .md\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .sm\:w-1\/6 { + width: 16.666667%; } - .md\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .sm\:w-2\/6 { + width: 33.333333%; } - .md\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .sm\:w-3\/6 { + width: 50%; } - .md\:-inset-x-4 { - right: -1rem; - left: -1rem; + .sm\:w-4\/6 { + width: 66.666667%; } - .md\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .sm\:w-5\/6 { + width: 83.333333%; } - .md\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .sm\:w-1\/12 { + width: 8.333333%; } - .md\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .sm\:w-2\/12 { + width: 16.666667%; } - .md\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .sm\:w-3\/12 { + width: 25%; } - .md\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .sm\:w-4\/12 { + width: 33.333333%; } - .md\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .sm\:w-5\/12 { + width: 41.666667%; } - .md\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .sm\:w-6\/12 { + width: 50%; } - .md\:-inset-x-8 { - right: -2rem; - left: -2rem; + .sm\:w-7\/12 { + width: 58.333333%; } - .md\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .sm\:w-8\/12 { + width: 66.666667%; } - .md\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .sm\:w-9\/12 { + width: 75%; } - .md\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .sm\:w-10\/12 { + width: 83.333333%; } - .md\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .sm\:w-11\/12 { + width: 91.666667%; } - .md\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .sm\:w-full { + width: 100%; } - .md\:-inset-x-12 { - right: -3rem; - left: -3rem; + .sm\:w-screen { + width: 100vw; } - .md\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .sm\:w-min { + width: min-content; } - .md\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .sm\:w-max { + width: max-content; } - .md\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .sm\:z-0 { + z-index: 0; } - .md\:-inset-x-16 { - right: -4rem; - left: -4rem; + .sm\:z-10 { + z-index: 10; } - .md\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .sm\:z-20 { + z-index: 20; } - .md\:-inset-x-20 { - right: -5rem; - left: -5rem; + .sm\:z-30 { + z-index: 30; } - .md\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .sm\:z-40 { + z-index: 40; } - .md\:-inset-x-24 { - right: -6rem; - left: -6rem; + .sm\:z-50 { + z-index: 50; } - .md\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .sm\:z-auto { + z-index: auto; } - .md\:-inset-x-28 { - right: -7rem; - left: -7rem; + .sm\:focus\:z-0:focus { + z-index: 0; } - .md\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .sm\:focus\:z-10:focus { + z-index: 10; } - .md\:-inset-x-32 { - right: -8rem; - left: -8rem; + .sm\:focus\:z-20:focus { + z-index: 20; } - .md\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .sm\:focus\:z-30:focus { + z-index: 30; } - .md\:-inset-x-36 { - right: -9rem; - left: -9rem; + .sm\:focus\:z-40:focus { + z-index: 40; } - .md\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .sm\:focus\:z-50:focus { + z-index: 50; } - .md\:-inset-x-40 { - right: -10rem; - left: -10rem; + .sm\:focus\:z-auto:focus { + z-index: auto; } - .md\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .sm\:gap-0 { + grid-gap: 0; + gap: 0; } - .md\:-inset-x-44 { - right: -11rem; - left: -11rem; + .sm\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .md\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .sm\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .md\:-inset-x-48 { - right: -12rem; - left: -12rem; + .sm\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .md\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .sm\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .md\:-inset-x-52 { - right: -13rem; - left: -13rem; + .sm\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .md\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .sm\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .md\:-inset-x-56 { - right: -14rem; - left: -14rem; + .sm\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .md\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .sm\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .md\:-inset-x-60 { - right: -15rem; - left: -15rem; + .sm\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .md\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .sm\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .md\:-inset-x-64 { - right: -16rem; - left: -16rem; + .sm\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .md\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .sm\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .md\:-inset-x-72 { - right: -18rem; - left: -18rem; + .sm\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .md\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .sm\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .md\:-inset-x-80 { - right: -20rem; - left: -20rem; + .sm\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .md\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .sm\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .md\:-inset-x-96 { - right: -24rem; - left: -24rem; + .sm\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .md\:-inset-y-px { - top: -1px; - bottom: -1px; + .sm\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .md\:-inset-x-px { - right: -1px; - left: -1px; + .sm\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .md\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .sm\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .md\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .sm\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .md\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .sm\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .md\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .sm\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .md\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .sm\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .md\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .sm\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .md\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .sm\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .md\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .sm\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .md\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .sm\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .md\:inset-x-1\/2 { - right: 50%; - left: 50%; + .sm\:gap-px { + grid-gap: 1px; + gap: 1px; } - .md\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .sm\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .md\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .sm\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .md\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .sm\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .md\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .sm\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .md\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .sm\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .md\:inset-x-1\/4 { - right: 25%; - left: 25%; + .sm\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .md\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .sm\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .md\:inset-x-2\/4 { - right: 50%; - left: 50%; + .sm\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .md\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .sm\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .md\:inset-x-3\/4 { - right: 75%; - left: 75%; + .sm\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .md\:inset-y-full { - top: 100%; - bottom: 100%; + .sm\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .md\:inset-x-full { - right: 100%; - left: 100%; + .sm\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .md\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .sm\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .md\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .sm\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .md\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .sm\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .md\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .sm\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .md\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .sm\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .md\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .sm\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .md\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .sm\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .md\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .sm\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .md\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .sm\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .md\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .sm\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .md\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .sm\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .md\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .sm\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .md\:-inset-y-full { - top: -100%; - bottom: -100%; + .sm\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .md\:-inset-x-full { - right: -100%; - left: -100%; + .sm\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .md\:top-0 { - top: 0; + .sm\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .md\:right-0 { - right: 0; + .sm\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .md\:bottom-0 { - bottom: 0; + .sm\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .md\:left-0 { - left: 0; + .sm\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .md\:top-1 { - top: 0.25rem; + .sm\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .md\:right-1 { - right: 0.25rem; + .sm\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .md\:bottom-1 { - bottom: 0.25rem; + .sm\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .md\:left-1 { - left: 0.25rem; + .sm\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .md\:top-2 { - top: 0.5rem; + .sm\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .md\:right-2 { - right: 0.5rem; + .sm\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .md\:bottom-2 { - bottom: 0.5rem; + .sm\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .md\:left-2 { - left: 0.5rem; + .sm\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .md\:top-3 { - top: 0.75rem; + .sm\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .md\:right-3 { - right: 0.75rem; + .sm\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .md\:bottom-3 { - bottom: 0.75rem; + .sm\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .md\:left-3 { - left: 0.75rem; + .sm\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .md\:top-4 { - top: 1rem; + .sm\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .md\:right-4 { - right: 1rem; + .sm\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .md\:bottom-4 { - bottom: 1rem; + .sm\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .md\:left-4 { - left: 1rem; + .sm\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .md\:top-5 { - top: 1.25rem; + .sm\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .md\:right-5 { - right: 1.25rem; + .sm\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .md\:bottom-5 { - bottom: 1.25rem; + .sm\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .md\:left-5 { - left: 1.25rem; + .sm\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .md\:top-6 { - top: 1.5rem; + .sm\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .md\:right-6 { - right: 1.5rem; + .sm\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .md\:bottom-6 { - bottom: 1.5rem; + .sm\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .md\:left-6 { - left: 1.5rem; + .sm\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .md\:top-7 { - top: 1.75rem; + .sm\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .md\:right-7 { - right: 1.75rem; + .sm\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .md\:bottom-7 { - bottom: 1.75rem; + .sm\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .md\:left-7 { - left: 1.75rem; + .sm\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .md\:top-8 { - top: 2rem; + .sm\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .md\:right-8 { - right: 2rem; + .sm\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .md\:bottom-8 { - bottom: 2rem; + .sm\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .md\:left-8 { - left: 2rem; + .sm\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .md\:top-9 { - top: 2.25rem; + .sm\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .md\:right-9 { - right: 2.25rem; + .sm\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .md\:bottom-9 { - bottom: 2.25rem; + .sm\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .md\:left-9 { - left: 2.25rem; + .sm\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .md\:top-10 { - top: 2.5rem; + .sm\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .md\:right-10 { - right: 2.5rem; + .sm\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .md\:bottom-10 { - bottom: 2.5rem; + .sm\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .md\:left-10 { - left: 2.5rem; + .sm\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .md\:top-12 { - top: 3rem; + .sm\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .md\:right-12 { - right: 3rem; + .sm\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .md\:bottom-12 { - bottom: 3rem; + .sm\:grid-flow-row { + grid-auto-flow: row; } - .md\:left-12 { - left: 3rem; + .sm\:grid-flow-col { + grid-auto-flow: column; } - .md\:top-14 { - top: 3.5rem; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .md\:right-14 { - right: 3.5rem; + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .md\:bottom-14 { - bottom: 3.5rem; + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .md\:left-14 { - left: 3.5rem; + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .md\:top-16 { - top: 4rem; + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .md\:right-16 { - right: 4rem; + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .md\:bottom-16 { - bottom: 4rem; + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:left-16 { - left: 4rem; + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .md\:top-20 { - top: 5rem; + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .md\:right-20 { - right: 5rem; + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .md\:bottom-20 { - bottom: 5rem; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:left-20 { - left: 5rem; + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .md\:top-24 { - top: 6rem; + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .md\:right-24 { - right: 6rem; + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .md\:bottom-24 { - bottom: 6rem; + .sm\:grid-cols-none { + grid-template-columns: none; } - .md\:left-24 { - left: 6rem; + .sm\:auto-cols-auto { + grid-auto-columns: auto; } - .md\:top-28 { - top: 7rem; + .sm\:auto-cols-min { + grid-auto-columns: min-content; } - .md\:right-28 { - right: 7rem; + .sm\:auto-cols-max { + grid-auto-columns: max-content; } - .md\:bottom-28 { - bottom: 7rem; + .sm\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .md\:left-28 { - left: 7rem; + .sm\:col-auto { + grid-column: auto; } - .md\:top-32 { - top: 8rem; + .sm\:col-span-1 { + grid-column: span 1 / span 1; } - .md\:right-32 { - right: 8rem; + .sm\:col-span-2 { + grid-column: span 2 / span 2; } - .md\:bottom-32 { - bottom: 8rem; + .sm\:col-span-3 { + grid-column: span 3 / span 3; } - .md\:left-32 { - left: 8rem; + .sm\:col-span-4 { + grid-column: span 4 / span 4; } - .md\:top-36 { - top: 9rem; + .sm\:col-span-5 { + grid-column: span 5 / span 5; } - .md\:right-36 { - right: 9rem; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .md\:bottom-36 { - bottom: 9rem; + .sm\:col-span-7 { + grid-column: span 7 / span 7; } - .md\:left-36 { - left: 9rem; + .sm\:col-span-8 { + grid-column: span 8 / span 8; } - .md\:top-40 { - top: 10rem; + .sm\:col-span-9 { + grid-column: span 9 / span 9; } - .md\:right-40 { - right: 10rem; + .sm\:col-span-10 { + grid-column: span 10 / span 10; } - .md\:bottom-40 { - bottom: 10rem; + .sm\:col-span-11 { + grid-column: span 11 / span 11; } - .md\:left-40 { - left: 10rem; + .sm\:col-span-12 { + grid-column: span 12 / span 12; } - .md\:top-44 { - top: 11rem; + .sm\:col-span-full { + grid-column: 1 / -1; } - .md\:right-44 { - right: 11rem; + .sm\:col-start-1 { + grid-column-start: 1; } - .md\:bottom-44 { - bottom: 11rem; + .sm\:col-start-2 { + grid-column-start: 2; } - .md\:left-44 { - left: 11rem; + .sm\:col-start-3 { + grid-column-start: 3; } - .md\:top-48 { - top: 12rem; + .sm\:col-start-4 { + grid-column-start: 4; } - .md\:right-48 { - right: 12rem; + .sm\:col-start-5 { + grid-column-start: 5; } - .md\:bottom-48 { - bottom: 12rem; + .sm\:col-start-6 { + grid-column-start: 6; } - .md\:left-48 { - left: 12rem; + .sm\:col-start-7 { + grid-column-start: 7; } - .md\:top-52 { - top: 13rem; + .sm\:col-start-8 { + grid-column-start: 8; } - .md\:right-52 { - right: 13rem; + .sm\:col-start-9 { + grid-column-start: 9; } - .md\:bottom-52 { - bottom: 13rem; + .sm\:col-start-10 { + grid-column-start: 10; } - .md\:left-52 { - left: 13rem; + .sm\:col-start-11 { + grid-column-start: 11; } - .md\:top-56 { - top: 14rem; + .sm\:col-start-12 { + grid-column-start: 12; } - .md\:right-56 { - right: 14rem; + .sm\:col-start-13 { + grid-column-start: 13; } - .md\:bottom-56 { - bottom: 14rem; + .sm\:col-start-auto { + grid-column-start: auto; } - .md\:left-56 { - left: 14rem; + .sm\:col-end-1 { + grid-column-end: 1; } - .md\:top-60 { - top: 15rem; + .sm\:col-end-2 { + grid-column-end: 2; } - .md\:right-60 { - right: 15rem; + .sm\:col-end-3 { + grid-column-end: 3; } - .md\:bottom-60 { - bottom: 15rem; + .sm\:col-end-4 { + grid-column-end: 4; } - .md\:left-60 { - left: 15rem; + .sm\:col-end-5 { + grid-column-end: 5; } - .md\:top-64 { - top: 16rem; + .sm\:col-end-6 { + grid-column-end: 6; } - .md\:right-64 { - right: 16rem; + .sm\:col-end-7 { + grid-column-end: 7; } - .md\:bottom-64 { - bottom: 16rem; + .sm\:col-end-8 { + grid-column-end: 8; } - .md\:left-64 { - left: 16rem; + .sm\:col-end-9 { + grid-column-end: 9; } - .md\:top-72 { - top: 18rem; + .sm\:col-end-10 { + grid-column-end: 10; } - .md\:right-72 { - right: 18rem; + .sm\:col-end-11 { + grid-column-end: 11; } - .md\:bottom-72 { - bottom: 18rem; + .sm\:col-end-12 { + grid-column-end: 12; } - .md\:left-72 { - left: 18rem; + .sm\:col-end-13 { + grid-column-end: 13; } - .md\:top-80 { - top: 20rem; + .sm\:col-end-auto { + grid-column-end: auto; } - .md\:right-80 { - right: 20rem; + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .md\:bottom-80 { - bottom: 20rem; + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .md\:left-80 { - left: 20rem; + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .md\:top-96 { - top: 24rem; + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .md\:right-96 { - right: 24rem; + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .md\:bottom-96 { - bottom: 24rem; + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .md\:left-96 { - left: 24rem; + .sm\:grid-rows-none { + grid-template-rows: none; } - .md\:top-auto { - top: auto; + .sm\:auto-rows-auto { + grid-auto-rows: auto; } - .md\:right-auto { - right: auto; + .sm\:auto-rows-min { + grid-auto-rows: min-content; } - .md\:bottom-auto { - bottom: auto; + .sm\:auto-rows-max { + grid-auto-rows: max-content; } - .md\:left-auto { - left: auto; + .sm\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .md\:top-px { - top: 1px; + .sm\:row-auto { + grid-row: auto; } - .md\:right-px { - right: 1px; + .sm\:row-span-1 { + grid-row: span 1 / span 1; } - .md\:bottom-px { - bottom: 1px; + .sm\:row-span-2 { + grid-row: span 2 / span 2; } - .md\:left-px { - left: 1px; + .sm\:row-span-3 { + grid-row: span 3 / span 3; } - .md\:top-0\.5 { - top: 0.125rem; + .sm\:row-span-4 { + grid-row: span 4 / span 4; } - .md\:right-0\.5 { - right: 0.125rem; + .sm\:row-span-5 { + grid-row: span 5 / span 5; } - .md\:bottom-0\.5 { - bottom: 0.125rem; + .sm\:row-span-6 { + grid-row: span 6 / span 6; } - .md\:left-0\.5 { - left: 0.125rem; + .sm\:row-span-full { + grid-row: 1 / -1; } - .md\:top-1\.5 { - top: 0.375rem; + .sm\:row-start-1 { + grid-row-start: 1; } - .md\:right-1\.5 { - right: 0.375rem; + .sm\:row-start-2 { + grid-row-start: 2; } - .md\:bottom-1\.5 { - bottom: 0.375rem; + .sm\:row-start-3 { + grid-row-start: 3; } - .md\:left-1\.5 { - left: 0.375rem; + .sm\:row-start-4 { + grid-row-start: 4; } - .md\:top-2\.5 { - top: 0.625rem; + .sm\:row-start-5 { + grid-row-start: 5; } - .md\:right-2\.5 { - right: 0.625rem; + .sm\:row-start-6 { + grid-row-start: 6; } - .md\:bottom-2\.5 { - bottom: 0.625rem; + .sm\:row-start-7 { + grid-row-start: 7; } - .md\:left-2\.5 { - left: 0.625rem; + .sm\:row-start-auto { + grid-row-start: auto; } - .md\:top-3\.5 { - top: 0.875rem; + .sm\:row-end-1 { + grid-row-end: 1; } - .md\:right-3\.5 { - right: 0.875rem; + .sm\:row-end-2 { + grid-row-end: 2; } - .md\:bottom-3\.5 { - bottom: 0.875rem; + .sm\:row-end-3 { + grid-row-end: 3; } - .md\:left-3\.5 { - left: 0.875rem; + .sm\:row-end-4 { + grid-row-end: 4; } - .md\:-top-1 { - top: -0.25rem; + .sm\:row-end-5 { + grid-row-end: 5; } - .md\:-right-1 { - right: -0.25rem; + .sm\:row-end-6 { + grid-row-end: 6; } - .md\:-bottom-1 { - bottom: -0.25rem; + .sm\:row-end-7 { + grid-row-end: 7; } - .md\:-left-1 { - left: -0.25rem; + .sm\:row-end-auto { + grid-row-end: auto; } - .md\:-top-2 { - top: -0.5rem; + .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\:-right-2 { - right: -0.5rem; + .sm\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:-bottom-2 { - bottom: -0.5rem; + .sm\:transform-none { + transform: none; } - .md\:-left-2 { - left: -0.5rem; + .sm\:origin-center { + transform-origin: center; } - .md\:-top-3 { - top: -0.75rem; + .sm\:origin-top { + transform-origin: top; } - .md\:-right-3 { - right: -0.75rem; + .sm\:origin-top-right { + transform-origin: top right; } - .md\:-bottom-3 { - bottom: -0.75rem; + .sm\:origin-right { + transform-origin: right; } - .md\:-left-3 { - left: -0.75rem; + .sm\:origin-bottom-right { + transform-origin: bottom right; } - .md\:-top-4 { - top: -1rem; + .sm\:origin-bottom { + transform-origin: bottom; } - .md\:-right-4 { - right: -1rem; + .sm\:origin-bottom-left { + transform-origin: bottom left; } - .md\:-bottom-4 { - bottom: -1rem; + .sm\:origin-left { + transform-origin: left; } - .md\:-left-4 { - left: -1rem; + .sm\:origin-top-left { + transform-origin: top left; } - .md\:-top-5 { - top: -1.25rem; + .sm\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:-right-5 { - right: -1.25rem; + .sm\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:-bottom-5 { - bottom: -1.25rem; + .sm\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:-left-5 { - left: -1.25rem; + .sm\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:-top-6 { - top: -1.5rem; + .sm\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:-right-6 { - right: -1.5rem; + .sm\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:-bottom-6 { - bottom: -1.5rem; + .sm\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:-left-6 { - left: -1.5rem; + .sm\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:-top-7 { - top: -1.75rem; + .sm\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:-right-7 { - right: -1.75rem; + .sm\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:-bottom-7 { - bottom: -1.75rem; + .sm\:scale-x-0 { + --transform-scale-x: 0; } - .md\:-left-7 { - left: -1.75rem; + .sm\:scale-x-50 { + --transform-scale-x: .5; } - .md\:-top-8 { - top: -2rem; + .sm\:scale-x-75 { + --transform-scale-x: .75; } - .md\:-right-8 { - right: -2rem; + .sm\:scale-x-90 { + --transform-scale-x: .9; } - .md\:-bottom-8 { - bottom: -2rem; + .sm\:scale-x-95 { + --transform-scale-x: .95; } - .md\:-left-8 { - left: -2rem; + .sm\:scale-x-100 { + --transform-scale-x: 1; } - .md\:-top-9 { - top: -2.25rem; + .sm\:scale-x-105 { + --transform-scale-x: 1.05; } - .md\:-right-9 { - right: -2.25rem; + .sm\:scale-x-110 { + --transform-scale-x: 1.1; } - .md\:-bottom-9 { - bottom: -2.25rem; + .sm\:scale-x-125 { + --transform-scale-x: 1.25; } - .md\:-left-9 { - left: -2.25rem; + .sm\:scale-x-150 { + --transform-scale-x: 1.5; } - .md\:-top-10 { - top: -2.5rem; + .sm\:scale-y-0 { + --transform-scale-y: 0; } - .md\:-right-10 { - right: -2.5rem; + .sm\:scale-y-50 { + --transform-scale-y: .5; } - .md\:-bottom-10 { - bottom: -2.5rem; + .sm\:scale-y-75 { + --transform-scale-y: .75; } - .md\:-left-10 { - left: -2.5rem; + .sm\:scale-y-90 { + --transform-scale-y: .9; } - .md\:-top-12 { - top: -3rem; + .sm\:scale-y-95 { + --transform-scale-y: .95; } - .md\:-right-12 { - right: -3rem; + .sm\:scale-y-100 { + --transform-scale-y: 1; } - .md\:-bottom-12 { - bottom: -3rem; + .sm\:scale-y-105 { + --transform-scale-y: 1.05; } - .md\:-left-12 { - left: -3rem; + .sm\:scale-y-110 { + --transform-scale-y: 1.1; } - .md\:-top-14 { - top: -3.5rem; + .sm\:scale-y-125 { + --transform-scale-y: 1.25; } - .md\:-right-14 { - right: -3.5rem; + .sm\:scale-y-150 { + --transform-scale-y: 1.5; } - .md\:-bottom-14 { - bottom: -3.5rem; + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:-left-14 { - left: -3.5rem; + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:-top-16 { - top: -4rem; + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:-right-16 { - right: -4rem; + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:-bottom-16 { - bottom: -4rem; + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:-left-16 { - left: -4rem; + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:-top-20 { - top: -5rem; + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:-right-20 { - right: -5rem; + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:-bottom-20 { - bottom: -5rem; + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:-left-20 { - left: -5rem; + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:-top-24 { - top: -6rem; + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .md\:-right-24 { - right: -6rem; + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .md\:-bottom-24 { - bottom: -6rem; + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .md\:-left-24 { - left: -6rem; + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .md\:-top-28 { - top: -7rem; + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .md\:-right-28 { - right: -7rem; + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .md\:-bottom-28 { - bottom: -7rem; + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .md\:-left-28 { - left: -7rem; + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .md\:-top-32 { - top: -8rem; + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .md\:-right-32 { - right: -8rem; + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .md\:-bottom-32 { - bottom: -8rem; + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .md\:-left-32 { - left: -8rem; + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .md\:-top-36 { - top: -9rem; + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .md\:-right-36 { - right: -9rem; + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .md\:-bottom-36 { - bottom: -9rem; + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .md\:-left-36 { - left: -9rem; + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .md\:-top-40 { - top: -10rem; + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .md\:-right-40 { - right: -10rem; + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .md\:-bottom-40 { - bottom: -10rem; + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .md\:-left-40 { - left: -10rem; + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .md\:-top-44 { - top: -11rem; + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; + } + + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:-right-44 { - right: -11rem; + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:-bottom-44 { - bottom: -11rem; + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:-left-44 { - left: -11rem; + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:-top-48 { - top: -12rem; + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:-right-48 { - right: -12rem; + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:-bottom-48 { - bottom: -12rem; + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:-left-48 { - left: -12rem; + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:-top-52 { - top: -13rem; + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:-right-52 { - right: -13rem; + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .md\:-bottom-52 { - bottom: -13rem; + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .md\:-left-52 { - left: -13rem; + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .md\:-top-56 { - top: -14rem; + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .md\:-right-56 { - right: -14rem; + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .md\:-bottom-56 { - bottom: -14rem; + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .md\:-left-56 { - left: -14rem; + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .md\:-top-60 { - top: -15rem; + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .md\:-right-60 { - right: -15rem; + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .md\:-bottom-60 { - bottom: -15rem; + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .md\:-left-60 { - left: -15rem; + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .md\:-top-64 { - top: -16rem; + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .md\:-right-64 { - right: -16rem; + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .md\:-bottom-64 { - bottom: -16rem; + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .md\:-left-64 { - left: -16rem; + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .md\:-top-72 { - top: -18rem; + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .md\:-right-72 { - right: -18rem; + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .md\:-bottom-72 { - bottom: -18rem; + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .md\:-left-72 { - left: -18rem; + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .md\:-top-80 { - top: -20rem; + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .md\:-right-80 { - right: -20rem; + .sm\:rotate-0 { + --transform-rotate: 0; } - .md\:-bottom-80 { - bottom: -20rem; + .sm\:rotate-1 { + --transform-rotate: 1deg; } - .md\:-left-80 { - left: -20rem; + .sm\:rotate-2 { + --transform-rotate: 2deg; } - .md\:-top-96 { - top: -24rem; + .sm\:rotate-3 { + --transform-rotate: 3deg; } - .md\:-right-96 { - right: -24rem; + .sm\:rotate-6 { + --transform-rotate: 6deg; } - .md\:-bottom-96 { - bottom: -24rem; + .sm\:rotate-12 { + --transform-rotate: 12deg; } - .md\:-left-96 { - left: -24rem; + .sm\:rotate-45 { + --transform-rotate: 45deg; } - .md\:-top-px { - top: -1px; + .sm\:rotate-90 { + --transform-rotate: 90deg; } - .md\:-right-px { - right: -1px; + .sm\:rotate-180 { + --transform-rotate: 180deg; } - .md\:-bottom-px { - bottom: -1px; + .sm\:-rotate-180 { + --transform-rotate: -180deg; } - .md\:-left-px { - left: -1px; + .sm\:-rotate-90 { + --transform-rotate: -90deg; } - .md\:-top-0\.5 { - top: -0.125rem; + .sm\:-rotate-45 { + --transform-rotate: -45deg; } - .md\:-right-0\.5 { - right: -0.125rem; + .sm\:-rotate-12 { + --transform-rotate: -12deg; } - .md\:-bottom-0\.5 { - bottom: -0.125rem; + .sm\:-rotate-6 { + --transform-rotate: -6deg; } - .md\:-left-0\.5 { - left: -0.125rem; + .sm\:-rotate-3 { + --transform-rotate: -3deg; } - .md\:-top-1\.5 { - top: -0.375rem; + .sm\:-rotate-2 { + --transform-rotate: -2deg; } - .md\:-right-1\.5 { - right: -0.375rem; + .sm\:-rotate-1 { + --transform-rotate: -1deg; } - .md\:-bottom-1\.5 { - bottom: -0.375rem; + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .md\:-left-1\.5 { - left: -0.375rem; + .sm\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .md\:-top-2\.5 { - top: -0.625rem; + .sm\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .md\:-right-2\.5 { - right: -0.625rem; + .sm\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .md\:-bottom-2\.5 { - bottom: -0.625rem; + .sm\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .md\:-left-2\.5 { - left: -0.625rem; + .sm\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .md\:-top-3\.5 { - top: -0.875rem; + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .md\:-right-3\.5 { - right: -0.875rem; + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .md\:-bottom-3\.5 { - bottom: -0.875rem; + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .md\:-left-3\.5 { - left: -0.875rem; + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .md\:top-1\/2 { - top: 50%; + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .md\:right-1\/2 { - right: 50%; + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .md\:bottom-1\/2 { - bottom: 50%; + .sm\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .md\:left-1\/2 { - left: 50%; + .sm\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .md\:top-1\/3 { - top: 33.333333%; + .sm\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .md\:right-1\/3 { - right: 33.333333%; + .sm\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .md\:bottom-1\/3 { - bottom: 33.333333%; + .sm\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .md\:left-1\/3 { - left: 33.333333%; + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .md\:top-2\/3 { - top: 66.666667%; + .sm\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .md\:right-2\/3 { - right: 66.666667%; + .sm\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .md\:bottom-2\/3 { - bottom: 66.666667%; + .sm\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .md\:left-2\/3 { - left: 66.666667%; + .sm\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .md\:top-1\/4 { - top: 25%; + .sm\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .md\:right-1\/4 { - right: 25%; + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .md\:bottom-1\/4 { - bottom: 25%; + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .md\:left-1\/4 { - left: 25%; + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .md\:top-2\/4 { - top: 50%; + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .md\:right-2\/4 { - right: 50%; + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .md\:bottom-2\/4 { - bottom: 50%; + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .md\:left-2\/4 { - left: 50%; + .sm\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .md\:top-3\/4 { - top: 75%; + .sm\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .md\:right-3\/4 { - right: 75%; + .sm\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .md\:bottom-3\/4 { - bottom: 75%; + .sm\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .md\:left-3\/4 { - left: 75%; + .sm\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - .md\:top-full { - top: 100%; + .sm\:translate-x-0 { + --transform-translate-x: 0; } - .md\:right-full { - right: 100%; + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .md\:bottom-full { - bottom: 100%; + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .md\:left-full { - left: 100%; + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .md\:-top-1\/2 { - top: -50%; + .sm\:translate-x-4 { + --transform-translate-x: 1rem; } - .md\:-right-1\/2 { - right: -50%; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .md\:-bottom-1\/2 { - bottom: -50%; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .md\:-left-1\/2 { - left: -50%; + .sm\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .md\:-top-1\/3 { - top: -33.333333%; + .sm\:translate-x-8 { + --transform-translate-x: 2rem; } - .md\:-right-1\/3 { - right: -33.333333%; + .sm\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .md\:-bottom-1\/3 { - bottom: -33.333333%; + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .md\:-left-1\/3 { - left: -33.333333%; + .sm\:translate-x-12 { + --transform-translate-x: 3rem; } - .md\:-top-2\/3 { - top: -66.666667%; + .sm\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .md\:-right-2\/3 { - right: -66.666667%; + .sm\:translate-x-16 { + --transform-translate-x: 4rem; } - .md\:-bottom-2\/3 { - bottom: -66.666667%; + .sm\:translate-x-20 { + --transform-translate-x: 5rem; } - .md\:-left-2\/3 { - left: -66.666667%; + .sm\:translate-x-24 { + --transform-translate-x: 6rem; } - .md\:-top-1\/4 { - top: -25%; + .sm\:translate-x-28 { + --transform-translate-x: 7rem; } - .md\:-right-1\/4 { - right: -25%; + .sm\:translate-x-32 { + --transform-translate-x: 8rem; } - .md\:-bottom-1\/4 { - bottom: -25%; + .sm\:translate-x-36 { + --transform-translate-x: 9rem; } - .md\:-left-1\/4 { - left: -25%; + .sm\:translate-x-40 { + --transform-translate-x: 10rem; } - .md\:-top-2\/4 { - top: -50%; + .sm\:translate-x-44 { + --transform-translate-x: 11rem; } - .md\:-right-2\/4 { - right: -50%; + .sm\:translate-x-48 { + --transform-translate-x: 12rem; } - .md\:-bottom-2\/4 { - bottom: -50%; + .sm\:translate-x-52 { + --transform-translate-x: 13rem; } - .md\:-left-2\/4 { - left: -50%; + .sm\:translate-x-56 { + --transform-translate-x: 14rem; } - .md\:-top-3\/4 { - top: -75%; + .sm\:translate-x-60 { + --transform-translate-x: 15rem; } - .md\:-right-3\/4 { - right: -75%; + .sm\:translate-x-64 { + --transform-translate-x: 16rem; } - .md\:-bottom-3\/4 { - bottom: -75%; + .sm\:translate-x-72 { + --transform-translate-x: 18rem; } - .md\:-left-3\/4 { - left: -75%; + .sm\:translate-x-80 { + --transform-translate-x: 20rem; } - .md\:-top-full { - top: -100%; + .sm\:translate-x-96 { + --transform-translate-x: 24rem; } - .md\:-right-full { - right: -100%; + .sm\:translate-x-px { + --transform-translate-x: 1px; } - .md\:-bottom-full { - bottom: -100%; + .sm\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .md\:-left-full { - left: -100%; + .sm\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .md\:resize-none { - resize: none; + .sm\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .md\:resize-y { - resize: vertical; + .sm\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .md\:resize-x { - resize: horizontal; + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .md\:resize { - resize: both; + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:-translate-x-4 { + --transform-translate-x: -1rem; } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .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); + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .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); + .sm\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .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); + .sm\:-translate-x-8 { + --transform-translate-x: -2rem; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:-translate-x-12 { + --transform-translate-x: -3rem; } - .md\:shadow-none { - box-shadow: none; + .sm\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:-translate-x-16 { + --transform-translate-x: -4rem; } - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:-translate-x-20 { + --transform-translate-x: -5rem; } - .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); + .sm\:-translate-x-24 { + --transform-translate-x: -6rem; } - .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); + .sm\:-translate-x-28 { + --transform-translate-x: -7rem; } - .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); + .sm\:-translate-x-32 { + --transform-translate-x: -8rem; } - .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); + .sm\:-translate-x-36 { + --transform-translate-x: -9rem; } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:-translate-x-40 { + --transform-translate-x: -10rem; } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:-translate-x-44 { + --transform-translate-x: -11rem; } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:-translate-x-48 { + --transform-translate-x: -12rem; } - .md\:hover\:shadow-none:hover { - box-shadow: none; + .sm\:-translate-x-52 { + --transform-translate-x: -13rem; } - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:-translate-x-56 { + --transform-translate-x: -14rem; } - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:-translate-x-60 { + --transform-translate-x: -15rem; } - .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); + .sm\:-translate-x-64 { + --transform-translate-x: -16rem; } - .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); + .sm\:-translate-x-72 { + --transform-translate-x: -18rem; } - .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); + .sm\:-translate-x-80 { + --transform-translate-x: -20rem; } - .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); + .sm\:-translate-x-96 { + --transform-translate-x: -24rem; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:-translate-x-px { + --transform-translate-x: -1px; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .md\:focus\:shadow-none:focus { - box-shadow: none; + .sm\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .md\:fill-current { - fill: currentColor; + .sm\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .md\:stroke-current { - stroke: currentColor; + .sm\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:stroke-0 { - stroke-width: 0; + .sm\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .md\:stroke-1 { - stroke-width: 1; + .sm\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .md\:stroke-2 { - stroke-width: 2; + .sm\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .md\:table-auto { - table-layout: auto; + .sm\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .md\:table-fixed { - table-layout: fixed; + .sm\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .md\:text-left { - text-align: left; + .sm\:translate-x-full { + --transform-translate-x: 100%; } - .md\:text-center { - text-align: center; + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:text-right { - text-align: right; + .sm\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .md\:text-justify { - text-align: justify; + .sm\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .md\:text-transparent { - color: transparent; + .sm\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .md\:text-current { - color: currentColor; + .sm\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .md\:text-black { - color: #000; + .sm\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .md\:text-white { - color: #fff; + .sm\:-translate-x-full { + --transform-translate-x: -100%; } - .md\:text-gray-50 { - color: #fafafa; + .sm\:translate-y-0 { + --transform-translate-y: 0; } - .md\:text-gray-100 { - color: #f4f4f5; + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .md\:text-gray-200 { - color: #e4e4e7; + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .md\:text-gray-300 { - color: #d4d4d8; + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .md\:text-gray-400 { - color: #a1a1aa; + .sm\:translate-y-4 { + --transform-translate-y: 1rem; } - .md\:text-gray-500 { - color: #71717a; + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .md\:text-gray-600 { - color: #52525b; + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .md\:text-gray-700 { - color: #3f3f46; + .sm\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .md\:text-gray-800 { - color: #27272a; + .sm\:translate-y-8 { + --transform-translate-y: 2rem; } - .md\:text-gray-900 { - color: #18181b; + .sm\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .md\:text-red-50 { - color: #fef2f2; + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .md\:text-red-100 { - color: #fee2e2; + .sm\:translate-y-12 { + --transform-translate-y: 3rem; } - .md\:text-red-200 { - color: #fecaca; + .sm\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .md\:text-red-300 { - color: #fca5a5; + .sm\:translate-y-16 { + --transform-translate-y: 4rem; } - .md\:text-red-400 { - color: #f87171; + .sm\:translate-y-20 { + --transform-translate-y: 5rem; } - .md\:text-red-500 { - color: #ef4444; + .sm\:translate-y-24 { + --transform-translate-y: 6rem; } - .md\:text-red-600 { - color: #dc2626; + .sm\:translate-y-28 { + --transform-translate-y: 7rem; } - .md\:text-red-700 { - color: #b91c1c; + .sm\:translate-y-32 { + --transform-translate-y: 8rem; } - .md\:text-red-800 { - color: #991b1b; + .sm\:translate-y-36 { + --transform-translate-y: 9rem; } - .md\:text-red-900 { - color: #7f1d1d; + .sm\:translate-y-40 { + --transform-translate-y: 10rem; } - .md\:text-yellow-50 { - color: #fffbeb; + .sm\:translate-y-44 { + --transform-translate-y: 11rem; } - .md\:text-yellow-100 { - color: #fef3c7; + .sm\:translate-y-48 { + --transform-translate-y: 12rem; } - .md\:text-yellow-200 { - color: #fde68a; + .sm\:translate-y-52 { + --transform-translate-y: 13rem; } - .md\:text-yellow-300 { - color: #fcd34d; + .sm\:translate-y-56 { + --transform-translate-y: 14rem; } - .md\:text-yellow-400 { - color: #fbbf24; + .sm\:translate-y-60 { + --transform-translate-y: 15rem; } - .md\:text-yellow-500 { - color: #f59e0b; + .sm\:translate-y-64 { + --transform-translate-y: 16rem; } - .md\:text-yellow-600 { - color: #d97706; + .sm\:translate-y-72 { + --transform-translate-y: 18rem; } - .md\:text-yellow-700 { - color: #b45309; + .sm\:translate-y-80 { + --transform-translate-y: 20rem; } - .md\:text-yellow-800 { - color: #92400e; + .sm\:translate-y-96 { + --transform-translate-y: 24rem; } - .md\:text-yellow-900 { - color: #78350f; + .sm\:translate-y-px { + --transform-translate-y: 1px; } - .md\:text-green-50 { - color: #ecfdf5; + .sm\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .md\:text-green-100 { - color: #d1fae5; + .sm\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .md\:text-green-200 { - color: #a7f3d0; + .sm\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .md\:text-green-300 { - color: #6ee7b7; + .sm\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .md\:text-green-400 { - color: #34d399; + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .md\:text-green-500 { - color: #10b981; + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .md\:text-green-600 { - color: #059669; + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .md\:text-green-700 { - color: #047857; + .sm\:-translate-y-4 { + --transform-translate-y: -1rem; } - .md\:text-green-800 { - color: #065f46; + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .md\:text-green-900 { - color: #064e3b; + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .md\:text-blue-50 { - color: #eff6ff; + .sm\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .md\:text-blue-100 { - color: #dbeafe; + .sm\:-translate-y-8 { + --transform-translate-y: -2rem; } - .md\:text-blue-200 { - color: #bfdbfe; + .sm\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .md\:text-blue-300 { - color: #93c5fd; + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .md\:text-blue-400 { - color: #60a5fa; + .sm\:-translate-y-12 { + --transform-translate-y: -3rem; } - .md\:text-blue-500 { - color: #3b82f6; + .sm\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .md\:text-blue-600 { - color: #2563eb; + .sm\:-translate-y-16 { + --transform-translate-y: -4rem; } - .md\:text-blue-700 { - color: #1d4ed8; + .sm\:-translate-y-20 { + --transform-translate-y: -5rem; } - .md\:text-blue-800 { - color: #1e40af; + .sm\:-translate-y-24 { + --transform-translate-y: -6rem; } - .md\:text-blue-900 { - color: #1e3a8a; + .sm\:-translate-y-28 { + --transform-translate-y: -7rem; } - .md\:text-purple-50 { - color: #f5f3ff; + .sm\:-translate-y-32 { + --transform-translate-y: -8rem; } - .md\:text-purple-100 { - color: #ede9fe; + .sm\:-translate-y-36 { + --transform-translate-y: -9rem; } - .md\:text-purple-200 { - color: #ddd6fe; + .sm\:-translate-y-40 { + --transform-translate-y: -10rem; } - .md\:text-purple-300 { - color: #c4b5fd; + .sm\:-translate-y-44 { + --transform-translate-y: -11rem; } - .md\:text-purple-400 { - color: #a78bfa; + .sm\:-translate-y-48 { + --transform-translate-y: -12rem; } - .md\:text-purple-500 { - color: #8b5cf6; + .sm\:-translate-y-52 { + --transform-translate-y: -13rem; } - .md\:text-purple-600 { - color: #7c3aed; + .sm\:-translate-y-56 { + --transform-translate-y: -14rem; } - .md\:text-purple-700 { - color: #6d28d9; + .sm\:-translate-y-60 { + --transform-translate-y: -15rem; } - .md\:text-purple-800 { - color: #5b21b6; + .sm\:-translate-y-64 { + --transform-translate-y: -16rem; } - .md\:text-purple-900 { - color: #4c1d95; + .sm\:-translate-y-72 { + --transform-translate-y: -18rem; } - .md\:text-pink-50 { - color: #fdf2f8; + .sm\:-translate-y-80 { + --transform-translate-y: -20rem; } - .md\:text-pink-100 { - color: #fce7f3; + .sm\:-translate-y-96 { + --transform-translate-y: -24rem; } - .md\:text-pink-200 { - color: #fbcfe8; + .sm\:-translate-y-px { + --transform-translate-y: -1px; } - .md\:text-pink-300 { - color: #f9a8d4; + .sm\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .md\:text-pink-400 { - color: #f472b6; + .sm\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .md\:text-pink-500 { - color: #ec4899; + .sm\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .md\:text-pink-600 { - color: #db2777; + .sm\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .md\:text-pink-700 { - color: #be185d; + .sm\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .md\:text-pink-800 { - color: #9d174d; + .sm\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .md\:text-pink-900 { - color: #831843; + .sm\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .group:hover .md\:group-hover\:text-transparent { - color: transparent; + .sm\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .group:hover .md\:group-hover\:text-current { - color: currentColor; + .sm\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .group:hover .md\:group-hover\:text-black { - color: #000; + .sm\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .group:hover .md\:group-hover\:text-white { - color: #fff; + .sm\:translate-y-full { + --transform-translate-y: 100%; } - .group:hover .md\:group-hover\:text-gray-50 { - color: #fafafa; + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .group:hover .md\:group-hover\:text-gray-100 { - color: #f4f4f5; + .sm\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .group:hover .md\:group-hover\:text-gray-200 { - color: #e4e4e7; + .sm\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .group:hover .md\:group-hover\:text-gray-300 { - color: #d4d4d8; + .sm\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .group:hover .md\:group-hover\:text-gray-400 { - color: #a1a1aa; + .sm\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .group:hover .md\:group-hover\:text-gray-500 { - color: #71717a; + .sm\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .group:hover .md\:group-hover\:text-gray-600 { - color: #52525b; + .sm\:-translate-y-full { + --transform-translate-y: -100%; } - .group:hover .md\:group-hover\:text-gray-700 { - color: #3f3f46; + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .group:hover .md\:group-hover\:text-gray-800 { - color: #27272a; + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .group:hover .md\:group-hover\:text-gray-900 { - color: #18181b; + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .group:hover .md\:group-hover\:text-red-50 { - color: #fef2f2; + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .group:hover .md\:group-hover\:text-red-100 { - color: #fee2e2; + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .group:hover .md\:group-hover\:text-red-200 { - color: #fecaca; + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .group:hover .md\:group-hover\:text-red-300 { - color: #fca5a5; + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .group:hover .md\:group-hover\:text-red-400 { - color: #f87171; + .sm\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .group:hover .md\:group-hover\:text-red-500 { - color: #ef4444; + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .group:hover .md\:group-hover\:text-red-600 { - color: #dc2626; + .sm\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .group:hover .md\:group-hover\:text-red-700 { - color: #b91c1c; + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .group:hover .md\:group-hover\:text-red-800 { - color: #991b1b; + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .group:hover .md\:group-hover\:text-red-900 { - color: #7f1d1d; + .sm\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .group:hover .md\:group-hover\:text-yellow-50 { - color: #fffbeb; + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .group:hover .md\:group-hover\:text-yellow-100 { - color: #fef3c7; + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .group:hover .md\:group-hover\:text-yellow-200 { - color: #fde68a; + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .group:hover .md\:group-hover\:text-yellow-300 { - color: #fcd34d; + .sm\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .group:hover .md\:group-hover\:text-yellow-400 { - color: #fbbf24; + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .group:hover .md\:group-hover\:text-yellow-500 { - color: #f59e0b; + .sm\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .group:hover .md\:group-hover\:text-yellow-600 { - color: #d97706; + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .group:hover .md\:group-hover\:text-yellow-700 { - color: #b45309; + .sm\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .group:hover .md\:group-hover\:text-yellow-800 { - color: #92400e; + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .group:hover .md\:group-hover\:text-yellow-900 { - color: #78350f; + .sm\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .group:hover .md\:group-hover\:text-green-50 { - color: #ecfdf5; + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .group:hover .md\:group-hover\:text-green-100 { - color: #d1fae5; + .sm\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .group:hover .md\:group-hover\:text-green-200 { - color: #a7f3d0; + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .group:hover .md\:group-hover\:text-green-300 { - color: #6ee7b7; + .sm\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .group:hover .md\:group-hover\:text-green-400 { - color: #34d399; + .sm\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .group:hover .md\:group-hover\:text-green-500 { - color: #10b981; + .sm\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .group:hover .md\:group-hover\:text-green-600 { - color: #059669; + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .group:hover .md\:group-hover\:text-green-700 { - color: #047857; + .sm\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .group:hover .md\:group-hover\:text-green-800 { - color: #065f46; + .sm\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .group:hover .md\:group-hover\:text-green-900 { - color: #064e3b; + .sm\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .group:hover .md\:group-hover\:text-blue-50 { - color: #eff6ff; + .sm\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .group:hover .md\:group-hover\:text-blue-100 { - color: #dbeafe; + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .group:hover .md\:group-hover\:text-blue-200 { - color: #bfdbfe; + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .group:hover .md\:group-hover\:text-blue-300 { - color: #93c5fd; + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .group:hover .md\:group-hover\:text-blue-400 { - color: #60a5fa; + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .group:hover .md\:group-hover\:text-blue-500 { - color: #3b82f6; + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .group:hover .md\:group-hover\:text-blue-600 { - color: #2563eb; + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .group:hover .md\:group-hover\:text-blue-700 { - color: #1d4ed8; + .sm\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .group:hover .md\:group-hover\:text-blue-800 { - color: #1e40af; + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .group:hover .md\:group-hover\:text-blue-900 { - color: #1e3a8a; + .sm\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .group:hover .md\:group-hover\:text-purple-50 { - color: #f5f3ff; + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .group:hover .md\:group-hover\:text-purple-100 { - color: #ede9fe; + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .group:hover .md\:group-hover\:text-purple-200 { - color: #ddd6fe; + .sm\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .group:hover .md\:group-hover\:text-purple-300 { - color: #c4b5fd; + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .group:hover .md\:group-hover\:text-purple-400 { - color: #a78bfa; + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .group:hover .md\:group-hover\:text-purple-500 { - color: #8b5cf6; + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .group:hover .md\:group-hover\:text-purple-600 { - color: #7c3aed; + .sm\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .group:hover .md\:group-hover\:text-purple-700 { - color: #6d28d9; + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .group:hover .md\:group-hover\:text-purple-800 { - color: #5b21b6; + .sm\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .group:hover .md\:group-hover\:text-purple-900 { - color: #4c1d95; + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .group:hover .md\:group-hover\:text-pink-50 { - color: #fdf2f8; + .sm\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .group:hover .md\:group-hover\:text-pink-100 { - color: #fce7f3; + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .group:hover .md\:group-hover\:text-pink-200 { - color: #fbcfe8; + .sm\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .group:hover .md\:group-hover\:text-pink-300 { - color: #f9a8d4; + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .group:hover .md\:group-hover\:text-pink-400 { - color: #f472b6; + .sm\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .group:hover .md\:group-hover\:text-pink-500 { - color: #ec4899; + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .group:hover .md\:group-hover\:text-pink-600 { - color: #db2777; + .sm\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .group:hover .md\:group-hover\:text-pink-700 { - color: #be185d; + .sm\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .group:hover .md\:group-hover\:text-pink-800 { - color: #9d174d; + .sm\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .group:hover .md\:group-hover\:text-pink-900 { - color: #831843; + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .md\:hover\:text-transparent:hover { - color: transparent; + .sm\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .md\:hover\:text-current:hover { - color: currentColor; + .sm\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .md\:hover\:text-black:hover { - color: #000; + .sm\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .md\:hover\:text-white:hover { - color: #fff; + .sm\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .md\:hover\:text-gray-50:hover { - color: #fafafa; + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .md\:hover\:text-gray-100:hover { - color: #f4f4f5; + .sm\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .md\:hover\:text-gray-200:hover { - color: #e4e4e7; + .sm\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .md\:hover\:text-gray-300:hover { - color: #d4d4d8; + .sm\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .md\:hover\:text-gray-400:hover { - color: #a1a1aa; + .sm\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .md\:hover\:text-gray-500:hover { - color: #71717a; + .sm\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .md\:hover\:text-gray-600:hover { - color: #52525b; + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .md\:hover\:text-gray-700:hover { - color: #3f3f46; + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .md\:hover\:text-gray-800:hover { - color: #27272a; + .sm\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .md\:hover\:text-gray-900:hover { - color: #18181b; + .sm\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .md\:hover\:text-red-50:hover { - color: #fef2f2; + .sm\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .md\:hover\:text-red-100:hover { - color: #fee2e2; + .sm\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .md\:hover\:text-red-200:hover { - color: #fecaca; + .sm\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .md\:hover\:text-red-300:hover { - color: #fca5a5; + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .md\:hover\:text-red-400:hover { - color: #f87171; + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .md\:hover\:text-red-500:hover { - color: #ef4444; + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .md\:hover\:text-red-600:hover { - color: #dc2626; + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .md\:hover\:text-red-700:hover { - color: #b91c1c; + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .md\:hover\:text-red-800:hover { - color: #991b1b; + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .md\:hover\:text-red-900:hover { - color: #7f1d1d; + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .md\:hover\:text-yellow-50:hover { - color: #fffbeb; + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .md\:hover\:text-yellow-100:hover { - color: #fef3c7; + .sm\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .md\:hover\:text-yellow-200:hover { - color: #fde68a; + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .md\:hover\:text-yellow-300:hover { - color: #fcd34d; + .sm\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .md\:hover\:text-yellow-400:hover { - color: #fbbf24; + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .md\:hover\:text-yellow-500:hover { - color: #f59e0b; + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .md\:hover\:text-yellow-600:hover { - color: #d97706; + .sm\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .md\:hover\:text-yellow-700:hover { - color: #b45309; + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .md\:hover\:text-yellow-800:hover { - color: #92400e; + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .md\:hover\:text-yellow-900:hover { - color: #78350f; + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .md\:hover\:text-green-50:hover { - color: #ecfdf5; + .sm\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .md\:hover\:text-green-100:hover { - color: #d1fae5; + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .md\:hover\:text-green-200:hover { - color: #a7f3d0; + .sm\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .md\:hover\:text-green-300:hover { - color: #6ee7b7; + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .md\:hover\:text-green-400:hover { - color: #34d399; + .sm\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .md\:hover\:text-green-500:hover { - color: #10b981; + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .md\:hover\:text-green-600:hover { - color: #059669; + .sm\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .md\:hover\:text-green-700:hover { - color: #047857; + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .md\:hover\:text-green-800:hover { - color: #065f46; + .sm\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .md\:hover\:text-green-900:hover { - color: #064e3b; + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .md\:hover\:text-blue-50:hover { - color: #eff6ff; + .sm\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .md\:hover\:text-blue-100:hover { - color: #dbeafe; + .sm\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .md\:hover\:text-blue-200:hover { - color: #bfdbfe; + .sm\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .md\:hover\:text-blue-300:hover { - color: #93c5fd; + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .md\:hover\:text-blue-400:hover { - color: #60a5fa; + .sm\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .md\:hover\:text-blue-500:hover { - color: #3b82f6; + .sm\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .md\:hover\:text-blue-600:hover { - color: #2563eb; + .sm\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .md\:hover\:text-blue-700:hover { - color: #1d4ed8; + .sm\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .md\:hover\:text-blue-800:hover { - color: #1e40af; + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .md\:hover\:text-blue-900:hover { - color: #1e3a8a; + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .md\:hover\:text-purple-50:hover { - color: #f5f3ff; + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .md\:hover\:text-purple-100:hover { - color: #ede9fe; + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .md\:hover\:text-purple-200:hover { - color: #ddd6fe; + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .md\:hover\:text-purple-300:hover { - color: #c4b5fd; + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .md\:hover\:text-purple-400:hover { - color: #a78bfa; + .sm\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .md\:hover\:text-purple-500:hover { - color: #8b5cf6; + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .md\:hover\:text-purple-600:hover { - color: #7c3aed; + .sm\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .md\:hover\:text-purple-700:hover { - color: #6d28d9; + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .md\:hover\:text-purple-800:hover { - color: #5b21b6; + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .md\:hover\:text-purple-900:hover { - color: #4c1d95; + .sm\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .md\:hover\:text-pink-50:hover { - color: #fdf2f8; + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .md\:hover\:text-pink-100:hover { - color: #fce7f3; + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .md\:hover\:text-pink-200:hover { - color: #fbcfe8; + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .md\:hover\:text-pink-300:hover { - color: #f9a8d4; + .sm\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .md\:hover\:text-pink-400:hover { - color: #f472b6; + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .md\:hover\:text-pink-500:hover { - color: #ec4899; + .sm\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .md\:hover\:text-pink-600:hover { - color: #db2777; + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .md\:hover\:text-pink-700:hover { - color: #be185d; + .sm\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .md\:hover\:text-pink-800:hover { - color: #9d174d; + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .md\:hover\:text-pink-900:hover { - color: #831843; + .sm\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .md\:focus\:text-transparent:focus { - color: transparent; + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .md\:focus\:text-current:focus { - color: currentColor; + .sm\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .md\:focus\:text-black:focus { - color: #000; + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .md\:focus\:text-white:focus { - color: #fff; + .sm\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .md\:focus\:text-gray-50:focus { - color: #fafafa; + .sm\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .md\:focus\:text-gray-100:focus { - color: #f4f4f5; + .sm\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .md\:focus\:text-gray-200:focus { - color: #e4e4e7; + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .md\:focus\:text-gray-300:focus { - color: #d4d4d8; + .sm\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .md\:focus\:text-gray-400:focus { - color: #a1a1aa; + .sm\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .md\:focus\:text-gray-500:focus { - color: #71717a; + .sm\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .md\:focus\:text-gray-600:focus { - color: #52525b; + .sm\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .md\:focus\:text-gray-700:focus { - color: #3f3f46; + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .md\:focus\:text-gray-800:focus { - color: #27272a; + .sm\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .md\:focus\:text-gray-900:focus { - color: #18181b; + .sm\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .md\:focus\:text-red-50:focus { - color: #fef2f2; + .sm\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .md\:focus\:text-red-100:focus { - color: #fee2e2; + .sm\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .md\:focus\:text-red-200:focus { - color: #fecaca; + .sm\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .md\:focus\:text-red-300:focus { - color: #fca5a5; + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .md\:focus\:text-red-400:focus { - color: #f87171; + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .md\:focus\:text-red-500:focus { - color: #ef4444; + .sm\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .md\:focus\:text-red-600:focus { - color: #dc2626; + .sm\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .md\:focus\:text-red-700:focus { - color: #b91c1c; + .sm\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .md\:focus\:text-red-800:focus { - color: #991b1b; + .sm\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .md\:focus\:text-red-900:focus { - color: #7f1d1d; + .sm\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .md\:focus\:text-yellow-50:focus { - color: #fffbeb; + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .md\:focus\:text-yellow-100:focus { - color: #fef3c7; + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .md\:focus\:text-yellow-200:focus { - color: #fde68a; + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .md\:focus\:text-yellow-300:focus { - color: #fcd34d; + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .md\:focus\:text-yellow-400:focus { - color: #fbbf24; + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .md\:focus\:text-yellow-500:focus { - color: #f59e0b; + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .md\:focus\:text-yellow-600:focus { - color: #d97706; + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .md\:focus\:text-yellow-700:focus { - color: #b45309; + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .md\:focus\:text-yellow-800:focus { - color: #92400e; + .sm\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .md\:focus\:text-yellow-900:focus { - color: #78350f; + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .md\:focus\:text-green-50:focus { - color: #ecfdf5; + .sm\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .md\:focus\:text-green-100:focus { - color: #d1fae5; + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .md\:focus\:text-green-200:focus { - color: #a7f3d0; + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .md\:focus\:text-green-300:focus { - color: #6ee7b7; + .sm\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .md\:focus\:text-green-400:focus { - color: #34d399; + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .md\:focus\:text-green-500:focus { - color: #10b981; + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .md\:focus\:text-green-600:focus { - color: #059669; + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .md\:focus\:text-green-700:focus { - color: #047857; + .sm\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .md\:focus\:text-green-800:focus { - color: #065f46; + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .md\:focus\:text-green-900:focus { - color: #064e3b; + .sm\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .md\:focus\:text-blue-50:focus { - color: #eff6ff; + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .md\:focus\:text-blue-100:focus { - color: #dbeafe; + .sm\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .md\:focus\:text-blue-200:focus { - color: #bfdbfe; + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .md\:focus\:text-blue-300:focus { - color: #93c5fd; + .sm\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .md\:focus\:text-blue-400:focus { - color: #60a5fa; + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .md\:focus\:text-blue-500:focus { - color: #3b82f6; + .sm\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .md\:focus\:text-blue-600:focus { - color: #2563eb; + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .md\:focus\:text-blue-700:focus { - color: #1d4ed8; + .sm\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .md\:focus\:text-blue-800:focus { - color: #1e40af; + .sm\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .md\:focus\:text-blue-900:focus { - color: #1e3a8a; + .sm\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .md\:focus\:text-purple-50:focus { - color: #f5f3ff; + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .md\:focus\:text-purple-100:focus { - color: #ede9fe; + .sm\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .md\:focus\:text-purple-200:focus { - color: #ddd6fe; + .sm\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .md\:focus\:text-purple-300:focus { - color: #c4b5fd; + .sm\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .md\:focus\:text-purple-400:focus { - color: #a78bfa; + .sm\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .md\:focus\:text-purple-500:focus { - color: #8b5cf6; + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .md\:focus\:text-purple-600:focus { - color: #7c3aed; + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .md\:focus\:text-purple-700:focus { - color: #6d28d9; + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .md\:focus\:text-purple-800:focus { - color: #5b21b6; + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .md\:focus\:text-purple-900:focus { - color: #4c1d95; + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .md\:focus\:text-pink-50:focus { - color: #fdf2f8; + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .md\:focus\:text-pink-100:focus { - color: #fce7f3; + .sm\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .md\:focus\:text-pink-200:focus { - color: #fbcfe8; + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .md\:focus\:text-pink-300:focus { - color: #f9a8d4; + .sm\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .md\:focus\:text-pink-400:focus { - color: #f472b6; + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .md\:focus\:text-pink-500:focus { - color: #ec4899; + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .md\:focus\:text-pink-600:focus { - color: #db2777; + .sm\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .md\:focus\:text-pink-700:focus { - color: #be185d; + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .md\:focus\:text-pink-800:focus { - color: #9d174d; + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .md\:focus\:text-pink-900:focus { - color: #831843; + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - @media (prefers-color-scheme: dark) { - .md\:dark\:text-transparent { - color: transparent; - } - - .md\:dark\:text-current { - color: currentColor; - } + .sm\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; + } - .md\:dark\:text-black { - color: #000; - } + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; + } - .md\:dark\:text-white { - color: #fff; - } + .sm\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; + } - .md\:dark\:text-gray-50 { - color: #fafafa; - } + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; + } - .md\:dark\:text-gray-100 { - color: #f4f4f5; - } + .sm\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; + } - .md\:dark\:text-gray-200 { - color: #e4e4e7; - } + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; + } - .md\:dark\:text-gray-300 { - color: #d4d4d8; - } + .sm\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; + } - .md\:dark\:text-gray-400 { - color: #a1a1aa; - } + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; + } - .md\:dark\:text-gray-500 { - color: #71717a; - } + .sm\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; + } - .md\:dark\:text-gray-600 { - color: #52525b; - } + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; + } - .md\:dark\:text-gray-700 { - color: #3f3f46; - } + .sm\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; + } - .md\:dark\:text-gray-800 { - color: #27272a; - } + .sm\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; + } - .md\:dark\:text-gray-900 { - color: #18181b; - } + .sm\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; + } - .md\:dark\:text-red-50 { - color: #fef2f2; - } + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; + } - .md\:dark\:text-red-100 { - color: #fee2e2; - } + .sm\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; + } - .md\:dark\:text-red-200 { - color: #fecaca; - } + .sm\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; + } - .md\:dark\:text-red-300 { - color: #fca5a5; - } + .sm\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; + } - .md\:dark\:text-red-400 { - color: #f87171; - } + .sm\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; + } - .md\:dark\:text-red-500 { - color: #ef4444; - } + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; + } - .md\:dark\:text-red-600 { - color: #dc2626; - } + .sm\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; + } - .md\:dark\:text-red-700 { - color: #b91c1c; - } + .sm\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; + } - .md\:dark\:text-red-800 { - color: #991b1b; - } + .sm\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; + } - .md\:dark\:text-red-900 { - color: #7f1d1d; - } + .sm\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; + } - .md\:dark\:text-yellow-50 { - color: #fffbeb; - } + .sm\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; + } - .md\:dark\:text-yellow-100 { - color: #fef3c7; - } + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; + } - .md\:dark\:text-yellow-200 { - color: #fde68a; - } + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; + } - .md\:dark\:text-yellow-300 { - color: #fcd34d; - } + .sm\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; + } - .md\:dark\:text-yellow-400 { - color: #fbbf24; - } + .sm\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; + } - .md\:dark\:text-yellow-500 { - color: #f59e0b; - } + .sm\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; + } - .md\:dark\:text-yellow-600 { - color: #d97706; - } + .sm\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; + } - .md\:dark\:text-yellow-700 { - color: #b45309; - } + .sm\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; + } - .md\:dark\:text-yellow-800 { - color: #92400e; - } + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; + } - .md\:dark\:text-yellow-900 { - color: #78350f; - } + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0; + } - .md\:dark\:text-green-50 { - color: #ecfdf5; - } + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; + } - .md\:dark\:text-green-100 { - color: #d1fae5; - } + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; + } - .md\:dark\:text-green-200 { - color: #a7f3d0; - } + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; + } - .md\:dark\:text-green-300 { - color: #6ee7b7; - } + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; + } - .md\:dark\:text-green-400 { - color: #34d399; - } + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; + } - .md\:dark\:text-green-500 { - color: #10b981; - } + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; + } - .md\:dark\:text-green-600 { - color: #059669; - } + .sm\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; + } - .md\:dark\:text-green-700 { - color: #047857; - } + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; + } - .md\:dark\:text-green-800 { - color: #065f46; - } + .sm\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; + } - .md\:dark\:text-green-900 { - color: #064e3b; - } + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; + } - .md\:dark\:text-blue-50 { - color: #eff6ff; - } + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; + } - .md\:dark\:text-blue-100 { - color: #dbeafe; - } + .sm\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; + } - .md\:dark\:text-blue-200 { - color: #bfdbfe; - } + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; + } - .md\:dark\:text-blue-300 { - color: #93c5fd; - } + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; + } - .md\:dark\:text-blue-400 { - color: #60a5fa; - } + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; + } - .md\:dark\:text-blue-500 { - color: #3b82f6; - } + .sm\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; + } - .md\:dark\:text-blue-600 { - color: #2563eb; - } + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; + } - .md\:dark\:text-blue-700 { - color: #1d4ed8; - } + .sm\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; + } - .md\:dark\:text-blue-800 { - color: #1e40af; - } + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; + } - .md\:dark\:text-blue-900 { - color: #1e3a8a; - } + .sm\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; + } - .md\:dark\:text-purple-50 { - color: #f5f3ff; - } + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; + } - .md\:dark\:text-purple-100 { - color: #ede9fe; - } + .sm\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; + } - .md\:dark\:text-purple-200 { - color: #ddd6fe; - } + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; + } - .md\:dark\:text-purple-300 { - color: #c4b5fd; - } + .sm\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; + } - .md\:dark\:text-purple-400 { - color: #a78bfa; - } + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; + } - .md\:dark\:text-purple-500 { - color: #8b5cf6; - } + .sm\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; + } - .md\:dark\:text-purple-600 { - color: #7c3aed; - } + .sm\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; + } - .md\:dark\:text-purple-700 { - color: #6d28d9; - } + .sm\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; + } - .md\:dark\:text-purple-800 { - color: #5b21b6; - } + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; + } - .md\:dark\:text-purple-900 { - color: #4c1d95; - } + .sm\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; + } - .md\:dark\:text-pink-50 { - color: #fdf2f8; - } + .sm\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; + } - .md\:dark\:text-pink-100 { - color: #fce7f3; - } + .sm\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; + } - .md\:dark\:text-pink-200 { - color: #fbcfe8; - } + .sm\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; + } - .md\:dark\:text-pink-300 { - color: #f9a8d4; - } + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; + } - .md\:dark\:text-pink-400 { - color: #f472b6; - } + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; + } - .md\:dark\:text-pink-500 { - color: #ec4899; - } + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; + } - .md\:dark\:text-pink-600 { - color: #db2777; - } + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; + } - .md\:dark\:text-pink-700 { - color: #be185d; - } + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; + } - .md\:dark\:text-pink-800 { - color: #9d174d; - } + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; + } - .md\:dark\:text-pink-900 { - color: #831843; - } + .sm\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:text-transparent { - color: transparent; - } + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; + } - .group:hover .md\:dark\:group-hover\:text-current { - color: currentColor; - } + .sm\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; + } - .group:hover .md\:dark\:group-hover\:text-black { - color: #000; - } + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; + } - .group:hover .md\:dark\:group-hover\:text-white { - color: #fff; - } + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-50 { - color: #fafafa; - } + .sm\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-100 { - color: #f4f4f5; - } + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-200 { - color: #e4e4e7; - } + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-300 { - color: #d4d4d8; - } + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-400 { - color: #a1a1aa; - } + .sm\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-500 { - color: #71717a; - } + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-600 { - color: #52525b; - } + .sm\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-700 { - color: #3f3f46; - } + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-800 { - color: #27272a; - } + .sm\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-900 { - color: #18181b; - } + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; + } - .group:hover .md\:dark\:group-hover\:text-red-50 { - color: #fef2f2; - } + .sm\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; + } - .group:hover .md\:dark\:group-hover\:text-red-100 { - color: #fee2e2; - } + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; + } - .group:hover .md\:dark\:group-hover\:text-red-200 { - color: #fecaca; - } + .sm\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; + } - .group:hover .md\:dark\:group-hover\:text-red-300 { - color: #fca5a5; - } + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; + } - .group:hover .md\:dark\:group-hover\:text-red-400 { - color: #f87171; - } + .sm\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; + } - .group:hover .md\:dark\:group-hover\:text-red-500 { - color: #ef4444; - } + .sm\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; + } - .group:hover .md\:dark\:group-hover\:text-red-600 { - color: #dc2626; - } + .sm\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; + } - .group:hover .md\:dark\:group-hover\:text-red-700 { - color: #b91c1c; - } + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; + } - .group:hover .md\:dark\:group-hover\:text-red-800 { - color: #991b1b; - } + .sm\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; + } - .group:hover .md\:dark\:group-hover\:text-red-900 { - color: #7f1d1d; - } + .sm\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-50 { - color: #fffbeb; - } + .sm\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-100 { - color: #fef3c7; - } + .sm\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-200 { - color: #fde68a; - } + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-300 { - color: #fcd34d; - } + .sm\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-400 { - color: #fbbf24; - } + .sm\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-500 { - color: #f59e0b; - } + .sm\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-600 { - color: #d97706; - } + .sm\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-700 { - color: #b45309; - } + .sm\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-800 { - color: #92400e; - } + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; + } - .group:hover .md\:dark\:group-hover\:text-yellow-900 { - color: #78350f; - } + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; + } - .group:hover .md\:dark\:group-hover\:text-green-50 { - color: #ecfdf5; - } + .sm\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; + } - .group:hover .md\:dark\:group-hover\:text-green-100 { - color: #d1fae5; - } + .sm\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; + } - .group:hover .md\:dark\:group-hover\:text-green-200 { - color: #a7f3d0; - } + .sm\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; + } - .group:hover .md\:dark\:group-hover\:text-green-300 { - color: #6ee7b7; - } + .sm\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; + } - .group:hover .md\:dark\:group-hover\:text-green-400 { - color: #34d399; - } + .sm\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; + } - .group:hover .md\:dark\:group-hover\:text-green-500 { - color: #10b981; - } + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; + } - .group:hover .md\:dark\:group-hover\:text-green-600 { - color: #059669; - } + .sm\:skew-x-0 { + --transform-skew-x: 0; + } - .group:hover .md\:dark\:group-hover\:text-green-700 { - color: #047857; - } + .sm\:skew-x-1 { + --transform-skew-x: 1deg; + } - .group:hover .md\:dark\:group-hover\:text-green-800 { - color: #065f46; - } + .sm\:skew-x-2 { + --transform-skew-x: 2deg; + } - .group:hover .md\:dark\:group-hover\:text-green-900 { - color: #064e3b; - } + .sm\:skew-x-3 { + --transform-skew-x: 3deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-50 { - color: #eff6ff; - } + .sm\:skew-x-6 { + --transform-skew-x: 6deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-100 { - color: #dbeafe; - } + .sm\:skew-x-12 { + --transform-skew-x: 12deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-200 { - color: #bfdbfe; - } + .sm\:-skew-x-12 { + --transform-skew-x: -12deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-300 { - color: #93c5fd; - } + .sm\:-skew-x-6 { + --transform-skew-x: -6deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-400 { - color: #60a5fa; - } + .sm\:-skew-x-3 { + --transform-skew-x: -3deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-500 { - color: #3b82f6; - } + .sm\:-skew-x-2 { + --transform-skew-x: -2deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-600 { - color: #2563eb; - } + .sm\:-skew-x-1 { + --transform-skew-x: -1deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-700 { - color: #1d4ed8; - } + .sm\:skew-y-0 { + --transform-skew-y: 0; + } - .group:hover .md\:dark\:group-hover\:text-blue-800 { - color: #1e40af; - } + .sm\:skew-y-1 { + --transform-skew-y: 1deg; + } - .group:hover .md\:dark\:group-hover\:text-blue-900 { - color: #1e3a8a; - } + .sm\:skew-y-2 { + --transform-skew-y: 2deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-50 { - color: #f5f3ff; - } + .sm\:skew-y-3 { + --transform-skew-y: 3deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-100 { - color: #ede9fe; - } + .sm\:skew-y-6 { + --transform-skew-y: 6deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-200 { - color: #ddd6fe; - } + .sm\:skew-y-12 { + --transform-skew-y: 12deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-300 { - color: #c4b5fd; - } + .sm\:-skew-y-12 { + --transform-skew-y: -12deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-400 { - color: #a78bfa; - } + .sm\:-skew-y-6 { + --transform-skew-y: -6deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-500 { - color: #8b5cf6; - } + .sm\:-skew-y-3 { + --transform-skew-y: -3deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-600 { - color: #7c3aed; - } + .sm\:-skew-y-2 { + --transform-skew-y: -2deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-700 { - color: #6d28d9; - } + .sm\:-skew-y-1 { + --transform-skew-y: -1deg; + } - .group:hover .md\:dark\:group-hover\:text-purple-800 { - color: #5b21b6; - } + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0; + } - .group:hover .md\:dark\:group-hover\:text-purple-900 { - color: #4c1d95; - } + .sm\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-50 { - color: #fdf2f8; - } + .sm\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-100 { - color: #fce7f3; - } + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-200 { - color: #fbcfe8; - } + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-300 { - color: #f9a8d4; - } + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-400 { - color: #f472b6; - } + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-500 { - color: #ec4899; - } + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-600 { - color: #db2777; - } + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-700 { - color: #be185d; - } + .sm\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-800 { - color: #9d174d; - } + .sm\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; + } - .group:hover .md\:dark\:group-hover\:text-pink-900 { - color: #831843; - } + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0; + } - .md\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .sm\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; + } - .md\:dark\:hover\:text-current:hover { - color: currentColor; - } + .sm\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; + } - .md\:dark\:hover\:text-black:hover { - color: #000; - } + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; + } - .md\:dark\:hover\:text-white:hover { - color: #fff; - } + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; + } - .md\:dark\:hover\:text-gray-50:hover { - color: #fafafa; - } + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; + } - .md\:dark\:hover\:text-gray-100:hover { - color: #f4f4f5; - } + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; + } - .md\:dark\:hover\:text-gray-200:hover { - color: #e4e4e7; - } + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; + } - .md\:dark\:hover\:text-gray-300:hover { - color: #d4d4d8; - } + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; + } - .md\:dark\:hover\:text-gray-400:hover { - color: #a1a1aa; - } + .sm\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; + } - .md\:dark\:hover\:text-gray-500:hover { - color: #71717a; - } + .sm\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; + } - .md\:dark\:hover\:text-gray-600:hover { - color: #52525b; - } + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0; + } - .md\:dark\:hover\:text-gray-700:hover { - color: #3f3f46; - } + .sm\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; + } - .md\:dark\:hover\:text-gray-800:hover { - color: #27272a; - } + .sm\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; + } - .md\:dark\:hover\:text-gray-900:hover { - color: #18181b; - } + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; + } - .md\:dark\:hover\:text-red-50:hover { - color: #fef2f2; - } + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; + } - .md\:dark\:hover\:text-red-100:hover { - color: #fee2e2; - } + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; + } - .md\:dark\:hover\:text-red-200:hover { - color: #fecaca; - } + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; + } - .md\:dark\:hover\:text-red-300:hover { - color: #fca5a5; - } + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; + } - .md\:dark\:hover\:text-red-400:hover { - color: #f87171; - } + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; + } - .md\:dark\:hover\:text-red-500:hover { - color: #ef4444; - } + .sm\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; + } - .md\:dark\:hover\:text-red-600:hover { - color: #dc2626; - } + .sm\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; + } - .md\:dark\:hover\:text-red-700:hover { - color: #b91c1c; - } + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0; + } - .md\:dark\:hover\:text-red-800:hover { - color: #991b1b; - } + .sm\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; + } - .md\:dark\:hover\:text-red-900:hover { - color: #7f1d1d; - } + .sm\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; + } - .md\:dark\:hover\:text-yellow-50:hover { - color: #fffbeb; - } + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; + } - .md\:dark\:hover\:text-yellow-100:hover { - color: #fef3c7; - } + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; + } - .md\:dark\:hover\:text-yellow-200:hover { - color: #fde68a; - } + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; + } - .md\:dark\:hover\:text-yellow-300:hover { - color: #fcd34d; - } + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; + } - .md\:dark\:hover\:text-yellow-400:hover { - color: #fbbf24; - } + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; + } - .md\:dark\:hover\:text-yellow-500:hover { - color: #f59e0b; - } + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; + } - .md\:dark\:hover\:text-yellow-600:hover { - color: #d97706; - } + .sm\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; + } - .md\:dark\:hover\:text-yellow-700:hover { - color: #b45309; - } + .sm\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; + } - .md\:dark\:hover\:text-yellow-800:hover { - color: #92400e; - } + .sm\:transition-none { + transition-property: none; + } - .md\:dark\:hover\:text-yellow-900:hover { - color: #78350f; - } + .sm\:transition-all { + transition-property: all; + } - .md\:dark\:hover\:text-green-50:hover { - color: #ecfdf5; - } + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + } - .md\:dark\:hover\:text-green-100:hover { - color: #d1fae5; - } + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + } - .md\:dark\:hover\:text-green-200:hover { - color: #a7f3d0; - } + .sm\:transition-opacity { + transition-property: opacity; + } - .md\:dark\:hover\:text-green-300:hover { - color: #6ee7b7; - } + .sm\:transition-shadow { + transition-property: box-shadow; + } - .md\:dark\:hover\:text-green-400:hover { - color: #34d399; - } + .sm\:transition-transform { + transition-property: transform; + } - .md\:dark\:hover\:text-green-500:hover { - color: #10b981; - } + .sm\:ease-linear { + transition-timing-function: linear; + } - .md\:dark\:hover\:text-green-600:hover { - color: #059669; - } + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + } - .md\:dark\:hover\:text-green-700:hover { - color: #047857; - } + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } - .md\:dark\:hover\:text-green-800:hover { - color: #065f46; - } + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } - .md\:dark\:hover\:text-green-900:hover { - color: #064e3b; - } + .sm\:duration-75 { + transition-duration: 75ms; + } - .md\:dark\:hover\:text-blue-50:hover { - color: #eff6ff; - } + .sm\:duration-100 { + transition-duration: 100ms; + } - .md\:dark\:hover\:text-blue-100:hover { - color: #dbeafe; - } + .sm\:duration-150 { + transition-duration: 150ms; + } - .md\:dark\:hover\:text-blue-200:hover { - color: #bfdbfe; - } + .sm\:duration-200 { + transition-duration: 200ms; + } - .md\:dark\:hover\:text-blue-300:hover { - color: #93c5fd; - } + .sm\:duration-300 { + transition-duration: 300ms; + } - .md\:dark\:hover\:text-blue-400:hover { - color: #60a5fa; - } + .sm\:duration-500 { + transition-duration: 500ms; + } - .md\:dark\:hover\:text-blue-500:hover { - color: #3b82f6; - } + .sm\:duration-700 { + transition-duration: 700ms; + } - .md\:dark\:hover\:text-blue-600:hover { - color: #2563eb; - } + .sm\:duration-1000 { + transition-duration: 1000ms; + } - .md\:dark\:hover\:text-blue-700:hover { - color: #1d4ed8; - } + .sm\:delay-75 { + transition-delay: 75ms; + } - .md\:dark\:hover\:text-blue-800:hover { - color: #1e40af; - } + .sm\:delay-100 { + transition-delay: 100ms; + } - .md\:dark\:hover\:text-blue-900:hover { - color: #1e3a8a; - } + .sm\:delay-150 { + transition-delay: 150ms; + } - .md\:dark\:hover\:text-purple-50:hover { - color: #f5f3ff; - } + .sm\:delay-200 { + transition-delay: 200ms; + } - .md\:dark\:hover\:text-purple-100:hover { - color: #ede9fe; - } + .sm\:delay-300 { + transition-delay: 300ms; + } - .md\:dark\:hover\:text-purple-200:hover { - color: #ddd6fe; - } + .sm\:delay-500 { + transition-delay: 500ms; + } - .md\:dark\:hover\:text-purple-300:hover { - color: #c4b5fd; - } + .sm\:delay-700 { + transition-delay: 700ms; + } - .md\:dark\:hover\:text-purple-400:hover { - color: #a78bfa; - } + .sm\:delay-1000 { + transition-delay: 1000ms; + } - .md\:dark\:hover\:text-purple-500:hover { - color: #8b5cf6; - } + .sm\:animate-none { + animation: none; + } - .md\:dark\:hover\:text-purple-600:hover { - color: #7c3aed; - } + .sm\:animate-spin { + animation: spin 1s linear infinite; + } - .md\:dark\:hover\:text-purple-700:hover { - color: #6d28d9; - } + .sm\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } - .md\:dark\:hover\:text-purple-800:hover { - color: #5b21b6; - } + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + } - .md\:dark\:hover\:text-purple-900:hover { - color: #4c1d95; - } + .sm\:animate-bounce { + animation: bounce 1s infinite; + } - .md\:dark\:hover\:text-pink-50:hover { - color: #fdf2f8; - } + .sm\:example { + font-weight: 700; + color: #ef4444; + } +} - .md\:dark\:hover\:text-pink-100:hover { - color: #fce7f3; - } +@media (min-width: 768px) { + .md\:container { + width: 100%; + } - .md\:dark\:hover\:text-pink-200:hover { - color: #fbcfe8; + @media (min-width: 640px) { + .md\:container { + max-width: 640px; } + } - .md\:dark\:hover\:text-pink-300:hover { - color: #f9a8d4; + @media (min-width: 768px) { + .md\:container { + max-width: 768px; } + } - .md\:dark\:hover\:text-pink-400:hover { - color: #f472b6; + @media (min-width: 1024px) { + .md\:container { + max-width: 1024px; } + } - .md\:dark\:hover\:text-pink-500:hover { - color: #ec4899; + @media (min-width: 1280px) { + .md\:container { + max-width: 1280px; } + } - .md\:dark\:hover\:text-pink-600:hover { - color: #db2777; + @media (min-width: 1536px) { + .md\:container { + max-width: 1536px; } + } - .md\:dark\:hover\:text-pink-700:hover { - color: #be185d; - } + .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\:dark\:hover\:text-pink-800:hover { - color: #9d174d; - } + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:text-pink-900:hover { - color: #831843; - } + .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\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-current:focus { - 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)); + } - .md\:dark\:focus\:text-black:focus { - color: #000; - } + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-white:focus { - color: #fff; - } + .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\:dark\:focus\:text-gray-50:focus { - color: #fafafa; - } + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-gray-100:focus { - color: #f4f4f5; - } + .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\:dark\:focus\:text-gray-200:focus { - color: #e4e4e7; - } + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-gray-300:focus { - color: #d4d4d8; - } + .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\:dark\:focus\:text-gray-400:focus { - color: #a1a1aa; - } + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-gray-500:focus { - color: #71717a; - } + .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\:dark\:focus\:text-gray-600:focus { - color: #52525b; - } + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-gray-700:focus { - color: #3f3f46; - } + .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\:dark\:focus\:text-gray-800:focus { - color: #27272a; - } + .md\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-gray-900:focus { - color: #18181b; - } + .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\:dark\:focus\:text-red-50:focus { - color: #fef2f2; - } + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-red-100:focus { - color: #fee2e2; - } + .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\:dark\:focus\:text-red-200:focus { - color: #fecaca; - } + .md\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-red-300:focus { - color: #fca5a5; - } + .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\:dark\:focus\:text-red-400:focus { - color: #f87171; - } + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-red-500:focus { - color: #ef4444; - } + .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\:dark\:focus\:text-red-600:focus { - color: #dc2626; - } + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-red-700:focus { - color: #b91c1c; - } + .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\:dark\:focus\:text-red-800:focus { - color: #991b1b; - } + .md\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-red-900:focus { - color: #7f1d1d; - } + .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\:dark\:focus\:text-yellow-50:focus { - color: #fffbeb; - } + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-yellow-100:focus { - color: #fef3c7; - } + .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\:dark\:focus\:text-yellow-200:focus { - color: #fde68a; - } + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-yellow-300:focus { - color: #fcd34d; - } + .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\:dark\:focus\:text-yellow-400:focus { - color: #fbbf24; - } + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-yellow-500:focus { - color: #f59e0b; - } + .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\:dark\:focus\:text-yellow-600:focus { - color: #d97706; - } + .md\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-yellow-700:focus { - color: #b45309; - } + .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\:dark\:focus\:text-yellow-800:focus { - color: #92400e; - } + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-yellow-900:focus { - color: #78350f; - } + .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\:dark\:focus\:text-green-50:focus { - color: #ecfdf5; - } + .md\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-green-100:focus { - color: #d1fae5; - } + .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\:dark\:focus\:text-green-200:focus { - color: #a7f3d0; - } + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-green-300:focus { - color: #6ee7b7; - } + .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\:dark\:focus\:text-green-400:focus { - color: #34d399; - } + .md\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-green-500:focus { - color: #10b981; - } + .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\:dark\:focus\:text-green-600:focus { - color: #059669; - } + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-green-700:focus { - color: #047857; - } + .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\:dark\:focus\:text-green-800:focus { - color: #065f46; - } + .md\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-green-900:focus { - color: #064e3b; - } + .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\:dark\:focus\:text-blue-50:focus { - color: #eff6ff; - } + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-blue-100:focus { - color: #dbeafe; - } + .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\:dark\:focus\:text-blue-200:focus { - color: #bfdbfe; - } + .md\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-blue-300:focus { - color: #93c5fd; - } + .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\:dark\:focus\:text-blue-400:focus { - color: #60a5fa; - } + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-blue-500:focus { - color: #3b82f6; - } + .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\:dark\:focus\:text-blue-600:focus { - color: #2563eb; - } + .md\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-blue-700:focus { - color: #1d4ed8; - } + .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\:dark\:focus\:text-blue-800:focus { - color: #1e40af; - } + .md\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-blue-900:focus { - color: #1e3a8a; - } + .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\:dark\:focus\:text-purple-50:focus { - color: #f5f3ff; - } + .md\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-purple-100:focus { - color: #ede9fe; - } + .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\:dark\:focus\:text-purple-200:focus { - color: #ddd6fe; - } + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-purple-300:focus { - color: #c4b5fd; - } + .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\:dark\:focus\:text-purple-400:focus { - color: #a78bfa; - } + .md\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-purple-500:focus { - color: #8b5cf6; - } + .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\:dark\:focus\:text-purple-600:focus { - color: #7c3aed; - } + .md\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-purple-700:focus { - color: #6d28d9; - } + .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\:dark\:focus\:text-purple-800:focus { - color: #5b21b6; - } + .md\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-purple-900:focus { - color: #4c1d95; - } + .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\:dark\:focus\:text-pink-50:focus { - color: #fdf2f8; - } + .md\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-pink-100:focus { - color: #fce7f3; - } + .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\:dark\:focus\:text-pink-200:focus { - color: #fbcfe8; - } + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-pink-300:focus { - color: #f9a8d4; - } + .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\:dark\:focus\:text-pink-400:focus { - color: #f472b6; - } + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-pink-500:focus { - color: #ec4899; - } + .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\:dark\:focus\:text-pink-600:focus { - color: #db2777; - } + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-pink-700:focus { - color: #be185d; - } + .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\:dark\:focus\:text-pink-800:focus { - color: #9d174d; - } + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:text-pink-900:focus { - color: #831843; - } + .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\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:overflow-ellipsis { - text-overflow: ellipsis; + .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-clip { - text-overflow: clip; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:italic { - font-style: italic; + .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\:not-italic { - font-style: normal; + .md\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:uppercase { - text-transform: uppercase; + .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\:lowercase { - text-transform: lowercase; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:capitalize { - text-transform: capitalize; + .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\:normal-case { - text-transform: none; + .md\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:underline { - text-decoration: underline; + .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\:line-through { - text-decoration: line-through; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:no-underline { - text-decoration: none; + .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\:hover\:underline:hover { - text-decoration: underline; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .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\:hover\:no-underline:hover { - text-decoration: none; + .md\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:underline:focus { - text-decoration: underline; + .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\:focus\:line-through:focus { - text-decoration: line-through; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:no-underline:focus { - text-decoration: none; + .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\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .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\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:normal-nums { - font-variant-numeric: normal; + .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\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .md\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .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\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .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\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .md\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .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\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .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\:tracking-tighter { - letter-spacing: -0.05em; + .md\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:tracking-tight { - letter-spacing: -0.025em; + .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\:tracking-normal { - letter-spacing: 0; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:tracking-wide { - letter-spacing: 0.025em; + .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\:tracking-wider { - letter-spacing: 0.05em; + .md\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:tracking-widest { - letter-spacing: 0.1em; + .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\:select-none { - user-select: none; + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:select-text { - user-select: text; + .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\:select-all { - user-select: all; + .md\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:select-auto { - user-select: auto; + .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\:align-baseline { - vertical-align: baseline; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:align-top { - vertical-align: top; + .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\:align-middle { - vertical-align: middle; + .md\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:align-bottom { - vertical-align: bottom; + .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\:align-text-top { - vertical-align: text-top; + .md\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:align-text-bottom { - vertical-align: text-bottom; + .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\:visible { - visibility: visible; + .md\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:invisible { - visibility: hidden; + .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\:whitespace-normal { - white-space: normal; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:whitespace-no-wrap { - white-space: nowrap; + .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\:whitespace-pre { - white-space: pre; + .md\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:whitespace-pre-line { - white-space: pre-line; + .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\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .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\:break-words { - overflow-wrap: break-word; + .md\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:break-all { - word-break: break-all; + .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\:w-0 { - width: 0; + .md\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:w-1 { - width: 0.25rem; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:w-2 { - width: 0.5rem; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:w-3 { - width: 0.75rem; + .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\:w-4 { - width: 1rem; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .md\:w-5 { - width: 1.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\:w-6 { - width: 1.5rem; + .md\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:w-7 { - width: 1.75rem; + .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\:w-8 { - width: 2rem; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:w-9 { - width: 2.25rem; + .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\:w-10 { - width: 2.5rem; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:w-12 { - width: 3rem; + .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\:w-14 { - width: 3.5rem; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:w-16 { - width: 4rem; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:w-20 { - width: 5rem; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:w-24 { - width: 6rem; + .md\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:w-28 { - width: 7rem; + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:w-32 { - width: 8rem; + .md\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .md\:w-36 { - width: 9rem; + .md\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .md\:w-40 { - width: 10rem; + .md\:divide-gray-50 > :not(template) ~ :not(template) { + border-color: #fafafa; } - .md\:w-44 { - width: 11rem; + .md\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f4f4f5; } - .md\:w-48 { - width: 12rem; + .md\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #e4e4e7; } - .md\:w-52 { - width: 13rem; + .md\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #d4d4d8; } - .md\:w-56 { - width: 14rem; + .md\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #a1a1aa; } - .md\:w-60 { - width: 15rem; + .md\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #71717a; } - .md\:w-64 { - width: 16rem; + .md\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #52525b; } - .md\:w-72 { - width: 18rem; + .md\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #3f3f46; } - .md\:w-80 { - width: 20rem; + .md\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #27272a; } - .md\:w-96 { - width: 24rem; + .md\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #18181b; } - .md\:w-auto { - width: auto; + .md\:divide-red-50 > :not(template) ~ :not(template) { + border-color: #fef2f2; } - .md\:w-px { - width: 1px; + .md\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fee2e2; } - .md\:w-0\.5 { - width: 0.125rem; + .md\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fecaca; } - .md\:w-1\.5 { - width: 0.375rem; + .md\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #fca5a5; } - .md\:w-2\.5 { - width: 0.625rem; + .md\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #f87171; } - .md\:w-3\.5 { - width: 0.875rem; + .md\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #ef4444; } - .md\:w-1\/2 { - width: 50%; + .md\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #dc2626; } - .md\:w-1\/3 { - width: 33.333333%; + .md\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #b91c1c; } - .md\:w-2\/3 { - width: 66.666667%; + .md\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #991b1b; } - .md\:w-1\/4 { - width: 25%; + .md\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #7f1d1d; } - .md\:w-2\/4 { - width: 50%; + .md\:divide-yellow-50 > :not(template) ~ :not(template) { + border-color: #fffbeb; } - .md\:w-3\/4 { - width: 75%; + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fef3c7; } - .md\:w-1\/5 { - width: 20%; + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fde68a; } - .md\:w-2\/5 { - width: 40%; + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #fcd34d; } - .md\:w-3\/5 { - width: 60%; + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #fbbf24; } - .md\:w-4\/5 { - width: 80%; + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #f59e0b; } - .md\:w-1\/6 { - width: 16.666667%; + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d97706; } - .md\:w-2\/6 { - width: 33.333333%; + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b45309; } - .md\:w-3\/6 { - width: 50%; + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #92400e; } - .md\:w-4\/6 { - width: 66.666667%; + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #78350f; } - .md\:w-5\/6 { - width: 83.333333%; + .md\:divide-green-50 > :not(template) ~ :not(template) { + border-color: #ecfdf5; } - .md\:w-1\/12 { - width: 8.333333%; + .md\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #d1fae5; } - .md\:w-2\/12 { - width: 16.666667%; + .md\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #a7f3d0; } - .md\:w-3\/12 { - width: 25%; + .md\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #6ee7b7; } - .md\:w-4\/12 { - width: 33.333333%; + .md\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #34d399; } - .md\:w-5\/12 { - width: 41.666667%; + .md\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #10b981; } - .md\:w-6\/12 { - width: 50%; + .md\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #059669; } - .md\:w-7\/12 { - width: 58.333333%; + .md\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #047857; } - .md\:w-8\/12 { - width: 66.666667%; + .md\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #065f46; } - .md\:w-9\/12 { - width: 75%; + .md\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #064e3b; } - .md\:w-10\/12 { - width: 83.333333%; + .md\:divide-blue-50 > :not(template) ~ :not(template) { + border-color: #eff6ff; } - .md\:w-11\/12 { - width: 91.666667%; + .md\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #dbeafe; } - .md\:w-full { - width: 100%; + .md\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bfdbfe; } - .md\:w-screen { - width: 100vw; + .md\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #93c5fd; } - .md\:w-min { - width: min-content; + .md\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #60a5fa; } - .md\:w-max { - width: max-content; + .md\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #3b82f6; } - .md\:z-0 { - z-index: 0; + .md\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #2563eb; } - .md\:z-10 { - z-index: 10; + .md\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #1d4ed8; } - .md\:z-20 { - z-index: 20; + .md\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #1e40af; } - .md\:z-30 { - z-index: 30; + .md\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #1e3a8a; } - .md\:z-40 { - z-index: 40; + .md\:divide-purple-50 > :not(template) ~ :not(template) { + border-color: #f5f3ff; } - .md\:z-50 { - z-index: 50; + .md\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #ede9fe; } - .md\:z-auto { - z-index: auto; + .md\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #ddd6fe; } - .md\:focus\:z-0:focus { - z-index: 0; + .md\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #c4b5fd; } - .md\:focus\:z-10:focus { - z-index: 10; + .md\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #a78bfa; } - .md\:focus\:z-20:focus { - z-index: 20; + .md\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #8b5cf6; } - .md\:focus\:z-30:focus { - z-index: 30; + .md\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #7c3aed; } - .md\:focus\:z-40:focus { - z-index: 40; + .md\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6d28d9; } - .md\:focus\:z-50:focus { - z-index: 50; + .md\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #5b21b6; } - .md\:focus\:z-auto:focus { - z-index: auto; + .md\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #4c1d95; } - .md\:gap-0 { - grid-gap: 0; - gap: 0; + .md\:divide-pink-50 > :not(template) ~ :not(template) { + border-color: #fdf2f8; } - .md\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .md\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fce7f3; } - .md\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .md\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fbcfe8; } - .md\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .md\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #f9a8d4; } - .md\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .md\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f472b6; } - .md\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .md\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ec4899; } - .md\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .md\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #db2777; } - .md\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .md\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #be185d; } - .md\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .md\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #9d174d; } - .md\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .md\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #831843; } - .md\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .md\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .md\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .md\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .md\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .md\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .md\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .md\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .md\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .md\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .md\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .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\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .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\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .md\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .md\:appearance-none { + appearance: none; } - .md\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .md\:bg-fixed { + background-attachment: fixed; } - .md\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .md\:bg-local { + background-attachment: local; } - .md\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .md\:bg-scroll { + background-attachment: scroll; } - .md\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .md\:bg-clip-border { + background-clip: border-box; } - .md\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .md\:bg-clip-padding { + background-clip: padding-box; } - .md\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .md\:bg-clip-content { + background-clip: content-box; } - .md\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .md\:bg-clip-text { + background-clip: text; } - .md\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .md\:bg-transparent { + background-color: transparent; } - .md\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .md\:bg-current { + background-color: currentColor; } - .md\:gap-px { - grid-gap: 1px; - gap: 1px; + .md\:bg-black { + background-color: #000; } - .md\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .md\:bg-white { + background-color: #fff; } - .md\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .md\:bg-gray-50 { + background-color: #fafafa; } - .md\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .md\:bg-gray-100 { + background-color: #f4f4f5; } - .md\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .md\:bg-gray-200 { + background-color: #e4e4e7; } - .md\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .md\:bg-gray-300 { + background-color: #d4d4d8; } - .md\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .md\:bg-gray-400 { + background-color: #a1a1aa; } - .md\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .md\:bg-gray-500 { + background-color: #71717a; } - .md\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .md\:bg-gray-600 { + background-color: #52525b; } - .md\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .md\:bg-gray-700 { + background-color: #3f3f46; } - .md\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .md\:bg-gray-800 { + background-color: #27272a; } - .md\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .md\:bg-gray-900 { + background-color: #18181b; } - .md\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .md\:bg-red-50 { + background-color: #fef2f2; } - .md\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .md\:bg-red-100 { + background-color: #fee2e2; } - .md\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .md\:bg-red-200 { + background-color: #fecaca; } - .md\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .md\:bg-red-300 { + background-color: #fca5a5; } - .md\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .md\:bg-red-400 { + background-color: #f87171; } - .md\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .md\:bg-red-500 { + background-color: #ef4444; } - .md\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .md\:bg-red-600 { + background-color: #dc2626; } - .md\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .md\:bg-red-700 { + background-color: #b91c1c; } - .md\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .md\:bg-red-800 { + background-color: #991b1b; } - .md\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .md\:bg-red-900 { + background-color: #7f1d1d; } - .md\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .md\:bg-yellow-50 { + background-color: #fffbeb; } - .md\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .md\:bg-yellow-100 { + background-color: #fef3c7; } - .md\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .md\:bg-yellow-200 { + background-color: #fde68a; } - .md\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .md\:bg-yellow-300 { + background-color: #fcd34d; } - .md\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .md\:bg-yellow-400 { + background-color: #fbbf24; } - .md\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .md\:bg-yellow-500 { + background-color: #f59e0b; } - .md\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .md\:bg-yellow-600 { + background-color: #d97706; } - .md\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .md\:bg-yellow-700 { + background-color: #b45309; } - .md\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .md\:bg-yellow-800 { + background-color: #92400e; } - .md\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .md\:bg-yellow-900 { + background-color: #78350f; } - .md\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .md\:bg-green-50 { + background-color: #ecfdf5; } - .md\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .md\:bg-green-100 { + background-color: #d1fae5; } - .md\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .md\:bg-green-200 { + background-color: #a7f3d0; } - .md\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .md\:bg-green-300 { + background-color: #6ee7b7; } - .md\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .md\:bg-green-400 { + background-color: #34d399; } - .md\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .md\:bg-green-500 { + background-color: #10b981; } - .md\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .md\:bg-green-600 { + background-color: #059669; } - .md\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .md\:bg-green-700 { + background-color: #047857; } - .md\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .md\:bg-green-800 { + background-color: #065f46; } - .md\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .md\:bg-green-900 { + background-color: #064e3b; } - .md\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .md\:bg-blue-50 { + background-color: #eff6ff; } - .md\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .md\:bg-blue-100 { + background-color: #dbeafe; } - .md\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .md\:bg-blue-200 { + background-color: #bfdbfe; } - .md\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .md\:bg-blue-300 { + background-color: #93c5fd; } - .md\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .md\:bg-blue-400 { + background-color: #60a5fa; } - .md\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .md\:bg-blue-500 { + background-color: #3b82f6; } - .md\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .md\:bg-blue-600 { + background-color: #2563eb; } - .md\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .md\:bg-blue-700 { + background-color: #1d4ed8; } - .md\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .md\:bg-blue-800 { + background-color: #1e40af; } - .md\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .md\:bg-blue-900 { + background-color: #1e3a8a; } - .md\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .md\:bg-purple-50 { + background-color: #f5f3ff; } - .md\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .md\:bg-purple-100 { + background-color: #ede9fe; } - .md\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .md\:bg-purple-200 { + background-color: #ddd6fe; } - .md\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .md\:bg-purple-300 { + background-color: #c4b5fd; } - .md\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .md\:bg-purple-400 { + background-color: #a78bfa; } - .md\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .md\:bg-purple-500 { + background-color: #8b5cf6; } - .md\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .md\:bg-purple-600 { + background-color: #7c3aed; } - .md\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .md\:bg-purple-700 { + background-color: #6d28d9; } - .md\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .md\:bg-purple-800 { + background-color: #5b21b6; } - .md\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .md\:bg-purple-900 { + background-color: #4c1d95; } - .md\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .md\:bg-pink-50 { + background-color: #fdf2f8; } - .md\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .md\:bg-pink-100 { + background-color: #fce7f3; } - .md\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .md\:bg-pink-200 { + background-color: #fbcfe8; } - .md\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .md\:bg-pink-300 { + background-color: #f9a8d4; } - .md\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .md\:bg-pink-400 { + background-color: #f472b6; } - .md\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .md\:bg-pink-500 { + background-color: #ec4899; } - .md\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .md\:bg-pink-600 { + background-color: #db2777; } - .md\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .md\:bg-pink-700 { + background-color: #be185d; } - .md\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .md\:bg-pink-800 { + background-color: #9d174d; } - .md\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .md\:bg-pink-900 { + background-color: #831843; } - .md\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .group:hover .md\:group-hover\:bg-transparent { + background-color: transparent; } - .md\:grid-flow-row { - grid-auto-flow: row; + .group:hover .md\:group-hover\:bg-current { + background-color: currentColor; } - .md\:grid-flow-col { - grid-auto-flow: column; + .group:hover .md\:group-hover\:bg-black { + background-color: #000; } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .group:hover .md\:group-hover\:bg-white { + background-color: #fff; } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense; + .group:hover .md\:group-hover\:bg-gray-50 { + background-color: #fafafa; } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-100 { + background-color: #f4f4f5; } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-200 { + background-color: #e4e4e7; } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-300 { + background-color: #d4d4d8; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-400 { + background-color: #a1a1aa; } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-500 { + background-color: #71717a; } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-600 { + background-color: #52525b; } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-700 { + background-color: #3f3f46; } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-800 { + background-color: #27272a; } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-gray-900 { + background-color: #18181b; } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-red-50 { + background-color: #fef2f2; } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-red-100 { + background-color: #fee2e2; } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-red-200 { + background-color: #fecaca; } - .md\:grid-cols-none { - grid-template-columns: none; + .group:hover .md\:group-hover\:bg-red-300 { + background-color: #fca5a5; } - .md\:auto-cols-auto { - grid-auto-columns: auto; + .group:hover .md\:group-hover\:bg-red-400 { + background-color: #f87171; } - .md\:auto-cols-min { - grid-auto-columns: min-content; + .group:hover .md\:group-hover\:bg-red-500 { + background-color: #ef4444; } - .md\:auto-cols-max { - grid-auto-columns: max-content; + .group:hover .md\:group-hover\:bg-red-600 { + background-color: #dc2626; } - .md\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .group:hover .md\:group-hover\:bg-red-700 { + background-color: #b91c1c; } - .md\:col-auto { - grid-column: auto; + .group:hover .md\:group-hover\:bg-red-800 { + background-color: #991b1b; } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .group:hover .md\:group-hover\:bg-red-900 { + background-color: #7f1d1d; } - .md\:col-span-2 { - grid-column: span 2 / span 2; + .group:hover .md\:group-hover\:bg-yellow-50 { + background-color: #fffbeb; } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .group:hover .md\:group-hover\:bg-yellow-100 { + background-color: #fef3c7; } - .md\:col-span-4 { - grid-column: span 4 / span 4; + .group:hover .md\:group-hover\:bg-yellow-200 { + background-color: #fde68a; } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .group:hover .md\:group-hover\:bg-yellow-300 { + background-color: #fcd34d; } - .md\:col-span-6 { - grid-column: span 6 / span 6; + .group:hover .md\:group-hover\:bg-yellow-400 { + background-color: #fbbf24; } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .group:hover .md\:group-hover\:bg-yellow-500 { + background-color: #f59e0b; } - .md\:col-span-8 { - grid-column: span 8 / span 8; + .group:hover .md\:group-hover\:bg-yellow-600 { + background-color: #d97706; } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .group:hover .md\:group-hover\:bg-yellow-700 { + background-color: #b45309; } - .md\:col-span-10 { - grid-column: span 10 / span 10; + .group:hover .md\:group-hover\:bg-yellow-800 { + background-color: #92400e; } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .group:hover .md\:group-hover\:bg-yellow-900 { + background-color: #78350f; } - .md\:col-span-12 { - grid-column: span 12 / span 12; + .group:hover .md\:group-hover\:bg-green-50 { + background-color: #ecfdf5; } - .md\:col-span-full { - grid-column: 1 / -1; + .group:hover .md\:group-hover\:bg-green-100 { + background-color: #d1fae5; } - .md\:col-start-1 { - grid-column-start: 1; + .group:hover .md\:group-hover\:bg-green-200 { + background-color: #a7f3d0; } - .md\:col-start-2 { - grid-column-start: 2; + .group:hover .md\:group-hover\:bg-green-300 { + background-color: #6ee7b7; } - .md\:col-start-3 { - grid-column-start: 3; + .group:hover .md\:group-hover\:bg-green-400 { + background-color: #34d399; } - .md\:col-start-4 { - grid-column-start: 4; + .group:hover .md\:group-hover\:bg-green-500 { + background-color: #10b981; } - .md\:col-start-5 { - grid-column-start: 5; + .group:hover .md\:group-hover\:bg-green-600 { + background-color: #059669; } - .md\:col-start-6 { - grid-column-start: 6; + .group:hover .md\:group-hover\:bg-green-700 { + background-color: #047857; } - .md\:col-start-7 { - grid-column-start: 7; + .group:hover .md\:group-hover\:bg-green-800 { + background-color: #065f46; } - .md\:col-start-8 { - grid-column-start: 8; + .group:hover .md\:group-hover\:bg-green-900 { + background-color: #064e3b; } - .md\:col-start-9 { - grid-column-start: 9; + .group:hover .md\:group-hover\:bg-blue-50 { + background-color: #eff6ff; } - .md\:col-start-10 { - grid-column-start: 10; + .group:hover .md\:group-hover\:bg-blue-100 { + background-color: #dbeafe; } - .md\:col-start-11 { - grid-column-start: 11; + .group:hover .md\:group-hover\:bg-blue-200 { + background-color: #bfdbfe; } - .md\:col-start-12 { - grid-column-start: 12; + .group:hover .md\:group-hover\:bg-blue-300 { + background-color: #93c5fd; } - .md\:col-start-13 { - grid-column-start: 13; + .group:hover .md\:group-hover\:bg-blue-400 { + background-color: #60a5fa; } - .md\:col-start-auto { - grid-column-start: auto; + .group:hover .md\:group-hover\:bg-blue-500 { + background-color: #3b82f6; } - .md\:col-end-1 { - grid-column-end: 1; + .group:hover .md\:group-hover\:bg-blue-600 { + background-color: #2563eb; } - .md\:col-end-2 { - grid-column-end: 2; + .group:hover .md\:group-hover\:bg-blue-700 { + background-color: #1d4ed8; } - .md\:col-end-3 { - grid-column-end: 3; + .group:hover .md\:group-hover\:bg-blue-800 { + background-color: #1e40af; } - .md\:col-end-4 { - grid-column-end: 4; + .group:hover .md\:group-hover\:bg-blue-900 { + background-color: #1e3a8a; } - .md\:col-end-5 { - grid-column-end: 5; + .group:hover .md\:group-hover\:bg-purple-50 { + background-color: #f5f3ff; } - .md\:col-end-6 { - grid-column-end: 6; + .group:hover .md\:group-hover\:bg-purple-100 { + background-color: #ede9fe; } - .md\:col-end-7 { - grid-column-end: 7; + .group:hover .md\:group-hover\:bg-purple-200 { + background-color: #ddd6fe; } - .md\:col-end-8 { - grid-column-end: 8; + .group:hover .md\:group-hover\:bg-purple-300 { + background-color: #c4b5fd; } - .md\:col-end-9 { - grid-column-end: 9; + .group:hover .md\:group-hover\:bg-purple-400 { + background-color: #a78bfa; } - .md\:col-end-10 { - grid-column-end: 10; + .group:hover .md\:group-hover\:bg-purple-500 { + background-color: #8b5cf6; } - .md\:col-end-11 { - grid-column-end: 11; + .group:hover .md\:group-hover\:bg-purple-600 { + background-color: #7c3aed; } - .md\:col-end-12 { - grid-column-end: 12; + .group:hover .md\:group-hover\:bg-purple-700 { + background-color: #6d28d9; } - .md\:col-end-13 { - grid-column-end: 13; + .group:hover .md\:group-hover\:bg-purple-800 { + background-color: #5b21b6; } - .md\:col-end-auto { - grid-column-end: auto; + .group:hover .md\:group-hover\:bg-purple-900 { + background-color: #4c1d95; } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-pink-50 { + background-color: #fdf2f8; } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-pink-100 { + background-color: #fce7f3; } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-pink-200 { + background-color: #fbcfe8; } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-pink-300 { + background-color: #f9a8d4; } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-pink-400 { + background-color: #f472b6; } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .group:hover .md\:group-hover\:bg-pink-500 { + background-color: #ec4899; } - .md\:grid-rows-none { - grid-template-rows: none; + .group:hover .md\:group-hover\:bg-pink-600 { + background-color: #db2777; } - .md\:auto-rows-auto { - grid-auto-rows: auto; + .group:hover .md\:group-hover\:bg-pink-700 { + background-color: #be185d; } - .md\:auto-rows-min { - grid-auto-rows: min-content; + .group:hover .md\:group-hover\:bg-pink-800 { + background-color: #9d174d; } - .md\:auto-rows-max { - grid-auto-rows: max-content; + .group:hover .md\:group-hover\:bg-pink-900 { + background-color: #831843; } - .md\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:row-auto { - grid-row: auto; + .md\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:row-span-1 { - grid-row: span 1 / span 1; + .md\:hover\:bg-black:hover { + background-color: #000; } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .md\:hover\:bg-white:hover { + background-color: #fff; } - .md\:row-span-3 { - grid-row: span 3 / span 3; + .md\:hover\:bg-gray-50:hover { + background-color: #fafafa; } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .md\:hover\:bg-gray-100:hover { + background-color: #f4f4f5; } - .md\:row-span-5 { - grid-row: span 5 / span 5; + .md\:hover\:bg-gray-200:hover { + background-color: #e4e4e7; } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .md\:hover\:bg-gray-300:hover { + background-color: #d4d4d8; } - .md\:row-span-full { - grid-row: 1 / -1; + .md\:hover\:bg-gray-400:hover { + background-color: #a1a1aa; } - .md\:row-start-1 { - grid-row-start: 1; + .md\:hover\:bg-gray-500:hover { + background-color: #71717a; } - .md\:row-start-2 { - grid-row-start: 2; + .md\:hover\:bg-gray-600:hover { + background-color: #52525b; } - .md\:row-start-3 { - grid-row-start: 3; + .md\:hover\:bg-gray-700:hover { + background-color: #3f3f46; } - .md\:row-start-4 { - grid-row-start: 4; + .md\:hover\:bg-gray-800:hover { + background-color: #27272a; } - .md\:row-start-5 { - grid-row-start: 5; + .md\:hover\:bg-gray-900:hover { + background-color: #18181b; } - .md\:row-start-6 { - grid-row-start: 6; + .md\:hover\:bg-red-50:hover { + background-color: #fef2f2; } - .md\:row-start-7 { - grid-row-start: 7; + .md\:hover\:bg-red-100:hover { + background-color: #fee2e2; } - .md\:row-start-auto { - grid-row-start: auto; + .md\:hover\:bg-red-200:hover { + background-color: #fecaca; } - .md\:row-end-1 { - grid-row-end: 1; + .md\:hover\:bg-red-300:hover { + background-color: #fca5a5; } - .md\:row-end-2 { - grid-row-end: 2; + .md\:hover\:bg-red-400:hover { + background-color: #f87171; } - .md\:row-end-3 { - grid-row-end: 3; + .md\:hover\:bg-red-500:hover { + background-color: #ef4444; } - .md\:row-end-4 { - grid-row-end: 4; + .md\:hover\:bg-red-600:hover { + background-color: #dc2626; } - .md\:row-end-5 { - grid-row-end: 5; + .md\:hover\:bg-red-700:hover { + background-color: #b91c1c; } - .md\:row-end-6 { - grid-row-end: 6; + .md\:hover\:bg-red-800:hover { + background-color: #991b1b; } - .md\:row-end-7 { - grid-row-end: 7; + .md\:hover\:bg-red-900:hover { + background-color: #7f1d1d; } - .md\:row-end-auto { - grid-row-end: auto; + .md\:hover\:bg-yellow-50:hover { + background-color: #fffbeb; } - .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\:hover\:bg-yellow-100:hover { + background-color: #fef3c7; } - .md\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:hover\:bg-yellow-200:hover { + background-color: #fde68a; } - .md\:transform-none { - transform: none; + .md\:hover\:bg-yellow-300:hover { + background-color: #fcd34d; } - .md\:origin-center { - transform-origin: center; + .md\:hover\:bg-yellow-400:hover { + background-color: #fbbf24; } - .md\:origin-top { - transform-origin: top; + .md\:hover\:bg-yellow-500:hover { + background-color: #f59e0b; } - .md\:origin-top-right { - transform-origin: top right; + .md\:hover\:bg-yellow-600:hover { + background-color: #d97706; } - .md\:origin-right { - transform-origin: right; + .md\:hover\:bg-yellow-700:hover { + background-color: #b45309; } - .md\:origin-bottom-right { - transform-origin: bottom right; + .md\:hover\:bg-yellow-800:hover { + background-color: #92400e; } - .md\:origin-bottom { - transform-origin: bottom; + .md\:hover\:bg-yellow-900:hover { + background-color: #78350f; } - .md\:origin-bottom-left { - transform-origin: bottom left; + .md\:hover\:bg-green-50:hover { + background-color: #ecfdf5; } - .md\:origin-left { - transform-origin: left; + .md\:hover\:bg-green-100:hover { + background-color: #d1fae5; } - .md\:origin-top-left { - transform-origin: top left; + .md\:hover\:bg-green-200:hover { + background-color: #a7f3d0; } - .md\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:hover\:bg-green-300:hover { + background-color: #6ee7b7; } - .md\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:hover\:bg-green-400:hover { + background-color: #34d399; } - .md\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:hover\:bg-green-500:hover { + background-color: #10b981; } - .md\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:hover\:bg-green-600:hover { + background-color: #059669; } - .md\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:hover\:bg-green-700:hover { + background-color: #047857; } - .md\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:hover\:bg-green-800:hover { + background-color: #065f46; } - .md\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:hover\:bg-green-900:hover { + background-color: #064e3b; } - .md\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:hover\:bg-blue-50:hover { + background-color: #eff6ff; } - .md\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:hover\:bg-blue-100:hover { + background-color: #dbeafe; } - .md\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:hover\:bg-blue-200:hover { + background-color: #bfdbfe; } - .md\:scale-x-0 { - --transform-scale-x: 0; + .md\:hover\:bg-blue-300:hover { + background-color: #93c5fd; } - .md\:scale-x-50 { - --transform-scale-x: .5; + .md\:hover\:bg-blue-400:hover { + background-color: #60a5fa; } - .md\:scale-x-75 { - --transform-scale-x: .75; + .md\:hover\:bg-blue-500:hover { + background-color: #3b82f6; } - .md\:scale-x-90 { - --transform-scale-x: .9; + .md\:hover\:bg-blue-600:hover { + background-color: #2563eb; } - .md\:scale-x-95 { - --transform-scale-x: .95; + .md\:hover\:bg-blue-700:hover { + background-color: #1d4ed8; } - .md\:scale-x-100 { - --transform-scale-x: 1; + .md\:hover\:bg-blue-800:hover { + background-color: #1e40af; } - .md\:scale-x-105 { - --transform-scale-x: 1.05; + .md\:hover\:bg-blue-900:hover { + background-color: #1e3a8a; } - .md\:scale-x-110 { - --transform-scale-x: 1.1; + .md\:hover\:bg-purple-50:hover { + background-color: #f5f3ff; } - .md\:scale-x-125 { - --transform-scale-x: 1.25; + .md\:hover\:bg-purple-100:hover { + background-color: #ede9fe; } - .md\:scale-x-150 { - --transform-scale-x: 1.5; + .md\:hover\:bg-purple-200:hover { + background-color: #ddd6fe; } - .md\:scale-y-0 { - --transform-scale-y: 0; + .md\:hover\:bg-purple-300:hover { + background-color: #c4b5fd; } - .md\:scale-y-50 { - --transform-scale-y: .5; + .md\:hover\:bg-purple-400:hover { + background-color: #a78bfa; } - .md\:scale-y-75 { - --transform-scale-y: .75; + .md\:hover\:bg-purple-500:hover { + background-color: #8b5cf6; } - .md\:scale-y-90 { - --transform-scale-y: .9; + .md\:hover\:bg-purple-600:hover { + background-color: #7c3aed; } - .md\:scale-y-95 { - --transform-scale-y: .95; + .md\:hover\:bg-purple-700:hover { + background-color: #6d28d9; } - .md\:scale-y-100 { - --transform-scale-y: 1; + .md\:hover\:bg-purple-800:hover { + background-color: #5b21b6; } - .md\:scale-y-105 { - --transform-scale-y: 1.05; + .md\:hover\:bg-purple-900:hover { + background-color: #4c1d95; } - .md\:scale-y-110 { - --transform-scale-y: 1.1; + .md\:hover\:bg-pink-50:hover { + background-color: #fdf2f8; } - .md\:scale-y-125 { - --transform-scale-y: 1.25; + .md\:hover\:bg-pink-100:hover { + background-color: #fce7f3; } - .md\:scale-y-150 { - --transform-scale-y: 1.5; + .md\:hover\:bg-pink-200:hover { + background-color: #fbcfe8; } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:hover\:bg-pink-300:hover { + background-color: #f9a8d4; } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:hover\:bg-pink-400:hover { + background-color: #f472b6; } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:hover\:bg-pink-500:hover { + background-color: #ec4899; } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:hover\:bg-pink-600:hover { + background-color: #db2777; } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:hover\:bg-pink-700:hover { + background-color: #be185d; } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:hover\:bg-pink-800:hover { + background-color: #9d174d; } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:hover\:bg-pink-900:hover { + background-color: #831843; } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:focus\:bg-black:focus { + background-color: #000; } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .md\:focus\:bg-white:focus { + background-color: #fff; } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .md\:focus\:bg-gray-50:focus { + background-color: #fafafa; } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .md\:focus\:bg-gray-100:focus { + background-color: #f4f4f5; } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .md\:focus\:bg-gray-200:focus { + background-color: #e4e4e7; } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .md\:focus\:bg-gray-300:focus { + background-color: #d4d4d8; } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .md\:focus\:bg-gray-400:focus { + background-color: #a1a1aa; } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .md\:focus\:bg-gray-500:focus { + background-color: #71717a; } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .md\:focus\:bg-gray-600:focus { + background-color: #52525b; } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .md\:focus\:bg-gray-700:focus { + background-color: #3f3f46; } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .md\:focus\:bg-gray-800:focus { + background-color: #27272a; } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .md\:focus\:bg-gray-900:focus { + background-color: #18181b; } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .md\:focus\:bg-red-50:focus { + background-color: #fef2f2; } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .md\:focus\:bg-red-100:focus { + background-color: #fee2e2; } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .md\:focus\:bg-red-200:focus { + background-color: #fecaca; } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .md\:focus\:bg-red-300:focus { + background-color: #fca5a5; } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .md\:focus\:bg-red-400:focus { + background-color: #f87171; } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .md\:focus\:bg-red-500:focus { + background-color: #ef4444; } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .md\:focus\:bg-red-600:focus { + background-color: #dc2626; } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .md\:focus\:bg-red-700:focus { + background-color: #b91c1c; } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .md\:focus\:bg-red-800:focus { + background-color: #991b1b; } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:focus\:bg-red-900:focus { + background-color: #7f1d1d; } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:focus\:bg-yellow-50:focus { + background-color: #fffbeb; } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:focus\:bg-yellow-100:focus { + background-color: #fef3c7; } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:focus\:bg-yellow-200:focus { + background-color: #fde68a; } - - .md\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + + .md\:focus\:bg-yellow-300:focus { + background-color: #fcd34d; } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:focus\:bg-yellow-400:focus { + background-color: #fbbf24; } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:focus\:bg-yellow-500:focus { + background-color: #f59e0b; } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:focus\:bg-yellow-600:focus { + background-color: #d97706; } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:focus\:bg-yellow-700:focus { + background-color: #b45309; } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:focus\:bg-yellow-800:focus { + background-color: #92400e; } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .md\:focus\:bg-yellow-900:focus { + background-color: #78350f; } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .md\:focus\:bg-green-50:focus { + background-color: #ecfdf5; } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .md\:focus\:bg-green-100:focus { + background-color: #d1fae5; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .md\:focus\:bg-green-200:focus { + background-color: #a7f3d0; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .md\:focus\:bg-green-300:focus { + background-color: #6ee7b7; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .md\:focus\:bg-green-400:focus { + background-color: #34d399; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .md\:focus\:bg-green-500:focus { + background-color: #10b981; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .md\:focus\:bg-green-600:focus { + background-color: #059669; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .md\:focus\:bg-green-700:focus { + background-color: #047857; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .md\:focus\:bg-green-800:focus { + background-color: #065f46; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .md\:focus\:bg-green-900:focus { + background-color: #064e3b; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .md\:focus\:bg-blue-50:focus { + background-color: #eff6ff; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .md\:focus\:bg-blue-100:focus { + background-color: #dbeafe; } - .md\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .md\:focus\:bg-blue-200:focus { + background-color: #bfdbfe; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .md\:focus\:bg-blue-300:focus { + background-color: #93c5fd; } - .md\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .md\:focus\:bg-blue-400:focus { + background-color: #60a5fa; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .md\:focus\:bg-blue-500:focus { + background-color: #3b82f6; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .md\:focus\:bg-blue-600:focus { + background-color: #2563eb; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .md\:focus\:bg-blue-700:focus { + background-color: #1d4ed8; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .md\:focus\:bg-blue-800:focus { + background-color: #1e40af; } - .md\:rotate-0 { - --transform-rotate: 0; + .md\:focus\:bg-blue-900:focus { + background-color: #1e3a8a; } - .md\:rotate-1 { - --transform-rotate: 1deg; + .md\:focus\:bg-purple-50:focus { + background-color: #f5f3ff; } - .md\:rotate-2 { - --transform-rotate: 2deg; + .md\:focus\:bg-purple-100:focus { + background-color: #ede9fe; } - .md\:rotate-3 { - --transform-rotate: 3deg; + .md\:focus\:bg-purple-200:focus { + background-color: #ddd6fe; } - .md\:rotate-6 { - --transform-rotate: 6deg; + .md\:focus\:bg-purple-300:focus { + background-color: #c4b5fd; } - .md\:rotate-12 { - --transform-rotate: 12deg; + .md\:focus\:bg-purple-400:focus { + background-color: #a78bfa; } - .md\:rotate-45 { - --transform-rotate: 45deg; + .md\:focus\:bg-purple-500:focus { + background-color: #8b5cf6; } - .md\:rotate-90 { - --transform-rotate: 90deg; + .md\:focus\:bg-purple-600:focus { + background-color: #7c3aed; } - .md\:rotate-180 { - --transform-rotate: 180deg; + .md\:focus\:bg-purple-700:focus { + background-color: #6d28d9; } - .md\:-rotate-180 { - --transform-rotate: -180deg; + .md\:focus\:bg-purple-800:focus { + background-color: #5b21b6; } - .md\:-rotate-90 { - --transform-rotate: -90deg; + .md\:focus\:bg-purple-900:focus { + background-color: #4c1d95; } - .md\:-rotate-45 { - --transform-rotate: -45deg; + .md\:focus\:bg-pink-50:focus { + background-color: #fdf2f8; } - .md\:-rotate-12 { - --transform-rotate: -12deg; + .md\:focus\:bg-pink-100:focus { + background-color: #fce7f3; } - .md\:-rotate-6 { - --transform-rotate: -6deg; + .md\:focus\:bg-pink-200:focus { + background-color: #fbcfe8; } - .md\:-rotate-3 { - --transform-rotate: -3deg; + .md\:focus\:bg-pink-300:focus { + background-color: #f9a8d4; } - .md\:-rotate-2 { - --transform-rotate: -2deg; + .md\:focus\:bg-pink-400:focus { + background-color: #f472b6; } - .md\:-rotate-1 { - --transform-rotate: -1deg; + .md\:focus\:bg-pink-500:focus { + background-color: #ec4899; } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0; + .md\:focus\:bg-pink-600:focus { + background-color: #db2777; } - .md\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .md\:focus\:bg-pink-700:focus { + background-color: #be185d; } - .md\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .md\:focus\:bg-pink-800:focus { + background-color: #9d174d; } - .md\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .md\:focus\:bg-pink-900:focus { + background-color: #831843; } - .md\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .md\:bg-none { + background-image: none; } - .md\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .md\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .md\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .md\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .md\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0; + .md\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .md\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .md\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .md\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .md\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .md\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .md\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .md\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .md\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .md\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .md\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .md\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .md\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .md\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .md\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .md\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .md\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:translate-x-0 { - --transform-translate-x: 0; + .md\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:translate-x-1 { - --transform-translate-x: 0.25rem; + .md\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:translate-x-2 { - --transform-translate-x: 0.5rem; + .md\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:translate-x-3 { - --transform-translate-x: 0.75rem; + .md\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:translate-x-4 { - --transform-translate-x: 1rem; + .md\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:translate-x-5 { - --transform-translate-x: 1.25rem; + .md\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:translate-x-6 { - --transform-translate-x: 1.5rem; + .md\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:translate-x-7 { - --transform-translate-x: 1.75rem; + .md\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:translate-x-8 { - --transform-translate-x: 2rem; + .md\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:translate-x-9 { - --transform-translate-x: 2.25rem; + .md\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:translate-x-10 { - --transform-translate-x: 2.5rem; + .md\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:translate-x-12 { - --transform-translate-x: 3rem; + .md\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:translate-x-14 { - --transform-translate-x: 3.5rem; + .md\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:translate-x-16 { - --transform-translate-x: 4rem; + .md\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:translate-x-20 { - --transform-translate-x: 5rem; + .md\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:translate-x-24 { - --transform-translate-x: 6rem; + .md\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:translate-x-28 { - --transform-translate-x: 7rem; + .md\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:translate-x-32 { - --transform-translate-x: 8rem; + .md\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:translate-x-36 { - --transform-translate-x: 9rem; + .md\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:translate-x-40 { - --transform-translate-x: 10rem; + .md\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:translate-x-44 { - --transform-translate-x: 11rem; + .md\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:translate-x-48 { - --transform-translate-x: 12rem; + .md\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:translate-x-52 { - --transform-translate-x: 13rem; + .md\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:translate-x-56 { - --transform-translate-x: 14rem; + .md\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:translate-x-60 { - --transform-translate-x: 15rem; + .md\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:translate-x-64 { - --transform-translate-x: 16rem; + .md\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:translate-x-72 { - --transform-translate-x: 18rem; + .md\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:translate-x-80 { - --transform-translate-x: 20rem; + .md\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:translate-x-96 { - --transform-translate-x: 24rem; + .md\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:translate-x-px { - --transform-translate-x: 1px; + .md\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .md\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .md\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .md\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .md\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .md\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .md\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .md\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:-translate-x-4 { - --transform-translate-x: -1rem; + .md\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .md\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .md\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .md\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:-translate-x-8 { - --transform-translate-x: -2rem; + .md\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .md\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .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\:-translate-x-12 { - --transform-translate-x: -3rem; + .md\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .md\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:-translate-x-16 { - --transform-translate-x: -4rem; + .md\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:-translate-x-20 { - --transform-translate-x: -5rem; + .md\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:-translate-x-24 { - --transform-translate-x: -6rem; + .md\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:-translate-x-28 { - --transform-translate-x: -7rem; + .md\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:-translate-x-32 { - --transform-translate-x: -8rem; + .md\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:-translate-x-36 { - --transform-translate-x: -9rem; + .md\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:-translate-x-40 { - --transform-translate-x: -10rem; + .md\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:-translate-x-44 { - --transform-translate-x: -11rem; + .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\:-translate-x-48 { - --transform-translate-x: -12rem; + .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\:-translate-x-52 { - --transform-translate-x: -13rem; + .md\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:-translate-x-56 { - --transform-translate-x: -14rem; + .md\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:-translate-x-60 { - --transform-translate-x: -15rem; + .md\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:-translate-x-64 { - --transform-translate-x: -16rem; + .md\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:-translate-x-72 { - --transform-translate-x: -18rem; + .md\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:-translate-x-80 { - --transform-translate-x: -20rem; + .md\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:-translate-x-96 { - --transform-translate-x: -24rem; + .md\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:-translate-x-px { - --transform-translate-x: -1px; + .md\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .md\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .md\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .md\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .md\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:translate-x-1\/2 { - --transform-translate-x: 50%; + .md\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .md\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .md\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:translate-x-1\/4 { - --transform-translate-x: 25%; + .md\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:translate-x-2\/4 { - --transform-translate-x: 50%; + .md\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:translate-x-3\/4 { - --transform-translate-x: 75%; + .md\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:translate-x-full { - --transform-translate-x: 100%; + .md\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .md\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .md\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .md\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .md\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .md\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .md\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:-translate-x-full { - --transform-translate-x: -100%; + .md\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:translate-y-0 { - --transform-translate-y: 0; + .md\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:translate-y-1 { - --transform-translate-y: 0.25rem; + .md\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:translate-y-2 { - --transform-translate-y: 0.5rem; + .md\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:translate-y-3 { - --transform-translate-y: 0.75rem; + .md\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:translate-y-4 { - --transform-translate-y: 1rem; + .md\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:translate-y-5 { - --transform-translate-y: 1.25rem; + .md\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:translate-y-6 { - --transform-translate-y: 1.5rem; + .md\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:translate-y-7 { - --transform-translate-y: 1.75rem; + .md\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:translate-y-8 { - --transform-translate-y: 2rem; + .md\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:translate-y-9 { - --transform-translate-y: 2.25rem; + .md\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:translate-y-10 { - --transform-translate-y: 2.5rem; + .md\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:translate-y-12 { - --transform-translate-y: 3rem; + .md\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:translate-y-14 { - --transform-translate-y: 3.5rem; + .md\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:translate-y-16 { - --transform-translate-y: 4rem; + .md\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:translate-y-20 { - --transform-translate-y: 5rem; + .md\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:translate-y-24 { - --transform-translate-y: 6rem; + .md\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:translate-y-28 { - --transform-translate-y: 7rem; + .md\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:translate-y-32 { - --transform-translate-y: 8rem; + .md\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:translate-y-36 { - --transform-translate-y: 9rem; + .md\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:translate-y-40 { - --transform-translate-y: 10rem; + .md\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:translate-y-44 { - --transform-translate-y: 11rem; + .md\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:translate-y-48 { - --transform-translate-y: 12rem; + .md\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:translate-y-52 { - --transform-translate-y: 13rem; + .md\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:translate-y-56 { - --transform-translate-y: 14rem; + .md\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:translate-y-60 { - --transform-translate-y: 15rem; + .md\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:translate-y-64 { - --transform-translate-y: 16rem; + .md\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:translate-y-72 { - --transform-translate-y: 18rem; + .md\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:translate-y-80 { - --transform-translate-y: 20rem; + .md\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:translate-y-96 { - --transform-translate-y: 24rem; + .md\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:translate-y-px { - --transform-translate-y: 1px; + .md\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .md\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .md\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .md\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .md\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .md\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .md\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .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\:-translate-y-4 { - --transform-translate-y: -1rem; + .md\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .md\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .md\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .md\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:-translate-y-8 { - --transform-translate-y: -2rem; + .md\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .md\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .md\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:-translate-y-12 { - --transform-translate-y: -3rem; + .md\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .md\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:-translate-y-16 { - --transform-translate-y: -4rem; + .md\:to-transparent { + --gradient-to-color: transparent; } - .md\:-translate-y-20 { - --transform-translate-y: -5rem; + .md\:to-current { + --gradient-to-color: currentColor; } - .md\:-translate-y-24 { - --transform-translate-y: -6rem; + .md\:to-black { + --gradient-to-color: #000; } - .md\:-translate-y-28 { - --transform-translate-y: -7rem; + .md\:to-white { + --gradient-to-color: #fff; } - .md\:-translate-y-32 { - --transform-translate-y: -8rem; + .md\:to-gray-50 { + --gradient-to-color: #fafafa; } - .md\:-translate-y-36 { - --transform-translate-y: -9rem; + .md\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .md\:-translate-y-40 { - --transform-translate-y: -10rem; + .md\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .md\:-translate-y-44 { - --transform-translate-y: -11rem; + .md\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .md\:-translate-y-48 { - --transform-translate-y: -12rem; + .md\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .md\:-translate-y-52 { - --transform-translate-y: -13rem; + .md\:to-gray-500 { + --gradient-to-color: #71717a; } - .md\:-translate-y-56 { - --transform-translate-y: -14rem; + .md\:to-gray-600 { + --gradient-to-color: #52525b; } - .md\:-translate-y-60 { - --transform-translate-y: -15rem; + .md\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .md\:-translate-y-64 { - --transform-translate-y: -16rem; + .md\:to-gray-800 { + --gradient-to-color: #27272a; } - .md\:-translate-y-72 { - --transform-translate-y: -18rem; + .md\:to-gray-900 { + --gradient-to-color: #18181b; } - .md\:-translate-y-80 { - --transform-translate-y: -20rem; + .md\:to-red-50 { + --gradient-to-color: #fef2f2; } - .md\:-translate-y-96 { - --transform-translate-y: -24rem; + .md\:to-red-100 { + --gradient-to-color: #fee2e2; } - .md\:-translate-y-px { - --transform-translate-y: -1px; + .md\:to-red-200 { + --gradient-to-color: #fecaca; } - .md\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .md\:to-red-300 { + --gradient-to-color: #fca5a5; } - .md\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .md\:to-red-400 { + --gradient-to-color: #f87171; } - .md\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .md\:to-red-500 { + --gradient-to-color: #ef4444; } - .md\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .md\:to-red-600 { + --gradient-to-color: #dc2626; } - .md\:translate-y-1\/2 { - --transform-translate-y: 50%; + .md\:to-red-700 { + --gradient-to-color: #b91c1c; } - .md\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .md\:to-red-800 { + --gradient-to-color: #991b1b; } - .md\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .md\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .md\:translate-y-1\/4 { - --transform-translate-y: 25%; + .md\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .md\:translate-y-2\/4 { - --transform-translate-y: 50%; + .md\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .md\:translate-y-3\/4 { - --transform-translate-y: 75%; + .md\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .md\:translate-y-full { - --transform-translate-y: 100%; + .md\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .md\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .md\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .md\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .md\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .md\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .md\:to-yellow-600 { + --gradient-to-color: #d97706; } - .md\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .md\:to-yellow-700 { + --gradient-to-color: #b45309; } - .md\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .md\:to-yellow-800 { + --gradient-to-color: #92400e; } - .md\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .md\:to-yellow-900 { + --gradient-to-color: #78350f; } - .md\:-translate-y-full { - --transform-translate-y: -100%; + .md\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .md\:to-green-100 { + --gradient-to-color: #d1fae5; } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .md\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .md\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .md\:to-green-400 { + --gradient-to-color: #34d399; } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .md\:to-green-500 { + --gradient-to-color: #10b981; } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .md\:to-green-600 { + --gradient-to-color: #059669; } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .md\:to-green-700 { + --gradient-to-color: #047857; } - .md\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .md\:to-green-800 { + --gradient-to-color: #065f46; } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .md\:to-green-900 { + --gradient-to-color: #064e3b; } - .md\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .md\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .md\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .md\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .md\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .md\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .md\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .md\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .md\:to-blue-600 { + --gradient-to-color: #2563eb; } - .md\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .md\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .md\:to-blue-800 { + --gradient-to-color: #1e40af; } - .md\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .md\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .md\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .md\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .md\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .md\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .md\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .md\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .md\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .md\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .md\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .md\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .md\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .md\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .md\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .md\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .md\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .md\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .md\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .md\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .md\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .md\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .md\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .md\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .md\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .md\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .md\:to-pink-400 { + --gradient-to-color: #f472b6; } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .md\:to-pink-500 { + --gradient-to-color: #ec4899; } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .md\:to-pink-600 { + --gradient-to-color: #db2777; } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .md\:to-pink-700 { + --gradient-to-color: #be185d; } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .md\:to-pink-800 { + --gradient-to-color: #9d174d; } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .md\:to-pink-900 { + --gradient-to-color: #831843; } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.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\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .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\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .md\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .md\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .md\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .md\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .md\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .md\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .md\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .md\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .md\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .md\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .md\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .md\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .md\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .md\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .md\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .md\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .md\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .md\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .md\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .md\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .md\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .md\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .md\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .md\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .md\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .md\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .md\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .md\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .md\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .md\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .md\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .md\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .md\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .md\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .md\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .md\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .md\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .md\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .md\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .md\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .md\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .md\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .md\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .md\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .md\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .md\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .md\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .md\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .md\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .md\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .md\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .md\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .md\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .md\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .md\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .md\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .md\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .md\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .md\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .md\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .md\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .md\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:hover\:translate-y-52:hover { - --transform-translate-y: 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)); } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .md\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .md\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .md\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .md\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .md\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .md\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .md\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .md\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .md\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .md\:hover\:via-transparent:hover { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .md\:hover\:via-current:hover { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .md\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .md\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .md\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .md\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .md\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .md\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .md\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .md\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .md\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .md\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .md\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .md\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .md\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .md\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .md\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .md\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .md\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .md\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .md\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .md\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .md\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .md\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .md\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .md\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .md\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .md\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .md\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .md\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .md\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .md\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .md\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .md\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .md\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .md\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .md\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .md\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .md\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .md\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .md\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .md\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .md\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .md\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .md\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .md\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .md\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .md\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .md\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .md\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .md\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .md\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .md\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .md\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .md\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .md\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .md\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .md\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .md\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .md\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .md\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .md\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .md\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .md\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .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\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .md\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .md\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .md\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .md\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .md\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .md\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .md\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .md\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .md\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .md\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .md\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .md\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .md\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .md\:hover\:to-black:hover { + --gradient-to-color: #000; } - .md\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .md\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .md\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .md\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .md\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .md\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .md\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .md\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .md\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .md\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .md\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .md\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .md\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .md\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .md\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .md\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .md\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .md\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .md\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .md\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .md\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .md\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .md\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .md\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .md\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .md\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .md\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .md\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .md\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .md\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .md\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .md\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .md\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .md\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .md\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .md\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .md\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .md\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .md\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .md\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .md\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .md\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .md\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .md\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .md\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .md\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .md\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .md\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .md\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .md\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .md\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .md\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .md\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .md\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .md\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .md\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .md\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .md\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .md\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .md\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .md\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .md\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .md\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .md\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .md\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .md\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .md\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .md\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .md\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .md\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .md\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .md\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .md\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .md\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .md\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .md\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .md\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .md\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .md\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .md\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .md\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .md\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .md\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .md\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .md\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .md\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .md\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .md\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .md\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .md\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .md\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .md\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .md\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .md\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .md\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .md\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .md\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .md\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .md\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .md\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .md\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .md\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .md\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .md\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .md\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .md\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .md\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .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\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .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\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .md\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .md\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .md\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .md\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .md\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .md\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .md\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .md\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .md\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .md\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .md\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .md\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .md\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .md\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .md\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .md\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .md\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .md\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .md\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .md\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .md\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .md\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .md\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .md\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .md\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .md\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .md\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .md\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .md\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .md\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .md\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .md\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .md\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .md\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .md\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .md\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .md\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .md\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .md\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .md\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .md\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .md\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .md\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .md\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .md\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .md\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .md\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .md\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .md\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .md\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .md\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .md\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .md\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .md\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .md\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .md\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .md\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .md\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .md\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .md\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .md\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:skew-x-0 { - --transform-skew-x: 0; + .md\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:skew-x-1 { - --transform-skew-x: 1deg; + .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\:skew-x-2 { - --transform-skew-x: 2deg; + .md\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:skew-x-3 { - --transform-skew-x: 3deg; + .md\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:skew-x-6 { - --transform-skew-x: 6deg; + .md\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:skew-x-12 { - --transform-skew-x: 12deg; + .md\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:-skew-x-12 { - --transform-skew-x: -12deg; + .md\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:-skew-x-6 { - --transform-skew-x: -6deg; + .md\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:-skew-x-3 { - --transform-skew-x: -3deg; + .md\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:-skew-x-2 { - --transform-skew-x: -2deg; + .md\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:-skew-x-1 { - --transform-skew-x: -1deg; + .md\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:skew-y-0 { - --transform-skew-y: 0; + .md\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:skew-y-1 { - --transform-skew-y: 1deg; + .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\:skew-y-2 { - --transform-skew-y: 2deg; + .md\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:skew-y-3 { - --transform-skew-y: 3deg; + .md\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:skew-y-6 { - --transform-skew-y: 6deg; + .md\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:skew-y-12 { - --transform-skew-y: 12deg; + .md\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:-skew-y-12 { - --transform-skew-y: -12deg; + .md\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:-skew-y-6 { - --transform-skew-y: -6deg; + .md\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:-skew-y-3 { - --transform-skew-y: -3deg; + .md\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:-skew-y-2 { - --transform-skew-y: -2deg; + .md\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:-skew-y-1 { - --transform-skew-y: -1deg; + .md\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .md\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .md\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .md\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .md\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .md\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .md\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .md\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .md\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .md\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .md\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .md\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .md\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .md\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .md\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .md\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .md\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .md\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .md\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .md\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .md\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .md\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .md\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .md\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .md\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .md\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .md\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .md\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .md\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .md\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .md\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .md\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .md\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .md\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .md\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .md\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .md\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .md\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .md\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .md\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .md\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .md\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .md\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .md\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .md\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:transition-none { - transition-property: none; + .md\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:transition-all { - transition-property: all; + .md\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .md\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .md\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:transition-opacity { - transition-property: opacity; + .md\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:transition-shadow { - transition-property: box-shadow; + .md\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:transition-transform { - transition-property: transform; + .md\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:ease-linear { - transition-timing-function: linear; + .md\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .md\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .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\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .md\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:duration-75 { - transition-duration: 75ms; + .md\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:duration-100 { - transition-duration: 100ms; + .md\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:duration-150 { - transition-duration: 150ms; + .md\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:duration-200 { - transition-duration: 200ms; + .md\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:duration-300 { - transition-duration: 300ms; + .md\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:duration-500 { - transition-duration: 500ms; + .md\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:duration-700 { - transition-duration: 700ms; + .md\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:duration-1000 { - transition-duration: 1000ms; + .md\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:delay-75 { - transition-delay: 75ms; + .md\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .md\:delay-100 { - transition-delay: 100ms; + .md\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .md\:delay-150 { - transition-delay: 150ms; + .md\:focus\:to-black:focus { + --gradient-to-color: #000; } - .md\:delay-200 { - transition-delay: 200ms; + .md\:focus\:to-white:focus { + --gradient-to-color: #fff; } - .md\:delay-300 { - transition-delay: 300ms; + .md\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; } - .md\:delay-500 { - transition-delay: 500ms; + .md\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; } - .md\:delay-700 { - transition-delay: 700ms; + .md\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; } - .md\:delay-1000 { - transition-delay: 1000ms; + .md\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; } - .md\:animate-none { - animation: none; + .md\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; } - .md\:animate-spin { - animation: spin 1s linear infinite; + .md\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; } - .md\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .md\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; } - .md\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; } - .md\:animate-bounce { - animation: bounce 1s infinite; + .md\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; } - .md\:example { - font-weight: 700; - color: #ef4444; + .md\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; } -} -@media (min-width: 1024px) { - .lg\:container { - width: 100%; + .md\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; } - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } + .md\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; } - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } + .md\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; } - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } + .md\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; } - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } + .md\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; } - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } + .md\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; } - .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\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; } - .lg\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; } - .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\:to-red-800:focus { + --gradient-to-color: #991b1b; } - .lg\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; } - .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\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; } - .lg\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; } - .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\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; } - .lg\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; } - .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\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; } - .lg\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; } - .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\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; } - .lg\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; } - .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\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; } - .lg\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; } - .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\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; } - .lg\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .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\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .lg\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .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\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .lg\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .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\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .lg\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .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\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .lg\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .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\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .lg\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .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\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .lg\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .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\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .lg\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .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\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .lg\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .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\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .lg\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .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\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .lg\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .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\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .lg\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .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\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .lg\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .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\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .lg\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .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\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .lg\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .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\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .lg\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .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\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .lg\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .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\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .lg\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .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\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .lg\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .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\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .lg\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .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\:bg-bottom { + background-position: bottom; } - .lg\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .md\:bg-center { + background-position: center; } - .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\:bg-left { + background-position: left; } - .lg\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .md\:bg-left-bottom { + background-position: left bottom; } - .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\:bg-left-top { + background-position: left top; } - .lg\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .md\:bg-right { + background-position: right; } - .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\:bg-right-bottom { + background-position: right bottom; } - .lg\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .md\:bg-right-top { + background-position: right top; } - .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\:bg-top { + background-position: top; } - .lg\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .md\:bg-repeat { + background-repeat: repeat; } - .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\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .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\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .md\:bg-repeat-round { + background-repeat: round; } - .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\:bg-repeat-space { + background-repeat: space; } - .lg\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .md\:bg-auto { + background-size: auto; } - .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\:bg-cover { + background-size: cover; } - .lg\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .md\:bg-contain { + background-size: contain; } - .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\:border-collapse { + border-collapse: collapse; } - .lg\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .md\:border-separate { + border-collapse: separate; } - .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\:border-transparent { + border-color: transparent; } - .lg\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .md\:border-current { + border-color: currentColor; } - .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\:border-black { + border-color: #000; } - .lg\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .md\:border-white { + border-color: #fff; } - .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\:border-gray-50 { + border-color: #fafafa; } - .lg\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .md\:border-gray-100 { + border-color: #f4f4f5; } - .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\:border-gray-200 { + border-color: #e4e4e7; } - .lg\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .md\:border-gray-300 { + border-color: #d4d4d8; } - .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\:border-gray-400 { + border-color: #a1a1aa; } - .lg\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .md\:border-gray-500 { + border-color: #71717a; } - .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\:border-gray-600 { + border-color: #52525b; } - .lg\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .md\:border-gray-700 { + border-color: #3f3f46; } - .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\:border-gray-800 { + border-color: #27272a; } - .lg\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .md\:border-gray-900 { + border-color: #18181b; } - .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\:border-red-50 { + border-color: #fef2f2; } - .lg\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .md\:border-red-100 { + border-color: #fee2e2; } - .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\:border-red-200 { + border-color: #fecaca; } - .lg\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .md\:border-red-300 { + border-color: #fca5a5; } - .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\:border-red-400 { + border-color: #f87171; } - .lg\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .md\:border-red-500 { + border-color: #ef4444; } - .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\:border-red-600 { + border-color: #dc2626; } - .lg\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .md\:border-red-700 { + border-color: #b91c1c; } - .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\:border-red-800 { + border-color: #991b1b; } - .lg\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .md\:border-red-900 { + border-color: #7f1d1d; } - .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\:border-yellow-50 { + border-color: #fffbeb; } - .lg\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .md\:border-yellow-100 { + border-color: #fef3c7; } - .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\:border-yellow-200 { + border-color: #fde68a; } - .lg\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .md\:border-yellow-300 { + border-color: #fcd34d; } - .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\:border-yellow-400 { + border-color: #fbbf24; } - .lg\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .md\:border-yellow-500 { + border-color: #f59e0b; } - .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\:border-yellow-600 { + border-color: #d97706; } - .lg\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .md\:border-yellow-700 { + border-color: #b45309; } - .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\:border-yellow-800 { + border-color: #92400e; } - .lg\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .md\:border-yellow-900 { + border-color: #78350f; } - .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\:border-green-50 { + border-color: #ecfdf5; } - .lg\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .md\:border-green-100 { + border-color: #d1fae5; } - .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\:border-green-200 { + border-color: #a7f3d0; } - .lg\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .md\:border-green-300 { + border-color: #6ee7b7; } - .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\:border-green-400 { + border-color: #34d399; } - .lg\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .md\:border-green-500 { + border-color: #10b981; } - .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\:border-green-600 { + border-color: #059669; } - .lg\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .md\:border-green-700 { + border-color: #047857; } - .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\:border-green-800 { + border-color: #065f46; } - .lg\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .md\:border-green-900 { + border-color: #064e3b; } - .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\:border-blue-50 { + border-color: #eff6ff; } - .lg\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .md\:border-blue-100 { + border-color: #dbeafe; } - .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\:border-blue-200 { + border-color: #bfdbfe; } - .lg\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .md\:border-blue-300 { + border-color: #93c5fd; } - .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\:border-blue-400 { + border-color: #60a5fa; } - .lg\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .md\:border-blue-500 { + border-color: #3b82f6; } - .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\:border-blue-600 { + border-color: #2563eb; } - .lg\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .md\:border-blue-700 { + border-color: #1d4ed8; } - .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\:border-blue-800 { + border-color: #1e40af; } - .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .md\:border-blue-900 { + border-color: #1e3a8a; } - .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\:border-purple-50 { + border-color: #f5f3ff; } - .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .md\:border-purple-100 { + border-color: #ede9fe; } - .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\:border-purple-200 { + border-color: #ddd6fe; } - .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .md\:border-purple-300 { + border-color: #c4b5fd; } - .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\:border-purple-400 { + border-color: #a78bfa; } - .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .md\:border-purple-500 { + border-color: #8b5cf6; } - .lg\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .md\:border-purple-600 { + border-color: #7c3aed; } - .lg\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .md\:border-purple-700 { + border-color: #6d28d9; } - .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\:border-purple-800 { + border-color: #5b21b6; } - .lg\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .md\:border-purple-900 { + border-color: #4c1d95; } - .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\:border-pink-50 { + border-color: #fdf2f8; } - .lg\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .md\:border-pink-100 { + border-color: #fce7f3; } - .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\:border-pink-200 { + border-color: #fbcfe8; } - .lg\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .md\:border-pink-300 { + border-color: #f9a8d4; } - .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\:border-pink-400 { + border-color: #f472b6; } - .lg\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .md\:border-pink-500 { + border-color: #ec4899; } - .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\:border-pink-600 { + border-color: #db2777; } - .lg\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .md\:border-pink-700 { + border-color: #be185d; } - .lg\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .md\:border-pink-800 { + border-color: #9d174d; } - .lg\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .md\:border-pink-900 { + border-color: #831843; } - .lg\:divide-transparent > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-transparent { border-color: transparent; } - .lg\:divide-current > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-current { border-color: currentColor; } - .lg\:divide-black > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-black { border-color: #000; } - .lg\:divide-white > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-white { border-color: #fff; } - .lg\:divide-gray-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-50 { border-color: #fafafa; } - .lg\:divide-gray-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-100 { border-color: #f4f4f5; } - .lg\:divide-gray-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-200 { border-color: #e4e4e7; } - .lg\:divide-gray-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-300 { border-color: #d4d4d8; } - .lg\:divide-gray-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-400 { border-color: #a1a1aa; } - .lg\:divide-gray-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-500 { border-color: #71717a; } - .lg\:divide-gray-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-600 { border-color: #52525b; } - .lg\:divide-gray-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-700 { border-color: #3f3f46; } - .lg\:divide-gray-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-800 { border-color: #27272a; } - .lg\:divide-gray-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-gray-900 { border-color: #18181b; } - .lg\:divide-red-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-50 { border-color: #fef2f2; } - .lg\:divide-red-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-100 { border-color: #fee2e2; } - .lg\:divide-red-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-200 { border-color: #fecaca; } - .lg\:divide-red-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-300 { border-color: #fca5a5; } - .lg\:divide-red-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-400 { border-color: #f87171; } - .lg\:divide-red-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-500 { border-color: #ef4444; } - .lg\:divide-red-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-600 { border-color: #dc2626; } - .lg\:divide-red-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-700 { border-color: #b91c1c; } - .lg\:divide-red-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-800 { border-color: #991b1b; } - .lg\:divide-red-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-red-900 { border-color: #7f1d1d; } - .lg\:divide-yellow-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-50 { border-color: #fffbeb; } - .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-100 { border-color: #fef3c7; } - .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-200 { border-color: #fde68a; } - .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-300 { border-color: #fcd34d; } - .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-400 { border-color: #fbbf24; } - .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-500 { border-color: #f59e0b; } - .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-600 { border-color: #d97706; } - .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-700 { border-color: #b45309; } - .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-800 { border-color: #92400e; } - .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-yellow-900 { border-color: #78350f; } - .lg\:divide-green-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-50 { border-color: #ecfdf5; } - .lg\:divide-green-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-100 { border-color: #d1fae5; } - .lg\:divide-green-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-200 { border-color: #a7f3d0; } - .lg\:divide-green-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-300 { border-color: #6ee7b7; } - .lg\:divide-green-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-400 { border-color: #34d399; } - .lg\:divide-green-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-500 { border-color: #10b981; } - .lg\:divide-green-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-600 { border-color: #059669; } - .lg\:divide-green-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-700 { border-color: #047857; } - .lg\:divide-green-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-800 { border-color: #065f46; } - .lg\:divide-green-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-green-900 { border-color: #064e3b; } - .lg\:divide-blue-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-50 { border-color: #eff6ff; } - .lg\:divide-blue-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-100 { border-color: #dbeafe; } - .lg\:divide-blue-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-200 { border-color: #bfdbfe; } - .lg\:divide-blue-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-300 { border-color: #93c5fd; } - .lg\:divide-blue-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-400 { border-color: #60a5fa; } - .lg\:divide-blue-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-500 { border-color: #3b82f6; } - .lg\:divide-blue-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-600 { border-color: #2563eb; } - .lg\:divide-blue-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-700 { border-color: #1d4ed8; } - .lg\:divide-blue-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-800 { border-color: #1e40af; } - .lg\:divide-blue-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-blue-900 { border-color: #1e3a8a; } - .lg\:divide-purple-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-50 { border-color: #f5f3ff; } - .lg\:divide-purple-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-100 { border-color: #ede9fe; } - .lg\:divide-purple-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-200 { border-color: #ddd6fe; } - .lg\:divide-purple-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-300 { border-color: #c4b5fd; } - .lg\:divide-purple-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-400 { border-color: #a78bfa; } - .lg\:divide-purple-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-500 { border-color: #8b5cf6; } - .lg\:divide-purple-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-600 { border-color: #7c3aed; } - .lg\:divide-purple-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-700 { border-color: #6d28d9; } - .lg\:divide-purple-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-800 { border-color: #5b21b6; } - .lg\:divide-purple-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-purple-900 { border-color: #4c1d95; } - .lg\:divide-pink-50 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-50 { border-color: #fdf2f8; } - .lg\:divide-pink-100 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-100 { border-color: #fce7f3; } - .lg\:divide-pink-200 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-200 { border-color: #fbcfe8; } - .lg\:divide-pink-300 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-300 { border-color: #f9a8d4; } - .lg\:divide-pink-400 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-400 { border-color: #f472b6; } - .lg\:divide-pink-500 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-500 { border-color: #ec4899; } - .lg\:divide-pink-600 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-600 { border-color: #db2777; } - .lg\:divide-pink-700 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-700 { border-color: #be185d; } - .lg\:divide-pink-800 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-800 { border-color: #9d174d; } - .lg\:divide-pink-900 > :not(template) ~ :not(template) { + .group:hover .md\:group-hover\:border-pink-900 { border-color: #831843; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .lg\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } - - .lg\:dark\:divide-black > :not(template) ~ :not(template) { - border-color: #000; - } - - .lg\:dark\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } - - .lg\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } - - .lg\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } - - .lg\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } - - .lg\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } - - .lg\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } - - .lg\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } - - .lg\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } - - .lg\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } - - .lg\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } - - .lg\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } - - .lg\:dark\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } - - .lg\:dark\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } - - .lg\:dark\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } - - .lg\:dark\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .lg\:dark\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .lg\:dark\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .lg\:dark\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .lg\:dark\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .lg\:dark\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .lg\:dark\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .lg\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .lg\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .lg\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .lg\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .lg\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .lg\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .lg\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .lg\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .lg\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .lg\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .lg\:dark\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .lg\:dark\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .lg\:dark\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .lg\:dark\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .lg\:dark\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .lg\:dark\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .lg\:dark\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .lg\:dark\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .lg\:dark\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .lg\:dark\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .lg\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .lg\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .lg\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .lg\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .lg\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .lg\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .lg\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .lg\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .lg\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .lg\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .lg\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .lg\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .lg\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .lg\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .lg\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .lg\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .lg\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .lg\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } + .md\:hover\:border-transparent:hover { + border-color: transparent; + } - .lg\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } + .md\:hover\:border-current:hover { + border-color: currentColor; + } - .lg\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } + .md\:hover\:border-black:hover { + border-color: #000; + } - .lg\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } + .md\:hover\:border-white:hover { + border-color: #fff; + } - .lg\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } + .md\:hover\:border-gray-50:hover { + border-color: #fafafa; + } - .lg\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } + .md\:hover\:border-gray-100:hover { + border-color: #f4f4f5; + } - .lg\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } + .md\:hover\:border-gray-200:hover { + border-color: #e4e4e7; + } - .lg\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } + .md\:hover\:border-gray-300:hover { + border-color: #d4d4d8; + } - .lg\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } + .md\:hover\:border-gray-400:hover { + border-color: #a1a1aa; + } - .lg\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } + .md\:hover\:border-gray-500:hover { + border-color: #71717a; + } - .lg\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } + .md\:hover\:border-gray-600:hover { + border-color: #52525b; + } - .lg\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } + .md\:hover\:border-gray-700:hover { + border-color: #3f3f46; + } - .lg\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } + .md\:hover\:border-gray-800:hover { + border-color: #27272a; } - .lg\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .md\:hover\:border-gray-900:hover { + border-color: #18181b; } - .lg\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .md\:hover\:border-red-50:hover { + border-color: #fef2f2; } - .lg\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .md\:hover\:border-red-100:hover { + border-color: #fee2e2; } - .lg\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .md\:hover\:border-red-200:hover { + border-color: #fecaca; } - .lg\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .md\:hover\:border-red-300:hover { + border-color: #fca5a5; } - .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\:hover\:border-red-400:hover { + border-color: #f87171; } - .lg\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:hover\:border-red-500:hover { + border-color: #ef4444; } - .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\:hover\:border-red-600:hover { + border-color: #dc2626; } - .lg\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:hover\:border-red-700:hover { + border-color: #b91c1c; } - .lg\:appearance-none { - appearance: none; + .md\:hover\:border-red-800:hover { + border-color: #991b1b; } - .lg\:bg-fixed { - background-attachment: fixed; + .md\:hover\:border-red-900:hover { + border-color: #7f1d1d; } - .lg\:bg-local { - background-attachment: local; + .md\:hover\:border-yellow-50:hover { + border-color: #fffbeb; } - .lg\:bg-scroll { - background-attachment: scroll; + .md\:hover\:border-yellow-100:hover { + border-color: #fef3c7; } - .lg\:bg-clip-border { - background-clip: border-box; + .md\:hover\:border-yellow-200:hover { + border-color: #fde68a; } - .lg\:bg-clip-padding { - background-clip: padding-box; + .md\:hover\:border-yellow-300:hover { + border-color: #fcd34d; } - .lg\:bg-clip-content { - background-clip: content-box; + .md\:hover\:border-yellow-400:hover { + border-color: #fbbf24; } - .lg\:bg-clip-text { - background-clip: text; + .md\:hover\:border-yellow-500:hover { + border-color: #f59e0b; } - .lg\:bg-transparent { - background-color: transparent; + .md\:hover\:border-yellow-600:hover { + border-color: #d97706; } - .lg\:bg-current { - background-color: currentColor; + .md\:hover\:border-yellow-700:hover { + border-color: #b45309; } - .lg\:bg-black { - background-color: #000; + .md\:hover\:border-yellow-800:hover { + border-color: #92400e; } - .lg\:bg-white { - background-color: #fff; + .md\:hover\:border-yellow-900:hover { + border-color: #78350f; } - .lg\:bg-gray-50 { - background-color: #fafafa; + .md\:hover\:border-green-50:hover { + border-color: #ecfdf5; } - .lg\:bg-gray-100 { - background-color: #f4f4f5; + .md\:hover\:border-green-100:hover { + border-color: #d1fae5; } - .lg\:bg-gray-200 { - background-color: #e4e4e7; + .md\:hover\:border-green-200:hover { + border-color: #a7f3d0; } - .lg\:bg-gray-300 { - background-color: #d4d4d8; + .md\:hover\:border-green-300:hover { + border-color: #6ee7b7; } - .lg\:bg-gray-400 { - background-color: #a1a1aa; + .md\:hover\:border-green-400:hover { + border-color: #34d399; } - .lg\:bg-gray-500 { - background-color: #71717a; + .md\:hover\:border-green-500:hover { + border-color: #10b981; } - .lg\:bg-gray-600 { - background-color: #52525b; + .md\:hover\:border-green-600:hover { + border-color: #059669; } - .lg\:bg-gray-700 { - background-color: #3f3f46; + .md\:hover\:border-green-700:hover { + border-color: #047857; } - .lg\:bg-gray-800 { - background-color: #27272a; + .md\:hover\:border-green-800:hover { + border-color: #065f46; } - .lg\:bg-gray-900 { - background-color: #18181b; + .md\:hover\:border-green-900:hover { + border-color: #064e3b; } - .lg\:bg-red-50 { - background-color: #fef2f2; + .md\:hover\:border-blue-50:hover { + border-color: #eff6ff; } - .lg\:bg-red-100 { - background-color: #fee2e2; + .md\:hover\:border-blue-100:hover { + border-color: #dbeafe; } - .lg\:bg-red-200 { - background-color: #fecaca; + .md\:hover\:border-blue-200:hover { + border-color: #bfdbfe; } - .lg\:bg-red-300 { - background-color: #fca5a5; + .md\:hover\:border-blue-300:hover { + border-color: #93c5fd; } - .lg\:bg-red-400 { - background-color: #f87171; + .md\:hover\:border-blue-400:hover { + border-color: #60a5fa; } - .lg\:bg-red-500 { - background-color: #ef4444; + .md\:hover\:border-blue-500:hover { + border-color: #3b82f6; } - .lg\:bg-red-600 { - background-color: #dc2626; + .md\:hover\:border-blue-600:hover { + border-color: #2563eb; } - .lg\:bg-red-700 { - background-color: #b91c1c; + .md\:hover\:border-blue-700:hover { + border-color: #1d4ed8; } - .lg\:bg-red-800 { - background-color: #991b1b; + .md\:hover\:border-blue-800:hover { + border-color: #1e40af; } - .lg\:bg-red-900 { - background-color: #7f1d1d; + .md\:hover\:border-blue-900:hover { + border-color: #1e3a8a; } - .lg\:bg-yellow-50 { - background-color: #fffbeb; + .md\:hover\:border-purple-50:hover { + border-color: #f5f3ff; } - .lg\:bg-yellow-100 { - background-color: #fef3c7; + .md\:hover\:border-purple-100:hover { + border-color: #ede9fe; } - .lg\:bg-yellow-200 { - background-color: #fde68a; + .md\:hover\:border-purple-200:hover { + border-color: #ddd6fe; } - .lg\:bg-yellow-300 { - background-color: #fcd34d; + .md\:hover\:border-purple-300:hover { + border-color: #c4b5fd; } - .lg\:bg-yellow-400 { - background-color: #fbbf24; + .md\:hover\:border-purple-400:hover { + border-color: #a78bfa; } - .lg\:bg-yellow-500 { - background-color: #f59e0b; + .md\:hover\:border-purple-500:hover { + border-color: #8b5cf6; } - .lg\:bg-yellow-600 { - background-color: #d97706; + .md\:hover\:border-purple-600:hover { + border-color: #7c3aed; } - .lg\:bg-yellow-700 { - background-color: #b45309; + .md\:hover\:border-purple-700:hover { + border-color: #6d28d9; } - .lg\:bg-yellow-800 { - background-color: #92400e; + .md\:hover\:border-purple-800:hover { + border-color: #5b21b6; } - .lg\:bg-yellow-900 { - background-color: #78350f; + .md\:hover\:border-purple-900:hover { + border-color: #4c1d95; } - .lg\:bg-green-50 { - background-color: #ecfdf5; + .md\:hover\:border-pink-50:hover { + border-color: #fdf2f8; } - .lg\:bg-green-100 { - background-color: #d1fae5; + .md\:hover\:border-pink-100:hover { + border-color: #fce7f3; } - .lg\:bg-green-200 { - background-color: #a7f3d0; + .md\:hover\:border-pink-200:hover { + border-color: #fbcfe8; } - .lg\:bg-green-300 { - background-color: #6ee7b7; + .md\:hover\:border-pink-300:hover { + border-color: #f9a8d4; } - .lg\:bg-green-400 { - background-color: #34d399; + .md\:hover\:border-pink-400:hover { + border-color: #f472b6; } - .lg\:bg-green-500 { - background-color: #10b981; + .md\:hover\:border-pink-500:hover { + border-color: #ec4899; } - .lg\:bg-green-600 { - background-color: #059669; + .md\:hover\:border-pink-600:hover { + border-color: #db2777; } - .lg\:bg-green-700 { - background-color: #047857; + .md\:hover\:border-pink-700:hover { + border-color: #be185d; } - .lg\:bg-green-800 { - background-color: #065f46; + .md\:hover\:border-pink-800:hover { + border-color: #9d174d; } - .lg\:bg-green-900 { - background-color: #064e3b; + .md\:hover\:border-pink-900:hover { + border-color: #831843; } - .lg\:bg-blue-50 { - background-color: #eff6ff; + .md\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:bg-blue-100 { - background-color: #dbeafe; + .md\:focus\:border-current:focus { + border-color: currentColor; } - .lg\:bg-blue-200 { - background-color: #bfdbfe; + .md\:focus\:border-black:focus { + border-color: #000; } - .lg\:bg-blue-300 { - background-color: #93c5fd; + .md\:focus\:border-white:focus { + border-color: #fff; } - .lg\:bg-blue-400 { - background-color: #60a5fa; + .md\:focus\:border-gray-50:focus { + border-color: #fafafa; } - .lg\:bg-blue-500 { - background-color: #3b82f6; + .md\:focus\:border-gray-100:focus { + border-color: #f4f4f5; } - .lg\:bg-blue-600 { - background-color: #2563eb; + .md\:focus\:border-gray-200:focus { + border-color: #e4e4e7; } - .lg\:bg-blue-700 { - background-color: #1d4ed8; + .md\:focus\:border-gray-300:focus { + border-color: #d4d4d8; } - .lg\:bg-blue-800 { - background-color: #1e40af; + .md\:focus\:border-gray-400:focus { + border-color: #a1a1aa; } - .lg\:bg-blue-900 { - background-color: #1e3a8a; + .md\:focus\:border-gray-500:focus { + border-color: #71717a; } - .lg\:bg-purple-50 { - background-color: #f5f3ff; + .md\:focus\:border-gray-600:focus { + border-color: #52525b; } - .lg\:bg-purple-100 { - background-color: #ede9fe; + .md\:focus\:border-gray-700:focus { + border-color: #3f3f46; } - .lg\:bg-purple-200 { - background-color: #ddd6fe; + .md\:focus\:border-gray-800:focus { + border-color: #27272a; } - .lg\:bg-purple-300 { - background-color: #c4b5fd; + .md\:focus\:border-gray-900:focus { + border-color: #18181b; } - .lg\:bg-purple-400 { - background-color: #a78bfa; + .md\:focus\:border-red-50:focus { + border-color: #fef2f2; } - .lg\:bg-purple-500 { - background-color: #8b5cf6; + .md\:focus\:border-red-100:focus { + border-color: #fee2e2; } - .lg\:bg-purple-600 { - background-color: #7c3aed; + .md\:focus\:border-red-200:focus { + border-color: #fecaca; } - .lg\:bg-purple-700 { - background-color: #6d28d9; + .md\:focus\:border-red-300:focus { + border-color: #fca5a5; } - .lg\:bg-purple-800 { - background-color: #5b21b6; + .md\:focus\:border-red-400:focus { + border-color: #f87171; } - .lg\:bg-purple-900 { - background-color: #4c1d95; + .md\:focus\:border-red-500:focus { + border-color: #ef4444; } - .lg\:bg-pink-50 { - background-color: #fdf2f8; + .md\:focus\:border-red-600:focus { + border-color: #dc2626; } - .lg\:bg-pink-100 { - background-color: #fce7f3; + .md\:focus\:border-red-700:focus { + border-color: #b91c1c; } - .lg\:bg-pink-200 { - background-color: #fbcfe8; + .md\:focus\:border-red-800:focus { + border-color: #991b1b; } - .lg\:bg-pink-300 { - background-color: #f9a8d4; + .md\:focus\:border-red-900:focus { + border-color: #7f1d1d; } - .lg\:bg-pink-400 { - background-color: #f472b6; + .md\:focus\:border-yellow-50:focus { + border-color: #fffbeb; } - .lg\:bg-pink-500 { - background-color: #ec4899; + .md\:focus\:border-yellow-100:focus { + border-color: #fef3c7; } - .lg\:bg-pink-600 { - background-color: #db2777; + .md\:focus\:border-yellow-200:focus { + border-color: #fde68a; } - .lg\:bg-pink-700 { - background-color: #be185d; + .md\:focus\:border-yellow-300:focus { + border-color: #fcd34d; } - .lg\:bg-pink-800 { - background-color: #9d174d; + .md\:focus\:border-yellow-400:focus { + border-color: #fbbf24; } - .lg\:bg-pink-900 { - background-color: #831843; + .md\:focus\:border-yellow-500:focus { + border-color: #f59e0b; } - .group:hover .lg\:group-hover\:bg-transparent { - background-color: transparent; + .md\:focus\:border-yellow-600:focus { + border-color: #d97706; } - .group:hover .lg\:group-hover\:bg-current { - background-color: currentColor; + .md\:focus\:border-yellow-700:focus { + border-color: #b45309; } - .group:hover .lg\:group-hover\:bg-black { - background-color: #000; + .md\:focus\:border-yellow-800:focus { + border-color: #92400e; } - .group:hover .lg\:group-hover\:bg-white { - background-color: #fff; + .md\:focus\:border-yellow-900:focus { + border-color: #78350f; } - .group:hover .lg\:group-hover\:bg-gray-50 { - background-color: #fafafa; + .md\:focus\:border-green-50:focus { + border-color: #ecfdf5; } - .group:hover .lg\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; + .md\:focus\:border-green-100:focus { + border-color: #d1fae5; } - .group:hover .lg\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; + .md\:focus\:border-green-200:focus { + border-color: #a7f3d0; } - .group:hover .lg\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; + .md\:focus\:border-green-300:focus { + border-color: #6ee7b7; } - .group:hover .lg\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; + .md\:focus\:border-green-400:focus { + border-color: #34d399; } - .group:hover .lg\:group-hover\:bg-gray-500 { - background-color: #71717a; + .md\:focus\:border-green-500:focus { + border-color: #10b981; } - .group:hover .lg\:group-hover\:bg-gray-600 { - background-color: #52525b; + .md\:focus\:border-green-600:focus { + border-color: #059669; } - .group:hover .lg\:group-hover\:bg-gray-700 { - background-color: #3f3f46; + .md\:focus\:border-green-700:focus { + border-color: #047857; } - .group:hover .lg\:group-hover\:bg-gray-800 { - background-color: #27272a; + .md\:focus\:border-green-800:focus { + border-color: #065f46; } - .group:hover .lg\:group-hover\:bg-gray-900 { - background-color: #18181b; + .md\:focus\:border-green-900:focus { + border-color: #064e3b; } - .group:hover .lg\:group-hover\:bg-red-50 { - background-color: #fef2f2; + .md\:focus\:border-blue-50:focus { + border-color: #eff6ff; } - .group:hover .lg\:group-hover\:bg-red-100 { - background-color: #fee2e2; + .md\:focus\:border-blue-100:focus { + border-color: #dbeafe; } - .group:hover .lg\:group-hover\:bg-red-200 { - background-color: #fecaca; + .md\:focus\:border-blue-200:focus { + border-color: #bfdbfe; } - .group:hover .lg\:group-hover\:bg-red-300 { - background-color: #fca5a5; + .md\:focus\:border-blue-300:focus { + border-color: #93c5fd; } - .group:hover .lg\:group-hover\:bg-red-400 { - background-color: #f87171; + .md\:focus\:border-blue-400:focus { + border-color: #60a5fa; } - .group:hover .lg\:group-hover\:bg-red-500 { - background-color: #ef4444; + .md\:focus\:border-blue-500:focus { + border-color: #3b82f6; } - .group:hover .lg\:group-hover\:bg-red-600 { - background-color: #dc2626; + .md\:focus\:border-blue-600:focus { + border-color: #2563eb; } - .group:hover .lg\:group-hover\:bg-red-700 { - background-color: #b91c1c; + .md\:focus\:border-blue-700:focus { + border-color: #1d4ed8; } - .group:hover .lg\:group-hover\:bg-red-800 { - background-color: #991b1b; + .md\:focus\:border-blue-800:focus { + border-color: #1e40af; } - .group:hover .lg\:group-hover\:bg-red-900 { - background-color: #7f1d1d; + .md\:focus\:border-blue-900:focus { + border-color: #1e3a8a; } - .group:hover .lg\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; + .md\:focus\:border-purple-50:focus { + border-color: #f5f3ff; } - .group:hover .lg\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; + .md\:focus\:border-purple-100:focus { + border-color: #ede9fe; } - .group:hover .lg\:group-hover\:bg-yellow-200 { - background-color: #fde68a; + .md\:focus\:border-purple-200:focus { + border-color: #ddd6fe; } - .group:hover .lg\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; + .md\:focus\:border-purple-300:focus { + border-color: #c4b5fd; } - .group:hover .lg\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; + .md\:focus\:border-purple-400:focus { + border-color: #a78bfa; } - .group:hover .lg\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; + .md\:focus\:border-purple-500:focus { + border-color: #8b5cf6; } - .group:hover .lg\:group-hover\:bg-yellow-600 { - background-color: #d97706; + .md\:focus\:border-purple-600:focus { + border-color: #7c3aed; } - .group:hover .lg\:group-hover\:bg-yellow-700 { - background-color: #b45309; + .md\:focus\:border-purple-700:focus { + border-color: #6d28d9; } - .group:hover .lg\:group-hover\:bg-yellow-800 { - background-color: #92400e; + .md\:focus\:border-purple-800:focus { + border-color: #5b21b6; } - .group:hover .lg\:group-hover\:bg-yellow-900 { - background-color: #78350f; + .md\:focus\:border-purple-900:focus { + border-color: #4c1d95; } - .group:hover .lg\:group-hover\:bg-green-50 { - background-color: #ecfdf5; + .md\:focus\:border-pink-50:focus { + border-color: #fdf2f8; } - .group:hover .lg\:group-hover\:bg-green-100 { - background-color: #d1fae5; + .md\:focus\:border-pink-100:focus { + border-color: #fce7f3; } - .group:hover .lg\:group-hover\:bg-green-200 { - background-color: #a7f3d0; + .md\:focus\:border-pink-200:focus { + border-color: #fbcfe8; } - .group:hover .lg\:group-hover\:bg-green-300 { - background-color: #6ee7b7; + .md\:focus\:border-pink-300:focus { + border-color: #f9a8d4; } - .group:hover .lg\:group-hover\:bg-green-400 { - background-color: #34d399; + .md\:focus\:border-pink-400:focus { + border-color: #f472b6; } - .group:hover .lg\:group-hover\:bg-green-500 { - background-color: #10b981; + .md\:focus\:border-pink-500:focus { + border-color: #ec4899; } - .group:hover .lg\:group-hover\:bg-green-600 { - background-color: #059669; + .md\:focus\:border-pink-600:focus { + border-color: #db2777; } - .group:hover .lg\:group-hover\:bg-green-700 { - background-color: #047857; + .md\:focus\:border-pink-700:focus { + border-color: #be185d; } - .group:hover .lg\:group-hover\:bg-green-800 { - background-color: #065f46; + .md\:focus\:border-pink-800:focus { + border-color: #9d174d; } - .group:hover .lg\:group-hover\:bg-green-900 { - background-color: #064e3b; + .md\:focus\:border-pink-900:focus { + border-color: #831843; } - .group:hover .lg\:group-hover\:bg-blue-50 { - background-color: #eff6ff; + .md\:rounded-none { + border-radius: 0; } - .group:hover .lg\:group-hover\:bg-blue-100 { - background-color: #dbeafe; + .md\:rounded-sm { + border-radius: 0.125rem; } - .group:hover .lg\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; + .md\:rounded { + border-radius: 0.25rem; } - .group:hover .lg\:group-hover\:bg-blue-300 { - background-color: #93c5fd; + .md\:rounded-md { + border-radius: 0.375rem; } - .group:hover .lg\:group-hover\:bg-blue-400 { - background-color: #60a5fa; + .md\:rounded-lg { + border-radius: 0.5rem; } - .group:hover .lg\:group-hover\:bg-blue-500 { - background-color: #3b82f6; + .md\:rounded-xl { + border-radius: 0.75rem; } - .group:hover .lg\:group-hover\:bg-blue-600 { - background-color: #2563eb; + .md\:rounded-2xl { + border-radius: 1rem; } - .group:hover .lg\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; + .md\:rounded-3xl { + border-radius: 1.5rem; } - .group:hover .lg\:group-hover\:bg-blue-800 { - background-color: #1e40af; + .md\:rounded-full { + border-radius: 9999px; } - .group:hover .lg\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .group:hover .lg\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .group:hover .lg\:group-hover\:bg-purple-100 { - background-color: #ede9fe; + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .group:hover .lg\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .group:hover .lg\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .group:hover .lg\:group-hover\:bg-purple-400 { - background-color: #a78bfa; + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .group:hover .lg\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .group:hover .lg\:group-hover\:bg-purple-600 { - background-color: #7c3aed; + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .group:hover .lg\:group-hover\:bg-purple-700 { - background-color: #6d28d9; + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .group:hover .lg\:group-hover\:bg-purple-800 { - background-color: #5b21b6; + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .group:hover .lg\:group-hover\:bg-purple-900 { - background-color: #4c1d95; + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .group:hover .lg\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .group:hover .lg\:group-hover\:bg-pink-100 { - background-color: #fce7f3; + .md\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .group:hover .lg\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; + .md\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .group:hover .lg\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .group:hover .lg\:group-hover\:bg-pink-400 { - background-color: #f472b6; + .md\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .group:hover .lg\:group-hover\:bg-pink-500 { - background-color: #ec4899; + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .group:hover .lg\:group-hover\:bg-pink-600 { - background-color: #db2777; + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .group:hover .lg\:group-hover\:bg-pink-700 { - background-color: #be185d; + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .group:hover .lg\:group-hover\:bg-pink-800 { - background-color: #9d174d; + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .group:hover .lg\:group-hover\:bg-pink-900 { - background-color: #831843; + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .lg\:hover\:bg-current:hover { - background-color: currentColor; + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:hover\:bg-black:hover { - background-color: #000; + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:hover\:bg-white:hover { - background-color: #fff; + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .lg\:hover\:bg-gray-50:hover { - background-color: #fafafa; + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .lg\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .lg\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .lg\:hover\:bg-gray-500:hover { - background-color: #71717a; + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:hover\:bg-gray-600:hover { - background-color: #52525b; + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:hover\:bg-gray-700:hover { - background-color: #3f3f46; + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:hover\:bg-gray-800:hover { - background-color: #27272a; + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:hover\:bg-gray-900:hover { - background-color: #18181b; + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:hover\:bg-red-50:hover { - background-color: #fef2f2; + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:hover\:bg-red-100:hover { - background-color: #fee2e2; + .md\:rounded-tl-none { + border-top-left-radius: 0; } - .lg\:hover\:bg-red-200:hover { - background-color: #fecaca; + .md\:rounded-tr-none { + border-top-right-radius: 0; } - .lg\:hover\:bg-red-300:hover { - background-color: #fca5a5; + .md\:rounded-br-none { + border-bottom-right-radius: 0; } - .lg\:hover\:bg-red-400:hover { - background-color: #f87171; + .md\:rounded-bl-none { + border-bottom-left-radius: 0; } - .lg\:hover\:bg-red-500:hover { - background-color: #ef4444; + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .lg\:hover\:bg-red-600:hover { - background-color: #dc2626; + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .lg\:hover\:bg-red-700:hover { - background-color: #b91c1c; + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .lg\:hover\:bg-red-800:hover { - background-color: #991b1b; + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .lg\:hover\:bg-red-900:hover { - background-color: #7f1d1d; + .md\:rounded-tl { + border-top-left-radius: 0.25rem; } - .lg\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; + .md\:rounded-tr { + border-top-right-radius: 0.25rem; } - .lg\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .lg\:hover\:bg-yellow-200:hover { - background-color: #fde68a; + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .lg\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .lg\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .lg\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .lg\:hover\:bg-yellow-600:hover { - background-color: #d97706; + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .lg\:hover\:bg-yellow-700:hover { - background-color: #b45309; + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .lg\:hover\:bg-yellow-800:hover { - background-color: #92400e; + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .lg\:hover\:bg-yellow-900:hover { - background-color: #78350f; + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .lg\:hover\:bg-green-50:hover { - background-color: #ecfdf5; + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .lg\:hover\:bg-green-100:hover { - background-color: #d1fae5; + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .lg\:hover\:bg-green-200:hover { - background-color: #a7f3d0; + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .lg\:hover\:bg-green-300:hover { - background-color: #6ee7b7; + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .lg\:hover\:bg-green-400:hover { - background-color: #34d399; + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .lg\:hover\:bg-green-500:hover { - background-color: #10b981; + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .lg\:hover\:bg-green-600:hover { - background-color: #059669; + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .lg\:hover\:bg-green-700:hover { - background-color: #047857; + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .lg\:hover\:bg-green-800:hover { - background-color: #065f46; + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .lg\:hover\:bg-green-900:hover { - background-color: #064e3b; + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .lg\:hover\:bg-blue-50:hover { - background-color: #eff6ff; + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .lg\:hover\:bg-blue-100:hover { - background-color: #dbeafe; + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .lg\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .lg\:hover\:bg-blue-300:hover { - background-color: #93c5fd; + .md\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:hover\:bg-blue-400:hover { - background-color: #60a5fa; + .md\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:hover\:bg-blue-500:hover { - background-color: #3b82f6; + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:hover\:bg-blue-600:hover { - background-color: #2563eb; + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; + .md\:border-solid { + border-style: solid; } - .lg\:hover\:bg-blue-800:hover { - background-color: #1e40af; + .md\:border-dashed { + border-style: dashed; } - .lg\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; + .md\:border-dotted { + border-style: dotted; } - .lg\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; + .md\:border-double { + border-style: double; } - .lg\:hover\:bg-purple-100:hover { - background-color: #ede9fe; + .md\:border-none { + border-style: none; } - .lg\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; + .md\:border-0 { + border-width: 0; } - .lg\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; + .md\:border-2 { + border-width: 2px; } - .lg\:hover\:bg-purple-400:hover { - background-color: #a78bfa; + .md\:border-4 { + border-width: 4px; } - .lg\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; + .md\:border-8 { + border-width: 8px; } - .lg\:hover\:bg-purple-600:hover { - background-color: #7c3aed; + .md\:border { + border-width: 1px; } - .lg\:hover\:bg-purple-700:hover { - background-color: #6d28d9; + .md\:border-t-0 { + border-top-width: 0; } - .lg\:hover\:bg-purple-800:hover { - background-color: #5b21b6; + .md\:border-r-0 { + border-right-width: 0; } - .lg\:hover\:bg-purple-900:hover { - background-color: #4c1d95; + .md\:border-b-0 { + border-bottom-width: 0; } - .lg\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; + .md\:border-l-0 { + border-left-width: 0; } - .lg\:hover\:bg-pink-100:hover { - background-color: #fce7f3; + .md\:border-t-2 { + border-top-width: 2px; } - .lg\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; + .md\:border-r-2 { + border-right-width: 2px; } - .lg\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; + .md\:border-b-2 { + border-bottom-width: 2px; } - .lg\:hover\:bg-pink-400:hover { - background-color: #f472b6; + .md\:border-l-2 { + border-left-width: 2px; } - .lg\:hover\:bg-pink-500:hover { - background-color: #ec4899; + .md\:border-t-4 { + border-top-width: 4px; } - .lg\:hover\:bg-pink-600:hover { - background-color: #db2777; + .md\:border-r-4 { + border-right-width: 4px; } - .lg\:hover\:bg-pink-700:hover { - background-color: #be185d; + .md\:border-b-4 { + border-bottom-width: 4px; } - .lg\:hover\:bg-pink-800:hover { - background-color: #9d174d; + .md\:border-l-4 { + border-left-width: 4px; } - .lg\:hover\:bg-pink-900:hover { - background-color: #831843; + .md\:border-t-8 { + border-top-width: 8px; } - .lg\:focus\:bg-transparent:focus { - background-color: transparent; + .md\:border-r-8 { + border-right-width: 8px; } - .lg\:focus\:bg-current:focus { - background-color: currentColor; + .md\:border-b-8 { + border-bottom-width: 8px; } - .lg\:focus\:bg-black:focus { - background-color: #000; + .md\:border-l-8 { + border-left-width: 8px; } - .lg\:focus\:bg-white:focus { - background-color: #fff; + .md\:border-t { + border-top-width: 1px; } - .lg\:focus\:bg-gray-50:focus { - background-color: #fafafa; + .md\:border-r { + border-right-width: 1px; } - .lg\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; + .md\:border-b { + border-bottom-width: 1px; } - .lg\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; + .md\:border-l { + border-left-width: 1px; } - .lg\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; + .md\:box-border { + box-sizing: border-box; } - .lg\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; + .md\:box-content { + box-sizing: content-box; } - .lg\:focus\:bg-gray-500:focus { - background-color: #71717a; + .md\:cursor-auto { + cursor: auto; } - .lg\:focus\:bg-gray-600:focus { - background-color: #52525b; + .md\:cursor-default { + cursor: default; } - .lg\:focus\:bg-gray-700:focus { - background-color: #3f3f46; + .md\:cursor-pointer { + cursor: pointer; } - .lg\:focus\:bg-gray-800:focus { - background-color: #27272a; + .md\:cursor-wait { + cursor: wait; } - .lg\:focus\:bg-gray-900:focus { - background-color: #18181b; + .md\:cursor-text { + cursor: text; } - .lg\:focus\:bg-red-50:focus { - background-color: #fef2f2; + .md\:cursor-move { + cursor: move; } - .lg\:focus\:bg-red-100:focus { - background-color: #fee2e2; + .md\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:focus\:bg-red-200:focus { - background-color: #fecaca; + .md\:block { + display: block; } - .lg\:focus\:bg-red-300:focus { - background-color: #fca5a5; + .md\:inline-block { + display: inline-block; } - .lg\:focus\:bg-red-400:focus { - background-color: #f87171; + .md\:inline { + display: inline; } - .lg\:focus\:bg-red-500:focus { - background-color: #ef4444; + .md\:flex { + display: flex; } - .lg\:focus\:bg-red-600:focus { - background-color: #dc2626; + .md\:inline-flex { + display: inline-flex; } - .lg\:focus\:bg-red-700:focus { - background-color: #b91c1c; + .md\:table { + display: table; } - .lg\:focus\:bg-red-800:focus { - background-color: #991b1b; + .md\:table-caption { + display: table-caption; } - .lg\:focus\:bg-red-900:focus { - background-color: #7f1d1d; + .md\:table-cell { + display: table-cell; } - .lg\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; + .md\:table-column { + display: table-column; } - .lg\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; + .md\:table-column-group { + display: table-column-group; } - .lg\:focus\:bg-yellow-200:focus { - background-color: #fde68a; + .md\:table-footer-group { + display: table-footer-group; } - .lg\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; + .md\:table-header-group { + display: table-header-group; } - .lg\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; + .md\:table-row-group { + display: table-row-group; } - .lg\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; + .md\:table-row { + display: table-row; } - .lg\:focus\:bg-yellow-600:focus { - background-color: #d97706; + .md\:flow-root { + display: flow-root; } - .lg\:focus\:bg-yellow-700:focus { - background-color: #b45309; + .md\:grid { + display: grid; } - .lg\:focus\:bg-yellow-800:focus { - background-color: #92400e; + .md\:inline-grid { + display: inline-grid; } - .lg\:focus\:bg-yellow-900:focus { - background-color: #78350f; + .md\:contents { + display: contents; } - .lg\:focus\:bg-green-50:focus { - background-color: #ecfdf5; + .md\:hidden { + display: none; } - .lg\:focus\:bg-green-100:focus { - background-color: #d1fae5; + .md\:flex-row { + flex-direction: row; } - .lg\:focus\:bg-green-200:focus { - background-color: #a7f3d0; + .md\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:focus\:bg-green-300:focus { - background-color: #6ee7b7; + .md\:flex-col { + flex-direction: column; } - .lg\:focus\:bg-green-400:focus { - background-color: #34d399; + .md\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:focus\:bg-green-500:focus { - background-color: #10b981; + .md\:flex-wrap { + flex-wrap: wrap; } - .lg\:focus\:bg-green-600:focus { - background-color: #059669; + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:focus\:bg-green-700:focus { - background-color: #047857; + .md\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:focus\:bg-green-800:focus { - background-color: #065f46; + .md\:place-items-auto { + place-items: auto; } - .lg\:focus\:bg-green-900:focus { - background-color: #064e3b; + .md\:place-items-start { + place-items: start; } - .lg\:focus\:bg-blue-50:focus { - background-color: #eff6ff; + .md\:place-items-end { + place-items: end; } - .lg\:focus\:bg-blue-100:focus { - background-color: #dbeafe; + .md\:place-items-center { + place-items: center; } - .lg\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; + .md\:place-items-stretch { + place-items: stretch; } - .lg\:focus\:bg-blue-300:focus { - background-color: #93c5fd; + .md\:place-content-center { + place-content: center; } - .lg\:focus\:bg-blue-400:focus { - background-color: #60a5fa; + .md\:place-content-start { + place-content: start; } - .lg\:focus\:bg-blue-500:focus { - background-color: #3b82f6; + .md\:place-content-end { + place-content: end; } - .lg\:focus\:bg-blue-600:focus { - background-color: #2563eb; + .md\:place-content-between { + place-content: space-between; } - .lg\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; + .md\:place-content-around { + place-content: space-around; } - .lg\:focus\:bg-blue-800:focus { - background-color: #1e40af; + .md\:place-content-evenly { + place-content: space-evenly; } - .lg\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; + .md\:place-content-stretch { + place-content: stretch; } - .lg\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; + .md\:place-self-auto { + place-self: auto; } - .lg\:focus\:bg-purple-100:focus { - background-color: #ede9fe; + .md\:place-self-start { + place-self: start; } - .lg\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; + .md\:place-self-end { + place-self: end; } - .lg\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; + .md\:place-self-center { + place-self: center; } - .lg\:focus\:bg-purple-400:focus { - background-color: #a78bfa; + .md\:place-self-stretch { + place-self: stretch; } - .lg\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; + .md\:items-start { + align-items: flex-start; } - .lg\:focus\:bg-purple-600:focus { - background-color: #7c3aed; + .md\:items-end { + align-items: flex-end; } - .lg\:focus\:bg-purple-700:focus { - background-color: #6d28d9; + .md\:items-center { + align-items: center; } - .lg\:focus\:bg-purple-800:focus { - background-color: #5b21b6; + .md\:items-baseline { + align-items: baseline; } - .lg\:focus\:bg-purple-900:focus { - background-color: #4c1d95; + .md\:items-stretch { + align-items: stretch; } - .lg\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; + .md\:content-center { + align-content: center; } - .lg\:focus\:bg-pink-100:focus { - background-color: #fce7f3; + .md\:content-start { + align-content: flex-start; } - .lg\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; + .md\:content-end { + align-content: flex-end; } - .lg\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; + .md\:content-between { + align-content: space-between; } - .lg\:focus\:bg-pink-400:focus { - background-color: #f472b6; + .md\:content-around { + align-content: space-around; } - .lg\:focus\:bg-pink-500:focus { - background-color: #ec4899; + .md\:content-evenly { + align-content: space-evenly; } - .lg\:focus\:bg-pink-600:focus { - background-color: #db2777; + .md\:self-auto { + align-self: auto; } - .lg\:focus\:bg-pink-700:focus { - background-color: #be185d; + .md\:self-start { + align-self: flex-start; } - .lg\:focus\:bg-pink-800:focus { - background-color: #9d174d; + .md\:self-end { + align-self: flex-end; } - .lg\:focus\:bg-pink-900:focus { - background-color: #831843; + .md\:self-center { + align-self: center; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:bg-transparent { - background-color: transparent; - } - - .lg\:dark\:bg-current { - background-color: currentColor; - } - - .lg\:dark\:bg-black { - background-color: #000; - } - - .lg\:dark\:bg-white { - background-color: #fff; - } - - .lg\:dark\:bg-gray-50 { - background-color: #fafafa; - } - - .lg\:dark\:bg-gray-100 { - background-color: #f4f4f5; - } - - .lg\:dark\:bg-gray-200 { - background-color: #e4e4e7; - } - - .lg\:dark\:bg-gray-300 { - background-color: #d4d4d8; - } - - .lg\:dark\:bg-gray-400 { - background-color: #a1a1aa; - } - - .lg\:dark\:bg-gray-500 { - background-color: #71717a; - } - - .lg\:dark\:bg-gray-600 { - background-color: #52525b; - } - - .lg\:dark\:bg-gray-700 { - background-color: #3f3f46; - } - - .lg\:dark\:bg-gray-800 { - background-color: #27272a; - } - - .lg\:dark\:bg-gray-900 { - background-color: #18181b; - } - - .lg\:dark\:bg-red-50 { - background-color: #fef2f2; - } - - .lg\:dark\:bg-red-100 { - background-color: #fee2e2; - } - - .lg\:dark\:bg-red-200 { - background-color: #fecaca; - } - - .lg\:dark\:bg-red-300 { - background-color: #fca5a5; - } - - .lg\:dark\:bg-red-400 { - background-color: #f87171; - } - - .lg\:dark\:bg-red-500 { - background-color: #ef4444; - } - - .lg\:dark\:bg-red-600 { - background-color: #dc2626; - } - - .lg\:dark\:bg-red-700 { - background-color: #b91c1c; - } - - .lg\:dark\:bg-red-800 { - background-color: #991b1b; - } - - .lg\:dark\:bg-red-900 { - background-color: #7f1d1d; - } - - .lg\:dark\:bg-yellow-50 { - background-color: #fffbeb; - } - - .lg\:dark\:bg-yellow-100 { - background-color: #fef3c7; - } - - .lg\:dark\:bg-yellow-200 { - background-color: #fde68a; - } - - .lg\:dark\:bg-yellow-300 { - background-color: #fcd34d; - } - - .lg\:dark\:bg-yellow-400 { - background-color: #fbbf24; - } - - .lg\:dark\:bg-yellow-500 { - background-color: #f59e0b; - } - - .lg\:dark\:bg-yellow-600 { - background-color: #d97706; - } - - .lg\:dark\:bg-yellow-700 { - background-color: #b45309; - } - - .lg\:dark\:bg-yellow-800 { - background-color: #92400e; - } - - .lg\:dark\:bg-yellow-900 { - background-color: #78350f; - } - - .lg\:dark\:bg-green-50 { - background-color: #ecfdf5; - } - - .lg\:dark\:bg-green-100 { - background-color: #d1fae5; - } - - .lg\:dark\:bg-green-200 { - background-color: #a7f3d0; - } - - .lg\:dark\:bg-green-300 { - background-color: #6ee7b7; - } - - .lg\:dark\:bg-green-400 { - background-color: #34d399; - } - - .lg\:dark\:bg-green-500 { - background-color: #10b981; - } - - .lg\:dark\:bg-green-600 { - background-color: #059669; - } - - .lg\:dark\:bg-green-700 { - background-color: #047857; - } - - .lg\:dark\:bg-green-800 { - background-color: #065f46; - } - - .lg\:dark\:bg-green-900 { - background-color: #064e3b; - } - - .lg\:dark\:bg-blue-50 { - background-color: #eff6ff; - } - - .lg\:dark\:bg-blue-100 { - background-color: #dbeafe; - } - - .lg\:dark\:bg-blue-200 { - background-color: #bfdbfe; - } - - .lg\:dark\:bg-blue-300 { - background-color: #93c5fd; - } - - .lg\:dark\:bg-blue-400 { - background-color: #60a5fa; - } - - .lg\:dark\:bg-blue-500 { - background-color: #3b82f6; - } - - .lg\:dark\:bg-blue-600 { - background-color: #2563eb; - } - - .lg\:dark\:bg-blue-700 { - background-color: #1d4ed8; - } - - .lg\:dark\:bg-blue-800 { - background-color: #1e40af; - } - - .lg\:dark\:bg-blue-900 { - background-color: #1e3a8a; - } - - .lg\:dark\:bg-purple-50 { - background-color: #f5f3ff; - } - - .lg\:dark\:bg-purple-100 { - background-color: #ede9fe; - } - - .lg\:dark\:bg-purple-200 { - background-color: #ddd6fe; - } - - .lg\:dark\:bg-purple-300 { - background-color: #c4b5fd; - } - - .lg\:dark\:bg-purple-400 { - background-color: #a78bfa; - } - - .lg\:dark\:bg-purple-500 { - background-color: #8b5cf6; - } - - .lg\:dark\:bg-purple-600 { - background-color: #7c3aed; - } - - .lg\:dark\:bg-purple-700 { - background-color: #6d28d9; - } - - .lg\:dark\:bg-purple-800 { - background-color: #5b21b6; - } - - .lg\:dark\:bg-purple-900 { - background-color: #4c1d95; - } - - .lg\:dark\:bg-pink-50 { - background-color: #fdf2f8; - } - - .lg\:dark\:bg-pink-100 { - background-color: #fce7f3; - } - - .lg\:dark\:bg-pink-200 { - background-color: #fbcfe8; - } - - .lg\:dark\:bg-pink-300 { - background-color: #f9a8d4; - } - - .lg\:dark\:bg-pink-400 { - background-color: #f472b6; - } - - .lg\:dark\:bg-pink-500 { - background-color: #ec4899; - } - - .lg\:dark\:bg-pink-600 { - background-color: #db2777; - } - - .lg\:dark\:bg-pink-700 { - background-color: #be185d; - } - - .lg\:dark\:bg-pink-800 { - background-color: #9d174d; - } - - .lg\:dark\:bg-pink-900 { - background-color: #831843; - } - - .group:hover .lg\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .lg\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .lg\:dark\:group-hover\:bg-black { - background-color: #000; - } - - .group:hover .lg\:dark\:group-hover\:bg-white { - background-color: #fff; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-500 { - background-color: #71717a; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-600 { - background-color: #52525b; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-800 { - background-color: #27272a; - } - - .group:hover .lg\:dark\:group-hover\:bg-gray-900 { - background-color: #18181b; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-200 { - background-color: #fecaca; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-400 { - background-color: #f87171; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-500 { - background-color: #ef4444; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-600 { - background-color: #dc2626; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-800 { - background-color: #991b1b; - } - - .group:hover .lg\:dark\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } - - .group:hover .lg\:dark\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-400 { - background-color: #34d399; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-500 { - background-color: #10b981; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-600 { - background-color: #059669; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-700 { - background-color: #047857; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-800 { - background-color: #065f46; - } - - .group:hover .lg\:dark\:group-hover\:bg-green-900 { - background-color: #064e3b; - } - - .group:hover .lg\:dark\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } - - .group:hover .lg\:dark\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } - - .group:hover .lg\:dark\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } - - .group:hover .lg\:dark\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } - - .group:hover .lg\:dark\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } - - .group:hover .lg\:dark\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } + .md\:self-stretch { + align-self: stretch; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } + .md\:justify-items-auto { + justify-items: auto; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } + .md\:justify-items-start { + justify-items: start; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } + .md\:justify-items-end { + justify-items: end; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } + .md\:justify-items-center { + justify-items: center; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } + .md\:justify-items-stretch { + justify-items: stretch; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } + .md\:justify-start { + justify-content: flex-start; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } + .md\:justify-end { + justify-content: flex-end; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } + .md\:justify-center { + justify-content: center; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } + .md\:justify-between { + justify-content: space-between; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } + .md\:justify-around { + justify-content: space-around; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } + .md\:justify-evenly { + justify-content: space-evenly; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } + .md\:justify-self-auto { + justify-self: auto; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } + .md\:justify-self-start { + justify-self: start; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } + .md\:justify-self-end { + justify-self: end; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } + .md\:justify-self-center { + justify-self: center; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } + .md\:justify-self-stretch { + justify-self: stretch; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } + .md\:flex-1 { + flex: 1 1 0%; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } + .md\:flex-auto { + flex: 1 1 auto; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } + .md\:flex-initial { + flex: 0 1 auto; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } + .md\:flex-none { + flex: none; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-600 { - background-color: #db2777; - } + .md\:flex-grow-0 { + flex-grow: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-700 { - background-color: #be185d; - } + .md\:flex-grow { + flex-grow: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } + .md\:flex-shrink-0 { + flex-shrink: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-900 { - background-color: #831843; - } + .md\:flex-shrink { + flex-shrink: 1; + } - .lg\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .md\:order-1 { + order: 1; + } - .lg\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .md\:order-2 { + order: 2; + } - .lg\:dark\:hover\:bg-black:hover { - background-color: #000; - } + .md\:order-3 { + order: 3; + } - .lg\:dark\:hover\:bg-white:hover { - background-color: #fff; - } + .md\:order-4 { + order: 4; + } - .lg\:dark\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } + .md\:order-5 { + order: 5; + } - .lg\:dark\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } + .md\:order-6 { + order: 6; + } - .lg\:dark\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } + .md\:order-7 { + order: 7; + } - .lg\:dark\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } + .md\:order-8 { + order: 8; + } - .lg\:dark\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } + .md\:order-9 { + order: 9; + } - .lg\:dark\:hover\:bg-gray-500:hover { - background-color: #71717a; - } + .md\:order-10 { + order: 10; + } - .lg\:dark\:hover\:bg-gray-600:hover { - background-color: #52525b; - } + .md\:order-11 { + order: 11; + } - .lg\:dark\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } + .md\:order-12 { + order: 12; + } - .lg\:dark\:hover\:bg-gray-800:hover { - background-color: #27272a; - } + .md\:order-first { + order: -9999; + } - .lg\:dark\:hover\:bg-gray-900:hover { - background-color: #18181b; - } + .md\:order-last { + order: 9999; + } - .lg\:dark\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } + .md\:order-none { + order: 0; + } - .lg\:dark\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } + .md\:float-right { + float: right; + } - .lg\:dark\:hover\:bg-red-200:hover { - background-color: #fecaca; - } + .md\:float-left { + float: left; + } - .lg\:dark\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } + .md\:float-none { + float: none; + } - .lg\:dark\:hover\:bg-red-400:hover { - background-color: #f87171; - } + .md\:clearfix:after { + content: ""; + display: table; + clear: both; + } - .lg\:dark\:hover\:bg-red-500:hover { - background-color: #ef4444; - } + .md\:clear-left { + clear: left; + } - .lg\:dark\:hover\:bg-red-600:hover { - background-color: #dc2626; - } + .md\:clear-right { + clear: right; + } - .lg\:dark\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } + .md\:clear-both { + clear: both; + } - .lg\:dark\:hover\:bg-red-800:hover { - background-color: #991b1b; - } + .md\:clear-none { + clear: none; + } - .lg\:dark\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } + .md\:font-sans { + font-family: ui-sans-serif, 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\:dark\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } + .md\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + } - .lg\:dark\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } + .md\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } - .lg\:dark\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } + .md\:font-thin { + font-weight: 100; + } - .lg\:dark\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } + .md\:font-extralight { + font-weight: 200; + } - .lg\:dark\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } + .md\:font-light { + font-weight: 300; + } - .lg\:dark\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } + .md\:font-normal { + font-weight: 400; + } - .lg\:dark\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } + .md\:font-medium { + font-weight: 500; + } - .lg\:dark\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } + .md\:font-semibold { + font-weight: 600; + } - .lg\:dark\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } + .md\:font-bold { + font-weight: 700; + } - .lg\:dark\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } + .md\:font-extrabold { + font-weight: 800; + } - .lg\:dark\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } + .md\:font-black { + font-weight: 900; + } - .lg\:dark\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } + .md\:hover\:font-thin:hover { + font-weight: 100; + } - .lg\:dark\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } + .md\:hover\:font-extralight:hover { + font-weight: 200; + } - .lg\:dark\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } + .md\:hover\:font-light:hover { + font-weight: 300; + } - .lg\:dark\:hover\:bg-green-400:hover { - background-color: #34d399; - } + .md\:hover\:font-normal:hover { + font-weight: 400; + } - .lg\:dark\:hover\:bg-green-500:hover { - background-color: #10b981; - } + .md\:hover\:font-medium:hover { + font-weight: 500; + } - .lg\:dark\:hover\:bg-green-600:hover { - background-color: #059669; - } + .md\:hover\:font-semibold:hover { + font-weight: 600; + } - .lg\:dark\:hover\:bg-green-700:hover { - background-color: #047857; - } + .md\:hover\:font-bold:hover { + font-weight: 700; + } - .lg\:dark\:hover\:bg-green-800:hover { - background-color: #065f46; - } + .md\:hover\:font-extrabold:hover { + font-weight: 800; + } - .lg\:dark\:hover\:bg-green-900:hover { - background-color: #064e3b; - } + .md\:hover\:font-black:hover { + font-weight: 900; + } - .lg\:dark\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } + .md\:focus\:font-thin:focus { + font-weight: 100; + } - .lg\:dark\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } + .md\:focus\:font-extralight:focus { + font-weight: 200; + } - .lg\:dark\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } + .md\:focus\:font-light:focus { + font-weight: 300; + } - .lg\:dark\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } + .md\:focus\:font-normal:focus { + font-weight: 400; + } - .lg\:dark\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } + .md\:focus\:font-medium:focus { + font-weight: 500; + } - .lg\:dark\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } + .md\:focus\:font-semibold:focus { + font-weight: 600; + } - .lg\:dark\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } + .md\:focus\:font-bold:focus { + font-weight: 700; + } - .lg\:dark\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } + .md\:focus\:font-extrabold:focus { + font-weight: 800; + } - .lg\:dark\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } + .md\:focus\:font-black:focus { + font-weight: 900; + } - .lg\:dark\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; - } + .md\:h-0 { + height: 0; + } - .lg\:dark\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; - } + .md\:h-1 { + height: 0.25rem; + } - .lg\:dark\:hover\:bg-purple-100:hover { - background-color: #ede9fe; - } + .md\:h-2 { + height: 0.5rem; + } - .lg\:dark\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; - } + .md\:h-3 { + height: 0.75rem; + } - .lg\:dark\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; - } + .md\:h-4 { + height: 1rem; + } - .lg\:dark\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } + .md\:h-5 { + height: 1.25rem; + } - .lg\:dark\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } + .md\:h-6 { + height: 1.5rem; + } - .lg\:dark\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } + .md\:h-7 { + height: 1.75rem; + } - .lg\:dark\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } + .md\:h-8 { + height: 2rem; + } - .lg\:dark\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } + .md\:h-9 { + height: 2.25rem; + } - .lg\:dark\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } + .md\:h-10 { + height: 2.5rem; + } - .lg\:dark\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } + .md\:h-12 { + height: 3rem; + } - .lg\:dark\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } + .md\:h-14 { + height: 3.5rem; + } - .lg\:dark\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } + .md\:h-16 { + height: 4rem; + } - .lg\:dark\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } + .md\:h-20 { + height: 5rem; + } - .lg\:dark\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } + .md\:h-24 { + height: 6rem; + } - .lg\:dark\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } + .md\:h-28 { + height: 7rem; + } - .lg\:dark\:hover\:bg-pink-600:hover { - background-color: #db2777; - } + .md\:h-32 { + height: 8rem; + } - .lg\:dark\:hover\:bg-pink-700:hover { - background-color: #be185d; - } + .md\:h-36 { + height: 9rem; + } - .lg\:dark\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } + .md\:h-40 { + height: 10rem; + } - .lg\:dark\:hover\:bg-pink-900:hover { - background-color: #831843; - } + .md\:h-44 { + height: 11rem; + } - .lg\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .md\:h-48 { + height: 12rem; + } - .lg\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .md\:h-52 { + height: 13rem; + } - .lg\:dark\:focus\:bg-black:focus { - background-color: #000; - } + .md\:h-56 { + height: 14rem; + } - .lg\:dark\:focus\:bg-white:focus { - background-color: #fff; - } + .md\:h-60 { + height: 15rem; + } - .lg\:dark\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } + .md\:h-64 { + height: 16rem; + } - .lg\:dark\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } + .md\:h-72 { + height: 18rem; + } - .lg\:dark\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } + .md\:h-80 { + height: 20rem; + } - .lg\:dark\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } + .md\:h-96 { + height: 24rem; + } - .lg\:dark\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } + .md\:h-auto { + height: auto; + } - .lg\:dark\:focus\:bg-gray-500:focus { - background-color: #71717a; - } + .md\:h-px { + height: 1px; + } - .lg\:dark\:focus\:bg-gray-600:focus { - background-color: #52525b; - } + .md\:h-0\.5 { + height: 0.125rem; + } - .lg\:dark\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } + .md\:h-1\.5 { + height: 0.375rem; + } - .lg\:dark\:focus\:bg-gray-800:focus { - background-color: #27272a; - } + .md\:h-2\.5 { + height: 0.625rem; + } - .lg\:dark\:focus\:bg-gray-900:focus { - background-color: #18181b; - } + .md\:h-3\.5 { + height: 0.875rem; + } - .lg\:dark\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } + .md\:h-full { + height: 100%; + } - .lg\:dark\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } + .md\:h-screen { + height: 100vh; + } - .lg\:dark\:focus\:bg-red-200:focus { - background-color: #fecaca; - } + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } - .lg\:dark\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } + .md\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } - .lg\:dark\:focus\:bg-red-400:focus { - background-color: #f87171; - } + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } - .lg\:dark\:focus\:bg-red-500:focus { - background-color: #ef4444; - } + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } - .lg\:dark\:focus\:bg-red-600:focus { - background-color: #dc2626; - } + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } - .lg\:dark\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } - .lg\:dark\:focus\:bg-red-800:focus { - background-color: #991b1b; - } + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } - .lg\:dark\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } - .lg\:dark\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } - .lg\:dark\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } + .md\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } - .lg\:dark\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } + .md\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } - .lg\:dark\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } + .md\:text-8xl { + font-size: 6rem; + line-height: 1; + } - .lg\:dark\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } + .md\:text-9xl { + font-size: 8rem; + line-height: 1; + } - .lg\:dark\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } + .md\:leading-3 { + line-height: .75rem; + } - .lg\:dark\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } + .md\:leading-4 { + line-height: 1rem; + } - .lg\:dark\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } + .md\:leading-5 { + line-height: 1.25rem; + } - .lg\:dark\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } + .md\:leading-6 { + line-height: 1.5rem; + } - .lg\:dark\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } + .md\:leading-7 { + line-height: 1.75rem; + } - .lg\:dark\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } + .md\:leading-8 { + line-height: 2rem; + } - .lg\:dark\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } + .md\:leading-9 { + line-height: 2.25rem; + } - .lg\:dark\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } + .md\:leading-10 { + line-height: 2.5rem; + } - .lg\:dark\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } + .md\:leading-none { + line-height: 1; + } - .lg\:dark\:focus\:bg-green-400:focus { - background-color: #34d399; - } + .md\:leading-tight { + line-height: 1.25; + } - .lg\:dark\:focus\:bg-green-500:focus { - background-color: #10b981; - } + .md\:leading-snug { + line-height: 1.375; + } - .lg\:dark\:focus\:bg-green-600:focus { - background-color: #059669; - } + .md\:leading-normal { + line-height: 1.5; + } - .lg\:dark\:focus\:bg-green-700:focus { - background-color: #047857; - } + .md\:leading-relaxed { + line-height: 1.625; + } - .lg\:dark\:focus\:bg-green-800:focus { - background-color: #065f46; - } + .md\:leading-loose { + line-height: 2; + } - .lg\:dark\:focus\:bg-green-900:focus { - background-color: #064e3b; - } + .md\:list-inside { + list-style-position: inside; + } - .lg\:dark\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } + .md\:list-outside { + list-style-position: outside; + } - .lg\:dark\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } + .md\:list-none { + list-style-type: none; + } - .lg\:dark\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } + .md\:list-disc { + list-style-type: disc; + } - .lg\:dark\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } + .md\:list-decimal { + list-style-type: decimal; + } - .lg\:dark\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } + .md\:m-0 { + margin: 0; + } - .lg\:dark\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } + .md\:m-1 { + margin: 0.25rem; + } - .lg\:dark\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } + .md\:m-2 { + margin: 0.5rem; + } - .lg\:dark\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } + .md\:m-3 { + margin: 0.75rem; + } - .lg\:dark\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } + .md\:m-4 { + margin: 1rem; + } - .lg\:dark\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } + .md\:m-5 { + margin: 1.25rem; + } - .lg\:dark\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } + .md\:m-6 { + margin: 1.5rem; + } - .lg\:dark\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } + .md\:m-7 { + margin: 1.75rem; + } - .lg\:dark\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } + .md\:m-8 { + margin: 2rem; + } - .lg\:dark\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } + .md\:m-9 { + margin: 2.25rem; + } - .lg\:dark\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } + .md\:m-10 { + margin: 2.5rem; + } - .lg\:dark\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } + .md\:m-12 { + margin: 3rem; + } - .lg\:dark\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } + .md\:m-14 { + margin: 3.5rem; + } - .lg\:dark\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } + .md\:m-16 { + margin: 4rem; + } - .lg\:dark\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } + .md\:m-20 { + margin: 5rem; + } - .lg\:dark\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } + .md\:m-24 { + margin: 6rem; + } - .lg\:dark\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } + .md\:m-28 { + margin: 7rem; + } - .lg\:dark\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } + .md\:m-32 { + margin: 8rem; + } - .lg\:dark\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } + .md\:m-36 { + margin: 9rem; + } - .lg\:dark\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } + .md\:m-40 { + margin: 10rem; + } - .lg\:dark\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } + .md\:m-44 { + margin: 11rem; + } - .lg\:dark\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } + .md\:m-48 { + margin: 12rem; + } - .lg\:dark\:focus\:bg-pink-600:focus { - background-color: #db2777; - } + .md\:m-52 { + margin: 13rem; + } - .lg\:dark\:focus\:bg-pink-700:focus { - background-color: #be185d; - } + .md\:m-56 { + margin: 14rem; + } - .lg\:dark\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } + .md\:m-60 { + margin: 15rem; + } - .lg\:dark\:focus\:bg-pink-900:focus { - background-color: #831843; - } + .md\:m-64 { + margin: 16rem; } - .lg\:bg-none { - background-image: none; + .md\:m-72 { + margin: 18rem; } - .lg\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .md\:m-80 { + margin: 20rem; } - .lg\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .md\:m-96 { + margin: 24rem; } - .lg\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .md\:m-auto { + margin: auto; } - .lg\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .md\:m-px { + margin: 1px; } - .lg\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .md\:m-0\.5 { + margin: 0.125rem; } - .lg\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .md\:m-1\.5 { + margin: 0.375rem; } - .lg\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .md\:m-2\.5 { + margin: 0.625rem; } - .lg\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .md\:m-3\.5 { + margin: 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\:-m-1 { + margin: -0.25rem; } - .lg\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:-m-2 { + margin: -0.5rem; } - .lg\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:-m-3 { + margin: -0.75rem; } - .lg\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:-m-4 { + margin: -1rem; } - .lg\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:-m-5 { + margin: -1.25rem; } - .lg\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:-m-6 { + margin: -1.5rem; } - .lg\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:-m-7 { + margin: -1.75rem; } - .lg\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:-m-8 { + margin: -2rem; } - .lg\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:-m-9 { + margin: -2.25rem; } - .lg\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:-m-10 { + margin: -2.5rem; } - .lg\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:-m-12 { + margin: -3rem; } - .lg\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:-m-14 { + margin: -3.5rem; } - .lg\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:-m-16 { + margin: -4rem; } - .lg\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:-m-20 { + margin: -5rem; } - .lg\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:-m-24 { + margin: -6rem; } - .lg\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:-m-28 { + margin: -7rem; } - .lg\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:-m-32 { + margin: -8rem; } - .lg\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:-m-36 { + margin: -9rem; } - .lg\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:-m-40 { + margin: -10rem; } - .lg\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:-m-44 { + margin: -11rem; } - .lg\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:-m-48 { + margin: -12rem; } - .lg\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:-m-52 { + margin: -13rem; } - .lg\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:-m-56 { + margin: -14rem; } - .lg\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:-m-60 { + margin: -15rem; } - .lg\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:-m-64 { + margin: -16rem; } - .lg\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:-m-72 { + margin: -18rem; } - .lg\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:-m-80 { + margin: -20rem; } - .lg\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:-m-96 { + margin: -24rem; } - .lg\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:-m-px { + margin: -1px; } - .lg\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-m-0\.5 { + margin: -0.125rem; } - .lg\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-m-1\.5 { + margin: -0.375rem; } - .lg\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-m-2\.5 { + margin: -0.625rem; } - .lg\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-m-3\.5 { + margin: -0.875rem; } - .lg\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .lg\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .lg\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .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\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .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\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .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\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .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\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:to-transparent { - --gradient-to-color: transparent; + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:to-current { - --gradient-to-color: currentColor; + .md\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:to-black { - --gradient-to-color: #000; + .md\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:to-white { - --gradient-to-color: #fff; + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:to-gray-50 { - --gradient-to-color: #fafafa; + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .md\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .md\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .md\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .md\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:to-gray-500 { - --gradient-to-color: #71717a; + .md\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:to-gray-600 { - --gradient-to-color: #52525b; + .md\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:to-gray-700 { - --gradient-to-color: #3f3f46; + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:to-gray-800 { - --gradient-to-color: #27272a; + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:to-gray-900 { - --gradient-to-color: #18181b; + .md\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:to-red-50 { - --gradient-to-color: #fef2f2; + .md\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:to-red-100 { - --gradient-to-color: #fee2e2; + .md\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:to-red-200 { - --gradient-to-color: #fecaca; + .md\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:to-red-300 { - --gradient-to-color: #fca5a5; + .md\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:to-red-400 { - --gradient-to-color: #f87171; + .md\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:to-red-500 { - --gradient-to-color: #ef4444; + .md\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:to-red-600 { - --gradient-to-color: #dc2626; + .md\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:to-red-700 { - --gradient-to-color: #b91c1c; + .md\:mt-0 { + margin-top: 0; } - .lg\:to-red-800 { - --gradient-to-color: #991b1b; + .md\:mr-0 { + margin-right: 0; } - .lg\:to-red-900 { - --gradient-to-color: #7f1d1d; + .md\:mb-0 { + margin-bottom: 0; } - .lg\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .md\:ml-0 { + margin-left: 0; } - .lg\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .md\:mt-1 { + margin-top: 0.25rem; } - .lg\:to-yellow-200 { - --gradient-to-color: #fde68a; + .md\:mr-1 { + margin-right: 0.25rem; } - .lg\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .md\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .md\:ml-1 { + margin-left: 0.25rem; } - .lg\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .md\:mt-2 { + margin-top: 0.5rem; } - .lg\:to-yellow-600 { - --gradient-to-color: #d97706; + .md\:mr-2 { + margin-right: 0.5rem; } - .lg\:to-yellow-700 { - --gradient-to-color: #b45309; + .md\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:to-yellow-800 { - --gradient-to-color: #92400e; + .md\:ml-2 { + margin-left: 0.5rem; } - .lg\:to-yellow-900 { - --gradient-to-color: #78350f; + .md\:mt-3 { + margin-top: 0.75rem; } - .lg\:to-green-50 { - --gradient-to-color: #ecfdf5; + .md\:mr-3 { + margin-right: 0.75rem; } - .lg\:to-green-100 { - --gradient-to-color: #d1fae5; + .md\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:to-green-200 { - --gradient-to-color: #a7f3d0; + .md\:ml-3 { + margin-left: 0.75rem; } - .lg\:to-green-300 { - --gradient-to-color: #6ee7b7; + .md\:mt-4 { + margin-top: 1rem; } - .lg\:to-green-400 { - --gradient-to-color: #34d399; + .md\:mr-4 { + margin-right: 1rem; } - .lg\:to-green-500 { - --gradient-to-color: #10b981; + .md\:mb-4 { + margin-bottom: 1rem; } - .lg\:to-green-600 { - --gradient-to-color: #059669; + .md\:ml-4 { + margin-left: 1rem; } - .lg\:to-green-700 { - --gradient-to-color: #047857; + .md\:mt-5 { + margin-top: 1.25rem; } - .lg\:to-green-800 { - --gradient-to-color: #065f46; + .md\:mr-5 { + margin-right: 1.25rem; } - .lg\:to-green-900 { - --gradient-to-color: #064e3b; + .md\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:to-blue-50 { - --gradient-to-color: #eff6ff; + .md\:ml-5 { + margin-left: 1.25rem; } - .lg\:to-blue-100 { - --gradient-to-color: #dbeafe; + .md\:mt-6 { + margin-top: 1.5rem; } - .lg\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .md\:mr-6 { + margin-right: 1.5rem; } - .lg\:to-blue-300 { - --gradient-to-color: #93c5fd; + .md\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:to-blue-400 { - --gradient-to-color: #60a5fa; + .md\:ml-6 { + margin-left: 1.5rem; } - .lg\:to-blue-500 { - --gradient-to-color: #3b82f6; + .md\:mt-7 { + margin-top: 1.75rem; } - .lg\:to-blue-600 { - --gradient-to-color: #2563eb; + .md\:mr-7 { + margin-right: 1.75rem; } - .lg\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .md\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:to-blue-800 { - --gradient-to-color: #1e40af; + .md\:ml-7 { + margin-left: 1.75rem; } - .lg\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .md\:mt-8 { + margin-top: 2rem; } - .lg\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .md\:mr-8 { + margin-right: 2rem; } - .lg\:to-purple-100 { - --gradient-to-color: #ede9fe; + .md\:mb-8 { + margin-bottom: 2rem; } - .lg\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .md\:ml-8 { + margin-left: 2rem; } - .lg\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .md\:mt-9 { + margin-top: 2.25rem; } - .lg\:to-purple-400 { - --gradient-to-color: #a78bfa; + .md\:mr-9 { + margin-right: 2.25rem; } - .lg\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .md\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:to-purple-600 { - --gradient-to-color: #7c3aed; + .md\:ml-9 { + margin-left: 2.25rem; } - .lg\:to-purple-700 { - --gradient-to-color: #6d28d9; + .md\:mt-10 { + margin-top: 2.5rem; } - .lg\:to-purple-800 { - --gradient-to-color: #5b21b6; + .md\:mr-10 { + margin-right: 2.5rem; } - .lg\:to-purple-900 { - --gradient-to-color: #4c1d95; + .md\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .md\:ml-10 { + margin-left: 2.5rem; } - .lg\:to-pink-100 { - --gradient-to-color: #fce7f3; + .md\:mt-12 { + margin-top: 3rem; } - .lg\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .md\:mr-12 { + margin-right: 3rem; } - .lg\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .md\:mb-12 { + margin-bottom: 3rem; } - .lg\:to-pink-400 { - --gradient-to-color: #f472b6; + .md\:ml-12 { + margin-left: 3rem; } - .lg\:to-pink-500 { - --gradient-to-color: #ec4899; + .md\:mt-14 { + margin-top: 3.5rem; } - .lg\:to-pink-600 { - --gradient-to-color: #db2777; + .md\:mr-14 { + margin-right: 3.5rem; } - .lg\:to-pink-700 { - --gradient-to-color: #be185d; + .md\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:to-pink-800 { - --gradient-to-color: #9d174d; + .md\:ml-14 { + margin-left: 3.5rem; } - .lg\:to-pink-900 { - --gradient-to-color: #831843; + .md\:mt-16 { + margin-top: 4rem; } - .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\:mr-16 { + margin-right: 4rem; } - .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\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:mr-24 { + margin-right: 6rem; } - .lg\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:mb-24 { + margin-bottom: 6rem; } - .lg\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:ml-24 { + margin-left: 6rem; } - .lg\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:mt-28 { + margin-top: 7rem; } - .lg\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:mr-28 { + margin-right: 7rem; } - .lg\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:mb-28 { + margin-bottom: 7rem; } - .lg\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:ml-28 { + margin-left: 7rem; } - .lg\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:mt-32 { + margin-top: 8rem; } - .lg\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:mr-32 { + margin-right: 8rem; } - .lg\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:mb-32 { + margin-bottom: 8rem; } - .lg\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:ml-32 { + margin-left: 8rem; } - .lg\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:mt-36 { + margin-top: 9rem; } - .lg\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:mr-36 { + margin-right: 9rem; } - .lg\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:mb-36 { + margin-bottom: 9rem; } - .lg\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:ml-36 { + margin-left: 9rem; } - .lg\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:mt-40 { + margin-top: 10rem; } - .lg\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:mr-40 { + margin-right: 10rem; } - .lg\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:mb-40 { + margin-bottom: 10rem; } - .lg\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:ml-40 { + margin-left: 10rem; } - .lg\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:mt-44 { + margin-top: 11rem; } - .lg\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:mr-44 { + margin-right: 11rem; } - .lg\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:mb-44 { + margin-bottom: 11rem; } - .lg\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:ml-44 { + margin-left: 11rem; } - .lg\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:mt-48 { + margin-top: 12rem; } - .lg\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:mr-48 { + margin-right: 12rem; } - .lg\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:mb-48 { + margin-bottom: 12rem; } - .lg\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:ml-48 { + margin-left: 12rem; } - .lg\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:mt-52 { + margin-top: 13rem; } - .lg\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:mr-52 { + margin-right: 13rem; } - .lg\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:mb-52 { + margin-bottom: 13rem; } - .lg\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:ml-52 { + margin-left: 13rem; } - .lg\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:mt-56 { + margin-top: 14rem; } - .lg\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:mr-56 { + margin-right: 14rem; } - .lg\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:mb-56 { + margin-bottom: 14rem; } - .lg\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:ml-56 { + margin-left: 14rem; } - .lg\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:mt-60 { + margin-top: 15rem; } - .lg\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:mr-60 { + margin-right: 15rem; } - .lg\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:mb-60 { + margin-bottom: 15rem; } - .lg\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:ml-60 { + margin-left: 15rem; } - .lg\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:mt-64 { + margin-top: 16rem; } - .lg\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:mr-64 { + margin-right: 16rem; } - .lg\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:mb-64 { + margin-bottom: 16rem; } - .lg\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:ml-64 { + margin-left: 16rem; } - .lg\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:mt-72 { + margin-top: 18rem; } - .lg\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:mr-72 { + margin-right: 18rem; } - .lg\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:mb-72 { + margin-bottom: 18rem; } - .lg\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:ml-72 { + margin-left: 18rem; } - .lg\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:mt-80 { + margin-top: 20rem; } - .lg\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:mr-80 { + margin-right: 20rem; } - .lg\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:mb-80 { + margin-bottom: 20rem; } - .lg\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:ml-80 { + margin-left: 20rem; } - .lg\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:mt-96 { + margin-top: 24rem; } - .lg\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:mr-96 { + margin-right: 24rem; } - .lg\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:mb-96 { + margin-bottom: 24rem; } - .lg\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:ml-96 { + margin-left: 24rem; } - .lg\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:mt-auto { + margin-top: auto; } - .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\:mr-auto { + margin-right: auto; } - .lg\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:mb-auto { + margin-bottom: auto; } - .lg\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:ml-auto { + margin-left: auto; } - .lg\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:mt-px { + margin-top: 1px; } - .lg\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:mr-px { + margin-right: 1px; } - .lg\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:mb-px { + margin-bottom: 1px; } - .lg\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:ml-px { + margin-left: 1px; } - .lg\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:mb-0\.5 { + margin-bottom: 0.125rem; } - .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\:ml-0\.5 { + margin-left: 0.125rem; } - .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\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:-mt-1 { + margin-top: -0.25rem; } - .lg\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:-mr-1 { + margin-right: -0.25rem; } - .lg\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:-ml-1 { + margin-left: -0.25rem; } - .lg\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:-mt-2 { + margin-top: -0.5rem; } - .lg\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:-mr-2 { + margin-right: -0.5rem; } - .lg\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:-ml-2 { + margin-left: -0.5rem; } - .lg\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:-mt-3 { + margin-top: -0.75rem; } - .lg\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:-mr-3 { + margin-right: -0.75rem; } - .lg\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:-ml-3 { + margin-left: -0.75rem; } - .lg\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:-mt-4 { + margin-top: -1rem; } - .lg\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:-mr-4 { + margin-right: -1rem; } - .lg\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:-mb-4 { + margin-bottom: -1rem; } - .lg\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:-ml-4 { + margin-left: -1rem; } - .lg\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-mt-5 { + margin-top: -1.25rem; } - .lg\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-mr-5 { + margin-right: -1.25rem; } - .lg\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-ml-5 { + margin-left: -1.25rem; } - .lg\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-mt-6 { + margin-top: -1.5rem; } - .lg\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-mr-6 { + margin-right: -1.5rem; } - .lg\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-ml-6 { + margin-left: -1.5rem; } - .lg\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:-mt-7 { + margin-top: -1.75rem; } - .lg\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:-mr-7 { + margin-right: -1.75rem; } - .lg\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:-ml-7 { + margin-left: -1.75rem; } - .lg\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:-mt-8 { + margin-top: -2rem; } - .lg\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:-mr-8 { + margin-right: -2rem; } - .lg\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:-mb-8 { + margin-bottom: -2rem; } - .lg\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:-ml-8 { + margin-left: -2rem; } - .lg\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-mt-9 { + margin-top: -2.25rem; } - .lg\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-mr-9 { + margin-right: -2.25rem; } - .lg\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-mb-9 { + margin-bottom: -2.25rem; } - .lg\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-ml-9 { + margin-left: -2.25rem; } - .lg\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-mt-10 { + margin-top: -2.5rem; } - .lg\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-mr-10 { + margin-right: -2.5rem; } - .lg\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-ml-10 { + margin-left: -2.5rem; } - .lg\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-mt-12 { + margin-top: -3rem; } - .lg\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-mr-12 { + margin-right: -3rem; } - .lg\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-mb-12 { + margin-bottom: -3rem; } - .lg\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-ml-12 { + margin-left: -3rem; } - .lg\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-mt-14 { + margin-top: -3.5rem; } - .lg\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-mr-14 { + margin-right: -3.5rem; } - .lg\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-ml-14 { + margin-left: -3.5rem; } - .lg\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-mt-16 { + margin-top: -4rem; } - .lg\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-mr-16 { + margin-right: -4rem; } - .lg\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-mb-16 { + margin-bottom: -4rem; } - .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\:-ml-16 { + margin-left: -4rem; } - .lg\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-mt-20 { + margin-top: -5rem; } - .lg\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-mr-20 { + margin-right: -5rem; } - .lg\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-mb-20 { + margin-bottom: -5rem; } - .lg\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-ml-20 { + margin-left: -5rem; } - .lg\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-mt-24 { + margin-top: -6rem; } - .lg\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-mr-24 { + margin-right: -6rem; } - .lg\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-mb-24 { + margin-bottom: -6rem; } - .lg\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-ml-24 { + margin-left: -6rem; } - .lg\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-mt-28 { + margin-top: -7rem; } - .lg\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .md\:-mr-28 { + margin-right: -7rem; } - .lg\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .md\:-mb-28 { + margin-bottom: -7rem; } - .lg\:hover\:to-black:hover { - --gradient-to-color: #000; + .md\:-ml-28 { + margin-left: -7rem; } - .lg\:hover\:to-white:hover { - --gradient-to-color: #fff; + .md\:-mt-32 { + margin-top: -8rem; } - .lg\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .md\:-mr-32 { + margin-right: -8rem; } - .lg\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .md\:-mb-32 { + margin-bottom: -8rem; } - .lg\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .md\:-ml-32 { + margin-left: -8rem; } - .lg\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .md\:-mt-36 { + margin-top: -9rem; } - .lg\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .md\:-mr-36 { + margin-right: -9rem; } - .lg\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .md\:-mb-36 { + margin-bottom: -9rem; } - .lg\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .md\:-ml-36 { + margin-left: -9rem; } - .lg\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .md\:-mt-40 { + margin-top: -10rem; } - .lg\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .md\:-mr-40 { + margin-right: -10rem; } - .lg\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .md\:-mb-40 { + margin-bottom: -10rem; } - .lg\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .md\:-ml-40 { + margin-left: -10rem; } - .lg\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .md\:-mt-44 { + margin-top: -11rem; } - .lg\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .md\:-mr-44 { + margin-right: -11rem; } - .lg\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .md\:-mb-44 { + margin-bottom: -11rem; } - .lg\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .md\:-ml-44 { + margin-left: -11rem; } - .lg\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .md\:-mt-48 { + margin-top: -12rem; } - .lg\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .md\:-mr-48 { + margin-right: -12rem; } - .lg\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .md\:-mb-48 { + margin-bottom: -12rem; } - .lg\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .md\:-ml-48 { + margin-left: -12rem; } - .lg\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .md\:-mt-52 { + margin-top: -13rem; } - .lg\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .md\:-mr-52 { + margin-right: -13rem; } - .lg\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .md\:-mb-52 { + margin-bottom: -13rem; } - .lg\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .md\:-ml-52 { + margin-left: -13rem; } - .lg\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .md\:-mt-56 { + margin-top: -14rem; } - .lg\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .md\:-mr-56 { + margin-right: -14rem; } - .lg\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .md\:-mb-56 { + margin-bottom: -14rem; } - .lg\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .md\:-ml-56 { + margin-left: -14rem; } - .lg\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .md\:-mt-60 { + margin-top: -15rem; } - .lg\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .md\:-mr-60 { + margin-right: -15rem; } - .lg\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .md\:-mb-60 { + margin-bottom: -15rem; } - .lg\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .md\:-ml-60 { + margin-left: -15rem; } - .lg\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .md\:-mt-64 { + margin-top: -16rem; } - .lg\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .md\:-mr-64 { + margin-right: -16rem; } - .lg\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .md\:-mb-64 { + margin-bottom: -16rem; } - .lg\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .md\:-ml-64 { + margin-left: -16rem; } - .lg\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .md\:-mt-72 { + margin-top: -18rem; } - .lg\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .md\:-mr-72 { + margin-right: -18rem; } - .lg\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .md\:-mb-72 { + margin-bottom: -18rem; } - .lg\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .md\:-ml-72 { + margin-left: -18rem; } - .lg\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .md\:-mt-80 { + margin-top: -20rem; } - .lg\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .md\:-mr-80 { + margin-right: -20rem; } - .lg\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .md\:-mb-80 { + margin-bottom: -20rem; } - .lg\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .md\:-ml-80 { + margin-left: -20rem; } - .lg\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .md\:-mt-96 { + margin-top: -24rem; } - .lg\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .md\:-mr-96 { + margin-right: -24rem; } - .lg\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .md\:-mb-96 { + margin-bottom: -24rem; } - .lg\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .md\:-ml-96 { + margin-left: -24rem; } - .lg\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .md\:-mt-px { + margin-top: -1px; } - .lg\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .md\:-mr-px { + margin-right: -1px; } - .lg\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .md\:-mb-px { + margin-bottom: -1px; } - .lg\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .md\:-ml-px { + margin-left: -1px; } - .lg\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .md\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .md\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .md\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .md\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .md\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .md\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .md\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .md\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .md\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .md\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .md\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .md\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .md\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .md\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .md\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .md\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .md\:max-h-0 { + max-height: 0; } - .lg\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .md\:max-h-1 { + max-height: 0.25rem; } - .lg\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .md\:max-h-2 { + max-height: 0.5rem; } - .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\:max-h-3 { + max-height: 0.75rem; } - .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\:max-h-4 { + max-height: 1rem; } - .lg\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:max-h-5 { + max-height: 1.25rem; } - .lg\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:max-h-6 { + max-height: 1.5rem; } - .lg\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:max-h-7 { + max-height: 1.75rem; } - .lg\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:max-h-8 { + max-height: 2rem; } - .lg\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:max-h-9 { + max-height: 2.25rem; } - .lg\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:max-h-10 { + max-height: 2.5rem; } - .lg\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:max-h-12 { + max-height: 3rem; } - .lg\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:max-h-14 { + max-height: 3.5rem; } - .lg\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:max-h-16 { + max-height: 4rem; } - .lg\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:max-h-20 { + max-height: 5rem; } - .lg\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:max-h-24 { + max-height: 6rem; } - .lg\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:max-h-28 { + max-height: 7rem; } - .lg\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:max-h-32 { + max-height: 8rem; } - .lg\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:max-h-36 { + max-height: 9rem; } - .lg\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:max-h-40 { + max-height: 10rem; } - .lg\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:max-h-44 { + max-height: 11rem; } - .lg\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:max-h-48 { + max-height: 12rem; } - .lg\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:max-h-52 { + max-height: 13rem; } - .lg\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:max-h-56 { + max-height: 14rem; } - .lg\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:max-h-60 { + max-height: 15rem; } - .lg\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:max-h-64 { + max-height: 16rem; } - .lg\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:max-h-72 { + max-height: 18rem; } - .lg\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:max-h-80 { + max-height: 20rem; } - .lg\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:max-h-96 { + max-height: 24rem; } - .lg\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:max-h-px { + max-height: 1px; } - .lg\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:max-h-full { + max-height: 100%; } - .lg\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:max-h-screen { + max-height: 100vh; } - .lg\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:max-w-0 { + max-width: 0rem; } - .lg\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:max-w-none { + max-width: none; } - .lg\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:max-w-xs { + max-width: 20rem; } - .lg\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:max-w-sm { + max-width: 24rem; } - .lg\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:max-w-md { + max-width: 28rem; } - .lg\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:max-w-lg { + max-width: 32rem; } - .lg\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:max-w-xl { + max-width: 36rem; } - .lg\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:max-w-2xl { + max-width: 42rem; } - .lg\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:max-w-3xl { + max-width: 48rem; } - .lg\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:max-w-4xl { + max-width: 56rem; } - .lg\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:max-w-5xl { + max-width: 64rem; } - .lg\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:max-w-6xl { + max-width: 72rem; } - .lg\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:max-w-7xl { + max-width: 80rem; } - .lg\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:max-w-full { + max-width: 100%; } - .lg\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:max-w-min { + max-width: min-content; } - .lg\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:max-w-max { + max-width: max-content; } - .lg\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:max-w-screen-sm { + max-width: 640px; } - .lg\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:max-w-screen-md { + max-width: 768px; } - .lg\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:max-w-screen-lg { + max-width: 1024px; } - .lg\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:max-w-screen-xl { + max-width: 1280px; } - .lg\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:min-h-0 { + min-height: 0; } - .lg\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:min-h-full { + min-height: 100%; } - .lg\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:min-h-screen { + min-height: 100vh; } - .lg\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:min-w-0 { + min-width: 0; } - .lg\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:min-w-full { + min-width: 100%; } - .lg\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:min-w-min { + min-width: min-content; } - .lg\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:min-w-max { + min-width: max-content; } - .lg\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:object-contain { + object-fit: contain; } - .lg\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:object-cover { + object-fit: cover; } - .lg\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:object-fill { + object-fit: fill; } - .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\:object-none { + object-fit: none; } - .lg\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:object-scale-down { + object-fit: scale-down; } - .lg\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:object-bottom { + object-position: bottom; } - .lg\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:object-center { + object-position: center; } - .lg\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:object-left { + object-position: left; } - .lg\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:object-left-bottom { + object-position: left bottom; } - .lg\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:object-left-top { + object-position: left top; } - .lg\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:object-right { + object-position: right; } - .lg\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:object-right-bottom { + object-position: right bottom; + } + + .md\:object-right-top { + object-position: right top; } - .lg\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:object-top { + object-position: top; } - .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\:opacity-0 { + opacity: 0; } - .lg\:focus\:via-current:focus { - --gradient-via-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:opacity-25 { + opacity: 0.25; } - .lg\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:opacity-50 { + opacity: 0.5; } - .lg\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:opacity-75 { + opacity: 0.75; } - .lg\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:opacity-100 { + opacity: 1; } - .lg\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .group:hover .md\:group-hover\:opacity-0 { + opacity: 0; } - .lg\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .group:hover .md\:group-hover\:opacity-25 { + opacity: 0.25; } - .lg\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .group:hover .md\:group-hover\:opacity-50 { + opacity: 0.5; } - .lg\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .group:hover .md\:group-hover\:opacity-75 { + opacity: 0.75; } - .lg\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .group:hover .md\:group-hover\:opacity-100 { + opacity: 1; } - .lg\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:hover\:opacity-0:hover { + opacity: 0; } - .lg\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:hover\:opacity-25:hover { + opacity: 0.25; } - .lg\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:hover\:opacity-50:hover { + opacity: 0.5; } - .lg\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:hover\:opacity-75:hover { + opacity: 0.75; } - .lg\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:hover\:opacity-100:hover { + opacity: 1; } - .lg\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:focus\:opacity-0:focus { + opacity: 0; } - .lg\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:focus\:opacity-25:focus { + opacity: 0.25; } - .lg\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:focus\:opacity-50:focus { + opacity: 0.5; } - .lg\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:focus\:opacity-75:focus { + opacity: 0.75; } - .lg\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:focus\:opacity-100:focus { + opacity: 1; } - .lg\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .lg\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .lg\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .lg\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .lg\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .lg\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .lg\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:overflow-auto { + overflow: auto; } - .lg\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:overflow-hidden { + overflow: hidden; } - .lg\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:overflow-visible { + overflow: visible; } - .lg\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:overflow-scroll { + overflow: scroll; } - .lg\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:overflow-x-auto { + overflow-x: auto; } - .lg\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:overflow-y-auto { + overflow-y: auto; } - .lg\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:overflow-x-visible { + overflow-x: visible; } - .lg\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:overflow-y-visible { + overflow-y: visible; } - .lg\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:overscroll-auto { + overscroll-behavior: auto; } - .lg\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:overscroll-contain { + overscroll-behavior: contain; } - .lg\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:overscroll-none { + overscroll-behavior: none; } - .lg\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .lg\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .lg\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:overscroll-y-none { + overscroll-behavior-y: none; } - .lg\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .lg\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .lg\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:overscroll-x-none { + overscroll-behavior-x: none; } - .lg\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:p-0 { + padding: 0; } - .lg\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:p-1 { + padding: 0.25rem; } - .lg\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:p-2 { + padding: 0.5rem; } - .lg\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:p-3 { + padding: 0.75rem; } - .lg\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:p-4 { + padding: 1rem; } - .lg\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:p-5 { + padding: 1.25rem; } - .lg\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:p-6 { + padding: 1.5rem; } - .lg\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:p-7 { + padding: 1.75rem; } - .lg\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:p-8 { + padding: 2rem; } - .lg\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:p-9 { + padding: 2.25rem; } - .lg\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:p-10 { + padding: 2.5rem; } - .lg\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:p-12 { + padding: 3rem; } - .lg\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:p-14 { + padding: 3.5rem; } - .lg\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:p-16 { + padding: 4rem; } - .lg\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:p-20 { + padding: 5rem; } - .lg\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:p-24 { + padding: 6rem; } - .lg\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:p-28 { + padding: 7rem; } - .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\:p-32 { + padding: 8rem; } - .lg\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:p-36 { + padding: 9rem; } - .lg\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:p-40 { + padding: 10rem; } - .lg\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:p-44 { + padding: 11rem; } - .lg\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:p-48 { + padding: 12rem; } - .lg\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:p-52 { + padding: 13rem; } - .lg\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:p-56 { + padding: 14rem; } - .lg\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:p-60 { + padding: 15rem; } - .lg\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:p-64 { + padding: 16rem; } - .lg\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:p-72 { + padding: 18rem; } - .lg\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .md\:p-80 { + padding: 20rem; } - .lg\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .md\:p-96 { + padding: 24rem; } - .lg\:focus\:to-black:focus { - --gradient-to-color: #000; + .md\:p-px { + padding: 1px; } - .lg\:focus\:to-white:focus { - --gradient-to-color: #fff; + .md\:p-0\.5 { + padding: 0.125rem; } - .lg\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; + .md\:p-1\.5 { + padding: 0.375rem; } - .lg\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; + .md\:p-2\.5 { + padding: 0.625rem; } - .lg\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; + .md\:p-3\.5 { + padding: 0.875rem; } - .lg\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .lg\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; + .md\:px-0 { + padding-left: 0; + padding-right: 0; } - .lg\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; + .md\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .lg\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; + .md\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .lg\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; + .md\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .lg\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; + .md\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .lg\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; + .md\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .lg\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; + .md\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .lg\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; + .md\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .lg\:focus\:to-green-600:focus { - --gradient-to-color: #059669; + .md\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .lg\:focus\:to-green-700:focus { - --gradient-to-color: #047857; + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; + .md\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .lg\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; + .md\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .lg\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .lg\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .lg\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; + .md\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .lg\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; + .md\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .lg\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .lg\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .lg\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; + .md\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .lg\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; + .md\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .lg\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .lg\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .lg\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; + .md\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .lg\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; + .md\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .lg\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .lg\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .lg\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; + .md\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .lg\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; + .md\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .lg\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; + .md\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .lg\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; + .md\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .lg\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; + .md\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .lg\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .md\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .lg\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; + .md\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; + .md\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .lg\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; + .md\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .lg\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; + .md\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .lg\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; + .md\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .lg\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; + .md\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .lg\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; + .md\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .lg\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; + .md\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - @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)); - } - - .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\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; + } - .lg\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:pt-0 { + padding-top: 0; + } - .lg\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:pr-0 { + padding-right: 0; + } - .lg\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:pb-0 { + padding-bottom: 0; + } - .lg\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:pl-0 { + padding-left: 0; + } - .lg\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:pt-1 { + padding-top: 0.25rem; + } - .lg\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:pr-1 { + padding-right: 0.25rem; + } - .lg\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:pb-1 { + padding-bottom: 0.25rem; + } - .lg\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:pl-1 { + padding-left: 0.25rem; + } - .lg\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:pt-2 { + padding-top: 0.5rem; + } - .lg\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:pr-2 { + padding-right: 0.5rem; + } - .lg\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:pb-2 { + padding-bottom: 0.5rem; + } - .lg\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:pl-2 { + padding-left: 0.5rem; + } - .lg\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:pt-3 { + padding-top: 0.75rem; + } - .lg\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:pr-3 { + padding-right: 0.75rem; + } - .lg\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:pb-3 { + padding-bottom: 0.75rem; + } - .lg\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:pl-3 { + padding-left: 0.75rem; + } - .lg\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:pt-4 { + padding-top: 1rem; + } - .lg\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:pr-4 { + padding-right: 1rem; + } - .lg\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:pb-4 { + padding-bottom: 1rem; + } - .lg\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:pl-4 { + padding-left: 1rem; + } - .lg\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:pt-5 { + padding-top: 1.25rem; + } - .lg\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:pr-5 { + padding-right: 1.25rem; + } - .lg\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:pb-5 { + padding-bottom: 1.25rem; + } - .lg\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:pl-5 { + padding-left: 1.25rem; + } - .lg\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:pt-6 { + padding-top: 1.5rem; + } - .lg\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:pr-6 { + padding-right: 1.5rem; + } - .lg\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:pb-6 { + padding-bottom: 1.5rem; + } - .lg\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:pl-6 { + padding-left: 1.5rem; + } - .lg\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:pt-7 { + padding-top: 1.75rem; + } - .lg\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:pr-7 { + padding-right: 1.75rem; + } - .lg\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:pb-7 { + padding-bottom: 1.75rem; + } - .lg\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:pl-7 { + padding-left: 1.75rem; + } - .lg\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:pt-8 { + padding-top: 2rem; + } - .lg\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:pr-8 { + padding-right: 2rem; + } - .lg\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:pb-8 { + padding-bottom: 2rem; + } - .lg\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:pl-8 { + padding-left: 2rem; + } - .lg\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:pt-9 { + padding-top: 2.25rem; + } - .lg\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:pr-9 { + padding-right: 2.25rem; + } - .lg\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:pb-9 { + padding-bottom: 2.25rem; + } - .lg\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:pl-9 { + padding-left: 2.25rem; + } - .lg\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:pt-10 { + padding-top: 2.5rem; + } - .lg\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:pr-10 { + padding-right: 2.5rem; + } - .lg\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:pb-10 { + padding-bottom: 2.5rem; + } - .lg\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:pl-10 { + padding-left: 2.5rem; + } - .lg\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:pt-12 { + padding-top: 3rem; + } - .lg\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:pr-12 { + padding-right: 3rem; + } - .lg\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:pb-12 { + padding-bottom: 3rem; + } - .lg\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:pl-12 { + padding-left: 3rem; + } - .lg\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:pt-14 { + padding-top: 3.5rem; + } - .lg\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:pr-14 { + padding-right: 3.5rem; + } - .lg\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:pb-14 { + padding-bottom: 3.5rem; + } - .lg\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:pl-14 { + padding-left: 3.5rem; + } - .lg\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:pt-16 { + padding-top: 4rem; + } - .lg\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:pr-16 { + padding-right: 4rem; + } - .lg\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:pb-16 { + padding-bottom: 4rem; + } - .lg\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:pl-16 { + padding-left: 4rem; + } - .lg\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:pt-20 { + padding-top: 5rem; + } - .lg\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:pr-20 { + padding-right: 5rem; + } - .lg\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:pb-20 { + padding-bottom: 5rem; + } - .lg\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:pl-20 { + padding-left: 5rem; + } - .lg\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:pt-24 { + padding-top: 6rem; + } - .lg\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:pr-24 { + padding-right: 6rem; + } - .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\:pb-24 { + padding-bottom: 6rem; + } - .lg\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:pl-24 { + padding-left: 6rem; + } - .lg\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:pt-28 { + padding-top: 7rem; + } - .lg\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:pr-28 { + padding-right: 7rem; + } - .lg\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:pb-28 { + padding-bottom: 7rem; + } - .lg\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:pl-28 { + padding-left: 7rem; + } - .lg\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:pt-32 { + padding-top: 8rem; + } - .lg\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:pr-32 { + padding-right: 8rem; + } - .lg\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:pb-32 { + padding-bottom: 8rem; + } - .lg\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:pl-32 { + padding-left: 8rem; + } - .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\:pt-36 { + padding-top: 9rem; + } - .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\:pr-36 { + padding-right: 9rem; + } - .lg\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:pb-36 { + padding-bottom: 9rem; + } - .lg\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:pl-36 { + padding-left: 9rem; + } - .lg\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:pt-40 { + padding-top: 10rem; + } - .lg\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:pr-40 { + padding-right: 10rem; + } - .lg\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:pb-40 { + padding-bottom: 10rem; + } - .lg\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:pl-40 { + padding-left: 10rem; + } - .lg\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:pt-44 { + padding-top: 11rem; + } - .lg\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:pr-44 { + padding-right: 11rem; + } - .lg\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:pb-44 { + padding-bottom: 11rem; + } - .lg\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:pl-44 { + padding-left: 11rem; + } - .lg\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:pt-48 { + padding-top: 12rem; + } - .lg\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:pr-48 { + padding-right: 12rem; + } - .lg\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:pb-48 { + padding-bottom: 12rem; + } - .lg\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:pl-48 { + padding-left: 12rem; + } - .lg\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:pt-52 { + padding-top: 13rem; + } - .lg\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:pr-52 { + padding-right: 13rem; + } - .lg\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:pb-52 { + padding-bottom: 13rem; + } - .lg\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:pl-52 { + padding-left: 13rem; + } - .lg\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:pt-56 { + padding-top: 14rem; + } - .lg\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:pr-56 { + padding-right: 14rem; + } - .lg\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:pb-56 { + padding-bottom: 14rem; + } - .lg\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:pl-56 { + padding-left: 14rem; + } - .lg\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:pt-60 { + padding-top: 15rem; + } - .lg\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:pr-60 { + padding-right: 15rem; + } - .lg\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:pb-60 { + padding-bottom: 15rem; + } - .lg\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:pl-60 { + padding-left: 15rem; + } - .lg\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:pt-64 { + padding-top: 16rem; + } - .lg\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:pr-64 { + padding-right: 16rem; + } - .lg\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:pb-64 { + padding-bottom: 16rem; + } - .lg\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:pl-64 { + padding-left: 16rem; + } - .lg\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:pt-72 { + padding-top: 18rem; + } - .lg\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:pr-72 { + padding-right: 18rem; + } - .lg\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:pb-72 { + padding-bottom: 18rem; + } - .lg\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:pl-72 { + padding-left: 18rem; + } - .lg\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:pt-80 { + padding-top: 20rem; + } - .lg\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:pr-80 { + padding-right: 20rem; + } - .lg\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:pb-80 { + padding-bottom: 20rem; + } - .lg\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:pl-80 { + padding-left: 20rem; + } - .lg\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:pt-96 { + padding-top: 24rem; + } - .lg\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:pr-96 { + padding-right: 24rem; + } - .lg\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:pb-96 { + padding-bottom: 24rem; + } - .lg\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:pl-96 { + padding-left: 24rem; + } - .lg\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:pt-px { + padding-top: 1px; + } - .lg\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:pr-px { + padding-right: 1px; + } - .lg\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:pb-px { + padding-bottom: 1px; + } - .lg\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:pl-px { + padding-left: 1px; + } - .lg\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:pt-0\.5 { + padding-top: 0.125rem; + } - .lg\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:pr-0\.5 { + padding-right: 0.125rem; + } - .lg\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .lg\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:pl-0\.5 { + padding-left: 0.125rem; + } - .lg\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:pt-1\.5 { + padding-top: 0.375rem; + } - .lg\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:pr-1\.5 { + padding-right: 0.375rem; + } - .lg\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .lg\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:pl-1\.5 { + padding-left: 0.375rem; + } - .lg\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:pt-2\.5 { + padding-top: 0.625rem; + } - .lg\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:pr-2\.5 { + padding-right: 0.625rem; + } - .lg\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .lg\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:pl-2\.5 { + padding-left: 0.625rem; + } - .lg\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:pt-3\.5 { + padding-top: 0.875rem; + } - .lg\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:pr-3\.5 { + padding-right: 0.875rem; + } - .lg\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .lg\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:pl-3\.5 { + padding-left: 0.875rem; + } - .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\:placeholder-transparent::placeholder { + color: transparent; + } - .lg\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:placeholder-current::placeholder { + color: currentColor; + } - .lg\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:placeholder-black::placeholder { + color: #000; + } - .lg\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:placeholder-white::placeholder { + color: #fff; + } - .lg\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:placeholder-gray-50::placeholder { + color: #fafafa; + } - .lg\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:placeholder-gray-100::placeholder { + color: #f4f4f5; + } - .lg\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:placeholder-gray-200::placeholder { + color: #e4e4e7; + } - .lg\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:placeholder-gray-300::placeholder { + color: #d4d4d8; + } - .lg\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:placeholder-gray-400::placeholder { + color: #a1a1aa; + } - .lg\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:placeholder-gray-500::placeholder { + color: #71717a; + } - .lg\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .md\:placeholder-gray-600::placeholder { + color: #52525b; + } - .lg\:dark\:to-current { - --gradient-to-color: currentColor; - } + .md\:placeholder-gray-700::placeholder { + color: #3f3f46; + } - .lg\:dark\:to-black { - --gradient-to-color: #000; - } + .md\:placeholder-gray-800::placeholder { + color: #27272a; + } - .lg\:dark\:to-white { - --gradient-to-color: #fff; - } + .md\:placeholder-gray-900::placeholder { + color: #18181b; + } - .lg\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .md\:placeholder-red-50::placeholder { + color: #fef2f2; + } - .lg\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .md\:placeholder-red-100::placeholder { + color: #fee2e2; + } - .lg\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .md\:placeholder-red-200::placeholder { + color: #fecaca; + } - .lg\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .md\:placeholder-red-300::placeholder { + color: #fca5a5; + } - .lg\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .md\:placeholder-red-400::placeholder { + color: #f87171; + } - .lg\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .md\:placeholder-red-500::placeholder { + color: #ef4444; + } - .lg\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .md\:placeholder-red-600::placeholder { + color: #dc2626; + } - .lg\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .md\:placeholder-red-700::placeholder { + color: #b91c1c; + } - .lg\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .md\:placeholder-red-800::placeholder { + color: #991b1b; + } - .lg\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .md\:placeholder-red-900::placeholder { + color: #7f1d1d; + } - .lg\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .md\:placeholder-yellow-50::placeholder { + color: #fffbeb; + } - .lg\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .md\:placeholder-yellow-100::placeholder { + color: #fef3c7; + } - .lg\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .md\:placeholder-yellow-200::placeholder { + color: #fde68a; + } - .lg\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .md\:placeholder-yellow-300::placeholder { + color: #fcd34d; + } - .lg\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .md\:placeholder-yellow-400::placeholder { + color: #fbbf24; + } - .lg\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .md\:placeholder-yellow-500::placeholder { + color: #f59e0b; + } - .lg\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .md\:placeholder-yellow-600::placeholder { + color: #d97706; + } - .lg\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .md\:placeholder-yellow-700::placeholder { + color: #b45309; + } - .lg\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .md\:placeholder-yellow-800::placeholder { + color: #92400e; + } - .lg\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .md\:placeholder-yellow-900::placeholder { + color: #78350f; + } - .lg\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .md\:placeholder-green-50::placeholder { + color: #ecfdf5; + } - .lg\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .md\:placeholder-green-100::placeholder { + color: #d1fae5; + } - .lg\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .md\:placeholder-green-200::placeholder { + color: #a7f3d0; + } - .lg\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .md\:placeholder-green-300::placeholder { + color: #6ee7b7; + } - .lg\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .md\:placeholder-green-400::placeholder { + color: #34d399; + } - .lg\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .md\:placeholder-green-500::placeholder { + color: #10b981; + } - .lg\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .md\:placeholder-green-600::placeholder { + color: #059669; + } - .lg\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .md\:placeholder-green-700::placeholder { + color: #047857; + } - .lg\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .md\:placeholder-green-800::placeholder { + color: #065f46; + } - .lg\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .md\:placeholder-green-900::placeholder { + color: #064e3b; + } - .lg\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .md\:placeholder-blue-50::placeholder { + color: #eff6ff; + } - .lg\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .md\:placeholder-blue-100::placeholder { + color: #dbeafe; + } - .lg\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .md\:placeholder-blue-200::placeholder { + color: #bfdbfe; + } - .lg\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .md\:placeholder-blue-300::placeholder { + color: #93c5fd; + } - .lg\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .md\:placeholder-blue-400::placeholder { + color: #60a5fa; + } - .lg\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .md\:placeholder-blue-500::placeholder { + color: #3b82f6; + } - .lg\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .md\:placeholder-blue-600::placeholder { + color: #2563eb; + } - .lg\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .md\:placeholder-blue-700::placeholder { + color: #1d4ed8; + } - .lg\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .md\:placeholder-blue-800::placeholder { + color: #1e40af; + } - .lg\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .md\:placeholder-blue-900::placeholder { + color: #1e3a8a; + } - .lg\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .md\:placeholder-purple-50::placeholder { + color: #f5f3ff; + } - .lg\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .md\:placeholder-purple-100::placeholder { + color: #ede9fe; + } - .lg\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .md\:placeholder-purple-200::placeholder { + color: #ddd6fe; + } - .lg\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .md\:placeholder-purple-300::placeholder { + color: #c4b5fd; + } - .lg\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .md\:placeholder-purple-400::placeholder { + color: #a78bfa; + } - .lg\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .md\:placeholder-purple-500::placeholder { + color: #8b5cf6; + } - .lg\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .md\:placeholder-purple-600::placeholder { + color: #7c3aed; + } - .lg\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .md\:placeholder-purple-700::placeholder { + color: #6d28d9; + } - .lg\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .md\:placeholder-purple-800::placeholder { + color: #5b21b6; + } - .lg\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .md\:placeholder-purple-900::placeholder { + color: #4c1d95; + } - .lg\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .md\:placeholder-pink-50::placeholder { + color: #fdf2f8; + } - .lg\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .md\:placeholder-pink-100::placeholder { + color: #fce7f3; + } - .lg\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .md\:placeholder-pink-200::placeholder { + color: #fbcfe8; + } - .lg\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .md\:placeholder-pink-300::placeholder { + color: #f9a8d4; + } - .lg\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .md\:placeholder-pink-400::placeholder { + color: #f472b6; + } - .lg\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .md\:placeholder-pink-500::placeholder { + color: #ec4899; + } - .lg\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .md\:placeholder-pink-600::placeholder { + color: #db2777; + } - .lg\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .md\:placeholder-pink-700::placeholder { + color: #be185d; + } - .lg\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .md\:placeholder-pink-800::placeholder { + color: #9d174d; + } - .lg\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .md\:placeholder-pink-900::placeholder { + color: #831843; + } - .lg\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .lg\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .lg\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .md\:focus\:placeholder-black:focus::placeholder { + color: #000; + } - .lg\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .md\:focus\:placeholder-white:focus::placeholder { + color: #fff; + } - .lg\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .md\:focus\:placeholder-gray-50:focus::placeholder { + color: #fafafa; + } - .lg\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .md\:focus\:placeholder-gray-100:focus::placeholder { + color: #f4f4f5; + } - .lg\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .md\:focus\:placeholder-gray-200:focus::placeholder { + color: #e4e4e7; + } - .lg\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .md\:focus\:placeholder-gray-300:focus::placeholder { + color: #d4d4d8; + } - .lg\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .md\:focus\:placeholder-gray-400:focus::placeholder { + color: #a1a1aa; + } - .lg\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .md\:focus\:placeholder-gray-500:focus::placeholder { + color: #71717a; + } - .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\:focus\:placeholder-gray-600:focus::placeholder { + color: #52525b; + } - .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\:focus\:placeholder-gray-700:focus::placeholder { + color: #3f3f46; + } - .lg\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:focus\:placeholder-gray-800:focus::placeholder { + color: #27272a; + } - .lg\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:focus\:placeholder-gray-900:focus::placeholder { + color: #18181b; + } - .lg\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:focus\:placeholder-red-50:focus::placeholder { + color: #fef2f2; + } - .lg\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:focus\:placeholder-red-100:focus::placeholder { + color: #fee2e2; + } - .lg\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:focus\:placeholder-red-200:focus::placeholder { + color: #fecaca; + } - .lg\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:focus\:placeholder-red-300:focus::placeholder { + color: #fca5a5; + } - .lg\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:focus\:placeholder-red-400:focus::placeholder { + color: #f87171; + } - .lg\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:focus\:placeholder-red-500:focus::placeholder { + color: #ef4444; + } - .lg\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:focus\:placeholder-red-600:focus::placeholder { + color: #dc2626; + } - .lg\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:focus\:placeholder-red-700:focus::placeholder { + color: #b91c1c; + } - .lg\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:focus\:placeholder-red-800:focus::placeholder { + color: #991b1b; + } - .lg\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:focus\:placeholder-red-900:focus::placeholder { + color: #7f1d1d; + } - .lg\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:focus\:placeholder-yellow-50:focus::placeholder { + color: #fffbeb; + } - .lg\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fef3c7; + } - .lg\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fde68a; + } - .lg\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:focus\:placeholder-yellow-300:focus::placeholder { + color: #fcd34d; + } - .lg\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:focus\:placeholder-yellow-400:focus::placeholder { + color: #fbbf24; + } - .lg\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:focus\:placeholder-yellow-500:focus::placeholder { + color: #f59e0b; + } - .lg\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d97706; + } - .lg\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b45309; + } - .lg\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:focus\:placeholder-yellow-800:focus::placeholder { + color: #92400e; + } - .lg\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:focus\:placeholder-yellow-900:focus::placeholder { + color: #78350f; + } - .lg\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:focus\:placeholder-green-50:focus::placeholder { + color: #ecfdf5; + } - .lg\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:focus\:placeholder-green-100:focus::placeholder { + color: #d1fae5; + } - .lg\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:focus\:placeholder-green-200:focus::placeholder { + color: #a7f3d0; + } - .lg\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:focus\:placeholder-green-300:focus::placeholder { + color: #6ee7b7; + } - .lg\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:focus\:placeholder-green-400:focus::placeholder { + color: #34d399; + } - .lg\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:focus\:placeholder-green-500:focus::placeholder { + color: #10b981; + } - .lg\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:focus\:placeholder-green-600:focus::placeholder { + color: #059669; + } - .lg\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:focus\:placeholder-green-700:focus::placeholder { + color: #047857; + } - .lg\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:focus\:placeholder-green-800:focus::placeholder { + color: #065f46; + } - .lg\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:focus\:placeholder-green-900:focus::placeholder { + color: #064e3b; + } - .lg\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:focus\:placeholder-blue-50:focus::placeholder { + color: #eff6ff; + } - .lg\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:focus\:placeholder-blue-100:focus::placeholder { + color: #dbeafe; + } - .lg\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:focus\:placeholder-blue-200:focus::placeholder { + color: #bfdbfe; + } - .lg\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:focus\:placeholder-blue-300:focus::placeholder { + color: #93c5fd; + } - .lg\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:focus\:placeholder-blue-400:focus::placeholder { + color: #60a5fa; + } - .lg\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:focus\:placeholder-blue-500:focus::placeholder { + color: #3b82f6; + } - .lg\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:focus\:placeholder-blue-600:focus::placeholder { + color: #2563eb; + } - .lg\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:focus\:placeholder-blue-700:focus::placeholder { + color: #1d4ed8; + } - .lg\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:focus\:placeholder-blue-800:focus::placeholder { + color: #1e40af; + } - .lg\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:focus\:placeholder-blue-900:focus::placeholder { + color: #1e3a8a; + } - .lg\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:focus\:placeholder-purple-50:focus::placeholder { + color: #f5f3ff; + } - .lg\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:focus\:placeholder-purple-100:focus::placeholder { + color: #ede9fe; + } - .lg\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:focus\:placeholder-purple-200:focus::placeholder { + color: #ddd6fe; + } - .lg\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:focus\:placeholder-purple-300:focus::placeholder { + color: #c4b5fd; + } - .lg\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:focus\:placeholder-purple-400:focus::placeholder { + color: #a78bfa; + } - .lg\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:focus\:placeholder-purple-500:focus::placeholder { + color: #8b5cf6; + } - .lg\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:focus\:placeholder-purple-600:focus::placeholder { + color: #7c3aed; + } - .lg\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:focus\:placeholder-purple-700:focus::placeholder { + color: #6d28d9; + } - .lg\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:focus\:placeholder-purple-800:focus::placeholder { + color: #5b21b6; + } - .lg\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:focus\:placeholder-purple-900:focus::placeholder { + color: #4c1d95; + } - .lg\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:focus\:placeholder-pink-50:focus::placeholder { + color: #fdf2f8; + } - .lg\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:focus\:placeholder-pink-100:focus::placeholder { + color: #fce7f3; + } - .lg\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:focus\:placeholder-pink-200:focus::placeholder { + color: #fbcfe8; + } - .lg\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:focus\:placeholder-pink-300:focus::placeholder { + color: #f9a8d4; + } - .lg\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:focus\:placeholder-pink-400:focus::placeholder { + color: #f472b6; + } - .lg\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:focus\:placeholder-pink-500:focus::placeholder { + color: #ec4899; + } - .lg\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:focus\:placeholder-pink-600:focus::placeholder { + color: #db2777; + } - .lg\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:focus\:placeholder-pink-700:focus::placeholder { + color: #be185d; + } - .lg\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:focus\:placeholder-pink-800:focus::placeholder { + color: #9d174d; + } - .lg\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:focus\:placeholder-pink-900:focus::placeholder { + color: #831843; + } - .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\:pointer-events-none { + pointer-events: none; + } - .lg\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:pointer-events-auto { + pointer-events: auto; + } - .lg\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:static { + position: static; + } - .lg\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:fixed { + position: fixed; + } - .lg\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:absolute { + position: absolute; + } - .lg\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:relative { + position: relative; + } - .lg\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:sticky { + position: sticky; + } - .lg\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } - .lg\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } - .lg\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } - .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\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } - .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\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } - .lg\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } - .lg\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } - .lg\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } - .lg\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } - .lg\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } - .lg\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } - .lg\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } - .lg\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } - .lg\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } - .lg\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } - .lg\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } - .lg\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } - .lg\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } - .lg\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } - .lg\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } - .lg\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } - .lg\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } - .lg\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } - .lg\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } - .lg\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } - .lg\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } - .lg\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } - .lg\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } - .lg\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } - .lg\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } - .lg\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } - .lg\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } - .lg\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } - .lg\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } - .lg\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } - .lg\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } - .lg\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } - .lg\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } - .lg\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } - .lg\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } - .lg\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; + } - .lg\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } - .lg\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } - .lg\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } - .lg\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } - .lg\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } - .lg\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } - .lg\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } - .lg\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } - .lg\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } - .lg\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } - .lg\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } - .lg\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } - .lg\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } - .lg\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } - .lg\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } - .lg\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } - .lg\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } - .lg\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } - .lg\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } - .lg\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } - .lg\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } - .lg\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } - .lg\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } - .lg\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } - .lg\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } - .lg\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } - .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\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } - .lg\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .lg\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } - .lg\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } - .lg\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } - .lg\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .lg\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } - .lg\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } - .lg\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .lg\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } - .lg\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .md\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } - .lg\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .md\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } - .lg\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .md\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .lg\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .md\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } - .lg\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .md\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } - .lg\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .md\:inset-y-0 { + top: 0; + bottom: 0; + } - .lg\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .md\:inset-x-0 { + right: 0; + left: 0; + } - .lg\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .md\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } - .lg\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .md\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } - .lg\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .md\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } - .lg\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .md\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } - .lg\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .md\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } - .lg\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .md\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } - .lg\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .md\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } - .lg\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .md\:inset-x-4 { + right: 1rem; + left: 1rem; + } - .lg\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .md\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } - .lg\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .md\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } - .lg\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .md\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } - .lg\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .md\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } - .lg\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .md\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } - .lg\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .md\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } - .lg\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .md\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } - .lg\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .md\:inset-x-8 { + right: 2rem; + left: 2rem; + } - .lg\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .md\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } - .lg\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .md\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; + } - .lg\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .md\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; + } - .lg\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .md\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; + } - .lg\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .md\:inset-y-12 { + top: 3rem; + bottom: 3rem; + } - .lg\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .md\:inset-x-12 { + right: 3rem; + left: 3rem; + } - .lg\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .md\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; + } - .lg\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .md\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; + } - .lg\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .md\:inset-y-16 { + top: 4rem; + bottom: 4rem; + } - .lg\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .md\:inset-x-16 { + right: 4rem; + left: 4rem; + } - .lg\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .md\:inset-y-20 { + top: 5rem; + bottom: 5rem; + } - .lg\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .md\:inset-x-20 { + right: 5rem; + left: 5rem; + } - .lg\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .md\:inset-y-24 { + top: 6rem; + bottom: 6rem; + } - .lg\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .md\:inset-x-24 { + right: 6rem; + left: 6rem; + } - .lg\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .md\:inset-y-28 { + top: 7rem; + bottom: 7rem; + } - .lg\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .md\:inset-x-28 { + right: 7rem; + left: 7rem; + } - .lg\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .md\:inset-y-32 { + top: 8rem; + bottom: 8rem; + } - .lg\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .md\:inset-x-32 { + right: 8rem; + left: 8rem; + } - .lg\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .md\:inset-y-36 { + top: 9rem; + bottom: 9rem; + } - .lg\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .md\:inset-x-36 { + right: 9rem; + left: 9rem; + } - .lg\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .md\:inset-y-40 { + top: 10rem; + bottom: 10rem; + } - .lg\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .md\:inset-x-40 { + right: 10rem; + left: 10rem; + } - .lg\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .md\:inset-y-44 { + top: 11rem; + bottom: 11rem; + } - .lg\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .md\:inset-x-44 { + right: 11rem; + left: 11rem; + } - .lg\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .md\:inset-y-48 { + top: 12rem; + bottom: 12rem; + } - .lg\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .md\:inset-x-48 { + right: 12rem; + left: 12rem; + } - .lg\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .md\:inset-y-52 { + top: 13rem; + bottom: 13rem; + } - .lg\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .md\:inset-x-52 { + right: 13rem; + left: 13rem; + } - .lg\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .md\:inset-y-56 { + top: 14rem; + bottom: 14rem; + } - .lg\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .md\:inset-x-56 { + right: 14rem; + left: 14rem; + } - .lg\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .md\:inset-y-60 { + top: 15rem; + bottom: 15rem; + } - .lg\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .md\:inset-x-60 { + right: 15rem; + left: 15rem; + } - .lg\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .md\:inset-y-64 { + top: 16rem; + bottom: 16rem; + } - .lg\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .md\:inset-x-64 { + right: 16rem; + left: 16rem; + } - .lg\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .md\:inset-y-72 { + top: 18rem; + bottom: 18rem; + } - .lg\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .md\:inset-x-72 { + right: 18rem; + left: 18rem; + } - .lg\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .md\:inset-y-80 { + top: 20rem; + bottom: 20rem; + } - .lg\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .md\:inset-x-80 { + right: 20rem; + left: 20rem; + } - .lg\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .md\:inset-y-96 { + top: 24rem; + bottom: 24rem; + } - .lg\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .md\:inset-x-96 { + right: 24rem; + left: 24rem; + } - .lg\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .md\:inset-y-auto { + top: auto; + bottom: auto; + } - .lg\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .md\:inset-x-auto { + right: auto; + left: auto; + } - .lg\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .md\:inset-y-px { + top: 1px; + bottom: 1px; + } - .lg\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .md\:inset-x-px { + right: 1px; + left: 1px; + } - .lg\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .md\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; + } - .lg\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .md\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; + } - .lg\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .md\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; + } - .lg\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .md\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; + } - .lg\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .md\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; + } - .lg\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .md\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; + } - .lg\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .md\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; + } - .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\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; + } - .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\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; + } - .lg\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; + } - .lg\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; + } - .lg\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; + } - .lg\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; + } - .lg\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; + } - .lg\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:-inset-y-4 { + top: -1rem; + bottom: -1rem; + } - .lg\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:-inset-x-4 { + right: -1rem; + left: -1rem; + } - .lg\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; + } - .lg\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; + } - .lg\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; + } - .lg\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; + } - .lg\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; + } - .lg\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; + } - .lg\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:-inset-y-8 { + top: -2rem; + bottom: -2rem; + } - .lg\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:-inset-x-8 { + right: -2rem; + left: -2rem; + } - .lg\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; + } - .lg\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; + } - .lg\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; + } - .lg\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; + } - .lg\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:-inset-y-12 { + top: -3rem; + bottom: -3rem; + } - .lg\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:-inset-x-12 { + right: -3rem; + left: -3rem; + } - .lg\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; + } - .lg\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; + } - .lg\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:-inset-y-16 { + top: -4rem; + bottom: -4rem; + } - .lg\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:-inset-x-16 { + right: -4rem; + left: -4rem; + } - .lg\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:-inset-y-20 { + top: -5rem; + bottom: -5rem; + } - .lg\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:-inset-x-20 { + right: -5rem; + left: -5rem; + } - .lg\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:-inset-y-24 { + top: -6rem; + bottom: -6rem; + } - .lg\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:-inset-x-24 { + right: -6rem; + left: -6rem; + } - .lg\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:-inset-y-28 { + top: -7rem; + bottom: -7rem; + } - .lg\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:-inset-x-28 { + right: -7rem; + left: -7rem; + } - .lg\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:-inset-y-32 { + top: -8rem; + bottom: -8rem; + } - .lg\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:-inset-x-32 { + right: -8rem; + left: -8rem; + } - .lg\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:-inset-y-36 { + top: -9rem; + bottom: -9rem; + } - .lg\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:-inset-x-36 { + right: -9rem; + left: -9rem; + } - .lg\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:-inset-y-40 { + top: -10rem; + bottom: -10rem; + } - .lg\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:-inset-x-40 { + right: -10rem; + left: -10rem; + } - .lg\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:-inset-y-44 { + top: -11rem; + bottom: -11rem; + } - .lg\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:-inset-x-44 { + right: -11rem; + left: -11rem; + } - .lg\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:-inset-y-48 { + top: -12rem; + bottom: -12rem; + } - .lg\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:-inset-x-48 { + right: -12rem; + left: -12rem; + } - .lg\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } - .lg\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:-inset-x-52 { + right: -13rem; + left: -13rem; + } - .lg\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } - .lg\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:-inset-x-56 { + right: -14rem; + left: -14rem; + } - .lg\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:-inset-y-60 { + top: -15rem; + bottom: -15rem; + } - .lg\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:-inset-x-60 { + right: -15rem; + left: -15rem; + } - .lg\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:-inset-y-64 { + top: -16rem; + bottom: -16rem; + } - .lg\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:-inset-x-64 { + right: -16rem; + left: -16rem; + } - .lg\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:-inset-y-72 { + top: -18rem; + bottom: -18rem; + } - .lg\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:-inset-x-72 { + right: -18rem; + left: -18rem; + } - .lg\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:-inset-y-80 { + top: -20rem; + bottom: -20rem; + } - .lg\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:-inset-x-80 { + right: -20rem; + left: -20rem; + } - .lg\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:-inset-y-96 { + top: -24rem; + bottom: -24rem; + } - .lg\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:-inset-x-96 { + right: -24rem; + left: -24rem; + } - .lg\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:-inset-y-px { + top: -1px; + bottom: -1px; + } - .lg\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:-inset-x-px { + right: -1px; + left: -1px; + } - .lg\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; + } - .lg\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; + } - .lg\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; + } - .lg\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; + } - .lg\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; + } - .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\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; + } - .lg\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; + } - .lg\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; + } - .lg\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:inset-y-1\/2 { + top: 50%; + bottom: 50%; + } - .lg\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:inset-x-1\/2 { + right: 50%; + left: 50%; + } - .lg\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; + } - .lg\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; + } - .lg\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; + } - .lg\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; + } - .lg\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:inset-y-1\/4 { + top: 25%; + bottom: 25%; + } - .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\:inset-x-1\/4 { + right: 25%; + left: 25%; + } - .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\:inset-y-2\/4 { + top: 50%; + bottom: 50%; + } - .lg\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:inset-x-2\/4 { + right: 50%; + left: 50%; + } - .lg\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:inset-y-3\/4 { + top: 75%; + bottom: 75%; + } - .lg\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:inset-x-3\/4 { + right: 75%; + left: 75%; + } - .lg\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:inset-y-full { + top: 100%; + bottom: 100%; + } - .lg\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:inset-x-full { + right: 100%; + left: 100%; + } - .lg\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; + } - .lg\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:-inset-x-1\/2 { + right: -50%; + left: -50%; + } - .lg\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; + } - .lg\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; + } - .lg\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; + } - .lg\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; + } - .lg\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; + } - .lg\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:-inset-x-1\/4 { + right: -25%; + left: -25%; + } - .lg\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; + } - .lg\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:-inset-x-2\/4 { + right: -50%; + left: -50%; + } - .lg\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; + } - .lg\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:-inset-x-3\/4 { + right: -75%; + left: -75%; + } - .lg\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:-inset-y-full { + top: -100%; + bottom: -100%; + } - .lg\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:-inset-x-full { + right: -100%; + left: -100%; + } - .lg\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:top-0 { + top: 0; + } - .lg\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:right-0 { + right: 0; + } - .lg\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:bottom-0 { + bottom: 0; + } - .lg\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:left-0 { + left: 0; + } - .lg\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:top-1 { + top: 0.25rem; + } - .lg\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:right-1 { + right: 0.25rem; + } - .lg\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:bottom-1 { + bottom: 0.25rem; + } - .lg\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:left-1 { + left: 0.25rem; + } - .lg\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:top-2 { + top: 0.5rem; + } - .lg\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:right-2 { + right: 0.5rem; + } - .lg\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:bottom-2 { + bottom: 0.5rem; + } - .lg\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:left-2 { + left: 0.5rem; + } - .lg\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:top-3 { + top: 0.75rem; + } - .lg\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:right-3 { + right: 0.75rem; + } - .lg\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:bottom-3 { + bottom: 0.75rem; + } - .lg\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:left-3 { + left: 0.75rem; + } - .lg\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:top-4 { + top: 1rem; + } - .lg\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:right-4 { + right: 1rem; + } - .lg\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:bottom-4 { + bottom: 1rem; + } - .lg\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:left-4 { + left: 1rem; + } - .lg\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:top-5 { + top: 1.25rem; + } - .lg\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:right-5 { + right: 1.25rem; + } - .lg\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:bottom-5 { + bottom: 1.25rem; + } - .lg\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:left-5 { + left: 1.25rem; + } - .lg\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:top-6 { + top: 1.5rem; + } - .lg\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:right-6 { + right: 1.5rem; + } - .lg\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:bottom-6 { + bottom: 1.5rem; + } - .lg\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:left-6 { + left: 1.5rem; + } - .lg\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:top-7 { + top: 1.75rem; + } - .lg\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:right-7 { + right: 1.75rem; + } - .lg\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:bottom-7 { + bottom: 1.75rem; + } - .lg\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:left-7 { + left: 1.75rem; + } - .lg\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:top-8 { + top: 2rem; + } - .lg\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:right-8 { + right: 2rem; + } - .lg\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:bottom-8 { + bottom: 2rem; + } - .lg\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:left-8 { + left: 2rem; + } - .lg\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:top-9 { + top: 2.25rem; + } - .lg\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:right-9 { + right: 2.25rem; + } - .lg\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:bottom-9 { + bottom: 2.25rem; + } - .lg\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:left-9 { + left: 2.25rem; + } - .lg\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:top-10 { + top: 2.5rem; + } - .lg\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:right-10 { + right: 2.5rem; + } - .lg\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:bottom-10 { + bottom: 2.5rem; + } - .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\:left-10 { + left: 2.5rem; + } - .lg\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:top-12 { + top: 3rem; + } - .lg\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:right-12 { + right: 3rem; + } - .lg\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:bottom-12 { + bottom: 3rem; + } - .lg\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:left-12 { + left: 3rem; + } - .lg\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:top-14 { + top: 3.5rem; + } - .lg\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:right-14 { + right: 3.5rem; + } - .lg\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:bottom-14 { + bottom: 3.5rem; + } - .lg\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:left-14 { + left: 3.5rem; + } - .lg\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:top-16 { + top: 4rem; + } - .lg\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .md\:right-16 { + right: 4rem; + } - .lg\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .md\:bottom-16 { + bottom: 4rem; + } - .lg\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .md\:left-16 { + left: 4rem; + } - .lg\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .md\:top-20 { + top: 5rem; + } - .lg\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .md\:right-20 { + right: 5rem; + } - .lg\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .md\:bottom-20 { + bottom: 5rem; + } - .lg\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .md\:left-20 { + left: 5rem; + } - .lg\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .md\:top-24 { + top: 6rem; + } - .lg\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .md\:right-24 { + right: 6rem; + } - .lg\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .md\:bottom-24 { + bottom: 6rem; + } - .lg\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .md\:left-24 { + left: 6rem; + } - .lg\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .md\:top-28 { + top: 7rem; + } - .lg\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .md\:right-28 { + right: 7rem; + } - .lg\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .md\:bottom-28 { + bottom: 7rem; + } - .lg\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .md\:left-28 { + left: 7rem; + } - .lg\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .md\:top-32 { + top: 8rem; + } - .lg\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .md\:right-32 { + right: 8rem; + } - .lg\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .md\:bottom-32 { + bottom: 8rem; + } - .lg\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .md\:left-32 { + left: 8rem; + } - .lg\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .md\:top-36 { + top: 9rem; + } - .lg\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .md\:right-36 { + right: 9rem; + } - .lg\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .md\:bottom-36 { + bottom: 9rem; + } - .lg\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .md\:left-36 { + left: 9rem; + } - .lg\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .md\:top-40 { + top: 10rem; + } - .lg\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .md\:right-40 { + right: 10rem; + } - .lg\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .md\:bottom-40 { + bottom: 10rem; + } - .lg\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .md\:left-40 { + left: 10rem; + } - .lg\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .md\:top-44 { + top: 11rem; + } - .lg\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .md\:right-44 { + right: 11rem; + } - .lg\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .md\:bottom-44 { + bottom: 11rem; + } - .lg\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .md\:left-44 { + left: 11rem; + } - .lg\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .md\:top-48 { + top: 12rem; + } - .lg\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .md\:right-48 { + right: 12rem; + } - .lg\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .md\:bottom-48 { + bottom: 12rem; + } - .lg\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .md\:left-48 { + left: 12rem; + } - .lg\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .md\:top-52 { + top: 13rem; + } - .lg\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .md\:right-52 { + right: 13rem; + } - .lg\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .md\:bottom-52 { + bottom: 13rem; + } - .lg\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .md\:left-52 { + left: 13rem; + } - .lg\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .md\:top-56 { + top: 14rem; + } - .lg\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .md\:right-56 { + right: 14rem; + } - .lg\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .md\:bottom-56 { + bottom: 14rem; + } - .lg\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .md\:left-56 { + left: 14rem; + } - .lg\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .md\:top-60 { + top: 15rem; + } - .lg\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .md\:right-60 { + right: 15rem; + } - .lg\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .md\:bottom-60 { + bottom: 15rem; + } - .lg\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .md\:left-60 { + left: 15rem; + } - .lg\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .md\:top-64 { + top: 16rem; + } - .lg\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .md\:right-64 { + right: 16rem; + } - .lg\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .md\:bottom-64 { + bottom: 16rem; + } - .lg\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .md\:left-64 { + left: 16rem; + } - .lg\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .md\:top-72 { + top: 18rem; + } - .lg\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .md\:right-72 { + right: 18rem; + } - .lg\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .md\:bottom-72 { + bottom: 18rem; + } - .lg\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .md\:left-72 { + left: 18rem; + } - .lg\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .md\:top-80 { + top: 20rem; + } - .lg\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .md\:right-80 { + right: 20rem; + } - .lg\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .md\:bottom-80 { + bottom: 20rem; + } - .lg\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .md\:left-80 { + left: 20rem; + } - .lg\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .md\:top-96 { + top: 24rem; + } - .lg\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .md\:right-96 { + right: 24rem; + } - .lg\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .md\:bottom-96 { + bottom: 24rem; + } - .lg\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .md\:left-96 { + left: 24rem; + } - .lg\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .md\:top-auto { + top: auto; + } - .lg\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .md\:right-auto { + right: auto; + } - .lg\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .md\:bottom-auto { + bottom: auto; + } - .lg\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .md\:left-auto { + left: auto; + } - .lg\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .md\:top-px { + top: 1px; + } - .lg\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .md\:right-px { + right: 1px; + } - .lg\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .md\:bottom-px { + bottom: 1px; + } - .lg\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .md\:left-px { + left: 1px; + } - .lg\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .md\:top-0\.5 { + top: 0.125rem; + } - .lg\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .md\:right-0\.5 { + right: 0.125rem; + } - .lg\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .md\:bottom-0\.5 { + bottom: 0.125rem; } - .lg\:bg-bottom { - background-position: bottom; + .md\:left-0\.5 { + left: 0.125rem; } - .lg\:bg-center { - background-position: center; + .md\:top-1\.5 { + top: 0.375rem; } - .lg\:bg-left { - background-position: left; + .md\:right-1\.5 { + right: 0.375rem; } - .lg\:bg-left-bottom { - background-position: left bottom; + .md\:bottom-1\.5 { + bottom: 0.375rem; } - .lg\:bg-left-top { - background-position: left top; + .md\:left-1\.5 { + left: 0.375rem; } - .lg\:bg-right { - background-position: right; + .md\:top-2\.5 { + top: 0.625rem; } - .lg\:bg-right-bottom { - background-position: right bottom; + .md\:right-2\.5 { + right: 0.625rem; } - .lg\:bg-right-top { - background-position: right top; + .md\:bottom-2\.5 { + bottom: 0.625rem; } - .lg\:bg-top { - background-position: top; + .md\:left-2\.5 { + left: 0.625rem; } - .lg\:bg-repeat { - background-repeat: repeat; + .md\:top-3\.5 { + top: 0.875rem; } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .md\:right-3\.5 { + right: 0.875rem; } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .md\:bottom-3\.5 { + bottom: 0.875rem; } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .md\:left-3\.5 { + left: 0.875rem; } - .lg\:bg-repeat-round { - background-repeat: round; + .md\:-top-1 { + top: -0.25rem; } - .lg\:bg-repeat-space { - background-repeat: space; + .md\:-right-1 { + right: -0.25rem; } - .lg\:bg-auto { - background-size: auto; + .md\:-bottom-1 { + bottom: -0.25rem; } - .lg\:bg-cover { - background-size: cover; + .md\:-left-1 { + left: -0.25rem; } - .lg\:bg-contain { - background-size: contain; + .md\:-top-2 { + top: -0.5rem; } - .lg\:border-collapse { - border-collapse: collapse; + .md\:-right-2 { + right: -0.5rem; } - .lg\:border-separate { - border-collapse: separate; + .md\:-bottom-2 { + bottom: -0.5rem; } - .lg\:border-transparent { - border-color: transparent; + .md\:-left-2 { + left: -0.5rem; } - .lg\:border-current { - border-color: currentColor; + .md\:-top-3 { + top: -0.75rem; } - .lg\:border-black { - border-color: #000; + .md\:-right-3 { + right: -0.75rem; } - .lg\:border-white { - border-color: #fff; + .md\:-bottom-3 { + bottom: -0.75rem; } - .lg\:border-gray-50 { - border-color: #fafafa; + .md\:-left-3 { + left: -0.75rem; } - .lg\:border-gray-100 { - border-color: #f4f4f5; + .md\:-top-4 { + top: -1rem; } - .lg\:border-gray-200 { - border-color: #e4e4e7; + .md\:-right-4 { + right: -1rem; } - .lg\:border-gray-300 { - border-color: #d4d4d8; + .md\:-bottom-4 { + bottom: -1rem; } - .lg\:border-gray-400 { - border-color: #a1a1aa; + .md\:-left-4 { + left: -1rem; } - .lg\:border-gray-500 { - border-color: #71717a; + .md\:-top-5 { + top: -1.25rem; } - .lg\:border-gray-600 { - border-color: #52525b; + .md\:-right-5 { + right: -1.25rem; } - .lg\:border-gray-700 { - border-color: #3f3f46; + .md\:-bottom-5 { + bottom: -1.25rem; } - .lg\:border-gray-800 { - border-color: #27272a; + .md\:-left-5 { + left: -1.25rem; } - .lg\:border-gray-900 { - border-color: #18181b; + .md\:-top-6 { + top: -1.5rem; } - .lg\:border-red-50 { - border-color: #fef2f2; + .md\:-right-6 { + right: -1.5rem; } - .lg\:border-red-100 { - border-color: #fee2e2; + .md\:-bottom-6 { + bottom: -1.5rem; } - .lg\:border-red-200 { - border-color: #fecaca; + .md\:-left-6 { + left: -1.5rem; } - .lg\:border-red-300 { - border-color: #fca5a5; + .md\:-top-7 { + top: -1.75rem; } - .lg\:border-red-400 { - border-color: #f87171; + .md\:-right-7 { + right: -1.75rem; } - .lg\:border-red-500 { - border-color: #ef4444; + .md\:-bottom-7 { + bottom: -1.75rem; } - .lg\:border-red-600 { - border-color: #dc2626; + .md\:-left-7 { + left: -1.75rem; } - .lg\:border-red-700 { - border-color: #b91c1c; + .md\:-top-8 { + top: -2rem; } - .lg\:border-red-800 { - border-color: #991b1b; + .md\:-right-8 { + right: -2rem; } - .lg\:border-red-900 { - border-color: #7f1d1d; + .md\:-bottom-8 { + bottom: -2rem; } - .lg\:border-yellow-50 { - border-color: #fffbeb; + .md\:-left-8 { + left: -2rem; } - .lg\:border-yellow-100 { - border-color: #fef3c7; + .md\:-top-9 { + top: -2.25rem; } - .lg\:border-yellow-200 { - border-color: #fde68a; + .md\:-right-9 { + right: -2.25rem; } - .lg\:border-yellow-300 { - border-color: #fcd34d; + .md\:-bottom-9 { + bottom: -2.25rem; } - .lg\:border-yellow-400 { - border-color: #fbbf24; + .md\:-left-9 { + left: -2.25rem; } - .lg\:border-yellow-500 { - border-color: #f59e0b; + .md\:-top-10 { + top: -2.5rem; } - .lg\:border-yellow-600 { - border-color: #d97706; + .md\:-right-10 { + right: -2.5rem; } - .lg\:border-yellow-700 { - border-color: #b45309; + .md\:-bottom-10 { + bottom: -2.5rem; } - .lg\:border-yellow-800 { - border-color: #92400e; + .md\:-left-10 { + left: -2.5rem; } - .lg\:border-yellow-900 { - border-color: #78350f; + .md\:-top-12 { + top: -3rem; } - .lg\:border-green-50 { - border-color: #ecfdf5; + .md\:-right-12 { + right: -3rem; } - .lg\:border-green-100 { - border-color: #d1fae5; + .md\:-bottom-12 { + bottom: -3rem; } - .lg\:border-green-200 { - border-color: #a7f3d0; + .md\:-left-12 { + left: -3rem; } - .lg\:border-green-300 { - border-color: #6ee7b7; + .md\:-top-14 { + top: -3.5rem; } - .lg\:border-green-400 { - border-color: #34d399; + .md\:-right-14 { + right: -3.5rem; } - .lg\:border-green-500 { - border-color: #10b981; + .md\:-bottom-14 { + bottom: -3.5rem; } - .lg\:border-green-600 { - border-color: #059669; + .md\:-left-14 { + left: -3.5rem; } - .lg\:border-green-700 { - border-color: #047857; + .md\:-top-16 { + top: -4rem; } - .lg\:border-green-800 { - border-color: #065f46; + .md\:-right-16 { + right: -4rem; } - .lg\:border-green-900 { - border-color: #064e3b; + .md\:-bottom-16 { + bottom: -4rem; } - .lg\:border-blue-50 { - border-color: #eff6ff; + .md\:-left-16 { + left: -4rem; } - .lg\:border-blue-100 { - border-color: #dbeafe; + .md\:-top-20 { + top: -5rem; } - .lg\:border-blue-200 { - border-color: #bfdbfe; + .md\:-right-20 { + right: -5rem; } - .lg\:border-blue-300 { - border-color: #93c5fd; + .md\:-bottom-20 { + bottom: -5rem; } - .lg\:border-blue-400 { - border-color: #60a5fa; + .md\:-left-20 { + left: -5rem; } - .lg\:border-blue-500 { - border-color: #3b82f6; + .md\:-top-24 { + top: -6rem; } - .lg\:border-blue-600 { - border-color: #2563eb; + .md\:-right-24 { + right: -6rem; } - .lg\:border-blue-700 { - border-color: #1d4ed8; + .md\:-bottom-24 { + bottom: -6rem; } - .lg\:border-blue-800 { - border-color: #1e40af; + .md\:-left-24 { + left: -6rem; } - .lg\:border-blue-900 { - border-color: #1e3a8a; + .md\:-top-28 { + top: -7rem; } - .lg\:border-purple-50 { - border-color: #f5f3ff; + .md\:-right-28 { + right: -7rem; } - .lg\:border-purple-100 { - border-color: #ede9fe; + .md\:-bottom-28 { + bottom: -7rem; } - .lg\:border-purple-200 { - border-color: #ddd6fe; + .md\:-left-28 { + left: -7rem; } - .lg\:border-purple-300 { - border-color: #c4b5fd; + .md\:-top-32 { + top: -8rem; } - .lg\:border-purple-400 { - border-color: #a78bfa; + .md\:-right-32 { + right: -8rem; } - .lg\:border-purple-500 { - border-color: #8b5cf6; + .md\:-bottom-32 { + bottom: -8rem; } - .lg\:border-purple-600 { - border-color: #7c3aed; + .md\:-left-32 { + left: -8rem; } - .lg\:border-purple-700 { - border-color: #6d28d9; + .md\:-top-36 { + top: -9rem; } - .lg\:border-purple-800 { - border-color: #5b21b6; + .md\:-right-36 { + right: -9rem; } - .lg\:border-purple-900 { - border-color: #4c1d95; + .md\:-bottom-36 { + bottom: -9rem; } - .lg\:border-pink-50 { - border-color: #fdf2f8; + .md\:-left-36 { + left: -9rem; } - .lg\:border-pink-100 { - border-color: #fce7f3; + .md\:-top-40 { + top: -10rem; } - .lg\:border-pink-200 { - border-color: #fbcfe8; + .md\:-right-40 { + right: -10rem; } - .lg\:border-pink-300 { - border-color: #f9a8d4; + .md\:-bottom-40 { + bottom: -10rem; } - .lg\:border-pink-400 { - border-color: #f472b6; + .md\:-left-40 { + left: -10rem; } - .lg\:border-pink-500 { - border-color: #ec4899; + .md\:-top-44 { + top: -11rem; } - .lg\:border-pink-600 { - border-color: #db2777; + .md\:-right-44 { + right: -11rem; } - .lg\:border-pink-700 { - border-color: #be185d; + .md\:-bottom-44 { + bottom: -11rem; } - .lg\:border-pink-800 { - border-color: #9d174d; + .md\:-left-44 { + left: -11rem; } - .lg\:border-pink-900 { - border-color: #831843; + .md\:-top-48 { + top: -12rem; } - .group:hover .lg\:group-hover\:border-transparent { - border-color: transparent; + .md\:-right-48 { + right: -12rem; } - .group:hover .lg\:group-hover\:border-current { - border-color: currentColor; + .md\:-bottom-48 { + bottom: -12rem; } - .group:hover .lg\:group-hover\:border-black { - border-color: #000; + .md\:-left-48 { + left: -12rem; } - .group:hover .lg\:group-hover\:border-white { - border-color: #fff; + .md\:-top-52 { + top: -13rem; } - .group:hover .lg\:group-hover\:border-gray-50 { - border-color: #fafafa; + .md\:-right-52 { + right: -13rem; } - .group:hover .lg\:group-hover\:border-gray-100 { - border-color: #f4f4f5; + .md\:-bottom-52 { + bottom: -13rem; } - .group:hover .lg\:group-hover\:border-gray-200 { - border-color: #e4e4e7; + .md\:-left-52 { + left: -13rem; } - .group:hover .lg\:group-hover\:border-gray-300 { - border-color: #d4d4d8; + .md\:-top-56 { + top: -14rem; } - .group:hover .lg\:group-hover\:border-gray-400 { - border-color: #a1a1aa; + .md\:-right-56 { + right: -14rem; } - .group:hover .lg\:group-hover\:border-gray-500 { - border-color: #71717a; + .md\:-bottom-56 { + bottom: -14rem; } - .group:hover .lg\:group-hover\:border-gray-600 { - border-color: #52525b; + .md\:-left-56 { + left: -14rem; } - .group:hover .lg\:group-hover\:border-gray-700 { - border-color: #3f3f46; + .md\:-top-60 { + top: -15rem; } - .group:hover .lg\:group-hover\:border-gray-800 { - border-color: #27272a; + .md\:-right-60 { + right: -15rem; } - .group:hover .lg\:group-hover\:border-gray-900 { - border-color: #18181b; + .md\:-bottom-60 { + bottom: -15rem; } - .group:hover .lg\:group-hover\:border-red-50 { - border-color: #fef2f2; + .md\:-left-60 { + left: -15rem; } - .group:hover .lg\:group-hover\:border-red-100 { - border-color: #fee2e2; + .md\:-top-64 { + top: -16rem; } - .group:hover .lg\:group-hover\:border-red-200 { - border-color: #fecaca; + .md\:-right-64 { + right: -16rem; } - .group:hover .lg\:group-hover\:border-red-300 { - border-color: #fca5a5; + .md\:-bottom-64 { + bottom: -16rem; } - .group:hover .lg\:group-hover\:border-red-400 { - border-color: #f87171; + .md\:-left-64 { + left: -16rem; } - .group:hover .lg\:group-hover\:border-red-500 { - border-color: #ef4444; + .md\:-top-72 { + top: -18rem; } - .group:hover .lg\:group-hover\:border-red-600 { - border-color: #dc2626; + .md\:-right-72 { + right: -18rem; } - .group:hover .lg\:group-hover\:border-red-700 { - border-color: #b91c1c; + .md\:-bottom-72 { + bottom: -18rem; } - .group:hover .lg\:group-hover\:border-red-800 { - border-color: #991b1b; + .md\:-left-72 { + left: -18rem; } - .group:hover .lg\:group-hover\:border-red-900 { - border-color: #7f1d1d; + .md\:-top-80 { + top: -20rem; } - .group:hover .lg\:group-hover\:border-yellow-50 { - border-color: #fffbeb; + .md\:-right-80 { + right: -20rem; } - .group:hover .lg\:group-hover\:border-yellow-100 { - border-color: #fef3c7; + .md\:-bottom-80 { + bottom: -20rem; } - .group:hover .lg\:group-hover\:border-yellow-200 { - border-color: #fde68a; + .md\:-left-80 { + left: -20rem; } - .group:hover .lg\:group-hover\:border-yellow-300 { - border-color: #fcd34d; + .md\:-top-96 { + top: -24rem; } - .group:hover .lg\:group-hover\:border-yellow-400 { - border-color: #fbbf24; + .md\:-right-96 { + right: -24rem; } - .group:hover .lg\:group-hover\:border-yellow-500 { - border-color: #f59e0b; + .md\:-bottom-96 { + bottom: -24rem; } - .group:hover .lg\:group-hover\:border-yellow-600 { - border-color: #d97706; + .md\:-left-96 { + left: -24rem; } - .group:hover .lg\:group-hover\:border-yellow-700 { - border-color: #b45309; + .md\:-top-px { + top: -1px; } - .group:hover .lg\:group-hover\:border-yellow-800 { - border-color: #92400e; + .md\:-right-px { + right: -1px; } - .group:hover .lg\:group-hover\:border-yellow-900 { - border-color: #78350f; + .md\:-bottom-px { + bottom: -1px; } - .group:hover .lg\:group-hover\:border-green-50 { - border-color: #ecfdf5; + .md\:-left-px { + left: -1px; } - .group:hover .lg\:group-hover\:border-green-100 { - border-color: #d1fae5; + .md\:-top-0\.5 { + top: -0.125rem; } - .group:hover .lg\:group-hover\:border-green-200 { - border-color: #a7f3d0; + .md\:-right-0\.5 { + right: -0.125rem; } - .group:hover .lg\:group-hover\:border-green-300 { - border-color: #6ee7b7; + .md\:-bottom-0\.5 { + bottom: -0.125rem; } - .group:hover .lg\:group-hover\:border-green-400 { - border-color: #34d399; + .md\:-left-0\.5 { + left: -0.125rem; } - .group:hover .lg\:group-hover\:border-green-500 { - border-color: #10b981; + .md\:-top-1\.5 { + top: -0.375rem; } - .group:hover .lg\:group-hover\:border-green-600 { - border-color: #059669; + .md\:-right-1\.5 { + right: -0.375rem; } - .group:hover .lg\:group-hover\:border-green-700 { - border-color: #047857; + .md\:-bottom-1\.5 { + bottom: -0.375rem; } - .group:hover .lg\:group-hover\:border-green-800 { - border-color: #065f46; + .md\:-left-1\.5 { + left: -0.375rem; } - .group:hover .lg\:group-hover\:border-green-900 { - border-color: #064e3b; + .md\:-top-2\.5 { + top: -0.625rem; } - .group:hover .lg\:group-hover\:border-blue-50 { - border-color: #eff6ff; + .md\:-right-2\.5 { + right: -0.625rem; } - .group:hover .lg\:group-hover\:border-blue-100 { - border-color: #dbeafe; + .md\:-bottom-2\.5 { + bottom: -0.625rem; } - .group:hover .lg\:group-hover\:border-blue-200 { - border-color: #bfdbfe; + .md\:-left-2\.5 { + left: -0.625rem; } - .group:hover .lg\:group-hover\:border-blue-300 { - border-color: #93c5fd; + .md\:-top-3\.5 { + top: -0.875rem; } - .group:hover .lg\:group-hover\:border-blue-400 { - border-color: #60a5fa; + .md\:-right-3\.5 { + right: -0.875rem; } - .group:hover .lg\:group-hover\:border-blue-500 { - border-color: #3b82f6; + .md\:-bottom-3\.5 { + bottom: -0.875rem; } - .group:hover .lg\:group-hover\:border-blue-600 { - border-color: #2563eb; + .md\:-left-3\.5 { + left: -0.875rem; } - .group:hover .lg\:group-hover\:border-blue-700 { - border-color: #1d4ed8; + .md\:top-1\/2 { + top: 50%; } - .group:hover .lg\:group-hover\:border-blue-800 { - border-color: #1e40af; + .md\:right-1\/2 { + right: 50%; } - .group:hover .lg\:group-hover\:border-blue-900 { - border-color: #1e3a8a; + .md\:bottom-1\/2 { + bottom: 50%; } - .group:hover .lg\:group-hover\:border-purple-50 { - border-color: #f5f3ff; + .md\:left-1\/2 { + left: 50%; } - .group:hover .lg\:group-hover\:border-purple-100 { - border-color: #ede9fe; + .md\:top-1\/3 { + top: 33.333333%; } - .group:hover .lg\:group-hover\:border-purple-200 { - border-color: #ddd6fe; + .md\:right-1\/3 { + right: 33.333333%; } - .group:hover .lg\:group-hover\:border-purple-300 { - border-color: #c4b5fd; + .md\:bottom-1\/3 { + bottom: 33.333333%; } - .group:hover .lg\:group-hover\:border-purple-400 { - border-color: #a78bfa; + .md\:left-1\/3 { + left: 33.333333%; } - .group:hover .lg\:group-hover\:border-purple-500 { - border-color: #8b5cf6; + .md\:top-2\/3 { + top: 66.666667%; } - .group:hover .lg\:group-hover\:border-purple-600 { - border-color: #7c3aed; + .md\:right-2\/3 { + right: 66.666667%; } - .group:hover .lg\:group-hover\:border-purple-700 { - border-color: #6d28d9; + .md\:bottom-2\/3 { + bottom: 66.666667%; } - .group:hover .lg\:group-hover\:border-purple-800 { - border-color: #5b21b6; + .md\:left-2\/3 { + left: 66.666667%; } - .group:hover .lg\:group-hover\:border-purple-900 { - border-color: #4c1d95; + .md\:top-1\/4 { + top: 25%; } - .group:hover .lg\:group-hover\:border-pink-50 { - border-color: #fdf2f8; + .md\:right-1\/4 { + right: 25%; } - .group:hover .lg\:group-hover\:border-pink-100 { - border-color: #fce7f3; + .md\:bottom-1\/4 { + bottom: 25%; } - .group:hover .lg\:group-hover\:border-pink-200 { - border-color: #fbcfe8; + .md\:left-1\/4 { + left: 25%; } - .group:hover .lg\:group-hover\:border-pink-300 { - border-color: #f9a8d4; + .md\:top-2\/4 { + top: 50%; } - .group:hover .lg\:group-hover\:border-pink-400 { - border-color: #f472b6; + .md\:right-2\/4 { + right: 50%; } - .group:hover .lg\:group-hover\:border-pink-500 { - border-color: #ec4899; + .md\:bottom-2\/4 { + bottom: 50%; } - .group:hover .lg\:group-hover\:border-pink-600 { - border-color: #db2777; + .md\:left-2\/4 { + left: 50%; } - .group:hover .lg\:group-hover\:border-pink-700 { - border-color: #be185d; + .md\:top-3\/4 { + top: 75%; } - .group:hover .lg\:group-hover\:border-pink-800 { - border-color: #9d174d; + .md\:right-3\/4 { + right: 75%; } - .group:hover .lg\:group-hover\:border-pink-900 { - border-color: #831843; + .md\:bottom-3\/4 { + bottom: 75%; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .md\:left-3\/4 { + left: 75%; } - .lg\:hover\:border-current:hover { - border-color: currentColor; + .md\:top-full { + top: 100%; } - .lg\:hover\:border-black:hover { - border-color: #000; + .md\:right-full { + right: 100%; } - .lg\:hover\:border-white:hover { - border-color: #fff; + .md\:bottom-full { + bottom: 100%; } - .lg\:hover\:border-gray-50:hover { - border-color: #fafafa; + .md\:left-full { + left: 100%; } - .lg\:hover\:border-gray-100:hover { - border-color: #f4f4f5; + .md\:-top-1\/2 { + top: -50%; } - .lg\:hover\:border-gray-200:hover { - border-color: #e4e4e7; + .md\:-right-1\/2 { + right: -50%; } - .lg\:hover\:border-gray-300:hover { - border-color: #d4d4d8; + .md\:-bottom-1\/2 { + bottom: -50%; } - .lg\:hover\:border-gray-400:hover { - border-color: #a1a1aa; + .md\:-left-1\/2 { + left: -50%; } - .lg\:hover\:border-gray-500:hover { - border-color: #71717a; + .md\:-top-1\/3 { + top: -33.333333%; } - .lg\:hover\:border-gray-600:hover { - border-color: #52525b; + .md\:-right-1\/3 { + right: -33.333333%; } - .lg\:hover\:border-gray-700:hover { - border-color: #3f3f46; + .md\:-bottom-1\/3 { + bottom: -33.333333%; } - .lg\:hover\:border-gray-800:hover { - border-color: #27272a; + .md\:-left-1\/3 { + left: -33.333333%; } - .lg\:hover\:border-gray-900:hover { - border-color: #18181b; + .md\:-top-2\/3 { + top: -66.666667%; } - .lg\:hover\:border-red-50:hover { - border-color: #fef2f2; + .md\:-right-2\/3 { + right: -66.666667%; } - .lg\:hover\:border-red-100:hover { - border-color: #fee2e2; + .md\:-bottom-2\/3 { + bottom: -66.666667%; } - .lg\:hover\:border-red-200:hover { - border-color: #fecaca; + .md\:-left-2\/3 { + left: -66.666667%; } - .lg\:hover\:border-red-300:hover { - border-color: #fca5a5; + .md\:-top-1\/4 { + top: -25%; } - .lg\:hover\:border-red-400:hover { - border-color: #f87171; + .md\:-right-1\/4 { + right: -25%; } - .lg\:hover\:border-red-500:hover { - border-color: #ef4444; + .md\:-bottom-1\/4 { + bottom: -25%; } - .lg\:hover\:border-red-600:hover { - border-color: #dc2626; + .md\:-left-1\/4 { + left: -25%; } - .lg\:hover\:border-red-700:hover { - border-color: #b91c1c; + .md\:-top-2\/4 { + top: -50%; } - .lg\:hover\:border-red-800:hover { - border-color: #991b1b; + .md\:-right-2\/4 { + right: -50%; } - .lg\:hover\:border-red-900:hover { - border-color: #7f1d1d; + .md\:-bottom-2\/4 { + bottom: -50%; } - .lg\:hover\:border-yellow-50:hover { - border-color: #fffbeb; + .md\:-left-2\/4 { + left: -50%; } - .lg\:hover\:border-yellow-100:hover { - border-color: #fef3c7; + .md\:-top-3\/4 { + top: -75%; } - .lg\:hover\:border-yellow-200:hover { - border-color: #fde68a; + .md\:-right-3\/4 { + right: -75%; } - .lg\:hover\:border-yellow-300:hover { - border-color: #fcd34d; + .md\:-bottom-3\/4 { + bottom: -75%; } - .lg\:hover\:border-yellow-400:hover { - border-color: #fbbf24; + .md\:-left-3\/4 { + left: -75%; } - .lg\:hover\:border-yellow-500:hover { - border-color: #f59e0b; + .md\:-top-full { + top: -100%; } - .lg\:hover\:border-yellow-600:hover { - border-color: #d97706; + .md\:-right-full { + right: -100%; } - .lg\:hover\:border-yellow-700:hover { - border-color: #b45309; + .md\:-bottom-full { + bottom: -100%; } - .lg\:hover\:border-yellow-800:hover { - border-color: #92400e; + .md\:-left-full { + left: -100%; } - .lg\:hover\:border-yellow-900:hover { - border-color: #78350f; + .md\:resize-none { + resize: none; } - .lg\:hover\:border-green-50:hover { - border-color: #ecfdf5; + .md\:resize-y { + resize: vertical; } - .lg\:hover\:border-green-100:hover { - border-color: #d1fae5; + .md\:resize-x { + resize: horizontal; } - .lg\:hover\:border-green-200:hover { - border-color: #a7f3d0; + .md\:resize { + resize: both; } - .lg\:hover\:border-green-300:hover { - border-color: #6ee7b7; + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:hover\:border-green-400:hover { - border-color: #34d399; + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:hover\:border-green-500:hover { - border-color: #10b981; + .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\:hover\:border-green-600:hover { - border-color: #059669; + .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\:hover\:border-green-700:hover { - border-color: #047857; + .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\:hover\:border-green-800:hover { - border-color: #065f46; + .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\:hover\:border-green-900:hover { - border-color: #064e3b; + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:hover\:border-blue-50:hover { - border-color: #eff6ff; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:hover\:border-blue-100:hover { - border-color: #dbeafe; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:hover\:border-blue-200:hover { - border-color: #bfdbfe; + .md\:shadow-none { + box-shadow: none; } - .lg\:hover\:border-blue-300:hover { - border-color: #93c5fd; + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:hover\:border-blue-400:hover { - border-color: #60a5fa; + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:hover\:border-blue-500:hover { - border-color: #3b82f6; + .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\:hover\:border-blue-600:hover { - border-color: #2563eb; + .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\:hover\:border-blue-700:hover { - border-color: #1d4ed8; + .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\:hover\:border-blue-800:hover { - border-color: #1e40af; + .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\:hover\:border-blue-900:hover { - border-color: #1e3a8a; + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:hover\:border-purple-50:hover { - border-color: #f5f3ff; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:hover\:border-purple-100:hover { - border-color: #ede9fe; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:hover\:border-purple-200:hover { - border-color: #ddd6fe; + .md\:hover\:shadow-none:hover { + box-shadow: none; } - .lg\:hover\:border-purple-300:hover { - border-color: #c4b5fd; + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .lg\:hover\:border-purple-400:hover { - border-color: #a78bfa; + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .lg\:hover\:border-purple-500:hover { - border-color: #8b5cf6; + .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\:hover\:border-purple-600:hover { - border-color: #7c3aed; + .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\:hover\:border-purple-700:hover { - border-color: #6d28d9; + .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\:hover\:border-purple-800:hover { - border-color: #5b21b6; + .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\:hover\:border-purple-900:hover { - border-color: #4c1d95; + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:hover\:border-pink-50:hover { - border-color: #fdf2f8; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:hover\:border-pink-100:hover { - border-color: #fce7f3; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:hover\:border-pink-200:hover { - border-color: #fbcfe8; + .md\:focus\:shadow-none:focus { + box-shadow: none; } - .lg\:hover\:border-pink-300:hover { - border-color: #f9a8d4; + .md\:fill-current { + fill: currentColor; } - .lg\:hover\:border-pink-400:hover { - border-color: #f472b6; + .md\:stroke-current { + stroke: currentColor; } - .lg\:hover\:border-pink-500:hover { - border-color: #ec4899; + .md\:stroke-0 { + stroke-width: 0; } - .lg\:hover\:border-pink-600:hover { - border-color: #db2777; + .md\:stroke-1 { + stroke-width: 1; } - .lg\:hover\:border-pink-700:hover { - border-color: #be185d; + .md\:stroke-2 { + stroke-width: 2; } - .lg\:hover\:border-pink-800:hover { - border-color: #9d174d; + .md\:table-auto { + table-layout: auto; } - .lg\:hover\:border-pink-900:hover { - border-color: #831843; + .md\:table-fixed { + table-layout: fixed; } - .lg\:focus\:border-transparent:focus { - border-color: transparent; + .md\:text-left { + text-align: left; } - .lg\:focus\:border-current:focus { - border-color: currentColor; + .md\:text-center { + text-align: center; } - .lg\:focus\:border-black:focus { - border-color: #000; + .md\:text-right { + text-align: right; } - .lg\:focus\:border-white:focus { - border-color: #fff; + .md\:text-justify { + text-align: justify; } - .lg\:focus\:border-gray-50:focus { - border-color: #fafafa; + .md\:text-transparent { + color: transparent; } - .lg\:focus\:border-gray-100:focus { - border-color: #f4f4f5; + .md\:text-current { + color: currentColor; } - .lg\:focus\:border-gray-200:focus { - border-color: #e4e4e7; + .md\:text-black { + color: #000; } - .lg\:focus\:border-gray-300:focus { - border-color: #d4d4d8; + .md\:text-white { + color: #fff; } - .lg\:focus\:border-gray-400:focus { - border-color: #a1a1aa; + .md\:text-gray-50 { + color: #fafafa; } - .lg\:focus\:border-gray-500:focus { - border-color: #71717a; + .md\:text-gray-100 { + color: #f4f4f5; } - .lg\:focus\:border-gray-600:focus { - border-color: #52525b; + .md\:text-gray-200 { + color: #e4e4e7; } - .lg\:focus\:border-gray-700:focus { - border-color: #3f3f46; + .md\:text-gray-300 { + color: #d4d4d8; } - .lg\:focus\:border-gray-800:focus { - border-color: #27272a; + .md\:text-gray-400 { + color: #a1a1aa; } - .lg\:focus\:border-gray-900:focus { - border-color: #18181b; + .md\:text-gray-500 { + color: #71717a; } - .lg\:focus\:border-red-50:focus { - border-color: #fef2f2; + .md\:text-gray-600 { + color: #52525b; } - .lg\:focus\:border-red-100:focus { - border-color: #fee2e2; + .md\:text-gray-700 { + color: #3f3f46; } - .lg\:focus\:border-red-200:focus { - border-color: #fecaca; + .md\:text-gray-800 { + color: #27272a; } - .lg\:focus\:border-red-300:focus { - border-color: #fca5a5; + .md\:text-gray-900 { + color: #18181b; } - .lg\:focus\:border-red-400:focus { - border-color: #f87171; + .md\:text-red-50 { + color: #fef2f2; } - .lg\:focus\:border-red-500:focus { - border-color: #ef4444; + .md\:text-red-100 { + color: #fee2e2; } - .lg\:focus\:border-red-600:focus { - border-color: #dc2626; + .md\:text-red-200 { + color: #fecaca; } - .lg\:focus\:border-red-700:focus { - border-color: #b91c1c; + .md\:text-red-300 { + color: #fca5a5; } - .lg\:focus\:border-red-800:focus { - border-color: #991b1b; + .md\:text-red-400 { + color: #f87171; } - .lg\:focus\:border-red-900:focus { - border-color: #7f1d1d; + .md\:text-red-500 { + color: #ef4444; } - .lg\:focus\:border-yellow-50:focus { - border-color: #fffbeb; + .md\:text-red-600 { + color: #dc2626; } - .lg\:focus\:border-yellow-100:focus { - border-color: #fef3c7; + .md\:text-red-700 { + color: #b91c1c; } - .lg\:focus\:border-yellow-200:focus { - border-color: #fde68a; + .md\:text-red-800 { + color: #991b1b; } - .lg\:focus\:border-yellow-300:focus { - border-color: #fcd34d; + .md\:text-red-900 { + color: #7f1d1d; } - .lg\:focus\:border-yellow-400:focus { - border-color: #fbbf24; + .md\:text-yellow-50 { + color: #fffbeb; } - .lg\:focus\:border-yellow-500:focus { - border-color: #f59e0b; + .md\:text-yellow-100 { + color: #fef3c7; } - .lg\:focus\:border-yellow-600:focus { - border-color: #d97706; + .md\:text-yellow-200 { + color: #fde68a; } - .lg\:focus\:border-yellow-700:focus { - border-color: #b45309; + .md\:text-yellow-300 { + color: #fcd34d; } - .lg\:focus\:border-yellow-800:focus { - border-color: #92400e; + .md\:text-yellow-400 { + color: #fbbf24; } - .lg\:focus\:border-yellow-900:focus { - border-color: #78350f; + .md\:text-yellow-500 { + color: #f59e0b; } - .lg\:focus\:border-green-50:focus { - border-color: #ecfdf5; + .md\:text-yellow-600 { + color: #d97706; } - .lg\:focus\:border-green-100:focus { - border-color: #d1fae5; + .md\:text-yellow-700 { + color: #b45309; } - .lg\:focus\:border-green-200:focus { - border-color: #a7f3d0; + .md\:text-yellow-800 { + color: #92400e; } - .lg\:focus\:border-green-300:focus { - border-color: #6ee7b7; + .md\:text-yellow-900 { + color: #78350f; } - .lg\:focus\:border-green-400:focus { - border-color: #34d399; + .md\:text-green-50 { + color: #ecfdf5; } - .lg\:focus\:border-green-500:focus { - border-color: #10b981; + .md\:text-green-100 { + color: #d1fae5; } - .lg\:focus\:border-green-600:focus { - border-color: #059669; + .md\:text-green-200 { + color: #a7f3d0; } - .lg\:focus\:border-green-700:focus { - border-color: #047857; + .md\:text-green-300 { + color: #6ee7b7; } - .lg\:focus\:border-green-800:focus { - border-color: #065f46; + .md\:text-green-400 { + color: #34d399; } - .lg\:focus\:border-green-900:focus { - border-color: #064e3b; + .md\:text-green-500 { + color: #10b981; } - .lg\:focus\:border-blue-50:focus { - border-color: #eff6ff; + .md\:text-green-600 { + color: #059669; } - .lg\:focus\:border-blue-100:focus { - border-color: #dbeafe; + .md\:text-green-700 { + color: #047857; } - .lg\:focus\:border-blue-200:focus { - border-color: #bfdbfe; + .md\:text-green-800 { + color: #065f46; } - .lg\:focus\:border-blue-300:focus { - border-color: #93c5fd; + .md\:text-green-900 { + color: #064e3b; } - .lg\:focus\:border-blue-400:focus { - border-color: #60a5fa; + .md\:text-blue-50 { + color: #eff6ff; } - .lg\:focus\:border-blue-500:focus { - border-color: #3b82f6; + .md\:text-blue-100 { + color: #dbeafe; } - .lg\:focus\:border-blue-600:focus { - border-color: #2563eb; + .md\:text-blue-200 { + color: #bfdbfe; } - .lg\:focus\:border-blue-700:focus { - border-color: #1d4ed8; + .md\:text-blue-300 { + color: #93c5fd; } - .lg\:focus\:border-blue-800:focus { - border-color: #1e40af; + .md\:text-blue-400 { + color: #60a5fa; } - .lg\:focus\:border-blue-900:focus { - border-color: #1e3a8a; + .md\:text-blue-500 { + color: #3b82f6; } - .lg\:focus\:border-purple-50:focus { - border-color: #f5f3ff; + .md\:text-blue-600 { + color: #2563eb; } - .lg\:focus\:border-purple-100:focus { - border-color: #ede9fe; + .md\:text-blue-700 { + color: #1d4ed8; } - .lg\:focus\:border-purple-200:focus { - border-color: #ddd6fe; + .md\:text-blue-800 { + color: #1e40af; } - .lg\:focus\:border-purple-300:focus { - border-color: #c4b5fd; + .md\:text-blue-900 { + color: #1e3a8a; } - .lg\:focus\:border-purple-400:focus { - border-color: #a78bfa; + .md\:text-purple-50 { + color: #f5f3ff; } - .lg\:focus\:border-purple-500:focus { - border-color: #8b5cf6; + .md\:text-purple-100 { + color: #ede9fe; } - .lg\:focus\:border-purple-600:focus { - border-color: #7c3aed; + .md\:text-purple-200 { + color: #ddd6fe; } - .lg\:focus\:border-purple-700:focus { - border-color: #6d28d9; + .md\:text-purple-300 { + color: #c4b5fd; } - .lg\:focus\:border-purple-800:focus { - border-color: #5b21b6; + .md\:text-purple-400 { + color: #a78bfa; } - .lg\:focus\:border-purple-900:focus { - border-color: #4c1d95; + .md\:text-purple-500 { + color: #8b5cf6; } - .lg\:focus\:border-pink-50:focus { - border-color: #fdf2f8; + .md\:text-purple-600 { + color: #7c3aed; } - .lg\:focus\:border-pink-100:focus { - border-color: #fce7f3; + .md\:text-purple-700 { + color: #6d28d9; } - .lg\:focus\:border-pink-200:focus { - border-color: #fbcfe8; + .md\:text-purple-800 { + color: #5b21b6; } - .lg\:focus\:border-pink-300:focus { - border-color: #f9a8d4; + .md\:text-purple-900 { + color: #4c1d95; } - .lg\:focus\:border-pink-400:focus { - border-color: #f472b6; + .md\:text-pink-50 { + color: #fdf2f8; } - .lg\:focus\:border-pink-500:focus { - border-color: #ec4899; + .md\:text-pink-100 { + color: #fce7f3; } - .lg\:focus\:border-pink-600:focus { - border-color: #db2777; + .md\:text-pink-200 { + color: #fbcfe8; } - .lg\:focus\:border-pink-700:focus { - border-color: #be185d; + .md\:text-pink-300 { + color: #f9a8d4; } - .lg\:focus\:border-pink-800:focus { - border-color: #9d174d; + .md\:text-pink-400 { + color: #f472b6; } - .lg\:focus\:border-pink-900:focus { - border-color: #831843; + .md\:text-pink-500 { + color: #ec4899; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:border-transparent { - border-color: transparent; - } + .md\:text-pink-600 { + color: #db2777; + } - .lg\:dark\:border-current { - border-color: currentColor; - } + .md\:text-pink-700 { + color: #be185d; + } - .lg\:dark\:border-black { - border-color: #000; - } + .md\:text-pink-800 { + color: #9d174d; + } - .lg\:dark\:border-white { - border-color: #fff; - } + .md\:text-pink-900 { + color: #831843; + } - .lg\:dark\:border-gray-50 { - border-color: #fafafa; - } + .group:hover .md\:group-hover\:text-transparent { + color: transparent; + } - .lg\:dark\:border-gray-100 { - border-color: #f4f4f5; - } + .group:hover .md\:group-hover\:text-current { + color: currentColor; + } - .lg\:dark\:border-gray-200 { - border-color: #e4e4e7; - } + .group:hover .md\:group-hover\:text-black { + color: #000; + } - .lg\:dark\:border-gray-300 { - border-color: #d4d4d8; - } + .group:hover .md\:group-hover\:text-white { + color: #fff; + } - .lg\:dark\:border-gray-400 { - border-color: #a1a1aa; - } + .group:hover .md\:group-hover\:text-gray-50 { + color: #fafafa; + } - .lg\:dark\:border-gray-500 { - border-color: #71717a; - } + .group:hover .md\:group-hover\:text-gray-100 { + color: #f4f4f5; + } - .lg\:dark\:border-gray-600 { - border-color: #52525b; - } + .group:hover .md\:group-hover\:text-gray-200 { + color: #e4e4e7; + } - .lg\:dark\:border-gray-700 { - border-color: #3f3f46; - } + .group:hover .md\:group-hover\:text-gray-300 { + color: #d4d4d8; + } - .lg\:dark\:border-gray-800 { - border-color: #27272a; - } + .group:hover .md\:group-hover\:text-gray-400 { + color: #a1a1aa; + } - .lg\:dark\:border-gray-900 { - border-color: #18181b; - } + .group:hover .md\:group-hover\:text-gray-500 { + color: #71717a; + } - .lg\:dark\:border-red-50 { - border-color: #fef2f2; - } + .group:hover .md\:group-hover\:text-gray-600 { + color: #52525b; + } - .lg\:dark\:border-red-100 { - border-color: #fee2e2; - } + .group:hover .md\:group-hover\:text-gray-700 { + color: #3f3f46; + } - .lg\:dark\:border-red-200 { - border-color: #fecaca; - } + .group:hover .md\:group-hover\:text-gray-800 { + color: #27272a; + } - .lg\:dark\:border-red-300 { - border-color: #fca5a5; - } + .group:hover .md\:group-hover\:text-gray-900 { + color: #18181b; + } - .lg\:dark\:border-red-400 { - border-color: #f87171; - } + .group:hover .md\:group-hover\:text-red-50 { + color: #fef2f2; + } - .lg\:dark\:border-red-500 { - border-color: #ef4444; - } + .group:hover .md\:group-hover\:text-red-100 { + color: #fee2e2; + } - .lg\:dark\:border-red-600 { - border-color: #dc2626; - } + .group:hover .md\:group-hover\:text-red-200 { + color: #fecaca; + } - .lg\:dark\:border-red-700 { - border-color: #b91c1c; - } + .group:hover .md\:group-hover\:text-red-300 { + color: #fca5a5; + } - .lg\:dark\:border-red-800 { - border-color: #991b1b; - } + .group:hover .md\:group-hover\:text-red-400 { + color: #f87171; + } - .lg\:dark\:border-red-900 { - border-color: #7f1d1d; - } + .group:hover .md\:group-hover\:text-red-500 { + color: #ef4444; + } - .lg\:dark\:border-yellow-50 { - border-color: #fffbeb; - } + .group:hover .md\:group-hover\:text-red-600 { + color: #dc2626; + } - .lg\:dark\:border-yellow-100 { - border-color: #fef3c7; - } + .group:hover .md\:group-hover\:text-red-700 { + color: #b91c1c; + } - .lg\:dark\:border-yellow-200 { - border-color: #fde68a; - } + .group:hover .md\:group-hover\:text-red-800 { + color: #991b1b; + } - .lg\:dark\:border-yellow-300 { - border-color: #fcd34d; - } + .group:hover .md\:group-hover\:text-red-900 { + color: #7f1d1d; + } - .lg\:dark\:border-yellow-400 { - border-color: #fbbf24; - } + .group:hover .md\:group-hover\:text-yellow-50 { + color: #fffbeb; + } - .lg\:dark\:border-yellow-500 { - border-color: #f59e0b; - } + .group:hover .md\:group-hover\:text-yellow-100 { + color: #fef3c7; + } - .lg\:dark\:border-yellow-600 { - border-color: #d97706; - } + .group:hover .md\:group-hover\:text-yellow-200 { + color: #fde68a; + } - .lg\:dark\:border-yellow-700 { - border-color: #b45309; - } + .group:hover .md\:group-hover\:text-yellow-300 { + color: #fcd34d; + } - .lg\:dark\:border-yellow-800 { - border-color: #92400e; - } + .group:hover .md\:group-hover\:text-yellow-400 { + color: #fbbf24; + } - .lg\:dark\:border-yellow-900 { - border-color: #78350f; - } + .group:hover .md\:group-hover\:text-yellow-500 { + color: #f59e0b; + } - .lg\:dark\:border-green-50 { - border-color: #ecfdf5; - } + .group:hover .md\:group-hover\:text-yellow-600 { + color: #d97706; + } - .lg\:dark\:border-green-100 { - border-color: #d1fae5; - } + .group:hover .md\:group-hover\:text-yellow-700 { + color: #b45309; + } - .lg\:dark\:border-green-200 { - border-color: #a7f3d0; - } + .group:hover .md\:group-hover\:text-yellow-800 { + color: #92400e; + } - .lg\:dark\:border-green-300 { - border-color: #6ee7b7; - } + .group:hover .md\:group-hover\:text-yellow-900 { + color: #78350f; + } - .lg\:dark\:border-green-400 { - border-color: #34d399; - } + .group:hover .md\:group-hover\:text-green-50 { + color: #ecfdf5; + } - .lg\:dark\:border-green-500 { - border-color: #10b981; - } + .group:hover .md\:group-hover\:text-green-100 { + color: #d1fae5; + } - .lg\:dark\:border-green-600 { - border-color: #059669; - } + .group:hover .md\:group-hover\:text-green-200 { + color: #a7f3d0; + } - .lg\:dark\:border-green-700 { - border-color: #047857; - } + .group:hover .md\:group-hover\:text-green-300 { + color: #6ee7b7; + } - .lg\:dark\:border-green-800 { - border-color: #065f46; - } + .group:hover .md\:group-hover\:text-green-400 { + color: #34d399; + } - .lg\:dark\:border-green-900 { - border-color: #064e3b; - } + .group:hover .md\:group-hover\:text-green-500 { + color: #10b981; + } - .lg\:dark\:border-blue-50 { - border-color: #eff6ff; - } + .group:hover .md\:group-hover\:text-green-600 { + color: #059669; + } - .lg\:dark\:border-blue-100 { - border-color: #dbeafe; - } + .group:hover .md\:group-hover\:text-green-700 { + color: #047857; + } - .lg\:dark\:border-blue-200 { - border-color: #bfdbfe; - } + .group:hover .md\:group-hover\:text-green-800 { + color: #065f46; + } - .lg\:dark\:border-blue-300 { - border-color: #93c5fd; - } + .group:hover .md\:group-hover\:text-green-900 { + color: #064e3b; + } - .lg\:dark\:border-blue-400 { - border-color: #60a5fa; - } + .group:hover .md\:group-hover\:text-blue-50 { + color: #eff6ff; + } - .lg\:dark\:border-blue-500 { - border-color: #3b82f6; - } + .group:hover .md\:group-hover\:text-blue-100 { + color: #dbeafe; + } - .lg\:dark\:border-blue-600 { - border-color: #2563eb; - } + .group:hover .md\:group-hover\:text-blue-200 { + color: #bfdbfe; + } - .lg\:dark\:border-blue-700 { - border-color: #1d4ed8; - } + .group:hover .md\:group-hover\:text-blue-300 { + color: #93c5fd; + } - .lg\:dark\:border-blue-800 { - border-color: #1e40af; - } + .group:hover .md\:group-hover\:text-blue-400 { + color: #60a5fa; + } - .lg\:dark\:border-blue-900 { - border-color: #1e3a8a; - } + .group:hover .md\:group-hover\:text-blue-500 { + color: #3b82f6; + } - .lg\:dark\:border-purple-50 { - border-color: #f5f3ff; - } + .group:hover .md\:group-hover\:text-blue-600 { + color: #2563eb; + } - .lg\:dark\:border-purple-100 { - border-color: #ede9fe; - } + .group:hover .md\:group-hover\:text-blue-700 { + color: #1d4ed8; + } - .lg\:dark\:border-purple-200 { - border-color: #ddd6fe; - } + .group:hover .md\:group-hover\:text-blue-800 { + color: #1e40af; + } - .lg\:dark\:border-purple-300 { - border-color: #c4b5fd; - } + .group:hover .md\:group-hover\:text-blue-900 { + color: #1e3a8a; + } - .lg\:dark\:border-purple-400 { - border-color: #a78bfa; - } + .group:hover .md\:group-hover\:text-purple-50 { + color: #f5f3ff; + } - .lg\:dark\:border-purple-500 { - border-color: #8b5cf6; - } + .group:hover .md\:group-hover\:text-purple-100 { + color: #ede9fe; + } - .lg\:dark\:border-purple-600 { - border-color: #7c3aed; - } + .group:hover .md\:group-hover\:text-purple-200 { + color: #ddd6fe; + } - .lg\:dark\:border-purple-700 { - border-color: #6d28d9; - } + .group:hover .md\:group-hover\:text-purple-300 { + color: #c4b5fd; + } - .lg\:dark\:border-purple-800 { - border-color: #5b21b6; - } + .group:hover .md\:group-hover\:text-purple-400 { + color: #a78bfa; + } - .lg\:dark\:border-purple-900 { - border-color: #4c1d95; - } + .group:hover .md\:group-hover\:text-purple-500 { + color: #8b5cf6; + } - .lg\:dark\:border-pink-50 { - border-color: #fdf2f8; - } + .group:hover .md\:group-hover\:text-purple-600 { + color: #7c3aed; + } - .lg\:dark\:border-pink-100 { - border-color: #fce7f3; - } + .group:hover .md\:group-hover\:text-purple-700 { + color: #6d28d9; + } - .lg\:dark\:border-pink-200 { - border-color: #fbcfe8; - } + .group:hover .md\:group-hover\:text-purple-800 { + color: #5b21b6; + } - .lg\:dark\:border-pink-300 { - border-color: #f9a8d4; - } + .group:hover .md\:group-hover\:text-purple-900 { + color: #4c1d95; + } - .lg\:dark\:border-pink-400 { - border-color: #f472b6; - } + .group:hover .md\:group-hover\:text-pink-50 { + color: #fdf2f8; + } - .lg\:dark\:border-pink-500 { - border-color: #ec4899; - } + .group:hover .md\:group-hover\:text-pink-100 { + color: #fce7f3; + } - .lg\:dark\:border-pink-600 { - border-color: #db2777; - } + .group:hover .md\:group-hover\:text-pink-200 { + color: #fbcfe8; + } - .lg\:dark\:border-pink-700 { - border-color: #be185d; - } + .group:hover .md\:group-hover\:text-pink-300 { + color: #f9a8d4; + } - .lg\:dark\:border-pink-800 { - border-color: #9d174d; - } + .group:hover .md\:group-hover\:text-pink-400 { + color: #f472b6; + } - .lg\:dark\:border-pink-900 { - border-color: #831843; - } + .group:hover .md\:group-hover\:text-pink-500 { + color: #ec4899; + } - .group:hover .lg\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .group:hover .md\:group-hover\:text-pink-600 { + color: #db2777; + } - .group:hover .lg\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .group:hover .md\:group-hover\:text-pink-700 { + color: #be185d; + } - .group:hover .lg\:dark\:group-hover\:border-black { - border-color: #000; - } + .group:hover .md\:group-hover\:text-pink-800 { + color: #9d174d; + } - .group:hover .lg\:dark\:group-hover\:border-white { - border-color: #fff; - } + .group:hover .md\:group-hover\:text-pink-900 { + color: #831843; + } - .group:hover .lg\:dark\:group-hover\:border-gray-50 { - border-color: #fafafa; - } + .md\:hover\:text-transparent:hover { + color: transparent; + } - .group:hover .lg\:dark\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } + .md\:hover\:text-current:hover { + color: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } + .md\:hover\:text-black:hover { + color: #000; + } - .group:hover .lg\:dark\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } + .md\:hover\:text-white:hover { + color: #fff; + } - .group:hover .lg\:dark\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } + .md\:hover\:text-gray-50:hover { + color: #fafafa; + } - .group:hover .lg\:dark\:group-hover\:border-gray-500 { - border-color: #71717a; - } + .md\:hover\:text-gray-100:hover { + color: #f4f4f5; + } - .group:hover .lg\:dark\:group-hover\:border-gray-600 { - border-color: #52525b; - } + .md\:hover\:text-gray-200:hover { + color: #e4e4e7; + } - .group:hover .lg\:dark\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } + .md\:hover\:text-gray-300:hover { + color: #d4d4d8; + } - .group:hover .lg\:dark\:group-hover\:border-gray-800 { - border-color: #27272a; - } + .md\:hover\:text-gray-400:hover { + color: #a1a1aa; + } - .group:hover .lg\:dark\:group-hover\:border-gray-900 { - border-color: #18181b; - } + .md\:hover\:text-gray-500:hover { + color: #71717a; + } - .group:hover .lg\:dark\:group-hover\:border-red-50 { - border-color: #fef2f2; - } + .md\:hover\:text-gray-600:hover { + color: #52525b; + } - .group:hover .lg\:dark\:group-hover\:border-red-100 { - border-color: #fee2e2; - } + .md\:hover\:text-gray-700:hover { + color: #3f3f46; + } - .group:hover .lg\:dark\:group-hover\:border-red-200 { - border-color: #fecaca; - } + .md\:hover\:text-gray-800:hover { + color: #27272a; + } - .group:hover .lg\:dark\:group-hover\:border-red-300 { - border-color: #fca5a5; - } + .md\:hover\:text-gray-900:hover { + color: #18181b; + } - .group:hover .lg\:dark\:group-hover\:border-red-400 { - border-color: #f87171; - } + .md\:hover\:text-red-50:hover { + color: #fef2f2; + } - .group:hover .lg\:dark\:group-hover\:border-red-500 { - border-color: #ef4444; - } + .md\:hover\:text-red-100:hover { + color: #fee2e2; + } - .group:hover .lg\:dark\:group-hover\:border-red-600 { - border-color: #dc2626; - } + .md\:hover\:text-red-200:hover { + color: #fecaca; + } - .group:hover .lg\:dark\:group-hover\:border-red-700 { - border-color: #b91c1c; - } + .md\:hover\:text-red-300:hover { + color: #fca5a5; + } - .group:hover .lg\:dark\:group-hover\:border-red-800 { - border-color: #991b1b; - } + .md\:hover\:text-red-400:hover { + color: #f87171; + } - .group:hover .lg\:dark\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } + .md\:hover\:text-red-500:hover { + color: #ef4444; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } + .md\:hover\:text-red-600:hover { + color: #dc2626; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } + .md\:hover\:text-red-700:hover { + color: #b91c1c; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } + .md\:hover\:text-red-800:hover { + color: #991b1b; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } + .md\:hover\:text-red-900:hover { + color: #7f1d1d; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } + .md\:hover\:text-yellow-50:hover { + color: #fffbeb; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } + .md\:hover\:text-yellow-100:hover { + color: #fef3c7; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-600 { - border-color: #d97706; - } + .md\:hover\:text-yellow-200:hover { + color: #fde68a; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-700 { - border-color: #b45309; - } + .md\:hover\:text-yellow-300:hover { + color: #fcd34d; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-800 { - border-color: #92400e; - } + .md\:hover\:text-yellow-400:hover { + color: #fbbf24; + } - .group:hover .lg\:dark\:group-hover\:border-yellow-900 { - border-color: #78350f; - } + .md\:hover\:text-yellow-500:hover { + color: #f59e0b; + } - .group:hover .lg\:dark\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } + .md\:hover\:text-yellow-600:hover { + color: #d97706; + } - .group:hover .lg\:dark\:group-hover\:border-green-100 { - border-color: #d1fae5; - } + .md\:hover\:text-yellow-700:hover { + color: #b45309; + } - .group:hover .lg\:dark\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } + .md\:hover\:text-yellow-800:hover { + color: #92400e; + } - .group:hover .lg\:dark\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } + .md\:hover\:text-yellow-900:hover { + color: #78350f; + } - .group:hover .lg\:dark\:group-hover\:border-green-400 { - border-color: #34d399; - } + .md\:hover\:text-green-50:hover { + color: #ecfdf5; + } - .group:hover .lg\:dark\:group-hover\:border-green-500 { - border-color: #10b981; - } + .md\:hover\:text-green-100:hover { + color: #d1fae5; + } - .group:hover .lg\:dark\:group-hover\:border-green-600 { - border-color: #059669; - } + .md\:hover\:text-green-200:hover { + color: #a7f3d0; + } - .group:hover .lg\:dark\:group-hover\:border-green-700 { - border-color: #047857; - } + .md\:hover\:text-green-300:hover { + color: #6ee7b7; + } - .group:hover .lg\:dark\:group-hover\:border-green-800 { - border-color: #065f46; - } + .md\:hover\:text-green-400:hover { + color: #34d399; + } - .group:hover .lg\:dark\:group-hover\:border-green-900 { - border-color: #064e3b; - } + .md\:hover\:text-green-500:hover { + color: #10b981; + } - .group:hover .lg\:dark\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } + .md\:hover\:text-green-600:hover { + color: #059669; + } - .group:hover .lg\:dark\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } + .md\:hover\:text-green-700:hover { + color: #047857; + } - .group:hover .lg\:dark\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } + .md\:hover\:text-green-800:hover { + color: #065f46; + } - .group:hover .lg\:dark\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } + .md\:hover\:text-green-900:hover { + color: #064e3b; + } - .group:hover .lg\:dark\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } + .md\:hover\:text-blue-50:hover { + color: #eff6ff; + } - .group:hover .lg\:dark\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } + .md\:hover\:text-blue-100:hover { + color: #dbeafe; + } - .group:hover .lg\:dark\:group-hover\:border-blue-600 { - border-color: #2563eb; - } + .md\:hover\:text-blue-200:hover { + color: #bfdbfe; + } - .group:hover .lg\:dark\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } + .md\:hover\:text-blue-300:hover { + color: #93c5fd; + } - .group:hover .lg\:dark\:group-hover\:border-blue-800 { - border-color: #1e40af; - } + .md\:hover\:text-blue-400:hover { + color: #60a5fa; + } - .group:hover .lg\:dark\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } + .md\:hover\:text-blue-500:hover { + color: #3b82f6; + } - .group:hover .lg\:dark\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } + .md\:hover\:text-blue-600:hover { + color: #2563eb; + } - .group:hover .lg\:dark\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } + .md\:hover\:text-blue-700:hover { + color: #1d4ed8; + } - .group:hover .lg\:dark\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } + .md\:hover\:text-blue-800:hover { + color: #1e40af; + } - .group:hover .lg\:dark\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } + .md\:hover\:text-blue-900:hover { + color: #1e3a8a; + } - .group:hover .lg\:dark\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } + .md\:hover\:text-purple-50:hover { + color: #f5f3ff; + } - .group:hover .lg\:dark\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } + .md\:hover\:text-purple-100:hover { + color: #ede9fe; + } - .group:hover .lg\:dark\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } + .md\:hover\:text-purple-200:hover { + color: #ddd6fe; + } - .group:hover .lg\:dark\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } + .md\:hover\:text-purple-300:hover { + color: #c4b5fd; + } - .group:hover .lg\:dark\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } + .md\:hover\:text-purple-400:hover { + color: #a78bfa; + } - .group:hover .lg\:dark\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } + .md\:hover\:text-purple-500:hover { + color: #8b5cf6; + } - .group:hover .lg\:dark\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } + .md\:hover\:text-purple-600:hover { + color: #7c3aed; + } - .group:hover .lg\:dark\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } + .md\:hover\:text-purple-700:hover { + color: #6d28d9; + } - .group:hover .lg\:dark\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } + .md\:hover\:text-purple-800:hover { + color: #5b21b6; + } - .group:hover .lg\:dark\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } + .md\:hover\:text-purple-900:hover { + color: #4c1d95; + } - .group:hover .lg\:dark\:group-hover\:border-pink-400 { - border-color: #f472b6; - } + .md\:hover\:text-pink-50:hover { + color: #fdf2f8; + } - .group:hover .lg\:dark\:group-hover\:border-pink-500 { - border-color: #ec4899; - } + .md\:hover\:text-pink-100:hover { + color: #fce7f3; + } - .group:hover .lg\:dark\:group-hover\:border-pink-600 { - border-color: #db2777; - } + .md\:hover\:text-pink-200:hover { + color: #fbcfe8; + } - .group:hover .lg\:dark\:group-hover\:border-pink-700 { - border-color: #be185d; - } + .md\:hover\:text-pink-300:hover { + color: #f9a8d4; + } - .group:hover .lg\:dark\:group-hover\:border-pink-800 { - border-color: #9d174d; - } + .md\:hover\:text-pink-400:hover { + color: #f472b6; + } - .group:hover .lg\:dark\:group-hover\:border-pink-900 { - border-color: #831843; - } + .md\:hover\:text-pink-500:hover { + color: #ec4899; + } - .lg\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .md\:hover\:text-pink-600:hover { + color: #db2777; + } - .lg\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .md\:hover\:text-pink-700:hover { + color: #be185d; + } - .lg\:dark\:hover\:border-black:hover { - border-color: #000; - } + .md\:hover\:text-pink-800:hover { + color: #9d174d; + } - .lg\:dark\:hover\:border-white:hover { - border-color: #fff; - } + .md\:hover\:text-pink-900:hover { + color: #831843; + } - .lg\:dark\:hover\:border-gray-50:hover { - border-color: #fafafa; - } + .md\:focus\:text-transparent:focus { + color: transparent; + } - .lg\:dark\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } + .md\:focus\:text-current:focus { + color: currentColor; + } - .lg\:dark\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } + .md\:focus\:text-black:focus { + color: #000; + } - .lg\:dark\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } + .md\:focus\:text-white:focus { + color: #fff; + } - .lg\:dark\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } + .md\:focus\:text-gray-50:focus { + color: #fafafa; + } - .lg\:dark\:hover\:border-gray-500:hover { - border-color: #71717a; - } + .md\:focus\:text-gray-100:focus { + color: #f4f4f5; + } - .lg\:dark\:hover\:border-gray-600:hover { - border-color: #52525b; - } + .md\:focus\:text-gray-200:focus { + color: #e4e4e7; + } - .lg\:dark\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } + .md\:focus\:text-gray-300:focus { + color: #d4d4d8; + } - .lg\:dark\:hover\:border-gray-800:hover { - border-color: #27272a; - } + .md\:focus\:text-gray-400:focus { + color: #a1a1aa; + } - .lg\:dark\:hover\:border-gray-900:hover { - border-color: #18181b; - } + .md\:focus\:text-gray-500:focus { + color: #71717a; + } - .lg\:dark\:hover\:border-red-50:hover { - border-color: #fef2f2; - } + .md\:focus\:text-gray-600:focus { + color: #52525b; + } - .lg\:dark\:hover\:border-red-100:hover { - border-color: #fee2e2; - } + .md\:focus\:text-gray-700:focus { + color: #3f3f46; + } - .lg\:dark\:hover\:border-red-200:hover { - border-color: #fecaca; - } + .md\:focus\:text-gray-800:focus { + color: #27272a; + } - .lg\:dark\:hover\:border-red-300:hover { - border-color: #fca5a5; - } + .md\:focus\:text-gray-900:focus { + color: #18181b; + } - .lg\:dark\:hover\:border-red-400:hover { - border-color: #f87171; - } + .md\:focus\:text-red-50:focus { + color: #fef2f2; + } - .lg\:dark\:hover\:border-red-500:hover { - border-color: #ef4444; - } + .md\:focus\:text-red-100:focus { + color: #fee2e2; + } - .lg\:dark\:hover\:border-red-600:hover { - border-color: #dc2626; - } + .md\:focus\:text-red-200:focus { + color: #fecaca; + } - .lg\:dark\:hover\:border-red-700:hover { - border-color: #b91c1c; - } + .md\:focus\:text-red-300:focus { + color: #fca5a5; + } - .lg\:dark\:hover\:border-red-800:hover { - border-color: #991b1b; - } + .md\:focus\:text-red-400:focus { + color: #f87171; + } - .lg\:dark\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } + .md\:focus\:text-red-500:focus { + color: #ef4444; + } - .lg\:dark\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } + .md\:focus\:text-red-600:focus { + color: #dc2626; + } - .lg\:dark\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } + .md\:focus\:text-red-700:focus { + color: #b91c1c; + } - .lg\:dark\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } + .md\:focus\:text-red-800:focus { + color: #991b1b; + } - .lg\:dark\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } + .md\:focus\:text-red-900:focus { + color: #7f1d1d; + } - .lg\:dark\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } + .md\:focus\:text-yellow-50:focus { + color: #fffbeb; + } - .lg\:dark\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } + .md\:focus\:text-yellow-100:focus { + color: #fef3c7; + } - .lg\:dark\:hover\:border-yellow-600:hover { - border-color: #d97706; - } + .md\:focus\:text-yellow-200:focus { + color: #fde68a; + } - .lg\:dark\:hover\:border-yellow-700:hover { - border-color: #b45309; - } + .md\:focus\:text-yellow-300:focus { + color: #fcd34d; + } - .lg\:dark\:hover\:border-yellow-800:hover { - border-color: #92400e; - } + .md\:focus\:text-yellow-400:focus { + color: #fbbf24; + } - .lg\:dark\:hover\:border-yellow-900:hover { - border-color: #78350f; - } + .md\:focus\:text-yellow-500:focus { + color: #f59e0b; + } - .lg\:dark\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } + .md\:focus\:text-yellow-600:focus { + color: #d97706; + } - .lg\:dark\:hover\:border-green-100:hover { - border-color: #d1fae5; - } + .md\:focus\:text-yellow-700:focus { + color: #b45309; + } - .lg\:dark\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } + .md\:focus\:text-yellow-800:focus { + color: #92400e; + } - .lg\:dark\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } + .md\:focus\:text-yellow-900:focus { + color: #78350f; + } - .lg\:dark\:hover\:border-green-400:hover { - border-color: #34d399; - } + .md\:focus\:text-green-50:focus { + color: #ecfdf5; + } - .lg\:dark\:hover\:border-green-500:hover { - border-color: #10b981; - } + .md\:focus\:text-green-100:focus { + color: #d1fae5; + } - .lg\:dark\:hover\:border-green-600:hover { - border-color: #059669; - } + .md\:focus\:text-green-200:focus { + color: #a7f3d0; + } - .lg\:dark\:hover\:border-green-700:hover { - border-color: #047857; - } + .md\:focus\:text-green-300:focus { + color: #6ee7b7; + } - .lg\:dark\:hover\:border-green-800:hover { - border-color: #065f46; - } + .md\:focus\:text-green-400:focus { + color: #34d399; + } - .lg\:dark\:hover\:border-green-900:hover { - border-color: #064e3b; - } + .md\:focus\:text-green-500:focus { + color: #10b981; + } - .lg\:dark\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } + .md\:focus\:text-green-600:focus { + color: #059669; + } - .lg\:dark\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } + .md\:focus\:text-green-700:focus { + color: #047857; + } - .lg\:dark\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } + .md\:focus\:text-green-800:focus { + color: #065f46; + } - .lg\:dark\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } + .md\:focus\:text-green-900:focus { + color: #064e3b; + } - .lg\:dark\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } + .md\:focus\:text-blue-50:focus { + color: #eff6ff; + } - .lg\:dark\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } + .md\:focus\:text-blue-100:focus { + color: #dbeafe; + } - .lg\:dark\:hover\:border-blue-600:hover { - border-color: #2563eb; - } + .md\:focus\:text-blue-200:focus { + color: #bfdbfe; + } - .lg\:dark\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } + .md\:focus\:text-blue-300:focus { + color: #93c5fd; + } - .lg\:dark\:hover\:border-blue-800:hover { - border-color: #1e40af; - } + .md\:focus\:text-blue-400:focus { + color: #60a5fa; + } - .lg\:dark\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } + .md\:focus\:text-blue-500:focus { + color: #3b82f6; + } - .lg\:dark\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } + .md\:focus\:text-blue-600:focus { + color: #2563eb; + } - .lg\:dark\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } + .md\:focus\:text-blue-700:focus { + color: #1d4ed8; + } - .lg\:dark\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } + .md\:focus\:text-blue-800:focus { + color: #1e40af; + } - .lg\:dark\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } + .md\:focus\:text-blue-900:focus { + color: #1e3a8a; + } - .lg\:dark\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } + .md\:focus\:text-purple-50:focus { + color: #f5f3ff; + } - .lg\:dark\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } + .md\:focus\:text-purple-100:focus { + color: #ede9fe; + } - .lg\:dark\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } + .md\:focus\:text-purple-200:focus { + color: #ddd6fe; + } - .lg\:dark\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } + .md\:focus\:text-purple-300:focus { + color: #c4b5fd; + } - .lg\:dark\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } + .md\:focus\:text-purple-400:focus { + color: #a78bfa; + } - .lg\:dark\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } + .md\:focus\:text-purple-500:focus { + color: #8b5cf6; + } - .lg\:dark\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } + .md\:focus\:text-purple-600:focus { + color: #7c3aed; + } - .lg\:dark\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } + .md\:focus\:text-purple-700:focus { + color: #6d28d9; + } - .lg\:dark\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } + .md\:focus\:text-purple-800:focus { + color: #5b21b6; + } - .lg\:dark\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } + .md\:focus\:text-purple-900:focus { + color: #4c1d95; + } - .lg\:dark\:hover\:border-pink-400:hover { - border-color: #f472b6; - } + .md\:focus\:text-pink-50:focus { + color: #fdf2f8; + } - .lg\:dark\:hover\:border-pink-500:hover { - border-color: #ec4899; - } + .md\:focus\:text-pink-100:focus { + color: #fce7f3; + } - .lg\:dark\:hover\:border-pink-600:hover { - border-color: #db2777; - } + .md\:focus\:text-pink-200:focus { + color: #fbcfe8; + } - .lg\:dark\:hover\:border-pink-700:hover { - border-color: #be185d; - } + .md\:focus\:text-pink-300:focus { + color: #f9a8d4; + } - .lg\:dark\:hover\:border-pink-800:hover { - border-color: #9d174d; - } + .md\:focus\:text-pink-400:focus { + color: #f472b6; + } - .lg\:dark\:hover\:border-pink-900:hover { - border-color: #831843; - } + .md\:focus\:text-pink-500:focus { + color: #ec4899; + } - .lg\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .md\:focus\:text-pink-600:focus { + color: #db2777; + } - .lg\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .md\:focus\:text-pink-700:focus { + color: #be185d; + } - .lg\:dark\:focus\:border-black:focus { - border-color: #000; - } + .md\:focus\:text-pink-800:focus { + color: #9d174d; + } - .lg\:dark\:focus\:border-white:focus { - border-color: #fff; - } + .md\:focus\:text-pink-900:focus { + color: #831843; + } - .lg\:dark\:focus\:border-gray-50:focus { - border-color: #fafafa; - } + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } - .lg\:dark\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } + .md\:overflow-ellipsis { + text-overflow: ellipsis; + } - .lg\:dark\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } + .md\:overflow-clip { + text-overflow: clip; + } - .lg\:dark\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } + .md\:italic { + font-style: italic; + } - .lg\:dark\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } + .md\:not-italic { + font-style: normal; + } - .lg\:dark\:focus\:border-gray-500:focus { - border-color: #71717a; - } + .md\:uppercase { + text-transform: uppercase; + } - .lg\:dark\:focus\:border-gray-600:focus { - border-color: #52525b; - } + .md\:lowercase { + text-transform: lowercase; + } - .lg\:dark\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } + .md\:capitalize { + text-transform: capitalize; + } - .lg\:dark\:focus\:border-gray-800:focus { - border-color: #27272a; - } + .md\:normal-case { + text-transform: none; + } - .lg\:dark\:focus\:border-gray-900:focus { - border-color: #18181b; - } + .md\:underline { + text-decoration: underline; + } - .lg\:dark\:focus\:border-red-50:focus { - border-color: #fef2f2; - } + .md\:line-through { + text-decoration: line-through; + } - .lg\:dark\:focus\:border-red-100:focus { - border-color: #fee2e2; - } + .md\:no-underline { + text-decoration: none; + } - .lg\:dark\:focus\:border-red-200:focus { - border-color: #fecaca; - } + .md\:hover\:underline:hover { + text-decoration: underline; + } - .lg\:dark\:focus\:border-red-300:focus { - border-color: #fca5a5; - } + .md\:hover\:line-through:hover { + text-decoration: line-through; + } - .lg\:dark\:focus\:border-red-400:focus { - border-color: #f87171; - } + .md\:hover\:no-underline:hover { + text-decoration: none; + } - .lg\:dark\:focus\:border-red-500:focus { - border-color: #ef4444; - } + .md\:focus\:underline:focus { + text-decoration: underline; + } - .lg\:dark\:focus\:border-red-600:focus { - border-color: #dc2626; - } + .md\:focus\:line-through:focus { + text-decoration: line-through; + } - .lg\:dark\:focus\:border-red-700:focus { - border-color: #b91c1c; - } + .md\:focus\:no-underline:focus { + text-decoration: none; + } - .lg\:dark\:focus\:border-red-800:focus { - border-color: #991b1b; - } + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } - .lg\:dark\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } - .lg\:dark\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } + .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + } - .lg\:dark\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } + .md\:normal-nums { + font-variant-numeric: normal; + } - .lg\:dark\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } + .md\:ordinal { + --font-variant-numeric-ordinal: ordinal; + } - .lg\:dark\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } + .md\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; + } - .lg\:dark\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } + .md\:lining-nums { + --font-variant-numeric-figure: lining-nums; + } - .lg\:dark\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } + .md\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; + } - .lg\:dark\:focus\:border-yellow-600:focus { - border-color: #d97706; - } + .md\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; + } - .lg\:dark\:focus\:border-yellow-700:focus { - border-color: #b45309; - } + .md\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; + } - .lg\:dark\:focus\:border-yellow-800:focus { - border-color: #92400e; - } + .md\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; + } - .lg\:dark\:focus\:border-yellow-900:focus { - border-color: #78350f; - } + .md\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; + } - .lg\:dark\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } + .md\:tracking-tighter { + letter-spacing: -0.05em; + } - .lg\:dark\:focus\:border-green-100:focus { - border-color: #d1fae5; - } + .md\:tracking-tight { + letter-spacing: -0.025em; + } - .lg\:dark\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } + .md\:tracking-normal { + letter-spacing: 0; + } - .lg\:dark\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } + .md\:tracking-wide { + letter-spacing: 0.025em; + } - .lg\:dark\:focus\:border-green-400:focus { - border-color: #34d399; - } + .md\:tracking-wider { + letter-spacing: 0.05em; + } - .lg\:dark\:focus\:border-green-500:focus { - border-color: #10b981; - } + .md\:tracking-widest { + letter-spacing: 0.1em; + } - .lg\:dark\:focus\:border-green-600:focus { - border-color: #059669; - } + .md\:select-none { + user-select: none; + } - .lg\:dark\:focus\:border-green-700:focus { - border-color: #047857; - } + .md\:select-text { + user-select: text; + } - .lg\:dark\:focus\:border-green-800:focus { - border-color: #065f46; - } + .md\:select-all { + user-select: all; + } - .lg\:dark\:focus\:border-green-900:focus { - border-color: #064e3b; - } + .md\:select-auto { + user-select: auto; + } - .lg\:dark\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } + .md\:align-baseline { + vertical-align: baseline; + } - .lg\:dark\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } + .md\:align-top { + vertical-align: top; + } - .lg\:dark\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } + .md\:align-middle { + vertical-align: middle; + } - .lg\:dark\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } + .md\:align-bottom { + vertical-align: bottom; + } - .lg\:dark\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } + .md\:align-text-top { + vertical-align: text-top; + } - .lg\:dark\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } + .md\:align-text-bottom { + vertical-align: text-bottom; + } - .lg\:dark\:focus\:border-blue-600:focus { - border-color: #2563eb; - } + .md\:visible { + visibility: visible; + } - .lg\:dark\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } + .md\:invisible { + visibility: hidden; + } - .lg\:dark\:focus\:border-blue-800:focus { - border-color: #1e40af; - } + .md\:whitespace-normal { + white-space: normal; + } - .lg\:dark\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } + .md\:whitespace-no-wrap { + white-space: nowrap; + } - .lg\:dark\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } + .md\:whitespace-pre { + white-space: pre; + } - .lg\:dark\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } + .md\:whitespace-pre-line { + white-space: pre-line; + } - .lg\:dark\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } + .md\:whitespace-pre-wrap { + white-space: pre-wrap; + } - .lg\:dark\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; + } - .lg\:dark\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } + .md\:break-words { + overflow-wrap: break-word; + } - .lg\:dark\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } + .md\:break-all { + word-break: break-all; + } - .lg\:dark\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } + .md\:w-0 { + width: 0; + } - .lg\:dark\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } + .md\:w-1 { + width: 0.25rem; + } - .lg\:dark\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } + .md\:w-2 { + width: 0.5rem; + } - .lg\:dark\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } + .md\:w-3 { + width: 0.75rem; + } - .lg\:dark\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } + .md\:w-4 { + width: 1rem; + } - .lg\:dark\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } + .md\:w-5 { + width: 1.25rem; + } - .lg\:dark\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } + .md\:w-6 { + width: 1.5rem; + } - .lg\:dark\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } + .md\:w-7 { + width: 1.75rem; + } - .lg\:dark\:focus\:border-pink-400:focus { - border-color: #f472b6; - } + .md\:w-8 { + width: 2rem; + } - .lg\:dark\:focus\:border-pink-500:focus { - border-color: #ec4899; - } + .md\:w-9 { + width: 2.25rem; + } - .lg\:dark\:focus\:border-pink-600:focus { - border-color: #db2777; - } + .md\:w-10 { + width: 2.5rem; + } - .lg\:dark\:focus\:border-pink-700:focus { - border-color: #be185d; - } + .md\:w-12 { + width: 3rem; + } - .lg\:dark\:focus\:border-pink-800:focus { - border-color: #9d174d; - } + .md\:w-14 { + width: 3.5rem; + } - .lg\:dark\:focus\:border-pink-900:focus { - border-color: #831843; - } + .md\:w-16 { + width: 4rem; } - .lg\:rounded-none { - border-radius: 0; + .md\:w-20 { + width: 5rem; } - .lg\:rounded-sm { - border-radius: 0.125rem; + .md\:w-24 { + width: 6rem; } - .lg\:rounded { - border-radius: 0.25rem; + .md\:w-28 { + width: 7rem; } - .lg\:rounded-md { - border-radius: 0.375rem; + .md\:w-32 { + width: 8rem; } - .lg\:rounded-lg { - border-radius: 0.5rem; + .md\:w-36 { + width: 9rem; } - .lg\:rounded-xl { - border-radius: 0.75rem; + .md\:w-40 { + width: 10rem; } - .lg\:rounded-2xl { - border-radius: 1rem; + .md\:w-44 { + width: 11rem; } - .lg\:rounded-3xl { - border-radius: 1.5rem; + .md\:w-48 { + width: 12rem; } - .lg\:rounded-full { - border-radius: 9999px; + .md\:w-52 { + width: 13rem; } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:w-56 { + width: 14rem; } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:w-60 { + width: 15rem; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:w-64 { + width: 16rem; } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:w-72 { + width: 18rem; } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:w-80 { + width: 20rem; } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:w-96 { + width: 24rem; } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:w-auto { + width: auto; } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:w-px { + width: 1px; } - .lg\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:w-0\.5 { + width: 0.125rem; } - .lg\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:w-1\.5 { + width: 0.375rem; } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:w-2\.5 { + width: 0.625rem; } - .lg\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:w-3\.5 { + width: 0.875rem; } - .lg\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .md\:w-1\/2 { + width: 50%; } - .lg\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .md\:w-1\/3 { + width: 33.333333%; } - .lg\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:w-2\/3 { + width: 66.666667%; } - .lg\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:w-1\/4 { + width: 25%; } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:w-2\/4 { + width: 50%; } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .md\:w-3\/4 { + width: 75%; } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:w-1\/5 { + width: 20%; } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:w-2\/5 { + width: 40%; } - .lg\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .md\:w-3\/5 { + width: 60%; } - .lg\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .md\:w-4\/5 { + width: 80%; } - .lg\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .md\:w-1\/6 { + width: 16.666667%; } - .lg\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .md\:w-2\/6 { + width: 33.333333%; } - .lg\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .md\:w-3\/6 { + width: 50%; } - .lg\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .md\:w-4\/6 { + width: 66.666667%; } - .lg\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .md\:w-5\/6 { + width: 83.333333%; } - .lg\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .md\:w-1\/12 { + width: 8.333333%; } - .lg\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .md\:w-2\/12 { + width: 16.666667%; } - .lg\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .md\:w-3\/12 { + width: 25%; } - .lg\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .md\:w-4\/12 { + width: 33.333333%; } - .lg\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .md\:w-5\/12 { + width: 41.666667%; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:w-6\/12 { + width: 50%; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:w-7\/12 { + width: 58.333333%; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:w-8\/12 { + width: 66.666667%; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:w-9\/12 { + width: 75%; } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .md\:w-10\/12 { + width: 83.333333%; } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .md\:w-11\/12 { + width: 91.666667%; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:w-full { + width: 100%; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:w-screen { + width: 100vw; } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:w-min { + width: min-content; } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:w-max { + width: max-content; } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:z-0 { + z-index: 0; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:z-10 { + z-index: 10; } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:z-20 { + z-index: 20; } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:z-30 { + z-index: 30; } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:z-40 { + z-index: 40; } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:z-50 { + z-index: 50; } - .lg\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .md\:z-auto { + z-index: auto; } - .lg\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .md\:focus\:z-0:focus { + z-index: 0; } - .lg\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .md\:focus\:z-10:focus { + z-index: 10; } - .lg\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .md\:focus\:z-20:focus { + z-index: 20; } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:focus\:z-30:focus { + z-index: 30; } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:focus\:z-40:focus { + z-index: 40; } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:focus\:z-50:focus { + z-index: 50; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:focus\:z-auto:focus { + z-index: auto; } - .lg\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .md\:gap-0 { + grid-gap: 0; + gap: 0; } - .lg\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .md\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .lg\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .md\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .lg\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .md\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .lg\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .md\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .lg\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .md\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .lg\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .md\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .lg\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .md\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .lg\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .md\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .lg\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .md\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .lg\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .md\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .lg\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .md\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .lg\:border-solid { - border-style: solid; + .md\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .lg\:border-dashed { - border-style: dashed; + .md\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .lg\:border-dotted { - border-style: dotted; + .md\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .lg\:border-double { - border-style: double; + .md\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .lg\:border-none { - border-style: none; + .md\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .lg\:border-0 { - border-width: 0; + .md\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .lg\:border-2 { - border-width: 2px; + .md\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .lg\:border-4 { - border-width: 4px; + .md\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .lg\:border-8 { - border-width: 8px; + .md\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .lg\:border { - border-width: 1px; + .md\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .lg\:border-t-0 { - border-top-width: 0; + .md\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .lg\:border-r-0 { - border-right-width: 0; + .md\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .lg\:border-b-0 { - border-bottom-width: 0; + .md\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .lg\:border-l-0 { - border-left-width: 0; + .md\:gap-px { + grid-gap: 1px; + gap: 1px; } - .lg\:border-t-2 { - border-top-width: 2px; + .md\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .lg\:border-r-2 { - border-right-width: 2px; + .md\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .md\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .lg\:border-l-2 { - border-left-width: 2px; + .md\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .lg\:border-t-4 { - border-top-width: 4px; + .md\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .lg\:border-r-4 { - border-right-width: 4px; + .md\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .md\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:border-l-4 { - border-left-width: 4px; + .md\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:border-t-8 { - border-top-width: 8px; + .md\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .lg\:border-r-8 { - border-right-width: 8px; + .md\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:border-b-8 { - border-bottom-width: 8px; + .md\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:border-l-8 { - border-left-width: 8px; + .md\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .lg\:border-t { - border-top-width: 1px; + .md\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .lg\:border-r { - border-right-width: 1px; + .md\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .lg\:border-b { - border-bottom-width: 1px; + .md\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:border-l { - border-left-width: 1px; + .md\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .lg\:box-border { - box-sizing: border-box; + .md\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .lg\:box-content { - box-sizing: content-box; + .md\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .lg\:cursor-auto { - cursor: auto; + .md\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .lg\:cursor-default { - cursor: default; + .md\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .lg\:cursor-pointer { - cursor: pointer; + .md\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .lg\:cursor-wait { - cursor: wait; + .md\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .lg\:cursor-text { - cursor: text; + .md\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .lg\:cursor-move { - cursor: move; + .md\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .md\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .lg\:block { - display: block; + .md\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .lg\:inline-block { - display: inline-block; + .md\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .lg\:inline { - display: inline; + .md\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .lg\:flex { - display: flex; + .md\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .lg\:inline-flex { - display: inline-flex; + .md\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .lg\:table { - display: table; + .md\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .lg\:table-caption { - display: table-caption; + .md\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .lg\:table-cell { - display: table-cell; + .md\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .lg\:table-column { - display: table-column; + .md\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .lg\:table-column-group { - display: table-column-group; + .md\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .lg\:table-footer-group { - display: table-footer-group; + .md\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .lg\:table-header-group { - display: table-header-group; + .md\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .lg\:table-row-group { - display: table-row-group; + .md\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .lg\:table-row { - display: table-row; + .md\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .lg\:flow-root { - display: flow-root; + .md\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .lg\:grid { - display: grid; + .md\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .lg\:inline-grid { - display: inline-grid; + .md\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .lg\:contents { - display: contents; + .md\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .lg\:hidden { - display: none; + .md\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .lg\:flex-row { - flex-direction: row; + .md\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .md\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .lg\:flex-col { - flex-direction: column; + .md\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .md\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .lg\:flex-wrap { - flex-wrap: wrap; + .md\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .md\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .lg\:place-items-auto { - place-items: auto; + .md\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .lg\:place-items-start { - place-items: start; + .md\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .lg\:place-items-end { - place-items: end; + .md\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .lg\:place-items-center { - place-items: center; + .md\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .lg\:place-items-stretch { - place-items: stretch; + .md\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .lg\:place-content-center { - place-content: center; + .md\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .lg\:place-content-start { - place-content: start; + .md\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .lg\:place-content-end { - place-content: end; + .md\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .lg\:place-content-between { - place-content: space-between; + .md\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .lg\:place-content-around { - place-content: space-around; + .md\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .lg\:place-content-evenly { - place-content: space-evenly; + .md\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .lg\:place-content-stretch { - place-content: stretch; + .md\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .lg\:place-self-auto { - place-self: auto; + .md\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .lg\:place-self-start { - place-self: start; + .md\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .lg\:place-self-end { - place-self: end; + .md\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .lg\:place-self-center { - place-self: center; + .md\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .lg\:place-self-stretch { - place-self: stretch; + .md\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .lg\:items-start { - align-items: flex-start; + .md\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .lg\:items-end { - align-items: flex-end; + .md\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .lg\:items-center { - align-items: center; + .md\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .lg\:items-baseline { - align-items: baseline; + .md\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .lg\:items-stretch { - align-items: stretch; + .md\:grid-flow-row { + grid-auto-flow: row; } - .lg\:content-center { - align-content: center; + .md\:grid-flow-col { + grid-auto-flow: column; } - .lg\:content-start { - align-content: flex-start; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:content-end { - align-content: flex-end; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:content-between { - align-content: space-between; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:content-around { - align-content: space-around; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:content-evenly { - align-content: space-evenly; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:self-auto { - align-self: auto; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:self-start { - align-self: flex-start; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:self-end { - align-self: flex-end; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:self-center { - align-self: center; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:self-stretch { - align-self: stretch; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:justify-items-auto { - justify-items: auto; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:justify-items-start { - justify-items: start; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:justify-items-end { - justify-items: end; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:justify-items-center { - justify-items: center; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:justify-items-stretch { - justify-items: stretch; + .md\:grid-cols-none { + grid-template-columns: none; } - .lg\:justify-start { - justify-content: flex-start; + .md\:auto-cols-auto { + grid-auto-columns: auto; } - .lg\:justify-end { - justify-content: flex-end; + .md\:auto-cols-min { + grid-auto-columns: min-content; } - .lg\:justify-center { - justify-content: center; + .md\:auto-cols-max { + grid-auto-columns: max-content; } - .lg\:justify-between { - justify-content: space-between; + .md\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .lg\:justify-around { - justify-content: space-around; + .md\:col-auto { + grid-column: auto; } - .lg\:justify-evenly { - justify-content: space-evenly; + .md\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:justify-self-auto { - justify-self: auto; + .md\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:justify-self-start { - justify-self: start; + .md\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:justify-self-end { - justify-self: end; + .md\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:justify-self-center { - justify-self: center; + .md\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:justify-self-stretch { - justify-self: stretch; + .md\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:flex-1 { - flex: 1 1 0%; + .md\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:flex-auto { - flex: 1 1 auto; + .md\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:flex-initial { - flex: 0 1 auto; + .md\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:flex-none { - flex: none; + .md\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:flex-grow-0 { - flex-grow: 0; + .md\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:flex-grow { - flex-grow: 1; + .md\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:flex-shrink-0 { - flex-shrink: 0; + .md\:col-span-full { + grid-column: 1 / -1; } - .lg\:flex-shrink { - flex-shrink: 1; + .md\:col-start-1 { + grid-column-start: 1; } - .lg\:order-1 { - order: 1; + .md\:col-start-2 { + grid-column-start: 2; } - .lg\:order-2 { - order: 2; + .md\:col-start-3 { + grid-column-start: 3; } - .lg\:order-3 { - order: 3; + .md\:col-start-4 { + grid-column-start: 4; } - .lg\:order-4 { - order: 4; + .md\:col-start-5 { + grid-column-start: 5; } - .lg\:order-5 { - order: 5; + .md\:col-start-6 { + grid-column-start: 6; } - .lg\:order-6 { - order: 6; + .md\:col-start-7 { + grid-column-start: 7; } - .lg\:order-7 { - order: 7; + .md\:col-start-8 { + grid-column-start: 8; } - .lg\:order-8 { - order: 8; + .md\:col-start-9 { + grid-column-start: 9; } - .lg\:order-9 { - order: 9; + .md\:col-start-10 { + grid-column-start: 10; } - .lg\:order-10 { - order: 10; + .md\:col-start-11 { + grid-column-start: 11; } - .lg\:order-11 { - order: 11; + .md\:col-start-12 { + grid-column-start: 12; } - .lg\:order-12 { - order: 12; + .md\:col-start-13 { + grid-column-start: 13; } - .lg\:order-first { - order: -9999; + .md\:col-start-auto { + grid-column-start: auto; } - .lg\:order-last { - order: 9999; + .md\:col-end-1 { + grid-column-end: 1; } - .lg\:order-none { - order: 0; + .md\:col-end-2 { + grid-column-end: 2; } - .lg\:float-right { - float: right; + .md\:col-end-3 { + grid-column-end: 3; } - .lg\:float-left { - float: left; + .md\:col-end-4 { + grid-column-end: 4; } - .lg\:float-none { - float: none; + .md\:col-end-5 { + grid-column-end: 5; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:col-end-6 { + grid-column-end: 6; } - .lg\:clear-left { - clear: left; + .md\:col-end-7 { + grid-column-end: 7; } - .lg\:clear-right { - clear: right; + .md\:col-end-8 { + grid-column-end: 8; } - .lg\:clear-both { - clear: both; + .md\:col-end-9 { + grid-column-end: 9; } - .lg\:clear-none { - clear: none; + .md\:col-end-10 { + grid-column-end: 10; } - .lg\:font-sans { - font-family: ui-sans-serif, 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\:col-end-11 { + grid-column-end: 11; } - .lg\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .md\:col-end-12 { + grid-column-end: 12; } - .lg\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .md\:col-end-13 { + grid-column-end: 13; } - .lg\:font-thin { - font-weight: 100; + .md\:col-end-auto { + grid-column-end: auto; } - .lg\:font-extralight { - font-weight: 200; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:font-light { - font-weight: 300; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:font-normal { - font-weight: 400; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:font-medium { - font-weight: 500; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:font-semibold { - font-weight: 600; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:font-bold { - font-weight: 700; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:font-extrabold { - font-weight: 800; + .md\:grid-rows-none { + grid-template-rows: none; } - .lg\:font-black { - font-weight: 900; + .md\:auto-rows-auto { + grid-auto-rows: auto; } - .lg\:hover\:font-thin:hover { - font-weight: 100; + .md\:auto-rows-min { + grid-auto-rows: min-content; } - .lg\:hover\:font-extralight:hover { - font-weight: 200; + .md\:auto-rows-max { + grid-auto-rows: max-content; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .md\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .md\:row-auto { + grid-row: auto; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .md\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .md\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .md\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .md\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:focus\:font-thin:focus { - font-weight: 100; + .md\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:focus\:font-extralight:focus { - font-weight: 200; + .md\:row-span-full { + grid-row: 1 / -1; } - .lg\:focus\:font-light:focus { - font-weight: 300; + .md\:row-start-1 { + grid-row-start: 1; } - .lg\:focus\:font-normal:focus { - font-weight: 400; + .md\:row-start-2 { + grid-row-start: 2; } - .lg\:focus\:font-medium:focus { - font-weight: 500; + .md\:row-start-3 { + grid-row-start: 3; } - .lg\:focus\:font-semibold:focus { - font-weight: 600; + .md\:row-start-4 { + grid-row-start: 4; } - .lg\:focus\:font-bold:focus { - font-weight: 700; + .md\:row-start-5 { + grid-row-start: 5; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800; + .md\:row-start-6 { + grid-row-start: 6; } - .lg\:focus\:font-black:focus { - font-weight: 900; + .md\:row-start-7 { + grid-row-start: 7; } - .lg\:h-0 { - height: 0; + .md\:row-start-auto { + grid-row-start: auto; } - .lg\:h-1 { - height: 0.25rem; + .md\:row-end-1 { + grid-row-end: 1; } - .lg\:h-2 { - height: 0.5rem; + .md\:row-end-2 { + grid-row-end: 2; } - .lg\:h-3 { - height: 0.75rem; + .md\:row-end-3 { + grid-row-end: 3; } - .lg\:h-4 { - height: 1rem; + .md\:row-end-4 { + grid-row-end: 4; } - .lg\:h-5 { - height: 1.25rem; + .md\:row-end-5 { + grid-row-end: 5; } - .lg\:h-6 { - height: 1.5rem; + .md\:row-end-6 { + grid-row-end: 6; } - .lg\:h-7 { - height: 1.75rem; + .md\:row-end-7 { + grid-row-end: 7; } - .lg\:h-8 { - height: 2rem; + .md\:row-end-auto { + grid-row-end: auto; } - .lg\:h-9 { - height: 2.25rem; + .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\:h-10 { - height: 2.5rem; + .md\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:h-12 { - height: 3rem; + .md\:transform-none { + transform: none; } - .lg\:h-14 { - height: 3.5rem; + .md\:origin-center { + transform-origin: center; } - .lg\:h-16 { - height: 4rem; + .md\:origin-top { + transform-origin: top; } - .lg\:h-20 { - height: 5rem; + .md\:origin-top-right { + transform-origin: top right; } - .lg\:h-24 { - height: 6rem; + .md\:origin-right { + transform-origin: right; } - .lg\:h-28 { - height: 7rem; + .md\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:h-32 { - height: 8rem; + .md\:origin-bottom { + transform-origin: bottom; } - .lg\:h-36 { - height: 9rem; + .md\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:h-40 { - height: 10rem; + .md\:origin-left { + transform-origin: left; } - .lg\:h-44 { - height: 11rem; + .md\:origin-top-left { + transform-origin: top left; } - .lg\:h-48 { - height: 12rem; + .md\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:h-52 { - height: 13rem; + .md\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:h-56 { - height: 14rem; + .md\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:h-60 { - height: 15rem; + .md\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:h-64 { - height: 16rem; + .md\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:h-72 { - height: 18rem; + .md\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:h-80 { - height: 20rem; + .md\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:h-96 { - height: 24rem; + .md\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:h-auto { - height: auto; + .md\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:h-px { - height: 1px; + .md\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:h-0\.5 { - height: 0.125rem; + .md\:scale-x-0 { + --transform-scale-x: 0; } - .lg\:h-1\.5 { - height: 0.375rem; + .md\:scale-x-50 { + --transform-scale-x: .5; } - .lg\:h-2\.5 { - height: 0.625rem; + .md\:scale-x-75 { + --transform-scale-x: .75; } - .lg\:h-3\.5 { - height: 0.875rem; + .md\:scale-x-90 { + --transform-scale-x: .9; } - .lg\:h-full { - height: 100%; + .md\:scale-x-95 { + --transform-scale-x: .95; } - .lg\:h-screen { - height: 100vh; + .md\:scale-x-100 { + --transform-scale-x: 1; } - .lg\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .md\:scale-x-105 { + --transform-scale-x: 1.05; } - .lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .md\:scale-x-110 { + --transform-scale-x: 1.1; } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .md\:scale-x-125 { + --transform-scale-x: 1.25; } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .md\:scale-x-150 { + --transform-scale-x: 1.5; } - .lg\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .md\:scale-y-0 { + --transform-scale-y: 0; } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .md\:scale-y-50 { + --transform-scale-y: .5; } - .lg\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .md\:scale-y-75 { + --transform-scale-y: .75; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .md\:scale-y-90 { + --transform-scale-y: .9; } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; + .md\:scale-y-95 { + --transform-scale-y: .95; } - .lg\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .md\:scale-y-100 { + --transform-scale-y: 1; } - .lg\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .md\:scale-y-105 { + --transform-scale-y: 1.05; } - .lg\:text-8xl { - font-size: 6rem; - line-height: 1; + .md\:scale-y-110 { + --transform-scale-y: 1.1; } - .lg\:text-9xl { - font-size: 8rem; - line-height: 1; + .md\:scale-y-125 { + --transform-scale-y: 1.25; } - .lg\:leading-3 { - line-height: .75rem; + .md\:scale-y-150 { + --transform-scale-y: 1.5; } - .lg\:leading-4 { - line-height: 1rem; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:leading-5 { - line-height: 1.25rem; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:leading-6 { - line-height: 1.5rem; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:leading-7 { - line-height: 1.75rem; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:leading-8 { - line-height: 2rem; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:leading-9 { - line-height: 2.25rem; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:leading-10 { - line-height: 2.5rem; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:leading-none { - line-height: 1; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:leading-tight { - line-height: 1.25; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:leading-snug { - line-height: 1.375; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:leading-normal { - line-height: 1.5; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .lg\:leading-relaxed { - line-height: 1.625; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .lg\:leading-loose { - line-height: 2; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .lg\:list-inside { - list-style-position: inside; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .lg\:list-outside { - list-style-position: outside; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .lg\:list-none { - list-style-type: none; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .lg\:list-disc { - list-style-type: disc; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .lg\:list-decimal { - list-style-type: decimal; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .lg\:m-0 { - margin: 0; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .lg\:m-1 { - margin: 0.25rem; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .lg\:m-2 { - margin: 0.5rem; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .lg\:m-3 { - margin: 0.75rem; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .lg\:m-4 { - margin: 1rem; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .lg\:m-5 { - margin: 1.25rem; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .lg\:m-6 { - margin: 1.5rem; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .lg\:m-7 { - margin: 1.75rem; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .lg\:m-8 { - margin: 2rem; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .lg\:m-9 { - margin: 2.25rem; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .lg\:m-10 { - margin: 2.5rem; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .lg\:m-12 { - margin: 3rem; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .lg\:m-14 { - margin: 3.5rem; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:m-16 { - margin: 4rem; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:m-20 { - margin: 5rem; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:m-24 { - margin: 6rem; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:m-28 { - margin: 7rem; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:m-32 { - margin: 8rem; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:m-36 { - margin: 9rem; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:m-40 { - margin: 10rem; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:m-44 { - margin: 11rem; + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:m-48 { - margin: 12rem; + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:m-52 { - margin: 13rem; + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .lg\:m-56 { - margin: 14rem; + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .lg\:m-60 { - margin: 15rem; + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .lg\:m-64 { - margin: 16rem; + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .lg\:m-72 { - margin: 18rem; + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .lg\:m-80 { - margin: 20rem; + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .lg\:m-96 { - margin: 24rem; + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .lg\:m-auto { - margin: auto; + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .lg\:m-px { - margin: 1px; + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .lg\:m-0\.5 { - margin: 0.125rem; + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .lg\:m-1\.5 { - margin: 0.375rem; + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .lg\:m-2\.5 { - margin: 0.625rem; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .lg\:m-3\.5 { - margin: 0.875rem; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .lg\:-m-1 { - margin: -0.25rem; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .lg\:-m-2 { - margin: -0.5rem; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .lg\:-m-3 { - margin: -0.75rem; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .lg\:-m-4 { - margin: -1rem; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .lg\:-m-5 { - margin: -1.25rem; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .lg\:-m-6 { - margin: -1.5rem; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .lg\:-m-7 { - margin: -1.75rem; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .lg\:-m-8 { - margin: -2rem; + .md\:rotate-0 { + --transform-rotate: 0; } - .lg\:-m-9 { - margin: -2.25rem; + .md\:rotate-1 { + --transform-rotate: 1deg; } - .lg\:-m-10 { - margin: -2.5rem; + .md\:rotate-2 { + --transform-rotate: 2deg; } - .lg\:-m-12 { - margin: -3rem; + .md\:rotate-3 { + --transform-rotate: 3deg; } - .lg\:-m-14 { - margin: -3.5rem; + .md\:rotate-6 { + --transform-rotate: 6deg; } - .lg\:-m-16 { - margin: -4rem; + .md\:rotate-12 { + --transform-rotate: 12deg; } - .lg\:-m-20 { - margin: -5rem; + .md\:rotate-45 { + --transform-rotate: 45deg; } - .lg\:-m-24 { - margin: -6rem; + .md\:rotate-90 { + --transform-rotate: 90deg; } - .lg\:-m-28 { - margin: -7rem; + .md\:rotate-180 { + --transform-rotate: 180deg; } - .lg\:-m-32 { - margin: -8rem; + .md\:-rotate-180 { + --transform-rotate: -180deg; } - .lg\:-m-36 { - margin: -9rem; + .md\:-rotate-90 { + --transform-rotate: -90deg; } - .lg\:-m-40 { - margin: -10rem; + .md\:-rotate-45 { + --transform-rotate: -45deg; } - .lg\:-m-44 { - margin: -11rem; + .md\:-rotate-12 { + --transform-rotate: -12deg; } - .lg\:-m-48 { - margin: -12rem; + .md\:-rotate-6 { + --transform-rotate: -6deg; } - .lg\:-m-52 { - margin: -13rem; + .md\:-rotate-3 { + --transform-rotate: -3deg; } - .lg\:-m-56 { - margin: -14rem; + .md\:-rotate-2 { + --transform-rotate: -2deg; } - .lg\:-m-60 { - margin: -15rem; + .md\:-rotate-1 { + --transform-rotate: -1deg; } - .lg\:-m-64 { - margin: -16rem; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .lg\:-m-72 { - margin: -18rem; + .md\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .lg\:-m-80 { - margin: -20rem; + .md\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .lg\:-m-96 { - margin: -24rem; + .md\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .lg\:-m-px { - margin: -1px; + .md\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .lg\:-m-0\.5 { - margin: -0.125rem; + .md\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .lg\:-m-1\.5 { - margin: -0.375rem; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .lg\:-m-2\.5 { - margin: -0.625rem; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .lg\:-m-3\.5 { - margin: -0.875rem; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .lg\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .lg\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .lg\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .lg\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .lg\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .lg\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .lg\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .lg\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .lg\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .lg\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .lg\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .md\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - .lg\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .md\:translate-x-0 { + --transform-translate-x: 0; } - .lg\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .lg\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .lg\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .lg\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:translate-x-4 { + --transform-translate-x: 1rem; } - .lg\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .lg\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .lg\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .md\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .lg\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .md\:translate-x-8 { + --transform-translate-x: 2rem; } - .lg\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .lg\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .lg\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .md\:translate-x-12 { + --transform-translate-x: 3rem; } - .lg\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .md\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .lg\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:translate-x-16 { + --transform-translate-x: 4rem; } - .lg\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:translate-x-20 { + --transform-translate-x: 5rem; } - .lg\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .md\:translate-x-24 { + --transform-translate-x: 6rem; } - .lg\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .md\:translate-x-28 { + --transform-translate-x: 7rem; } - .lg\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:translate-x-32 { + --transform-translate-x: 8rem; } - .lg\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:translate-x-36 { + --transform-translate-x: 9rem; } - .lg\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .md\:translate-x-40 { + --transform-translate-x: 10rem; } - .lg\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .md\:translate-x-44 { + --transform-translate-x: 11rem; } - .lg\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:translate-x-48 { + --transform-translate-x: 12rem; } - .lg\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:translate-x-52 { + --transform-translate-x: 13rem; } - .lg\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .md\:translate-x-56 { + --transform-translate-x: 14rem; } - .lg\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .md\:translate-x-60 { + --transform-translate-x: 15rem; } - .lg\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:translate-x-64 { + --transform-translate-x: 16rem; } - .lg\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:translate-x-72 { + --transform-translate-x: 18rem; } - .lg\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .md\:translate-x-80 { + --transform-translate-x: 20rem; } - .lg\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .md\:translate-x-96 { + --transform-translate-x: 24rem; } - .lg\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .md\:translate-x-px { + --transform-translate-x: 1px; } - .lg\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .md\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .lg\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .md\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .lg\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .md\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .lg\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .md\:-translate-x-4 { + --transform-translate-x: -1rem; } - .lg\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .lg\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .lg\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .md\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .lg\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:-translate-x-8 { + --transform-translate-x: -2rem; } - .lg\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .lg\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .lg\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .md\:-translate-x-12 { + --transform-translate-x: -3rem; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:-translate-x-16 { + --transform-translate-x: -4rem; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:-translate-x-20 { + --transform-translate-x: -5rem; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:-translate-x-24 { + --transform-translate-x: -6rem; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:-translate-x-28 { + --transform-translate-x: -7rem; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:-translate-x-32 { + --transform-translate-x: -8rem; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:-translate-x-36 { + --transform-translate-x: -9rem; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:-translate-x-40 { + --transform-translate-x: -10rem; } - .lg\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:-translate-x-44 { + --transform-translate-x: -11rem; } - .lg\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:-translate-x-48 { + --transform-translate-x: -12rem; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:-translate-x-52 { + --transform-translate-x: -13rem; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:-translate-x-56 { + --transform-translate-x: -14rem; } - .lg\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .md\:-translate-x-60 { + --transform-translate-x: -15rem; } - .lg\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .md\:-translate-x-64 { + --transform-translate-x: -16rem; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:-translate-x-72 { + --transform-translate-x: -18rem; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:-translate-x-80 { + --transform-translate-x: -20rem; } - .lg\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .md\:-translate-x-96 { + --transform-translate-x: -24rem; } - .lg\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .md\:-translate-x-px { + --transform-translate-x: -1px; } - .lg\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .lg\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .lg\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .lg\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .lg\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .md\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .lg\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .md\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .lg\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .lg\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .lg\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .lg\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .lg\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:translate-x-full { + --transform-translate-x: 100%; } - .lg\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .lg\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .md\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .lg\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .md\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .lg\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .lg\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .lg\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .md\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .lg\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .md\:-translate-x-full { + --transform-translate-x: -100%; } - .lg\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:translate-y-0 { + --transform-translate-y: 0; } - .lg\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .lg\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .lg\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .lg\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:translate-y-4 { + --transform-translate-y: 1rem; } - .lg\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .lg\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .lg\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .md\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .lg\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:translate-y-8 { + --transform-translate-y: 2rem; } - .lg\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .lg\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .lg\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .md\:translate-y-12 { + --transform-translate-y: 3rem; } - .lg\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .lg\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:translate-y-16 { + --transform-translate-y: 4rem; } - .lg\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .md\:translate-y-20 { + --transform-translate-y: 5rem; } - .lg\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .md\:translate-y-24 { + --transform-translate-y: 6rem; } - .lg\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .md\:translate-y-28 { + --transform-translate-y: 7rem; } - .lg\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .md\:translate-y-32 { + --transform-translate-y: 8rem; } - .lg\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .md\:translate-y-36 { + --transform-translate-y: 9rem; } - .lg\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .md\:translate-y-40 { + --transform-translate-y: 10rem; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:translate-y-44 { + --transform-translate-y: 11rem; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:translate-y-48 { + --transform-translate-y: 12rem; } - .lg\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .md\:translate-y-52 { + --transform-translate-y: 13rem; } - .lg\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .md\:translate-y-56 { + --transform-translate-y: 14rem; } - .lg\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .md\:translate-y-60 { + --transform-translate-y: 15rem; } - .lg\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .md\:translate-y-64 { + --transform-translate-y: 16rem; } - .lg\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .md\:translate-y-72 { + --transform-translate-y: 18rem; } - .lg\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .md\:translate-y-80 { + --transform-translate-y: 20rem; } - .lg\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .md\:translate-y-96 { + --transform-translate-y: 24rem; } - .lg\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .md\:translate-y-px { + --transform-translate-y: 1px; } - .lg\:mt-0 { - margin-top: 0; + .md\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .lg\:mr-0 { - margin-right: 0; + .md\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .lg\:mb-0 { - margin-bottom: 0; + .md\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .lg\:ml-0 { - margin-left: 0; + .md\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .lg\:mt-1 { - margin-top: 0.25rem; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .lg\:mr-1 { - margin-right: 0.25rem; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .lg\:ml-1 { - margin-left: 0.25rem; + .md\:-translate-y-4 { + --transform-translate-y: -1rem; } - .lg\:mt-2 { - margin-top: 0.5rem; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .lg\:mr-2 { - margin-right: 0.5rem; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .md\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .lg\:ml-2 { - margin-left: 0.5rem; + .md\:-translate-y-8 { + --transform-translate-y: -2rem; } - .lg\:mt-3 { - margin-top: 0.75rem; + .md\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .lg\:mr-3 { - margin-right: 0.75rem; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .md\:-translate-y-12 { + --transform-translate-y: -3rem; } - .lg\:ml-3 { - margin-left: 0.75rem; + .md\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .lg\:mt-4 { - margin-top: 1rem; + .md\:-translate-y-16 { + --transform-translate-y: -4rem; } - .lg\:mr-4 { - margin-right: 1rem; + .md\:-translate-y-20 { + --transform-translate-y: -5rem; } - .lg\:mb-4 { - margin-bottom: 1rem; + .md\:-translate-y-24 { + --transform-translate-y: -6rem; } - .lg\:ml-4 { - margin-left: 1rem; + .md\:-translate-y-28 { + --transform-translate-y: -7rem; } - .lg\:mt-5 { - margin-top: 1.25rem; + .md\:-translate-y-32 { + --transform-translate-y: -8rem; } - .lg\:mr-5 { - margin-right: 1.25rem; + .md\:-translate-y-36 { + --transform-translate-y: -9rem; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .md\:-translate-y-40 { + --transform-translate-y: -10rem; } - .lg\:ml-5 { - margin-left: 1.25rem; + .md\:-translate-y-44 { + --transform-translate-y: -11rem; } - .lg\:mt-6 { - margin-top: 1.5rem; + .md\:-translate-y-48 { + --transform-translate-y: -12rem; } - .lg\:mr-6 { - margin-right: 1.5rem; + .md\:-translate-y-52 { + --transform-translate-y: -13rem; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .md\:-translate-y-56 { + --transform-translate-y: -14rem; } - .lg\:ml-6 { - margin-left: 1.5rem; + .md\:-translate-y-60 { + --transform-translate-y: -15rem; } - .lg\:mt-7 { - margin-top: 1.75rem; + .md\:-translate-y-64 { + --transform-translate-y: -16rem; } - .lg\:mr-7 { - margin-right: 1.75rem; + .md\:-translate-y-72 { + --transform-translate-y: -18rem; } - .lg\:mb-7 { - margin-bottom: 1.75rem; + .md\:-translate-y-80 { + --transform-translate-y: -20rem; } - .lg\:ml-7 { - margin-left: 1.75rem; + .md\:-translate-y-96 { + --transform-translate-y: -24rem; } - .lg\:mt-8 { - margin-top: 2rem; + .md\:-translate-y-px { + --transform-translate-y: -1px; } - .lg\:mr-8 { - margin-right: 2rem; + .md\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .lg\:mb-8 { - margin-bottom: 2rem; + .md\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .lg\:ml-8 { - margin-left: 2rem; + .md\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .lg\:mt-9 { - margin-top: 2.25rem; + .md\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .lg\:mr-9 { - margin-right: 2.25rem; + .md\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .lg\:mb-9 { - margin-bottom: 2.25rem; + .md\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .lg\:ml-9 { - margin-left: 2.25rem; + .md\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .lg\:mt-10 { - margin-top: 2.5rem; + .md\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .lg\:mr-10 { - margin-right: 2.5rem; + .md\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .md\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .lg\:ml-10 { - margin-left: 2.5rem; + .md\:translate-y-full { + --transform-translate-y: 100%; } - .lg\:mt-12 { - margin-top: 3rem; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .lg\:mr-12 { - margin-right: 3rem; + .md\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .lg\:mb-12 { - margin-bottom: 3rem; + .md\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .lg\:ml-12 { - margin-left: 3rem; + .md\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .lg\:mt-14 { - margin-top: 3.5rem; + .md\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .lg\:mr-14 { - margin-right: 3.5rem; + .md\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .lg\:mb-14 { - margin-bottom: 3.5rem; + .md\:-translate-y-full { + --transform-translate-y: -100%; } - .lg\:ml-14 { - margin-left: 3.5rem; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .lg\:mt-16 { - margin-top: 4rem; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .lg\:mr-16 { - margin-right: 4rem; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .lg\:mb-16 { - margin-bottom: 4rem; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .lg\:ml-16 { - margin-left: 4rem; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .lg\:mt-20 { - margin-top: 5rem; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .lg\:mr-20 { - margin-right: 5rem; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .lg\:mb-20 { - margin-bottom: 5rem; + .md\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .lg\:ml-20 { - margin-left: 5rem; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .lg\:mt-24 { - margin-top: 6rem; + .md\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .lg\:mr-24 { - margin-right: 6rem; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .lg\:mb-24 { - margin-bottom: 6rem; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .lg\:ml-24 { - margin-left: 6rem; + .md\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .lg\:mt-28 { - margin-top: 7rem; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .lg\:mr-28 { - margin-right: 7rem; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .lg\:mb-28 { - margin-bottom: 7rem; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .lg\:ml-28 { - margin-left: 7rem; + .md\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .lg\:mt-32 { - margin-top: 8rem; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .lg\:mr-32 { - margin-right: 8rem; + .md\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .lg\:mb-32 { - margin-bottom: 8rem; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .lg\:ml-32 { - margin-left: 8rem; + .md\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .lg\:mt-36 { - margin-top: 9rem; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .lg\:mr-36 { - margin-right: 9rem; + .md\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .lg\:mb-36 { - margin-bottom: 9rem; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .lg\:ml-36 { - margin-left: 9rem; + .md\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .lg\:mt-40 { - margin-top: 10rem; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .lg\:mr-40 { - margin-right: 10rem; + .md\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .lg\:mb-40 { - margin-bottom: 10rem; + .md\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .lg\:ml-40 { - margin-left: 10rem; + .md\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .lg\:mt-44 { - margin-top: 11rem; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .lg\:mr-44 { - margin-right: 11rem; + .md\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .lg\:mb-44 { - margin-bottom: 11rem; + .md\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .lg\:ml-44 { - margin-left: 11rem; + .md\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .lg\:mt-48 { - margin-top: 12rem; + .md\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .lg\:mr-48 { - margin-right: 12rem; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .lg\:mb-48 { - margin-bottom: 12rem; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .lg\:ml-48 { - margin-left: 12rem; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .lg\:mt-52 { - margin-top: 13rem; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .lg\:mr-52 { - margin-right: 13rem; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .lg\:mb-52 { - margin-bottom: 13rem; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .lg\:ml-52 { - margin-left: 13rem; + .md\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .lg\:mt-56 { - margin-top: 14rem; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .lg\:mr-56 { - margin-right: 14rem; + .md\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .lg\:mb-56 { - margin-bottom: 14rem; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .lg\:ml-56 { - margin-left: 14rem; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .lg\:mt-60 { - margin-top: 15rem; + .md\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .lg\:mr-60 { - margin-right: 15rem; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .lg\:mb-60 { - margin-bottom: 15rem; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .lg\:ml-60 { - margin-left: 15rem; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .lg\:mt-64 { - margin-top: 16rem; + .md\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .lg\:mr-64 { - margin-right: 16rem; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .lg\:mb-64 { - margin-bottom: 16rem; + .md\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .lg\:ml-64 { - margin-left: 16rem; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .lg\:mt-72 { - margin-top: 18rem; + .md\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .lg\:mr-72 { - margin-right: 18rem; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .lg\:mb-72 { - margin-bottom: 18rem; + .md\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .lg\:ml-72 { - margin-left: 18rem; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .lg\:mt-80 { - margin-top: 20rem; + .md\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .lg\:mr-80 { - margin-right: 20rem; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .lg\:mb-80 { - margin-bottom: 20rem; + .md\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .lg\:ml-80 { - margin-left: 20rem; + .md\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .lg\:mt-96 { - margin-top: 24rem; + .md\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .lg\:mr-96 { - margin-right: 24rem; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .lg\:mb-96 { - margin-bottom: 24rem; + .md\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .lg\:ml-96 { - margin-left: 24rem; + .md\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .lg\:mt-auto { - margin-top: auto; + .md\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .lg\:mr-auto { - margin-right: auto; + .md\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .lg\:mb-auto { - margin-bottom: auto; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .lg\:ml-auto { - margin-left: auto; + .md\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .lg\:mt-px { - margin-top: 1px; + .md\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .lg\:mr-px { - margin-right: 1px; + .md\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .lg\:mb-px { - margin-bottom: 1px; + .md\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; + } + + .md\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .lg\:ml-px { - margin-left: 1px; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .lg\:mt-0\.5 { - margin-top: 0.125rem; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .lg\:mr-0\.5 { - margin-right: 0.125rem; + .md\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .lg\:mb-0\.5 { - margin-bottom: 0.125rem; + .md\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .lg\:ml-0\.5 { - margin-left: 0.125rem; + .md\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .lg\:mt-1\.5 { - margin-top: 0.375rem; + .md\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .lg\:mr-1\.5 { - margin-right: 0.375rem; + .md\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .lg\:mb-1\.5 { - margin-bottom: 0.375rem; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .lg\:ml-1\.5 { - margin-left: 0.375rem; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .lg\:mt-2\.5 { - margin-top: 0.625rem; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .lg\:mr-2\.5 { - margin-right: 0.625rem; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .lg\:mb-2\.5 { - margin-bottom: 0.625rem; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .lg\:ml-2\.5 { - margin-left: 0.625rem; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .lg\:mt-3\.5 { - margin-top: 0.875rem; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .lg\:mr-3\.5 { - margin-right: 0.875rem; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .lg\:mb-3\.5 { - margin-bottom: 0.875rem; + .md\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .lg\:ml-3\.5 { - margin-left: 0.875rem; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .md\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .md\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .md\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .md\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .md\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .lg\:-mt-4 { - margin-top: -1rem; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .lg\:-mr-4 { - margin-right: -1rem; + .md\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .lg\:-ml-4 { - margin-left: -1rem; + .md\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .md\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .md\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .md\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .md\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .md\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .md\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .lg\:-mt-7 { - margin-top: -1.75rem; + .md\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .lg\:-mr-7 { - margin-right: -1.75rem; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .lg\:-mb-7 { - margin-bottom: -1.75rem; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .lg\:-ml-7 { - margin-left: -1.75rem; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .lg\:-mt-8 { - margin-top: -2rem; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .lg\:-mr-8 { - margin-right: -2rem; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .lg\:-ml-8 { - margin-left: -2rem; + .md\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .lg\:-mt-9 { - margin-top: -2.25rem; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .lg\:-mr-9 { - margin-right: -2.25rem; + .md\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .lg\:-mb-9 { - margin-bottom: -2.25rem; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .lg\:-ml-9 { - margin-left: -2.25rem; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .md\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .lg\:-mt-12 { - margin-top: -3rem; + .md\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .lg\:-mr-12 { - margin-right: -3rem; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .md\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .lg\:-ml-12 { - margin-left: -3rem; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .lg\:-mt-14 { - margin-top: -3.5rem; + .md\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .lg\:-mr-14 { - margin-right: -3.5rem; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .lg\:-mb-14 { - margin-bottom: -3.5rem; + .md\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .lg\:-ml-14 { - margin-left: -3.5rem; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .lg\:-mt-16 { - margin-top: -4rem; + .md\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .lg\:-mr-16 { - margin-right: -4rem; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .md\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .lg\:-ml-16 { - margin-left: -4rem; + .md\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .lg\:-mt-20 { - margin-top: -5rem; + .md\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .lg\:-mr-20 { - margin-right: -5rem; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .md\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .lg\:-ml-20 { - margin-left: -5rem; + .md\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .lg\:-mt-24 { - margin-top: -6rem; + .md\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .lg\:-mr-24 { - margin-right: -6rem; + .md\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .lg\:-ml-24 { - margin-left: -6rem; + .md\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .lg\:-mt-28 { - margin-top: -7rem; + .md\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .lg\:-mr-28 { - margin-right: -7rem; + .md\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .lg\:-mb-28 { - margin-bottom: -7rem; + .md\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .lg\:-ml-28 { - margin-left: -7rem; + .md\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .lg\:-mt-32 { - margin-top: -8rem; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .lg\:-mr-32 { - margin-right: -8rem; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .md\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .lg\:-ml-32 { - margin-left: -8rem; + .md\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .lg\:-mt-36 { - margin-top: -9rem; + .md\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .lg\:-mr-36 { - margin-right: -9rem; + .md\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .lg\:-mb-36 { - margin-bottom: -9rem; + .md\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .lg\:-ml-36 { - margin-left: -9rem; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .lg\:-mt-40 { - margin-top: -10rem; + .md\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .lg\:-mr-40 { - margin-right: -10rem; + .md\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .md\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .lg\:-ml-40 { - margin-left: -10rem; + .md\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .lg\:-mt-44 { - margin-top: -11rem; + .md\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .lg\:-mr-44 { - margin-right: -11rem; + .md\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .lg\:-mb-44 { - margin-bottom: -11rem; + .md\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .lg\:-ml-44 { - margin-left: -11rem; + .md\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .lg\:-mt-48 { - margin-top: -12rem; + .md\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .lg\:-mr-48 { - margin-right: -12rem; + .md\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .md\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .lg\:-ml-48 { - margin-left: -12rem; + .md\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .lg\:-mt-52 { - margin-top: -13rem; + .md\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .lg\:-mr-52 { - margin-right: -13rem; + .md\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .lg\:-mb-52 { - margin-bottom: -13rem; + .md\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .lg\:-ml-52 { - margin-left: -13rem; + .md\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .lg\:-mt-56 { - margin-top: -14rem; + .md\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .lg\:-mr-56 { - margin-right: -14rem; + .md\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .md\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .lg\:-ml-56 { - margin-left: -14rem; + .md\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .lg\:-mt-60 { - margin-top: -15rem; + .md\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .lg\:-mr-60 { - margin-right: -15rem; + .md\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .lg\:-mb-60 { - margin-bottom: -15rem; + .md\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .lg\:-ml-60 { - margin-left: -15rem; + .md\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .lg\:-mt-64 { - margin-top: -16rem; + .md\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .lg\:-mr-64 { - margin-right: -16rem; + .md\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .md\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .lg\:-ml-64 { - margin-left: -16rem; + .md\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .lg\:-mt-72 { - margin-top: -18rem; + .md\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .lg\:-mr-72 { - margin-right: -18rem; + .md\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .lg\:-mb-72 { - margin-bottom: -18rem; + .md\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .lg\:-ml-72 { - margin-left: -18rem; + .md\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .lg\:-mt-80 { - margin-top: -20rem; + .md\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .lg\:-mr-80 { - margin-right: -20rem; + .md\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .lg\:-mb-80 { - margin-bottom: -20rem; + .md\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .lg\:-ml-80 { - margin-left: -20rem; + .md\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .lg\:-mt-96 { - margin-top: -24rem; + .md\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .lg\:-mr-96 { - margin-right: -24rem; + .md\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .lg\:-mb-96 { - margin-bottom: -24rem; + .md\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .lg\:-ml-96 { - margin-left: -24rem; + .md\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .lg\:-mt-px { - margin-top: -1px; + .md\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .lg\:-mr-px { - margin-right: -1px; + .md\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .lg\:-mb-px { - margin-bottom: -1px; + .md\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .lg\:-ml-px { - margin-left: -1px; + .md\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .lg\:-mt-0\.5 { - margin-top: -0.125rem; + .md\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .lg\:-mr-0\.5 { - margin-right: -0.125rem; + .md\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .lg\:-mb-0\.5 { - margin-bottom: -0.125rem; + .md\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .lg\:-ml-0\.5 { - margin-left: -0.125rem; + .md\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .lg\:-mt-1\.5 { - margin-top: -0.375rem; + .md\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .lg\:-mr-1\.5 { - margin-right: -0.375rem; + .md\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .lg\:-mb-1\.5 { - margin-bottom: -0.375rem; + .md\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .lg\:-ml-1\.5 { - margin-left: -0.375rem; + .md\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .lg\:-mt-2\.5 { - margin-top: -0.625rem; + .md\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .lg\:-mr-2\.5 { - margin-right: -0.625rem; + .md\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .lg\:-mb-2\.5 { - margin-bottom: -0.625rem; + .md\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .lg\:-ml-2\.5 { - margin-left: -0.625rem; + .md\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .lg\:-mt-3\.5 { - margin-top: -0.875rem; + .md\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .lg\:-mr-3\.5 { - margin-right: -0.875rem; + .md\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .lg\:-mb-3\.5 { - margin-bottom: -0.875rem; + .md\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .lg\:-ml-3\.5 { - margin-left: -0.875rem; + .md\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .lg\:max-h-0 { - max-height: 0; + .md\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .lg\:max-h-1 { - max-height: 0.25rem; + .md\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .lg\:max-h-2 { - max-height: 0.5rem; + .md\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .lg\:max-h-3 { - max-height: 0.75rem; + .md\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .lg\:max-h-4 { - max-height: 1rem; + .md\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .lg\:max-h-5 { - max-height: 1.25rem; + .md\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .lg\:max-h-6 { - max-height: 1.5rem; + .md\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .lg\:max-h-7 { - max-height: 1.75rem; + .md\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .lg\:max-h-8 { - max-height: 2rem; + .md\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .lg\:max-h-9 { - max-height: 2.25rem; + .md\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .lg\:max-h-10 { - max-height: 2.5rem; + .md\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .lg\:max-h-12 { - max-height: 3rem; + .md\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .lg\:max-h-14 { - max-height: 3.5rem; + .md\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .lg\:max-h-16 { - max-height: 4rem; + .md\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .lg\:max-h-20 { - max-height: 5rem; + .md\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .lg\:max-h-24 { - max-height: 6rem; + .md\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .lg\:max-h-28 { - max-height: 7rem; + .md\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .lg\:max-h-32 { - max-height: 8rem; + .md\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .lg\:max-h-36 { - max-height: 9rem; + .md\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .lg\:max-h-40 { - max-height: 10rem; + .md\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .lg\:max-h-44 { - max-height: 11rem; + .md\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .lg\:max-h-48 { - max-height: 12rem; + .md\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .lg\:max-h-52 { - max-height: 13rem; + .md\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .lg\:max-h-56 { - max-height: 14rem; + .md\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .lg\:max-h-60 { - max-height: 15rem; + .md\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .lg\:max-h-64 { - max-height: 16rem; + .md\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .lg\:max-h-72 { - max-height: 18rem; + .md\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .lg\:max-h-80 { - max-height: 20rem; + .md\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .lg\:max-h-96 { - max-height: 24rem; + .md\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .lg\:max-h-px { - max-height: 1px; + .md\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .lg\:max-h-0\.5 { - max-height: 0.125rem; + .md\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .lg\:max-h-1\.5 { - max-height: 0.375rem; + .md\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .lg\:max-h-2\.5 { - max-height: 0.625rem; + .md\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .lg\:max-h-3\.5 { - max-height: 0.875rem; + .md\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .lg\:max-h-full { - max-height: 100%; + .md\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .lg\:max-h-screen { - max-height: 100vh; + .md\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .lg\:max-w-0 { - max-width: 0rem; + .md\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .lg\:max-w-none { - max-width: none; + .md\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .lg\:max-w-xs { - max-width: 20rem; + .md\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .lg\:max-w-sm { - max-width: 24rem; + .md\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .lg\:max-w-md { - max-width: 28rem; + .md\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .lg\:max-w-lg { - max-width: 32rem; + .md\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .lg\:max-w-xl { - max-width: 36rem; + .md\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .lg\:max-w-2xl { - max-width: 42rem; + .md\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .lg\:max-w-3xl { - max-width: 48rem; + .md\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .lg\:max-w-4xl { - max-width: 56rem; + .md\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .lg\:max-w-5xl { - max-width: 64rem; + .md\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .lg\:max-w-6xl { - max-width: 72rem; + .md\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .lg\:max-w-7xl { - max-width: 80rem; + .md\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .lg\:max-w-full { - max-width: 100%; + .md\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .lg\:max-w-min { - max-width: min-content; + .md\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .lg\:max-w-max { - max-width: max-content; + .md\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .lg\:max-w-screen-sm { - max-width: 640px; + .md\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .lg\:max-w-screen-md { - max-width: 768px; + .md\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .lg\:max-w-screen-lg { - max-width: 1024px; + .md\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .lg\:max-w-screen-xl { - max-width: 1280px; + .md\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .lg\:max-w-screen-2xl { - max-width: 1536px; + .md\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .lg\:min-h-0 { - min-height: 0; + .md\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .lg\:min-h-full { - min-height: 100%; + .md\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .lg\:min-h-screen { - min-height: 100vh; + .md\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .lg\:min-w-0 { - min-width: 0; + .md\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .lg\:min-w-full { - min-width: 100%; + .md\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .lg\:min-w-min { - min-width: min-content; + .md\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .lg\:min-w-max { - min-width: max-content; + .md\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .lg\:object-contain { - object-fit: contain; + .md\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .lg\:object-cover { - object-fit: cover; + .md\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .lg\:object-fill { - object-fit: fill; + .md\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .lg\:object-none { - object-fit: none; + .md\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .lg\:object-scale-down { - object-fit: scale-down; + .md\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .lg\:object-bottom { - object-position: bottom; + .md\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .lg\:object-center { - object-position: center; + .md\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .lg\:object-left { - object-position: left; + .md\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .lg\:object-left-bottom { - object-position: left bottom; + .md\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .lg\:object-left-top { - object-position: left top; + .md\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .lg\:object-right { - object-position: right; + .md\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .lg\:object-right-bottom { - object-position: right bottom; + .md\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .lg\:object-right-top { - object-position: right top; + .md\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .lg\:object-top { - object-position: top; + .md\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .lg\:opacity-0 { - opacity: 0; + .md\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .lg\:opacity-25 { - opacity: 0.25; + .md\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .lg\:opacity-50 { - opacity: 0.5; + .md\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .lg\:opacity-75 { - opacity: 0.75; + .md\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .lg\:opacity-100 { - opacity: 1; + .md\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .group:hover .lg\:group-hover\:opacity-0 { - opacity: 0; + .md\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .group:hover .lg\:group-hover\:opacity-25 { - opacity: 0.25; + .md\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .group:hover .lg\:group-hover\:opacity-50 { - opacity: 0.5; + .md\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .group:hover .lg\:group-hover\:opacity-75 { - opacity: 0.75; + .md\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .group:hover .lg\:group-hover\:opacity-100 { - opacity: 1; + .md\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .lg\:hover\:opacity-0:hover { - opacity: 0; + .md\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .lg\:hover\:opacity-25:hover { - opacity: 0.25; + .md\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .lg\:hover\:opacity-50:hover { - opacity: 0.5; + .md\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .lg\:hover\:opacity-75:hover { - opacity: 0.75; + .md\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .lg\:hover\:opacity-100:hover { - opacity: 1; + .md\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .lg\:focus\:opacity-0:focus { - opacity: 0; + .md\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .lg\:focus\:opacity-25:focus { - opacity: 0.25; + .md\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .lg\:focus\:opacity-50:focus { - opacity: 0.5; + .md\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .lg\:focus\:opacity-75:focus { - opacity: 0.75; + .md\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .lg\:focus\:opacity-100:focus { - opacity: 1; + .md\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .lg\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .md\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .lg\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .md\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .lg\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .md\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .lg\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .md\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .lg\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .md\:skew-x-0 { + --transform-skew-x: 0; } - .lg\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .md\:skew-x-1 { + --transform-skew-x: 1deg; } - .lg\:overflow-auto { - overflow: auto; + .md\:skew-x-2 { + --transform-skew-x: 2deg; } - .lg\:overflow-hidden { - overflow: hidden; + .md\:skew-x-3 { + --transform-skew-x: 3deg; } - .lg\:overflow-visible { - overflow: visible; + .md\:skew-x-6 { + --transform-skew-x: 6deg; } - .lg\:overflow-scroll { - overflow: scroll; + .md\:skew-x-12 { + --transform-skew-x: 12deg; } - .lg\:overflow-x-auto { - overflow-x: auto; + .md\:-skew-x-12 { + --transform-skew-x: -12deg; } - .lg\:overflow-y-auto { - overflow-y: auto; + .md\:-skew-x-6 { + --transform-skew-x: -6deg; } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .md\:-skew-x-3 { + --transform-skew-x: -3deg; } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .md\:-skew-x-2 { + --transform-skew-x: -2deg; } - .lg\:overflow-x-visible { - overflow-x: visible; + .md\:-skew-x-1 { + --transform-skew-x: -1deg; } - .lg\:overflow-y-visible { - overflow-y: visible; + .md\:skew-y-0 { + --transform-skew-y: 0; } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .md\:skew-y-1 { + --transform-skew-y: 1deg; } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .md\:skew-y-2 { + --transform-skew-y: 2deg; } - .lg\:overscroll-auto { - overscroll-behavior: auto; + .md\:skew-y-3 { + --transform-skew-y: 3deg; } - .lg\:overscroll-contain { - overscroll-behavior: contain; + .md\:skew-y-6 { + --transform-skew-y: 6deg; } - .lg\:overscroll-none { - overscroll-behavior: none; + .md\:skew-y-12 { + --transform-skew-y: 12deg; } - .lg\:overscroll-y-auto { - overscroll-behavior-y: auto; + .md\:-skew-y-12 { + --transform-skew-y: -12deg; } - .lg\:overscroll-y-contain { - overscroll-behavior-y: contain; + .md\:-skew-y-6 { + --transform-skew-y: -6deg; } - .lg\:overscroll-y-none { - overscroll-behavior-y: none; + .md\:-skew-y-3 { + --transform-skew-y: -3deg; } - .lg\:overscroll-x-auto { - overscroll-behavior-x: auto; + .md\:-skew-y-2 { + --transform-skew-y: -2deg; } - .lg\:overscroll-x-contain { - overscroll-behavior-x: contain; + .md\:-skew-y-1 { + --transform-skew-y: -1deg; } - .lg\:overscroll-x-none { - overscroll-behavior-x: none; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .lg\:p-0 { - padding: 0; + .md\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .lg\:p-1 { - padding: 0.25rem; + .md\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .lg\:p-2 { - padding: 0.5rem; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .lg\:p-3 { - padding: 0.75rem; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .lg\:p-4 { - padding: 1rem; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .lg\:p-5 { - padding: 1.25rem; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .lg\:p-6 { - padding: 1.5rem; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .lg\:p-7 { - padding: 1.75rem; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .lg\:p-8 { - padding: 2rem; + .md\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .lg\:p-9 { - padding: 2.25rem; + .md\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .lg\:p-10 { - padding: 2.5rem; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .lg\:p-12 { - padding: 3rem; + .md\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .lg\:p-14 { - padding: 3.5rem; + .md\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .lg\:p-16 { - padding: 4rem; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .lg\:p-20 { - padding: 5rem; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .lg\:p-24 { - padding: 6rem; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .lg\:p-28 { - padding: 7rem; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .lg\:p-32 { - padding: 8rem; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .lg\:p-36 { - padding: 9rem; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .lg\:p-40 { - padding: 10rem; + .md\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .lg\:p-44 { - padding: 11rem; + .md\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .lg\:p-48 { - padding: 12rem; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .lg\:p-52 { - padding: 13rem; + .md\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .lg\:p-56 { - padding: 14rem; + .md\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .lg\:p-60 { - padding: 15rem; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .lg\:p-64 { - padding: 16rem; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .lg\:p-72 { - padding: 18rem; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .lg\:p-80 { - padding: 20rem; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .lg\:p-96 { - padding: 24rem; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .lg\:p-px { - padding: 1px; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .lg\:p-0\.5 { - padding: 0.125rem; + .md\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .lg\:p-1\.5 { - padding: 0.375rem; + .md\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .lg\:p-2\.5 { - padding: 0.625rem; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .lg\:p-3\.5 { - padding: 0.875rem; + .md\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .md\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .md\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .md\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .md\:transition-none { + transition-property: none; } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .md\:transition-all { + transition-property: all; } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .md\:transition-opacity { + transition-property: opacity; } - .lg\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .md\:transition-shadow { + transition-property: box-shadow; } - .lg\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .md\:transition-transform { + transition-property: transform; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .md\:ease-linear { + transition-timing-function: linear; } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .lg\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .lg\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .md\:duration-75 { + transition-duration: 75ms; } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:duration-100 { + transition-duration: 100ms; } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:duration-150 { + transition-duration: 150ms; } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:duration-200 { + transition-duration: 200ms; } - .lg\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .md\:duration-300 { + transition-duration: 300ms; } - .lg\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .md\:duration-500 { + transition-duration: 500ms; } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .md\:duration-700 { + transition-duration: 700ms; } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .md\:duration-1000 { + transition-duration: 1000ms; } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:delay-75 { + transition-delay: 75ms; } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .md\:delay-100 { + transition-delay: 100ms; } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .md\:delay-150 { + transition-delay: 150ms; } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .md\:delay-200 { + transition-delay: 200ms; } - .lg\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .md\:delay-300 { + transition-delay: 300ms; } - .lg\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .md\:delay-500 { + transition-delay: 500ms; } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:delay-700 { + transition-delay: 700ms; } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .md\:delay-1000 { + transition-delay: 1000ms; } - .lg\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .md\:animate-none { + animation: none; } - .lg\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .md\:animate-spin { + animation: spin 1s linear infinite; } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .md\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .lg\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .md\:animate-bounce { + animation: bounce 1s infinite; } - .lg\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .md\:example { + font-weight: 700; + color: #ef4444; } +} - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; +@media (min-width: 1024px) { + .lg\:container { + width: 100%; } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } } - .lg\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } } - .lg\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + @media (min-width: 1024px) { + .lg\:container { + max-width: 1024px; + } } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + @media (min-width: 1536px) { + .lg\:container { + max-width: 1536px; + } } - .lg\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .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\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .lg\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .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\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .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\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .lg\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .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\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .lg\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .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\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .lg\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .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\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .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\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .lg\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .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\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .lg\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .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\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .lg\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .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\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .lg\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-0 { - padding-top: 0; + .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\:pr-0 { - padding-right: 0; + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-0 { - padding-bottom: 0; + .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\:pl-0 { - padding-left: 0; + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-1 { - padding-top: 0.25rem; + .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\:pr-1 { - padding-right: 0.25rem; + .lg\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-1 { - padding-bottom: 0.25rem; + .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\:pl-1 { - padding-left: 0.25rem; + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-2 { - padding-top: 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)); } - .lg\:pr-2 { - padding-right: 0.5rem; + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .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\:pl-2 { - padding-left: 0.5rem; + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-3 { - padding-top: 0.75rem; + .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\:pr-3 { - padding-right: 0.75rem; + .lg\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .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\:pl-3 { - padding-left: 0.75rem; + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-4 { - padding-top: 1rem; + .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\:pr-4 { - padding-right: 1rem; + .lg\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-4 { - padding-bottom: 1rem; + .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\:pl-4 { - padding-left: 1rem; + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-5 { - padding-top: 1.25rem; + .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\:pr-5 { - padding-right: 1.25rem; + .lg\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-5 { - padding-bottom: 1.25rem; + .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\:pl-5 { - padding-left: 1.25rem; + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-6 { - padding-top: 1.5rem; + .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\:pr-6 { - padding-right: 1.5rem; + .lg\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .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\:pl-6 { - padding-left: 1.5rem; + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-7 { - padding-top: 1.75rem; + .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\:pr-7 { - padding-right: 1.75rem; + .lg\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-7 { - padding-bottom: 1.75rem; + .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\:pl-7 { - padding-left: 1.75rem; + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-8 { - padding-top: 2rem; + .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\:pr-8 { - padding-right: 2rem; + .lg\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-8 { - padding-bottom: 2rem; + .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\:pl-8 { - padding-left: 2rem; + .lg\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-9 { - padding-top: 2.25rem; + .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\:pr-9 { - padding-right: 2.25rem; + .lg\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-9 { - padding-bottom: 2.25rem; + .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\:pl-9 { - padding-left: 2.25rem; + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .lg\:pt-10 { - padding-top: 2.5rem; + .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\:pr-10 { - padding-right: 2.5rem; + .lg\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-10 { - padding-bottom: 2.5rem; + .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\:pl-10 { - padding-left: 2.5rem; + .lg\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-12 { - padding-top: 3rem; + .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\:pr-12 { - padding-right: 3rem; + .lg\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-12 { - padding-bottom: 3rem; + .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\:pl-12 { - padding-left: 3rem; + .lg\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-14 { - padding-top: 3.5rem; + .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\:pr-14 { - padding-right: 3.5rem; + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-14 { - padding-bottom: 3.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)); } - .lg\:pl-14 { - padding-left: 3.5rem; + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-16 { - padding-top: 4rem; + .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\:pr-16 { - padding-right: 4rem; + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-16 { - padding-bottom: 4rem; + .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\:pl-16 { - padding-left: 4rem; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-20 { - padding-top: 5rem; + .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\:pr-20 { - padding-right: 5rem; + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-20 { - padding-bottom: 5rem; + .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\:pl-20 { - padding-left: 5rem; + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-24 { - padding-top: 6rem; + .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\:pr-24 { - padding-right: 6rem; + .lg\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-24 { - padding-bottom: 6rem; + .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\:pl-24 { - padding-left: 6rem; + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-28 { - padding-top: 7rem; + .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\:pr-28 { - padding-right: 7rem; + .lg\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-28 { - padding-bottom: 7rem; + .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\:pl-28 { - padding-left: 7rem; + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-32 { - padding-top: 8rem; + .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\:pr-32 { - padding-right: 8rem; + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-32 { - padding-bottom: 8rem; + .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\:pl-32 { - padding-left: 8rem; + .lg\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-36 { - padding-top: 9rem; + .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\:pr-36 { - padding-right: 9rem; + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-36 { - padding-bottom: 9rem; + .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\:pl-36 { - padding-left: 9rem; + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-40 { - padding-top: 10rem; + .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\:pr-40 { - padding-right: 10rem; + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-40 { - padding-bottom: 10rem; + .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\:pl-40 { - padding-left: 10rem; + .lg\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-44 { - padding-top: 11rem; + .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\:pr-44 { - padding-right: 11rem; + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-44 { - padding-bottom: 11rem; + .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\:pl-44 { - padding-left: 11rem; + .lg\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-48 { - padding-top: 12rem; + .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\:pr-48 { - padding-right: 12rem; + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-48 { - padding-bottom: 12rem; + .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\:pl-48 { - padding-left: 12rem; + .lg\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-52 { - padding-top: 13rem; + .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\:pr-52 { - padding-right: 13rem; + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-52 { - padding-bottom: 13rem; + .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\:pl-52 { - padding-left: 13rem; + .lg\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-56 { - padding-top: 14rem; + .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\:pr-56 { - padding-right: 14rem; + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-56 { - padding-bottom: 14rem; + .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\:pl-56 { - padding-left: 14rem; + .lg\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-60 { - padding-top: 15rem; + .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\:pr-60 { - padding-right: 15rem; + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-60 { - padding-bottom: 15rem; + .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\:pl-60 { - padding-left: 15rem; + .lg\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-64 { - padding-top: 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)); } - .lg\:pr-64 { - padding-right: 16rem; + .lg\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-64 { - padding-bottom: 16rem; + .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\:pl-64 { - padding-left: 16rem; + .lg\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-72 { - padding-top: 18rem; + .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\:pr-72 { - padding-right: 18rem; + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .lg\:pb-72 { - padding-bottom: 18rem; + .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\:pl-72 { - padding-left: 18rem; + .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-80 { - padding-top: 20rem; + .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\:pr-80 { - padding-right: 20rem; + .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-80 { - padding-bottom: 20rem; + .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\:pl-80 { - padding-left: 20rem; + .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:pt-96 { - padding-top: 24rem; + .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\:pr-96 { - padding-right: 24rem; + .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:pb-96 { - padding-bottom: 24rem; + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .lg\:pl-96 { - padding-left: 24rem; + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .lg\:pt-px { - padding-top: 1px; + .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\:pr-px { - padding-right: 1px; + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .lg\:pb-px { - padding-bottom: 1px; + .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\:pl-px { - padding-left: 1px; + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .lg\:pt-0\.5 { - padding-top: 0.125rem; + .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\:pr-0\.5 { - padding-right: 0.125rem; + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .lg\:pb-0\.5 { - padding-bottom: 0.125rem; + .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\:pl-0\.5 { - padding-left: 0.125rem; + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .lg\:pt-1\.5 { - padding-top: 0.375rem; + .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\:pr-1\.5 { - padding-right: 0.375rem; + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .lg\:pb-1\.5 { - padding-bottom: 0.375rem; + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .lg\:pl-1\.5 { - padding-left: 0.375rem; + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .lg\:pt-2\.5 { - padding-top: 0.625rem; + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .lg\:pr-2\.5 { - padding-right: 0.625rem; + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .lg\:pb-2\.5 { - padding-bottom: 0.625rem; + .lg\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .lg\:pl-2\.5 { - padding-left: 0.625rem; + .lg\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .lg\:pt-3\.5 { - padding-top: 0.875rem; + .lg\:divide-gray-50 > :not(template) ~ :not(template) { + border-color: #fafafa; } - .lg\:pr-3\.5 { - padding-right: 0.875rem; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f4f4f5; } - .lg\:pb-3\.5 { - padding-bottom: 0.875rem; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #e4e4e7; } - .lg\:pl-3\.5 { - padding-left: 0.875rem; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #d4d4d8; } - .lg\:placeholder-transparent::placeholder { - color: transparent; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #a1a1aa; } - .lg\:placeholder-current::placeholder { - color: currentColor; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #71717a; } - .lg\:placeholder-black::placeholder { - color: #000; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #52525b; } - .lg\:placeholder-white::placeholder { - color: #fff; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #3f3f46; } - .lg\:placeholder-gray-50::placeholder { - color: #fafafa; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #27272a; } - .lg\:placeholder-gray-100::placeholder { - color: #f4f4f5; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #18181b; } - .lg\:placeholder-gray-200::placeholder { - color: #e4e4e7; + .lg\:divide-red-50 > :not(template) ~ :not(template) { + border-color: #fef2f2; } - .lg\:placeholder-gray-300::placeholder { - color: #d4d4d8; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fee2e2; } - .lg\:placeholder-gray-400::placeholder { - color: #a1a1aa; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fecaca; } - .lg\:placeholder-gray-500::placeholder { - color: #71717a; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #fca5a5; } - .lg\:placeholder-gray-600::placeholder { - color: #52525b; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #f87171; } - .lg\:placeholder-gray-700::placeholder { - color: #3f3f46; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #ef4444; } - .lg\:placeholder-gray-800::placeholder { - color: #27272a; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #dc2626; } - .lg\:placeholder-gray-900::placeholder { - color: #18181b; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #b91c1c; } - .lg\:placeholder-red-50::placeholder { - color: #fef2f2; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #991b1b; } - .lg\:placeholder-red-100::placeholder { - color: #fee2e2; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #7f1d1d; } - .lg\:placeholder-red-200::placeholder { - color: #fecaca; + .lg\:divide-yellow-50 > :not(template) ~ :not(template) { + border-color: #fffbeb; } - .lg\:placeholder-red-300::placeholder { - color: #fca5a5; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fef3c7; } - .lg\:placeholder-red-400::placeholder { - color: #f87171; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fde68a; } - .lg\:placeholder-red-500::placeholder { - color: #ef4444; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #fcd34d; } - .lg\:placeholder-red-600::placeholder { - color: #dc2626; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #fbbf24; } - .lg\:placeholder-red-700::placeholder { - color: #b91c1c; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #f59e0b; } - .lg\:placeholder-red-800::placeholder { - color: #991b1b; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d97706; } - .lg\:placeholder-red-900::placeholder { - color: #7f1d1d; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b45309; } - .lg\:placeholder-yellow-50::placeholder { - color: #fffbeb; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #92400e; } - .lg\:placeholder-yellow-100::placeholder { - color: #fef3c7; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #78350f; } - .lg\:placeholder-yellow-200::placeholder { - color: #fde68a; + .lg\:divide-green-50 > :not(template) ~ :not(template) { + border-color: #ecfdf5; } - .lg\:placeholder-yellow-300::placeholder { - color: #fcd34d; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #d1fae5; } - .lg\:placeholder-yellow-400::placeholder { - color: #fbbf24; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #a7f3d0; } - .lg\:placeholder-yellow-500::placeholder { - color: #f59e0b; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #6ee7b7; } - .lg\:placeholder-yellow-600::placeholder { - color: #d97706; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #34d399; } - .lg\:placeholder-yellow-700::placeholder { - color: #b45309; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #10b981; } - .lg\:placeholder-yellow-800::placeholder { - color: #92400e; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #059669; } - .lg\:placeholder-yellow-900::placeholder { - color: #78350f; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #047857; } - .lg\:placeholder-green-50::placeholder { - color: #ecfdf5; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #065f46; } - .lg\:placeholder-green-100::placeholder { - color: #d1fae5; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #064e3b; } - .lg\:placeholder-green-200::placeholder { - color: #a7f3d0; + .lg\:divide-blue-50 > :not(template) ~ :not(template) { + border-color: #eff6ff; } - .lg\:placeholder-green-300::placeholder { - color: #6ee7b7; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #dbeafe; } - .lg\:placeholder-green-400::placeholder { - color: #34d399; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bfdbfe; } - .lg\:placeholder-green-500::placeholder { - color: #10b981; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #93c5fd; } - .lg\:placeholder-green-600::placeholder { - color: #059669; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #60a5fa; } - .lg\:placeholder-green-700::placeholder { - color: #047857; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #3b82f6; } - .lg\:placeholder-green-800::placeholder { - color: #065f46; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #2563eb; } - .lg\:placeholder-green-900::placeholder { - color: #064e3b; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #1d4ed8; } - .lg\:placeholder-blue-50::placeholder { - color: #eff6ff; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #1e40af; } - .lg\:placeholder-blue-100::placeholder { - color: #dbeafe; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #1e3a8a; } - .lg\:placeholder-blue-200::placeholder { - color: #bfdbfe; + .lg\:divide-purple-50 > :not(template) ~ :not(template) { + border-color: #f5f3ff; } - .lg\:placeholder-blue-300::placeholder { - color: #93c5fd; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #ede9fe; } - .lg\:placeholder-blue-400::placeholder { - color: #60a5fa; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #ddd6fe; } - .lg\:placeholder-blue-500::placeholder { - color: #3b82f6; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #c4b5fd; } - .lg\:placeholder-blue-600::placeholder { - color: #2563eb; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #a78bfa; } - .lg\:placeholder-blue-700::placeholder { - color: #1d4ed8; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #8b5cf6; } - .lg\:placeholder-blue-800::placeholder { - color: #1e40af; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #7c3aed; } - .lg\:placeholder-blue-900::placeholder { - color: #1e3a8a; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6d28d9; } - .lg\:placeholder-purple-50::placeholder { - color: #f5f3ff; + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #5b21b6; } - .lg\:placeholder-purple-100::placeholder { - color: #ede9fe; + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #4c1d95; } - .lg\:placeholder-purple-200::placeholder { - color: #ddd6fe; + .lg\:divide-pink-50 > :not(template) ~ :not(template) { + border-color: #fdf2f8; } - .lg\:placeholder-purple-300::placeholder { - color: #c4b5fd; + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fce7f3; } - .lg\:placeholder-purple-400::placeholder { - color: #a78bfa; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fbcfe8; } - .lg\:placeholder-purple-500::placeholder { - color: #8b5cf6; + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #f9a8d4; } - .lg\:placeholder-purple-600::placeholder { - color: #7c3aed; + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f472b6; } - .lg\:placeholder-purple-700::placeholder { - color: #6d28d9; + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ec4899; } - .lg\:placeholder-purple-800::placeholder { - color: #5b21b6; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #db2777; } - .lg\:placeholder-purple-900::placeholder { - color: #4c1d95; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #be185d; } - .lg\:placeholder-pink-50::placeholder { - color: #fdf2f8; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #9d174d; } - .lg\:placeholder-pink-100::placeholder { - color: #fce7f3; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #831843; } - .lg\:placeholder-pink-200::placeholder { - color: #fbcfe8; + .lg\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .lg\:placeholder-pink-300::placeholder { - color: #f9a8d4; + .lg\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .lg\:placeholder-pink-400::placeholder { - color: #f472b6; + .lg\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .lg\:placeholder-pink-500::placeholder { - color: #ec4899; + .lg\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .lg\:placeholder-pink-600::placeholder { - color: #db2777; + .lg\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .lg\:placeholder-pink-700::placeholder { - color: #be185d; + .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\:placeholder-pink-800::placeholder { - color: #9d174d; + .lg\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:placeholder-pink-900::placeholder { - color: #831843; + .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\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .lg\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .lg\:appearance-none { + appearance: none; } - .lg\:focus\:placeholder-black:focus::placeholder { - color: #000; + .lg\:bg-fixed { + background-attachment: fixed; } - .lg\:focus\:placeholder-white:focus::placeholder { - color: #fff; + .lg\:bg-local { + background-attachment: local; } - .lg\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; + .lg\:bg-scroll { + background-attachment: scroll; } - .lg\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; + .lg\:bg-clip-border { + background-clip: border-box; } - .lg\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; + .lg\:bg-clip-padding { + background-clip: padding-box; } - .lg\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; + .lg\:bg-clip-content { + background-clip: content-box; } - .lg\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; + .lg\:bg-clip-text { + background-clip: text; } - .lg\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; + .lg\:bg-transparent { + background-color: transparent; } - .lg\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; + .lg\:bg-current { + background-color: currentColor; } - .lg\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; + .lg\:bg-black { + background-color: #000; } - .lg\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; + .lg\:bg-white { + background-color: #fff; } - .lg\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; + .lg\:bg-gray-50 { + background-color: #fafafa; } - .lg\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; + .lg\:bg-gray-100 { + background-color: #f4f4f5; } - .lg\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; + .lg\:bg-gray-200 { + background-color: #e4e4e7; } - .lg\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; + .lg\:bg-gray-300 { + background-color: #d4d4d8; } - .lg\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; + .lg\:bg-gray-400 { + background-color: #a1a1aa; } - .lg\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; + .lg\:bg-gray-500 { + background-color: #71717a; } - .lg\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; + .lg\:bg-gray-600 { + background-color: #52525b; } - .lg\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; + .lg\:bg-gray-700 { + background-color: #3f3f46; } - .lg\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; + .lg\:bg-gray-800 { + background-color: #27272a; } - .lg\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; + .lg\:bg-gray-900 { + background-color: #18181b; } - .lg\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; + .lg\:bg-red-50 { + background-color: #fef2f2; } - .lg\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; + .lg\:bg-red-100 { + background-color: #fee2e2; } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; + .lg\:bg-red-200 { + background-color: #fecaca; } - .lg\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; + .lg\:bg-red-300 { + background-color: #fca5a5; } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; + .lg\:bg-red-400 { + background-color: #f87171; } - .lg\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; + .lg\:bg-red-500 { + background-color: #ef4444; } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; + .lg\:bg-red-600 { + background-color: #dc2626; } - .lg\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; + .lg\:bg-red-700 { + background-color: #b91c1c; } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; + .lg\:bg-red-800 { + background-color: #991b1b; } - .lg\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; + .lg\:bg-red-900 { + background-color: #7f1d1d; } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; + .lg\:bg-yellow-50 { + background-color: #fffbeb; } - .lg\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; + .lg\:bg-yellow-100 { + background-color: #fef3c7; } - .lg\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; + .lg\:bg-yellow-200 { + background-color: #fde68a; } - .lg\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; + .lg\:bg-yellow-300 { + background-color: #fcd34d; } - .lg\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; + .lg\:bg-yellow-400 { + background-color: #fbbf24; } - .lg\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; + .lg\:bg-yellow-500 { + background-color: #f59e0b; } - .lg\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; + .lg\:bg-yellow-600 { + background-color: #d97706; } - .lg\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; + .lg\:bg-yellow-700 { + background-color: #b45309; } - .lg\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; + .lg\:bg-yellow-800 { + background-color: #92400e; } - .lg\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; + .lg\:bg-yellow-900 { + background-color: #78350f; } - .lg\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; + .lg\:bg-green-50 { + background-color: #ecfdf5; } - .lg\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; + .lg\:bg-green-100 { + background-color: #d1fae5; } - .lg\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; + .lg\:bg-green-200 { + background-color: #a7f3d0; } - .lg\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; + .lg\:bg-green-300 { + background-color: #6ee7b7; } - .lg\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; + .lg\:bg-green-400 { + background-color: #34d399; } - .lg\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; + .lg\:bg-green-500 { + background-color: #10b981; } - .lg\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; + .lg\:bg-green-600 { + background-color: #059669; } - .lg\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; + .lg\:bg-green-700 { + background-color: #047857; } - .lg\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; + .lg\:bg-green-800 { + background-color: #065f46; } - .lg\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; + .lg\:bg-green-900 { + background-color: #064e3b; } - .lg\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; + .lg\:bg-blue-50 { + background-color: #eff6ff; } - .lg\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; + .lg\:bg-blue-100 { + background-color: #dbeafe; } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; + .lg\:bg-blue-200 { + background-color: #bfdbfe; } - .lg\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; + .lg\:bg-blue-300 { + background-color: #93c5fd; } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; + .lg\:bg-blue-400 { + background-color: #60a5fa; } - .lg\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; + .lg\:bg-blue-500 { + background-color: #3b82f6; } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; + .lg\:bg-blue-600 { + background-color: #2563eb; } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; + .lg\:bg-blue-700 { + background-color: #1d4ed8; } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; + .lg\:bg-blue-800 { + background-color: #1e40af; } - .lg\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; + .lg\:bg-blue-900 { + background-color: #1e3a8a; } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; + .lg\:bg-purple-50 { + background-color: #f5f3ff; } - .lg\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; + .lg\:bg-purple-100 { + background-color: #ede9fe; } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; + .lg\:bg-purple-200 { + background-color: #ddd6fe; } - .lg\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; + .lg\:bg-purple-300 { + background-color: #c4b5fd; } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; + .lg\:bg-purple-400 { + background-color: #a78bfa; } - .lg\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; + .lg\:bg-purple-500 { + background-color: #8b5cf6; } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; + .lg\:bg-purple-600 { + background-color: #7c3aed; } - .lg\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; + .lg\:bg-purple-700 { + background-color: #6d28d9; } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; + .lg\:bg-purple-800 { + background-color: #5b21b6; } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; + .lg\:bg-purple-900 { + background-color: #4c1d95; } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; + .lg\:bg-pink-50 { + background-color: #fdf2f8; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .lg\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .lg\:dark\:placeholder-black::placeholder { - color: #000; - } - - .lg\:dark\:placeholder-white::placeholder { - color: #fff; - } - - .lg\:dark\:placeholder-gray-50::placeholder { - color: #fafafa; - } - - .lg\:dark\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } - - .lg\:dark\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } - - .lg\:dark\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } - - .lg\:dark\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } - - .lg\:dark\:placeholder-gray-500::placeholder { - color: #71717a; - } - - .lg\:dark\:placeholder-gray-600::placeholder { - color: #52525b; - } - - .lg\:dark\:placeholder-gray-700::placeholder { - color: #3f3f46; - } - - .lg\:dark\:placeholder-gray-800::placeholder { - color: #27272a; - } + .lg\:bg-pink-100 { + background-color: #fce7f3; + } - .lg\:dark\:placeholder-gray-900::placeholder { - color: #18181b; - } + .lg\:bg-pink-200 { + background-color: #fbcfe8; + } - .lg\:dark\:placeholder-red-50::placeholder { - color: #fef2f2; - } + .lg\:bg-pink-300 { + background-color: #f9a8d4; + } - .lg\:dark\:placeholder-red-100::placeholder { - color: #fee2e2; - } + .lg\:bg-pink-400 { + background-color: #f472b6; + } - .lg\:dark\:placeholder-red-200::placeholder { - color: #fecaca; - } + .lg\:bg-pink-500 { + background-color: #ec4899; + } - .lg\:dark\:placeholder-red-300::placeholder { - color: #fca5a5; - } + .lg\:bg-pink-600 { + background-color: #db2777; + } - .lg\:dark\:placeholder-red-400::placeholder { - color: #f87171; - } + .lg\:bg-pink-700 { + background-color: #be185d; + } - .lg\:dark\:placeholder-red-500::placeholder { - color: #ef4444; - } + .lg\:bg-pink-800 { + background-color: #9d174d; + } - .lg\:dark\:placeholder-red-600::placeholder { - color: #dc2626; - } + .lg\:bg-pink-900 { + background-color: #831843; + } - .lg\:dark\:placeholder-red-700::placeholder { - color: #b91c1c; - } + .group:hover .lg\:group-hover\:bg-transparent { + background-color: transparent; + } - .lg\:dark\:placeholder-red-800::placeholder { - color: #991b1b; - } + .group:hover .lg\:group-hover\:bg-current { + background-color: currentColor; + } - .lg\:dark\:placeholder-red-900::placeholder { - color: #7f1d1d; - } + .group:hover .lg\:group-hover\:bg-black { + background-color: #000; + } - .lg\:dark\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } + .group:hover .lg\:group-hover\:bg-white { + background-color: #fff; + } - .lg\:dark\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } + .group:hover .lg\:group-hover\:bg-gray-50 { + background-color: #fafafa; + } - .lg\:dark\:placeholder-yellow-200::placeholder { - color: #fde68a; - } + .group:hover .lg\:group-hover\:bg-gray-100 { + background-color: #f4f4f5; + } - .lg\:dark\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } + .group:hover .lg\:group-hover\:bg-gray-200 { + background-color: #e4e4e7; + } - .lg\:dark\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } + .group:hover .lg\:group-hover\:bg-gray-300 { + background-color: #d4d4d8; + } - .lg\:dark\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } + .group:hover .lg\:group-hover\:bg-gray-400 { + background-color: #a1a1aa; + } - .lg\:dark\:placeholder-yellow-600::placeholder { - color: #d97706; - } + .group:hover .lg\:group-hover\:bg-gray-500 { + background-color: #71717a; + } - .lg\:dark\:placeholder-yellow-700::placeholder { - color: #b45309; - } + .group:hover .lg\:group-hover\:bg-gray-600 { + background-color: #52525b; + } - .lg\:dark\:placeholder-yellow-800::placeholder { - color: #92400e; - } + .group:hover .lg\:group-hover\:bg-gray-700 { + background-color: #3f3f46; + } - .lg\:dark\:placeholder-yellow-900::placeholder { - color: #78350f; - } + .group:hover .lg\:group-hover\:bg-gray-800 { + background-color: #27272a; + } - .lg\:dark\:placeholder-green-50::placeholder { - color: #ecfdf5; - } + .group:hover .lg\:group-hover\:bg-gray-900 { + background-color: #18181b; + } - .lg\:dark\:placeholder-green-100::placeholder { - color: #d1fae5; - } + .group:hover .lg\:group-hover\:bg-red-50 { + background-color: #fef2f2; + } - .lg\:dark\:placeholder-green-200::placeholder { - color: #a7f3d0; - } + .group:hover .lg\:group-hover\:bg-red-100 { + background-color: #fee2e2; + } - .lg\:dark\:placeholder-green-300::placeholder { - color: #6ee7b7; - } + .group:hover .lg\:group-hover\:bg-red-200 { + background-color: #fecaca; + } - .lg\:dark\:placeholder-green-400::placeholder { - color: #34d399; - } + .group:hover .lg\:group-hover\:bg-red-300 { + background-color: #fca5a5; + } - .lg\:dark\:placeholder-green-500::placeholder { - color: #10b981; - } + .group:hover .lg\:group-hover\:bg-red-400 { + background-color: #f87171; + } - .lg\:dark\:placeholder-green-600::placeholder { - color: #059669; - } + .group:hover .lg\:group-hover\:bg-red-500 { + background-color: #ef4444; + } - .lg\:dark\:placeholder-green-700::placeholder { - color: #047857; - } + .group:hover .lg\:group-hover\:bg-red-600 { + background-color: #dc2626; + } - .lg\:dark\:placeholder-green-800::placeholder { - color: #065f46; - } + .group:hover .lg\:group-hover\:bg-red-700 { + background-color: #b91c1c; + } - .lg\:dark\:placeholder-green-900::placeholder { - color: #064e3b; - } + .group:hover .lg\:group-hover\:bg-red-800 { + background-color: #991b1b; + } - .lg\:dark\:placeholder-blue-50::placeholder { - color: #eff6ff; - } + .group:hover .lg\:group-hover\:bg-red-900 { + background-color: #7f1d1d; + } - .lg\:dark\:placeholder-blue-100::placeholder { - color: #dbeafe; - } + .group:hover .lg\:group-hover\:bg-yellow-50 { + background-color: #fffbeb; + } - .lg\:dark\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } + .group:hover .lg\:group-hover\:bg-yellow-100 { + background-color: #fef3c7; + } - .lg\:dark\:placeholder-blue-300::placeholder { - color: #93c5fd; - } + .group:hover .lg\:group-hover\:bg-yellow-200 { + background-color: #fde68a; + } - .lg\:dark\:placeholder-blue-400::placeholder { - color: #60a5fa; - } + .group:hover .lg\:group-hover\:bg-yellow-300 { + background-color: #fcd34d; + } - .lg\:dark\:placeholder-blue-500::placeholder { - color: #3b82f6; - } + .group:hover .lg\:group-hover\:bg-yellow-400 { + background-color: #fbbf24; + } - .lg\:dark\:placeholder-blue-600::placeholder { - color: #2563eb; - } + .group:hover .lg\:group-hover\:bg-yellow-500 { + background-color: #f59e0b; + } - .lg\:dark\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } + .group:hover .lg\:group-hover\:bg-yellow-600 { + background-color: #d97706; + } - .lg\:dark\:placeholder-blue-800::placeholder { - color: #1e40af; - } + .group:hover .lg\:group-hover\:bg-yellow-700 { + background-color: #b45309; + } - .lg\:dark\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } + .group:hover .lg\:group-hover\:bg-yellow-800 { + background-color: #92400e; + } - .lg\:dark\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } + .group:hover .lg\:group-hover\:bg-yellow-900 { + background-color: #78350f; + } - .lg\:dark\:placeholder-purple-100::placeholder { - color: #ede9fe; - } + .group:hover .lg\:group-hover\:bg-green-50 { + background-color: #ecfdf5; + } - .lg\:dark\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } + .group:hover .lg\:group-hover\:bg-green-100 { + background-color: #d1fae5; + } - .lg\:dark\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } + .group:hover .lg\:group-hover\:bg-green-200 { + background-color: #a7f3d0; + } - .lg\:dark\:placeholder-purple-400::placeholder { - color: #a78bfa; - } + .group:hover .lg\:group-hover\:bg-green-300 { + background-color: #6ee7b7; + } - .lg\:dark\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } + .group:hover .lg\:group-hover\:bg-green-400 { + background-color: #34d399; + } - .lg\:dark\:placeholder-purple-600::placeholder { - color: #7c3aed; - } + .group:hover .lg\:group-hover\:bg-green-500 { + background-color: #10b981; + } - .lg\:dark\:placeholder-purple-700::placeholder { - color: #6d28d9; - } + .group:hover .lg\:group-hover\:bg-green-600 { + background-color: #059669; + } - .lg\:dark\:placeholder-purple-800::placeholder { - color: #5b21b6; - } + .group:hover .lg\:group-hover\:bg-green-700 { + background-color: #047857; + } - .lg\:dark\:placeholder-purple-900::placeholder { - color: #4c1d95; - } + .group:hover .lg\:group-hover\:bg-green-800 { + background-color: #065f46; + } - .lg\:dark\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } + .group:hover .lg\:group-hover\:bg-green-900 { + background-color: #064e3b; + } - .lg\:dark\:placeholder-pink-100::placeholder { - color: #fce7f3; - } + .group:hover .lg\:group-hover\:bg-blue-50 { + background-color: #eff6ff; + } - .lg\:dark\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } + .group:hover .lg\:group-hover\:bg-blue-100 { + background-color: #dbeafe; + } - .lg\:dark\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } + .group:hover .lg\:group-hover\:bg-blue-200 { + background-color: #bfdbfe; + } - .lg\:dark\:placeholder-pink-400::placeholder { - color: #f472b6; - } + .group:hover .lg\:group-hover\:bg-blue-300 { + background-color: #93c5fd; + } - .lg\:dark\:placeholder-pink-500::placeholder { - color: #ec4899; - } + .group:hover .lg\:group-hover\:bg-blue-400 { + background-color: #60a5fa; + } - .lg\:dark\:placeholder-pink-600::placeholder { - color: #db2777; - } + .group:hover .lg\:group-hover\:bg-blue-500 { + background-color: #3b82f6; + } - .lg\:dark\:placeholder-pink-700::placeholder { - color: #be185d; - } + .group:hover .lg\:group-hover\:bg-blue-600 { + background-color: #2563eb; + } - .lg\:dark\:placeholder-pink-800::placeholder { - color: #9d174d; - } + .group:hover .lg\:group-hover\:bg-blue-700 { + background-color: #1d4ed8; + } - .lg\:dark\:placeholder-pink-900::placeholder { - color: #831843; - } + .group:hover .lg\:group-hover\:bg-blue-800 { + background-color: #1e40af; + } - .lg\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .group:hover .lg\:group-hover\:bg-blue-900 { + background-color: #1e3a8a; + } - .lg\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .group:hover .lg\:group-hover\:bg-purple-50 { + background-color: #f5f3ff; + } - .lg\:dark\:focus\:placeholder-black:focus::placeholder { - color: #000; - } + .group:hover .lg\:group-hover\:bg-purple-100 { + background-color: #ede9fe; + } - .lg\:dark\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } + .group:hover .lg\:group-hover\:bg-purple-200 { + background-color: #ddd6fe; + } - .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } + .group:hover .lg\:group-hover\:bg-purple-300 { + background-color: #c4b5fd; + } - .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } + .group:hover .lg\:group-hover\:bg-purple-400 { + background-color: #a78bfa; + } - .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } + .group:hover .lg\:group-hover\:bg-purple-500 { + background-color: #8b5cf6; + } - .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } + .group:hover .lg\:group-hover\:bg-purple-600 { + background-color: #7c3aed; + } - .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } + .group:hover .lg\:group-hover\:bg-purple-700 { + background-color: #6d28d9; + } - .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } + .group:hover .lg\:group-hover\:bg-purple-800 { + background-color: #5b21b6; + } - .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } + .group:hover .lg\:group-hover\:bg-purple-900 { + background-color: #4c1d95; + } - .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } + .group:hover .lg\:group-hover\:bg-pink-50 { + background-color: #fdf2f8; + } - .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } + .group:hover .lg\:group-hover\:bg-pink-100 { + background-color: #fce7f3; + } - .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } + .group:hover .lg\:group-hover\:bg-pink-200 { + background-color: #fbcfe8; + } - .lg\:dark\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } + .group:hover .lg\:group-hover\:bg-pink-300 { + background-color: #f9a8d4; + } - .lg\:dark\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } + .group:hover .lg\:group-hover\:bg-pink-400 { + background-color: #f472b6; + } - .lg\:dark\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } + .group:hover .lg\:group-hover\:bg-pink-500 { + background-color: #ec4899; + } - .lg\:dark\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } + .group:hover .lg\:group-hover\:bg-pink-600 { + background-color: #db2777; + } - .lg\:dark\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } + .group:hover .lg\:group-hover\:bg-pink-700 { + background-color: #be185d; + } - .lg\:dark\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } + .group:hover .lg\:group-hover\:bg-pink-800 { + background-color: #9d174d; + } - .lg\:dark\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } + .group:hover .lg\:group-hover\:bg-pink-900 { + background-color: #831843; + } - .lg\:dark\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } + .lg\:hover\:bg-transparent:hover { + background-color: transparent; + } - .lg\:dark\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } + .lg\:hover\:bg-current:hover { + background-color: currentColor; + } - .lg\:dark\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } + .lg\:hover\:bg-black:hover { + background-color: #000; + } - .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } + .lg\:hover\:bg-white:hover { + background-color: #fff; + } - .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } + .lg\:hover\:bg-gray-50:hover { + background-color: #fafafa; + } - .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } + .lg\:hover\:bg-gray-100:hover { + background-color: #f4f4f5; + } - .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } + .lg\:hover\:bg-gray-200:hover { + background-color: #e4e4e7; + } - .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } + .lg\:hover\:bg-gray-300:hover { + background-color: #d4d4d8; + } - .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } + .lg\:hover\:bg-gray-400:hover { + background-color: #a1a1aa; + } - .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } + .lg\:hover\:bg-gray-500:hover { + background-color: #71717a; + } - .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } + .lg\:hover\:bg-gray-600:hover { + background-color: #52525b; + } - .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } + .lg\:hover\:bg-gray-700:hover { + background-color: #3f3f46; + } - .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } + .lg\:hover\:bg-gray-800:hover { + background-color: #27272a; + } - .lg\:dark\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } + .lg\:hover\:bg-gray-900:hover { + background-color: #18181b; + } - .lg\:dark\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } + .lg\:hover\:bg-red-50:hover { + background-color: #fef2f2; + } - .lg\:dark\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } + .lg\:hover\:bg-red-100:hover { + background-color: #fee2e2; + } - .lg\:dark\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } + .lg\:hover\:bg-red-200:hover { + background-color: #fecaca; + } - .lg\:dark\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } + .lg\:hover\:bg-red-300:hover { + background-color: #fca5a5; + } - .lg\:dark\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } + .lg\:hover\:bg-red-400:hover { + background-color: #f87171; + } - .lg\:dark\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } + .lg\:hover\:bg-red-500:hover { + background-color: #ef4444; + } - .lg\:dark\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } + .lg\:hover\:bg-red-600:hover { + background-color: #dc2626; + } - .lg\:dark\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } + .lg\:hover\:bg-red-700:hover { + background-color: #b91c1c; + } - .lg\:dark\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } + .lg\:hover\:bg-red-800:hover { + background-color: #991b1b; + } - .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } + .lg\:hover\:bg-red-900:hover { + background-color: #7f1d1d; + } - .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } + .lg\:hover\:bg-yellow-50:hover { + background-color: #fffbeb; + } - .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } + .lg\:hover\:bg-yellow-100:hover { + background-color: #fef3c7; + } - .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } + .lg\:hover\:bg-yellow-200:hover { + background-color: #fde68a; + } - .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } + .lg\:hover\:bg-yellow-300:hover { + background-color: #fcd34d; + } - .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } + .lg\:hover\:bg-yellow-400:hover { + background-color: #fbbf24; + } - .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } + .lg\:hover\:bg-yellow-500:hover { + background-color: #f59e0b; + } - .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } + .lg\:hover\:bg-yellow-600:hover { + background-color: #d97706; + } - .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } + .lg\:hover\:bg-yellow-700:hover { + background-color: #b45309; + } - .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } + .lg\:hover\:bg-yellow-800:hover { + background-color: #92400e; + } - .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } + .lg\:hover\:bg-yellow-900:hover { + background-color: #78350f; + } - .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } + .lg\:hover\:bg-green-50:hover { + background-color: #ecfdf5; + } - .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } + .lg\:hover\:bg-green-100:hover { + background-color: #d1fae5; + } - .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } + .lg\:hover\:bg-green-200:hover { + background-color: #a7f3d0; + } - .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } + .lg\:hover\:bg-green-300:hover { + background-color: #6ee7b7; + } - .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } + .lg\:hover\:bg-green-400:hover { + background-color: #34d399; + } - .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } + .lg\:hover\:bg-green-500:hover { + background-color: #10b981; + } - .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } + .lg\:hover\:bg-green-600:hover { + background-color: #059669; + } - .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } + .lg\:hover\:bg-green-700:hover { + background-color: #047857; + } - .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } + .lg\:hover\:bg-green-800:hover { + background-color: #065f46; + } - .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } + .lg\:hover\:bg-green-900:hover { + background-color: #064e3b; + } - .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } + .lg\:hover\:bg-blue-50:hover { + background-color: #eff6ff; + } - .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } + .lg\:hover\:bg-blue-100:hover { + background-color: #dbeafe; + } - .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } + .lg\:hover\:bg-blue-200:hover { + background-color: #bfdbfe; + } - .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } + .lg\:hover\:bg-blue-300:hover { + background-color: #93c5fd; + } - .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } + .lg\:hover\:bg-blue-400:hover { + background-color: #60a5fa; + } - .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } + .lg\:hover\:bg-blue-500:hover { + background-color: #3b82f6; + } - .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } + .lg\:hover\:bg-blue-600:hover { + background-color: #2563eb; + } - .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } + .lg\:hover\:bg-blue-700:hover { + background-color: #1d4ed8; + } - .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } + .lg\:hover\:bg-blue-800:hover { + background-color: #1e40af; } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:hover\:bg-blue-900:hover { + background-color: #1e3a8a; } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:hover\:bg-purple-50:hover { + background-color: #f5f3ff; } - .lg\:static { - position: static; + .lg\:hover\:bg-purple-100:hover { + background-color: #ede9fe; } - .lg\:fixed { - position: fixed; + .lg\:hover\:bg-purple-200:hover { + background-color: #ddd6fe; } - .lg\:absolute { - position: absolute; + .lg\:hover\:bg-purple-300:hover { + background-color: #c4b5fd; } - .lg\:relative { - position: relative; + .lg\:hover\:bg-purple-400:hover { + background-color: #a78bfa; } - .lg\:sticky { - position: sticky; + .lg\:hover\:bg-purple-500:hover { + background-color: #8b5cf6; } - .lg\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:hover\:bg-purple-600:hover { + background-color: #7c3aed; } - .lg\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .lg\:hover\:bg-purple-700:hover { + background-color: #6d28d9; } - .lg\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .lg\:hover\:bg-purple-800:hover { + background-color: #5b21b6; } - .lg\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .lg\:hover\:bg-purple-900:hover { + background-color: #4c1d95; } - .lg\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .lg\:hover\:bg-pink-50:hover { + background-color: #fdf2f8; } - .lg\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .lg\:hover\:bg-pink-100:hover { + background-color: #fce7f3; } - .lg\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .lg\:hover\:bg-pink-200:hover { + background-color: #fbcfe8; } - .lg\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .lg\:hover\:bg-pink-300:hover { + background-color: #f9a8d4; } - .lg\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .lg\:hover\:bg-pink-400:hover { + background-color: #f472b6; } - .lg\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .lg\:hover\:bg-pink-500:hover { + background-color: #ec4899; } - .lg\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .lg\:hover\:bg-pink-600:hover { + background-color: #db2777; } - .lg\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .lg\:hover\:bg-pink-700:hover { + background-color: #be185d; } - .lg\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .lg\:hover\:bg-pink-800:hover { + background-color: #9d174d; } - .lg\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .lg\:hover\:bg-pink-900:hover { + background-color: #831843; } - .lg\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .lg\:focus\:bg-transparent:focus { + background-color: transparent; } - .lg\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .lg\:focus\:bg-current:focus { + background-color: currentColor; } - .lg\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .lg\:focus\:bg-black:focus { + background-color: #000; } - .lg\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .lg\:focus\:bg-white:focus { + background-color: #fff; } - .lg\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .lg\:focus\:bg-gray-50:focus { + background-color: #fafafa; } - .lg\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .lg\:focus\:bg-gray-100:focus { + background-color: #f4f4f5; } - .lg\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .lg\:focus\:bg-gray-200:focus { + background-color: #e4e4e7; } - .lg\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .lg\:focus\:bg-gray-300:focus { + background-color: #d4d4d8; } - .lg\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .lg\:focus\:bg-gray-400:focus { + background-color: #a1a1aa; } - .lg\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .lg\:focus\:bg-gray-500:focus { + background-color: #71717a; } - .lg\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .lg\:focus\:bg-gray-600:focus { + background-color: #52525b; } - .lg\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .lg\:focus\:bg-gray-700:focus { + background-color: #3f3f46; } - .lg\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .lg\:focus\:bg-gray-800:focus { + background-color: #27272a; } - .lg\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .lg\:focus\:bg-gray-900:focus { + background-color: #18181b; } - .lg\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .lg\:focus\:bg-red-50:focus { + background-color: #fef2f2; } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:focus\:bg-red-100:focus { + background-color: #fee2e2; } - .lg\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .lg\:focus\:bg-red-200:focus { + background-color: #fecaca; } - .lg\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .lg\:focus\:bg-red-300:focus { + background-color: #fca5a5; } - .lg\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .lg\:focus\:bg-red-400:focus { + background-color: #f87171; } - .lg\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .lg\:focus\:bg-red-500:focus { + background-color: #ef4444; } - .lg\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .lg\:focus\:bg-red-600:focus { + background-color: #dc2626; } - .lg\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .lg\:focus\:bg-red-700:focus { + background-color: #b91c1c; } - .lg\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .lg\:focus\:bg-red-800:focus { + background-color: #991b1b; } - .lg\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .lg\:focus\:bg-red-900:focus { + background-color: #7f1d1d; } - .lg\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .lg\:focus\:bg-yellow-50:focus { + background-color: #fffbeb; } - .lg\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .lg\:focus\:bg-yellow-100:focus { + background-color: #fef3c7; } - .lg\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .lg\:focus\:bg-yellow-200:focus { + background-color: #fde68a; } - .lg\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .lg\:focus\:bg-yellow-300:focus { + background-color: #fcd34d; } - .lg\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .lg\:focus\:bg-yellow-400:focus { + background-color: #fbbf24; } - .lg\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .lg\:focus\:bg-yellow-500:focus { + background-color: #f59e0b; } - .lg\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .lg\:focus\:bg-yellow-600:focus { + background-color: #d97706; } - .lg\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .lg\:focus\:bg-yellow-700:focus { + background-color: #b45309; } - .lg\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .lg\:focus\:bg-yellow-800:focus { + background-color: #92400e; } - .lg\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .lg\:focus\:bg-yellow-900:focus { + background-color: #78350f; } - .lg\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .lg\:focus\:bg-green-50:focus { + background-color: #ecfdf5; } - .lg\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .lg\:focus\:bg-green-100:focus { + background-color: #d1fae5; } - .lg\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .lg\:focus\:bg-green-200:focus { + background-color: #a7f3d0; } - .lg\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .lg\:focus\:bg-green-300:focus { + background-color: #6ee7b7; } - .lg\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .lg\:focus\:bg-green-400:focus { + background-color: #34d399; } - .lg\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .lg\:focus\:bg-green-500:focus { + background-color: #10b981; } - .lg\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .lg\:focus\:bg-green-600:focus { + background-color: #059669; } - .lg\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .lg\:focus\:bg-green-700:focus { + background-color: #047857; } - .lg\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .lg\:focus\:bg-green-800:focus { + background-color: #065f46; } - .lg\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .lg\:focus\:bg-green-900:focus { + background-color: #064e3b; } - .lg\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .lg\:focus\:bg-blue-50:focus { + background-color: #eff6ff; } - .lg\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .lg\:focus\:bg-blue-100:focus { + background-color: #dbeafe; } - .lg\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .lg\:focus\:bg-blue-200:focus { + background-color: #bfdbfe; } - .lg\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .lg\:focus\:bg-blue-300:focus { + background-color: #93c5fd; } - .lg\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .lg\:focus\:bg-blue-400:focus { + background-color: #60a5fa; } - .lg\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .lg\:focus\:bg-blue-500:focus { + background-color: #3b82f6; } - .lg\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .lg\:focus\:bg-blue-600:focus { + background-color: #2563eb; } - .lg\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .lg\:focus\:bg-blue-700:focus { + background-color: #1d4ed8; } - .lg\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .lg\:focus\:bg-blue-800:focus { + background-color: #1e40af; } - .lg\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .lg\:focus\:bg-blue-900:focus { + background-color: #1e3a8a; } - .lg\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus\:bg-purple-50:focus { + background-color: #f5f3ff; } - .lg\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:focus\:bg-purple-100:focus { + background-color: #ede9fe; } - .lg\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:focus\:bg-purple-200:focus { + background-color: #ddd6fe; } - .lg\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:focus\:bg-purple-300:focus { + background-color: #c4b5fd; } - .lg\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:focus\:bg-purple-400:focus { + background-color: #a78bfa; } - .lg\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:focus\:bg-purple-500:focus { + background-color: #8b5cf6; } - .lg\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .lg\:focus\:bg-purple-600:focus { + background-color: #7c3aed; } - .lg\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:focus\:bg-purple-700:focus { + background-color: #6d28d9; } - .lg\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .lg\:focus\:bg-purple-800:focus { + background-color: #5b21b6; } - .lg\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .lg\:focus\:bg-purple-900:focus { + background-color: #4c1d95; } - .lg\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .lg\:focus\:bg-pink-50:focus { + background-color: #fdf2f8; } - .lg\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:focus\:bg-pink-100:focus { + background-color: #fce7f3; } - .lg\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .lg\:focus\:bg-pink-200:focus { + background-color: #fbcfe8; } - .lg\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .lg\:focus\:bg-pink-300:focus { + background-color: #f9a8d4; } - .lg\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:focus\:bg-pink-400:focus { + background-color: #f472b6; } - .lg\:inset-x-0 { - right: 0; - left: 0; + .lg\:focus\:bg-pink-500:focus { + background-color: #ec4899; } - .lg\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .lg\:focus\:bg-pink-600:focus { + background-color: #db2777; } - .lg\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .lg\:focus\:bg-pink-700:focus { + background-color: #be185d; } - .lg\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .lg\:focus\:bg-pink-800:focus { + background-color: #9d174d; } - .lg\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .lg\:focus\:bg-pink-900:focus { + background-color: #831843; } - .lg\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .lg\:bg-none { + background-image: none; } - .lg\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .lg\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .lg\:inset-x-4 { - right: 1rem; - left: 1rem; + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .lg\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .lg\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .lg\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .lg\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .lg\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .lg\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .lg\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .lg\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:inset-x-8 { - right: 2rem; - left: 2rem; + .lg\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .lg\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .lg\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .lg\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .lg\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .lg\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:inset-x-12 { - right: 3rem; - left: 3rem; + .lg\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .lg\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .lg\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .lg\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:inset-x-16 { - right: 4rem; - left: 4rem; + .lg\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .lg\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:inset-x-20 { - right: 5rem; - left: 5rem; + .lg\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .lg\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:inset-x-24 { - right: 6rem; - left: 6rem; + .lg\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .lg\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:inset-x-28 { - right: 7rem; - left: 7rem; + .lg\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .lg\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:inset-x-32 { - right: 8rem; - left: 8rem; + .lg\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .lg\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:inset-x-36 { - right: 9rem; - left: 9rem; + .lg\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .lg\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:inset-x-40 { - right: 10rem; - left: 10rem; + .lg\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .lg\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:inset-x-44 { - right: 11rem; - left: 11rem; + .lg\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .lg\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:inset-x-48 { - right: 12rem; - left: 12rem; + .lg\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .lg\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:inset-x-52 { - right: 13rem; - left: 13rem; + .lg\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .lg\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:inset-x-56 { - right: 14rem; - left: 14rem; + .lg\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .lg\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:inset-x-60 { - right: 15rem; - left: 15rem; + .lg\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .lg\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:inset-x-64 { - right: 16rem; - left: 16rem; + .lg\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .lg\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:inset-x-72 { - right: 18rem; - left: 18rem; + .lg\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .lg\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:inset-x-80 { - right: 20rem; - left: 20rem; + .lg\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .lg\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:inset-x-96 { - right: 24rem; - left: 24rem; + .lg\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:inset-x-auto { - right: auto; - left: auto; + .lg\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:inset-y-px { - top: 1px; - bottom: 1px; + .lg\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:inset-x-px { - right: 1px; - left: 1px; + .lg\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .lg\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .lg\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .lg\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .lg\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .lg\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .lg\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .lg\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .lg\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .lg\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .lg\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .lg\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .lg\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .lg\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .lg\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .lg\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-inset-x-4 { - right: -1rem; - left: -1rem; + .lg\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .lg\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .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\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .lg\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .lg\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .lg\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .lg\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .lg\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:-inset-x-8 { - right: -2rem; - left: -2rem; + .lg\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .lg\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .lg\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .lg\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .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\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .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\:-inset-x-12 { - right: -3rem; - left: -3rem; + .lg\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .lg\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .lg\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .lg\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-inset-x-16 { - right: -4rem; - left: -4rem; + .lg\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .lg\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-inset-x-20 { - right: -5rem; - left: -5rem; + .lg\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .lg\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-inset-x-24 { - right: -6rem; - left: -6rem; + .lg\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .lg\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-inset-x-28 { - right: -7rem; - left: -7rem; + .lg\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .lg\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-inset-x-32 { - right: -8rem; - left: -8rem; + .lg\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .lg\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-inset-x-36 { - right: -9rem; - left: -9rem; + .lg\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .lg\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-inset-x-40 { - right: -10rem; - left: -10rem; + .lg\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .lg\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-inset-x-44 { - right: -11rem; - left: -11rem; + .lg\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .lg\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-inset-x-48 { - right: -12rem; - left: -12rem; + .lg\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .lg\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-inset-x-52 { - right: -13rem; - left: -13rem; + .lg\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .lg\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-inset-x-56 { - right: -14rem; - left: -14rem; + .lg\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .lg\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-inset-x-60 { - right: -15rem; - left: -15rem; + .lg\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .lg\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-inset-x-64 { - right: -16rem; - left: -16rem; + .lg\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .lg\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-inset-x-72 { - right: -18rem; - left: -18rem; + .lg\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .lg\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:-inset-x-80 { - right: -20rem; - left: -20rem; + .lg\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .lg\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:-inset-x-96 { - right: -24rem; - left: -24rem; + .lg\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:-inset-y-px { - top: -1px; - bottom: -1px; + .lg\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:-inset-x-px { - right: -1px; - left: -1px; + .lg\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .lg\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .lg\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .lg\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .lg\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .lg\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .lg\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .lg\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .lg\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .lg\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:inset-x-1\/2 { - right: 50%; - left: 50%; + .lg\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .lg\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .lg\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .lg\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .lg\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:inset-x-1\/4 { - right: 25%; - left: 25%; + .lg\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .lg\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:inset-x-2\/4 { - right: 50%; - left: 50%; + .lg\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .lg\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:inset-x-3\/4 { - right: 75%; - left: 75%; + .lg\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:inset-y-full { - top: 100%; - bottom: 100%; + .lg\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:inset-x-full { - right: 100%; - left: 100%; + .lg\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .lg\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .lg\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .lg\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .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\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .lg\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .lg\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .lg\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .lg\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .lg\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .lg\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .lg\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .lg\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:-inset-y-full { - top: -100%; - bottom: -100%; + .lg\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:-inset-x-full { - right: -100%; - left: -100%; + .lg\:to-transparent { + --gradient-to-color: transparent; } - .lg\:top-0 { - top: 0; + .lg\:to-current { + --gradient-to-color: currentColor; } - .lg\:right-0 { - right: 0; + .lg\:to-black { + --gradient-to-color: #000; } - .lg\:bottom-0 { - bottom: 0; + .lg\:to-white { + --gradient-to-color: #fff; } - .lg\:left-0 { - left: 0; + .lg\:to-gray-50 { + --gradient-to-color: #fafafa; } - .lg\:top-1 { - top: 0.25rem; + .lg\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .lg\:right-1 { - right: 0.25rem; + .lg\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .lg\:bottom-1 { - bottom: 0.25rem; + .lg\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .lg\:left-1 { - left: 0.25rem; + .lg\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .lg\:top-2 { - top: 0.5rem; + .lg\:to-gray-500 { + --gradient-to-color: #71717a; } - .lg\:right-2 { - right: 0.5rem; + .lg\:to-gray-600 { + --gradient-to-color: #52525b; } - .lg\:bottom-2 { - bottom: 0.5rem; + .lg\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .lg\:left-2 { - left: 0.5rem; + .lg\:to-gray-800 { + --gradient-to-color: #27272a; } - .lg\:top-3 { - top: 0.75rem; + .lg\:to-gray-900 { + --gradient-to-color: #18181b; } - .lg\:right-3 { - right: 0.75rem; + .lg\:to-red-50 { + --gradient-to-color: #fef2f2; } - .lg\:bottom-3 { - bottom: 0.75rem; + .lg\:to-red-100 { + --gradient-to-color: #fee2e2; } - .lg\:left-3 { - left: 0.75rem; + .lg\:to-red-200 { + --gradient-to-color: #fecaca; } - .lg\:top-4 { - top: 1rem; + .lg\:to-red-300 { + --gradient-to-color: #fca5a5; } - .lg\:right-4 { - right: 1rem; + .lg\:to-red-400 { + --gradient-to-color: #f87171; } - .lg\:bottom-4 { - bottom: 1rem; + .lg\:to-red-500 { + --gradient-to-color: #ef4444; } - .lg\:left-4 { - left: 1rem; + .lg\:to-red-600 { + --gradient-to-color: #dc2626; } - .lg\:top-5 { - top: 1.25rem; + .lg\:to-red-700 { + --gradient-to-color: #b91c1c; } - .lg\:right-5 { - right: 1.25rem; + .lg\:to-red-800 { + --gradient-to-color: #991b1b; } - .lg\:bottom-5 { - bottom: 1.25rem; + .lg\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .lg\:left-5 { - left: 1.25rem; + .lg\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .lg\:top-6 { - top: 1.5rem; + .lg\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .lg\:right-6 { - right: 1.5rem; + .lg\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .lg\:bottom-6 { - bottom: 1.5rem; + .lg\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .lg\:left-6 { - left: 1.5rem; + .lg\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .lg\:top-7 { - top: 1.75rem; + .lg\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .lg\:right-7 { - right: 1.75rem; + .lg\:to-yellow-600 { + --gradient-to-color: #d97706; } - .lg\:bottom-7 { - bottom: 1.75rem; + .lg\:to-yellow-700 { + --gradient-to-color: #b45309; } - .lg\:left-7 { - left: 1.75rem; + .lg\:to-yellow-800 { + --gradient-to-color: #92400e; } - .lg\:top-8 { - top: 2rem; + .lg\:to-yellow-900 { + --gradient-to-color: #78350f; } - .lg\:right-8 { - right: 2rem; + .lg\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .lg\:bottom-8 { - bottom: 2rem; + .lg\:to-green-100 { + --gradient-to-color: #d1fae5; } - .lg\:left-8 { - left: 2rem; + .lg\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .lg\:top-9 { - top: 2.25rem; + .lg\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .lg\:right-9 { - right: 2.25rem; + .lg\:to-green-400 { + --gradient-to-color: #34d399; } - .lg\:bottom-9 { - bottom: 2.25rem; + .lg\:to-green-500 { + --gradient-to-color: #10b981; } - .lg\:left-9 { - left: 2.25rem; + .lg\:to-green-600 { + --gradient-to-color: #059669; } - .lg\:top-10 { - top: 2.5rem; + .lg\:to-green-700 { + --gradient-to-color: #047857; } - .lg\:right-10 { - right: 2.5rem; + .lg\:to-green-800 { + --gradient-to-color: #065f46; } - .lg\:bottom-10 { - bottom: 2.5rem; + .lg\:to-green-900 { + --gradient-to-color: #064e3b; } - .lg\:left-10 { - left: 2.5rem; + .lg\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .lg\:top-12 { - top: 3rem; + .lg\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .lg\:right-12 { - right: 3rem; + .lg\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .lg\:bottom-12 { - bottom: 3rem; + .lg\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .lg\:left-12 { - left: 3rem; + .lg\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .lg\:top-14 { - top: 3.5rem; + .lg\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .lg\:right-14 { - right: 3.5rem; + .lg\:to-blue-600 { + --gradient-to-color: #2563eb; } - .lg\:bottom-14 { - bottom: 3.5rem; + .lg\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .lg\:left-14 { - left: 3.5rem; + .lg\:to-blue-800 { + --gradient-to-color: #1e40af; } - .lg\:top-16 { - top: 4rem; + .lg\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .lg\:right-16 { - right: 4rem; + .lg\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .lg\:bottom-16 { - bottom: 4rem; + .lg\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .lg\:left-16 { - left: 4rem; + .lg\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .lg\:top-20 { - top: 5rem; + .lg\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .lg\:right-20 { - right: 5rem; + .lg\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .lg\:bottom-20 { - bottom: 5rem; + .lg\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .lg\:left-20 { - left: 5rem; + .lg\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .lg\:top-24 { - top: 6rem; + .lg\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .lg\:right-24 { - right: 6rem; + .lg\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .lg\:bottom-24 { - bottom: 6rem; + .lg\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .lg\:left-24 { - left: 6rem; + .lg\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .lg\:top-28 { - top: 7rem; + .lg\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .lg\:right-28 { - right: 7rem; + .lg\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .lg\:bottom-28 { - bottom: 7rem; + .lg\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .lg\:left-28 { - left: 7rem; + .lg\:to-pink-400 { + --gradient-to-color: #f472b6; } - .lg\:top-32 { - top: 8rem; + .lg\:to-pink-500 { + --gradient-to-color: #ec4899; } - .lg\:right-32 { - right: 8rem; + .lg\:to-pink-600 { + --gradient-to-color: #db2777; } - .lg\:bottom-32 { - bottom: 8rem; + .lg\:to-pink-700 { + --gradient-to-color: #be185d; } - .lg\:left-32 { - left: 8rem; + .lg\:to-pink-800 { + --gradient-to-color: #9d174d; } - .lg\:top-36 { - top: 9rem; + .lg\:to-pink-900 { + --gradient-to-color: #831843; } - .lg\:right-36 { - right: 9rem; + .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\:bottom-36 { - bottom: 9rem; + .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\:left-36 { - left: 9rem; + .lg\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:top-40 { - top: 10rem; + .lg\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:right-40 { - right: 10rem; + .lg\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:bottom-40 { - bottom: 10rem; + .lg\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:left-40 { - left: 10rem; + .lg\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:top-44 { - top: 11rem; + .lg\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:right-44 { - right: 11rem; + .lg\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:bottom-44 { - bottom: 11rem; + .lg\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:left-44 { - left: 11rem; + .lg\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:top-48 { - top: 12rem; + .lg\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:right-48 { - right: 12rem; + .lg\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:bottom-48 { - bottom: 12rem; + .lg\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:left-48 { - left: 12rem; + .lg\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:top-52 { - top: 13rem; + .lg\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:right-52 { - right: 13rem; + .lg\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:bottom-52 { - bottom: 13rem; + .lg\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:left-52 { - left: 13rem; + .lg\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:top-56 { - top: 14rem; + .lg\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:right-56 { - right: 14rem; + .lg\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:bottom-56 { - bottom: 14rem; + .lg\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:left-56 { - left: 14rem; + .lg\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:top-60 { - top: 15rem; + .lg\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:right-60 { - right: 15rem; + .lg\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:bottom-60 { - bottom: 15rem; + .lg\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:left-60 { - left: 15rem; + .lg\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:top-64 { - top: 16rem; + .lg\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:right-64 { - right: 16rem; + .lg\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:bottom-64 { - bottom: 16rem; + .lg\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:left-64 { - left: 16rem; + .lg\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:top-72 { - top: 18rem; + .lg\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:right-72 { - right: 18rem; + .lg\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:bottom-72 { - bottom: 18rem; + .lg\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:left-72 { - left: 18rem; + .lg\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:top-80 { - top: 20rem; + .lg\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:right-80 { - right: 20rem; + .lg\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:bottom-80 { - bottom: 20rem; + .lg\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:left-80 { - left: 20rem; + .lg\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:top-96 { - top: 24rem; + .lg\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:right-96 { - right: 24rem; + .lg\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:bottom-96 { - bottom: 24rem; + .lg\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:left-96 { - left: 24rem; + .lg\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:top-auto { - top: auto; + .lg\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:right-auto { - right: auto; + .lg\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:bottom-auto { - bottom: auto; + .lg\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:left-auto { - left: auto; + .lg\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:top-px { - top: 1px; + .lg\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:right-px { - right: 1px; + .lg\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:bottom-px { - bottom: 1px; + .lg\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:left-px { - left: 1px; + .lg\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:top-0\.5 { - top: 0.125rem; + .lg\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:right-0\.5 { - right: 0.125rem; + .lg\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:bottom-0\.5 { - bottom: 0.125rem; + .lg\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:left-0\.5 { - left: 0.125rem; + .lg\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:top-1\.5 { - top: 0.375rem; + .lg\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:right-1\.5 { - right: 0.375rem; + .lg\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:bottom-1\.5 { - bottom: 0.375rem; + .lg\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:left-1\.5 { - left: 0.375rem; + .lg\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:top-2\.5 { - top: 0.625rem; + .lg\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:right-2\.5 { - right: 0.625rem; + .lg\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:bottom-2\.5 { - bottom: 0.625rem; + .lg\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:left-2\.5 { - left: 0.625rem; + .lg\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:top-3\.5 { - top: 0.875rem; + .lg\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:right-3\.5 { - right: 0.875rem; + .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\:bottom-3\.5 { - bottom: 0.875rem; + .lg\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:left-3\.5 { - left: 0.875rem; + .lg\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:-top-1 { - top: -0.25rem; + .lg\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:-right-1 { - right: -0.25rem; + .lg\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:-bottom-1 { - bottom: -0.25rem; + .lg\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:-left-1 { - left: -0.25rem; + .lg\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:-top-2 { - top: -0.5rem; + .lg\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:-right-2 { - right: -0.5rem; + .lg\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:-bottom-2 { - bottom: -0.5rem; + .lg\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:-left-2 { - left: -0.5rem; + .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\:-top-3 { - top: -0.75rem; + .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\:-right-3 { - right: -0.75rem; + .lg\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:-bottom-3 { - bottom: -0.75rem; + .lg\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:-left-3 { - left: -0.75rem; + .lg\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:-top-4 { - top: -1rem; + .lg\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-right-4 { - right: -1rem; + .lg\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:-bottom-4 { - bottom: -1rem; + .lg\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-left-4 { - left: -1rem; + .lg\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-top-5 { - top: -1.25rem; + .lg\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-right-5 { - right: -1.25rem; + .lg\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-bottom-5 { - bottom: -1.25rem; + .lg\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-left-5 { - left: -1.25rem; + .lg\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-top-6 { - top: -1.5rem; + .lg\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-right-6 { - right: -1.5rem; + .lg\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-bottom-6 { - bottom: -1.5rem; + .lg\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-left-6 { - left: -1.5rem; + .lg\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-top-7 { - top: -1.75rem; + .lg\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-right-7 { - right: -1.75rem; + .lg\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-bottom-7 { - bottom: -1.75rem; + .lg\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-left-7 { - left: -1.75rem; + .lg\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-top-8 { - top: -2rem; + .lg\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-right-8 { - right: -2rem; + .lg\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-bottom-8 { - bottom: -2rem; + .lg\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-left-8 { - left: -2rem; + .lg\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-top-9 { - top: -2.25rem; + .lg\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-right-9 { - right: -2.25rem; + .lg\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-bottom-9 { - bottom: -2.25rem; + .lg\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-left-9 { - left: -2.25rem; + .lg\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-top-10 { - top: -2.5rem; + .lg\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-right-10 { - right: -2.5rem; + .lg\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-bottom-10 { - bottom: -2.5rem; + .lg\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-left-10 { - left: -2.5rem; + .lg\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:-top-12 { - top: -3rem; + .lg\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:-right-12 { - right: -3rem; + .lg\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:-bottom-12 { - bottom: -3rem; + .lg\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:-left-12 { - left: -3rem; + .lg\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:-top-14 { - top: -3.5rem; + .lg\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:-right-14 { - right: -3.5rem; + .lg\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:-bottom-14 { - bottom: -3.5rem; + .lg\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:-left-14 { - left: -3.5rem; + .lg\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:-top-16 { - top: -4rem; + .lg\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:-right-16 { - right: -4rem; + .lg\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:-bottom-16 { - bottom: -4rem; + .lg\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:-left-16 { - left: -4rem; + .lg\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:-top-20 { - top: -5rem; + .lg\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:-right-20 { - right: -5rem; + .lg\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:-bottom-20 { - bottom: -5rem; + .lg\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:-left-20 { - left: -5rem; + .lg\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:-top-24 { - top: -6rem; + .lg\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:-right-24 { - right: -6rem; + .lg\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:-bottom-24 { - bottom: -6rem; + .lg\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:-left-24 { - left: -6rem; + .lg\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:-top-28 { - top: -7rem; + .lg\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:-right-28 { - right: -7rem; + .lg\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:-bottom-28 { - bottom: -7rem; + .lg\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:-left-28 { - left: -7rem; + .lg\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:-top-32 { - top: -8rem; + .lg\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:-right-32 { - right: -8rem; + .lg\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:-bottom-32 { - bottom: -8rem; + .lg\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:-left-32 { - left: -8rem; + .lg\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-top-36 { - top: -9rem; + .lg\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-right-36 { - right: -9rem; + .lg\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-bottom-36 { - bottom: -9rem; + .lg\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-left-36 { - left: -9rem; + .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\:-top-40 { - top: -10rem; + .lg\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:-right-40 { - right: -10rem; + .lg\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:-bottom-40 { - bottom: -10rem; + .lg\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:-left-40 { - left: -10rem; + .lg\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:-top-44 { - top: -11rem; + .lg\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:-right-44 { - right: -11rem; + .lg\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:-bottom-44 { - bottom: -11rem; + .lg\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:-left-44 { - left: -11rem; + .lg\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:-top-48 { - top: -12rem; + .lg\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:-right-48 { - right: -12rem; + .lg\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .lg\:-bottom-48 { - bottom: -12rem; + .lg\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .lg\:-left-48 { - left: -12rem; + .lg\:hover\:to-black:hover { + --gradient-to-color: #000; } - .lg\:-top-52 { - top: -13rem; + .lg\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .lg\:-right-52 { - right: -13rem; + .lg\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .lg\:-bottom-52 { - bottom: -13rem; + .lg\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .lg\:-left-52 { - left: -13rem; + .lg\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .lg\:-top-56 { - top: -14rem; + .lg\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .lg\:-right-56 { - right: -14rem; + .lg\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .lg\:-bottom-56 { - bottom: -14rem; + .lg\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .lg\:-left-56 { - left: -14rem; + .lg\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .lg\:-top-60 { - top: -15rem; + .lg\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .lg\:-right-60 { - right: -15rem; + .lg\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .lg\:-bottom-60 { - bottom: -15rem; + .lg\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .lg\:-left-60 { - left: -15rem; + .lg\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .lg\:-top-64 { - top: -16rem; + .lg\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .lg\:-right-64 { - right: -16rem; + .lg\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .lg\:-bottom-64 { - bottom: -16rem; + .lg\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .lg\:-left-64 { - left: -16rem; + .lg\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .lg\:-top-72 { - top: -18rem; + .lg\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .lg\:-right-72 { - right: -18rem; + .lg\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .lg\:-bottom-72 { - bottom: -18rem; + .lg\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .lg\:-left-72 { - left: -18rem; + .lg\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .lg\:-top-80 { - top: -20rem; + .lg\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .lg\:-right-80 { - right: -20rem; + .lg\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .lg\:-bottom-80 { - bottom: -20rem; + .lg\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .lg\:-left-80 { - left: -20rem; + .lg\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .lg\:-top-96 { - top: -24rem; + .lg\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .lg\:-right-96 { - right: -24rem; + .lg\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .lg\:-bottom-96 { - bottom: -24rem; + .lg\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .lg\:-left-96 { - left: -24rem; + .lg\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .lg\:-top-px { - top: -1px; + .lg\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .lg\:-right-px { - right: -1px; + .lg\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .lg\:-bottom-px { - bottom: -1px; + .lg\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .lg\:-left-px { - left: -1px; + .lg\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .lg\:-top-0\.5 { - top: -0.125rem; + .lg\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .lg\:-right-0\.5 { - right: -0.125rem; + .lg\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .lg\:-bottom-0\.5 { - bottom: -0.125rem; + .lg\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .lg\:-left-0\.5 { - left: -0.125rem; + .lg\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .lg\:-top-1\.5 { - top: -0.375rem; + .lg\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .lg\:-right-1\.5 { - right: -0.375rem; + .lg\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .lg\:-bottom-1\.5 { - bottom: -0.375rem; + .lg\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .lg\:-left-1\.5 { - left: -0.375rem; + .lg\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .lg\:-top-2\.5 { - top: -0.625rem; + .lg\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .lg\:-right-2\.5 { - right: -0.625rem; + .lg\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .lg\:-bottom-2\.5 { - bottom: -0.625rem; + .lg\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .lg\:-left-2\.5 { - left: -0.625rem; + .lg\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .lg\:-top-3\.5 { - top: -0.875rem; + .lg\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .lg\:-right-3\.5 { - right: -0.875rem; + .lg\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .lg\:-bottom-3\.5 { - bottom: -0.875rem; + .lg\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .lg\:-left-3\.5 { - left: -0.875rem; + .lg\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .lg\:top-1\/2 { - top: 50%; + .lg\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .lg\:right-1\/2 { - right: 50%; + .lg\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .lg\:bottom-1\/2 { - bottom: 50%; + .lg\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .lg\:left-1\/2 { - left: 50%; + .lg\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .lg\:top-1\/3 { - top: 33.333333%; + .lg\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .lg\:right-1\/3 { - right: 33.333333%; + .lg\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .lg\:bottom-1\/3 { - bottom: 33.333333%; + .lg\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .lg\:left-1\/3 { - left: 33.333333%; + .lg\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .lg\:top-2\/3 { - top: 66.666667%; + .lg\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .lg\:right-2\/3 { - right: 66.666667%; + .lg\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .lg\:bottom-2\/3 { - bottom: 66.666667%; + .lg\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .lg\:left-2\/3 { - left: 66.666667%; + .lg\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .lg\:top-1\/4 { - top: 25%; + .lg\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .lg\:right-1\/4 { - right: 25%; + .lg\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .lg\:bottom-1\/4 { - bottom: 25%; + .lg\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .lg\:left-1\/4 { - left: 25%; + .lg\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .lg\:top-2\/4 { - top: 50%; + .lg\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .lg\:right-2\/4 { - right: 50%; + .lg\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .lg\:bottom-2\/4 { - bottom: 50%; + .lg\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .lg\:left-2\/4 { - left: 50%; + .lg\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .lg\:top-3\/4 { - top: 75%; + .lg\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .lg\:right-3\/4 { - right: 75%; + .lg\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .lg\:bottom-3\/4 { - bottom: 75%; + .lg\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .lg\:left-3\/4 { - left: 75%; + .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\:top-full { - top: 100%; + .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\:right-full { - right: 100%; + .lg\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:bottom-full { - bottom: 100%; + .lg\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:left-full { - left: 100%; + .lg\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:-top-1\/2 { - top: -50%; + .lg\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-right-1\/2 { - right: -50%; + .lg\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:-bottom-1\/2 { - bottom: -50%; + .lg\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-left-1\/2 { - left: -50%; + .lg\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-top-1\/3 { - top: -33.333333%; + .lg\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-right-1\/3 { - right: -33.333333%; + .lg\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-bottom-1\/3 { - bottom: -33.333333%; + .lg\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-left-1\/3 { - left: -33.333333%; + .lg\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-top-2\/3 { - top: -66.666667%; + .lg\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-right-2\/3 { - right: -66.666667%; + .lg\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-bottom-2\/3 { - bottom: -66.666667%; + .lg\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-left-2\/3 { - left: -66.666667%; + .lg\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-top-1\/4 { - top: -25%; + .lg\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-right-1\/4 { - right: -25%; + .lg\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-bottom-1\/4 { - bottom: -25%; + .lg\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-left-1\/4 { - left: -25%; + .lg\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-top-2\/4 { - top: -50%; + .lg\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-right-2\/4 { - right: -50%; + .lg\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-bottom-2\/4 { - bottom: -50%; + .lg\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-left-2\/4 { - left: -50%; + .lg\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-top-3\/4 { - top: -75%; + .lg\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-right-3\/4 { - right: -75%; + .lg\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-bottom-3\/4 { - bottom: -75%; + .lg\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-left-3\/4 { - left: -75%; + .lg\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-top-full { - top: -100%; + .lg\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-right-full { - right: -100%; + .lg\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-bottom-full { - bottom: -100%; + .lg\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-left-full { - left: -100%; + .lg\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:resize-none { - resize: none; + .lg\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:resize-y { - resize: vertical; + .lg\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:resize-x { - resize: horizontal; + .lg\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:resize { - resize: both; + .lg\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .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\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .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\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .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\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .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\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:shadow-none { - box-shadow: none; + .lg\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .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\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .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\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .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\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .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\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .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\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .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\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .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\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .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\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .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\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:fill-current { - fill: currentColor; + .lg\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:stroke-current { - stroke: currentColor; + .lg\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:stroke-0 { - stroke-width: 0; + .lg\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:stroke-1 { - stroke-width: 1; + .lg\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:stroke-2 { - stroke-width: 2; + .lg\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:table-auto { - table-layout: auto; + .lg\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:table-fixed { - table-layout: fixed; + .lg\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:text-left { - text-align: left; + .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\:text-center { - text-align: center; + .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\:text-right { - text-align: right; + .lg\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:text-justify { - text-align: justify; + .lg\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:text-transparent { - color: transparent; + .lg\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:text-current { - color: currentColor; + .lg\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:text-black { - color: #000; + .lg\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:text-white { - color: #fff; + .lg\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:text-gray-50 { - color: #fafafa; + .lg\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:text-gray-100 { - color: #f4f4f5; + .lg\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:text-gray-200 { - color: #e4e4e7; + .lg\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:text-gray-300 { - color: #d4d4d8; + .lg\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:text-gray-400 { - color: #a1a1aa; + .lg\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:text-gray-500 { - color: #71717a; + .lg\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:text-gray-600 { - color: #52525b; + .lg\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:text-gray-700 { - color: #3f3f46; + .lg\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:text-gray-800 { - color: #27272a; + .lg\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:text-gray-900 { - color: #18181b; + .lg\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:text-red-50 { - color: #fef2f2; + .lg\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:text-red-100 { - color: #fee2e2; + .lg\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:text-red-200 { - color: #fecaca; + .lg\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:text-red-300 { - color: #fca5a5; + .lg\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:text-red-400 { - color: #f87171; + .lg\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:text-red-500 { - color: #ef4444; + .lg\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:text-red-600 { - color: #dc2626; + .lg\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:text-red-700 { - color: #b91c1c; + .lg\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:text-red-800 { - color: #991b1b; + .lg\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:text-red-900 { - color: #7f1d1d; + .lg\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:text-yellow-50 { - color: #fffbeb; + .lg\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:text-yellow-100 { - color: #fef3c7; + .lg\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:text-yellow-200 { - color: #fde68a; + .lg\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:text-yellow-300 { - color: #fcd34d; + .lg\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:text-yellow-400 { - color: #fbbf24; + .lg\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:text-yellow-500 { - color: #f59e0b; + .lg\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:text-yellow-600 { - color: #d97706; + .lg\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:text-yellow-700 { - color: #b45309; + .lg\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:text-yellow-800 { - color: #92400e; + .lg\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:text-yellow-900 { - color: #78350f; + .lg\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:text-green-50 { - color: #ecfdf5; + .lg\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:text-green-100 { - color: #d1fae5; + .lg\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:text-green-200 { - color: #a7f3d0; + .lg\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:text-green-300 { - color: #6ee7b7; + .lg\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:text-green-400 { - color: #34d399; + .lg\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:text-green-500 { - color: #10b981; + .lg\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:text-green-600 { - color: #059669; + .lg\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:text-green-700 { - color: #047857; + .lg\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:text-green-800 { - color: #065f46; + .lg\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:text-green-900 { - color: #064e3b; + .lg\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:text-blue-50 { - color: #eff6ff; + .lg\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:text-blue-100 { - color: #dbeafe; + .lg\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:text-blue-200 { - color: #bfdbfe; + .lg\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:text-blue-300 { - color: #93c5fd; + .lg\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:text-blue-400 { - color: #60a5fa; + .lg\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:text-blue-500 { - color: #3b82f6; + .lg\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:text-blue-600 { - color: #2563eb; + .lg\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:text-blue-700 { - color: #1d4ed8; + .lg\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:text-blue-800 { - color: #1e40af; + .lg\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:text-blue-900 { - color: #1e3a8a; + .lg\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:text-purple-50 { - color: #f5f3ff; + .lg\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:text-purple-100 { - color: #ede9fe; + .lg\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:text-purple-200 { - color: #ddd6fe; + .lg\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:text-purple-300 { - color: #c4b5fd; + .lg\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:text-purple-400 { - color: #a78bfa; + .lg\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:text-purple-500 { - color: #8b5cf6; + .lg\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:text-purple-600 { - color: #7c3aed; + .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\:text-purple-700 { - color: #6d28d9; + .lg\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:text-purple-800 { - color: #5b21b6; + .lg\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:text-purple-900 { - color: #4c1d95; + .lg\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:text-pink-50 { - color: #fdf2f8; + .lg\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:text-pink-100 { - color: #fce7f3; + .lg\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:text-pink-200 { - color: #fbcfe8; + .lg\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:text-pink-300 { - color: #f9a8d4; + .lg\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:text-pink-400 { - color: #f472b6; + .lg\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:text-pink-500 { - color: #ec4899; + .lg\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:text-pink-600 { - color: #db2777; + .lg\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .lg\:text-pink-700 { - color: #be185d; + .lg\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .lg\:text-pink-800 { - color: #9d174d; + .lg\:focus\:to-black:focus { + --gradient-to-color: #000; } - .lg\:text-pink-900 { - color: #831843; + .lg\:focus\:to-white:focus { + --gradient-to-color: #fff; } - .group:hover .lg\:group-hover\:text-transparent { - color: transparent; + .lg\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; } - .group:hover .lg\:group-hover\:text-current { - color: currentColor; + .lg\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; } - .group:hover .lg\:group-hover\:text-black { - color: #000; + .lg\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; } - .group:hover .lg\:group-hover\:text-white { - color: #fff; + .lg\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; } - .group:hover .lg\:group-hover\:text-gray-50 { - color: #fafafa; + .lg\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; } - .group:hover .lg\:group-hover\:text-gray-100 { - color: #f4f4f5; + .lg\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; } - .group:hover .lg\:group-hover\:text-gray-200 { - color: #e4e4e7; + .lg\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; } - .group:hover .lg\:group-hover\:text-gray-300 { - color: #d4d4d8; + .lg\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; } - .group:hover .lg\:group-hover\:text-gray-400 { - color: #a1a1aa; + .lg\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; } - .group:hover .lg\:group-hover\:text-gray-500 { - color: #71717a; + .lg\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; } - .group:hover .lg\:group-hover\:text-gray-600 { - color: #52525b; + .lg\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; } - .group:hover .lg\:group-hover\:text-gray-700 { - color: #3f3f46; + .lg\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; } - .group:hover .lg\:group-hover\:text-gray-800 { - color: #27272a; + .lg\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; } - .group:hover .lg\:group-hover\:text-gray-900 { - color: #18181b; + .lg\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; } - .group:hover .lg\:group-hover\:text-red-50 { - color: #fef2f2; + .lg\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; } - .group:hover .lg\:group-hover\:text-red-100 { - color: #fee2e2; + .lg\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; } - .group:hover .lg\:group-hover\:text-red-200 { - color: #fecaca; + .lg\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; } - .group:hover .lg\:group-hover\:text-red-300 { - color: #fca5a5; + .lg\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; } - .group:hover .lg\:group-hover\:text-red-400 { - color: #f87171; + .lg\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; } - .group:hover .lg\:group-hover\:text-red-500 { - color: #ef4444; + .lg\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; } - .group:hover .lg\:group-hover\:text-red-600 { - color: #dc2626; + .lg\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; } - .group:hover .lg\:group-hover\:text-red-700 { - color: #b91c1c; + .lg\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; } - .group:hover .lg\:group-hover\:text-red-800 { - color: #991b1b; + .lg\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; } - .group:hover .lg\:group-hover\:text-red-900 { - color: #7f1d1d; + .lg\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; } - .group:hover .lg\:group-hover\:text-yellow-50 { - color: #fffbeb; + .lg\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; } - .group:hover .lg\:group-hover\:text-yellow-100 { - color: #fef3c7; + .lg\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; } - .group:hover .lg\:group-hover\:text-yellow-200 { - color: #fde68a; + .lg\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; } - .group:hover .lg\:group-hover\:text-yellow-300 { - color: #fcd34d; + .lg\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; } - .group:hover .lg\:group-hover\:text-yellow-400 { - color: #fbbf24; + .lg\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; } - .group:hover .lg\:group-hover\:text-yellow-500 { - color: #f59e0b; + .lg\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; } - .group:hover .lg\:group-hover\:text-yellow-600 { - color: #d97706; + .lg\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; } - .group:hover .lg\:group-hover\:text-yellow-700 { - color: #b45309; + .lg\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .group:hover .lg\:group-hover\:text-yellow-800 { - color: #92400e; + .lg\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .group:hover .lg\:group-hover\:text-yellow-900 { - color: #78350f; + .lg\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .group:hover .lg\:group-hover\:text-green-50 { - color: #ecfdf5; + .lg\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .group:hover .lg\:group-hover\:text-green-100 { - color: #d1fae5; + .lg\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .group:hover .lg\:group-hover\:text-green-200 { - color: #a7f3d0; + .lg\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .group:hover .lg\:group-hover\:text-green-300 { - color: #6ee7b7; + .lg\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .group:hover .lg\:group-hover\:text-green-400 { - color: #34d399; + .lg\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .group:hover .lg\:group-hover\:text-green-500 { - color: #10b981; + .lg\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .group:hover .lg\:group-hover\:text-green-600 { - color: #059669; + .lg\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .group:hover .lg\:group-hover\:text-green-700 { - color: #047857; + .lg\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .group:hover .lg\:group-hover\:text-green-800 { - color: #065f46; + .lg\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .group:hover .lg\:group-hover\:text-green-900 { - color: #064e3b; + .lg\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .group:hover .lg\:group-hover\:text-blue-50 { - color: #eff6ff; + .lg\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .group:hover .lg\:group-hover\:text-blue-100 { - color: #dbeafe; + .lg\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .group:hover .lg\:group-hover\:text-blue-200 { - color: #bfdbfe; + .lg\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .group:hover .lg\:group-hover\:text-blue-300 { - color: #93c5fd; + .lg\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .group:hover .lg\:group-hover\:text-blue-400 { - color: #60a5fa; + .lg\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .group:hover .lg\:group-hover\:text-blue-500 { - color: #3b82f6; + .lg\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .group:hover .lg\:group-hover\:text-blue-600 { - color: #2563eb; + .lg\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .group:hover .lg\:group-hover\:text-blue-700 { - color: #1d4ed8; + .lg\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .group:hover .lg\:group-hover\:text-blue-800 { - color: #1e40af; + .lg\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .group:hover .lg\:group-hover\:text-blue-900 { - color: #1e3a8a; + .lg\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .group:hover .lg\:group-hover\:text-purple-50 { - color: #f5f3ff; + .lg\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .group:hover .lg\:group-hover\:text-purple-100 { - color: #ede9fe; + .lg\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .group:hover .lg\:group-hover\:text-purple-200 { - color: #ddd6fe; + .lg\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .group:hover .lg\:group-hover\:text-purple-300 { - color: #c4b5fd; + .lg\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .group:hover .lg\:group-hover\:text-purple-400 { - color: #a78bfa; + .lg\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .group:hover .lg\:group-hover\:text-purple-500 { - color: #8b5cf6; + .lg\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .group:hover .lg\:group-hover\:text-purple-600 { - color: #7c3aed; + .lg\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .group:hover .lg\:group-hover\:text-purple-700 { - color: #6d28d9; + .lg\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .group:hover .lg\:group-hover\:text-purple-800 { - color: #5b21b6; + .lg\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .group:hover .lg\:group-hover\:text-purple-900 { - color: #4c1d95; + .lg\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .group:hover .lg\:group-hover\:text-pink-50 { - color: #fdf2f8; + .lg\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .group:hover .lg\:group-hover\:text-pink-100 { - color: #fce7f3; + .lg\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .group:hover .lg\:group-hover\:text-pink-200 { - color: #fbcfe8; + .lg\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .group:hover .lg\:group-hover\:text-pink-300 { - color: #f9a8d4; + .lg\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .group:hover .lg\:group-hover\:text-pink-400 { - color: #f472b6; + .lg\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .group:hover .lg\:group-hover\:text-pink-500 { - color: #ec4899; + .lg\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .group:hover .lg\:group-hover\:text-pink-600 { - color: #db2777; + .lg\:bg-bottom { + background-position: bottom; } - .group:hover .lg\:group-hover\:text-pink-700 { - color: #be185d; + .lg\:bg-center { + background-position: center; } - .group:hover .lg\:group-hover\:text-pink-800 { - color: #9d174d; + .lg\:bg-left { + background-position: left; } - .group:hover .lg\:group-hover\:text-pink-900 { - color: #831843; + .lg\:bg-left-bottom { + background-position: left bottom; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .lg\:bg-left-top { + background-position: left top; } - .lg\:hover\:text-current:hover { - color: currentColor; + .lg\:bg-right { + background-position: right; } - .lg\:hover\:text-black:hover { - color: #000; + .lg\:bg-right-bottom { + background-position: right bottom; } - .lg\:hover\:text-white:hover { - color: #fff; + .lg\:bg-right-top { + background-position: right top; } - .lg\:hover\:text-gray-50:hover { - color: #fafafa; + .lg\:bg-top { + background-position: top; } - .lg\:hover\:text-gray-100:hover { - color: #f4f4f5; + .lg\:bg-repeat { + background-repeat: repeat; } - .lg\:hover\:text-gray-200:hover { - color: #e4e4e7; + .lg\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:hover\:text-gray-300:hover { - color: #d4d4d8; + .lg\:bg-repeat-x { + background-repeat: repeat-x; } - .lg\:hover\:text-gray-400:hover { - color: #a1a1aa; + .lg\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:hover\:text-gray-500:hover { - color: #71717a; + .lg\:bg-repeat-round { + background-repeat: round; } - .lg\:hover\:text-gray-600:hover { - color: #52525b; + .lg\:bg-repeat-space { + background-repeat: space; } - .lg\:hover\:text-gray-700:hover { - color: #3f3f46; + .lg\:bg-auto { + background-size: auto; } - .lg\:hover\:text-gray-800:hover { - color: #27272a; + .lg\:bg-cover { + background-size: cover; } - .lg\:hover\:text-gray-900:hover { - color: #18181b; + .lg\:bg-contain { + background-size: contain; } - .lg\:hover\:text-red-50:hover { - color: #fef2f2; + .lg\:border-collapse { + border-collapse: collapse; } - .lg\:hover\:text-red-100:hover { - color: #fee2e2; + .lg\:border-separate { + border-collapse: separate; } - .lg\:hover\:text-red-200:hover { - color: #fecaca; + .lg\:border-transparent { + border-color: transparent; } - .lg\:hover\:text-red-300:hover { - color: #fca5a5; + .lg\:border-current { + border-color: currentColor; } - .lg\:hover\:text-red-400:hover { - color: #f87171; + .lg\:border-black { + border-color: #000; } - .lg\:hover\:text-red-500:hover { - color: #ef4444; + .lg\:border-white { + border-color: #fff; } - .lg\:hover\:text-red-600:hover { - color: #dc2626; + .lg\:border-gray-50 { + border-color: #fafafa; } - .lg\:hover\:text-red-700:hover { - color: #b91c1c; + .lg\:border-gray-100 { + border-color: #f4f4f5; } - .lg\:hover\:text-red-800:hover { - color: #991b1b; + .lg\:border-gray-200 { + border-color: #e4e4e7; } - .lg\:hover\:text-red-900:hover { - color: #7f1d1d; + .lg\:border-gray-300 { + border-color: #d4d4d8; } - .lg\:hover\:text-yellow-50:hover { - color: #fffbeb; + .lg\:border-gray-400 { + border-color: #a1a1aa; } - .lg\:hover\:text-yellow-100:hover { - color: #fef3c7; + .lg\:border-gray-500 { + border-color: #71717a; } - .lg\:hover\:text-yellow-200:hover { - color: #fde68a; + .lg\:border-gray-600 { + border-color: #52525b; } - .lg\:hover\:text-yellow-300:hover { - color: #fcd34d; + .lg\:border-gray-700 { + border-color: #3f3f46; } - .lg\:hover\:text-yellow-400:hover { - color: #fbbf24; + .lg\:border-gray-800 { + border-color: #27272a; } - .lg\:hover\:text-yellow-500:hover { - color: #f59e0b; + .lg\:border-gray-900 { + border-color: #18181b; } - .lg\:hover\:text-yellow-600:hover { - color: #d97706; + .lg\:border-red-50 { + border-color: #fef2f2; } - .lg\:hover\:text-yellow-700:hover { - color: #b45309; + .lg\:border-red-100 { + border-color: #fee2e2; } - .lg\:hover\:text-yellow-800:hover { - color: #92400e; + .lg\:border-red-200 { + border-color: #fecaca; } - .lg\:hover\:text-yellow-900:hover { - color: #78350f; + .lg\:border-red-300 { + border-color: #fca5a5; } - .lg\:hover\:text-green-50:hover { - color: #ecfdf5; + .lg\:border-red-400 { + border-color: #f87171; } - .lg\:hover\:text-green-100:hover { - color: #d1fae5; + .lg\:border-red-500 { + border-color: #ef4444; } - .lg\:hover\:text-green-200:hover { - color: #a7f3d0; + .lg\:border-red-600 { + border-color: #dc2626; } - .lg\:hover\:text-green-300:hover { - color: #6ee7b7; + .lg\:border-red-700 { + border-color: #b91c1c; } - .lg\:hover\:text-green-400:hover { - color: #34d399; + .lg\:border-red-800 { + border-color: #991b1b; } - .lg\:hover\:text-green-500:hover { - color: #10b981; + .lg\:border-red-900 { + border-color: #7f1d1d; } - .lg\:hover\:text-green-600:hover { - color: #059669; + .lg\:border-yellow-50 { + border-color: #fffbeb; } - .lg\:hover\:text-green-700:hover { - color: #047857; + .lg\:border-yellow-100 { + border-color: #fef3c7; } - .lg\:hover\:text-green-800:hover { - color: #065f46; + .lg\:border-yellow-200 { + border-color: #fde68a; } - .lg\:hover\:text-green-900:hover { - color: #064e3b; + .lg\:border-yellow-300 { + border-color: #fcd34d; } - .lg\:hover\:text-blue-50:hover { - color: #eff6ff; + .lg\:border-yellow-400 { + border-color: #fbbf24; } - .lg\:hover\:text-blue-100:hover { - color: #dbeafe; + .lg\:border-yellow-500 { + border-color: #f59e0b; } - .lg\:hover\:text-blue-200:hover { - color: #bfdbfe; + .lg\:border-yellow-600 { + border-color: #d97706; } - .lg\:hover\:text-blue-300:hover { - color: #93c5fd; + .lg\:border-yellow-700 { + border-color: #b45309; } - .lg\:hover\:text-blue-400:hover { - color: #60a5fa; + .lg\:border-yellow-800 { + border-color: #92400e; } - .lg\:hover\:text-blue-500:hover { - color: #3b82f6; + .lg\:border-yellow-900 { + border-color: #78350f; } - .lg\:hover\:text-blue-600:hover { - color: #2563eb; + .lg\:border-green-50 { + border-color: #ecfdf5; } - .lg\:hover\:text-blue-700:hover { - color: #1d4ed8; + .lg\:border-green-100 { + border-color: #d1fae5; } - .lg\:hover\:text-blue-800:hover { - color: #1e40af; + .lg\:border-green-200 { + border-color: #a7f3d0; } - .lg\:hover\:text-blue-900:hover { - color: #1e3a8a; + .lg\:border-green-300 { + border-color: #6ee7b7; } - .lg\:hover\:text-purple-50:hover { - color: #f5f3ff; + .lg\:border-green-400 { + border-color: #34d399; } - .lg\:hover\:text-purple-100:hover { - color: #ede9fe; + .lg\:border-green-500 { + border-color: #10b981; } - .lg\:hover\:text-purple-200:hover { - color: #ddd6fe; + .lg\:border-green-600 { + border-color: #059669; } - .lg\:hover\:text-purple-300:hover { - color: #c4b5fd; + .lg\:border-green-700 { + border-color: #047857; } - .lg\:hover\:text-purple-400:hover { - color: #a78bfa; + .lg\:border-green-800 { + border-color: #065f46; } - .lg\:hover\:text-purple-500:hover { - color: #8b5cf6; + .lg\:border-green-900 { + border-color: #064e3b; } - .lg\:hover\:text-purple-600:hover { - color: #7c3aed; + .lg\:border-blue-50 { + border-color: #eff6ff; } - .lg\:hover\:text-purple-700:hover { - color: #6d28d9; + .lg\:border-blue-100 { + border-color: #dbeafe; } - .lg\:hover\:text-purple-800:hover { - color: #5b21b6; + .lg\:border-blue-200 { + border-color: #bfdbfe; } - .lg\:hover\:text-purple-900:hover { - color: #4c1d95; + .lg\:border-blue-300 { + border-color: #93c5fd; } - .lg\:hover\:text-pink-50:hover { - color: #fdf2f8; + .lg\:border-blue-400 { + border-color: #60a5fa; } - .lg\:hover\:text-pink-100:hover { - color: #fce7f3; + .lg\:border-blue-500 { + border-color: #3b82f6; } - .lg\:hover\:text-pink-200:hover { - color: #fbcfe8; + .lg\:border-blue-600 { + border-color: #2563eb; } - .lg\:hover\:text-pink-300:hover { - color: #f9a8d4; + .lg\:border-blue-700 { + border-color: #1d4ed8; } - .lg\:hover\:text-pink-400:hover { - color: #f472b6; + .lg\:border-blue-800 { + border-color: #1e40af; } - .lg\:hover\:text-pink-500:hover { - color: #ec4899; + .lg\:border-blue-900 { + border-color: #1e3a8a; } - .lg\:hover\:text-pink-600:hover { - color: #db2777; + .lg\:border-purple-50 { + border-color: #f5f3ff; } - .lg\:hover\:text-pink-700:hover { - color: #be185d; + .lg\:border-purple-100 { + border-color: #ede9fe; } - .lg\:hover\:text-pink-800:hover { - color: #9d174d; + .lg\:border-purple-200 { + border-color: #ddd6fe; } - .lg\:hover\:text-pink-900:hover { - color: #831843; + .lg\:border-purple-300 { + border-color: #c4b5fd; } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:border-purple-400 { + border-color: #a78bfa; } - .lg\:focus\:text-current:focus { - color: currentColor; + .lg\:border-purple-500 { + border-color: #8b5cf6; } - .lg\:focus\:text-black:focus { - color: #000; + .lg\:border-purple-600 { + border-color: #7c3aed; } - .lg\:focus\:text-white:focus { - color: #fff; + .lg\:border-purple-700 { + border-color: #6d28d9; } - .lg\:focus\:text-gray-50:focus { - color: #fafafa; + .lg\:border-purple-800 { + border-color: #5b21b6; } - .lg\:focus\:text-gray-100:focus { - color: #f4f4f5; + .lg\:border-purple-900 { + border-color: #4c1d95; } - .lg\:focus\:text-gray-200:focus { - color: #e4e4e7; + .lg\:border-pink-50 { + border-color: #fdf2f8; } - .lg\:focus\:text-gray-300:focus { - color: #d4d4d8; + .lg\:border-pink-100 { + border-color: #fce7f3; } - .lg\:focus\:text-gray-400:focus { - color: #a1a1aa; + .lg\:border-pink-200 { + border-color: #fbcfe8; } - .lg\:focus\:text-gray-500:focus { - color: #71717a; + .lg\:border-pink-300 { + border-color: #f9a8d4; } - .lg\:focus\:text-gray-600:focus { - color: #52525b; + .lg\:border-pink-400 { + border-color: #f472b6; } - .lg\:focus\:text-gray-700:focus { - color: #3f3f46; + .lg\:border-pink-500 { + border-color: #ec4899; } - .lg\:focus\:text-gray-800:focus { - color: #27272a; + .lg\:border-pink-600 { + border-color: #db2777; } - .lg\:focus\:text-gray-900:focus { - color: #18181b; + .lg\:border-pink-700 { + border-color: #be185d; } - .lg\:focus\:text-red-50:focus { - color: #fef2f2; + .lg\:border-pink-800 { + border-color: #9d174d; } - .lg\:focus\:text-red-100:focus { - color: #fee2e2; + .lg\:border-pink-900 { + border-color: #831843; } - .lg\:focus\:text-red-200:focus { - color: #fecaca; + .group:hover .lg\:group-hover\:border-transparent { + border-color: transparent; } - .lg\:focus\:text-red-300:focus { - color: #fca5a5; + .group:hover .lg\:group-hover\:border-current { + border-color: currentColor; } - .lg\:focus\:text-red-400:focus { - color: #f87171; + .group:hover .lg\:group-hover\:border-black { + border-color: #000; } - .lg\:focus\:text-red-500:focus { - color: #ef4444; + .group:hover .lg\:group-hover\:border-white { + border-color: #fff; } - .lg\:focus\:text-red-600:focus { - color: #dc2626; + .group:hover .lg\:group-hover\:border-gray-50 { + border-color: #fafafa; } - .lg\:focus\:text-red-700:focus { - color: #b91c1c; + .group:hover .lg\:group-hover\:border-gray-100 { + border-color: #f4f4f5; } - .lg\:focus\:text-red-800:focus { - color: #991b1b; + .group:hover .lg\:group-hover\:border-gray-200 { + border-color: #e4e4e7; } - .lg\:focus\:text-red-900:focus { - color: #7f1d1d; + .group:hover .lg\:group-hover\:border-gray-300 { + border-color: #d4d4d8; } - .lg\:focus\:text-yellow-50:focus { - color: #fffbeb; + .group:hover .lg\:group-hover\:border-gray-400 { + border-color: #a1a1aa; } - .lg\:focus\:text-yellow-100:focus { - color: #fef3c7; + .group:hover .lg\:group-hover\:border-gray-500 { + border-color: #71717a; } - .lg\:focus\:text-yellow-200:focus { - color: #fde68a; + .group:hover .lg\:group-hover\:border-gray-600 { + border-color: #52525b; } - .lg\:focus\:text-yellow-300:focus { - color: #fcd34d; + .group:hover .lg\:group-hover\:border-gray-700 { + border-color: #3f3f46; } - .lg\:focus\:text-yellow-400:focus { - color: #fbbf24; + .group:hover .lg\:group-hover\:border-gray-800 { + border-color: #27272a; } - .lg\:focus\:text-yellow-500:focus { - color: #f59e0b; + .group:hover .lg\:group-hover\:border-gray-900 { + border-color: #18181b; } - .lg\:focus\:text-yellow-600:focus { - color: #d97706; + .group:hover .lg\:group-hover\:border-red-50 { + border-color: #fef2f2; } - .lg\:focus\:text-yellow-700:focus { - color: #b45309; + .group:hover .lg\:group-hover\:border-red-100 { + border-color: #fee2e2; } - .lg\:focus\:text-yellow-800:focus { - color: #92400e; + .group:hover .lg\:group-hover\:border-red-200 { + border-color: #fecaca; } - .lg\:focus\:text-yellow-900:focus { - color: #78350f; + .group:hover .lg\:group-hover\:border-red-300 { + border-color: #fca5a5; } - .lg\:focus\:text-green-50:focus { - color: #ecfdf5; + .group:hover .lg\:group-hover\:border-red-400 { + border-color: #f87171; } - .lg\:focus\:text-green-100:focus { - color: #d1fae5; + .group:hover .lg\:group-hover\:border-red-500 { + border-color: #ef4444; } - .lg\:focus\:text-green-200:focus { - color: #a7f3d0; + .group:hover .lg\:group-hover\:border-red-600 { + border-color: #dc2626; } - .lg\:focus\:text-green-300:focus { - color: #6ee7b7; + .group:hover .lg\:group-hover\:border-red-700 { + border-color: #b91c1c; } - .lg\:focus\:text-green-400:focus { - color: #34d399; + .group:hover .lg\:group-hover\:border-red-800 { + border-color: #991b1b; } - .lg\:focus\:text-green-500:focus { - color: #10b981; + .group:hover .lg\:group-hover\:border-red-900 { + border-color: #7f1d1d; } - .lg\:focus\:text-green-600:focus { - color: #059669; + .group:hover .lg\:group-hover\:border-yellow-50 { + border-color: #fffbeb; } - .lg\:focus\:text-green-700:focus { - color: #047857; + .group:hover .lg\:group-hover\:border-yellow-100 { + border-color: #fef3c7; } - .lg\:focus\:text-green-800:focus { - color: #065f46; + .group:hover .lg\:group-hover\:border-yellow-200 { + border-color: #fde68a; } - .lg\:focus\:text-green-900:focus { - color: #064e3b; + .group:hover .lg\:group-hover\:border-yellow-300 { + border-color: #fcd34d; } - .lg\:focus\:text-blue-50:focus { - color: #eff6ff; + .group:hover .lg\:group-hover\:border-yellow-400 { + border-color: #fbbf24; } - .lg\:focus\:text-blue-100:focus { - color: #dbeafe; + .group:hover .lg\:group-hover\:border-yellow-500 { + border-color: #f59e0b; } - .lg\:focus\:text-blue-200:focus { - color: #bfdbfe; + .group:hover .lg\:group-hover\:border-yellow-600 { + border-color: #d97706; } - .lg\:focus\:text-blue-300:focus { - color: #93c5fd; + .group:hover .lg\:group-hover\:border-yellow-700 { + border-color: #b45309; } - .lg\:focus\:text-blue-400:focus { - color: #60a5fa; + .group:hover .lg\:group-hover\:border-yellow-800 { + border-color: #92400e; } - .lg\:focus\:text-blue-500:focus { - color: #3b82f6; + .group:hover .lg\:group-hover\:border-yellow-900 { + border-color: #78350f; } - .lg\:focus\:text-blue-600:focus { - color: #2563eb; + .group:hover .lg\:group-hover\:border-green-50 { + border-color: #ecfdf5; } - .lg\:focus\:text-blue-700:focus { - color: #1d4ed8; + .group:hover .lg\:group-hover\:border-green-100 { + border-color: #d1fae5; } - .lg\:focus\:text-blue-800:focus { - color: #1e40af; + .group:hover .lg\:group-hover\:border-green-200 { + border-color: #a7f3d0; } - .lg\:focus\:text-blue-900:focus { - color: #1e3a8a; + .group:hover .lg\:group-hover\:border-green-300 { + border-color: #6ee7b7; } - .lg\:focus\:text-purple-50:focus { - color: #f5f3ff; + .group:hover .lg\:group-hover\:border-green-400 { + border-color: #34d399; } - .lg\:focus\:text-purple-100:focus { - color: #ede9fe; + .group:hover .lg\:group-hover\:border-green-500 { + border-color: #10b981; } - .lg\:focus\:text-purple-200:focus { - color: #ddd6fe; + .group:hover .lg\:group-hover\:border-green-600 { + border-color: #059669; } - .lg\:focus\:text-purple-300:focus { - color: #c4b5fd; + .group:hover .lg\:group-hover\:border-green-700 { + border-color: #047857; } - .lg\:focus\:text-purple-400:focus { - color: #a78bfa; + .group:hover .lg\:group-hover\:border-green-800 { + border-color: #065f46; } - .lg\:focus\:text-purple-500:focus { - color: #8b5cf6; + .group:hover .lg\:group-hover\:border-green-900 { + border-color: #064e3b; } - .lg\:focus\:text-purple-600:focus { - color: #7c3aed; + .group:hover .lg\:group-hover\:border-blue-50 { + border-color: #eff6ff; } - .lg\:focus\:text-purple-700:focus { - color: #6d28d9; + .group:hover .lg\:group-hover\:border-blue-100 { + border-color: #dbeafe; } - .lg\:focus\:text-purple-800:focus { - color: #5b21b6; + .group:hover .lg\:group-hover\:border-blue-200 { + border-color: #bfdbfe; } - .lg\:focus\:text-purple-900:focus { - color: #4c1d95; + .group:hover .lg\:group-hover\:border-blue-300 { + border-color: #93c5fd; } - .lg\:focus\:text-pink-50:focus { - color: #fdf2f8; + .group:hover .lg\:group-hover\:border-blue-400 { + border-color: #60a5fa; } - .lg\:focus\:text-pink-100:focus { - color: #fce7f3; + .group:hover .lg\:group-hover\:border-blue-500 { + border-color: #3b82f6; } - .lg\:focus\:text-pink-200:focus { - color: #fbcfe8; + .group:hover .lg\:group-hover\:border-blue-600 { + border-color: #2563eb; } - .lg\:focus\:text-pink-300:focus { - color: #f9a8d4; + .group:hover .lg\:group-hover\:border-blue-700 { + border-color: #1d4ed8; } - .lg\:focus\:text-pink-400:focus { - color: #f472b6; + .group:hover .lg\:group-hover\:border-blue-800 { + border-color: #1e40af; } - .lg\:focus\:text-pink-500:focus { - color: #ec4899; + .group:hover .lg\:group-hover\:border-blue-900 { + border-color: #1e3a8a; } - .lg\:focus\:text-pink-600:focus { - color: #db2777; + .group:hover .lg\:group-hover\:border-purple-50 { + border-color: #f5f3ff; } - .lg\:focus\:text-pink-700:focus { - color: #be185d; + .group:hover .lg\:group-hover\:border-purple-100 { + border-color: #ede9fe; } - .lg\:focus\:text-pink-800:focus { - color: #9d174d; + .group:hover .lg\:group-hover\:border-purple-200 { + border-color: #ddd6fe; } - .lg\:focus\:text-pink-900:focus { - color: #831843; + .group:hover .lg\:group-hover\:border-purple-300 { + border-color: #c4b5fd; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:text-transparent { - color: transparent; - } - - .lg\:dark\:text-current { - color: currentColor; - } - - .lg\:dark\:text-black { - color: #000; - } - - .lg\:dark\:text-white { - color: #fff; - } - - .lg\:dark\:text-gray-50 { - color: #fafafa; - } - - .lg\:dark\:text-gray-100 { - color: #f4f4f5; - } - - .lg\:dark\:text-gray-200 { - color: #e4e4e7; - } - - .lg\:dark\:text-gray-300 { - color: #d4d4d8; - } - - .lg\:dark\:text-gray-400 { - color: #a1a1aa; - } - - .lg\:dark\:text-gray-500 { - color: #71717a; - } - - .lg\:dark\:text-gray-600 { - color: #52525b; - } - - .lg\:dark\:text-gray-700 { - color: #3f3f46; - } - - .lg\:dark\:text-gray-800 { - color: #27272a; - } + .group:hover .lg\:group-hover\:border-purple-400 { + border-color: #a78bfa; + } - .lg\:dark\:text-gray-900 { - color: #18181b; - } + .group:hover .lg\:group-hover\:border-purple-500 { + border-color: #8b5cf6; + } - .lg\:dark\:text-red-50 { - color: #fef2f2; - } + .group:hover .lg\:group-hover\:border-purple-600 { + border-color: #7c3aed; + } - .lg\:dark\:text-red-100 { - color: #fee2e2; - } + .group:hover .lg\:group-hover\:border-purple-700 { + border-color: #6d28d9; + } - .lg\:dark\:text-red-200 { - color: #fecaca; - } + .group:hover .lg\:group-hover\:border-purple-800 { + border-color: #5b21b6; + } - .lg\:dark\:text-red-300 { - color: #fca5a5; - } + .group:hover .lg\:group-hover\:border-purple-900 { + border-color: #4c1d95; + } - .lg\:dark\:text-red-400 { - color: #f87171; - } + .group:hover .lg\:group-hover\:border-pink-50 { + border-color: #fdf2f8; + } - .lg\:dark\:text-red-500 { - color: #ef4444; - } + .group:hover .lg\:group-hover\:border-pink-100 { + border-color: #fce7f3; + } - .lg\:dark\:text-red-600 { - color: #dc2626; - } + .group:hover .lg\:group-hover\:border-pink-200 { + border-color: #fbcfe8; + } - .lg\:dark\:text-red-700 { - color: #b91c1c; - } + .group:hover .lg\:group-hover\:border-pink-300 { + border-color: #f9a8d4; + } - .lg\:dark\:text-red-800 { - color: #991b1b; - } + .group:hover .lg\:group-hover\:border-pink-400 { + border-color: #f472b6; + } - .lg\:dark\:text-red-900 { - color: #7f1d1d; - } + .group:hover .lg\:group-hover\:border-pink-500 { + border-color: #ec4899; + } - .lg\:dark\:text-yellow-50 { - color: #fffbeb; - } + .group:hover .lg\:group-hover\:border-pink-600 { + border-color: #db2777; + } - .lg\:dark\:text-yellow-100 { - color: #fef3c7; - } + .group:hover .lg\:group-hover\:border-pink-700 { + border-color: #be185d; + } - .lg\:dark\:text-yellow-200 { - color: #fde68a; - } + .group:hover .lg\:group-hover\:border-pink-800 { + border-color: #9d174d; + } - .lg\:dark\:text-yellow-300 { - color: #fcd34d; - } + .group:hover .lg\:group-hover\:border-pink-900 { + border-color: #831843; + } - .lg\:dark\:text-yellow-400 { - color: #fbbf24; - } + .lg\:hover\:border-transparent:hover { + border-color: transparent; + } - .lg\:dark\:text-yellow-500 { - color: #f59e0b; - } + .lg\:hover\:border-current:hover { + border-color: currentColor; + } - .lg\:dark\:text-yellow-600 { - color: #d97706; - } + .lg\:hover\:border-black:hover { + border-color: #000; + } - .lg\:dark\:text-yellow-700 { - color: #b45309; - } + .lg\:hover\:border-white:hover { + border-color: #fff; + } - .lg\:dark\:text-yellow-800 { - color: #92400e; - } + .lg\:hover\:border-gray-50:hover { + border-color: #fafafa; + } - .lg\:dark\:text-yellow-900 { - color: #78350f; - } + .lg\:hover\:border-gray-100:hover { + border-color: #f4f4f5; + } - .lg\:dark\:text-green-50 { - color: #ecfdf5; - } + .lg\:hover\:border-gray-200:hover { + border-color: #e4e4e7; + } - .lg\:dark\:text-green-100 { - color: #d1fae5; - } + .lg\:hover\:border-gray-300:hover { + border-color: #d4d4d8; + } - .lg\:dark\:text-green-200 { - color: #a7f3d0; - } + .lg\:hover\:border-gray-400:hover { + border-color: #a1a1aa; + } - .lg\:dark\:text-green-300 { - color: #6ee7b7; - } + .lg\:hover\:border-gray-500:hover { + border-color: #71717a; + } - .lg\:dark\:text-green-400 { - color: #34d399; - } + .lg\:hover\:border-gray-600:hover { + border-color: #52525b; + } - .lg\:dark\:text-green-500 { - color: #10b981; - } + .lg\:hover\:border-gray-700:hover { + border-color: #3f3f46; + } - .lg\:dark\:text-green-600 { - color: #059669; - } + .lg\:hover\:border-gray-800:hover { + border-color: #27272a; + } - .lg\:dark\:text-green-700 { - color: #047857; - } + .lg\:hover\:border-gray-900:hover { + border-color: #18181b; + } - .lg\:dark\:text-green-800 { - color: #065f46; - } + .lg\:hover\:border-red-50:hover { + border-color: #fef2f2; + } - .lg\:dark\:text-green-900 { - color: #064e3b; - } + .lg\:hover\:border-red-100:hover { + border-color: #fee2e2; + } - .lg\:dark\:text-blue-50 { - color: #eff6ff; - } + .lg\:hover\:border-red-200:hover { + border-color: #fecaca; + } - .lg\:dark\:text-blue-100 { - color: #dbeafe; - } + .lg\:hover\:border-red-300:hover { + border-color: #fca5a5; + } - .lg\:dark\:text-blue-200 { - color: #bfdbfe; - } + .lg\:hover\:border-red-400:hover { + border-color: #f87171; + } - .lg\:dark\:text-blue-300 { - color: #93c5fd; - } + .lg\:hover\:border-red-500:hover { + border-color: #ef4444; + } - .lg\:dark\:text-blue-400 { - color: #60a5fa; - } + .lg\:hover\:border-red-600:hover { + border-color: #dc2626; + } - .lg\:dark\:text-blue-500 { - color: #3b82f6; - } + .lg\:hover\:border-red-700:hover { + border-color: #b91c1c; + } - .lg\:dark\:text-blue-600 { - color: #2563eb; - } + .lg\:hover\:border-red-800:hover { + border-color: #991b1b; + } - .lg\:dark\:text-blue-700 { - color: #1d4ed8; - } + .lg\:hover\:border-red-900:hover { + border-color: #7f1d1d; + } - .lg\:dark\:text-blue-800 { - color: #1e40af; - } + .lg\:hover\:border-yellow-50:hover { + border-color: #fffbeb; + } - .lg\:dark\:text-blue-900 { - color: #1e3a8a; - } + .lg\:hover\:border-yellow-100:hover { + border-color: #fef3c7; + } - .lg\:dark\:text-purple-50 { - color: #f5f3ff; - } + .lg\:hover\:border-yellow-200:hover { + border-color: #fde68a; + } - .lg\:dark\:text-purple-100 { - color: #ede9fe; - } + .lg\:hover\:border-yellow-300:hover { + border-color: #fcd34d; + } - .lg\:dark\:text-purple-200 { - color: #ddd6fe; - } + .lg\:hover\:border-yellow-400:hover { + border-color: #fbbf24; + } - .lg\:dark\:text-purple-300 { - color: #c4b5fd; - } + .lg\:hover\:border-yellow-500:hover { + border-color: #f59e0b; + } - .lg\:dark\:text-purple-400 { - color: #a78bfa; - } + .lg\:hover\:border-yellow-600:hover { + border-color: #d97706; + } - .lg\:dark\:text-purple-500 { - color: #8b5cf6; - } + .lg\:hover\:border-yellow-700:hover { + border-color: #b45309; + } - .lg\:dark\:text-purple-600 { - color: #7c3aed; - } + .lg\:hover\:border-yellow-800:hover { + border-color: #92400e; + } - .lg\:dark\:text-purple-700 { - color: #6d28d9; - } + .lg\:hover\:border-yellow-900:hover { + border-color: #78350f; + } - .lg\:dark\:text-purple-800 { - color: #5b21b6; - } + .lg\:hover\:border-green-50:hover { + border-color: #ecfdf5; + } - .lg\:dark\:text-purple-900 { - color: #4c1d95; - } + .lg\:hover\:border-green-100:hover { + border-color: #d1fae5; + } - .lg\:dark\:text-pink-50 { - color: #fdf2f8; - } + .lg\:hover\:border-green-200:hover { + border-color: #a7f3d0; + } - .lg\:dark\:text-pink-100 { - color: #fce7f3; - } + .lg\:hover\:border-green-300:hover { + border-color: #6ee7b7; + } - .lg\:dark\:text-pink-200 { - color: #fbcfe8; - } + .lg\:hover\:border-green-400:hover { + border-color: #34d399; + } - .lg\:dark\:text-pink-300 { - color: #f9a8d4; - } + .lg\:hover\:border-green-500:hover { + border-color: #10b981; + } - .lg\:dark\:text-pink-400 { - color: #f472b6; - } + .lg\:hover\:border-green-600:hover { + border-color: #059669; + } - .lg\:dark\:text-pink-500 { - color: #ec4899; - } + .lg\:hover\:border-green-700:hover { + border-color: #047857; + } - .lg\:dark\:text-pink-600 { - color: #db2777; - } + .lg\:hover\:border-green-800:hover { + border-color: #065f46; + } - .lg\:dark\:text-pink-700 { - color: #be185d; - } + .lg\:hover\:border-green-900:hover { + border-color: #064e3b; + } - .lg\:dark\:text-pink-800 { - color: #9d174d; - } + .lg\:hover\:border-blue-50:hover { + border-color: #eff6ff; + } - .lg\:dark\:text-pink-900 { - color: #831843; - } + .lg\:hover\:border-blue-100:hover { + border-color: #dbeafe; + } - .group:hover .lg\:dark\:group-hover\:text-transparent { - color: transparent; - } + .lg\:hover\:border-blue-200:hover { + border-color: #bfdbfe; + } - .group:hover .lg\:dark\:group-hover\:text-current { - color: currentColor; - } + .lg\:hover\:border-blue-300:hover { + border-color: #93c5fd; + } - .group:hover .lg\:dark\:group-hover\:text-black { - color: #000; - } + .lg\:hover\:border-blue-400:hover { + border-color: #60a5fa; + } - .group:hover .lg\:dark\:group-hover\:text-white { - color: #fff; - } + .lg\:hover\:border-blue-500:hover { + border-color: #3b82f6; + } - .group:hover .lg\:dark\:group-hover\:text-gray-50 { - color: #fafafa; - } + .lg\:hover\:border-blue-600:hover { + border-color: #2563eb; + } - .group:hover .lg\:dark\:group-hover\:text-gray-100 { - color: #f4f4f5; - } + .lg\:hover\:border-blue-700:hover { + border-color: #1d4ed8; + } - .group:hover .lg\:dark\:group-hover\:text-gray-200 { - color: #e4e4e7; - } + .lg\:hover\:border-blue-800:hover { + border-color: #1e40af; + } - .group:hover .lg\:dark\:group-hover\:text-gray-300 { - color: #d4d4d8; - } + .lg\:hover\:border-blue-900:hover { + border-color: #1e3a8a; + } - .group:hover .lg\:dark\:group-hover\:text-gray-400 { - color: #a1a1aa; - } + .lg\:hover\:border-purple-50:hover { + border-color: #f5f3ff; + } - .group:hover .lg\:dark\:group-hover\:text-gray-500 { - color: #71717a; - } + .lg\:hover\:border-purple-100:hover { + border-color: #ede9fe; + } - .group:hover .lg\:dark\:group-hover\:text-gray-600 { - color: #52525b; - } + .lg\:hover\:border-purple-200:hover { + border-color: #ddd6fe; + } - .group:hover .lg\:dark\:group-hover\:text-gray-700 { - color: #3f3f46; - } + .lg\:hover\:border-purple-300:hover { + border-color: #c4b5fd; + } - .group:hover .lg\:dark\:group-hover\:text-gray-800 { - color: #27272a; - } + .lg\:hover\:border-purple-400:hover { + border-color: #a78bfa; + } - .group:hover .lg\:dark\:group-hover\:text-gray-900 { - color: #18181b; - } + .lg\:hover\:border-purple-500:hover { + border-color: #8b5cf6; + } - .group:hover .lg\:dark\:group-hover\:text-red-50 { - color: #fef2f2; - } + .lg\:hover\:border-purple-600:hover { + border-color: #7c3aed; + } - .group:hover .lg\:dark\:group-hover\:text-red-100 { - color: #fee2e2; - } + .lg\:hover\:border-purple-700:hover { + border-color: #6d28d9; + } - .group:hover .lg\:dark\:group-hover\:text-red-200 { - color: #fecaca; - } + .lg\:hover\:border-purple-800:hover { + border-color: #5b21b6; + } - .group:hover .lg\:dark\:group-hover\:text-red-300 { - color: #fca5a5; - } + .lg\:hover\:border-purple-900:hover { + border-color: #4c1d95; + } - .group:hover .lg\:dark\:group-hover\:text-red-400 { - color: #f87171; - } + .lg\:hover\:border-pink-50:hover { + border-color: #fdf2f8; + } - .group:hover .lg\:dark\:group-hover\:text-red-500 { - color: #ef4444; - } + .lg\:hover\:border-pink-100:hover { + border-color: #fce7f3; + } - .group:hover .lg\:dark\:group-hover\:text-red-600 { - color: #dc2626; - } + .lg\:hover\:border-pink-200:hover { + border-color: #fbcfe8; + } - .group:hover .lg\:dark\:group-hover\:text-red-700 { - color: #b91c1c; - } + .lg\:hover\:border-pink-300:hover { + border-color: #f9a8d4; + } - .group:hover .lg\:dark\:group-hover\:text-red-800 { - color: #991b1b; - } + .lg\:hover\:border-pink-400:hover { + border-color: #f472b6; + } - .group:hover .lg\:dark\:group-hover\:text-red-900 { - color: #7f1d1d; - } + .lg\:hover\:border-pink-500:hover { + border-color: #ec4899; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-50 { - color: #fffbeb; - } + .lg\:hover\:border-pink-600:hover { + border-color: #db2777; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-100 { - color: #fef3c7; - } + .lg\:hover\:border-pink-700:hover { + border-color: #be185d; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-200 { - color: #fde68a; - } + .lg\:hover\:border-pink-800:hover { + border-color: #9d174d; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-300 { - color: #fcd34d; - } + .lg\:hover\:border-pink-900:hover { + border-color: #831843; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-400 { - color: #fbbf24; - } + .lg\:focus\:border-transparent:focus { + border-color: transparent; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-500 { - color: #f59e0b; - } + .lg\:focus\:border-current:focus { + border-color: currentColor; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-600 { - color: #d97706; - } + .lg\:focus\:border-black:focus { + border-color: #000; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-700 { - color: #b45309; - } + .lg\:focus\:border-white:focus { + border-color: #fff; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-800 { - color: #92400e; - } + .lg\:focus\:border-gray-50:focus { + border-color: #fafafa; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-900 { - color: #78350f; - } + .lg\:focus\:border-gray-100:focus { + border-color: #f4f4f5; + } - .group:hover .lg\:dark\:group-hover\:text-green-50 { - color: #ecfdf5; - } + .lg\:focus\:border-gray-200:focus { + border-color: #e4e4e7; + } - .group:hover .lg\:dark\:group-hover\:text-green-100 { - color: #d1fae5; - } + .lg\:focus\:border-gray-300:focus { + border-color: #d4d4d8; + } - .group:hover .lg\:dark\:group-hover\:text-green-200 { - color: #a7f3d0; - } + .lg\:focus\:border-gray-400:focus { + border-color: #a1a1aa; + } - .group:hover .lg\:dark\:group-hover\:text-green-300 { - color: #6ee7b7; - } + .lg\:focus\:border-gray-500:focus { + border-color: #71717a; + } - .group:hover .lg\:dark\:group-hover\:text-green-400 { - color: #34d399; - } + .lg\:focus\:border-gray-600:focus { + border-color: #52525b; + } - .group:hover .lg\:dark\:group-hover\:text-green-500 { - color: #10b981; - } + .lg\:focus\:border-gray-700:focus { + border-color: #3f3f46; + } - .group:hover .lg\:dark\:group-hover\:text-green-600 { - color: #059669; - } + .lg\:focus\:border-gray-800:focus { + border-color: #27272a; + } - .group:hover .lg\:dark\:group-hover\:text-green-700 { - color: #047857; - } + .lg\:focus\:border-gray-900:focus { + border-color: #18181b; + } - .group:hover .lg\:dark\:group-hover\:text-green-800 { - color: #065f46; - } + .lg\:focus\:border-red-50:focus { + border-color: #fef2f2; + } - .group:hover .lg\:dark\:group-hover\:text-green-900 { - color: #064e3b; - } + .lg\:focus\:border-red-100:focus { + border-color: #fee2e2; + } - .group:hover .lg\:dark\:group-hover\:text-blue-50 { - color: #eff6ff; - } + .lg\:focus\:border-red-200:focus { + border-color: #fecaca; + } - .group:hover .lg\:dark\:group-hover\:text-blue-100 { - color: #dbeafe; - } + .lg\:focus\:border-red-300:focus { + border-color: #fca5a5; + } - .group:hover .lg\:dark\:group-hover\:text-blue-200 { - color: #bfdbfe; - } + .lg\:focus\:border-red-400:focus { + border-color: #f87171; + } - .group:hover .lg\:dark\:group-hover\:text-blue-300 { - color: #93c5fd; - } + .lg\:focus\:border-red-500:focus { + border-color: #ef4444; + } - .group:hover .lg\:dark\:group-hover\:text-blue-400 { - color: #60a5fa; - } + .lg\:focus\:border-red-600:focus { + border-color: #dc2626; + } - .group:hover .lg\:dark\:group-hover\:text-blue-500 { - color: #3b82f6; - } + .lg\:focus\:border-red-700:focus { + border-color: #b91c1c; + } - .group:hover .lg\:dark\:group-hover\:text-blue-600 { - color: #2563eb; - } + .lg\:focus\:border-red-800:focus { + border-color: #991b1b; + } - .group:hover .lg\:dark\:group-hover\:text-blue-700 { - color: #1d4ed8; - } + .lg\:focus\:border-red-900:focus { + border-color: #7f1d1d; + } - .group:hover .lg\:dark\:group-hover\:text-blue-800 { - color: #1e40af; - } + .lg\:focus\:border-yellow-50:focus { + border-color: #fffbeb; + } - .group:hover .lg\:dark\:group-hover\:text-blue-900 { - color: #1e3a8a; - } + .lg\:focus\:border-yellow-100:focus { + border-color: #fef3c7; + } - .group:hover .lg\:dark\:group-hover\:text-purple-50 { - color: #f5f3ff; - } + .lg\:focus\:border-yellow-200:focus { + border-color: #fde68a; + } - .group:hover .lg\:dark\:group-hover\:text-purple-100 { - color: #ede9fe; - } + .lg\:focus\:border-yellow-300:focus { + border-color: #fcd34d; + } - .group:hover .lg\:dark\:group-hover\:text-purple-200 { - color: #ddd6fe; - } + .lg\:focus\:border-yellow-400:focus { + border-color: #fbbf24; + } - .group:hover .lg\:dark\:group-hover\:text-purple-300 { - color: #c4b5fd; - } + .lg\:focus\:border-yellow-500:focus { + border-color: #f59e0b; + } - .group:hover .lg\:dark\:group-hover\:text-purple-400 { - color: #a78bfa; - } + .lg\:focus\:border-yellow-600:focus { + border-color: #d97706; + } - .group:hover .lg\:dark\:group-hover\:text-purple-500 { - color: #8b5cf6; - } + .lg\:focus\:border-yellow-700:focus { + border-color: #b45309; + } - .group:hover .lg\:dark\:group-hover\:text-purple-600 { - color: #7c3aed; - } + .lg\:focus\:border-yellow-800:focus { + border-color: #92400e; + } - .group:hover .lg\:dark\:group-hover\:text-purple-700 { - color: #6d28d9; - } + .lg\:focus\:border-yellow-900:focus { + border-color: #78350f; + } - .group:hover .lg\:dark\:group-hover\:text-purple-800 { - color: #5b21b6; - } + .lg\:focus\:border-green-50:focus { + border-color: #ecfdf5; + } - .group:hover .lg\:dark\:group-hover\:text-purple-900 { - color: #4c1d95; - } + .lg\:focus\:border-green-100:focus { + border-color: #d1fae5; + } - .group:hover .lg\:dark\:group-hover\:text-pink-50 { - color: #fdf2f8; - } + .lg\:focus\:border-green-200:focus { + border-color: #a7f3d0; + } - .group:hover .lg\:dark\:group-hover\:text-pink-100 { - color: #fce7f3; - } + .lg\:focus\:border-green-300:focus { + border-color: #6ee7b7; + } - .group:hover .lg\:dark\:group-hover\:text-pink-200 { - color: #fbcfe8; - } + .lg\:focus\:border-green-400:focus { + border-color: #34d399; + } - .group:hover .lg\:dark\:group-hover\:text-pink-300 { - color: #f9a8d4; - } + .lg\:focus\:border-green-500:focus { + border-color: #10b981; + } - .group:hover .lg\:dark\:group-hover\:text-pink-400 { - color: #f472b6; - } + .lg\:focus\:border-green-600:focus { + border-color: #059669; + } - .group:hover .lg\:dark\:group-hover\:text-pink-500 { - color: #ec4899; - } + .lg\:focus\:border-green-700:focus { + border-color: #047857; + } - .group:hover .lg\:dark\:group-hover\:text-pink-600 { - color: #db2777; - } + .lg\:focus\:border-green-800:focus { + border-color: #065f46; + } - .group:hover .lg\:dark\:group-hover\:text-pink-700 { - color: #be185d; - } + .lg\:focus\:border-green-900:focus { + border-color: #064e3b; + } - .group:hover .lg\:dark\:group-hover\:text-pink-800 { - color: #9d174d; - } + .lg\:focus\:border-blue-50:focus { + border-color: #eff6ff; + } - .group:hover .lg\:dark\:group-hover\:text-pink-900 { - color: #831843; - } + .lg\:focus\:border-blue-100:focus { + border-color: #dbeafe; + } - .lg\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .lg\:focus\:border-blue-200:focus { + border-color: #bfdbfe; + } - .lg\:dark\:hover\:text-current:hover { - color: currentColor; - } + .lg\:focus\:border-blue-300:focus { + border-color: #93c5fd; + } - .lg\:dark\:hover\:text-black:hover { - color: #000; - } + .lg\:focus\:border-blue-400:focus { + border-color: #60a5fa; + } - .lg\:dark\:hover\:text-white:hover { - color: #fff; - } + .lg\:focus\:border-blue-500:focus { + border-color: #3b82f6; + } - .lg\:dark\:hover\:text-gray-50:hover { - color: #fafafa; - } + .lg\:focus\:border-blue-600:focus { + border-color: #2563eb; + } - .lg\:dark\:hover\:text-gray-100:hover { - color: #f4f4f5; - } + .lg\:focus\:border-blue-700:focus { + border-color: #1d4ed8; + } - .lg\:dark\:hover\:text-gray-200:hover { - color: #e4e4e7; - } + .lg\:focus\:border-blue-800:focus { + border-color: #1e40af; + } - .lg\:dark\:hover\:text-gray-300:hover { - color: #d4d4d8; - } + .lg\:focus\:border-blue-900:focus { + border-color: #1e3a8a; + } - .lg\:dark\:hover\:text-gray-400:hover { - color: #a1a1aa; - } + .lg\:focus\:border-purple-50:focus { + border-color: #f5f3ff; + } - .lg\:dark\:hover\:text-gray-500:hover { - color: #71717a; - } + .lg\:focus\:border-purple-100:focus { + border-color: #ede9fe; + } - .lg\:dark\:hover\:text-gray-600:hover { - color: #52525b; - } + .lg\:focus\:border-purple-200:focus { + border-color: #ddd6fe; + } - .lg\:dark\:hover\:text-gray-700:hover { - color: #3f3f46; - } + .lg\:focus\:border-purple-300:focus { + border-color: #c4b5fd; + } - .lg\:dark\:hover\:text-gray-800:hover { - color: #27272a; - } + .lg\:focus\:border-purple-400:focus { + border-color: #a78bfa; + } - .lg\:dark\:hover\:text-gray-900:hover { - color: #18181b; - } + .lg\:focus\:border-purple-500:focus { + border-color: #8b5cf6; + } - .lg\:dark\:hover\:text-red-50:hover { - color: #fef2f2; - } + .lg\:focus\:border-purple-600:focus { + border-color: #7c3aed; + } - .lg\:dark\:hover\:text-red-100:hover { - color: #fee2e2; - } + .lg\:focus\:border-purple-700:focus { + border-color: #6d28d9; + } - .lg\:dark\:hover\:text-red-200:hover { - color: #fecaca; - } + .lg\:focus\:border-purple-800:focus { + border-color: #5b21b6; + } - .lg\:dark\:hover\:text-red-300:hover { - color: #fca5a5; - } + .lg\:focus\:border-purple-900:focus { + border-color: #4c1d95; + } - .lg\:dark\:hover\:text-red-400:hover { - color: #f87171; - } + .lg\:focus\:border-pink-50:focus { + border-color: #fdf2f8; + } - .lg\:dark\:hover\:text-red-500:hover { - color: #ef4444; - } + .lg\:focus\:border-pink-100:focus { + border-color: #fce7f3; + } - .lg\:dark\:hover\:text-red-600:hover { - color: #dc2626; - } + .lg\:focus\:border-pink-200:focus { + border-color: #fbcfe8; + } - .lg\:dark\:hover\:text-red-700:hover { - color: #b91c1c; - } + .lg\:focus\:border-pink-300:focus { + border-color: #f9a8d4; + } - .lg\:dark\:hover\:text-red-800:hover { - color: #991b1b; - } + .lg\:focus\:border-pink-400:focus { + border-color: #f472b6; + } - .lg\:dark\:hover\:text-red-900:hover { - color: #7f1d1d; - } + .lg\:focus\:border-pink-500:focus { + border-color: #ec4899; + } - .lg\:dark\:hover\:text-yellow-50:hover { - color: #fffbeb; - } + .lg\:focus\:border-pink-600:focus { + border-color: #db2777; + } - .lg\:dark\:hover\:text-yellow-100:hover { - color: #fef3c7; - } + .lg\:focus\:border-pink-700:focus { + border-color: #be185d; + } - .lg\:dark\:hover\:text-yellow-200:hover { - color: #fde68a; - } + .lg\:focus\:border-pink-800:focus { + border-color: #9d174d; + } - .lg\:dark\:hover\:text-yellow-300:hover { - color: #fcd34d; - } + .lg\:focus\:border-pink-900:focus { + border-color: #831843; + } - .lg\:dark\:hover\:text-yellow-400:hover { - color: #fbbf24; - } + .lg\:rounded-none { + border-radius: 0; + } - .lg\:dark\:hover\:text-yellow-500:hover { - color: #f59e0b; - } + .lg\:rounded-sm { + border-radius: 0.125rem; + } - .lg\:dark\:hover\:text-yellow-600:hover { - color: #d97706; - } + .lg\:rounded { + border-radius: 0.25rem; + } - .lg\:dark\:hover\:text-yellow-700:hover { - color: #b45309; - } + .lg\:rounded-md { + border-radius: 0.375rem; + } - .lg\:dark\:hover\:text-yellow-800:hover { - color: #92400e; - } + .lg\:rounded-lg { + border-radius: 0.5rem; + } - .lg\:dark\:hover\:text-yellow-900:hover { - color: #78350f; - } + .lg\:rounded-xl { + border-radius: 0.75rem; + } - .lg\:dark\:hover\:text-green-50:hover { - color: #ecfdf5; - } + .lg\:rounded-2xl { + border-radius: 1rem; + } - .lg\:dark\:hover\:text-green-100:hover { - color: #d1fae5; - } + .lg\:rounded-3xl { + border-radius: 1.5rem; + } - .lg\:dark\:hover\:text-green-200:hover { - color: #a7f3d0; - } + .lg\:rounded-full { + border-radius: 9999px; + } - .lg\:dark\:hover\:text-green-300:hover { - color: #6ee7b7; - } + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } - .lg\:dark\:hover\:text-green-400:hover { - color: #34d399; - } + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } - .lg\:dark\:hover\:text-green-500:hover { - color: #10b981; - } + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } - .lg\:dark\:hover\:text-green-600:hover { - color: #059669; - } + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } - .lg\:dark\:hover\:text-green-700:hover { - color: #047857; - } + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } - .lg\:dark\:hover\:text-green-800:hover { - color: #065f46; - } + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } - .lg\:dark\:hover\:text-green-900:hover { - color: #064e3b; - } + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .lg\:dark\:hover\:text-blue-50:hover { - color: #eff6ff; - } + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .lg\:dark\:hover\:text-blue-100:hover { - color: #dbeafe; - } + .lg\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } - .lg\:dark\:hover\:text-blue-200:hover { - color: #bfdbfe; - } + .lg\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } - .lg\:dark\:hover\:text-blue-300:hover { - color: #93c5fd; - } + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .lg\:dark\:hover\:text-blue-400:hover { - color: #60a5fa; - } + .lg\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .lg\:dark\:hover\:text-blue-500:hover { - color: #3b82f6; - } + .lg\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } - .lg\:dark\:hover\:text-blue-600:hover { - color: #2563eb; - } + .lg\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } - .lg\:dark\:hover\:text-blue-700:hover { - color: #1d4ed8; - } + .lg\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .lg\:dark\:hover\:text-blue-800:hover { - color: #1e40af; - } + .lg\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .lg\:dark\:hover\:text-blue-900:hover { - color: #1e3a8a; - } + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } - .lg\:dark\:hover\:text-purple-50:hover { - color: #f5f3ff; - } + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } - .lg\:dark\:hover\:text-purple-100:hover { - color: #ede9fe; - } + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .lg\:dark\:hover\:text-purple-200:hover { - color: #ddd6fe; - } + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .lg\:dark\:hover\:text-purple-300:hover { - color: #c4b5fd; - } + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } - .lg\:dark\:hover\:text-purple-400:hover { - color: #a78bfa; - } + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } - .lg\:dark\:hover\:text-purple-500:hover { - color: #8b5cf6; - } + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .lg\:dark\:hover\:text-purple-600:hover { - color: #7c3aed; - } + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .lg\:dark\:hover\:text-purple-700:hover { - color: #6d28d9; - } + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } - .lg\:dark\:hover\:text-purple-800:hover { - color: #5b21b6; - } + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } - .lg\:dark\:hover\:text-purple-900:hover { - color: #4c1d95; - } + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .lg\:dark\:hover\:text-pink-50:hover { - color: #fdf2f8; - } + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .lg\:dark\:hover\:text-pink-100:hover { - color: #fce7f3; - } + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } - .lg\:dark\:hover\:text-pink-200:hover { - color: #fbcfe8; - } + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } - .lg\:dark\:hover\:text-pink-300:hover { - color: #f9a8d4; - } + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:text-pink-400:hover { - color: #f472b6; - } + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:text-pink-500:hover { - color: #ec4899; - } + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } - .lg\:dark\:hover\:text-pink-600:hover { - color: #db2777; - } + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } - .lg\:dark\:hover\:text-pink-700:hover { - color: #be185d; - } + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:text-pink-800:hover { - color: #9d174d; - } + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:text-pink-900:hover { - color: #831843; - } + .lg\:rounded-tl-none { + border-top-left-radius: 0; + } - .lg\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .lg\:rounded-tr-none { + border-top-right-radius: 0; + } - .lg\:dark\:focus\:text-current:focus { - color: currentColor; - } + .lg\:rounded-br-none { + border-bottom-right-radius: 0; + } - .lg\:dark\:focus\:text-black:focus { - color: #000; - } + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; + } - .lg\:dark\:focus\:text-white:focus { - color: #fff; - } + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } - .lg\:dark\:focus\:text-gray-50:focus { - color: #fafafa; - } + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } - .lg\:dark\:focus\:text-gray-100:focus { - color: #f4f4f5; - } + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } - .lg\:dark\:focus\:text-gray-200:focus { - color: #e4e4e7; - } + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } - .lg\:dark\:focus\:text-gray-300:focus { - color: #d4d4d8; - } + .lg\:rounded-tl { + border-top-left-radius: 0.25rem; + } - .lg\:dark\:focus\:text-gray-400:focus { - color: #a1a1aa; - } + .lg\:rounded-tr { + border-top-right-radius: 0.25rem; + } - .lg\:dark\:focus\:text-gray-500:focus { - color: #71717a; - } + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem; + } - .lg\:dark\:focus\:text-gray-600:focus { - color: #52525b; - } + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } - .lg\:dark\:focus\:text-gray-700:focus { - color: #3f3f46; - } + .lg\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } - .lg\:dark\:focus\:text-gray-800:focus { - color: #27272a; - } + .lg\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } - .lg\:dark\:focus\:text-gray-900:focus { - color: #18181b; - } + .lg\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } - .lg\:dark\:focus\:text-red-50:focus { - color: #fef2f2; - } + .lg\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } - .lg\:dark\:focus\:text-red-100:focus { - color: #fee2e2; - } + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } - .lg\:dark\:focus\:text-red-200:focus { - color: #fecaca; - } + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } - .lg\:dark\:focus\:text-red-300:focus { - color: #fca5a5; - } + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } - .lg\:dark\:focus\:text-red-400:focus { - color: #f87171; - } + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } - .lg\:dark\:focus\:text-red-500:focus { - color: #ef4444; - } + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } - .lg\:dark\:focus\:text-red-600:focus { - color: #dc2626; - } + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } - .lg\:dark\:focus\:text-red-700:focus { - color: #b91c1c; - } + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } - .lg\:dark\:focus\:text-red-800:focus { - color: #991b1b; - } + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } - .lg\:dark\:focus\:text-red-900:focus { - color: #7f1d1d; - } + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } - .lg\:dark\:focus\:text-yellow-50:focus { - color: #fffbeb; - } + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } - .lg\:dark\:focus\:text-yellow-100:focus { - color: #fef3c7; - } + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } - .lg\:dark\:focus\:text-yellow-200:focus { - color: #fde68a; - } + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } - .lg\:dark\:focus\:text-yellow-300:focus { - color: #fcd34d; - } + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } - .lg\:dark\:focus\:text-yellow-400:focus { - color: #fbbf24; - } + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } - .lg\:dark\:focus\:text-yellow-500:focus { - color: #f59e0b; - } + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } - .lg\:dark\:focus\:text-yellow-600:focus { - color: #d97706; - } + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:focus\:text-yellow-700:focus { - color: #b45309; - } + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; + } - .lg\:dark\:focus\:text-yellow-800:focus { - color: #92400e; - } + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; + } - .lg\:dark\:focus\:text-yellow-900:focus { - color: #78350f; - } + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; + } - .lg\:dark\:focus\:text-green-50:focus { - color: #ecfdf5; - } + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } - .lg\:dark\:focus\:text-green-100:focus { - color: #d1fae5; - } + .lg\:border-solid { + border-style: solid; + } - .lg\:dark\:focus\:text-green-200:focus { - color: #a7f3d0; - } + .lg\:border-dashed { + border-style: dashed; + } - .lg\:dark\:focus\:text-green-300:focus { - color: #6ee7b7; - } + .lg\:border-dotted { + border-style: dotted; + } - .lg\:dark\:focus\:text-green-400:focus { - color: #34d399; - } + .lg\:border-double { + border-style: double; + } - .lg\:dark\:focus\:text-green-500:focus { - color: #10b981; - } + .lg\:border-none { + border-style: none; + } - .lg\:dark\:focus\:text-green-600:focus { - color: #059669; - } + .lg\:border-0 { + border-width: 0; + } - .lg\:dark\:focus\:text-green-700:focus { - color: #047857; - } + .lg\:border-2 { + border-width: 2px; + } - .lg\:dark\:focus\:text-green-800:focus { - color: #065f46; - } + .lg\:border-4 { + border-width: 4px; + } - .lg\:dark\:focus\:text-green-900:focus { - color: #064e3b; - } + .lg\:border-8 { + border-width: 8px; + } - .lg\:dark\:focus\:text-blue-50:focus { - color: #eff6ff; - } + .lg\:border { + border-width: 1px; + } - .lg\:dark\:focus\:text-blue-100:focus { - color: #dbeafe; - } + .lg\:border-t-0 { + border-top-width: 0; + } - .lg\:dark\:focus\:text-blue-200:focus { - color: #bfdbfe; - } + .lg\:border-r-0 { + border-right-width: 0; + } - .lg\:dark\:focus\:text-blue-300:focus { - color: #93c5fd; - } + .lg\:border-b-0 { + border-bottom-width: 0; + } - .lg\:dark\:focus\:text-blue-400:focus { - color: #60a5fa; - } + .lg\:border-l-0 { + border-left-width: 0; + } - .lg\:dark\:focus\:text-blue-500:focus { - color: #3b82f6; - } + .lg\:border-t-2 { + border-top-width: 2px; + } - .lg\:dark\:focus\:text-blue-600:focus { - color: #2563eb; - } + .lg\:border-r-2 { + border-right-width: 2px; + } - .lg\:dark\:focus\:text-blue-700:focus { - color: #1d4ed8; - } + .lg\:border-b-2 { + border-bottom-width: 2px; + } - .lg\:dark\:focus\:text-blue-800:focus { - color: #1e40af; - } + .lg\:border-l-2 { + border-left-width: 2px; + } - .lg\:dark\:focus\:text-blue-900:focus { - color: #1e3a8a; - } + .lg\:border-t-4 { + border-top-width: 4px; + } - .lg\:dark\:focus\:text-purple-50:focus { - color: #f5f3ff; - } + .lg\:border-r-4 { + border-right-width: 4px; + } - .lg\:dark\:focus\:text-purple-100:focus { - color: #ede9fe; - } + .lg\:border-b-4 { + border-bottom-width: 4px; + } - .lg\:dark\:focus\:text-purple-200:focus { - color: #ddd6fe; - } + .lg\:border-l-4 { + border-left-width: 4px; + } - .lg\:dark\:focus\:text-purple-300:focus { - color: #c4b5fd; - } + .lg\:border-t-8 { + border-top-width: 8px; + } - .lg\:dark\:focus\:text-purple-400:focus { - color: #a78bfa; - } + .lg\:border-r-8 { + border-right-width: 8px; + } - .lg\:dark\:focus\:text-purple-500:focus { - color: #8b5cf6; - } + .lg\:border-b-8 { + border-bottom-width: 8px; + } - .lg\:dark\:focus\:text-purple-600:focus { - color: #7c3aed; - } + .lg\:border-l-8 { + border-left-width: 8px; + } - .lg\:dark\:focus\:text-purple-700:focus { - color: #6d28d9; - } + .lg\:border-t { + border-top-width: 1px; + } - .lg\:dark\:focus\:text-purple-800:focus { - color: #5b21b6; - } + .lg\:border-r { + border-right-width: 1px; + } - .lg\:dark\:focus\:text-purple-900:focus { - color: #4c1d95; - } + .lg\:border-b { + border-bottom-width: 1px; + } - .lg\:dark\:focus\:text-pink-50:focus { - color: #fdf2f8; - } + .lg\:border-l { + border-left-width: 1px; + } - .lg\:dark\:focus\:text-pink-100:focus { - color: #fce7f3; - } + .lg\:box-border { + box-sizing: border-box; + } - .lg\:dark\:focus\:text-pink-200:focus { - color: #fbcfe8; - } + .lg\:box-content { + box-sizing: content-box; + } - .lg\:dark\:focus\:text-pink-300:focus { - color: #f9a8d4; - } + .lg\:cursor-auto { + cursor: auto; + } - .lg\:dark\:focus\:text-pink-400:focus { - color: #f472b6; - } + .lg\:cursor-default { + cursor: default; + } - .lg\:dark\:focus\:text-pink-500:focus { - color: #ec4899; - } + .lg\:cursor-pointer { + cursor: pointer; + } - .lg\:dark\:focus\:text-pink-600:focus { - color: #db2777; - } + .lg\:cursor-wait { + cursor: wait; + } - .lg\:dark\:focus\:text-pink-700:focus { - color: #be185d; - } + .lg\:cursor-text { + cursor: text; + } - .lg\:dark\:focus\:text-pink-800:focus { - color: #9d174d; - } + .lg\:cursor-move { + cursor: move; + } - .lg\:dark\:focus\:text-pink-900:focus { - color: #831843; - } + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:block { + display: block; } - .lg\:overflow-ellipsis { - text-overflow: ellipsis; + .lg\:inline-block { + display: inline-block; } - .lg\:overflow-clip { - text-overflow: clip; + .lg\:inline { + display: inline; } - .lg\:italic { - font-style: italic; + .lg\:flex { + display: flex; } - .lg\:not-italic { - font-style: normal; + .lg\:inline-flex { + display: inline-flex; } - .lg\:uppercase { - text-transform: uppercase; + .lg\:table { + display: table; } - .lg\:lowercase { - text-transform: lowercase; + .lg\:table-caption { + display: table-caption; } - .lg\:capitalize { - text-transform: capitalize; + .lg\:table-cell { + display: table-cell; } - .lg\:normal-case { - text-transform: none; + .lg\:table-column { + display: table-column; } - .lg\:underline { - text-decoration: underline; + .lg\:table-column-group { + display: table-column-group; } - .lg\:line-through { - text-decoration: line-through; + .lg\:table-footer-group { + display: table-footer-group; } - .lg\:no-underline { - text-decoration: none; + .lg\:table-header-group { + display: table-header-group; } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:table-row-group { + display: table-row-group; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:table-row { + display: table-row; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:flow-root { + display: flow-root; } - .lg\:focus\:underline:focus { - text-decoration: underline; + .lg\:grid { + display: grid; } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:inline-grid { + display: inline-grid; } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .lg\:contents { + display: contents; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:hidden { + display: none; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:flex-row { + flex-direction: row; } - .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:normal-nums { - font-variant-numeric: normal; + .lg\:flex-col { + flex-direction: column; } - .lg\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .lg\:flex-wrap { + flex-wrap: wrap; } - .lg\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .lg\:place-items-auto { + place-items: auto; } - .lg\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .lg\:place-items-start { + place-items: start; } - .lg\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .lg\:place-items-end { + place-items: end; } - .lg\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .lg\:place-items-center { + place-items: center; } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:place-items-stretch { + place-items: stretch; } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .lg\:place-content-center { + place-content: center; } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:place-content-start { + place-content: start; } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .lg\:place-content-end { + place-content: end; } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .lg\:place-content-between { + place-content: space-between; } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .lg\:place-content-around { + place-content: space-around; } - .lg\:select-none { - user-select: none; + .lg\:place-content-evenly { + place-content: space-evenly; } - .lg\:select-text { - user-select: text; + .lg\:place-content-stretch { + place-content: stretch; } - .lg\:select-all { - user-select: all; + .lg\:place-self-auto { + place-self: auto; } - .lg\:select-auto { - user-select: auto; + .lg\:place-self-start { + place-self: start; } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:place-self-end { + place-self: end; } - .lg\:align-top { - vertical-align: top; + .lg\:place-self-center { + place-self: center; } - .lg\:align-middle { - vertical-align: middle; + .lg\:place-self-stretch { + place-self: stretch; } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:items-start { + align-items: flex-start; } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:items-end { + align-items: flex-end; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:items-center { + align-items: center; } - .lg\:visible { - visibility: visible; + .lg\:items-baseline { + align-items: baseline; } - .lg\:invisible { - visibility: hidden; + .lg\:items-stretch { + align-items: stretch; } - .lg\:whitespace-normal { - white-space: normal; + .lg\:content-center { + align-content: center; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:content-start { + align-content: flex-start; } - .lg\:whitespace-pre { - white-space: pre; + .lg\:content-end { + align-content: flex-end; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:content-between { + align-content: space-between; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:content-around { + align-content: space-around; } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:content-evenly { + align-content: space-evenly; } - .lg\:break-words { - overflow-wrap: break-word; + .lg\:self-auto { + align-self: auto; } - .lg\:break-all { - word-break: break-all; + .lg\:self-start { + align-self: flex-start; } - .lg\:w-0 { - width: 0; + .lg\:self-end { + align-self: flex-end; } - .lg\:w-1 { - width: 0.25rem; + .lg\:self-center { + align-self: center; } - .lg\:w-2 { - width: 0.5rem; + .lg\:self-stretch { + align-self: stretch; } - .lg\:w-3 { - width: 0.75rem; + .lg\:justify-items-auto { + justify-items: auto; } - .lg\:w-4 { - width: 1rem; + .lg\:justify-items-start { + justify-items: start; } - .lg\:w-5 { - width: 1.25rem; + .lg\:justify-items-end { + justify-items: end; } - .lg\:w-6 { - width: 1.5rem; + .lg\:justify-items-center { + justify-items: center; } - .lg\:w-7 { - width: 1.75rem; + .lg\:justify-items-stretch { + justify-items: stretch; } - .lg\:w-8 { - width: 2rem; + .lg\:justify-start { + justify-content: flex-start; } - .lg\:w-9 { - width: 2.25rem; + .lg\:justify-end { + justify-content: flex-end; } - .lg\:w-10 { - width: 2.5rem; + .lg\:justify-center { + justify-content: center; } - .lg\:w-12 { - width: 3rem; + .lg\:justify-between { + justify-content: space-between; } - .lg\:w-14 { - width: 3.5rem; + .lg\:justify-around { + justify-content: space-around; } - .lg\:w-16 { - width: 4rem; + .lg\:justify-evenly { + justify-content: space-evenly; } - .lg\:w-20 { - width: 5rem; + .lg\:justify-self-auto { + justify-self: auto; } - .lg\:w-24 { - width: 6rem; + .lg\:justify-self-start { + justify-self: start; } - .lg\:w-28 { - width: 7rem; + .lg\:justify-self-end { + justify-self: end; } - .lg\:w-32 { - width: 8rem; + .lg\:justify-self-center { + justify-self: center; } - .lg\:w-36 { - width: 9rem; + .lg\:justify-self-stretch { + justify-self: stretch; } - .lg\:w-40 { - width: 10rem; + .lg\:flex-1 { + flex: 1 1 0%; } - .lg\:w-44 { - width: 11rem; + .lg\:flex-auto { + flex: 1 1 auto; } - .lg\:w-48 { - width: 12rem; + .lg\:flex-initial { + flex: 0 1 auto; } - .lg\:w-52 { - width: 13rem; + .lg\:flex-none { + flex: none; } - .lg\:w-56 { - width: 14rem; + .lg\:flex-grow-0 { + flex-grow: 0; } - .lg\:w-60 { - width: 15rem; + .lg\:flex-grow { + flex-grow: 1; } - .lg\:w-64 { - width: 16rem; + .lg\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:w-72 { - width: 18rem; + .lg\:flex-shrink { + flex-shrink: 1; } - .lg\:w-80 { - width: 20rem; + .lg\:order-1 { + order: 1; } - .lg\:w-96 { - width: 24rem; + .lg\:order-2 { + order: 2; } - .lg\:w-auto { - width: auto; + .lg\:order-3 { + order: 3; } - .lg\:w-px { - width: 1px; + .lg\:order-4 { + order: 4; } - .lg\:w-0\.5 { - width: 0.125rem; + .lg\:order-5 { + order: 5; } - .lg\:w-1\.5 { - width: 0.375rem; + .lg\:order-6 { + order: 6; } - .lg\:w-2\.5 { - width: 0.625rem; + .lg\:order-7 { + order: 7; } - .lg\:w-3\.5 { - width: 0.875rem; + .lg\:order-8 { + order: 8; } - .lg\:w-1\/2 { - width: 50%; + .lg\:order-9 { + order: 9; } - .lg\:w-1\/3 { - width: 33.333333%; + .lg\:order-10 { + order: 10; } - .lg\:w-2\/3 { - width: 66.666667%; + .lg\:order-11 { + order: 11; } - .lg\:w-1\/4 { - width: 25%; + .lg\:order-12 { + order: 12; } - .lg\:w-2\/4 { - width: 50%; + .lg\:order-first { + order: -9999; } - .lg\:w-3\/4 { - width: 75%; + .lg\:order-last { + order: 9999; } - .lg\:w-1\/5 { - width: 20%; + .lg\:order-none { + order: 0; } - .lg\:w-2\/5 { - width: 40%; + .lg\:float-right { + float: right; } - .lg\:w-3\/5 { - width: 60%; + .lg\:float-left { + float: left; } - .lg\:w-4\/5 { - width: 80%; + .lg\:float-none { + float: none; } - .lg\:w-1\/6 { - width: 16.666667%; + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:clear-left { + clear: left; } - .lg\:w-3\/6 { - width: 50%; + .lg\:clear-right { + clear: right; } - .lg\:w-4\/6 { - width: 66.666667%; + .lg\:clear-both { + clear: both; } - .lg\:w-5\/6 { - width: 83.333333%; + .lg\:clear-none { + clear: none; } - .lg\:w-1\/12 { - width: 8.333333%; + .lg\:font-sans { + font-family: ui-sans-serif, 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\:w-2\/12 { - width: 16.666667%; + .lg\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:w-3\/12 { - width: 25%; + .lg\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:w-4\/12 { - width: 33.333333%; + .lg\:font-thin { + font-weight: 100; } - .lg\:w-5\/12 { - width: 41.666667%; + .lg\:font-extralight { + font-weight: 200; } - .lg\:w-6\/12 { - width: 50%; + .lg\:font-light { + font-weight: 300; } - .lg\:w-7\/12 { - width: 58.333333%; + .lg\:font-normal { + font-weight: 400; } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:font-medium { + font-weight: 500; } - .lg\:w-9\/12 { - width: 75%; + .lg\:font-semibold { + font-weight: 600; } - .lg\:w-10\/12 { - width: 83.333333%; + .lg\:font-bold { + font-weight: 700; } - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:font-extrabold { + font-weight: 800; } - .lg\:w-full { - width: 100%; + .lg\:font-black { + font-weight: 900; } - .lg\:w-screen { - width: 100vw; + .lg\:hover\:font-thin:hover { + font-weight: 100; } - .lg\:w-min { - width: min-content; + .lg\:hover\:font-extralight:hover { + font-weight: 200; } - .lg\:w-max { - width: max-content; + .lg\:hover\:font-light:hover { + font-weight: 300; } - .lg\:z-0 { - z-index: 0; + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:z-10 { - z-index: 10; + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:z-20 { - z-index: 20; + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:z-30 { - z-index: 30; + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:z-40 { - z-index: 40; + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:z-50 { - z-index: 50; + .lg\:hover\:font-black:hover { + font-weight: 900; } - .lg\:z-auto { - z-index: auto; + .lg\:focus\:font-thin:focus { + font-weight: 100; } - .lg\:focus\:z-0:focus { - z-index: 0; + .lg\:focus\:font-extralight:focus { + font-weight: 200; } - .lg\:focus\:z-10:focus { - z-index: 10; + .lg\:focus\:font-light:focus { + font-weight: 300; } - .lg\:focus\:z-20:focus { - z-index: 20; + .lg\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:focus\:z-30:focus { - z-index: 30; + .lg\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:focus\:z-40:focus { - z-index: 40; + .lg\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:focus\:z-50:focus { - z-index: 50; + .lg\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:focus\:z-auto:focus { - z-index: auto; + .lg\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:focus\:font-black:focus { + font-weight: 900; } - .lg\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:h-0 { + height: 0; } - .lg\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:h-1 { + height: 0.25rem; } - .lg\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:h-2 { + height: 0.5rem; } - .lg\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:h-3 { + height: 0.75rem; } - .lg\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:h-4 { + height: 1rem; } - .lg\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:h-5 { + height: 1.25rem; } - .lg\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .lg\:h-6 { + height: 1.5rem; } - .lg\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:h-7 { + height: 1.75rem; } - .lg\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .lg\:h-8 { + height: 2rem; } - .lg\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:h-9 { + height: 2.25rem; } - .lg\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:h-10 { + height: 2.5rem; } - .lg\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .lg\:h-12 { + height: 3rem; } - .lg\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:h-14 { + height: 3.5rem; } - .lg\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:h-16 { + height: 4rem; } - .lg\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:h-20 { + height: 5rem; } - .lg\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .lg\:h-24 { + height: 6rem; } - .lg\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:h-28 { + height: 7rem; } - .lg\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .lg\:h-32 { + height: 8rem; } - .lg\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:h-36 { + height: 9rem; } - .lg\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .lg\:h-40 { + height: 10rem; } - .lg\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .lg\:h-44 { + height: 11rem; } - .lg\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .lg\:h-48 { + height: 12rem; } - .lg\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .lg\:h-52 { + height: 13rem; } - .lg\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .lg\:h-56 { + height: 14rem; } - .lg\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:h-60 { + height: 15rem; } - .lg\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .lg\:h-64 { + height: 16rem; } - .lg\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .lg\:h-72 { + height: 18rem; } - .lg\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .lg\:h-80 { + height: 20rem; } - .lg\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:h-96 { + height: 24rem; } - .lg\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .lg\:h-auto { + height: auto; } - .lg\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .lg\:h-px { + height: 1px; } - .lg\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .lg\:h-0\.5 { + height: 0.125rem; } - .lg\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .lg\:h-1\.5 { + height: 0.375rem; } - .lg\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:h-2\.5 { + height: 0.625rem; } - .lg\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:h-3\.5 { + height: 0.875rem; } - .lg\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:h-full { + height: 100%; } - .lg\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:h-screen { + height: 100vh; } - .lg\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .lg\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .lg\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .lg\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:leading-3 { + line-height: .75rem; } - .lg\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .lg\:leading-4 { + line-height: 1rem; } - .lg\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:leading-5 { + line-height: 1.25rem; } - .lg\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .lg\:leading-6 { + line-height: 1.5rem; } - .lg\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:leading-7 { + line-height: 1.75rem; } - .lg\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .lg\:leading-8 { + line-height: 2rem; } - .lg\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:leading-9 { + line-height: 2.25rem; } - .lg\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .lg\:leading-10 { + line-height: 2.5rem; } - .lg\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:leading-none { + line-height: 1; } - .lg\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .lg\:leading-tight { + line-height: 1.25; } - .lg\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .lg\:leading-snug { + line-height: 1.375; } - .lg\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .lg\:leading-normal { + line-height: 1.5; } - .lg\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:leading-relaxed { + line-height: 1.625; } - .lg\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .lg\:leading-loose { + line-height: 2; } - .lg\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .lg\:list-inside { + list-style-position: inside; } - .lg\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .lg\:list-outside { + list-style-position: outside; } - .lg\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .lg\:list-none { + list-style-type: none; } - .lg\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:list-disc { + list-style-type: disc; } - .lg\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:list-decimal { + list-style-type: decimal; } - .lg\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:m-0 { + margin: 0; } - .lg\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:m-1 { + margin: 0.25rem; } - .lg\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:m-2 { + margin: 0.5rem; } - .lg\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:m-3 { + margin: 0.75rem; } - .lg\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:m-4 { + margin: 1rem; } - .lg\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .lg\:m-5 { + margin: 1.25rem; } - .lg\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:m-6 { + margin: 1.5rem; } - .lg\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .lg\:m-7 { + margin: 1.75rem; } - .lg\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:m-8 { + margin: 2rem; } - .lg\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:m-9 { + margin: 2.25rem; } - .lg\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .lg\:m-10 { + margin: 2.5rem; } - .lg\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:m-12 { + margin: 3rem; } - .lg\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:m-14 { + margin: 3.5rem; } - .lg\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:m-16 { + margin: 4rem; } - .lg\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .lg\:m-20 { + margin: 5rem; } - .lg\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:m-24 { + margin: 6rem; } - .lg\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .lg\:m-28 { + margin: 7rem; } - .lg\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:m-32 { + margin: 8rem; } - .lg\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .lg\:m-36 { + margin: 9rem; } - .lg\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:m-40 { + margin: 10rem; } - .lg\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .lg\:m-44 { + margin: 11rem; } - .lg\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:m-48 { + margin: 12rem; } - .lg\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .lg\:m-52 { + margin: 13rem; } - .lg\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:m-56 { + margin: 14rem; } - .lg\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .lg\:m-60 { + margin: 15rem; } - .lg\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .lg\:m-64 { + margin: 16rem; } - .lg\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .lg\:m-72 { + margin: 18rem; } - .lg\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:m-80 { + margin: 20rem; } - .lg\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .lg\:m-96 { + margin: 24rem; } - .lg\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .lg\:m-auto { + margin: auto; } - .lg\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .lg\:m-px { + margin: 1px; } - .lg\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .lg\:m-0\.5 { + margin: 0.125rem; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .lg\:m-1\.5 { + margin: 0.375rem; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .lg\:m-2\.5 { + margin: 0.625rem; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:m-3\.5 { + margin: 0.875rem; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:-m-1 { + margin: -0.25rem; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:-m-2 { + margin: -0.5rem; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:-m-3 { + margin: -0.75rem; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:-m-4 { + margin: -1rem; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:-m-5 { + margin: -1.25rem; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:-m-6 { + margin: -1.5rem; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:-m-7 { + margin: -1.75rem; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:-m-8 { + margin: -2rem; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:-m-9 { + margin: -2.25rem; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:-m-10 { + margin: -2.5rem; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:-m-12 { + margin: -3rem; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:-m-14 { + margin: -3.5rem; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:-m-16 { + margin: -4rem; } - .lg\:grid-cols-none { - grid-template-columns: none; + .lg\:-m-20 { + margin: -5rem; } - .lg\:auto-cols-auto { - grid-auto-columns: auto; + .lg\:-m-24 { + margin: -6rem; } - .lg\:auto-cols-min { - grid-auto-columns: min-content; + .lg\:-m-28 { + margin: -7rem; } - .lg\:auto-cols-max { - grid-auto-columns: max-content; + .lg\:-m-32 { + margin: -8rem; } - .lg\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .lg\:-m-36 { + margin: -9rem; } - .lg\:col-auto { - grid-column: auto; + .lg\:-m-40 { + margin: -10rem; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:-m-44 { + margin: -11rem; } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:-m-48 { + margin: -12rem; } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:-m-52 { + margin: -13rem; } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:-m-56 { + margin: -14rem; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:-m-60 { + margin: -15rem; } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:-m-64 { + margin: -16rem; } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:-m-72 { + margin: -18rem; } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:-m-80 { + margin: -20rem; } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:-m-96 { + margin: -24rem; } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:-m-px { + margin: -1px; } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:-m-0\.5 { + margin: -0.125rem; } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:-m-1\.5 { + margin: -0.375rem; } - .lg\:col-span-full { - grid-column: 1 / -1; + .lg\:-m-2\.5 { + margin: -0.625rem; } - .lg\:col-start-1 { - grid-column-start: 1; + .lg\:-m-3\.5 { + margin: -0.875rem; } - .lg\:col-start-2 { - grid-column-start: 2; + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:col-start-3 { - grid-column-start: 3; + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:col-start-4 { - grid-column-start: 4; + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:col-start-5 { - grid-column-start: 5; + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:col-start-6 { - grid-column-start: 6; + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:col-start-7 { - grid-column-start: 7; + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:col-start-8 { - grid-column-start: 8; + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:col-start-9 { - grid-column-start: 9; + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:col-start-10 { - grid-column-start: 10; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:col-start-11 { - grid-column-start: 11; + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:col-start-12 { - grid-column-start: 12; + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:col-start-13 { - grid-column-start: 13; + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:col-start-auto { - grid-column-start: auto; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:col-end-1 { - grid-column-end: 1; + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:col-end-2 { - grid-column-end: 2; + .lg\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:col-end-3 { - grid-column-end: 3; + .lg\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:col-end-4 { - grid-column-end: 4; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:col-end-5 { - grid-column-end: 5; + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:col-end-6 { - grid-column-end: 6; + .lg\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:col-end-7 { - grid-column-end: 7; + .lg\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:col-end-8 { - grid-column-end: 8; + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:col-end-9 { - grid-column-end: 9; + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:col-end-10 { - grid-column-end: 10; + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:col-end-11 { - grid-column-end: 11; + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:col-end-12 { - grid-column-end: 12; + .lg\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .lg\:col-end-13 { - grid-column-end: 13; + .lg\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .lg\:col-end-auto { - grid-column-end: auto; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:grid-rows-none { - grid-template-rows: none; + .lg\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:auto-rows-auto { - grid-auto-rows: auto; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:auto-rows-min { - grid-auto-rows: min-content; + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:auto-rows-max { - grid-auto-rows: max-content; + .lg\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .lg\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:row-auto { - grid-row: auto; + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:row-span-full { - grid-row: 1 / -1; + .lg\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:row-start-1 { - grid-row-start: 1; + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:row-start-2 { - grid-row-start: 2; + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:row-start-3 { - grid-row-start: 3; + .lg\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:row-start-4 { - grid-row-start: 4; + .lg\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:row-start-5 { - grid-row-start: 5; + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:row-start-6 { - grid-row-start: 6; + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:row-start-7 { - grid-row-start: 7; + .lg\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:row-start-auto { - grid-row-start: auto; + .lg\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:row-end-1 { - grid-row-end: 1; + .lg\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:row-end-2 { - grid-row-end: 2; + .lg\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:row-end-3 { - grid-row-end: 3; + .lg\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:row-end-4 { - grid-row-end: 4; + .lg\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:row-end-5 { - grid-row-end: 5; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:row-end-6 { - grid-row-end: 6; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:row-end-7 { - grid-row-end: 7; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:row-end-auto { - grid-row-end: auto; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .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\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:transform-none { - transform: none; + .lg\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:origin-center { - transform-origin: center; + .lg\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:origin-top { - transform-origin: top; + .lg\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:origin-top-right { - transform-origin: top right; + .lg\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:origin-right { - transform-origin: right; + .lg\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .lg\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:origin-bottom { - transform-origin: bottom; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:origin-left { - transform-origin: left; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:origin-top-left { - transform-origin: top left; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:scale-x-0 { - --transform-scale-x: 0; + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:scale-x-50 { - --transform-scale-x: .5; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:scale-x-75 { - --transform-scale-x: .75; + .lg\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:scale-x-90 { - --transform-scale-x: .9; + .lg\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:scale-x-95 { - --transform-scale-x: .95; + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:scale-x-100 { - --transform-scale-x: 1; + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05; + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1; + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25; + .lg\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5; + .lg\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:scale-y-0 { - --transform-scale-y: 0; + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:scale-y-50 { - --transform-scale-y: .5; + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:scale-y-75 { - --transform-scale-y: .75; + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:scale-y-90 { - --transform-scale-y: .9; + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:scale-y-95 { - --transform-scale-y: .95; + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:scale-y-100 { - --transform-scale-y: 1; + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05; + .lg\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1; + .lg\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25; + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5; + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .lg\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .lg\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .lg\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .lg\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .lg\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .lg\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .lg\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .lg\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .lg\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .lg\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .lg\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .lg\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .lg\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .lg\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:mt-0 { + margin-top: 0; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:mr-0 { + margin-right: 0; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:mb-0 { + margin-bottom: 0; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:ml-0 { + margin-left: 0; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:mt-1 { + margin-top: 0.25rem; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:mr-1 { + margin-right: 0.25rem; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:ml-1 { + margin-left: 0.25rem; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .lg\:mt-2 { + margin-top: 0.5rem; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .lg\:mr-2 { + margin-right: 0.5rem; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .lg\:ml-2 { + margin-left: 0.5rem; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .lg\:mt-3 { + margin-top: 0.75rem; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .lg\:mr-3 { + margin-right: 0.75rem; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .lg\:ml-3 { + margin-left: 0.75rem; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .lg\:mt-4 { + margin-top: 1rem; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .lg\:mr-4 { + margin-right: 1rem; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .lg\:mb-4 { + margin-bottom: 1rem; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .lg\:ml-4 { + margin-left: 1rem; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .lg\:mt-5 { + margin-top: 1.25rem; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .lg\:mr-5 { + margin-right: 1.25rem; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .lg\:ml-5 { + margin-left: 1.25rem; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .lg\:mt-6 { + margin-top: 1.5rem; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .lg\:mr-6 { + margin-right: 1.5rem; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .lg\:ml-6 { + margin-left: 1.5rem; } - .lg\:rotate-0 { - --transform-rotate: 0; + .lg\:mt-7 { + margin-top: 1.75rem; } - .lg\:rotate-1 { - --transform-rotate: 1deg; + .lg\:mr-7 { + margin-right: 1.75rem; } - .lg\:rotate-2 { - --transform-rotate: 2deg; + .lg\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:rotate-3 { - --transform-rotate: 3deg; + .lg\:ml-7 { + margin-left: 1.75rem; } - .lg\:rotate-6 { - --transform-rotate: 6deg; + .lg\:mt-8 { + margin-top: 2rem; } - .lg\:rotate-12 { - --transform-rotate: 12deg; + .lg\:mr-8 { + margin-right: 2rem; } - .lg\:rotate-45 { - --transform-rotate: 45deg; + .lg\:mb-8 { + margin-bottom: 2rem; } - .lg\:rotate-90 { - --transform-rotate: 90deg; + .lg\:ml-8 { + margin-left: 2rem; } - .lg\:rotate-180 { - --transform-rotate: 180deg; + .lg\:mt-9 { + margin-top: 2.25rem; } - .lg\:-rotate-180 { - --transform-rotate: -180deg; + .lg\:mr-9 { + margin-right: 2.25rem; } - .lg\:-rotate-90 { - --transform-rotate: -90deg; + .lg\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:-rotate-45 { - --transform-rotate: -45deg; + .lg\:ml-9 { + margin-left: 2.25rem; } - .lg\:-rotate-12 { - --transform-rotate: -12deg; + .lg\:mt-10 { + margin-top: 2.5rem; } - .lg\:-rotate-6 { - --transform-rotate: -6deg; + .lg\:mr-10 { + margin-right: 2.5rem; } - .lg\:-rotate-3 { - --transform-rotate: -3deg; + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:-rotate-2 { - --transform-rotate: -2deg; + .lg\:ml-10 { + margin-left: 2.5rem; } - .lg\:-rotate-1 { - --transform-rotate: -1deg; + .lg\:mt-12 { + margin-top: 3rem; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0; + .lg\:mr-12 { + margin-right: 3rem; } - .lg\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .lg\:mb-12 { + margin-bottom: 3rem; } - .lg\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .lg\:ml-12 { + margin-left: 3rem; } - .lg\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .lg\:mt-14 { + margin-top: 3.5rem; } - .lg\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .lg\:mr-14 { + margin-right: 3.5rem; } - .lg\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .lg\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .lg\:ml-14 { + margin-left: 3.5rem; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .lg\:mt-16 { + margin-top: 4rem; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .lg\:mr-16 { + margin-right: 4rem; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .lg\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .lg\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .lg\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .lg\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .lg\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .lg\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .lg\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .lg\:mr-24 { + margin-right: 6rem; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0; + .lg\:mb-24 { + margin-bottom: 6rem; } - .lg\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .lg\:ml-24 { + margin-left: 6rem; } - .lg\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .lg\:mt-28 { + margin-top: 7rem; } - .lg\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .lg\:mr-28 { + margin-right: 7rem; } - .lg\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .lg\:mb-28 { + margin-bottom: 7rem; } - .lg\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .lg\:ml-28 { + margin-left: 7rem; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .lg\:mt-32 { + margin-top: 8rem; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .lg\:mr-32 { + margin-right: 8rem; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .lg\:mb-32 { + margin-bottom: 8rem; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .lg\:ml-32 { + margin-left: 8rem; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .lg\:mt-36 { + margin-top: 9rem; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .lg\:mr-36 { + margin-right: 9rem; } - .lg\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .lg\:mb-36 { + margin-bottom: 9rem; } - .lg\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .lg\:ml-36 { + margin-left: 9rem; } - .lg\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .lg\:mt-40 { + margin-top: 10rem; } - .lg\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .lg\:mr-40 { + margin-right: 10rem; } - .lg\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .lg\:mb-40 { + margin-bottom: 10rem; } - .lg\:translate-x-0 { - --transform-translate-x: 0; + .lg\:ml-40 { + margin-left: 10rem; } - .lg\:translate-x-1 { - --transform-translate-x: 0.25rem; + .lg\:mt-44 { + margin-top: 11rem; } - .lg\:translate-x-2 { - --transform-translate-x: 0.5rem; + .lg\:mr-44 { + margin-right: 11rem; } - .lg\:translate-x-3 { - --transform-translate-x: 0.75rem; + .lg\:mb-44 { + margin-bottom: 11rem; } - .lg\:translate-x-4 { - --transform-translate-x: 1rem; + .lg\:ml-44 { + margin-left: 11rem; } - .lg\:translate-x-5 { - --transform-translate-x: 1.25rem; + .lg\:mt-48 { + margin-top: 12rem; } - .lg\:translate-x-6 { - --transform-translate-x: 1.5rem; + .lg\:mr-48 { + margin-right: 12rem; } - .lg\:translate-x-7 { - --transform-translate-x: 1.75rem; + .lg\:mb-48 { + margin-bottom: 12rem; } - .lg\:translate-x-8 { - --transform-translate-x: 2rem; + .lg\:ml-48 { + margin-left: 12rem; } - .lg\:translate-x-9 { - --transform-translate-x: 2.25rem; + .lg\:mt-52 { + margin-top: 13rem; } - .lg\:translate-x-10 { - --transform-translate-x: 2.5rem; + .lg\:mr-52 { + margin-right: 13rem; } - .lg\:translate-x-12 { - --transform-translate-x: 3rem; + .lg\:mb-52 { + margin-bottom: 13rem; } - .lg\:translate-x-14 { - --transform-translate-x: 3.5rem; + .lg\:ml-52 { + margin-left: 13rem; } - .lg\:translate-x-16 { - --transform-translate-x: 4rem; + .lg\:mt-56 { + margin-top: 14rem; } - .lg\:translate-x-20 { - --transform-translate-x: 5rem; + .lg\:mr-56 { + margin-right: 14rem; } - .lg\:translate-x-24 { - --transform-translate-x: 6rem; + .lg\:mb-56 { + margin-bottom: 14rem; } - .lg\:translate-x-28 { - --transform-translate-x: 7rem; + .lg\:ml-56 { + margin-left: 14rem; } - .lg\:translate-x-32 { - --transform-translate-x: 8rem; + .lg\:mt-60 { + margin-top: 15rem; } - .lg\:translate-x-36 { - --transform-translate-x: 9rem; + .lg\:mr-60 { + margin-right: 15rem; } - .lg\:translate-x-40 { - --transform-translate-x: 10rem; + .lg\:mb-60 { + margin-bottom: 15rem; } - .lg\:translate-x-44 { - --transform-translate-x: 11rem; + .lg\:ml-60 { + margin-left: 15rem; } - .lg\:translate-x-48 { - --transform-translate-x: 12rem; + .lg\:mt-64 { + margin-top: 16rem; } - .lg\:translate-x-52 { - --transform-translate-x: 13rem; + .lg\:mr-64 { + margin-right: 16rem; } - .lg\:translate-x-56 { - --transform-translate-x: 14rem; + .lg\:mb-64 { + margin-bottom: 16rem; } - .lg\:translate-x-60 { - --transform-translate-x: 15rem; + .lg\:ml-64 { + margin-left: 16rem; } - .lg\:translate-x-64 { - --transform-translate-x: 16rem; + .lg\:mt-72 { + margin-top: 18rem; } - .lg\:translate-x-72 { - --transform-translate-x: 18rem; + .lg\:mr-72 { + margin-right: 18rem; } - .lg\:translate-x-80 { - --transform-translate-x: 20rem; + .lg\:mb-72 { + margin-bottom: 18rem; } - .lg\:translate-x-96 { - --transform-translate-x: 24rem; + .lg\:ml-72 { + margin-left: 18rem; } - .lg\:translate-x-px { - --transform-translate-x: 1px; + .lg\:mt-80 { + margin-top: 20rem; } - .lg\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .lg\:mr-80 { + margin-right: 20rem; } - .lg\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .lg\:mb-80 { + margin-bottom: 20rem; } - .lg\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .lg\:ml-80 { + margin-left: 20rem; } - .lg\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .lg\:mt-96 { + margin-top: 24rem; } - .lg\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .lg\:mr-96 { + margin-right: 24rem; } - .lg\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .lg\:mb-96 { + margin-bottom: 24rem; } - .lg\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .lg\:ml-96 { + margin-left: 24rem; } - .lg\:-translate-x-4 { - --transform-translate-x: -1rem; + .lg\:mt-auto { + margin-top: auto; } - .lg\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .lg\:mr-auto { + margin-right: auto; } - .lg\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .lg\:mb-auto { + margin-bottom: auto; } - .lg\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .lg\:ml-auto { + margin-left: auto; } - .lg\:-translate-x-8 { - --transform-translate-x: -2rem; + .lg\:mt-px { + margin-top: 1px; } - .lg\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .lg\:mr-px { + margin-right: 1px; } - .lg\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .lg\:mb-px { + margin-bottom: 1px; } - .lg\:-translate-x-12 { - --transform-translate-x: -3rem; + .lg\:ml-px { + margin-left: 1px; } - .lg\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .lg\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:-translate-x-16 { - --transform-translate-x: -4rem; + .lg\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:-translate-x-20 { - --transform-translate-x: -5rem; + .lg\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:-translate-x-24 { - --transform-translate-x: -6rem; + .lg\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:-translate-x-28 { - --transform-translate-x: -7rem; + .lg\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:-translate-x-32 { - --transform-translate-x: -8rem; + .lg\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:-translate-x-36 { - --transform-translate-x: -9rem; + .lg\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:-translate-x-40 { - --transform-translate-x: -10rem; + .lg\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:-translate-x-44 { - --transform-translate-x: -11rem; + .lg\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:-translate-x-48 { - --transform-translate-x: -12rem; + .lg\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:-translate-x-52 { - --transform-translate-x: -13rem; + .lg\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:-translate-x-56 { - --transform-translate-x: -14rem; + .lg\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:-translate-x-60 { - --transform-translate-x: -15rem; + .lg\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:-translate-x-64 { - --transform-translate-x: -16rem; + .lg\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:-translate-x-72 { - --transform-translate-x: -18rem; + .lg\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:-translate-x-80 { - --transform-translate-x: -20rem; + .lg\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:-translate-x-96 { - --transform-translate-x: -24rem; + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:-translate-x-px { - --transform-translate-x: -1px; + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:translate-x-1\/2 { - --transform-translate-x: 50%; + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:translate-x-1\/4 { - --transform-translate-x: 25%; + .lg\:-mr-3 { + margin-right: -0.75rem; } - .lg\:translate-x-2\/4 { - --transform-translate-x: 50%; + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:translate-x-3\/4 { - --transform-translate-x: 75%; + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:translate-x-full { - --transform-translate-x: 100%; + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .lg\:-mt-5 { + margin-top: -1.25rem; } - .lg\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .lg\:-mr-5 { + margin-right: -1.25rem; } - .lg\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:-translate-x-full { - --transform-translate-x: -100%; + .lg\:-ml-5 { + margin-left: -1.25rem; } - .lg\:translate-y-0 { - --transform-translate-y: 0; + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:translate-y-1 { - --transform-translate-y: 0.25rem; + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:translate-y-2 { - --transform-translate-y: 0.5rem; + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:translate-y-3 { - --transform-translate-y: 0.75rem; + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:translate-y-4 { - --transform-translate-y: 1rem; + .lg\:-mt-7 { + margin-top: -1.75rem; } - .lg\:translate-y-5 { - --transform-translate-y: 1.25rem; + .lg\:-mr-7 { + margin-right: -1.75rem; } - .lg\:translate-y-6 { - --transform-translate-y: 1.5rem; + .lg\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:translate-y-7 { - --transform-translate-y: 1.75rem; + .lg\:-ml-7 { + margin-left: -1.75rem; } - .lg\:translate-y-8 { - --transform-translate-y: 2rem; + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:translate-y-9 { - --transform-translate-y: 2.25rem; + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:translate-y-10 { - --transform-translate-y: 2.5rem; + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:translate-y-12 { - --transform-translate-y: 3rem; + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:translate-y-14 { - --transform-translate-y: 3.5rem; + .lg\:-mt-9 { + margin-top: -2.25rem; } - .lg\:translate-y-16 { - --transform-translate-y: 4rem; + .lg\:-mr-9 { + margin-right: -2.25rem; } - .lg\:translate-y-20 { - --transform-translate-y: 5rem; + .lg\:-mb-9 { + margin-bottom: -2.25rem; } - .lg\:translate-y-24 { - --transform-translate-y: 6rem; + .lg\:-ml-9 { + margin-left: -2.25rem; } - .lg\:translate-y-28 { - --transform-translate-y: 7rem; + .lg\:-mt-10 { + margin-top: -2.5rem; } - .lg\:translate-y-32 { - --transform-translate-y: 8rem; + .lg\:-mr-10 { + margin-right: -2.5rem; } - .lg\:translate-y-36 { - --transform-translate-y: 9rem; + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:translate-y-40 { - --transform-translate-y: 10rem; + .lg\:-ml-10 { + margin-left: -2.5rem; } - .lg\:translate-y-44 { - --transform-translate-y: 11rem; + .lg\:-mt-12 { + margin-top: -3rem; } - .lg\:translate-y-48 { - --transform-translate-y: 12rem; + .lg\:-mr-12 { + margin-right: -3rem; } - .lg\:translate-y-52 { - --transform-translate-y: 13rem; + .lg\:-mb-12 { + margin-bottom: -3rem; } - .lg\:translate-y-56 { - --transform-translate-y: 14rem; + .lg\:-ml-12 { + margin-left: -3rem; } - .lg\:translate-y-60 { - --transform-translate-y: 15rem; + .lg\:-mt-14 { + margin-top: -3.5rem; } - .lg\:translate-y-64 { - --transform-translate-y: 16rem; + .lg\:-mr-14 { + margin-right: -3.5rem; } - .lg\:translate-y-72 { - --transform-translate-y: 18rem; + .lg\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:translate-y-80 { - --transform-translate-y: 20rem; + .lg\:-ml-14 { + margin-left: -3.5rem; } - .lg\:translate-y-96 { - --transform-translate-y: 24rem; + .lg\:-mt-16 { + margin-top: -4rem; } - .lg\:translate-y-px { - --transform-translate-y: 1px; + .lg\:-mr-16 { + margin-right: -4rem; } - .lg\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .lg\:-mb-16 { + margin-bottom: -4rem; } - .lg\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .lg\:-ml-16 { + margin-left: -4rem; } - .lg\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .lg\:-mt-20 { + margin-top: -5rem; } - .lg\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .lg\:-mr-20 { + margin-right: -5rem; } - .lg\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .lg\:-mb-20 { + margin-bottom: -5rem; } - .lg\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .lg\:-ml-20 { + margin-left: -5rem; } - .lg\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .lg\:-mt-24 { + margin-top: -6rem; } - .lg\:-translate-y-4 { - --transform-translate-y: -1rem; + .lg\:-mr-24 { + margin-right: -6rem; } - .lg\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .lg\:-mb-24 { + margin-bottom: -6rem; } - .lg\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .lg\:-ml-24 { + margin-left: -6rem; } - .lg\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .lg\:-mt-28 { + margin-top: -7rem; } - .lg\:-translate-y-8 { - --transform-translate-y: -2rem; + .lg\:-mr-28 { + margin-right: -7rem; } - .lg\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .lg\:-mb-28 { + margin-bottom: -7rem; } - .lg\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .lg\:-ml-28 { + margin-left: -7rem; } - .lg\:-translate-y-12 { - --transform-translate-y: -3rem; + .lg\:-mt-32 { + margin-top: -8rem; } - .lg\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .lg\:-mr-32 { + margin-right: -8rem; } - .lg\:-translate-y-16 { - --transform-translate-y: -4rem; + .lg\:-mb-32 { + margin-bottom: -8rem; } - .lg\:-translate-y-20 { - --transform-translate-y: -5rem; + .lg\:-ml-32 { + margin-left: -8rem; } - .lg\:-translate-y-24 { - --transform-translate-y: -6rem; + .lg\:-mt-36 { + margin-top: -9rem; } - .lg\:-translate-y-28 { - --transform-translate-y: -7rem; + .lg\:-mr-36 { + margin-right: -9rem; } - .lg\:-translate-y-32 { - --transform-translate-y: -8rem; + .lg\:-mb-36 { + margin-bottom: -9rem; } - .lg\:-translate-y-36 { - --transform-translate-y: -9rem; + .lg\:-ml-36 { + margin-left: -9rem; } - .lg\:-translate-y-40 { - --transform-translate-y: -10rem; + .lg\:-mt-40 { + margin-top: -10rem; } - .lg\:-translate-y-44 { - --transform-translate-y: -11rem; + .lg\:-mr-40 { + margin-right: -10rem; } - .lg\:-translate-y-48 { - --transform-translate-y: -12rem; + .lg\:-mb-40 { + margin-bottom: -10rem; } - .lg\:-translate-y-52 { - --transform-translate-y: -13rem; + .lg\:-ml-40 { + margin-left: -10rem; } - .lg\:-translate-y-56 { - --transform-translate-y: -14rem; + .lg\:-mt-44 { + margin-top: -11rem; } - .lg\:-translate-y-60 { - --transform-translate-y: -15rem; + .lg\:-mr-44 { + margin-right: -11rem; } - .lg\:-translate-y-64 { - --transform-translate-y: -16rem; + .lg\:-mb-44 { + margin-bottom: -11rem; } - .lg\:-translate-y-72 { - --transform-translate-y: -18rem; + .lg\:-ml-44 { + margin-left: -11rem; } - .lg\:-translate-y-80 { - --transform-translate-y: -20rem; + .lg\:-mt-48 { + margin-top: -12rem; } - .lg\:-translate-y-96 { - --transform-translate-y: -24rem; + .lg\:-mr-48 { + margin-right: -12rem; } - .lg\:-translate-y-px { - --transform-translate-y: -1px; + .lg\:-mb-48 { + margin-bottom: -12rem; } - .lg\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .lg\:-ml-48 { + margin-left: -12rem; } - .lg\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .lg\:-mt-52 { + margin-top: -13rem; } - .lg\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .lg\:-mr-52 { + margin-right: -13rem; } - .lg\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .lg\:-mb-52 { + margin-bottom: -13rem; } - .lg\:translate-y-1\/2 { - --transform-translate-y: 50%; + .lg\:-ml-52 { + margin-left: -13rem; } - .lg\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .lg\:-mt-56 { + margin-top: -14rem; } - .lg\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .lg\:-mr-56 { + margin-right: -14rem; } - .lg\:translate-y-1\/4 { - --transform-translate-y: 25%; + .lg\:-mb-56 { + margin-bottom: -14rem; } - .lg\:translate-y-2\/4 { - --transform-translate-y: 50%; + .lg\:-ml-56 { + margin-left: -14rem; } - .lg\:translate-y-3\/4 { - --transform-translate-y: 75%; + .lg\:-mt-60 { + margin-top: -15rem; } - .lg\:translate-y-full { - --transform-translate-y: 100%; + .lg\:-mr-60 { + margin-right: -15rem; } - .lg\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .lg\:-mb-60 { + margin-bottom: -15rem; } - .lg\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .lg\:-ml-60 { + margin-left: -15rem; } - .lg\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .lg\:-mt-64 { + margin-top: -16rem; } - .lg\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .lg\:-mr-64 { + margin-right: -16rem; } - .lg\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .lg\:-mb-64 { + margin-bottom: -16rem; } - .lg\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .lg\:-ml-64 { + margin-left: -16rem; } - .lg\:-translate-y-full { - --transform-translate-y: -100%; + .lg\:-mt-72 { + margin-top: -18rem; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .lg\:-mr-72 { + margin-right: -18rem; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .lg\:-mb-72 { + margin-bottom: -18rem; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .lg\:-ml-72 { + margin-left: -18rem; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .lg\:-mt-80 { + margin-top: -20rem; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .lg\:-mr-80 { + margin-right: -20rem; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .lg\:-mb-80 { + margin-bottom: -20rem; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .lg\:-ml-80 { + margin-left: -20rem; + } + + .lg\:-mt-96 { + margin-top: -24rem; } - .lg\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .lg\:-mr-96 { + margin-right: -24rem; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .lg\:-mb-96 { + margin-bottom: -24rem; } - .lg\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .lg\:-ml-96 { + margin-left: -24rem; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .lg\:-mt-px { + margin-top: -1px; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .lg\:-mr-px { + margin-right: -1px; } - .lg\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .lg\:-ml-px { + margin-left: -1px; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .lg\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .lg\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .lg\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .lg\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .lg\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .lg\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .lg\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .lg\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .lg\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .lg\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .lg\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .lg\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .lg\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .lg\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .lg\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .lg\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .lg\:max-h-0 { + max-height: 0; } - .lg\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .lg\:max-h-1 { + max-height: 0.25rem; } - .lg\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .lg\:max-h-2 { + max-height: 0.5rem; } - .lg\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .lg\:max-h-3 { + max-height: 0.75rem; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .lg\:max-h-4 { + max-height: 1rem; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .lg\:max-h-5 { + max-height: 1.25rem; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .lg\:max-h-6 { + max-height: 1.5rem; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .lg\:max-h-7 { + max-height: 1.75rem; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .lg\:max-h-8 { + max-height: 2rem; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .lg\:max-h-9 { + max-height: 2.25rem; } - .lg\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .lg\:max-h-10 { + max-height: 2.5rem; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .lg\:max-h-12 { + max-height: 3rem; } - .lg\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .lg\:max-h-14 { + max-height: 3.5rem; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .lg\:max-h-16 { + max-height: 4rem; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .lg\:max-h-20 { + max-height: 5rem; } - .lg\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .lg\:max-h-24 { + max-height: 6rem; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .lg\:max-h-28 { + max-height: 7rem; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .lg\:max-h-32 { + max-height: 8rem; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .lg\:max-h-36 { + max-height: 9rem; } - .lg\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .lg\:max-h-40 { + max-height: 10rem; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .lg\:max-h-44 { + max-height: 11rem; } - .lg\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .lg\:max-h-48 { + max-height: 12rem; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .lg\:max-h-52 { + max-height: 13rem; } - .lg\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .lg\:max-h-56 { + max-height: 14rem; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .lg\:max-h-60 { + max-height: 15rem; } - .lg\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .lg\:max-h-64 { + max-height: 16rem; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .lg\:max-h-72 { + max-height: 18rem; } - .lg\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .lg\:max-h-80 { + max-height: 20rem; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .lg\:max-h-96 { + max-height: 24rem; } - .lg\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .lg\:max-h-px { + max-height: 1px; } - .lg\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .lg\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .lg\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .lg\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .lg\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .lg\:max-h-full { + max-height: 100%; } - .lg\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .lg\:max-w-0 { + max-width: 0rem; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .lg\:max-w-none { + max-width: none; } - .lg\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .lg\:max-w-sm { + max-width: 24rem; } - .lg\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .lg\:max-w-md { + max-width: 28rem; } - .lg\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .lg\:max-w-lg { + max-width: 32rem; } - .lg\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .lg\:max-w-xl { + max-width: 36rem; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .lg\:max-w-2xl { + max-width: 42rem; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .lg\:max-w-3xl { + max-width: 48rem; } - .lg\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .lg\:max-w-4xl { + max-width: 56rem; } - .lg\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .lg\:max-w-5xl { + max-width: 64rem; } - .lg\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .lg\:max-w-6xl { + max-width: 72rem; } - .lg\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .lg\:max-w-7xl { + max-width: 80rem; } - .lg\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .lg\:max-w-full { + max-width: 100%; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .lg\:max-w-min { + max-width: min-content; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .lg\:max-w-max { + max-width: max-content; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .lg\:max-w-screen-sm { + max-width: 640px; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .lg\:max-w-screen-md { + max-width: 768px; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .lg\:max-w-screen-lg { + max-width: 1024px; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .lg\:max-w-screen-xl { + max-width: 1280px; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .lg\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .lg\:min-h-0 { + min-height: 0; } - .lg\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .lg\:min-h-full { + min-height: 100%; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .lg\:min-h-screen { + min-height: 100vh; } - .lg\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .lg\:min-w-0 { + min-width: 0; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .lg\:min-w-full { + min-width: 100%; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .lg\:min-w-min { + min-width: min-content; } - .lg\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .lg\:min-w-max { + min-width: max-content; } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .lg\:object-contain { + object-fit: contain; } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .lg\:object-cover { + object-fit: cover; } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .lg\:object-fill { + object-fit: fill; } - .lg\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .lg\:object-none { + object-fit: none; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:object-scale-down { + object-fit: scale-down; } - .lg\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .lg\:object-bottom { + object-position: bottom; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .lg\:object-center { + object-position: center; } - .lg\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .lg\:object-left { + object-position: left; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:object-left-bottom { + object-position: left bottom; } - .lg\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .lg\:object-left-top { + object-position: left top; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .lg\:object-right { + object-position: right; } - .lg\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .lg\:object-right-bottom { + object-position: right bottom; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:object-right-top { + object-position: right top; } - .lg\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .lg\:object-top { + object-position: top; } - .lg\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .lg\:opacity-0 { + opacity: 0; } - .lg\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .lg\:opacity-25 { + opacity: 0.25; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .lg\:opacity-50 { + opacity: 0.5; } - .lg\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .lg\:opacity-75 { + opacity: 0.75; } - .lg\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .lg\:opacity-100 { + opacity: 1; } - .lg\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .group:hover .lg\:group-hover\:opacity-0 { + opacity: 0; } - .lg\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .group:hover .lg\:group-hover\:opacity-25 { + opacity: 0.25; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .group:hover .lg\:group-hover\:opacity-50 { + opacity: 0.5; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .group:hover .lg\:group-hover\:opacity-75 { + opacity: 0.75; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .group:hover .lg\:group-hover\:opacity-100 { + opacity: 1; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:hover\:opacity-0:hover { + opacity: 0; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:hover\:opacity-25:hover { + opacity: 0.25; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .lg\:hover\:opacity-50:hover { + opacity: 0.5; } - .lg\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .lg\:hover\:opacity-75:hover { + opacity: 0.75; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:hover\:opacity-100:hover { + opacity: 1; } - .lg\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .lg\:focus\:opacity-0:focus { + opacity: 0; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .lg\:focus\:opacity-25:focus { + opacity: 0.25; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:focus\:opacity-50:focus { + opacity: 0.5; } - .lg\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .lg\:focus\:opacity-75:focus { + opacity: 0.75; } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .lg\:focus\:opacity-100:focus { + opacity: 1; } - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .lg\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .lg\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .lg\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .lg\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .lg\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .lg\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .lg\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .lg\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .lg\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .lg\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .lg\:overflow-auto { + overflow: auto; } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .lg\:overflow-hidden { + overflow: hidden; } - .lg\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .lg\:overflow-visible { + overflow: visible; } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .lg\:overflow-scroll { + overflow: scroll; } - .lg\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .lg\:overflow-x-auto { + overflow-x: auto; } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .lg\:overflow-y-auto { + overflow-y: auto; } - .lg\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .lg\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .lg\:overflow-x-visible { + overflow-x: visible; } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .lg\:overflow-y-visible { + overflow-y: visible; } - .lg\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .lg\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .lg\:overscroll-auto { + overscroll-behavior: auto; } - .lg\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .lg\:overscroll-contain { + overscroll-behavior: contain; } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .lg\:overscroll-none { + overscroll-behavior: none; } - .lg\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .lg\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .lg\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .lg\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .lg\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .lg\:overscroll-y-none { + overscroll-behavior-y: none; } - .lg\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .lg\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .lg\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .lg\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .lg\:overscroll-x-none { + overscroll-behavior-x: none; } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .lg\:p-0 { + padding: 0; } - .lg\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .lg\:p-1 { + padding: 0.25rem; } - .lg\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .lg\:p-2 { + padding: 0.5rem; } - .lg\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .lg\:p-3 { + padding: 0.75rem; } - .lg\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .lg\:p-4 { + padding: 1rem; } - .lg\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .lg\:p-5 { + padding: 1.25rem; } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .lg\:p-6 { + padding: 1.5rem; } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .lg\:p-7 { + padding: 1.75rem; } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .lg\:p-8 { + padding: 2rem; } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .lg\:p-9 { + padding: 2.25rem; } - .lg\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .lg\:p-10 { + padding: 2.5rem; } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .lg\:p-12 { + padding: 3rem; } - .lg\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .lg\:p-14 { + padding: 3.5rem; } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .lg\:p-16 { + padding: 4rem; } - .lg\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .lg\:p-20 { + padding: 5rem; } - .lg\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .lg\:p-24 { + padding: 6rem; } - .lg\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .lg\:p-28 { + padding: 7rem; } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .lg\:p-32 { + padding: 8rem; } - .lg\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .lg\:p-36 { + padding: 9rem; } - .lg\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .lg\:p-40 { + padding: 10rem; } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .lg\:p-44 { + padding: 11rem; } - .lg\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .lg\:p-48 { + padding: 12rem; } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .lg\:p-52 { + padding: 13rem; } - .lg\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .lg\:p-56 { + padding: 14rem; } - .lg\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .lg\:p-60 { + padding: 15rem; } - .lg\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .lg\:p-64 { + padding: 16rem; } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .lg\:p-72 { + padding: 18rem; } - .lg\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .lg\:p-80 { + padding: 20rem; } - .lg\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .lg\:p-96 { + padding: 24rem; } - .lg\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .lg\:p-px { + padding: 1px; } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .lg\:p-0\.5 { + padding: 0.125rem; } - .lg\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .lg\:p-1\.5 { + padding: 0.375rem; } - .lg\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .lg\:p-2\.5 { + padding: 0.625rem; } - .lg\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .lg\:p-3\.5 { + padding: 0.875rem; } - .lg\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .lg\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .lg\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .lg\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .lg\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .lg\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .lg\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .lg\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .lg\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .lg\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .lg\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .lg\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .lg\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .lg\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .lg\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .lg\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .lg\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .lg\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .lg\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .lg\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .lg\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .lg\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .lg\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .lg\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .lg\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .lg\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .lg\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .lg\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .lg\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .lg\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .lg\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .lg\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .lg\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .lg\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .lg\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .lg\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .lg\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .lg\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .lg\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .lg\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .lg\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .lg\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .lg\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .lg\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .lg\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .lg\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .lg\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .lg\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .lg\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .lg\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .lg\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .lg\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .lg\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .lg\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .lg\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .lg\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .lg\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .lg\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .lg\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .lg\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .lg\:pt-0 { + padding-top: 0; } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .lg\:pr-0 { + padding-right: 0; } - .lg\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .lg\:pb-0 { + padding-bottom: 0; } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .lg\:pl-0 { + padding-left: 0; } - .lg\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .lg\:pt-1 { + padding-top: 0.25rem; } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .lg\:pr-1 { + padding-right: 0.25rem; } - .lg\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .lg\:pl-1 { + padding-left: 0.25rem; } - .lg\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .lg\:pt-2 { + padding-top: 0.5rem; } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .lg\:pr-2 { + padding-right: 0.5rem; } - .lg\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .lg\:pl-2 { + padding-left: 0.5rem; } - .lg\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .lg\:pt-3 { + padding-top: 0.75rem; } - .lg\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .lg\:pr-3 { + padding-right: 0.75rem; } - .lg\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .lg\:pl-3 { + padding-left: 0.75rem; } - .lg\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .lg\:pt-4 { + padding-top: 1rem; } - .lg\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .lg\:pr-4 { + padding-right: 1rem; } - .lg\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .lg\:pb-4 { + padding-bottom: 1rem; } - .lg\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .lg\:pl-4 { + padding-left: 1rem; } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .lg\:pt-5 { + padding-top: 1.25rem; } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .lg\:pr-5 { + padding-right: 1.25rem; } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .lg\:pl-5 { + padding-left: 1.25rem; } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .lg\:pt-6 { + padding-top: 1.5rem; } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .lg\:pr-6 { + padding-right: 1.5rem; } - .lg\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .lg\:pl-6 { + padding-left: 1.5rem; } - .lg\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .lg\:pt-7 { + padding-top: 1.75rem; } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .lg\:pr-7 { + padding-right: 1.75rem; } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .lg\:pb-7 { + padding-bottom: 1.75rem; } - .lg\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .lg\:pl-7 { + padding-left: 1.75rem; } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .lg\:pt-8 { + padding-top: 2rem; } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .lg\:pr-8 { + padding-right: 2rem; } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .lg\:pb-8 { + padding-bottom: 2rem; } - .lg\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .lg\:pl-8 { + padding-left: 2rem; } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .lg\:pt-9 { + padding-top: 2.25rem; } - .lg\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .lg\:pr-9 { + padding-right: 2.25rem; } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .lg\:pb-9 { + padding-bottom: 2.25rem; } - .lg\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .lg\:pl-9 { + padding-left: 2.25rem; } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .lg\:pt-10 { + padding-top: 2.5rem; } - .lg\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .lg\:pr-10 { + padding-right: 2.5rem; } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .lg\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .lg\:pl-10 { + padding-left: 2.5rem; } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .lg\:pt-12 { + padding-top: 3rem; } - .lg\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .lg\:pr-12 { + padding-right: 3rem; } - .lg\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .lg\:pb-12 { + padding-bottom: 3rem; } - .lg\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .lg\:pl-12 { + padding-left: 3rem; } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .lg\:pt-14 { + padding-top: 3.5rem; } - .lg\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .lg\:pr-14 { + padding-right: 3.5rem; } - .lg\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .lg\:pb-14 { + padding-bottom: 3.5rem; } - .lg\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .lg\:pl-14 { + padding-left: 3.5rem; } - .lg\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .lg\:pt-16 { + padding-top: 4rem; } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .lg\:pr-16 { + padding-right: 4rem; } - .lg\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .lg\:pb-16 { + padding-bottom: 4rem; } - .lg\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .lg\:pl-16 { + padding-left: 4rem; } - .lg\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .lg\:pt-20 { + padding-top: 5rem; } - .lg\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .lg\:pr-20 { + padding-right: 5rem; } - .lg\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .lg\:pb-20 { + padding-bottom: 5rem; } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .lg\:pl-20 { + padding-left: 5rem; } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .lg\:pt-24 { + padding-top: 6rem; } - .lg\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .lg\:pr-24 { + padding-right: 6rem; } - .lg\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .lg\:pb-24 { + padding-bottom: 6rem; } - .lg\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .lg\:pl-24 { + padding-left: 6rem; } - .lg\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .lg\:pt-28 { + padding-top: 7rem; } - .lg\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .lg\:pr-28 { + padding-right: 7rem; } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .lg\:pb-28 { + padding-bottom: 7rem; } - .lg\:skew-x-0 { - --transform-skew-x: 0; + .lg\:pl-28 { + padding-left: 7rem; } - .lg\:skew-x-1 { - --transform-skew-x: 1deg; + .lg\:pt-32 { + padding-top: 8rem; } - .lg\:skew-x-2 { - --transform-skew-x: 2deg; + .lg\:pr-32 { + padding-right: 8rem; } - .lg\:skew-x-3 { - --transform-skew-x: 3deg; + .lg\:pb-32 { + padding-bottom: 8rem; } - .lg\:skew-x-6 { - --transform-skew-x: 6deg; + .lg\:pl-32 { + padding-left: 8rem; } - .lg\:skew-x-12 { - --transform-skew-x: 12deg; + .lg\:pt-36 { + padding-top: 9rem; } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg; + .lg\:pr-36 { + padding-right: 9rem; } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg; + .lg\:pb-36 { + padding-bottom: 9rem; } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg; + .lg\:pl-36 { + padding-left: 9rem; } - .lg\:-skew-x-2 { - --transform-skew-x: -2deg; + .lg\:pt-40 { + padding-top: 10rem; } - .lg\:-skew-x-1 { - --transform-skew-x: -1deg; + .lg\:pr-40 { + padding-right: 10rem; } - .lg\:skew-y-0 { - --transform-skew-y: 0; + .lg\:pb-40 { + padding-bottom: 10rem; } - .lg\:skew-y-1 { - --transform-skew-y: 1deg; + .lg\:pl-40 { + padding-left: 10rem; } - .lg\:skew-y-2 { - --transform-skew-y: 2deg; + .lg\:pt-44 { + padding-top: 11rem; } - .lg\:skew-y-3 { - --transform-skew-y: 3deg; + .lg\:pr-44 { + padding-right: 11rem; } - .lg\:skew-y-6 { - --transform-skew-y: 6deg; + .lg\:pb-44 { + padding-bottom: 11rem; } - .lg\:skew-y-12 { - --transform-skew-y: 12deg; + .lg\:pl-44 { + padding-left: 11rem; } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg; + .lg\:pt-48 { + padding-top: 12rem; } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg; + .lg\:pr-48 { + padding-right: 12rem; } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg; + .lg\:pb-48 { + padding-bottom: 12rem; } - .lg\:-skew-y-2 { - --transform-skew-y: -2deg; + .lg\:pl-48 { + padding-left: 12rem; } - .lg\:-skew-y-1 { - --transform-skew-y: -1deg; + .lg\:pt-52 { + padding-top: 13rem; } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .lg\:pr-52 { + padding-right: 13rem; } - .lg\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .lg\:pb-52 { + padding-bottom: 13rem; } - .lg\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .lg\:pl-52 { + padding-left: 13rem; } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .lg\:pt-56 { + padding-top: 14rem; } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .lg\:pr-56 { + padding-right: 14rem; } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .lg\:pb-56 { + padding-bottom: 14rem; } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .lg\:pl-56 { + padding-left: 14rem; } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .lg\:pt-60 { + padding-top: 15rem; } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .lg\:pr-60 { + padding-right: 15rem; } - .lg\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .lg\:pb-60 { + padding-bottom: 15rem; } - .lg\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .lg\:pl-60 { + padding-left: 15rem; } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .lg\:pt-64 { + padding-top: 16rem; } - .lg\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .lg\:pr-64 { + padding-right: 16rem; } - .lg\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .lg\:pb-64 { + padding-bottom: 16rem; } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .lg\:pl-64 { + padding-left: 16rem; } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .lg\:pt-72 { + padding-top: 18rem; } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .lg\:pr-72 { + padding-right: 18rem; } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .lg\:pb-72 { + padding-bottom: 18rem; } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .lg\:pl-72 { + padding-left: 18rem; } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .lg\:pt-80 { + padding-top: 20rem; } - .lg\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .lg\:pr-80 { + padding-right: 20rem; } - .lg\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .lg\:pb-80 { + padding-bottom: 20rem; } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .lg\:pl-80 { + padding-left: 20rem; } - .lg\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .lg\:pt-96 { + padding-top: 24rem; } - .lg\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .lg\:pr-96 { + padding-right: 24rem; } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .lg\:pb-96 { + padding-bottom: 24rem; } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .lg\:pl-96 { + padding-left: 24rem; } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .lg\:pt-px { + padding-top: 1px; } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .lg\:pr-px { + padding-right: 1px; } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .lg\:pb-px { + padding-bottom: 1px; } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .lg\:pl-px { + padding-left: 1px; } - .lg\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .lg\:pt-0\.5 { + padding-top: 0.125rem; } - .lg\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .lg\:pr-0\.5 { + padding-right: 0.125rem; } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .lg\:pb-0\.5 { + padding-bottom: 0.125rem; } - .lg\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .lg\:pl-0\.5 { + padding-left: 0.125rem; } - .lg\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .lg\:pt-1\.5 { + padding-top: 0.375rem; } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .lg\:pr-1\.5 { + padding-right: 0.375rem; } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .lg\:pb-1\.5 { + padding-bottom: 0.375rem; } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .lg\:pl-1\.5 { + padding-left: 0.375rem; } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .lg\:pt-2\.5 { + padding-top: 0.625rem; } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .lg\:pr-2\.5 { + padding-right: 0.625rem; } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .lg\:pb-2\.5 { + padding-bottom: 0.625rem; } - .lg\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .lg\:pl-2\.5 { + padding-left: 0.625rem; } - .lg\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .lg\:pt-3\.5 { + padding-top: 0.875rem; } - .lg\:transition-none { - transition-property: none; + .lg\:pr-3\.5 { + padding-right: 0.875rem; } - .lg\:transition-all { - transition-property: all; + .lg\:pb-3\.5 { + padding-bottom: 0.875rem; } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .lg\:pl-3\.5 { + padding-left: 0.875rem; } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .lg\:placeholder-transparent::placeholder { + color: transparent; } - .lg\:transition-opacity { - transition-property: opacity; + .lg\:placeholder-current::placeholder { + color: currentColor; } - .lg\:transition-shadow { - transition-property: box-shadow; + .lg\:placeholder-black::placeholder { + color: #000; } - .lg\:transition-transform { - transition-property: transform; + .lg\:placeholder-white::placeholder { + color: #fff; } - .lg\:ease-linear { - transition-timing-function: linear; + .lg\:placeholder-gray-50::placeholder { + color: #fafafa; } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .lg\:placeholder-gray-100::placeholder { + color: #f4f4f5; } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .lg\:placeholder-gray-200::placeholder { + color: #e4e4e7; } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .lg\:placeholder-gray-300::placeholder { + color: #d4d4d8; } - .lg\:duration-75 { - transition-duration: 75ms; + .lg\:placeholder-gray-400::placeholder { + color: #a1a1aa; } - .lg\:duration-100 { - transition-duration: 100ms; + .lg\:placeholder-gray-500::placeholder { + color: #71717a; } - .lg\:duration-150 { - transition-duration: 150ms; + .lg\:placeholder-gray-600::placeholder { + color: #52525b; } - .lg\:duration-200 { - transition-duration: 200ms; + .lg\:placeholder-gray-700::placeholder { + color: #3f3f46; } - .lg\:duration-300 { - transition-duration: 300ms; + .lg\:placeholder-gray-800::placeholder { + color: #27272a; } - .lg\:duration-500 { - transition-duration: 500ms; + .lg\:placeholder-gray-900::placeholder { + color: #18181b; } - .lg\:duration-700 { - transition-duration: 700ms; + .lg\:placeholder-red-50::placeholder { + color: #fef2f2; } - .lg\:duration-1000 { - transition-duration: 1000ms; + .lg\:placeholder-red-100::placeholder { + color: #fee2e2; } - .lg\:delay-75 { - transition-delay: 75ms; + .lg\:placeholder-red-200::placeholder { + color: #fecaca; } - .lg\:delay-100 { - transition-delay: 100ms; + .lg\:placeholder-red-300::placeholder { + color: #fca5a5; } - .lg\:delay-150 { - transition-delay: 150ms; + .lg\:placeholder-red-400::placeholder { + color: #f87171; } - .lg\:delay-200 { - transition-delay: 200ms; + .lg\:placeholder-red-500::placeholder { + color: #ef4444; } - .lg\:delay-300 { - transition-delay: 300ms; + .lg\:placeholder-red-600::placeholder { + color: #dc2626; } - .lg\:delay-500 { - transition-delay: 500ms; + .lg\:placeholder-red-700::placeholder { + color: #b91c1c; } - .lg\:delay-700 { - transition-delay: 700ms; + .lg\:placeholder-red-800::placeholder { + color: #991b1b; } - .lg\:delay-1000 { - transition-delay: 1000ms; + .lg\:placeholder-red-900::placeholder { + color: #7f1d1d; } - .lg\:animate-none { - animation: none; + .lg\:placeholder-yellow-50::placeholder { + color: #fffbeb; } - .lg\:animate-spin { - animation: spin 1s linear infinite; + .lg\:placeholder-yellow-100::placeholder { + color: #fef3c7; } - .lg\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .lg\:placeholder-yellow-200::placeholder { + color: #fde68a; } - .lg\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:placeholder-yellow-300::placeholder { + color: #fcd34d; } - .lg\:animate-bounce { - animation: bounce 1s infinite; + .lg\:placeholder-yellow-400::placeholder { + color: #fbbf24; } - .lg\:example { - font-weight: 700; - color: #ef4444; + .lg\:placeholder-yellow-500::placeholder { + color: #f59e0b; } -} -@media (min-width: 1280px) { - .xl\:container { - width: 100%; + .lg\:placeholder-yellow-600::placeholder { + color: #d97706; } - @media (min-width: 640px) { - .xl\:container { - max-width: 640px; - } + .lg\:placeholder-yellow-700::placeholder { + color: #b45309; } - @media (min-width: 768px) { - .xl\:container { - max-width: 768px; - } + .lg\:placeholder-yellow-800::placeholder { + color: #92400e; } - @media (min-width: 1024px) { - .xl\:container { - max-width: 1024px; - } + .lg\:placeholder-yellow-900::placeholder { + color: #78350f; } - @media (min-width: 1280px) { - .xl\:container { - max-width: 1280px; - } + .lg\:placeholder-green-50::placeholder { + color: #ecfdf5; } - @media (min-width: 1536px) { - .xl\:container { - max-width: 1536px; - } + .lg\:placeholder-green-100::placeholder { + color: #d1fae5; } - .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\:placeholder-green-200::placeholder { + color: #a7f3d0; } - .xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-green-300::placeholder { + color: #6ee7b7; } - .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\:placeholder-green-400::placeholder { + color: #34d399; } - .xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-green-500::placeholder { + color: #10b981; } - .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\:placeholder-green-600::placeholder { + color: #059669; } - .xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-green-700::placeholder { + color: #047857; } - .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\:placeholder-green-800::placeholder { + color: #065f46; } - .xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-green-900::placeholder { + color: #064e3b; } - .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\:placeholder-blue-50::placeholder { + color: #eff6ff; } - .xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-blue-100::placeholder { + color: #dbeafe; } - .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\:placeholder-blue-200::placeholder { + color: #bfdbfe; } - .xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-blue-300::placeholder { + color: #93c5fd; } - .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\:placeholder-blue-400::placeholder { + color: #60a5fa; } - .xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-blue-500::placeholder { + color: #3b82f6; } - .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\:placeholder-blue-600::placeholder { + color: #2563eb; } - .xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-blue-700::placeholder { + color: #1d4ed8; } - .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\:placeholder-blue-800::placeholder { + color: #1e40af; } - .xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-blue-900::placeholder { + color: #1e3a8a; } - .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\:placeholder-purple-50::placeholder { + color: #f5f3ff; } - .xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-purple-100::placeholder { + color: #ede9fe; } - .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\:placeholder-purple-200::placeholder { + color: #ddd6fe; } - .xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-purple-300::placeholder { + color: #c4b5fd; } - .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\:placeholder-purple-400::placeholder { + color: #a78bfa; } - .xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-purple-500::placeholder { + color: #8b5cf6; } - .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\:placeholder-purple-600::placeholder { + color: #7c3aed; } - .xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-purple-700::placeholder { + color: #6d28d9; } - .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\:placeholder-purple-800::placeholder { + color: #5b21b6; } - .xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-purple-900::placeholder { + color: #4c1d95; } - .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\:placeholder-pink-50::placeholder { + color: #fdf2f8; } - .xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-pink-100::placeholder { + color: #fce7f3; } - .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\:placeholder-pink-200::placeholder { + color: #fbcfe8; } - .xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-pink-300::placeholder { + color: #f9a8d4; } - .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\:placeholder-pink-400::placeholder { + color: #f472b6; } - .xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-pink-500::placeholder { + color: #ec4899; } - .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\:placeholder-pink-600::placeholder { + color: #db2777; } - .xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-pink-700::placeholder { + color: #be185d; } - .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\:placeholder-pink-800::placeholder { + color: #9d174d; } - .xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .lg\:placeholder-pink-900::placeholder { + color: #831843; } - .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\:placeholder-transparent:focus::placeholder { + color: transparent; } - .xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .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\:focus\:placeholder-black:focus::placeholder { + color: #000; } - .xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-white:focus::placeholder { + color: #fff; } - .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\:focus\:placeholder-gray-50:focus::placeholder { + color: #fafafa; } - .xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-gray-100:focus::placeholder { + color: #f4f4f5; } - .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\:focus\:placeholder-gray-200:focus::placeholder { + color: #e4e4e7; } - .xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-gray-300:focus::placeholder { + color: #d4d4d8; } - .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\:focus\:placeholder-gray-400:focus::placeholder { + color: #a1a1aa; } - .xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-gray-500:focus::placeholder { + color: #71717a; } - .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\:focus\:placeholder-gray-600:focus::placeholder { + color: #52525b; } - .xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-gray-700:focus::placeholder { + color: #3f3f46; } - .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\:focus\:placeholder-gray-800:focus::placeholder { + color: #27272a; } - .xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-gray-900:focus::placeholder { + color: #18181b; } - .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\:focus\:placeholder-red-50:focus::placeholder { + color: #fef2f2; } - .xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-red-100:focus::placeholder { + color: #fee2e2; } - .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\:placeholder-red-200:focus::placeholder { + color: #fecaca; } - .xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-red-300:focus::placeholder { + color: #fca5a5; } - .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\:placeholder-red-400:focus::placeholder { + color: #f87171; } - .xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-red-500:focus::placeholder { + color: #ef4444; } - .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\:placeholder-red-600:focus::placeholder { + color: #dc2626; } - .xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-red-700:focus::placeholder { + color: #b91c1c; } - .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\:focus\:placeholder-red-800:focus::placeholder { + color: #991b1b; } - .xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-red-900:focus::placeholder { + color: #7f1d1d; } - .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\:focus\:placeholder-yellow-50:focus::placeholder { + color: #fffbeb; } - .xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fef3c7; } - .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\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fde68a; } - .xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + color: #fcd34d; } - .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\:focus\:placeholder-yellow-400:focus::placeholder { + color: #fbbf24; } - .xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + color: #f59e0b; } - .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\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d97706; } - .xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b45309; } - .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\:focus\:placeholder-yellow-800:focus::placeholder { + color: #92400e; } - .xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + color: #78350f; } - .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\:focus\:placeholder-green-50:focus::placeholder { + color: #ecfdf5; } - .xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-green-100:focus::placeholder { + color: #d1fae5; } - .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\:focus\:placeholder-green-200:focus::placeholder { + color: #a7f3d0; } - .xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-green-300:focus::placeholder { + color: #6ee7b7; } - .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\:focus\:placeholder-green-400:focus::placeholder { + color: #34d399; } - .xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-green-500:focus::placeholder { + color: #10b981; } - .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\:focus\:placeholder-green-600:focus::placeholder { + color: #059669; } - .xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-green-700:focus::placeholder { + color: #047857; } - .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\:focus\:placeholder-green-800:focus::placeholder { + color: #065f46; } - .xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-green-900:focus::placeholder { + color: #064e3b; } - .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\:placeholder-blue-50:focus::placeholder { + color: #eff6ff; } - .xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-blue-100:focus::placeholder { + color: #dbeafe; } - .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\:placeholder-blue-200:focus::placeholder { + color: #bfdbfe; } - .xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-blue-300:focus::placeholder { + color: #93c5fd; } - .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\:placeholder-blue-400:focus::placeholder { + color: #60a5fa; } - .xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-blue-500:focus::placeholder { + color: #3b82f6; } - .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\:placeholder-blue-600:focus::placeholder { + color: #2563eb; } - .xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-blue-700:focus::placeholder { + color: #1d4ed8; } - .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\:placeholder-blue-800:focus::placeholder { + color: #1e40af; } - .xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-blue-900:focus::placeholder { + color: #1e3a8a; } - .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\:placeholder-purple-50:focus::placeholder { + color: #f5f3ff; } - .xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-purple-100:focus::placeholder { + color: #ede9fe; } - .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\:placeholder-purple-200:focus::placeholder { + color: #ddd6fe; } - .xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-purple-300:focus::placeholder { + color: #c4b5fd; } - .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\:placeholder-purple-400:focus::placeholder { + color: #a78bfa; } - .xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-purple-500:focus::placeholder { + color: #8b5cf6; } - .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\:placeholder-purple-600:focus::placeholder { + color: #7c3aed; } - .xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-purple-700:focus::placeholder { + color: #6d28d9; } - .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\:placeholder-purple-800:focus::placeholder { + color: #5b21b6; } - .xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-purple-900:focus::placeholder { + color: #4c1d95; } - .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\:placeholder-pink-50:focus::placeholder { + color: #fdf2f8; } - .xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-pink-100:focus::placeholder { + color: #fce7f3; } - .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\:placeholder-pink-200:focus::placeholder { + color: #fbcfe8; } - .xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-pink-300:focus::placeholder { + color: #f9a8d4; } - .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\:focus\:placeholder-pink-400:focus::placeholder { + color: #f472b6; } - .xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-pink-500:focus::placeholder { + color: #ec4899; } - .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\:focus\:placeholder-pink-600:focus::placeholder { + color: #db2777; } - .xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-pink-700:focus::placeholder { + color: #be185d; } - .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\:focus\:placeholder-pink-800:focus::placeholder { + color: #9d174d; } - .xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .lg\:focus\:placeholder-pink-900:focus::placeholder { + color: #831843; } - .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\:pointer-events-none { + pointer-events: none; } - .xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .lg\:pointer-events-auto { + pointer-events: auto; } - .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\:static { + position: static; } - .xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .lg\:fixed { + position: fixed; } - .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\:absolute { + position: absolute; } - .xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .lg\:relative { + position: relative; } - .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\:sticky { + position: sticky; } - .xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 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\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .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\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .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\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .lg\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .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\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .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\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .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\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .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\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .lg\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .lg\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .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\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .lg\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .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\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .lg\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .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\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .lg\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .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\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .lg\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .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\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .lg\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .lg\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .lg\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .lg\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .xl\:divide-black > :not(template) ~ :not(template) { - border-color: #000; + .lg\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .xl\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; + .lg\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .xl\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; + .lg\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .xl\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; + .lg\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .xl\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; + .lg\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .xl\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; + .lg\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .xl\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; + .lg\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .xl\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; + .lg\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .xl\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; + .lg\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .xl\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; + .lg\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .xl\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; + .lg\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .xl\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; + .lg\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .xl\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; + .lg\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .xl\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; + .lg\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .xl\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; + .lg\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .xl\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; + .lg\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .xl\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; + .lg\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .xl\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; + .lg\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .xl\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; + .lg\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .xl\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; + .lg\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .xl\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; + .lg\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .xl\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; + .lg\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .xl\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; + .lg\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .xl\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; + .lg\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .xl\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; + .lg\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .xl\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; + .lg\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .xl\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; + .lg\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .xl\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; + .lg\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .xl\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; + .lg\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .xl\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; + .lg\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .xl\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; + .lg\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .xl\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; + .lg\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .xl\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; + .lg\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .xl\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; + .lg\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .xl\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; + .lg\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .xl\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; + .lg\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .xl\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; + .lg\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .xl\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; + .lg\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; + .lg\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .xl\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; + .lg\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .xl\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; + .lg\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .xl\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; + .lg\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; + .lg\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .xl\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; + .lg\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .xl\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; + .lg\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; + .lg\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .xl\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; + .lg\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .xl\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; + .lg\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .xl\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; + .lg\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; + .lg\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .xl\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; + .lg\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .xl\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; + .lg\:inset-y-0 { + top: 0; + bottom: 0; } - .xl\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; + .lg\:inset-x-0 { + right: 0; + left: 0; } - .xl\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; + .lg\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .xl\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; + .lg\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .xl\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; + .lg\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .xl\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; + .lg\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .xl\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; + .lg\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .xl\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; + .lg\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .xl\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; + .lg\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .xl\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; + .lg\:inset-x-4 { + right: 1rem; + left: 1rem; } - .xl\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; + .lg\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .xl\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; + .lg\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .xl\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; + .lg\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .xl\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; + .lg\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .xl\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; + .lg\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .xl\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; + .lg\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .xl\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; + .lg\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .xl\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; + .lg\:inset-x-8 { + right: 2rem; + left: 2rem; } - .xl\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; + .lg\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .xl\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; + .lg\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .xl\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; + .lg\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } - - .xl\:dark\:divide-black > :not(template) ~ :not(template) { - border-color: #000; - } - - .xl\:dark\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } - - .xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } - - .xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } - - .xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } - - .xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } - - .xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } - - .xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } - - .xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } - - .xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } - - .xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } - - .xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } - - .xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } - - .xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } - - .xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } - - .xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } - - .xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } - - .xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } - - .xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } - - .xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } - - .xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } - - .xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } - - .xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } - - .xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } - - .xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } - - .xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } - - .xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } - - .xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } - - .xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } - - .xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } - - .xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } - - .xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } - - .xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } - - .xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } - - .xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } - - .xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } - - .xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } - - .xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } - - .xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } - - .xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } - - .xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } - - .xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } - - .xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } - - .xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } - - .xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } - - .xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } - - .xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } - - .xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } - - .xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } - - .xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } - - .xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } - - .xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } - - .xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } - - .xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } - - .xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } - - .xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } - - .xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } - - .xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } - - .xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } - - .xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } - - .xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } - - .xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } - - .xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } - - .xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } - - .xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } - - .xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } - - .xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } - - .xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } - - .xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } - - .xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } - - .xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } - - .xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } + .lg\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .lg\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .lg\:inset-x-12 { + right: 3rem; + left: 3rem; } - .xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .lg\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .lg\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .lg\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .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\:inset-x-16 { + right: 4rem; + left: 4rem; } - .xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .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\:inset-x-20 { + right: 5rem; + left: 5rem; } - .xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:appearance-none { - appearance: none; + .lg\:inset-x-24 { + right: 6rem; + left: 6rem; } - .xl\:bg-fixed { - background-attachment: fixed; + .lg\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:bg-local { - background-attachment: local; + .lg\:inset-x-28 { + right: 7rem; + left: 7rem; } - .xl\:bg-scroll { - background-attachment: scroll; + .lg\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:bg-clip-border { - background-clip: border-box; + .lg\:inset-x-32 { + right: 8rem; + left: 8rem; } - .xl\:bg-clip-padding { - background-clip: padding-box; + .lg\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:bg-clip-content { - background-clip: content-box; + .lg\:inset-x-36 { + right: 9rem; + left: 9rem; } - .xl\:bg-clip-text { - background-clip: text; + .lg\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:bg-transparent { - background-color: transparent; + .lg\:inset-x-40 { + right: 10rem; + left: 10rem; } - .xl\:bg-current { - background-color: currentColor; + .lg\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:bg-black { - background-color: #000; + .lg\:inset-x-44 { + right: 11rem; + left: 11rem; } - .xl\:bg-white { - background-color: #fff; + .lg\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:bg-gray-50 { - background-color: #fafafa; + .lg\:inset-x-48 { + right: 12rem; + left: 12rem; } - .xl\:bg-gray-100 { - background-color: #f4f4f5; + .lg\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:bg-gray-200 { - background-color: #e4e4e7; + .lg\:inset-x-52 { + right: 13rem; + left: 13rem; } - .xl\:bg-gray-300 { - background-color: #d4d4d8; + .lg\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:bg-gray-400 { - background-color: #a1a1aa; + .lg\:inset-x-56 { + right: 14rem; + left: 14rem; } - .xl\:bg-gray-500 { - background-color: #71717a; + .lg\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:bg-gray-600 { - background-color: #52525b; + .lg\:inset-x-60 { + right: 15rem; + left: 15rem; } - .xl\:bg-gray-700 { - background-color: #3f3f46; + .lg\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:bg-gray-800 { - background-color: #27272a; + .lg\:inset-x-64 { + right: 16rem; + left: 16rem; } - .xl\:bg-gray-900 { - background-color: #18181b; + .lg\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:bg-red-50 { - background-color: #fef2f2; + .lg\:inset-x-72 { + right: 18rem; + left: 18rem; } - .xl\:bg-red-100 { - background-color: #fee2e2; + .lg\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:bg-red-200 { - background-color: #fecaca; + .lg\:inset-x-80 { + right: 20rem; + left: 20rem; } - .xl\:bg-red-300 { - background-color: #fca5a5; + .lg\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:bg-red-400 { - background-color: #f87171; + .lg\:inset-x-96 { + right: 24rem; + left: 24rem; } - .xl\:bg-red-500 { - background-color: #ef4444; + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .xl\:bg-red-600 { - background-color: #dc2626; + .lg\:inset-x-auto { + right: auto; + left: auto; } - .xl\:bg-red-700 { - background-color: #b91c1c; + .lg\:inset-y-px { + top: 1px; + bottom: 1px; } - .xl\:bg-red-800 { - background-color: #991b1b; + .lg\:inset-x-px { + right: 1px; + left: 1px; } - .xl\:bg-red-900 { - background-color: #7f1d1d; + .lg\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .xl\:bg-yellow-50 { - background-color: #fffbeb; + .lg\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .xl\:bg-yellow-100 { - background-color: #fef3c7; + .lg\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .xl\:bg-yellow-200 { - background-color: #fde68a; + .lg\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .xl\:bg-yellow-300 { - background-color: #fcd34d; + .lg\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .xl\:bg-yellow-400 { - background-color: #fbbf24; + .lg\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .xl\:bg-yellow-500 { - background-color: #f59e0b; + .lg\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .xl\:bg-yellow-600 { - background-color: #d97706; + .lg\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .xl\:bg-yellow-700 { - background-color: #b45309; + .lg\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .xl\:bg-yellow-800 { - background-color: #92400e; + .lg\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .xl\:bg-yellow-900 { - background-color: #78350f; + .lg\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .xl\:bg-green-50 { - background-color: #ecfdf5; + .lg\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .xl\:bg-green-100 { - background-color: #d1fae5; + .lg\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .xl\:bg-green-200 { - background-color: #a7f3d0; + .lg\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .xl\:bg-green-300 { - background-color: #6ee7b7; + .lg\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .xl\:bg-green-400 { - background-color: #34d399; + .lg\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .xl\:bg-green-500 { - background-color: #10b981; + .lg\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .xl\:bg-green-600 { - background-color: #059669; + .lg\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .xl\:bg-green-700 { - background-color: #047857; + .lg\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .xl\:bg-green-800 { - background-color: #065f46; + .lg\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .xl\:bg-green-900 { - background-color: #064e3b; + .lg\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .xl\:bg-blue-50 { - background-color: #eff6ff; + .lg\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .xl\:bg-blue-100 { - background-color: #dbeafe; + .lg\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .xl\:bg-blue-200 { - background-color: #bfdbfe; + .lg\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .xl\:bg-blue-300 { - background-color: #93c5fd; + .lg\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:bg-blue-400 { - background-color: #60a5fa; + .lg\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .xl\:bg-blue-500 { - background-color: #3b82f6; + .lg\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:bg-blue-600 { - background-color: #2563eb; + .lg\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .xl\:bg-blue-700 { - background-color: #1d4ed8; + .lg\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:bg-blue-800 { - background-color: #1e40af; + .lg\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .xl\:bg-blue-900 { - background-color: #1e3a8a; + .lg\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:bg-purple-50 { - background-color: #f5f3ff; + .lg\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .xl\:bg-purple-100 { - background-color: #ede9fe; + .lg\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:bg-purple-200 { - background-color: #ddd6fe; + .lg\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .xl\:bg-purple-300 { - background-color: #c4b5fd; + .lg\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:bg-purple-400 { - background-color: #a78bfa; + .lg\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .xl\:bg-purple-500 { - background-color: #8b5cf6; + .lg\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:bg-purple-600 { - background-color: #7c3aed; + .lg\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .xl\:bg-purple-700 { - background-color: #6d28d9; + .lg\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:bg-purple-800 { - background-color: #5b21b6; + .lg\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .xl\:bg-purple-900 { - background-color: #4c1d95; + .lg\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:bg-pink-50 { - background-color: #fdf2f8; + .lg\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .xl\:bg-pink-100 { - background-color: #fce7f3; + .lg\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:bg-pink-200 { - background-color: #fbcfe8; + .lg\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .xl\:bg-pink-300 { - background-color: #f9a8d4; + .lg\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:bg-pink-400 { - background-color: #f472b6; + .lg\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .xl\:bg-pink-500 { - background-color: #ec4899; + .lg\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:bg-pink-600 { - background-color: #db2777; + .lg\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .xl\:bg-pink-700 { - background-color: #be185d; + .lg\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .xl\:bg-pink-800 { - background-color: #9d174d; + .lg\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .xl\:bg-pink-900 { - background-color: #831843; + .lg\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .group:hover .xl\:group-hover\:bg-transparent { - background-color: transparent; + .lg\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .group:hover .xl\:group-hover\:bg-current { - background-color: currentColor; + .lg\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .group:hover .xl\:group-hover\:bg-black { - background-color: #000; + .lg\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .group:hover .xl\:group-hover\:bg-white { - background-color: #fff; + .lg\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .group:hover .xl\:group-hover\:bg-gray-50 { - background-color: #fafafa; + .lg\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .group:hover .xl\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; + .lg\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .group:hover .xl\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; + .lg\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .group:hover .xl\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; + .lg\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .group:hover .xl\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; + .lg\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .group:hover .xl\:group-hover\:bg-gray-500 { - background-color: #71717a; + .lg\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .group:hover .xl\:group-hover\:bg-gray-600 { - background-color: #52525b; + .lg\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .group:hover .xl\:group-hover\:bg-gray-700 { - background-color: #3f3f46; + .lg\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .group:hover .xl\:group-hover\:bg-gray-800 { - background-color: #27272a; + .lg\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .group:hover .xl\:group-hover\:bg-gray-900 { - background-color: #18181b; + .lg\:-inset-y-px { + top: -1px; + bottom: -1px; } - .group:hover .xl\:group-hover\:bg-red-50 { - background-color: #fef2f2; + .lg\:-inset-x-px { + right: -1px; + left: -1px; } - .group:hover .xl\:group-hover\:bg-red-100 { - background-color: #fee2e2; + .lg\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .group:hover .xl\:group-hover\:bg-red-200 { - background-color: #fecaca; + .lg\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .group:hover .xl\:group-hover\:bg-red-300 { - background-color: #fca5a5; + .lg\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .group:hover .xl\:group-hover\:bg-red-400 { - background-color: #f87171; + .lg\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .group:hover .xl\:group-hover\:bg-red-500 { - background-color: #ef4444; + .lg\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .group:hover .xl\:group-hover\:bg-red-600 { - background-color: #dc2626; + .lg\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .group:hover .xl\:group-hover\:bg-red-700 { - background-color: #b91c1c; + .lg\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .group:hover .xl\:group-hover\:bg-red-800 { - background-color: #991b1b; + .lg\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .group:hover .xl\:group-hover\:bg-red-900 { - background-color: #7f1d1d; + .lg\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .group:hover .xl\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; + .lg\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .group:hover .xl\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; + .lg\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .group:hover .xl\:group-hover\:bg-yellow-200 { - background-color: #fde68a; + .lg\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .group:hover .xl\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; + .lg\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .group:hover .xl\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; + .lg\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .group:hover .xl\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; + .lg\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .group:hover .xl\:group-hover\:bg-yellow-600 { - background-color: #d97706; + .lg\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .group:hover .xl\:group-hover\:bg-yellow-700 { - background-color: #b45309; + .lg\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .group:hover .xl\:group-hover\:bg-yellow-800 { - background-color: #92400e; + .lg\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .group:hover .xl\:group-hover\:bg-yellow-900 { - background-color: #78350f; + .lg\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .group:hover .xl\:group-hover\:bg-green-50 { - background-color: #ecfdf5; + .lg\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .group:hover .xl\:group-hover\:bg-green-100 { - background-color: #d1fae5; + .lg\:inset-y-full { + top: 100%; + bottom: 100%; } - .group:hover .xl\:group-hover\:bg-green-200 { - background-color: #a7f3d0; + .lg\:inset-x-full { + right: 100%; + left: 100%; } - .group:hover .xl\:group-hover\:bg-green-300 { - background-color: #6ee7b7; + .lg\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .group:hover .xl\:group-hover\:bg-green-400 { - background-color: #34d399; + .lg\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .group:hover .xl\:group-hover\:bg-green-500 { - background-color: #10b981; + .lg\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .group:hover .xl\:group-hover\:bg-green-600 { - background-color: #059669; + .lg\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .group:hover .xl\:group-hover\:bg-green-700 { - background-color: #047857; + .lg\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .group:hover .xl\:group-hover\:bg-green-800 { - background-color: #065f46; + .lg\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .group:hover .xl\:group-hover\:bg-green-900 { - background-color: #064e3b; + .lg\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .group:hover .xl\:group-hover\:bg-blue-50 { - background-color: #eff6ff; + .lg\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .group:hover .xl\:group-hover\:bg-blue-100 { - background-color: #dbeafe; + .lg\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .group:hover .xl\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; + .lg\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .group:hover .xl\:group-hover\:bg-blue-300 { - background-color: #93c5fd; + .lg\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .group:hover .xl\:group-hover\:bg-blue-400 { - background-color: #60a5fa; + .lg\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .group:hover .xl\:group-hover\:bg-blue-500 { - background-color: #3b82f6; + .lg\:-inset-y-full { + top: -100%; + bottom: -100%; } - .group:hover .xl\:group-hover\:bg-blue-600 { - background-color: #2563eb; + .lg\:-inset-x-full { + right: -100%; + left: -100%; } - .group:hover .xl\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; + .lg\:top-0 { + top: 0; } - .group:hover .xl\:group-hover\:bg-blue-800 { - background-color: #1e40af; + .lg\:right-0 { + right: 0; } - .group:hover .xl\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; + .lg\:bottom-0 { + bottom: 0; } - .group:hover .xl\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; + .lg\:left-0 { + left: 0; } - .group:hover .xl\:group-hover\:bg-purple-100 { - background-color: #ede9fe; + .lg\:top-1 { + top: 0.25rem; } - .group:hover .xl\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; + .lg\:right-1 { + right: 0.25rem; } - .group:hover .xl\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; + .lg\:bottom-1 { + bottom: 0.25rem; } - .group:hover .xl\:group-hover\:bg-purple-400 { - background-color: #a78bfa; + .lg\:left-1 { + left: 0.25rem; } - .group:hover .xl\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; + .lg\:top-2 { + top: 0.5rem; } - .group:hover .xl\:group-hover\:bg-purple-600 { - background-color: #7c3aed; + .lg\:right-2 { + right: 0.5rem; } - .group:hover .xl\:group-hover\:bg-purple-700 { - background-color: #6d28d9; + .lg\:bottom-2 { + bottom: 0.5rem; } - .group:hover .xl\:group-hover\:bg-purple-800 { - background-color: #5b21b6; + .lg\:left-2 { + left: 0.5rem; } - .group:hover .xl\:group-hover\:bg-purple-900 { - background-color: #4c1d95; + .lg\:top-3 { + top: 0.75rem; } - .group:hover .xl\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; + .lg\:right-3 { + right: 0.75rem; } - .group:hover .xl\:group-hover\:bg-pink-100 { - background-color: #fce7f3; + .lg\:bottom-3 { + bottom: 0.75rem; } - .group:hover .xl\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; + .lg\:left-3 { + left: 0.75rem; } - .group:hover .xl\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; + .lg\:top-4 { + top: 1rem; } - .group:hover .xl\:group-hover\:bg-pink-400 { - background-color: #f472b6; + .lg\:right-4 { + right: 1rem; } - .group:hover .xl\:group-hover\:bg-pink-500 { - background-color: #ec4899; + .lg\:bottom-4 { + bottom: 1rem; } - .group:hover .xl\:group-hover\:bg-pink-600 { - background-color: #db2777; + .lg\:left-4 { + left: 1rem; } - .group:hover .xl\:group-hover\:bg-pink-700 { - background-color: #be185d; + .lg\:top-5 { + top: 1.25rem; } - .group:hover .xl\:group-hover\:bg-pink-800 { - background-color: #9d174d; + .lg\:right-5 { + right: 1.25rem; } - .group:hover .xl\:group-hover\:bg-pink-900 { - background-color: #831843; + .lg\:bottom-5 { + bottom: 1.25rem; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:left-5 { + left: 1.25rem; } - .xl\:hover\:bg-current:hover { - background-color: currentColor; + .lg\:top-6 { + top: 1.5rem; } - .xl\:hover\:bg-black:hover { - background-color: #000; + .lg\:right-6 { + right: 1.5rem; } - .xl\:hover\:bg-white:hover { - background-color: #fff; + .lg\:bottom-6 { + bottom: 1.5rem; } - .xl\:hover\:bg-gray-50:hover { - background-color: #fafafa; + .lg\:left-6 { + left: 1.5rem; } - .xl\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; + .lg\:top-7 { + top: 1.75rem; } - .xl\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; + .lg\:right-7 { + right: 1.75rem; } - .xl\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; + .lg\:bottom-7 { + bottom: 1.75rem; } - .xl\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; + .lg\:left-7 { + left: 1.75rem; } - .xl\:hover\:bg-gray-500:hover { - background-color: #71717a; + .lg\:top-8 { + top: 2rem; } - .xl\:hover\:bg-gray-600:hover { - background-color: #52525b; + .lg\:right-8 { + right: 2rem; } - .xl\:hover\:bg-gray-700:hover { - background-color: #3f3f46; + .lg\:bottom-8 { + bottom: 2rem; } - .xl\:hover\:bg-gray-800:hover { - background-color: #27272a; + .lg\:left-8 { + left: 2rem; } - .xl\:hover\:bg-gray-900:hover { - background-color: #18181b; + .lg\:top-9 { + top: 2.25rem; } - .xl\:hover\:bg-red-50:hover { - background-color: #fef2f2; + .lg\:right-9 { + right: 2.25rem; } - .xl\:hover\:bg-red-100:hover { - background-color: #fee2e2; + .lg\:bottom-9 { + bottom: 2.25rem; } - .xl\:hover\:bg-red-200:hover { - background-color: #fecaca; + .lg\:left-9 { + left: 2.25rem; } - .xl\:hover\:bg-red-300:hover { - background-color: #fca5a5; + .lg\:top-10 { + top: 2.5rem; } - .xl\:hover\:bg-red-400:hover { - background-color: #f87171; + .lg\:right-10 { + right: 2.5rem; } - .xl\:hover\:bg-red-500:hover { - background-color: #ef4444; + .lg\:bottom-10 { + bottom: 2.5rem; } - .xl\:hover\:bg-red-600:hover { - background-color: #dc2626; + .lg\:left-10 { + left: 2.5rem; } - .xl\:hover\:bg-red-700:hover { - background-color: #b91c1c; + .lg\:top-12 { + top: 3rem; } - .xl\:hover\:bg-red-800:hover { - background-color: #991b1b; + .lg\:right-12 { + right: 3rem; } - .xl\:hover\:bg-red-900:hover { - background-color: #7f1d1d; + .lg\:bottom-12 { + bottom: 3rem; } - .xl\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; + .lg\:left-12 { + left: 3rem; } - .xl\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; + .lg\:top-14 { + top: 3.5rem; } - .xl\:hover\:bg-yellow-200:hover { - background-color: #fde68a; + .lg\:right-14 { + right: 3.5rem; } - .xl\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; + .lg\:bottom-14 { + bottom: 3.5rem; } - .xl\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; + .lg\:left-14 { + left: 3.5rem; } - .xl\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; + .lg\:top-16 { + top: 4rem; } - .xl\:hover\:bg-yellow-600:hover { - background-color: #d97706; + .lg\:right-16 { + right: 4rem; } - .xl\:hover\:bg-yellow-700:hover { - background-color: #b45309; + .lg\:bottom-16 { + bottom: 4rem; } - .xl\:hover\:bg-yellow-800:hover { - background-color: #92400e; + .lg\:left-16 { + left: 4rem; } - .xl\:hover\:bg-yellow-900:hover { - background-color: #78350f; + .lg\:top-20 { + top: 5rem; } - .xl\:hover\:bg-green-50:hover { - background-color: #ecfdf5; + .lg\:right-20 { + right: 5rem; } - .xl\:hover\:bg-green-100:hover { - background-color: #d1fae5; + .lg\:bottom-20 { + bottom: 5rem; } - .xl\:hover\:bg-green-200:hover { - background-color: #a7f3d0; + .lg\:left-20 { + left: 5rem; } - .xl\:hover\:bg-green-300:hover { - background-color: #6ee7b7; + .lg\:top-24 { + top: 6rem; } - .xl\:hover\:bg-green-400:hover { - background-color: #34d399; + .lg\:right-24 { + right: 6rem; } - .xl\:hover\:bg-green-500:hover { - background-color: #10b981; + .lg\:bottom-24 { + bottom: 6rem; } - .xl\:hover\:bg-green-600:hover { - background-color: #059669; + .lg\:left-24 { + left: 6rem; } - .xl\:hover\:bg-green-700:hover { - background-color: #047857; + .lg\:top-28 { + top: 7rem; } - .xl\:hover\:bg-green-800:hover { - background-color: #065f46; + .lg\:right-28 { + right: 7rem; } - .xl\:hover\:bg-green-900:hover { - background-color: #064e3b; + .lg\:bottom-28 { + bottom: 7rem; } - .xl\:hover\:bg-blue-50:hover { - background-color: #eff6ff; + .lg\:left-28 { + left: 7rem; } - .xl\:hover\:bg-blue-100:hover { - background-color: #dbeafe; + .lg\:top-32 { + top: 8rem; } - .xl\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; + .lg\:right-32 { + right: 8rem; } - .xl\:hover\:bg-blue-300:hover { - background-color: #93c5fd; + .lg\:bottom-32 { + bottom: 8rem; } - .xl\:hover\:bg-blue-400:hover { - background-color: #60a5fa; + .lg\:left-32 { + left: 8rem; } - .xl\:hover\:bg-blue-500:hover { - background-color: #3b82f6; + .lg\:top-36 { + top: 9rem; } - .xl\:hover\:bg-blue-600:hover { - background-color: #2563eb; + .lg\:right-36 { + right: 9rem; } - .xl\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; + .lg\:bottom-36 { + bottom: 9rem; } - .xl\:hover\:bg-blue-800:hover { - background-color: #1e40af; + .lg\:left-36 { + left: 9rem; } - .xl\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; + .lg\:top-40 { + top: 10rem; } - .xl\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; + .lg\:right-40 { + right: 10rem; } - .xl\:hover\:bg-purple-100:hover { - background-color: #ede9fe; + .lg\:bottom-40 { + bottom: 10rem; } - .xl\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; + .lg\:left-40 { + left: 10rem; } - .xl\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; + .lg\:top-44 { + top: 11rem; } - .xl\:hover\:bg-purple-400:hover { - background-color: #a78bfa; + .lg\:right-44 { + right: 11rem; } - .xl\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; + .lg\:bottom-44 { + bottom: 11rem; } - .xl\:hover\:bg-purple-600:hover { - background-color: #7c3aed; + .lg\:left-44 { + left: 11rem; } - .xl\:hover\:bg-purple-700:hover { - background-color: #6d28d9; + .lg\:top-48 { + top: 12rem; } - .xl\:hover\:bg-purple-800:hover { - background-color: #5b21b6; + .lg\:right-48 { + right: 12rem; } - .xl\:hover\:bg-purple-900:hover { - background-color: #4c1d95; + .lg\:bottom-48 { + bottom: 12rem; } - .xl\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; + .lg\:left-48 { + left: 12rem; } - .xl\:hover\:bg-pink-100:hover { - background-color: #fce7f3; + .lg\:top-52 { + top: 13rem; } - .xl\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; + .lg\:right-52 { + right: 13rem; } - .xl\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; + .lg\:bottom-52 { + bottom: 13rem; } - .xl\:hover\:bg-pink-400:hover { - background-color: #f472b6; + .lg\:left-52 { + left: 13rem; } - .xl\:hover\:bg-pink-500:hover { - background-color: #ec4899; + .lg\:top-56 { + top: 14rem; } - .xl\:hover\:bg-pink-600:hover { - background-color: #db2777; + .lg\:right-56 { + right: 14rem; } - .xl\:hover\:bg-pink-700:hover { - background-color: #be185d; + .lg\:bottom-56 { + bottom: 14rem; } - .xl\:hover\:bg-pink-800:hover { - background-color: #9d174d; + .lg\:left-56 { + left: 14rem; } - .xl\:hover\:bg-pink-900:hover { - background-color: #831843; + .lg\:top-60 { + top: 15rem; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:right-60 { + right: 15rem; } - .xl\:focus\:bg-current:focus { - background-color: currentColor; + .lg\:bottom-60 { + bottom: 15rem; } - .xl\:focus\:bg-black:focus { - background-color: #000; + .lg\:left-60 { + left: 15rem; } - .xl\:focus\:bg-white:focus { - background-color: #fff; + .lg\:top-64 { + top: 16rem; } - .xl\:focus\:bg-gray-50:focus { - background-color: #fafafa; + .lg\:right-64 { + right: 16rem; } - .xl\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; + .lg\:bottom-64 { + bottom: 16rem; } - .xl\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; + .lg\:left-64 { + left: 16rem; } - .xl\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; + .lg\:top-72 { + top: 18rem; } - .xl\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; + .lg\:right-72 { + right: 18rem; } - .xl\:focus\:bg-gray-500:focus { - background-color: #71717a; + .lg\:bottom-72 { + bottom: 18rem; } - .xl\:focus\:bg-gray-600:focus { - background-color: #52525b; + .lg\:left-72 { + left: 18rem; } - .xl\:focus\:bg-gray-700:focus { - background-color: #3f3f46; + .lg\:top-80 { + top: 20rem; } - .xl\:focus\:bg-gray-800:focus { - background-color: #27272a; + .lg\:right-80 { + right: 20rem; } - .xl\:focus\:bg-gray-900:focus { - background-color: #18181b; + .lg\:bottom-80 { + bottom: 20rem; } - .xl\:focus\:bg-red-50:focus { - background-color: #fef2f2; + .lg\:left-80 { + left: 20rem; } - .xl\:focus\:bg-red-100:focus { - background-color: #fee2e2; + .lg\:top-96 { + top: 24rem; } - .xl\:focus\:bg-red-200:focus { - background-color: #fecaca; + .lg\:right-96 { + right: 24rem; } - .xl\:focus\:bg-red-300:focus { - background-color: #fca5a5; + .lg\:bottom-96 { + bottom: 24rem; } - .xl\:focus\:bg-red-400:focus { - background-color: #f87171; + .lg\:left-96 { + left: 24rem; } - .xl\:focus\:bg-red-500:focus { - background-color: #ef4444; + .lg\:top-auto { + top: auto; } - .xl\:focus\:bg-red-600:focus { - background-color: #dc2626; + .lg\:right-auto { + right: auto; } - .xl\:focus\:bg-red-700:focus { - background-color: #b91c1c; + .lg\:bottom-auto { + bottom: auto; } - .xl\:focus\:bg-red-800:focus { - background-color: #991b1b; + .lg\:left-auto { + left: auto; } - .xl\:focus\:bg-red-900:focus { - background-color: #7f1d1d; + .lg\:top-px { + top: 1px; } - .xl\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; + .lg\:right-px { + right: 1px; } - .xl\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; + .lg\:bottom-px { + bottom: 1px; } - .xl\:focus\:bg-yellow-200:focus { - background-color: #fde68a; + .lg\:left-px { + left: 1px; } - .xl\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; + .lg\:top-0\.5 { + top: 0.125rem; } - .xl\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; + .lg\:right-0\.5 { + right: 0.125rem; } - .xl\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; + .lg\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:focus\:bg-yellow-600:focus { - background-color: #d97706; + .lg\:left-0\.5 { + left: 0.125rem; } - .xl\:focus\:bg-yellow-700:focus { - background-color: #b45309; + .lg\:top-1\.5 { + top: 0.375rem; } - .xl\:focus\:bg-yellow-800:focus { - background-color: #92400e; + .lg\:right-1\.5 { + right: 0.375rem; } - .xl\:focus\:bg-yellow-900:focus { - background-color: #78350f; + .lg\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:focus\:bg-green-50:focus { - background-color: #ecfdf5; + .lg\:left-1\.5 { + left: 0.375rem; } - .xl\:focus\:bg-green-100:focus { - background-color: #d1fae5; + .lg\:top-2\.5 { + top: 0.625rem; } - .xl\:focus\:bg-green-200:focus { - background-color: #a7f3d0; + .lg\:right-2\.5 { + right: 0.625rem; } - .xl\:focus\:bg-green-300:focus { - background-color: #6ee7b7; + .lg\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:focus\:bg-green-400:focus { - background-color: #34d399; + .lg\:left-2\.5 { + left: 0.625rem; } - .xl\:focus\:bg-green-500:focus { - background-color: #10b981; + .lg\:top-3\.5 { + top: 0.875rem; } - .xl\:focus\:bg-green-600:focus { - background-color: #059669; + .lg\:right-3\.5 { + right: 0.875rem; } - .xl\:focus\:bg-green-700:focus { - background-color: #047857; + .lg\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:focus\:bg-green-800:focus { - background-color: #065f46; + .lg\:left-3\.5 { + left: 0.875rem; } - .xl\:focus\:bg-green-900:focus { - background-color: #064e3b; + .lg\:-top-1 { + top: -0.25rem; } - .xl\:focus\:bg-blue-50:focus { - background-color: #eff6ff; + .lg\:-right-1 { + right: -0.25rem; } - .xl\:focus\:bg-blue-100:focus { - background-color: #dbeafe; + .lg\:-bottom-1 { + bottom: -0.25rem; } - .xl\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; + .lg\:-left-1 { + left: -0.25rem; } - .xl\:focus\:bg-blue-300:focus { - background-color: #93c5fd; + .lg\:-top-2 { + top: -0.5rem; } - .xl\:focus\:bg-blue-400:focus { - background-color: #60a5fa; + .lg\:-right-2 { + right: -0.5rem; } - .xl\:focus\:bg-blue-500:focus { - background-color: #3b82f6; + .lg\:-bottom-2 { + bottom: -0.5rem; } - .xl\:focus\:bg-blue-600:focus { - background-color: #2563eb; + .lg\:-left-2 { + left: -0.5rem; } - .xl\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; + .lg\:-top-3 { + top: -0.75rem; } - .xl\:focus\:bg-blue-800:focus { - background-color: #1e40af; + .lg\:-right-3 { + right: -0.75rem; } - .xl\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; + .lg\:-bottom-3 { + bottom: -0.75rem; } - .xl\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; + .lg\:-left-3 { + left: -0.75rem; } - .xl\:focus\:bg-purple-100:focus { - background-color: #ede9fe; + .lg\:-top-4 { + top: -1rem; } - .xl\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; + .lg\:-right-4 { + right: -1rem; } - .xl\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; + .lg\:-bottom-4 { + bottom: -1rem; } - .xl\:focus\:bg-purple-400:focus { - background-color: #a78bfa; + .lg\:-left-4 { + left: -1rem; } - .xl\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; + .lg\:-top-5 { + top: -1.25rem; } - .xl\:focus\:bg-purple-600:focus { - background-color: #7c3aed; + .lg\:-right-5 { + right: -1.25rem; } - .xl\:focus\:bg-purple-700:focus { - background-color: #6d28d9; + .lg\:-bottom-5 { + bottom: -1.25rem; } - .xl\:focus\:bg-purple-800:focus { - background-color: #5b21b6; + .lg\:-left-5 { + left: -1.25rem; } - .xl\:focus\:bg-purple-900:focus { - background-color: #4c1d95; + .lg\:-top-6 { + top: -1.5rem; } - .xl\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; + .lg\:-right-6 { + right: -1.5rem; } - .xl\:focus\:bg-pink-100:focus { - background-color: #fce7f3; + .lg\:-bottom-6 { + bottom: -1.5rem; } - .xl\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; + .lg\:-left-6 { + left: -1.5rem; } - .xl\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; + .lg\:-top-7 { + top: -1.75rem; } - .xl\:focus\:bg-pink-400:focus { - background-color: #f472b6; + .lg\:-right-7 { + right: -1.75rem; } - .xl\:focus\:bg-pink-500:focus { - background-color: #ec4899; + .lg\:-bottom-7 { + bottom: -1.75rem; } - .xl\:focus\:bg-pink-600:focus { - background-color: #db2777; + .lg\:-left-7 { + left: -1.75rem; } - .xl\:focus\:bg-pink-700:focus { - background-color: #be185d; + .lg\:-top-8 { + top: -2rem; } - .xl\:focus\:bg-pink-800:focus { - background-color: #9d174d; + .lg\:-right-8 { + right: -2rem; } - .xl\:focus\:bg-pink-900:focus { - background-color: #831843; + .lg\:-bottom-8 { + bottom: -2rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:bg-transparent { - background-color: transparent; - } - - .xl\:dark\:bg-current { - background-color: currentColor; - } - - .xl\:dark\:bg-black { - background-color: #000; - } - - .xl\:dark\:bg-white { - background-color: #fff; - } - - .xl\:dark\:bg-gray-50 { - background-color: #fafafa; - } - - .xl\:dark\:bg-gray-100 { - background-color: #f4f4f5; - } - - .xl\:dark\:bg-gray-200 { - background-color: #e4e4e7; - } - - .xl\:dark\:bg-gray-300 { - background-color: #d4d4d8; - } - - .xl\:dark\:bg-gray-400 { - background-color: #a1a1aa; - } - - .xl\:dark\:bg-gray-500 { - background-color: #71717a; - } - - .xl\:dark\:bg-gray-600 { - background-color: #52525b; - } - - .xl\:dark\:bg-gray-700 { - background-color: #3f3f46; - } - - .xl\:dark\:bg-gray-800 { - background-color: #27272a; - } - - .xl\:dark\:bg-gray-900 { - background-color: #18181b; - } - - .xl\:dark\:bg-red-50 { - background-color: #fef2f2; - } - - .xl\:dark\:bg-red-100 { - background-color: #fee2e2; - } - - .xl\:dark\:bg-red-200 { - background-color: #fecaca; - } - - .xl\:dark\:bg-red-300 { - background-color: #fca5a5; - } - - .xl\:dark\:bg-red-400 { - background-color: #f87171; - } - - .xl\:dark\:bg-red-500 { - background-color: #ef4444; - } - - .xl\:dark\:bg-red-600 { - background-color: #dc2626; - } - - .xl\:dark\:bg-red-700 { - background-color: #b91c1c; - } - - .xl\:dark\:bg-red-800 { - background-color: #991b1b; - } - - .xl\:dark\:bg-red-900 { - background-color: #7f1d1d; - } - - .xl\:dark\:bg-yellow-50 { - background-color: #fffbeb; - } - - .xl\:dark\:bg-yellow-100 { - background-color: #fef3c7; - } - - .xl\:dark\:bg-yellow-200 { - background-color: #fde68a; - } - - .xl\:dark\:bg-yellow-300 { - background-color: #fcd34d; - } - - .xl\:dark\:bg-yellow-400 { - background-color: #fbbf24; - } - - .xl\:dark\:bg-yellow-500 { - background-color: #f59e0b; - } - - .xl\:dark\:bg-yellow-600 { - background-color: #d97706; - } - - .xl\:dark\:bg-yellow-700 { - background-color: #b45309; - } - - .xl\:dark\:bg-yellow-800 { - background-color: #92400e; - } - - .xl\:dark\:bg-yellow-900 { - background-color: #78350f; - } - - .xl\:dark\:bg-green-50 { - background-color: #ecfdf5; - } - - .xl\:dark\:bg-green-100 { - background-color: #d1fae5; - } - - .xl\:dark\:bg-green-200 { - background-color: #a7f3d0; - } - - .xl\:dark\:bg-green-300 { - background-color: #6ee7b7; - } - - .xl\:dark\:bg-green-400 { - background-color: #34d399; - } - - .xl\:dark\:bg-green-500 { - background-color: #10b981; - } - - .xl\:dark\:bg-green-600 { - background-color: #059669; - } - - .xl\:dark\:bg-green-700 { - background-color: #047857; - } - - .xl\:dark\:bg-green-800 { - background-color: #065f46; - } - - .xl\:dark\:bg-green-900 { - background-color: #064e3b; - } - - .xl\:dark\:bg-blue-50 { - background-color: #eff6ff; - } - - .xl\:dark\:bg-blue-100 { - background-color: #dbeafe; - } - - .xl\:dark\:bg-blue-200 { - background-color: #bfdbfe; - } - - .xl\:dark\:bg-blue-300 { - background-color: #93c5fd; - } - - .xl\:dark\:bg-blue-400 { - background-color: #60a5fa; - } - - .xl\:dark\:bg-blue-500 { - background-color: #3b82f6; - } - - .xl\:dark\:bg-blue-600 { - background-color: #2563eb; - } - - .xl\:dark\:bg-blue-700 { - background-color: #1d4ed8; - } - - .xl\:dark\:bg-blue-800 { - background-color: #1e40af; - } - - .xl\:dark\:bg-blue-900 { - background-color: #1e3a8a; - } - - .xl\:dark\:bg-purple-50 { - background-color: #f5f3ff; - } - - .xl\:dark\:bg-purple-100 { - background-color: #ede9fe; - } - - .xl\:dark\:bg-purple-200 { - background-color: #ddd6fe; - } - - .xl\:dark\:bg-purple-300 { - background-color: #c4b5fd; - } - - .xl\:dark\:bg-purple-400 { - background-color: #a78bfa; - } - - .xl\:dark\:bg-purple-500 { - background-color: #8b5cf6; - } - - .xl\:dark\:bg-purple-600 { - background-color: #7c3aed; - } - - .xl\:dark\:bg-purple-700 { - background-color: #6d28d9; - } - - .xl\:dark\:bg-purple-800 { - background-color: #5b21b6; - } - - .xl\:dark\:bg-purple-900 { - background-color: #4c1d95; - } - - .xl\:dark\:bg-pink-50 { - background-color: #fdf2f8; - } - - .xl\:dark\:bg-pink-100 { - background-color: #fce7f3; - } - - .xl\:dark\:bg-pink-200 { - background-color: #fbcfe8; - } - - .xl\:dark\:bg-pink-300 { - background-color: #f9a8d4; - } - - .xl\:dark\:bg-pink-400 { - background-color: #f472b6; - } - - .xl\:dark\:bg-pink-500 { - background-color: #ec4899; - } - - .xl\:dark\:bg-pink-600 { - background-color: #db2777; - } - - .xl\:dark\:bg-pink-700 { - background-color: #be185d; - } - - .xl\:dark\:bg-pink-800 { - background-color: #9d174d; - } - - .xl\:dark\:bg-pink-900 { - background-color: #831843; - } - - .group:hover .xl\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .xl\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .xl\:dark\:group-hover\:bg-black { - background-color: #000; - } - - .group:hover .xl\:dark\:group-hover\:bg-white { - background-color: #fff; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-500 { - background-color: #71717a; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-600 { - background-color: #52525b; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-800 { - background-color: #27272a; - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-900 { - background-color: #18181b; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-200 { - background-color: #fecaca; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-400 { - background-color: #f87171; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-500 { - background-color: #ef4444; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-600 { - background-color: #dc2626; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-800 { - background-color: #991b1b; - } - - .group:hover .xl\:dark\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-400 { - background-color: #34d399; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-500 { - background-color: #10b981; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-600 { - background-color: #059669; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-700 { - background-color: #047857; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-800 { - background-color: #065f46; - } - - .group:hover .xl\:dark\:group-hover\:bg-green-900 { - background-color: #064e3b; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-600 { - background-color: #db2777; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-700 { - background-color: #be185d; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-900 { - background-color: #831843; - } - - .xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .xl\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .xl\:dark\:hover\:bg-black:hover { - background-color: #000; - } - - .xl\:dark\:hover\:bg-white:hover { - background-color: #fff; - } - - .xl\:dark\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } - - .xl\:dark\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } - - .xl\:dark\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } + .lg\:-left-8 { + left: -2rem; + } - .xl\:dark\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } + .lg\:-top-9 { + top: -2.25rem; + } - .xl\:dark\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } + .lg\:-right-9 { + right: -2.25rem; + } - .xl\:dark\:hover\:bg-gray-500:hover { - background-color: #71717a; - } + .lg\:-bottom-9 { + bottom: -2.25rem; + } - .xl\:dark\:hover\:bg-gray-600:hover { - background-color: #52525b; - } + .lg\:-left-9 { + left: -2.25rem; + } - .xl\:dark\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } + .lg\:-top-10 { + top: -2.5rem; + } - .xl\:dark\:hover\:bg-gray-800:hover { - background-color: #27272a; - } + .lg\:-right-10 { + right: -2.5rem; + } - .xl\:dark\:hover\:bg-gray-900:hover { - background-color: #18181b; - } + .lg\:-bottom-10 { + bottom: -2.5rem; + } - .xl\:dark\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } + .lg\:-left-10 { + left: -2.5rem; + } - .xl\:dark\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } + .lg\:-top-12 { + top: -3rem; + } - .xl\:dark\:hover\:bg-red-200:hover { - background-color: #fecaca; - } + .lg\:-right-12 { + right: -3rem; + } - .xl\:dark\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } + .lg\:-bottom-12 { + bottom: -3rem; + } - .xl\:dark\:hover\:bg-red-400:hover { - background-color: #f87171; - } + .lg\:-left-12 { + left: -3rem; + } - .xl\:dark\:hover\:bg-red-500:hover { - background-color: #ef4444; - } + .lg\:-top-14 { + top: -3.5rem; + } - .xl\:dark\:hover\:bg-red-600:hover { - background-color: #dc2626; - } + .lg\:-right-14 { + right: -3.5rem; + } - .xl\:dark\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } + .lg\:-bottom-14 { + bottom: -3.5rem; + } - .xl\:dark\:hover\:bg-red-800:hover { - background-color: #991b1b; - } + .lg\:-left-14 { + left: -3.5rem; + } - .xl\:dark\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } + .lg\:-top-16 { + top: -4rem; + } - .xl\:dark\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } + .lg\:-right-16 { + right: -4rem; + } - .xl\:dark\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } + .lg\:-bottom-16 { + bottom: -4rem; + } - .xl\:dark\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } + .lg\:-left-16 { + left: -4rem; + } - .xl\:dark\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } + .lg\:-top-20 { + top: -5rem; + } - .xl\:dark\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } + .lg\:-right-20 { + right: -5rem; + } - .xl\:dark\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } + .lg\:-bottom-20 { + bottom: -5rem; + } - .xl\:dark\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } + .lg\:-left-20 { + left: -5rem; + } - .xl\:dark\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } + .lg\:-top-24 { + top: -6rem; + } - .xl\:dark\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } + .lg\:-right-24 { + right: -6rem; + } - .xl\:dark\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } + .lg\:-bottom-24 { + bottom: -6rem; + } - .xl\:dark\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } + .lg\:-left-24 { + left: -6rem; + } - .xl\:dark\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } + .lg\:-top-28 { + top: -7rem; + } - .xl\:dark\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } + .lg\:-right-28 { + right: -7rem; + } - .xl\:dark\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } + .lg\:-bottom-28 { + bottom: -7rem; + } - .xl\:dark\:hover\:bg-green-400:hover { - background-color: #34d399; - } + .lg\:-left-28 { + left: -7rem; + } - .xl\:dark\:hover\:bg-green-500:hover { - background-color: #10b981; - } + .lg\:-top-32 { + top: -8rem; + } - .xl\:dark\:hover\:bg-green-600:hover { - background-color: #059669; - } + .lg\:-right-32 { + right: -8rem; + } - .xl\:dark\:hover\:bg-green-700:hover { - background-color: #047857; - } + .lg\:-bottom-32 { + bottom: -8rem; + } - .xl\:dark\:hover\:bg-green-800:hover { - background-color: #065f46; - } + .lg\:-left-32 { + left: -8rem; + } - .xl\:dark\:hover\:bg-green-900:hover { - background-color: #064e3b; - } + .lg\:-top-36 { + top: -9rem; + } - .xl\:dark\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } + .lg\:-right-36 { + right: -9rem; + } - .xl\:dark\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } + .lg\:-bottom-36 { + bottom: -9rem; + } - .xl\:dark\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } + .lg\:-left-36 { + left: -9rem; + } - .xl\:dark\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } + .lg\:-top-40 { + top: -10rem; + } - .xl\:dark\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } + .lg\:-right-40 { + right: -10rem; + } - .xl\:dark\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } + .lg\:-bottom-40 { + bottom: -10rem; + } - .xl\:dark\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } + .lg\:-left-40 { + left: -10rem; + } - .xl\:dark\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } + .lg\:-top-44 { + top: -11rem; + } - .xl\:dark\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } + .lg\:-right-44 { + right: -11rem; + } - .xl\:dark\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; - } + .lg\:-bottom-44 { + bottom: -11rem; + } - .xl\:dark\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; - } + .lg\:-left-44 { + left: -11rem; + } - .xl\:dark\:hover\:bg-purple-100:hover { - background-color: #ede9fe; - } + .lg\:-top-48 { + top: -12rem; + } - .xl\:dark\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; - } + .lg\:-right-48 { + right: -12rem; + } - .xl\:dark\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; - } + .lg\:-bottom-48 { + bottom: -12rem; + } - .xl\:dark\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } + .lg\:-left-48 { + left: -12rem; + } - .xl\:dark\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } + .lg\:-top-52 { + top: -13rem; + } - .xl\:dark\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } + .lg\:-right-52 { + right: -13rem; + } - .xl\:dark\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } + .lg\:-bottom-52 { + bottom: -13rem; + } - .xl\:dark\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } + .lg\:-left-52 { + left: -13rem; + } - .xl\:dark\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } + .lg\:-top-56 { + top: -14rem; + } - .xl\:dark\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } + .lg\:-right-56 { + right: -14rem; + } - .xl\:dark\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } + .lg\:-bottom-56 { + bottom: -14rem; + } - .xl\:dark\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } + .lg\:-left-56 { + left: -14rem; + } - .xl\:dark\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } + .lg\:-top-60 { + top: -15rem; + } - .xl\:dark\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } + .lg\:-right-60 { + right: -15rem; + } - .xl\:dark\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } + .lg\:-bottom-60 { + bottom: -15rem; + } - .xl\:dark\:hover\:bg-pink-600:hover { - background-color: #db2777; - } + .lg\:-left-60 { + left: -15rem; + } - .xl\:dark\:hover\:bg-pink-700:hover { - background-color: #be185d; - } + .lg\:-top-64 { + top: -16rem; + } - .xl\:dark\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } + .lg\:-right-64 { + right: -16rem; + } - .xl\:dark\:hover\:bg-pink-900:hover { - background-color: #831843; - } + .lg\:-bottom-64 { + bottom: -16rem; + } - .xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .lg\:-left-64 { + left: -16rem; + } - .xl\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .lg\:-top-72 { + top: -18rem; + } - .xl\:dark\:focus\:bg-black:focus { - background-color: #000; - } + .lg\:-right-72 { + right: -18rem; + } - .xl\:dark\:focus\:bg-white:focus { - background-color: #fff; - } + .lg\:-bottom-72 { + bottom: -18rem; + } - .xl\:dark\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } + .lg\:-left-72 { + left: -18rem; + } - .xl\:dark\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } + .lg\:-top-80 { + top: -20rem; + } - .xl\:dark\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } + .lg\:-right-80 { + right: -20rem; + } - .xl\:dark\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } + .lg\:-bottom-80 { + bottom: -20rem; + } - .xl\:dark\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } + .lg\:-left-80 { + left: -20rem; + } - .xl\:dark\:focus\:bg-gray-500:focus { - background-color: #71717a; - } + .lg\:-top-96 { + top: -24rem; + } - .xl\:dark\:focus\:bg-gray-600:focus { - background-color: #52525b; - } + .lg\:-right-96 { + right: -24rem; + } - .xl\:dark\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } + .lg\:-bottom-96 { + bottom: -24rem; + } - .xl\:dark\:focus\:bg-gray-800:focus { - background-color: #27272a; - } + .lg\:-left-96 { + left: -24rem; + } - .xl\:dark\:focus\:bg-gray-900:focus { - background-color: #18181b; - } + .lg\:-top-px { + top: -1px; + } - .xl\:dark\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } + .lg\:-right-px { + right: -1px; + } - .xl\:dark\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } + .lg\:-bottom-px { + bottom: -1px; + } - .xl\:dark\:focus\:bg-red-200:focus { - background-color: #fecaca; - } + .lg\:-left-px { + left: -1px; + } - .xl\:dark\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } + .lg\:-top-0\.5 { + top: -0.125rem; + } - .xl\:dark\:focus\:bg-red-400:focus { - background-color: #f87171; - } + .lg\:-right-0\.5 { + right: -0.125rem; + } - .xl\:dark\:focus\:bg-red-500:focus { - background-color: #ef4444; - } + .lg\:-bottom-0\.5 { + bottom: -0.125rem; + } - .xl\:dark\:focus\:bg-red-600:focus { - background-color: #dc2626; - } + .lg\:-left-0\.5 { + left: -0.125rem; + } - .xl\:dark\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } + .lg\:-top-1\.5 { + top: -0.375rem; + } - .xl\:dark\:focus\:bg-red-800:focus { - background-color: #991b1b; - } + .lg\:-right-1\.5 { + right: -0.375rem; + } - .xl\:dark\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } + .lg\:-bottom-1\.5 { + bottom: -0.375rem; + } - .xl\:dark\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } + .lg\:-left-1\.5 { + left: -0.375rem; + } - .xl\:dark\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } + .lg\:-top-2\.5 { + top: -0.625rem; + } - .xl\:dark\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } + .lg\:-right-2\.5 { + right: -0.625rem; + } - .xl\:dark\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } + .lg\:-bottom-2\.5 { + bottom: -0.625rem; + } - .xl\:dark\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } + .lg\:-left-2\.5 { + left: -0.625rem; + } - .xl\:dark\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } + .lg\:-top-3\.5 { + top: -0.875rem; + } - .xl\:dark\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } + .lg\:-right-3\.5 { + right: -0.875rem; + } - .xl\:dark\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } + .lg\:-bottom-3\.5 { + bottom: -0.875rem; + } - .xl\:dark\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } + .lg\:-left-3\.5 { + left: -0.875rem; + } - .xl\:dark\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } + .lg\:top-1\/2 { + top: 50%; + } - .xl\:dark\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } + .lg\:right-1\/2 { + right: 50%; + } - .xl\:dark\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } + .lg\:bottom-1\/2 { + bottom: 50%; + } - .xl\:dark\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } + .lg\:left-1\/2 { + left: 50%; + } - .xl\:dark\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } + .lg\:top-1\/3 { + top: 33.333333%; + } - .xl\:dark\:focus\:bg-green-400:focus { - background-color: #34d399; - } + .lg\:right-1\/3 { + right: 33.333333%; + } - .xl\:dark\:focus\:bg-green-500:focus { - background-color: #10b981; - } + .lg\:bottom-1\/3 { + bottom: 33.333333%; + } - .xl\:dark\:focus\:bg-green-600:focus { - background-color: #059669; - } + .lg\:left-1\/3 { + left: 33.333333%; + } - .xl\:dark\:focus\:bg-green-700:focus { - background-color: #047857; - } + .lg\:top-2\/3 { + top: 66.666667%; + } - .xl\:dark\:focus\:bg-green-800:focus { - background-color: #065f46; - } + .lg\:right-2\/3 { + right: 66.666667%; + } - .xl\:dark\:focus\:bg-green-900:focus { - background-color: #064e3b; - } + .lg\:bottom-2\/3 { + bottom: 66.666667%; + } - .xl\:dark\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } + .lg\:left-2\/3 { + left: 66.666667%; + } - .xl\:dark\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } + .lg\:top-1\/4 { + top: 25%; + } - .xl\:dark\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } + .lg\:right-1\/4 { + right: 25%; + } - .xl\:dark\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } + .lg\:bottom-1\/4 { + bottom: 25%; + } - .xl\:dark\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } + .lg\:left-1\/4 { + left: 25%; + } - .xl\:dark\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } + .lg\:top-2\/4 { + top: 50%; + } - .xl\:dark\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } + .lg\:right-2\/4 { + right: 50%; + } - .xl\:dark\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } + .lg\:bottom-2\/4 { + bottom: 50%; + } - .xl\:dark\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } + .lg\:left-2\/4 { + left: 50%; + } - .xl\:dark\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } + .lg\:top-3\/4 { + top: 75%; + } - .xl\:dark\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } + .lg\:right-3\/4 { + right: 75%; + } - .xl\:dark\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } + .lg\:bottom-3\/4 { + bottom: 75%; + } - .xl\:dark\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } + .lg\:left-3\/4 { + left: 75%; + } - .xl\:dark\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } + .lg\:top-full { + top: 100%; + } - .xl\:dark\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } + .lg\:right-full { + right: 100%; + } - .xl\:dark\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } + .lg\:bottom-full { + bottom: 100%; + } - .xl\:dark\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } + .lg\:left-full { + left: 100%; + } - .xl\:dark\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } + .lg\:-top-1\/2 { + top: -50%; + } - .xl\:dark\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } + .lg\:-right-1\/2 { + right: -50%; + } - .xl\:dark\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } + .lg\:-bottom-1\/2 { + bottom: -50%; + } - .xl\:dark\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } + .lg\:-left-1\/2 { + left: -50%; + } - .xl\:dark\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } + .lg\:-top-1\/3 { + top: -33.333333%; + } - .xl\:dark\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } + .lg\:-right-1\/3 { + right: -33.333333%; + } - .xl\:dark\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } + .lg\:-bottom-1\/3 { + bottom: -33.333333%; + } - .xl\:dark\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } + .lg\:-left-1\/3 { + left: -33.333333%; + } - .xl\:dark\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } + .lg\:-top-2\/3 { + top: -66.666667%; + } - .xl\:dark\:focus\:bg-pink-600:focus { - background-color: #db2777; - } + .lg\:-right-2\/3 { + right: -66.666667%; + } - .xl\:dark\:focus\:bg-pink-700:focus { - background-color: #be185d; - } + .lg\:-bottom-2\/3 { + bottom: -66.666667%; + } - .xl\:dark\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } + .lg\:-left-2\/3 { + left: -66.666667%; + } - .xl\:dark\:focus\:bg-pink-900:focus { - background-color: #831843; - } + .lg\:-top-1\/4 { + top: -25%; } - .xl\:bg-none { - background-image: none; + .lg\:-right-1\/4 { + right: -25%; } - .xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .lg\:-bottom-1\/4 { + bottom: -25%; } - .xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .lg\:-left-1\/4 { + left: -25%; } - .xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .lg\:-top-2\/4 { + top: -50%; } - .xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .lg\:-right-2\/4 { + right: -50%; } - .xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .lg\:-bottom-2\/4 { + bottom: -50%; } - .xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .lg\:-left-2\/4 { + left: -50%; } - .xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .lg\:-top-3\/4 { + top: -75%; } - .xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .lg\:-right-3\/4 { + right: -75%; } - .xl\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-bottom-3\/4 { + bottom: -75%; } - .xl\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-left-3\/4 { + left: -75%; } - .xl\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-top-full { + top: -100%; } - .xl\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-right-full { + right: -100%; } - .xl\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:-bottom-full { + bottom: -100%; } - .xl\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:-left-full { + left: -100%; } - .xl\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:resize-none { + resize: none; } - .xl\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:resize-y { + resize: vertical; } - .xl\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:resize-x { + resize: horizontal; } - .xl\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:resize { + resize: both; } - .xl\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .xl\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .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); } - .xl\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .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); } - .xl\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .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); } - .xl\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:shadow-none { + box-shadow: none; } - .xl\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .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); } - .xl\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .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); } - .xl\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .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); } - .xl\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .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); } - .xl\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .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); } - .xl\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .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); } - .xl\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .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); } - .xl\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .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); } - .xl\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:fill-current { + fill: currentColor; } - .xl\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:stroke-current { + stroke: currentColor; } - .xl\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:stroke-0 { + stroke-width: 0; } - .xl\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:stroke-1 { + stroke-width: 1; } - .xl\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:stroke-2 { + stroke-width: 2; } - .xl\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:table-auto { + table-layout: auto; } - .xl\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:table-fixed { + table-layout: fixed; } - .xl\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:text-left { + text-align: left; } - .xl\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:text-center { + text-align: center; } - .xl\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:text-right { + text-align: right; } - .xl\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:text-justify { + text-align: justify; } - .xl\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:text-transparent { + color: transparent; } - .xl\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:text-current { + color: currentColor; } - .xl\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:text-black { + color: #000; } - .xl\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:text-white { + color: #fff; } - .xl\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:text-gray-50 { + color: #fafafa; } - .xl\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:text-gray-100 { + color: #f4f4f5; } - .xl\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:text-gray-200 { + color: #e4e4e7; } - .xl\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:text-gray-300 { + color: #d4d4d8; } - .xl\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:text-gray-400 { + color: #a1a1aa; } - .xl\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:text-gray-500 { + color: #71717a; } - .xl\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:text-gray-600 { + color: #52525b; } - .xl\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:text-gray-700 { + color: #3f3f46; } - .xl\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:text-gray-800 { + color: #27272a; } - .xl\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:text-gray-900 { + color: #18181b; } - .xl\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:text-red-50 { + color: #fef2f2; } - .xl\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:text-red-100 { + color: #fee2e2; } - .xl\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:text-red-200 { + color: #fecaca; } - .xl\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:text-red-300 { + color: #fca5a5; } - .xl\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:text-red-400 { + color: #f87171; } - .xl\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:text-red-500 { + color: #ef4444; } - .xl\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:text-red-600 { + color: #dc2626; } - .xl\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:text-red-700 { + color: #b91c1c; } - .xl\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:text-red-800 { + color: #991b1b; } - .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)); + .lg\:text-red-900 { + color: #7f1d1d; } - .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)); + .lg\:text-yellow-50 { + color: #fffbeb; } - .xl\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:text-yellow-100 { + color: #fef3c7; } - .xl\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:text-yellow-200 { + color: #fde68a; } - .xl\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:text-yellow-300 { + color: #fcd34d; } - .xl\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:text-yellow-400 { + color: #fbbf24; } - .xl\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:text-yellow-500 { + color: #f59e0b; } - .xl\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:text-yellow-600 { + color: #d97706; } - .xl\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:text-yellow-700 { + color: #b45309; } - .xl\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:text-yellow-800 { + color: #92400e; } - .xl\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:text-yellow-900 { + color: #78350f; } - .xl\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:text-green-50 { + color: #ecfdf5; } - .xl\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:text-green-100 { + color: #d1fae5; } - .xl\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:text-green-200 { + color: #a7f3d0; } - .xl\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:text-green-300 { + color: #6ee7b7; } - .xl\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:text-green-400 { + color: #34d399; } - .xl\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:text-green-500 { + color: #10b981; } - .xl\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:text-green-600 { + color: #059669; } - .xl\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:text-green-700 { + color: #047857; } - .xl\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:text-green-800 { + color: #065f46; } - .xl\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:text-green-900 { + color: #064e3b; } - .xl\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:text-blue-50 { + color: #eff6ff; } - .xl\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:text-blue-100 { + color: #dbeafe; } - .xl\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:text-blue-200 { + color: #bfdbfe; } - .xl\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:text-blue-300 { + color: #93c5fd; } - .xl\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:text-blue-400 { + color: #60a5fa; } - .xl\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:text-blue-500 { + color: #3b82f6; } - .xl\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:text-blue-600 { + color: #2563eb; } - .xl\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:text-blue-700 { + color: #1d4ed8; } - .xl\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:text-blue-800 { + color: #1e40af; } - .xl\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:text-blue-900 { + color: #1e3a8a; } - .xl\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:text-purple-50 { + color: #f5f3ff; } - .xl\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:text-purple-100 { + color: #ede9fe; } - .xl\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:text-purple-200 { + color: #ddd6fe; } - .xl\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:text-purple-300 { + color: #c4b5fd; } - .xl\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:text-purple-400 { + color: #a78bfa; } - .xl\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:text-purple-500 { + color: #8b5cf6; } - .xl\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:text-purple-600 { + color: #7c3aed; } - .xl\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:text-purple-700 { + color: #6d28d9; } - .xl\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:text-purple-800 { + color: #5b21b6; } - .xl\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:text-purple-900 { + color: #4c1d95; } - .xl\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:text-pink-50 { + color: #fdf2f8; } - .xl\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:text-pink-100 { + color: #fce7f3; } - .xl\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:text-pink-200 { + color: #fbcfe8; } - .xl\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:text-pink-300 { + color: #f9a8d4; } - .xl\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:text-pink-400 { + color: #f472b6; } - .xl\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:text-pink-500 { + color: #ec4899; } - .xl\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:text-pink-600 { + color: #db2777; } - .xl\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:text-pink-700 { + color: #be185d; } - .xl\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:text-pink-800 { + color: #9d174d; } - .xl\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:text-pink-900 { + color: #831843; } - .xl\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .group:hover .lg\:group-hover\:text-transparent { + color: transparent; } - .xl\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .group:hover .lg\:group-hover\:text-current { + color: currentColor; } - .xl\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .group:hover .lg\:group-hover\:text-black { + color: #000; } - .xl\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .group:hover .lg\:group-hover\:text-white { + color: #fff; } - .xl\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .group:hover .lg\:group-hover\:text-gray-50 { + color: #fafafa; } - .xl\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .lg\:group-hover\:text-gray-100 { + color: #f4f4f5; } - .xl\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .lg\:group-hover\:text-gray-200 { + color: #e4e4e7; } - .xl\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .lg\:group-hover\:text-gray-300 { + color: #d4d4d8; } - .xl\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .lg\:group-hover\:text-gray-400 { + color: #a1a1aa; } - .xl\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .lg\:group-hover\:text-gray-500 { + color: #71717a; } - .xl\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .lg\:group-hover\:text-gray-600 { + color: #52525b; } - .xl\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .lg\:group-hover\:text-gray-700 { + color: #3f3f46; } - .xl\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .lg\:group-hover\:text-gray-800 { + color: #27272a; } - .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)); + .group:hover .lg\:group-hover\:text-gray-900 { + color: #18181b; } - .xl\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .lg\:group-hover\:text-red-50 { + color: #fef2f2; } - .xl\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .group:hover .lg\:group-hover\:text-red-100 { + color: #fee2e2; } - .xl\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .group:hover .lg\:group-hover\:text-red-200 { + color: #fecaca; } - .xl\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .group:hover .lg\:group-hover\:text-red-300 { + color: #fca5a5; } - .xl\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .group:hover .lg\:group-hover\:text-red-400 { + color: #f87171; } - .xl\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .group:hover .lg\:group-hover\:text-red-500 { + color: #ef4444; } - .xl\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .group:hover .lg\:group-hover\:text-red-600 { + color: #dc2626; } - .xl\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .group:hover .lg\:group-hover\:text-red-700 { + color: #b91c1c; } - .xl\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .group:hover .lg\:group-hover\:text-red-800 { + color: #991b1b; } - .xl\:to-transparent { - --gradient-to-color: transparent; + .group:hover .lg\:group-hover\:text-red-900 { + color: #7f1d1d; } - .xl\:to-current { - --gradient-to-color: currentColor; + .group:hover .lg\:group-hover\:text-yellow-50 { + color: #fffbeb; } - .xl\:to-black { - --gradient-to-color: #000; + .group:hover .lg\:group-hover\:text-yellow-100 { + color: #fef3c7; } - .xl\:to-white { - --gradient-to-color: #fff; + .group:hover .lg\:group-hover\:text-yellow-200 { + color: #fde68a; } - .xl\:to-gray-50 { - --gradient-to-color: #fafafa; + .group:hover .lg\:group-hover\:text-yellow-300 { + color: #fcd34d; } - .xl\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .group:hover .lg\:group-hover\:text-yellow-400 { + color: #fbbf24; } - .xl\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .group:hover .lg\:group-hover\:text-yellow-500 { + color: #f59e0b; } - .xl\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .group:hover .lg\:group-hover\:text-yellow-600 { + color: #d97706; } - .xl\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .group:hover .lg\:group-hover\:text-yellow-700 { + color: #b45309; } - .xl\:to-gray-500 { - --gradient-to-color: #71717a; + .group:hover .lg\:group-hover\:text-yellow-800 { + color: #92400e; } - .xl\:to-gray-600 { - --gradient-to-color: #52525b; + .group:hover .lg\:group-hover\:text-yellow-900 { + color: #78350f; } - .xl\:to-gray-700 { - --gradient-to-color: #3f3f46; + .group:hover .lg\:group-hover\:text-green-50 { + color: #ecfdf5; } - .xl\:to-gray-800 { - --gradient-to-color: #27272a; + .group:hover .lg\:group-hover\:text-green-100 { + color: #d1fae5; } - .xl\:to-gray-900 { - --gradient-to-color: #18181b; + .group:hover .lg\:group-hover\:text-green-200 { + color: #a7f3d0; } - .xl\:to-red-50 { - --gradient-to-color: #fef2f2; + .group:hover .lg\:group-hover\:text-green-300 { + color: #6ee7b7; } - .xl\:to-red-100 { - --gradient-to-color: #fee2e2; + .group:hover .lg\:group-hover\:text-green-400 { + color: #34d399; } - .xl\:to-red-200 { - --gradient-to-color: #fecaca; + .group:hover .lg\:group-hover\:text-green-500 { + color: #10b981; } - .xl\:to-red-300 { - --gradient-to-color: #fca5a5; + .group:hover .lg\:group-hover\:text-green-600 { + color: #059669; } - .xl\:to-red-400 { - --gradient-to-color: #f87171; + .group:hover .lg\:group-hover\:text-green-700 { + color: #047857; } - .xl\:to-red-500 { - --gradient-to-color: #ef4444; + .group:hover .lg\:group-hover\:text-green-800 { + color: #065f46; } - .xl\:to-red-600 { - --gradient-to-color: #dc2626; + .group:hover .lg\:group-hover\:text-green-900 { + color: #064e3b; } - .xl\:to-red-700 { - --gradient-to-color: #b91c1c; + .group:hover .lg\:group-hover\:text-blue-50 { + color: #eff6ff; } - .xl\:to-red-800 { - --gradient-to-color: #991b1b; + .group:hover .lg\:group-hover\:text-blue-100 { + color: #dbeafe; } - .xl\:to-red-900 { - --gradient-to-color: #7f1d1d; + .group:hover .lg\:group-hover\:text-blue-200 { + color: #bfdbfe; } - .xl\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .group:hover .lg\:group-hover\:text-blue-300 { + color: #93c5fd; } - .xl\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .group:hover .lg\:group-hover\:text-blue-400 { + color: #60a5fa; } - .xl\:to-yellow-200 { - --gradient-to-color: #fde68a; + .group:hover .lg\:group-hover\:text-blue-500 { + color: #3b82f6; } - .xl\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .group:hover .lg\:group-hover\:text-blue-600 { + color: #2563eb; } - .xl\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .group:hover .lg\:group-hover\:text-blue-700 { + color: #1d4ed8; } - .xl\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .group:hover .lg\:group-hover\:text-blue-800 { + color: #1e40af; } - .xl\:to-yellow-600 { - --gradient-to-color: #d97706; + .group:hover .lg\:group-hover\:text-blue-900 { + color: #1e3a8a; } - .xl\:to-yellow-700 { - --gradient-to-color: #b45309; + .group:hover .lg\:group-hover\:text-purple-50 { + color: #f5f3ff; } - .xl\:to-yellow-800 { - --gradient-to-color: #92400e; + .group:hover .lg\:group-hover\:text-purple-100 { + color: #ede9fe; } - .xl\:to-yellow-900 { - --gradient-to-color: #78350f; + .group:hover .lg\:group-hover\:text-purple-200 { + color: #ddd6fe; } - .xl\:to-green-50 { - --gradient-to-color: #ecfdf5; + .group:hover .lg\:group-hover\:text-purple-300 { + color: #c4b5fd; } - .xl\:to-green-100 { - --gradient-to-color: #d1fae5; + .group:hover .lg\:group-hover\:text-purple-400 { + color: #a78bfa; } - .xl\:to-green-200 { - --gradient-to-color: #a7f3d0; + .group:hover .lg\:group-hover\:text-purple-500 { + color: #8b5cf6; } - .xl\:to-green-300 { - --gradient-to-color: #6ee7b7; + .group:hover .lg\:group-hover\:text-purple-600 { + color: #7c3aed; } - .xl\:to-green-400 { - --gradient-to-color: #34d399; + .group:hover .lg\:group-hover\:text-purple-700 { + color: #6d28d9; } - .xl\:to-green-500 { - --gradient-to-color: #10b981; + .group:hover .lg\:group-hover\:text-purple-800 { + color: #5b21b6; } - .xl\:to-green-600 { - --gradient-to-color: #059669; + .group:hover .lg\:group-hover\:text-purple-900 { + color: #4c1d95; } - .xl\:to-green-700 { - --gradient-to-color: #047857; + .group:hover .lg\:group-hover\:text-pink-50 { + color: #fdf2f8; } - .xl\:to-green-800 { - --gradient-to-color: #065f46; + .group:hover .lg\:group-hover\:text-pink-100 { + color: #fce7f3; } - .xl\:to-green-900 { - --gradient-to-color: #064e3b; + .group:hover .lg\:group-hover\:text-pink-200 { + color: #fbcfe8; } - .xl\:to-blue-50 { - --gradient-to-color: #eff6ff; + .group:hover .lg\:group-hover\:text-pink-300 { + color: #f9a8d4; } - .xl\:to-blue-100 { - --gradient-to-color: #dbeafe; + .group:hover .lg\:group-hover\:text-pink-400 { + color: #f472b6; } - .xl\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .group:hover .lg\:group-hover\:text-pink-500 { + color: #ec4899; } - .xl\:to-blue-300 { - --gradient-to-color: #93c5fd; + .group:hover .lg\:group-hover\:text-pink-600 { + color: #db2777; } - .xl\:to-blue-400 { - --gradient-to-color: #60a5fa; + .group:hover .lg\:group-hover\:text-pink-700 { + color: #be185d; } - .xl\:to-blue-500 { - --gradient-to-color: #3b82f6; + .group:hover .lg\:group-hover\:text-pink-800 { + color: #9d174d; } - .xl\:to-blue-600 { - --gradient-to-color: #2563eb; + .group:hover .lg\:group-hover\:text-pink-900 { + color: #831843; } - .xl\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .xl\:to-blue-800 { - --gradient-to-color: #1e40af; + .lg\:hover\:text-current:hover { + color: currentColor; } - .xl\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .lg\:hover\:text-black:hover { + color: #000; } - .xl\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .lg\:hover\:text-white:hover { + color: #fff; } - .xl\:to-purple-100 { - --gradient-to-color: #ede9fe; + .lg\:hover\:text-gray-50:hover { + color: #fafafa; } - .xl\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .lg\:hover\:text-gray-100:hover { + color: #f4f4f5; } - .xl\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .lg\:hover\:text-gray-200:hover { + color: #e4e4e7; } - .xl\:to-purple-400 { - --gradient-to-color: #a78bfa; + .lg\:hover\:text-gray-300:hover { + color: #d4d4d8; } - .xl\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .lg\:hover\:text-gray-400:hover { + color: #a1a1aa; } - .xl\:to-purple-600 { - --gradient-to-color: #7c3aed; + .lg\:hover\:text-gray-500:hover { + color: #71717a; } - .xl\:to-purple-700 { - --gradient-to-color: #6d28d9; + .lg\:hover\:text-gray-600:hover { + color: #52525b; } - .xl\:to-purple-800 { - --gradient-to-color: #5b21b6; + .lg\:hover\:text-gray-700:hover { + color: #3f3f46; } - .xl\:to-purple-900 { - --gradient-to-color: #4c1d95; + .lg\:hover\:text-gray-800:hover { + color: #27272a; } - .xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .lg\:hover\:text-gray-900:hover { + color: #18181b; } - .xl\:to-pink-100 { - --gradient-to-color: #fce7f3; + .lg\:hover\:text-red-50:hover { + color: #fef2f2; } - .xl\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .lg\:hover\:text-red-100:hover { + color: #fee2e2; } - .xl\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .lg\:hover\:text-red-200:hover { + color: #fecaca; } - .xl\:to-pink-400 { - --gradient-to-color: #f472b6; + .lg\:hover\:text-red-300:hover { + color: #fca5a5; } - .xl\:to-pink-500 { - --gradient-to-color: #ec4899; + .lg\:hover\:text-red-400:hover { + color: #f87171; } - .xl\:to-pink-600 { - --gradient-to-color: #db2777; + .lg\:hover\:text-red-500:hover { + color: #ef4444; } - .xl\:to-pink-700 { - --gradient-to-color: #be185d; + .lg\:hover\:text-red-600:hover { + color: #dc2626; } - .xl\:to-pink-800 { - --gradient-to-color: #9d174d; + .lg\:hover\:text-red-700:hover { + color: #b91c1c; } - .xl\:to-pink-900 { - --gradient-to-color: #831843; + .lg\:hover\:text-red-800:hover { + color: #991b1b; } - .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)); + .lg\:hover\:text-red-900:hover { + color: #7f1d1d; } - .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)); + .lg\:hover\:text-yellow-50:hover { + color: #fffbeb; } - .xl\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:hover\:text-yellow-100:hover { + color: #fef3c7; } - .xl\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:hover\:text-yellow-200:hover { + color: #fde68a; } - .xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:hover\:text-yellow-300:hover { + color: #fcd34d; } - .xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:hover\:text-yellow-400:hover { + color: #fbbf24; } - .xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:hover\:text-yellow-500:hover { + color: #f59e0b; } - .xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:hover\:text-yellow-600:hover { + color: #d97706; } - .xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:hover\:text-yellow-700:hover { + color: #b45309; } - .xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:hover\:text-yellow-800:hover { + color: #92400e; } - .xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:hover\:text-yellow-900:hover { + color: #78350f; } - .xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:hover\:text-green-50:hover { + color: #ecfdf5; } - .xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:hover\:text-green-100:hover { + color: #d1fae5; } - .xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:hover\:text-green-200:hover { + color: #a7f3d0; } - .xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:hover\:text-green-300:hover { + color: #6ee7b7; } - .xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:hover\:text-green-400:hover { + color: #34d399; } - .xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:hover\:text-green-500:hover { + color: #10b981; } - .xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:hover\:text-green-600:hover { + color: #059669; } - .xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:hover\:text-green-700:hover { + color: #047857; } - .xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:hover\:text-green-800:hover { + color: #065f46; } - .xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:hover\:text-green-900:hover { + color: #064e3b; } - .xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:hover\:text-blue-50:hover { + color: #eff6ff; } - .xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:hover\:text-blue-100:hover { + color: #dbeafe; } - .xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:hover\:text-blue-200:hover { + color: #bfdbfe; } - .xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:hover\:text-blue-300:hover { + color: #93c5fd; } - .xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:hover\:text-blue-400:hover { + color: #60a5fa; } - .xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:hover\:text-blue-500:hover { + color: #3b82f6; } - .xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:hover\:text-blue-600:hover { + color: #2563eb; } - .xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:hover\:text-blue-700:hover { + color: #1d4ed8; } - .xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:hover\:text-blue-800:hover { + color: #1e40af; } - .xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:hover\:text-blue-900:hover { + color: #1e3a8a; } - .xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:hover\:text-purple-50:hover { + color: #f5f3ff; } - .xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:hover\:text-purple-100:hover { + color: #ede9fe; } - .xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:hover\:text-purple-200:hover { + color: #ddd6fe; } - .xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:hover\:text-purple-300:hover { + color: #c4b5fd; } - .xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:hover\:text-purple-400:hover { + color: #a78bfa; } - .xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:hover\:text-purple-500:hover { + color: #8b5cf6; } - .xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:hover\:text-purple-600:hover { + color: #7c3aed; } - .xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:hover\:text-purple-700:hover { + color: #6d28d9; } - .xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:hover\:text-purple-800:hover { + color: #5b21b6; } - .xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:hover\:text-purple-900:hover { + color: #4c1d95; } - .xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:hover\:text-pink-50:hover { + color: #fdf2f8; } - .xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:hover\:text-pink-100:hover { + color: #fce7f3; } - .xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:hover\:text-pink-200:hover { + color: #fbcfe8; } - .xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:hover\:text-pink-300:hover { + color: #f9a8d4; } - .xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:hover\:text-pink-400:hover { + color: #f472b6; } - .xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:hover\:text-pink-500:hover { + color: #ec4899; } - .xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:hover\:text-pink-600:hover { + color: #db2777; } - .xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:hover\:text-pink-700:hover { + color: #be185d; } - .xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:hover\:text-pink-800:hover { + color: #9d174d; } - .xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:hover\:text-pink-900:hover { + color: #831843; } - .xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:focus\:text-transparent:focus { + color: transparent; } - .xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:focus\:text-current:focus { + color: currentColor; } - .xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:focus\:text-black:focus { + color: #000; } - .xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:focus\:text-white:focus { + color: #fff; } - .xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:focus\:text-gray-50:focus { + color: #fafafa; } - .xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:focus\:text-gray-100:focus { + color: #f4f4f5; } - .xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:focus\:text-gray-200:focus { + color: #e4e4e7; } - .xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:focus\:text-gray-300:focus { + color: #d4d4d8; } - .xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:focus\:text-gray-400:focus { + color: #a1a1aa; } - .xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:focus\:text-gray-500:focus { + color: #71717a; } - .xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:focus\:text-gray-600:focus { + color: #52525b; } - .xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:focus\:text-gray-700:focus { + color: #3f3f46; } - .xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:focus\:text-gray-800:focus { + color: #27272a; } - .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)); + .lg\:focus\:text-gray-900:focus { + color: #18181b; } - .xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:focus\:text-red-50:focus { + color: #fef2f2; } - .xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:focus\:text-red-100:focus { + color: #fee2e2; } - .xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:focus\:text-red-200:focus { + color: #fecaca; } - .xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:focus\:text-red-300:focus { + color: #fca5a5; } - .xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:focus\:text-red-400:focus { + color: #f87171; } - .xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:focus\:text-red-500:focus { + color: #ef4444; } - .xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:focus\:text-red-600:focus { + color: #dc2626; } - .xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:focus\:text-red-700:focus { + color: #b91c1c; } - .xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:focus\:text-red-800:focus { + color: #991b1b; } - .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)); + .lg\:focus\:text-red-900:focus { + color: #7f1d1d; } - .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)); + .lg\:focus\:text-yellow-50:focus { + color: #fffbeb; } - .xl\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:focus\:text-yellow-100:focus { + color: #fef3c7; } - .xl\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:focus\:text-yellow-200:focus { + color: #fde68a; } - .xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:focus\:text-yellow-300:focus { + color: #fcd34d; } - .xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:focus\:text-yellow-400:focus { + color: #fbbf24; } - .xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:focus\:text-yellow-500:focus { + color: #f59e0b; } - .xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:focus\:text-yellow-600:focus { + color: #d97706; } - .xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:focus\:text-yellow-700:focus { + color: #b45309; } - .xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:focus\:text-yellow-800:focus { + color: #92400e; } - .xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:focus\:text-yellow-900:focus { + color: #78350f; + } + + .lg\:focus\:text-green-50:focus { + color: #ecfdf5; } - .xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:focus\:text-green-100:focus { + color: #d1fae5; } - .xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:focus\:text-green-200:focus { + color: #a7f3d0; } - .xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:focus\:text-green-300:focus { + color: #6ee7b7; } - .xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:focus\:text-green-400:focus { + color: #34d399; } - .xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:focus\:text-green-500:focus { + color: #10b981; } - .xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:focus\:text-green-600:focus { + color: #059669; } - .xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:focus\:text-green-700:focus { + color: #047857; } - .xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:focus\:text-green-800:focus { + color: #065f46; } - .xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:focus\:text-green-900:focus { + color: #064e3b; } - .xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:focus\:text-blue-50:focus { + color: #eff6ff; } - .xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:focus\:text-blue-100:focus { + color: #dbeafe; } - .xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:focus\:text-blue-200:focus { + color: #bfdbfe; } - .xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:focus\:text-blue-300:focus { + color: #93c5fd; } - .xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:focus\:text-blue-400:focus { + color: #60a5fa; } - .xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:focus\:text-blue-500:focus { + color: #3b82f6; } - .xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:focus\:text-blue-600:focus { + color: #2563eb; } - .xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:focus\:text-blue-700:focus { + color: #1d4ed8; } - .xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:focus\:text-blue-800:focus { + color: #1e40af; } - .xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:focus\:text-blue-900:focus { + color: #1e3a8a; } - .xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:focus\:text-purple-50:focus { + color: #f5f3ff; } - .xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:focus\:text-purple-100:focus { + color: #ede9fe; } - .xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:focus\:text-purple-200:focus { + color: #ddd6fe; } - .xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:focus\:text-purple-300:focus { + color: #c4b5fd; } - .xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:focus\:text-purple-400:focus { + color: #a78bfa; } - .xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:focus\:text-purple-500:focus { + color: #8b5cf6; } - .xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:text-purple-600:focus { + color: #7c3aed; } - .xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:focus\:text-purple-700:focus { + color: #6d28d9; } - .xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:focus\:text-purple-800:focus { + color: #5b21b6; } - .xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:focus\:text-purple-900:focus { + color: #4c1d95; } - .xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:focus\:text-pink-50:focus { + color: #fdf2f8; } - .xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:focus\:text-pink-100:focus { + color: #fce7f3; } - .xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:focus\:text-pink-200:focus { + color: #fbcfe8; } - .xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:focus\:text-pink-300:focus { + color: #f9a8d4; } - .xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:focus\:text-pink-400:focus { + color: #f472b6; } - .xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:focus\:text-pink-500:focus { + color: #ec4899; } - .xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:focus\:text-pink-600:focus { + color: #db2777; } - .xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:focus\:text-pink-700:focus { + color: #be185d; } - .xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:focus\:text-pink-800:focus { + color: #9d174d; } - .xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:focus\:text-pink-900:focus { + color: #831843; } - .xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:overflow-clip { + text-overflow: clip; } - .xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:italic { + font-style: italic; } - .xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:not-italic { + font-style: normal; } - .xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:uppercase { + text-transform: uppercase; } - .xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:lowercase { + text-transform: lowercase; } - .xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:capitalize { + text-transform: capitalize; } - .xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:normal-case { + text-transform: none; } - .xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:underline { + text-decoration: underline; } - .xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:line-through { + text-decoration: line-through; } - .xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:no-underline { + text-decoration: none; } - .xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:hover\:underline:hover { + text-decoration: underline; } - .xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .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)); + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:focus\:underline:focus { + text-decoration: underline; } - .xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:normal-nums { + font-variant-numeric: normal; } - .xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .lg\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .lg\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .xl\:hover\:to-black:hover { - --gradient-to-color: #000; + .lg\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .xl\:hover\:to-white:hover { - --gradient-to-color: #fff; + .lg\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .lg\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .lg\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .lg\:tracking-normal { + letter-spacing: 0; } - .xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .lg\:select-none { + user-select: none; } - .xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .lg\:select-text { + user-select: text; } - .xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .lg\:select-all { + user-select: all; } - .xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .lg\:select-auto { + user-select: auto; } - .xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .lg\:align-baseline { + vertical-align: baseline; } - .xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .lg\:align-top { + vertical-align: top; } - .xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .lg\:align-middle { + vertical-align: middle; } - .xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .lg\:align-bottom { + vertical-align: bottom; } - .xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .lg\:align-text-top { + vertical-align: text-top; } - .xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .lg\:visible { + visibility: visible; } - .xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .lg\:invisible { + visibility: hidden; } - .xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .lg\:whitespace-normal { + white-space: normal; } - .xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .lg\:whitespace-pre { + white-space: pre; } - .xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .lg\:break-words { + overflow-wrap: break-word; } - .xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .lg\:break-all { + word-break: break-all; } - .xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .lg\:w-0 { + width: 0; } - .xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .lg\:w-1 { + width: 0.25rem; } - .xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .lg\:w-2 { + width: 0.5rem; } - .xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .lg\:w-3 { + width: 0.75rem; } - .xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .lg\:w-4 { + width: 1rem; } - .xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .lg\:w-5 { + width: 1.25rem; } - .xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .lg\:w-6 { + width: 1.5rem; } - .xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .lg\:w-7 { + width: 1.75rem; } - .xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .lg\:w-8 { + width: 2rem; } - .xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .lg\:w-9 { + width: 2.25rem; } - .xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .lg\:w-10 { + width: 2.5rem; } - .xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .lg\:w-12 { + width: 3rem; } - .xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .lg\:w-14 { + width: 3.5rem; } - .xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .lg\:w-16 { + width: 4rem; } - .xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .lg\:w-20 { + width: 5rem; } - .xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .lg\:w-24 { + width: 6rem; } - .xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .lg\:w-28 { + width: 7rem; } - .xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .lg\:w-32 { + width: 8rem; } - .xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .lg\:w-36 { + width: 9rem; } - .xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .lg\:w-40 { + width: 10rem; } - .xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .lg\:w-44 { + width: 11rem; } - .xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .lg\:w-48 { + width: 12rem; } - .xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .lg\:w-52 { + width: 13rem; } - .xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .lg\:w-56 { + width: 14rem; } - .xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .lg\:w-60 { + width: 15rem; } - .xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .lg\:w-64 { + width: 16rem; } - .xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .lg\:w-72 { + width: 18rem; } - .xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .lg\:w-80 { + width: 20rem; } - .xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .lg\:w-96 { + width: 24rem; } - .xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .lg\:w-auto { + width: auto; } - .xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .lg\:w-px { + width: 1px; } - .xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .lg\:w-0\.5 { + width: 0.125rem; } - .xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .lg\:w-1\.5 { + width: 0.375rem; } - .xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .lg\:w-2\.5 { + width: 0.625rem; } - .xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .lg\:w-3\.5 { + width: 0.875rem; } - .xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .lg\:w-1\/2 { + width: 50%; } - .xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .lg\:w-1\/3 { + width: 33.333333%; } - .xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .lg\:w-2\/3 { + width: 66.666667%; } - .xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .lg\:w-1\/4 { + width: 25%; } - .xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .lg\:w-2\/4 { + width: 50%; } - .xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .lg\:w-3\/4 { + width: 75%; } - .xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .lg\:w-1\/5 { + width: 20%; } - .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)); + .lg\:w-2\/5 { + width: 40%; } - .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)); + .lg\:w-3\/5 { + width: 60%; } - .xl\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:w-4\/5 { + width: 80%; } - .xl\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:w-1\/6 { + width: 16.666667%; } - .xl\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:w-2\/6 { + width: 33.333333%; } - .xl\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:w-3\/6 { + width: 50%; } - .xl\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:w-4\/6 { + width: 66.666667%; } - .xl\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:w-5\/6 { + width: 83.333333%; } - .xl\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:w-1\/12 { + width: 8.333333%; } - .xl\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:w-2\/12 { + width: 16.666667%; } - .xl\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:w-3\/12 { + width: 25%; } - .xl\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:w-4\/12 { + width: 33.333333%; } - .xl\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:w-5\/12 { + width: 41.666667%; } - .xl\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:w-6\/12 { + width: 50%; } - .xl\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:w-7\/12 { + width: 58.333333%; } - .xl\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:w-8\/12 { + width: 66.666667%; } - .xl\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:w-9\/12 { + width: 75%; } - .xl\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:w-10\/12 { + width: 83.333333%; } - .xl\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:w-11\/12 { + width: 91.666667%; } - .xl\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:w-full { + width: 100%; } - .xl\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:w-screen { + width: 100vw; } - .xl\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:w-min { + width: min-content; } - .xl\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:w-max { + width: max-content; } - .xl\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:z-0 { + z-index: 0; } - .xl\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:z-10 { + z-index: 10; } - .xl\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:z-20 { + z-index: 20; } - .xl\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:z-30 { + z-index: 30; } - .xl\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:z-40 { + z-index: 40; } - .xl\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:z-50 { + z-index: 50; } - .xl\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:z-auto { + z-index: auto; } - .xl\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:focus\:z-0:focus { + z-index: 0; } - .xl\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:focus\:z-10:focus { + z-index: 10; } - .xl\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:focus\:z-20:focus { + z-index: 20; } - .xl\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:focus\:z-30:focus { + z-index: 30; } - .xl\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:focus\:z-40:focus { + z-index: 40; } - .xl\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:focus\:z-50:focus { + z-index: 50; } - .xl\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:z-auto:focus { + z-index: auto; } - .xl\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:gap-0 { + grid-gap: 0; + gap: 0; } - .xl\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .xl\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .xl\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .xl\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .xl\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .xl\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .xl\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .xl\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .xl\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .xl\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .xl\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .xl\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .xl\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .xl\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .xl\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .xl\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .xl\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .xl\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .xl\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .xl\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .xl\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .xl\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .xl\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .xl\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .xl\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .xl\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .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)); + .lg\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .xl\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .xl\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:gap-px { + grid-gap: 1px; + gap: 1px; } - .xl\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .xl\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .xl\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .xl\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .xl\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .xl\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .xl\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .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)); + .lg\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .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)); + .lg\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .xl\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .xl\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .xl\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .xl\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .xl\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .xl\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .xl\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .xl\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .xl\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .xl\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .xl\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .xl\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .xl\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .xl\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .xl\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .xl\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .xl\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .xl\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .xl\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .xl\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .xl\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .xl\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .xl\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .xl\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .xl\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .xl\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .xl\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .xl\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .xl\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .xl\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .xl\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .xl\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .xl\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .xl\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .xl\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .xl\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .xl\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .xl\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .xl\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .xl\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .xl\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .xl\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .xl\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .xl\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .xl\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .xl\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .xl\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .xl\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .xl\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .xl\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .xl\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .xl\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .xl\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .xl\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .xl\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .xl\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .xl\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .xl\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .xl\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .xl\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .xl\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .xl\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .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)); + .lg\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .xl\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:grid-flow-row { + grid-auto-flow: row; } - .xl\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:grid-flow-col { + grid-auto-flow: column; } - .xl\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .xl\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .xl\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .xl\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .xl\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .xl\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .xl\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .xl\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .xl\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .xl\:focus\:to-black:focus { - --gradient-to-color: #000; + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .xl\:focus\:to-white:focus { - --gradient-to-color: #fff; + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .xl\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .xl\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .xl\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .xl\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; + .lg\:grid-cols-none { + grid-template-columns: none; } - .xl\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; + .lg\:auto-cols-auto { + grid-auto-columns: auto; } - .xl\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; + .lg\:auto-cols-min { + grid-auto-columns: min-content; } - .xl\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; + .lg\:auto-cols-max { + grid-auto-columns: max-content; } - .xl\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; + .lg\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .xl\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; + .lg\:col-auto { + grid-column: auto; } - .xl\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; + .lg\:col-span-1 { + grid-column: span 1 / span 1; } - .xl\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; + .lg\:col-span-2 { + grid-column: span 2 / span 2; } - .xl\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; + .lg\:col-span-3 { + grid-column: span 3 / span 3; } - .xl\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; + .lg\:col-span-4 { + grid-column: span 4 / span 4; } - .xl\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; + .lg\:col-span-5 { + grid-column: span 5 / span 5; } - .xl\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; + .lg\:col-span-6 { + grid-column: span 6 / span 6; } - .xl\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; + .lg\:col-span-7 { + grid-column: span 7 / span 7; } - .xl\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; + .lg\:col-span-8 { + grid-column: span 8 / span 8; } - .xl\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; + .lg\:col-span-9 { + grid-column: span 9 / span 9; } - .xl\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; + .lg\:col-span-10 { + grid-column: span 10 / span 10; } - .xl\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; + .lg\:col-span-11 { + grid-column: span 11 / span 11; } - .xl\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; + .lg\:col-span-12 { + grid-column: span 12 / span 12; } - .xl\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; + .lg\:col-span-full { + grid-column: 1 / -1; } - .xl\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; + .lg\:col-start-1 { + grid-column-start: 1; } - .xl\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; + .lg\:col-start-2 { + grid-column-start: 2; } - .xl\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; + .lg\:col-start-3 { + grid-column-start: 3; } - .xl\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; + .lg\:col-start-4 { + grid-column-start: 4; } - .xl\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; + .lg\:col-start-5 { + grid-column-start: 5; } - .xl\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; + .lg\:col-start-6 { + grid-column-start: 6; } - .xl\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; + .lg\:col-start-7 { + grid-column-start: 7; } - .xl\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; + .lg\:col-start-8 { + grid-column-start: 8; } - .xl\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; + .lg\:col-start-9 { + grid-column-start: 9; } - .xl\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; + .lg\:col-start-10 { + grid-column-start: 10; } - .xl\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; + .lg\:col-start-11 { + grid-column-start: 11; } - .xl\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; + .lg\:col-start-12 { + grid-column-start: 12; } - .xl\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; + .lg\:col-start-13 { + grid-column-start: 13; } - .xl\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; + .lg\:col-start-auto { + grid-column-start: auto; } - .xl\:focus\:to-green-600:focus { - --gradient-to-color: #059669; + .lg\:col-end-1 { + grid-column-end: 1; } - .xl\:focus\:to-green-700:focus { - --gradient-to-color: #047857; + .lg\:col-end-2 { + grid-column-end: 2; } - .xl\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; + .lg\:col-end-3 { + grid-column-end: 3; } - .xl\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; + .lg\:col-end-4 { + grid-column-end: 4; } - .xl\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; + .lg\:col-end-5 { + grid-column-end: 5; } - .xl\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; + .lg\:col-end-6 { + grid-column-end: 6; } - .xl\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; + .lg\:col-end-7 { + grid-column-end: 7; } - .xl\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; + .lg\:col-end-8 { + grid-column-end: 8; } - .xl\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; + .lg\:col-end-9 { + grid-column-end: 9; } - .xl\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; + .lg\:col-end-10 { + grid-column-end: 10; } - .xl\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; + .lg\:col-end-11 { + grid-column-end: 11; } - .xl\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; + .lg\:col-end-12 { + grid-column-end: 12; } - .xl\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; + .lg\:col-end-13 { + grid-column-end: 13; } - .xl\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; + .lg\:col-end-auto { + grid-column-end: auto; } - .xl\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .xl\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .xl\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .xl\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .xl\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .xl\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .xl\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; + .lg\:grid-rows-none { + grid-template-rows: none; } - .xl\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; + .lg\:auto-rows-auto { + grid-auto-rows: auto; } - .xl\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; + .lg\:auto-rows-min { + grid-auto-rows: min-content; } - .xl\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; + .lg\:auto-rows-max { + grid-auto-rows: max-content; } - .xl\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .lg\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .xl\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; + .lg\:row-auto { + grid-row: auto; } - .xl\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; + .lg\:row-span-1 { + grid-row: span 1 / span 1; } - .xl\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; + .lg\:row-span-2 { + grid-row: span 2 / span 2; } - .xl\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; + .lg\:row-span-3 { + grid-row: span 3 / span 3; } - .xl\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; + .lg\:row-span-4 { + grid-row: span 4 / span 4; } - .xl\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; + .lg\:row-span-5 { + grid-row: span 5 / span 5; } - .xl\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; + .lg\:row-span-6 { + grid-row: span 6 / span 6; } - .xl\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; + .lg\:row-span-full { + grid-row: 1 / -1; } - .xl\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; + .lg\:row-start-1 { + grid-row-start: 1; } - @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)); - } + .lg\:row-start-2 { + grid-row-start: 2; + } - .xl\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:row-start-3 { + grid-row-start: 3; + } - .xl\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:row-start-4 { + grid-row-start: 4; + } - .xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:row-start-5 { + grid-row-start: 5; + } - .xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:row-start-6 { + grid-row-start: 6; + } - .xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:row-start-7 { + grid-row-start: 7; + } - .xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:row-start-auto { + grid-row-start: auto; + } - .xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:row-end-1 { + grid-row-end: 1; + } - .xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:row-end-2 { + grid-row-end: 2; + } - .xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:row-end-3 { + grid-row-end: 3; + } - .xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:row-end-4 { + grid-row-end: 4; + } - .xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:row-end-5 { + grid-row-end: 5; + } - .xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:row-end-6 { + grid-row-end: 6; + } - .xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:row-end-7 { + grid-row-end: 7; + } - .xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:row-end-auto { + grid-row-end: auto; + } - .xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .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\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:transform-none { + transform: none; + } - .xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:origin-center { + transform-origin: center; + } - .xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:origin-top { + transform-origin: top; + } - .xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:origin-top-right { + transform-origin: top right; + } - .xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:origin-right { + transform-origin: right; + } - .xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:origin-bottom-right { + transform-origin: bottom right; + } - .xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:origin-bottom { + transform-origin: bottom; + } - .xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:origin-bottom-left { + transform-origin: bottom left; + } - .xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:origin-left { + transform-origin: left; + } - .xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:origin-top-left { + transform-origin: top left; + } - .xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:scale-x-0 { + --transform-scale-x: 0; + } - .xl\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:scale-x-50 { + --transform-scale-x: .5; + } - .xl\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:scale-x-75 { + --transform-scale-x: .75; + } - .xl\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:scale-x-90 { + --transform-scale-x: .9; + } - .xl\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:scale-x-95 { + --transform-scale-x: .95; + } - .xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:scale-x-100 { + --transform-scale-x: 1; + } - .xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:scale-x-105 { + --transform-scale-x: 1.05; + } - .xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:scale-x-110 { + --transform-scale-x: 1.1; + } - .xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:scale-x-125 { + --transform-scale-x: 1.25; + } - .xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:scale-x-150 { + --transform-scale-x: 1.5; + } - .xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:scale-y-0 { + --transform-scale-y: 0; + } - .xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:scale-y-50 { + --transform-scale-y: .5; + } - .xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:scale-y-75 { + --transform-scale-y: .75; + } - .xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:scale-y-90 { + --transform-scale-y: .9; + } - .xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:scale-y-95 { + --transform-scale-y: .95; + } - .xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:scale-y-100 { + --transform-scale-y: 1; + } - .xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:scale-y-105 { + --transform-scale-y: 1.05; + } - .xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:scale-y-110 { + --transform-scale-y: 1.1; + } - .xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:scale-y-125 { + --transform-scale-y: 1.25; + } - .xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:scale-y-150 { + --transform-scale-y: 1.5; + } - .xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .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)); - } + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0; + } - .xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5; + } - .xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75; + } - .xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9; + } - .xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95; + } - .xl\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1; + } - .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)); - } + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; + } - .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)); - } + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; + } - .xl\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; + } - .xl\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; + } - .xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0; + } - .xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5; + } - .xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75; + } - .xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9; + } - .xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95; + } - .xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1; + } - .xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; + } - .xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; + } - .xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; + } - .xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; + } - .xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0; + } - .xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5; + } - .xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75; + } - .xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9; + } - .xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95; + } - .xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1; + } - .xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; + } - .xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; + } - .xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; + } - .xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; + } - .xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0; + } - .xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5; + } - .xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75; + } - .xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9; + } - .xl\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95; + } - .xl\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1; + } - .xl\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; + } - .xl\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; + } - .xl\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; + } - .xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; + } - .xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:rotate-0 { + --transform-rotate: 0; + } - .xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:rotate-1 { + --transform-rotate: 1deg; + } - .xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:rotate-2 { + --transform-rotate: 2deg; + } - .xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:rotate-3 { + --transform-rotate: 3deg; + } - .xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:rotate-6 { + --transform-rotate: 6deg; + } - .xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:rotate-12 { + --transform-rotate: 12deg; + } - .xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:rotate-45 { + --transform-rotate: 45deg; + } - .xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:rotate-90 { + --transform-rotate: 90deg; + } - .xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:rotate-180 { + --transform-rotate: 180deg; + } - .xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:-rotate-180 { + --transform-rotate: -180deg; + } - .xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:-rotate-90 { + --transform-rotate: -90deg; + } - .xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:-rotate-45 { + --transform-rotate: -45deg; + } - .xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:-rotate-12 { + --transform-rotate: -12deg; + } - .xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:-rotate-6 { + --transform-rotate: -6deg; + } - .xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:-rotate-3 { + --transform-rotate: -3deg; + } - .xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:-rotate-2 { + --transform-rotate: -2deg; + } - .xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:-rotate-1 { + --transform-rotate: -1deg; + } - .xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0; + } - .xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:hover\:rotate-1:hover { + --transform-rotate: 1deg; + } - .xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:hover\:rotate-2:hover { + --transform-rotate: 2deg; + } - .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)); - } + .lg\:hover\:rotate-3:hover { + --transform-rotate: 3deg; + } - .xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:hover\:rotate-6:hover { + --transform-rotate: 6deg; + } - .xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:hover\:rotate-12:hover { + --transform-rotate: 12deg; + } - .xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg; + } - .xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg; + } - .xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg; + } - .xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; + } - .xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; + } - .xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; + } - .xl\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; + } - .xl\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .lg\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; + } - .xl\:dark\:to-current { - --gradient-to-color: currentColor; - } + .lg\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; + } - .xl\:dark\:to-black { - --gradient-to-color: #000; - } + .lg\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; + } - .xl\:dark\:to-white { - --gradient-to-color: #fff; - } + .lg\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; + } - .xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0; + } - .xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .lg\:focus\:rotate-1:focus { + --transform-rotate: 1deg; + } - .xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .lg\:focus\:rotate-2:focus { + --transform-rotate: 2deg; + } - .xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .lg\:focus\:rotate-3:focus { + --transform-rotate: 3deg; + } - .xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .lg\:focus\:rotate-6:focus { + --transform-rotate: 6deg; + } - .xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .lg\:focus\:rotate-12:focus { + --transform-rotate: 12deg; + } - .xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg; + } - .xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg; + } - .xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg; + } - .xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; + } - .xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; + } - .xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; + } - .xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .lg\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; + } - .xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .lg\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; + } - .xl\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .lg\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; + } - .xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .lg\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; + } - .xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .lg\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; + } - .xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .lg\:translate-x-0 { + --transform-translate-x: 0; + } - .xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem; + } - .xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .lg\:translate-x-4 { + --transform-translate-x: 1rem; + } - .xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .lg\:translate-x-7 { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .lg\:translate-x-8 { + --transform-translate-x: 2rem; + } - .xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .lg\:translate-x-9 { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .lg\:translate-x-12 { + --transform-translate-x: 3rem; + } - .xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .lg\:translate-x-14 { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .lg\:translate-x-16 { + --transform-translate-x: 4rem; + } - .xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .lg\:translate-x-20 { + --transform-translate-x: 5rem; + } - .xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .lg\:translate-x-24 { + --transform-translate-x: 6rem; + } - .xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .lg\:translate-x-28 { + --transform-translate-x: 7rem; + } - .xl\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .lg\:translate-x-32 { + --transform-translate-x: 8rem; + } - .xl\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .lg\:translate-x-36 { + --transform-translate-x: 9rem; + } - .xl\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .lg\:translate-x-40 { + --transform-translate-x: 10rem; + } - .xl\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .lg\:translate-x-44 { + --transform-translate-x: 11rem; + } - .xl\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .lg\:translate-x-48 { + --transform-translate-x: 12rem; + } - .xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .lg\:translate-x-52 { + --transform-translate-x: 13rem; + } - .xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .lg\:translate-x-56 { + --transform-translate-x: 14rem; + } - .xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .lg\:translate-x-60 { + --transform-translate-x: 15rem; + } - .xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .lg\:translate-x-64 { + --transform-translate-x: 16rem; + } - .xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .lg\:translate-x-72 { + --transform-translate-x: 18rem; + } - .xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .lg\:translate-x-80 { + --transform-translate-x: 20rem; + } - .xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .lg\:translate-x-96 { + --transform-translate-x: 24rem; + } - .xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .lg\:translate-x-px { + --transform-translate-x: 1px; + } - .xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .lg\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .lg\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .lg\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .lg\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .lg\:-translate-x-4 { + --transform-translate-x: -1rem; + } - .xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .lg\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .lg\:-translate-x-8 { + --transform-translate-x: -2rem; + } - .xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .lg\:-translate-x-9 { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .lg\:-translate-x-12 { + --transform-translate-x: -3rem; + } - .xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .lg\:-translate-x-14 { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .lg\:-translate-x-16 { + --transform-translate-x: -4rem; + } - .xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .lg\:-translate-x-20 { + --transform-translate-x: -5rem; + } - .xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .lg\:-translate-x-24 { + --transform-translate-x: -6rem; + } - .xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .lg\:-translate-x-28 { + --transform-translate-x: -7rem; + } - .xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .lg\:-translate-x-32 { + --transform-translate-x: -8rem; + } - .xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .lg\:-translate-x-36 { + --transform-translate-x: -9rem; + } - .xl\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .lg\:-translate-x-40 { + --transform-translate-x: -10rem; + } - .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)); - } + .lg\:-translate-x-44 { + --transform-translate-x: -11rem; + } - .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)); - } + .lg\:-translate-x-48 { + --transform-translate-x: -12rem; + } - .xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:-translate-x-52 { + --transform-translate-x: -13rem; + } - .xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:-translate-x-56 { + --transform-translate-x: -14rem; + } - .xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:-translate-x-60 { + --transform-translate-x: -15rem; + } - .xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:-translate-x-64 { + --transform-translate-x: -16rem; + } - .xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:-translate-x-72 { + --transform-translate-x: -18rem; + } - .xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:-translate-x-80 { + --transform-translate-x: -20rem; + } - .xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:-translate-x-96 { + --transform-translate-x: -24rem; + } - .xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:-translate-x-px { + --transform-translate-x: -1px; + } - .xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:translate-x-1\/2 { + --transform-translate-x: 50%; + } - .xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:translate-x-1\/4 { + --transform-translate-x: 25%; + } - .xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:translate-x-2\/4 { + --transform-translate-x: 50%; + } - .xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:translate-x-3\/4 { + --transform-translate-x: 75%; + } - .xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:translate-x-full { + --transform-translate-x: 100%; + } - .xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50%; + } - .xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:-translate-x-1\/4 { + --transform-translate-x: -25%; + } - .xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:-translate-x-2\/4 { + --transform-translate-x: -50%; + } - .xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:-translate-x-3\/4 { + --transform-translate-x: -75%; + } - .xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:-translate-x-full { + --transform-translate-x: -100%; + } - .xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:translate-y-0 { + --transform-translate-y: 0; + } - .xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:translate-y-4 { + --transform-translate-y: 1rem; + } - .xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem; + } - .xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:translate-y-7 { + --transform-translate-y: 1.75rem; + } - .xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:translate-y-8 { + --transform-translate-y: 2rem; + } - .xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:translate-y-9 { + --transform-translate-y: 2.25rem; + } - .xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem; + } - .xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:translate-y-12 { + --transform-translate-y: 3rem; + } - .xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:translate-y-14 { + --transform-translate-y: 3.5rem; + } - .xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:translate-y-16 { + --transform-translate-y: 4rem; + } - .xl\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:translate-y-20 { + --transform-translate-y: 5rem; + } - .xl\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:translate-y-24 { + --transform-translate-y: 6rem; + } - .xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:translate-y-28 { + --transform-translate-y: 7rem; + } - .xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:translate-y-32 { + --transform-translate-y: 8rem; + } - .xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:translate-y-36 { + --transform-translate-y: 9rem; + } - .xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:translate-y-40 { + --transform-translate-y: 10rem; + } - .xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:translate-y-44 { + --transform-translate-y: 11rem; + } - .xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:translate-y-48 { + --transform-translate-y: 12rem; + } - .xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:translate-y-52 { + --transform-translate-y: 13rem; + } - .xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:translate-y-56 { + --transform-translate-y: 14rem; + } - .xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:translate-y-60 { + --transform-translate-y: 15rem; + } - .xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:translate-y-64 { + --transform-translate-y: 16rem; + } - .xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:translate-y-72 { + --transform-translate-y: 18rem; + } - .xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:translate-y-80 { + --transform-translate-y: 20rem; + } - .xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:translate-y-96 { + --transform-translate-y: 24rem; + } - .xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:translate-y-px { + --transform-translate-y: 1px; + } - .xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; + } - .xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; + } - .xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; + } - .xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; + } - .xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem; + } - .xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem; + } - .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)); - } + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem; + } - .xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:-translate-y-4 { + --transform-translate-y: -1rem; + } - .xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem; + } - .xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem; + } - .xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:-translate-y-7 { + --transform-translate-y: -1.75rem; + } - .xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:-translate-y-8 { + --transform-translate-y: -2rem; + } - .xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:-translate-y-9 { + --transform-translate-y: -2.25rem; + } - .xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem; + } - .xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:-translate-y-12 { + --transform-translate-y: -3rem; + } - .xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:-translate-y-14 { + --transform-translate-y: -3.5rem; + } - .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)); - } + .lg\:-translate-y-16 { + --transform-translate-y: -4rem; + } - .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)); - } + .lg\:-translate-y-20 { + --transform-translate-y: -5rem; + } - .xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:-translate-y-24 { + --transform-translate-y: -6rem; + } - .xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:-translate-y-28 { + --transform-translate-y: -7rem; + } - .xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:-translate-y-32 { + --transform-translate-y: -8rem; + } - .xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:-translate-y-36 { + --transform-translate-y: -9rem; + } - .xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:-translate-y-40 { + --transform-translate-y: -10rem; + } - .xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:-translate-y-44 { + --transform-translate-y: -11rem; + } - .xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:-translate-y-48 { + --transform-translate-y: -12rem; + } - .xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:-translate-y-52 { + --transform-translate-y: -13rem; + } - .xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:-translate-y-56 { + --transform-translate-y: -14rem; + } - .xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:-translate-y-60 { + --transform-translate-y: -15rem; + } - .xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:-translate-y-64 { + --transform-translate-y: -16rem; + } - .xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:-translate-y-72 { + --transform-translate-y: -18rem; + } - .xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:-translate-y-80 { + --transform-translate-y: -20rem; + } - .xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:-translate-y-96 { + --transform-translate-y: -24rem; + } - .xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:-translate-y-px { + --transform-translate-y: -1px; + } - .xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; + } - .xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; + } - .xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; + } - .xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; + } - .xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:translate-y-1\/2 { + --transform-translate-y: 50%; + } - .xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; + } - .xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; + } - .xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:translate-y-1\/4 { + --transform-translate-y: 25%; + } - .xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:translate-y-2\/4 { + --transform-translate-y: 50%; + } - .xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:translate-y-3\/4 { + --transform-translate-y: 75%; + } - .xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:translate-y-full { + --transform-translate-y: 100%; + } - .xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50%; + } - .xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; + } - .xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; + } - .xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:-translate-y-1\/4 { + --transform-translate-y: -25%; + } - .xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:-translate-y-2\/4 { + --transform-translate-y: -50%; + } - .xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:-translate-y-3\/4 { + --transform-translate-y: -75%; + } - .xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:-translate-y-full { + --transform-translate-y: -100%; + } - .xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0; + } - .xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; + } - .xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; + } - .xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; + } - .xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; + } - .xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; + } - .xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; + } - .xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; + } - .xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; + } - .xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; + } - .xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; + } - .xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; + } - .xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; + } - .xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; + } - .xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; + } - .xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; + } - .xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; + } - .xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; + } - .xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; + } - .xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; + } - .xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; + } - .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)); - } + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; + } - .xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; + } - .xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .lg\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; + } - .xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .lg\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; + } - .xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .lg\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; + } - .xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; + } - .xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; + } - .xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .lg\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; + } - .xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; + } - .xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .lg\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; + } - .xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; + } - .xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .lg\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; + } - .xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; + } - .xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .lg\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; + } - .xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; + } - .xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .lg\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; + } - .xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; + } - .xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .lg\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; + } - .xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .lg\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; + } - .xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .lg\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; + } - .xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; + } - .xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .lg\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .lg\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .lg\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .lg\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; + } - .xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .lg\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .lg\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .lg\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; + } - .xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .lg\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; + } - .xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .lg\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; + } - .xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; + } - .xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; + } - .xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .lg\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .lg\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .lg\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; + } - .xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .lg\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; + } - .xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .lg\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; + } - .xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; + } - .xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0; + } - .xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; + } - .xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; + } - .xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .lg\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; + } - .xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; + } - .xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .lg\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; + } - .xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; + } - .xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; + } - .xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .lg\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; + } - .xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; + } - .xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; + } - .xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; + } - .xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .lg\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; + } - .xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; + } - .xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .lg\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; + } - .xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; + } - .xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .lg\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; + } - .xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; + } - .xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .lg\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; + } - .xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; + } - .xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .lg\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; + } - .xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; + } - .xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .lg\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; + } - .xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .lg\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; + } - .xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .lg\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; + } - .xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; + } - .xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .lg\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; + } - .xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .lg\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; + } - .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)); - } + .lg\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; + } - .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)); - } + .lg\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; + } - .xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; + } - .xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; + } - .xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; + } - .xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; + } - .xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; + } - .xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; + } - .xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; + } - .xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; + } - .xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; + } - .xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; + } - .xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; + } - .xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; + } - .xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; + } - .xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; + } - .xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; + } - .xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; + } - .xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; + } - .xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; + } - .xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; + } - .xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; + } - .xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; + } - .xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; + } - .xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; + } - .xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; + } - .xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; + } - .xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; + } - .xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; + } - .xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; + } - .xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; + } - .xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; + } - .xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; + } - .xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; + } - .xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; + } - .xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; + } - .xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; + } - .xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; + } - .xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; + } - .xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; + } - .xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; + } - .xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; + } - .xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; + } - .xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; + } - .xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; + } - .xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:focus\:translate-x-0:focus { + --transform-translate-x: 0; + } - .xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; + } - .xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; + } - .xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; + } - .xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; + } - .xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; + } - .xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; + } - .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)); - } + .lg\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; + } - .xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; + } - .xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; + } - .xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; + } - .xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; + } - .xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; + } - .xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; + } - .xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; + } - .xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; + } - .xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; + } - .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)); - } + .lg\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; + } - .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)); - } + .lg\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; + } - .xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; + } - .xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; + } - .xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; + } - .xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; + } - .xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; + } - .xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; + } - .xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; + } - .xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; + } - .xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; + } - .xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; + } - .xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; + } - .xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; + } - .xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; + } - .xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; + } - .xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; + } - .xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; + } - .xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; + } - .xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; + } - .xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; + } - .xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; + } - .xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; + } - .xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; + } - .xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; + } - .xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; + } - .xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; + } - .xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; + } - .xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; + } - .xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; + } - .xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; + } - .xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:focus\:translate-y-0:focus { + --transform-translate-y: 0; + } - .xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; + } - .xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; + } - .xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; + } - .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)); - } + .lg\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; + } - .xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; + } - .xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; + } - .xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; + } - .xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; + } - .xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; + } - .xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; + } - .xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; + } - .xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; + } - .xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; + } - .xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .lg\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; + } - .xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .lg\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; + } - .xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .lg\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; + } - .xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .lg\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; + } - .xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .lg\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; + } - .xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .lg\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; + } - .xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .lg\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; + } - .xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .lg\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; + } - .xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .lg\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; + } - .xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .lg\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; + } - .xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .lg\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; + } - .xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .lg\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; + } - .xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .lg\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; + } - .xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .lg\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; + } - .xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .lg\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; + } - .xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .lg\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; + } - .xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .lg\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; + } - .xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .lg\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; + } - .xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .lg\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; + } - .xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .lg\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; + } - .xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .lg\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; + } - .xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .lg\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; + } - .xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .lg\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; + } - .xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .lg\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; + } - .xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .lg\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; + } - .xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .lg\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; + } - .xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .lg\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; + } - .xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .lg\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; + } - .xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .lg\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; + } - .xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .lg\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; + } - .xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .lg\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; + } - .xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .lg\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; + } - .xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .lg\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; + } - .xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .lg\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; + } - .xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .lg\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; + } - .xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .lg\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; + } - .xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .lg\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; + } - .xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .lg\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; + } - .xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .lg\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; + } - .xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .lg\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; + } - .xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .lg\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; + } - .xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .lg\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; + } - .xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .lg\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; + } - .xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .lg\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; + } - .xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .lg\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; + } - .xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .lg\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; + } - .xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .lg\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; + } - .xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .lg\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; + } - .xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .lg\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; + } - .xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .lg\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .lg\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; + } - .xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .lg\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; + } - .xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .lg\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; + } - .xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .lg\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .lg\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; + } - .xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .lg\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; + } - .xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .lg\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .lg\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; + } - .xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .lg\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; + } - .xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .lg\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; + } - .xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .lg\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .lg\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; + } - .xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .lg\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; + } - .xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .lg\:skew-x-0 { + --transform-skew-x: 0; + } - .xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .lg\:skew-x-1 { + --transform-skew-x: 1deg; + } - .xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .lg\:skew-x-2 { + --transform-skew-x: 2deg; + } - .xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .lg\:skew-x-3 { + --transform-skew-x: 3deg; + } - .xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .lg\:skew-x-6 { + --transform-skew-x: 6deg; + } - .xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .lg\:skew-x-12 { + --transform-skew-x: 12deg; + } - .xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .lg\:-skew-x-12 { + --transform-skew-x: -12deg; + } - .xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .lg\:-skew-x-6 { + --transform-skew-x: -6deg; + } - .xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .lg\:-skew-x-3 { + --transform-skew-x: -3deg; + } - .xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .lg\:-skew-x-2 { + --transform-skew-x: -2deg; + } - .xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .lg\:-skew-x-1 { + --transform-skew-x: -1deg; } - .xl\:bg-bottom { - background-position: bottom; + .lg\:skew-y-0 { + --transform-skew-y: 0; } - .xl\:bg-center { - background-position: center; + .lg\:skew-y-1 { + --transform-skew-y: 1deg; } - .xl\:bg-left { - background-position: left; + .lg\:skew-y-2 { + --transform-skew-y: 2deg; } - .xl\:bg-left-bottom { - background-position: left bottom; + .lg\:skew-y-3 { + --transform-skew-y: 3deg; } - .xl\:bg-left-top { - background-position: left top; + .lg\:skew-y-6 { + --transform-skew-y: 6deg; } - .xl\:bg-right { - background-position: right; + .lg\:skew-y-12 { + --transform-skew-y: 12deg; } - .xl\:bg-right-bottom { - background-position: right bottom; + .lg\:-skew-y-12 { + --transform-skew-y: -12deg; } - .xl\:bg-right-top { - background-position: right top; + .lg\:-skew-y-6 { + --transform-skew-y: -6deg; } - .xl\:bg-top { - background-position: top; + .lg\:-skew-y-3 { + --transform-skew-y: -3deg; } - .xl\:bg-repeat { - background-repeat: repeat; + .lg\:-skew-y-2 { + --transform-skew-y: -2deg; } - .xl\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:-skew-y-1 { + --transform-skew-y: -1deg; } - .xl\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .xl\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .xl\:bg-repeat-round { - background-repeat: round; + .lg\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .xl\:bg-repeat-space { - background-repeat: space; + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .xl\:bg-auto { - background-size: auto; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .xl\:bg-cover { - background-size: cover; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .xl\:bg-contain { - background-size: contain; + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .xl\:border-collapse { - border-collapse: collapse; + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .xl\:border-separate { - border-collapse: separate; + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .xl\:border-transparent { - border-color: transparent; + .lg\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .xl\:border-current { - border-color: currentColor; + .lg\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .xl\:border-black { - border-color: #000; + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .xl\:border-white { - border-color: #fff; + .lg\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .xl\:border-gray-50 { - border-color: #fafafa; + .lg\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .xl\:border-gray-100 { - border-color: #f4f4f5; + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .xl\:border-gray-200 { - border-color: #e4e4e7; + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .xl\:border-gray-300 { - border-color: #d4d4d8; + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .xl\:border-gray-400 { - border-color: #a1a1aa; + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .xl\:border-gray-500 { - border-color: #71717a; + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .xl\:border-gray-600 { - border-color: #52525b; + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .xl\:border-gray-700 { - border-color: #3f3f46; + .lg\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .xl\:border-gray-800 { - border-color: #27272a; + .lg\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .xl\:border-gray-900 { - border-color: #18181b; + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .xl\:border-red-50 { - border-color: #fef2f2; + .lg\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .xl\:border-red-100 { - border-color: #fee2e2; + .lg\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .xl\:border-red-200 { - border-color: #fecaca; + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .xl\:border-red-300 { - border-color: #fca5a5; + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .xl\:border-red-400 { - border-color: #f87171; + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .xl\:border-red-500 { - border-color: #ef4444; + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .xl\:border-red-600 { - border-color: #dc2626; + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .xl\:border-red-700 { - border-color: #b91c1c; + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .xl\:border-red-800 { - border-color: #991b1b; + .lg\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .xl\:border-red-900 { - border-color: #7f1d1d; + .lg\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .xl\:border-yellow-50 { - border-color: #fffbeb; + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .xl\:border-yellow-100 { - border-color: #fef3c7; + .lg\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .xl\:border-yellow-200 { - border-color: #fde68a; + .lg\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .xl\:border-yellow-300 { - border-color: #fcd34d; + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .xl\:border-yellow-400 { - border-color: #fbbf24; + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .xl\:border-yellow-500 { - border-color: #f59e0b; + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .xl\:border-yellow-600 { - border-color: #d97706; + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .xl\:border-yellow-700 { - border-color: #b45309; + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .xl\:border-yellow-800 { - border-color: #92400e; + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .xl\:border-yellow-900 { - border-color: #78350f; + .lg\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .xl\:border-green-50 { - border-color: #ecfdf5; + .lg\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .xl\:border-green-100 { - border-color: #d1fae5; + .lg\:transition-none { + transition-property: none; } - .xl\:border-green-200 { - border-color: #a7f3d0; + .lg\:transition-all { + transition-property: all; } - .xl\:border-green-300 { - border-color: #6ee7b7; + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .xl\:border-green-400 { - border-color: #34d399; + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .xl\:border-green-500 { - border-color: #10b981; + .lg\:transition-opacity { + transition-property: opacity; } - .xl\:border-green-600 { - border-color: #059669; + .lg\:transition-shadow { + transition-property: box-shadow; } - .xl\:border-green-700 { - border-color: #047857; + .lg\:transition-transform { + transition-property: transform; } - .xl\:border-green-800 { - border-color: #065f46; + .lg\:ease-linear { + transition-timing-function: linear; } - .xl\:border-green-900 { - border-color: #064e3b; + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .xl\:border-blue-50 { - border-color: #eff6ff; + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .xl\:border-blue-100 { - border-color: #dbeafe; + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .xl\:border-blue-200 { - border-color: #bfdbfe; + .lg\:duration-75 { + transition-duration: 75ms; } - .xl\:border-blue-300 { - border-color: #93c5fd; + .lg\:duration-100 { + transition-duration: 100ms; } - .xl\:border-blue-400 { - border-color: #60a5fa; + .lg\:duration-150 { + transition-duration: 150ms; } - .xl\:border-blue-500 { - border-color: #3b82f6; + .lg\:duration-200 { + transition-duration: 200ms; } - .xl\:border-blue-600 { - border-color: #2563eb; + .lg\:duration-300 { + transition-duration: 300ms; } - .xl\:border-blue-700 { - border-color: #1d4ed8; + .lg\:duration-500 { + transition-duration: 500ms; } - .xl\:border-blue-800 { - border-color: #1e40af; + .lg\:duration-700 { + transition-duration: 700ms; } - .xl\:border-blue-900 { - border-color: #1e3a8a; + .lg\:duration-1000 { + transition-duration: 1000ms; } - .xl\:border-purple-50 { - border-color: #f5f3ff; + .lg\:delay-75 { + transition-delay: 75ms; } - .xl\:border-purple-100 { - border-color: #ede9fe; + .lg\:delay-100 { + transition-delay: 100ms; } - .xl\:border-purple-200 { - border-color: #ddd6fe; + .lg\:delay-150 { + transition-delay: 150ms; } - .xl\:border-purple-300 { - border-color: #c4b5fd; + .lg\:delay-200 { + transition-delay: 200ms; } - .xl\:border-purple-400 { - border-color: #a78bfa; + .lg\:delay-300 { + transition-delay: 300ms; } - .xl\:border-purple-500 { - border-color: #8b5cf6; + .lg\:delay-500 { + transition-delay: 500ms; } - .xl\:border-purple-600 { - border-color: #7c3aed; + .lg\:delay-700 { + transition-delay: 700ms; } - .xl\:border-purple-700 { - border-color: #6d28d9; + .lg\:delay-1000 { + transition-delay: 1000ms; } - .xl\:border-purple-800 { - border-color: #5b21b6; + .lg\:animate-none { + animation: none; } - .xl\:border-purple-900 { - border-color: #4c1d95; + .lg\:animate-spin { + animation: spin 1s linear infinite; } - .xl\:border-pink-50 { - border-color: #fdf2f8; + .lg\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:border-pink-100 { - border-color: #fce7f3; + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .xl\:border-pink-200 { - border-color: #fbcfe8; + .lg\:animate-bounce { + animation: bounce 1s infinite; } - .xl\:border-pink-300 { - border-color: #f9a8d4; + .lg\:example { + font-weight: 700; + color: #ef4444; } +} - .xl\:border-pink-400 { - border-color: #f472b6; +@media (min-width: 1280px) { + .xl\:container { + width: 100%; } - .xl\:border-pink-500 { - border-color: #ec4899; + @media (min-width: 640px) { + .xl\:container { + max-width: 640px; + } } - .xl\:border-pink-600 { - border-color: #db2777; + @media (min-width: 768px) { + .xl\:container { + max-width: 768px; + } } - .xl\:border-pink-700 { - border-color: #be185d; + @media (min-width: 1024px) { + .xl\:container { + max-width: 1024px; + } } - .xl\:border-pink-800 { - border-color: #9d174d; + @media (min-width: 1280px) { + .xl\:container { + max-width: 1280px; + } } - .xl\:border-pink-900 { - border-color: #831843; + @media (min-width: 1536px) { + .xl\:container { + max-width: 1536px; + } } - .group:hover .xl\:group-hover\:border-transparent { - border-color: transparent; + .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)); } - .group:hover .xl\:group-hover\:border-current { - border-color: currentColor; + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-black { - border-color: #000; + .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)); } - .group:hover .xl\:group-hover\:border-white { - border-color: #fff; + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-gray-50 { - border-color: #fafafa; + .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)); } - .group:hover .xl\:group-hover\:border-gray-100 { - border-color: #f4f4f5; + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-gray-200 { - border-color: #e4e4e7; + .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)); } - .group:hover .xl\:group-hover\:border-gray-300 { - border-color: #d4d4d8; + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-gray-400 { - border-color: #a1a1aa; + .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)); } - .group:hover .xl\:group-hover\:border-gray-500 { - border-color: #71717a; + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-gray-600 { - border-color: #52525b; + .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)); } - .group:hover .xl\:group-hover\:border-gray-700 { - border-color: #3f3f46; + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-gray-800 { - border-color: #27272a; + .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)); } - .group:hover .xl\:group-hover\:border-gray-900 { - border-color: #18181b; + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-red-50 { - border-color: #fef2f2; + .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)); } - .group:hover .xl\:group-hover\:border-red-100 { - border-color: #fee2e2; + .xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-red-200 { - border-color: #fecaca; + .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)); } - .group:hover .xl\:group-hover\:border-red-300 { - border-color: #fca5a5; + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-red-400 { - border-color: #f87171; + .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)); } - .group:hover .xl\:group-hover\:border-red-500 { - border-color: #ef4444; + .xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-red-600 { - border-color: #dc2626; + .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)); } - .group:hover .xl\:group-hover\:border-red-700 { - border-color: #b91c1c; + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-red-800 { - border-color: #991b1b; + .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)); } - .group:hover .xl\:group-hover\:border-red-900 { - border-color: #7f1d1d; + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-yellow-50 { - border-color: #fffbeb; + .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)); } - .group:hover .xl\:group-hover\:border-yellow-100 { - border-color: #fef3c7; + .xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-yellow-200 { - border-color: #fde68a; + .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)); } - .group:hover .xl\:group-hover\:border-yellow-300 { - border-color: #fcd34d; + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-yellow-400 { - border-color: #fbbf24; + .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)); } - .group:hover .xl\:group-hover\:border-yellow-500 { - border-color: #f59e0b; + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-yellow-600 { - border-color: #d97706; + .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)); } - .group:hover .xl\:group-hover\:border-yellow-700 { - border-color: #b45309; + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-yellow-800 { - border-color: #92400e; + .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)); } - .group:hover .xl\:group-hover\:border-yellow-900 { - border-color: #78350f; + .xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-green-50 { - border-color: #ecfdf5; + .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)); } - .group:hover .xl\:group-hover\:border-green-100 { - border-color: #d1fae5; + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-green-200 { - border-color: #a7f3d0; + .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)); } - .group:hover .xl\:group-hover\:border-green-300 { - border-color: #6ee7b7; + .xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-green-400 { - border-color: #34d399; + .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)); } - .group:hover .xl\:group-hover\:border-green-500 { - border-color: #10b981; + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-green-600 { - border-color: #059669; + .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)); } - .group:hover .xl\:group-hover\:border-green-700 { - border-color: #047857; + .xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-green-800 { - border-color: #065f46; + .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)); } - .group:hover .xl\:group-hover\:border-green-900 { - border-color: #064e3b; + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-blue-50 { - border-color: #eff6ff; + .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)); } - .group:hover .xl\:group-hover\:border-blue-100 { - border-color: #dbeafe; + .xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-blue-200 { - border-color: #bfdbfe; + .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)); } - .group:hover .xl\:group-hover\:border-blue-300 { - border-color: #93c5fd; + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-blue-400 { - border-color: #60a5fa; + .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)); } - .group:hover .xl\:group-hover\:border-blue-500 { - border-color: #3b82f6; + .xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-blue-600 { - border-color: #2563eb; + .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)); } - .group:hover .xl\:group-hover\:border-blue-700 { - border-color: #1d4ed8; + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-blue-800 { - border-color: #1e40af; + .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)); } - .group:hover .xl\:group-hover\:border-blue-900 { - border-color: #1e3a8a; + .xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-purple-50 { - border-color: #f5f3ff; + .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)); } - .group:hover .xl\:group-hover\:border-purple-100 { - border-color: #ede9fe; + .xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-purple-200 { - border-color: #ddd6fe; + .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)); } - .group:hover .xl\:group-hover\:border-purple-300 { - border-color: #c4b5fd; + .xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-purple-400 { - border-color: #a78bfa; + .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)); } - .group:hover .xl\:group-hover\:border-purple-500 { - border-color: #8b5cf6; + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-purple-600 { - border-color: #7c3aed; + .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)); } - .group:hover .xl\:group-hover\:border-purple-700 { - border-color: #6d28d9; + .xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-purple-800 { - border-color: #5b21b6; + .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)); } - .group:hover .xl\:group-hover\:border-purple-900 { - border-color: #4c1d95; + .xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-pink-50 { - border-color: #fdf2f8; + .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)); } - .group:hover .xl\:group-hover\:border-pink-100 { - border-color: #fce7f3; + .xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-pink-200 { - border-color: #fbcfe8; + .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)); } - .group:hover .xl\:group-hover\:border-pink-300 { - border-color: #f9a8d4; + .xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-pink-400 { - border-color: #f472b6; + .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)); } - .group:hover .xl\:group-hover\:border-pink-500 { - border-color: #ec4899; + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-pink-600 { - border-color: #db2777; + .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)); } - .group:hover .xl\:group-hover\:border-pink-700 { - border-color: #be185d; + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .group:hover .xl\:group-hover\:border-pink-800 { - border-color: #9d174d; + .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)); } - .group:hover .xl\:group-hover\:border-pink-900 { - border-color: #831843; + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .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\:hover\:border-current:hover { - border-color: currentColor; + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-black:hover { - border-color: #000; + .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\:hover\:border-white:hover { - border-color: #fff; + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-gray-50:hover { - border-color: #fafafa; + .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\:hover\:border-gray-100:hover { - border-color: #f4f4f5; + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-gray-200:hover { - border-color: #e4e4e7; + .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\:hover\:border-gray-300:hover { - border-color: #d4d4d8; + .xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-gray-400:hover { - border-color: #a1a1aa; + .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\:hover\:border-gray-500:hover { - border-color: #71717a; + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-gray-600:hover { - border-color: #52525b; + .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\:hover\:border-gray-700:hover { - border-color: #3f3f46; + .xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-gray-800:hover { - border-color: #27272a; + .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\:hover\:border-gray-900:hover { - border-color: #18181b; + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-red-50:hover { - border-color: #fef2f2; + .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\:hover\:border-red-100:hover { - border-color: #fee2e2; + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-red-200:hover { - border-color: #fecaca; + .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\:hover\:border-red-300:hover { - border-color: #fca5a5; + .xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-red-400:hover { - border-color: #f87171; + .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\:hover\:border-red-500:hover { - border-color: #ef4444; + .xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-red-600:hover { - border-color: #dc2626; + .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\:hover\:border-red-700:hover { - border-color: #b91c1c; + .xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-red-800:hover { - border-color: #991b1b; + .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\:hover\:border-red-900:hover { - border-color: #7f1d1d; + .xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-yellow-50:hover { - border-color: #fffbeb; + .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\:hover\:border-yellow-100:hover { - border-color: #fef3c7; + .xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-yellow-200:hover { - border-color: #fde68a; + .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\:hover\:border-yellow-300:hover { - border-color: #fcd34d; + .xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-yellow-400:hover { - border-color: #fbbf24; + .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\:hover\:border-yellow-500:hover { - border-color: #f59e0b; + .xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-yellow-600:hover { - border-color: #d97706; + .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\:hover\:border-yellow-700:hover { - border-color: #b45309; + .xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-yellow-800:hover { - border-color: #92400e; + .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\:hover\:border-yellow-900:hover { - border-color: #78350f; + .xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-green-50:hover { - border-color: #ecfdf5; + .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\:hover\:border-green-100:hover { - border-color: #d1fae5; + .xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-green-200:hover { - border-color: #a7f3d0; + .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\:hover\:border-green-300:hover { - border-color: #6ee7b7; + .xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-green-400:hover { - border-color: #34d399; + .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\:hover\:border-green-500:hover { - border-color: #10b981; + .xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-green-600:hover { - border-color: #059669; + .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\:hover\:border-green-700:hover { - border-color: #047857; + .xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-green-800:hover { - border-color: #065f46; + .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\:hover\:border-green-900:hover { - border-color: #064e3b; + .xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-blue-50:hover { - border-color: #eff6ff; + .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\:hover\:border-blue-100:hover { - border-color: #dbeafe; + .xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-blue-200:hover { - border-color: #bfdbfe; + .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\:hover\:border-blue-300:hover { - border-color: #93c5fd; + .xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-blue-400:hover { - border-color: #60a5fa; + .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\:hover\:border-blue-500:hover { - border-color: #3b82f6; + .xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-blue-600:hover { - border-color: #2563eb; + .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\:hover\:border-blue-700:hover { - border-color: #1d4ed8; + .xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-blue-800:hover { - border-color: #1e40af; + .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\:hover\:border-blue-900:hover { - border-color: #1e3a8a; + .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-purple-50:hover { - border-color: #f5f3ff; + .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\:hover\:border-purple-100:hover { - border-color: #ede9fe; + .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-purple-200:hover { - border-color: #ddd6fe; + .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\:hover\:border-purple-300:hover { - border-color: #c4b5fd; + .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-purple-400:hover { - border-color: #a78bfa; + .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\:hover\:border-purple-500:hover { - border-color: #8b5cf6; + .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .xl\:hover\:border-purple-600:hover { - border-color: #7c3aed; + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .xl\:hover\:border-purple-700:hover { - border-color: #6d28d9; + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .xl\:hover\:border-purple-800:hover { - border-color: #5b21b6; + .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\:hover\:border-purple-900:hover { - border-color: #4c1d95; + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .xl\:hover\:border-pink-50:hover { - border-color: #fdf2f8; + .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\:hover\:border-pink-100:hover { - border-color: #fce7f3; + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .xl\:hover\:border-pink-200:hover { - border-color: #fbcfe8; + .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\:hover\:border-pink-300:hover { - border-color: #f9a8d4; + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .xl\:hover\:border-pink-400:hover { - border-color: #f472b6; + .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\:hover\:border-pink-500:hover { - border-color: #ec4899; + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .xl\:hover\:border-pink-600:hover { - border-color: #db2777; + .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\:hover\:border-pink-700:hover { - border-color: #be185d; + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .xl\:hover\:border-pink-800:hover { - border-color: #9d174d; + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .xl\:hover\:border-pink-900:hover { - border-color: #831843; + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .xl\:focus\:border-transparent:focus { + .xl\:divide-transparent > :not(template) ~ :not(template) { border-color: transparent; } - .xl\:focus\:border-current:focus { + .xl\:divide-current > :not(template) ~ :not(template) { border-color: currentColor; } - .xl\:focus\:border-black:focus { + .xl\:divide-black > :not(template) ~ :not(template) { border-color: #000; } - .xl\:focus\:border-white:focus { + .xl\:divide-white > :not(template) ~ :not(template) { border-color: #fff; } - .xl\:focus\:border-gray-50:focus { + .xl\:divide-gray-50 > :not(template) ~ :not(template) { border-color: #fafafa; } - .xl\:focus\:border-gray-100:focus { + .xl\:divide-gray-100 > :not(template) ~ :not(template) { border-color: #f4f4f5; } - .xl\:focus\:border-gray-200:focus { + .xl\:divide-gray-200 > :not(template) ~ :not(template) { border-color: #e4e4e7; } - .xl\:focus\:border-gray-300:focus { + .xl\:divide-gray-300 > :not(template) ~ :not(template) { border-color: #d4d4d8; } - .xl\:focus\:border-gray-400:focus { + .xl\:divide-gray-400 > :not(template) ~ :not(template) { border-color: #a1a1aa; } - .xl\:focus\:border-gray-500:focus { + .xl\:divide-gray-500 > :not(template) ~ :not(template) { border-color: #71717a; } - .xl\:focus\:border-gray-600:focus { + .xl\:divide-gray-600 > :not(template) ~ :not(template) { border-color: #52525b; } - .xl\:focus\:border-gray-700:focus { + .xl\:divide-gray-700 > :not(template) ~ :not(template) { border-color: #3f3f46; } - .xl\:focus\:border-gray-800:focus { + .xl\:divide-gray-800 > :not(template) ~ :not(template) { border-color: #27272a; } - .xl\:focus\:border-gray-900:focus { + .xl\:divide-gray-900 > :not(template) ~ :not(template) { border-color: #18181b; } - .xl\:focus\:border-red-50:focus { + .xl\:divide-red-50 > :not(template) ~ :not(template) { border-color: #fef2f2; } - .xl\:focus\:border-red-100:focus { + .xl\:divide-red-100 > :not(template) ~ :not(template) { border-color: #fee2e2; } - .xl\:focus\:border-red-200:focus { + .xl\:divide-red-200 > :not(template) ~ :not(template) { border-color: #fecaca; } - .xl\:focus\:border-red-300:focus { + .xl\:divide-red-300 > :not(template) ~ :not(template) { border-color: #fca5a5; } - .xl\:focus\:border-red-400:focus { + .xl\:divide-red-400 > :not(template) ~ :not(template) { border-color: #f87171; } - .xl\:focus\:border-red-500:focus { + .xl\:divide-red-500 > :not(template) ~ :not(template) { border-color: #ef4444; } - .xl\:focus\:border-red-600:focus { + .xl\:divide-red-600 > :not(template) ~ :not(template) { border-color: #dc2626; } - .xl\:focus\:border-red-700:focus { + .xl\:divide-red-700 > :not(template) ~ :not(template) { border-color: #b91c1c; } - .xl\:focus\:border-red-800:focus { + .xl\:divide-red-800 > :not(template) ~ :not(template) { border-color: #991b1b; } - .xl\:focus\:border-red-900:focus { + .xl\:divide-red-900 > :not(template) ~ :not(template) { border-color: #7f1d1d; } - .xl\:focus\:border-yellow-50:focus { + .xl\:divide-yellow-50 > :not(template) ~ :not(template) { border-color: #fffbeb; } - .xl\:focus\:border-yellow-100:focus { + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { border-color: #fef3c7; } - .xl\:focus\:border-yellow-200:focus { + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { border-color: #fde68a; } - .xl\:focus\:border-yellow-300:focus { + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { border-color: #fcd34d; } - .xl\:focus\:border-yellow-400:focus { + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { border-color: #fbbf24; } - .xl\:focus\:border-yellow-500:focus { + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { border-color: #f59e0b; } - .xl\:focus\:border-yellow-600:focus { + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { border-color: #d97706; } - .xl\:focus\:border-yellow-700:focus { + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { border-color: #b45309; } - .xl\:focus\:border-yellow-800:focus { + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { border-color: #92400e; } - .xl\:focus\:border-yellow-900:focus { + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { border-color: #78350f; } - .xl\:focus\:border-green-50:focus { + .xl\:divide-green-50 > :not(template) ~ :not(template) { border-color: #ecfdf5; } - .xl\:focus\:border-green-100:focus { + .xl\:divide-green-100 > :not(template) ~ :not(template) { border-color: #d1fae5; } - .xl\:focus\:border-green-200:focus { + .xl\:divide-green-200 > :not(template) ~ :not(template) { border-color: #a7f3d0; } - .xl\:focus\:border-green-300:focus { + .xl\:divide-green-300 > :not(template) ~ :not(template) { border-color: #6ee7b7; } - .xl\:focus\:border-green-400:focus { + .xl\:divide-green-400 > :not(template) ~ :not(template) { border-color: #34d399; } - .xl\:focus\:border-green-500:focus { + .xl\:divide-green-500 > :not(template) ~ :not(template) { border-color: #10b981; } - .xl\:focus\:border-green-600:focus { + .xl\:divide-green-600 > :not(template) ~ :not(template) { border-color: #059669; } - .xl\:focus\:border-green-700:focus { + .xl\:divide-green-700 > :not(template) ~ :not(template) { border-color: #047857; } - .xl\:focus\:border-green-800:focus { + .xl\:divide-green-800 > :not(template) ~ :not(template) { border-color: #065f46; } - .xl\:focus\:border-green-900:focus { + .xl\:divide-green-900 > :not(template) ~ :not(template) { border-color: #064e3b; } - .xl\:focus\:border-blue-50:focus { + .xl\:divide-blue-50 > :not(template) ~ :not(template) { border-color: #eff6ff; } - .xl\:focus\:border-blue-100:focus { + .xl\:divide-blue-100 > :not(template) ~ :not(template) { border-color: #dbeafe; } - .xl\:focus\:border-blue-200:focus { + .xl\:divide-blue-200 > :not(template) ~ :not(template) { border-color: #bfdbfe; } - .xl\:focus\:border-blue-300:focus { + .xl\:divide-blue-300 > :not(template) ~ :not(template) { border-color: #93c5fd; } - .xl\:focus\:border-blue-400:focus { + .xl\:divide-blue-400 > :not(template) ~ :not(template) { border-color: #60a5fa; } - .xl\:focus\:border-blue-500:focus { + .xl\:divide-blue-500 > :not(template) ~ :not(template) { border-color: #3b82f6; } - .xl\:focus\:border-blue-600:focus { + .xl\:divide-blue-600 > :not(template) ~ :not(template) { border-color: #2563eb; } - .xl\:focus\:border-blue-700:focus { + .xl\:divide-blue-700 > :not(template) ~ :not(template) { border-color: #1d4ed8; } - .xl\:focus\:border-blue-800:focus { + .xl\:divide-blue-800 > :not(template) ~ :not(template) { border-color: #1e40af; } - .xl\:focus\:border-blue-900:focus { + .xl\:divide-blue-900 > :not(template) ~ :not(template) { border-color: #1e3a8a; } - .xl\:focus\:border-purple-50:focus { + .xl\:divide-purple-50 > :not(template) ~ :not(template) { border-color: #f5f3ff; } - .xl\:focus\:border-purple-100:focus { + .xl\:divide-purple-100 > :not(template) ~ :not(template) { border-color: #ede9fe; } - .xl\:focus\:border-purple-200:focus { + .xl\:divide-purple-200 > :not(template) ~ :not(template) { border-color: #ddd6fe; } - .xl\:focus\:border-purple-300:focus { + .xl\:divide-purple-300 > :not(template) ~ :not(template) { border-color: #c4b5fd; } - .xl\:focus\:border-purple-400:focus { + .xl\:divide-purple-400 > :not(template) ~ :not(template) { border-color: #a78bfa; } - .xl\:focus\:border-purple-500:focus { + .xl\:divide-purple-500 > :not(template) ~ :not(template) { border-color: #8b5cf6; } - .xl\:focus\:border-purple-600:focus { + .xl\:divide-purple-600 > :not(template) ~ :not(template) { border-color: #7c3aed; } - .xl\:focus\:border-purple-700:focus { + .xl\:divide-purple-700 > :not(template) ~ :not(template) { border-color: #6d28d9; } - .xl\:focus\:border-purple-800:focus { + .xl\:divide-purple-800 > :not(template) ~ :not(template) { border-color: #5b21b6; } - .xl\:focus\:border-purple-900:focus { + .xl\:divide-purple-900 > :not(template) ~ :not(template) { border-color: #4c1d95; } - .xl\:focus\:border-pink-50:focus { + .xl\:divide-pink-50 > :not(template) ~ :not(template) { border-color: #fdf2f8; } - .xl\:focus\:border-pink-100:focus { + .xl\:divide-pink-100 > :not(template) ~ :not(template) { border-color: #fce7f3; } - .xl\:focus\:border-pink-200:focus { + .xl\:divide-pink-200 > :not(template) ~ :not(template) { border-color: #fbcfe8; } - .xl\:focus\:border-pink-300:focus { + .xl\:divide-pink-300 > :not(template) ~ :not(template) { border-color: #f9a8d4; } - .xl\:focus\:border-pink-400:focus { + .xl\:divide-pink-400 > :not(template) ~ :not(template) { border-color: #f472b6; } - .xl\:focus\:border-pink-500:focus { + .xl\:divide-pink-500 > :not(template) ~ :not(template) { border-color: #ec4899; } - .xl\:focus\:border-pink-600:focus { + .xl\:divide-pink-600 > :not(template) ~ :not(template) { border-color: #db2777; } - .xl\:focus\:border-pink-700:focus { + .xl\:divide-pink-700 > :not(template) ~ :not(template) { border-color: #be185d; } - .xl\:focus\:border-pink-800:focus { + .xl\:divide-pink-800 > :not(template) ~ :not(template) { border-color: #9d174d; } - .xl\:focus\:border-pink-900:focus { + .xl\:divide-pink-900 > :not(template) ~ :not(template) { border-color: #831843; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:border-transparent { - border-color: transparent; - } - - .xl\:dark\:border-current { - border-color: currentColor; - } - - .xl\:dark\:border-black { - border-color: #000; - } - - .xl\:dark\:border-white { - border-color: #fff; - } - - .xl\:dark\:border-gray-50 { - border-color: #fafafa; - } - - .xl\:dark\:border-gray-100 { - border-color: #f4f4f5; - } - - .xl\:dark\:border-gray-200 { - border-color: #e4e4e7; - } - - .xl\:dark\:border-gray-300 { - border-color: #d4d4d8; - } - - .xl\:dark\:border-gray-400 { - border-color: #a1a1aa; - } - - .xl\:dark\:border-gray-500 { - border-color: #71717a; - } - - .xl\:dark\:border-gray-600 { - border-color: #52525b; - } - - .xl\:dark\:border-gray-700 { - border-color: #3f3f46; - } - - .xl\:dark\:border-gray-800 { - border-color: #27272a; - } - - .xl\:dark\:border-gray-900 { - border-color: #18181b; - } - - .xl\:dark\:border-red-50 { - border-color: #fef2f2; - } - - .xl\:dark\:border-red-100 { - border-color: #fee2e2; - } - - .xl\:dark\:border-red-200 { - border-color: #fecaca; - } - - .xl\:dark\:border-red-300 { - border-color: #fca5a5; - } - - .xl\:dark\:border-red-400 { - border-color: #f87171; - } - - .xl\:dark\:border-red-500 { - border-color: #ef4444; - } - - .xl\:dark\:border-red-600 { - border-color: #dc2626; - } - - .xl\:dark\:border-red-700 { - border-color: #b91c1c; - } - - .xl\:dark\:border-red-800 { - border-color: #991b1b; - } - - .xl\:dark\:border-red-900 { - border-color: #7f1d1d; - } - - .xl\:dark\:border-yellow-50 { - border-color: #fffbeb; - } - - .xl\:dark\:border-yellow-100 { - border-color: #fef3c7; - } - - .xl\:dark\:border-yellow-200 { - border-color: #fde68a; - } - - .xl\:dark\:border-yellow-300 { - border-color: #fcd34d; - } - - .xl\:dark\:border-yellow-400 { - border-color: #fbbf24; - } - - .xl\:dark\:border-yellow-500 { - border-color: #f59e0b; - } - - .xl\:dark\:border-yellow-600 { - border-color: #d97706; - } - - .xl\:dark\:border-yellow-700 { - border-color: #b45309; - } - - .xl\:dark\:border-yellow-800 { - border-color: #92400e; - } - - .xl\:dark\:border-yellow-900 { - border-color: #78350f; - } - - .xl\:dark\:border-green-50 { - border-color: #ecfdf5; - } - - .xl\:dark\:border-green-100 { - border-color: #d1fae5; - } - - .xl\:dark\:border-green-200 { - border-color: #a7f3d0; - } - - .xl\:dark\:border-green-300 { - border-color: #6ee7b7; - } - - .xl\:dark\:border-green-400 { - border-color: #34d399; - } - - .xl\:dark\:border-green-500 { - border-color: #10b981; - } - - .xl\:dark\:border-green-600 { - border-color: #059669; - } - - .xl\:dark\:border-green-700 { - border-color: #047857; - } - - .xl\:dark\:border-green-800 { - border-color: #065f46; - } - - .xl\:dark\:border-green-900 { - border-color: #064e3b; - } - - .xl\:dark\:border-blue-50 { - border-color: #eff6ff; - } - - .xl\:dark\:border-blue-100 { - border-color: #dbeafe; - } - - .xl\:dark\:border-blue-200 { - border-color: #bfdbfe; - } - - .xl\:dark\:border-blue-300 { - border-color: #93c5fd; - } - - .xl\:dark\:border-blue-400 { - border-color: #60a5fa; - } - - .xl\:dark\:border-blue-500 { - border-color: #3b82f6; - } - - .xl\:dark\:border-blue-600 { - border-color: #2563eb; - } - - .xl\:dark\:border-blue-700 { - border-color: #1d4ed8; - } - - .xl\:dark\:border-blue-800 { - border-color: #1e40af; - } - - .xl\:dark\:border-blue-900 { - border-color: #1e3a8a; - } - - .xl\:dark\:border-purple-50 { - border-color: #f5f3ff; - } - - .xl\:dark\:border-purple-100 { - border-color: #ede9fe; - } - - .xl\:dark\:border-purple-200 { - border-color: #ddd6fe; - } - - .xl\:dark\:border-purple-300 { - border-color: #c4b5fd; - } - - .xl\:dark\:border-purple-400 { - border-color: #a78bfa; - } - - .xl\:dark\:border-purple-500 { - border-color: #8b5cf6; - } - - .xl\:dark\:border-purple-600 { - border-color: #7c3aed; - } - - .xl\:dark\:border-purple-700 { - border-color: #6d28d9; - } - - .xl\:dark\:border-purple-800 { - border-color: #5b21b6; - } - - .xl\:dark\:border-purple-900 { - border-color: #4c1d95; - } + .xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; + } - .xl\:dark\:border-pink-50 { - border-color: #fdf2f8; - } + .xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; + } - .xl\:dark\:border-pink-100 { - border-color: #fce7f3; - } + .xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; + } - .xl\:dark\:border-pink-200 { - border-color: #fbcfe8; - } + .xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; + } - .xl\:dark\:border-pink-300 { - border-color: #f9a8d4; - } + .xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; + } - .xl\:dark\:border-pink-400 { - border-color: #f472b6; - } + .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\:dark\:border-pink-500 { - border-color: #ec4899; - } + .xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } - .xl\:dark\:border-pink-600 { - border-color: #db2777; - } + .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\:dark\:border-pink-700 { - border-color: #be185d; - } + .xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } - .xl\:dark\:border-pink-800 { - border-color: #9d174d; - } + .xl\:appearance-none { + appearance: none; + } - .xl\:dark\:border-pink-900 { - border-color: #831843; - } + .xl\:bg-fixed { + background-attachment: fixed; + } - .group:hover .xl\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .xl\:bg-local { + background-attachment: local; + } - .group:hover .xl\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .xl\:bg-scroll { + background-attachment: scroll; + } - .group:hover .xl\:dark\:group-hover\:border-black { - border-color: #000; - } + .xl\:bg-clip-border { + background-clip: border-box; + } - .group:hover .xl\:dark\:group-hover\:border-white { - border-color: #fff; - } + .xl\:bg-clip-padding { + background-clip: padding-box; + } - .group:hover .xl\:dark\:group-hover\:border-gray-50 { - border-color: #fafafa; - } + .xl\:bg-clip-content { + background-clip: content-box; + } - .group:hover .xl\:dark\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } + .xl\:bg-clip-text { + background-clip: text; + } - .group:hover .xl\:dark\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } + .xl\:bg-transparent { + background-color: transparent; + } - .group:hover .xl\:dark\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } + .xl\:bg-current { + background-color: currentColor; + } - .group:hover .xl\:dark\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } + .xl\:bg-black { + background-color: #000; + } - .group:hover .xl\:dark\:group-hover\:border-gray-500 { - border-color: #71717a; - } + .xl\:bg-white { + background-color: #fff; + } - .group:hover .xl\:dark\:group-hover\:border-gray-600 { - border-color: #52525b; - } + .xl\:bg-gray-50 { + background-color: #fafafa; + } - .group:hover .xl\:dark\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } + .xl\:bg-gray-100 { + background-color: #f4f4f5; + } - .group:hover .xl\:dark\:group-hover\:border-gray-800 { - border-color: #27272a; - } + .xl\:bg-gray-200 { + background-color: #e4e4e7; + } - .group:hover .xl\:dark\:group-hover\:border-gray-900 { - border-color: #18181b; - } + .xl\:bg-gray-300 { + background-color: #d4d4d8; + } - .group:hover .xl\:dark\:group-hover\:border-red-50 { - border-color: #fef2f2; - } + .xl\:bg-gray-400 { + background-color: #a1a1aa; + } - .group:hover .xl\:dark\:group-hover\:border-red-100 { - border-color: #fee2e2; - } + .xl\:bg-gray-500 { + background-color: #71717a; + } - .group:hover .xl\:dark\:group-hover\:border-red-200 { - border-color: #fecaca; - } + .xl\:bg-gray-600 { + background-color: #52525b; + } - .group:hover .xl\:dark\:group-hover\:border-red-300 { - border-color: #fca5a5; - } + .xl\:bg-gray-700 { + background-color: #3f3f46; + } - .group:hover .xl\:dark\:group-hover\:border-red-400 { - border-color: #f87171; - } + .xl\:bg-gray-800 { + background-color: #27272a; + } - .group:hover .xl\:dark\:group-hover\:border-red-500 { - border-color: #ef4444; - } + .xl\:bg-gray-900 { + background-color: #18181b; + } - .group:hover .xl\:dark\:group-hover\:border-red-600 { - border-color: #dc2626; - } + .xl\:bg-red-50 { + background-color: #fef2f2; + } - .group:hover .xl\:dark\:group-hover\:border-red-700 { - border-color: #b91c1c; - } + .xl\:bg-red-100 { + background-color: #fee2e2; + } - .group:hover .xl\:dark\:group-hover\:border-red-800 { - border-color: #991b1b; - } + .xl\:bg-red-200 { + background-color: #fecaca; + } - .group:hover .xl\:dark\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } + .xl\:bg-red-300 { + background-color: #fca5a5; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } + .xl\:bg-red-400 { + background-color: #f87171; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } + .xl\:bg-red-500 { + background-color: #ef4444; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } + .xl\:bg-red-600 { + background-color: #dc2626; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } + .xl\:bg-red-700 { + background-color: #b91c1c; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } + .xl\:bg-red-800 { + background-color: #991b1b; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } + .xl\:bg-red-900 { + background-color: #7f1d1d; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-600 { - border-color: #d97706; - } + .xl\:bg-yellow-50 { + background-color: #fffbeb; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-700 { - border-color: #b45309; - } + .xl\:bg-yellow-100 { + background-color: #fef3c7; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-800 { - border-color: #92400e; - } + .xl\:bg-yellow-200 { + background-color: #fde68a; + } - .group:hover .xl\:dark\:group-hover\:border-yellow-900 { - border-color: #78350f; - } + .xl\:bg-yellow-300 { + background-color: #fcd34d; + } - .group:hover .xl\:dark\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } + .xl\:bg-yellow-400 { + background-color: #fbbf24; + } - .group:hover .xl\:dark\:group-hover\:border-green-100 { - border-color: #d1fae5; - } + .xl\:bg-yellow-500 { + background-color: #f59e0b; + } - .group:hover .xl\:dark\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } + .xl\:bg-yellow-600 { + background-color: #d97706; + } - .group:hover .xl\:dark\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } + .xl\:bg-yellow-700 { + background-color: #b45309; + } - .group:hover .xl\:dark\:group-hover\:border-green-400 { - border-color: #34d399; - } + .xl\:bg-yellow-800 { + background-color: #92400e; + } - .group:hover .xl\:dark\:group-hover\:border-green-500 { - border-color: #10b981; - } + .xl\:bg-yellow-900 { + background-color: #78350f; + } - .group:hover .xl\:dark\:group-hover\:border-green-600 { - border-color: #059669; - } + .xl\:bg-green-50 { + background-color: #ecfdf5; + } - .group:hover .xl\:dark\:group-hover\:border-green-700 { - border-color: #047857; - } + .xl\:bg-green-100 { + background-color: #d1fae5; + } - .group:hover .xl\:dark\:group-hover\:border-green-800 { - border-color: #065f46; - } + .xl\:bg-green-200 { + background-color: #a7f3d0; + } - .group:hover .xl\:dark\:group-hover\:border-green-900 { - border-color: #064e3b; - } + .xl\:bg-green-300 { + background-color: #6ee7b7; + } - .group:hover .xl\:dark\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } + .xl\:bg-green-400 { + background-color: #34d399; + } - .group:hover .xl\:dark\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } + .xl\:bg-green-500 { + background-color: #10b981; + } - .group:hover .xl\:dark\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } + .xl\:bg-green-600 { + background-color: #059669; + } - .group:hover .xl\:dark\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } + .xl\:bg-green-700 { + background-color: #047857; + } - .group:hover .xl\:dark\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } + .xl\:bg-green-800 { + background-color: #065f46; + } - .group:hover .xl\:dark\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } + .xl\:bg-green-900 { + background-color: #064e3b; + } - .group:hover .xl\:dark\:group-hover\:border-blue-600 { - border-color: #2563eb; - } + .xl\:bg-blue-50 { + background-color: #eff6ff; + } - .group:hover .xl\:dark\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } + .xl\:bg-blue-100 { + background-color: #dbeafe; + } - .group:hover .xl\:dark\:group-hover\:border-blue-800 { - border-color: #1e40af; - } + .xl\:bg-blue-200 { + background-color: #bfdbfe; + } - .group:hover .xl\:dark\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } + .xl\:bg-blue-300 { + background-color: #93c5fd; + } - .group:hover .xl\:dark\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } + .xl\:bg-blue-400 { + background-color: #60a5fa; + } - .group:hover .xl\:dark\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } + .xl\:bg-blue-500 { + background-color: #3b82f6; + } - .group:hover .xl\:dark\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } + .xl\:bg-blue-600 { + background-color: #2563eb; + } - .group:hover .xl\:dark\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } + .xl\:bg-blue-700 { + background-color: #1d4ed8; + } - .group:hover .xl\:dark\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } + .xl\:bg-blue-800 { + background-color: #1e40af; + } - .group:hover .xl\:dark\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } + .xl\:bg-blue-900 { + background-color: #1e3a8a; + } - .group:hover .xl\:dark\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } + .xl\:bg-purple-50 { + background-color: #f5f3ff; + } - .group:hover .xl\:dark\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } + .xl\:bg-purple-100 { + background-color: #ede9fe; + } - .group:hover .xl\:dark\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } + .xl\:bg-purple-200 { + background-color: #ddd6fe; + } - .group:hover .xl\:dark\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } + .xl\:bg-purple-300 { + background-color: #c4b5fd; + } - .group:hover .xl\:dark\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } + .xl\:bg-purple-400 { + background-color: #a78bfa; + } - .group:hover .xl\:dark\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } + .xl\:bg-purple-500 { + background-color: #8b5cf6; + } - .group:hover .xl\:dark\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } + .xl\:bg-purple-600 { + background-color: #7c3aed; + } - .group:hover .xl\:dark\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } + .xl\:bg-purple-700 { + background-color: #6d28d9; + } - .group:hover .xl\:dark\:group-hover\:border-pink-400 { - border-color: #f472b6; - } + .xl\:bg-purple-800 { + background-color: #5b21b6; + } - .group:hover .xl\:dark\:group-hover\:border-pink-500 { - border-color: #ec4899; - } + .xl\:bg-purple-900 { + background-color: #4c1d95; + } - .group:hover .xl\:dark\:group-hover\:border-pink-600 { - border-color: #db2777; - } + .xl\:bg-pink-50 { + background-color: #fdf2f8; + } - .group:hover .xl\:dark\:group-hover\:border-pink-700 { - border-color: #be185d; - } + .xl\:bg-pink-100 { + background-color: #fce7f3; + } - .group:hover .xl\:dark\:group-hover\:border-pink-800 { - border-color: #9d174d; - } + .xl\:bg-pink-200 { + background-color: #fbcfe8; + } - .group:hover .xl\:dark\:group-hover\:border-pink-900 { - border-color: #831843; - } + .xl\:bg-pink-300 { + background-color: #f9a8d4; + } - .xl\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .xl\:bg-pink-400 { + background-color: #f472b6; + } - .xl\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .xl\:bg-pink-500 { + background-color: #ec4899; + } - .xl\:dark\:hover\:border-black:hover { - border-color: #000; - } + .xl\:bg-pink-600 { + background-color: #db2777; + } - .xl\:dark\:hover\:border-white:hover { - border-color: #fff; - } + .xl\:bg-pink-700 { + background-color: #be185d; + } - .xl\:dark\:hover\:border-gray-50:hover { - border-color: #fafafa; - } + .xl\:bg-pink-800 { + background-color: #9d174d; + } - .xl\:dark\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } + .xl\:bg-pink-900 { + background-color: #831843; + } - .xl\:dark\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } + .group:hover .xl\:group-hover\:bg-transparent { + background-color: transparent; + } - .xl\:dark\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } + .group:hover .xl\:group-hover\:bg-current { + background-color: currentColor; + } - .xl\:dark\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } + .group:hover .xl\:group-hover\:bg-black { + background-color: #000; + } - .xl\:dark\:hover\:border-gray-500:hover { - border-color: #71717a; - } + .group:hover .xl\:group-hover\:bg-white { + background-color: #fff; + } - .xl\:dark\:hover\:border-gray-600:hover { - border-color: #52525b; - } + .group:hover .xl\:group-hover\:bg-gray-50 { + background-color: #fafafa; + } - .xl\:dark\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } + .group:hover .xl\:group-hover\:bg-gray-100 { + background-color: #f4f4f5; + } - .xl\:dark\:hover\:border-gray-800:hover { - border-color: #27272a; - } + .group:hover .xl\:group-hover\:bg-gray-200 { + background-color: #e4e4e7; + } - .xl\:dark\:hover\:border-gray-900:hover { - border-color: #18181b; - } + .group:hover .xl\:group-hover\:bg-gray-300 { + background-color: #d4d4d8; + } - .xl\:dark\:hover\:border-red-50:hover { - border-color: #fef2f2; - } + .group:hover .xl\:group-hover\:bg-gray-400 { + background-color: #a1a1aa; + } - .xl\:dark\:hover\:border-red-100:hover { - border-color: #fee2e2; - } + .group:hover .xl\:group-hover\:bg-gray-500 { + background-color: #71717a; + } - .xl\:dark\:hover\:border-red-200:hover { - border-color: #fecaca; - } + .group:hover .xl\:group-hover\:bg-gray-600 { + background-color: #52525b; + } - .xl\:dark\:hover\:border-red-300:hover { - border-color: #fca5a5; - } + .group:hover .xl\:group-hover\:bg-gray-700 { + background-color: #3f3f46; + } - .xl\:dark\:hover\:border-red-400:hover { - border-color: #f87171; - } + .group:hover .xl\:group-hover\:bg-gray-800 { + background-color: #27272a; + } - .xl\:dark\:hover\:border-red-500:hover { - border-color: #ef4444; - } + .group:hover .xl\:group-hover\:bg-gray-900 { + background-color: #18181b; + } - .xl\:dark\:hover\:border-red-600:hover { - border-color: #dc2626; - } + .group:hover .xl\:group-hover\:bg-red-50 { + background-color: #fef2f2; + } - .xl\:dark\:hover\:border-red-700:hover { - border-color: #b91c1c; - } + .group:hover .xl\:group-hover\:bg-red-100 { + background-color: #fee2e2; + } - .xl\:dark\:hover\:border-red-800:hover { - border-color: #991b1b; - } + .group:hover .xl\:group-hover\:bg-red-200 { + background-color: #fecaca; + } - .xl\:dark\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } + .group:hover .xl\:group-hover\:bg-red-300 { + background-color: #fca5a5; + } - .xl\:dark\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } + .group:hover .xl\:group-hover\:bg-red-400 { + background-color: #f87171; + } - .xl\:dark\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } + .group:hover .xl\:group-hover\:bg-red-500 { + background-color: #ef4444; + } - .xl\:dark\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } + .group:hover .xl\:group-hover\:bg-red-600 { + background-color: #dc2626; + } - .xl\:dark\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } + .group:hover .xl\:group-hover\:bg-red-700 { + background-color: #b91c1c; + } - .xl\:dark\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } + .group:hover .xl\:group-hover\:bg-red-800 { + background-color: #991b1b; + } - .xl\:dark\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } + .group:hover .xl\:group-hover\:bg-red-900 { + background-color: #7f1d1d; + } - .xl\:dark\:hover\:border-yellow-600:hover { - border-color: #d97706; - } + .group:hover .xl\:group-hover\:bg-yellow-50 { + background-color: #fffbeb; + } - .xl\:dark\:hover\:border-yellow-700:hover { - border-color: #b45309; - } + .group:hover .xl\:group-hover\:bg-yellow-100 { + background-color: #fef3c7; + } - .xl\:dark\:hover\:border-yellow-800:hover { - border-color: #92400e; - } + .group:hover .xl\:group-hover\:bg-yellow-200 { + background-color: #fde68a; + } - .xl\:dark\:hover\:border-yellow-900:hover { - border-color: #78350f; - } + .group:hover .xl\:group-hover\:bg-yellow-300 { + background-color: #fcd34d; + } - .xl\:dark\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } + .group:hover .xl\:group-hover\:bg-yellow-400 { + background-color: #fbbf24; + } - .xl\:dark\:hover\:border-green-100:hover { - border-color: #d1fae5; - } + .group:hover .xl\:group-hover\:bg-yellow-500 { + background-color: #f59e0b; + } - .xl\:dark\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } + .group:hover .xl\:group-hover\:bg-yellow-600 { + background-color: #d97706; + } - .xl\:dark\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } + .group:hover .xl\:group-hover\:bg-yellow-700 { + background-color: #b45309; + } - .xl\:dark\:hover\:border-green-400:hover { - border-color: #34d399; - } + .group:hover .xl\:group-hover\:bg-yellow-800 { + background-color: #92400e; + } - .xl\:dark\:hover\:border-green-500:hover { - border-color: #10b981; - } + .group:hover .xl\:group-hover\:bg-yellow-900 { + background-color: #78350f; + } - .xl\:dark\:hover\:border-green-600:hover { - border-color: #059669; - } + .group:hover .xl\:group-hover\:bg-green-50 { + background-color: #ecfdf5; + } - .xl\:dark\:hover\:border-green-700:hover { - border-color: #047857; - } + .group:hover .xl\:group-hover\:bg-green-100 { + background-color: #d1fae5; + } - .xl\:dark\:hover\:border-green-800:hover { - border-color: #065f46; - } + .group:hover .xl\:group-hover\:bg-green-200 { + background-color: #a7f3d0; + } - .xl\:dark\:hover\:border-green-900:hover { - border-color: #064e3b; - } + .group:hover .xl\:group-hover\:bg-green-300 { + background-color: #6ee7b7; + } - .xl\:dark\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } + .group:hover .xl\:group-hover\:bg-green-400 { + background-color: #34d399; + } - .xl\:dark\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } + .group:hover .xl\:group-hover\:bg-green-500 { + background-color: #10b981; + } - .xl\:dark\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } + .group:hover .xl\:group-hover\:bg-green-600 { + background-color: #059669; + } - .xl\:dark\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } + .group:hover .xl\:group-hover\:bg-green-700 { + background-color: #047857; + } - .xl\:dark\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } + .group:hover .xl\:group-hover\:bg-green-800 { + background-color: #065f46; + } - .xl\:dark\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } + .group:hover .xl\:group-hover\:bg-green-900 { + background-color: #064e3b; + } - .xl\:dark\:hover\:border-blue-600:hover { - border-color: #2563eb; - } + .group:hover .xl\:group-hover\:bg-blue-50 { + background-color: #eff6ff; + } - .xl\:dark\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } + .group:hover .xl\:group-hover\:bg-blue-100 { + background-color: #dbeafe; + } - .xl\:dark\:hover\:border-blue-800:hover { - border-color: #1e40af; - } + .group:hover .xl\:group-hover\:bg-blue-200 { + background-color: #bfdbfe; + } - .xl\:dark\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } + .group:hover .xl\:group-hover\:bg-blue-300 { + background-color: #93c5fd; + } - .xl\:dark\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } + .group:hover .xl\:group-hover\:bg-blue-400 { + background-color: #60a5fa; + } - .xl\:dark\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } + .group:hover .xl\:group-hover\:bg-blue-500 { + background-color: #3b82f6; + } - .xl\:dark\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } + .group:hover .xl\:group-hover\:bg-blue-600 { + background-color: #2563eb; + } - .xl\:dark\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } + .group:hover .xl\:group-hover\:bg-blue-700 { + background-color: #1d4ed8; + } - .xl\:dark\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } + .group:hover .xl\:group-hover\:bg-blue-800 { + background-color: #1e40af; + } - .xl\:dark\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } + .group:hover .xl\:group-hover\:bg-blue-900 { + background-color: #1e3a8a; + } - .xl\:dark\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } + .group:hover .xl\:group-hover\:bg-purple-50 { + background-color: #f5f3ff; + } - .xl\:dark\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } + .group:hover .xl\:group-hover\:bg-purple-100 { + background-color: #ede9fe; + } - .xl\:dark\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } + .group:hover .xl\:group-hover\:bg-purple-200 { + background-color: #ddd6fe; + } - .xl\:dark\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } + .group:hover .xl\:group-hover\:bg-purple-300 { + background-color: #c4b5fd; + } - .xl\:dark\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } + .group:hover .xl\:group-hover\:bg-purple-400 { + background-color: #a78bfa; + } - .xl\:dark\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } + .group:hover .xl\:group-hover\:bg-purple-500 { + background-color: #8b5cf6; + } - .xl\:dark\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } + .group:hover .xl\:group-hover\:bg-purple-600 { + background-color: #7c3aed; + } - .xl\:dark\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } + .group:hover .xl\:group-hover\:bg-purple-700 { + background-color: #6d28d9; + } - .xl\:dark\:hover\:border-pink-400:hover { - border-color: #f472b6; - } + .group:hover .xl\:group-hover\:bg-purple-800 { + background-color: #5b21b6; + } - .xl\:dark\:hover\:border-pink-500:hover { - border-color: #ec4899; - } + .group:hover .xl\:group-hover\:bg-purple-900 { + background-color: #4c1d95; + } - .xl\:dark\:hover\:border-pink-600:hover { - border-color: #db2777; - } + .group:hover .xl\:group-hover\:bg-pink-50 { + background-color: #fdf2f8; + } - .xl\:dark\:hover\:border-pink-700:hover { - border-color: #be185d; - } + .group:hover .xl\:group-hover\:bg-pink-100 { + background-color: #fce7f3; + } - .xl\:dark\:hover\:border-pink-800:hover { - border-color: #9d174d; - } + .group:hover .xl\:group-hover\:bg-pink-200 { + background-color: #fbcfe8; + } - .xl\:dark\:hover\:border-pink-900:hover { - border-color: #831843; - } + .group:hover .xl\:group-hover\:bg-pink-300 { + background-color: #f9a8d4; + } - .xl\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .group:hover .xl\:group-hover\:bg-pink-400 { + background-color: #f472b6; + } - .xl\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .group:hover .xl\:group-hover\:bg-pink-500 { + background-color: #ec4899; + } - .xl\:dark\:focus\:border-black:focus { - border-color: #000; - } + .group:hover .xl\:group-hover\:bg-pink-600 { + background-color: #db2777; + } - .xl\:dark\:focus\:border-white:focus { - border-color: #fff; - } + .group:hover .xl\:group-hover\:bg-pink-700 { + background-color: #be185d; + } - .xl\:dark\:focus\:border-gray-50:focus { - border-color: #fafafa; - } + .group:hover .xl\:group-hover\:bg-pink-800 { + background-color: #9d174d; + } - .xl\:dark\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } + .group:hover .xl\:group-hover\:bg-pink-900 { + background-color: #831843; + } - .xl\:dark\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } + .xl\:hover\:bg-transparent:hover { + background-color: transparent; + } - .xl\:dark\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } + .xl\:hover\:bg-current:hover { + background-color: currentColor; + } - .xl\:dark\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } + .xl\:hover\:bg-black:hover { + background-color: #000; + } - .xl\:dark\:focus\:border-gray-500:focus { - border-color: #71717a; - } + .xl\:hover\:bg-white:hover { + background-color: #fff; + } - .xl\:dark\:focus\:border-gray-600:focus { - border-color: #52525b; - } + .xl\:hover\:bg-gray-50:hover { + background-color: #fafafa; + } - .xl\:dark\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } + .xl\:hover\:bg-gray-100:hover { + background-color: #f4f4f5; + } - .xl\:dark\:focus\:border-gray-800:focus { - border-color: #27272a; - } + .xl\:hover\:bg-gray-200:hover { + background-color: #e4e4e7; + } - .xl\:dark\:focus\:border-gray-900:focus { - border-color: #18181b; - } + .xl\:hover\:bg-gray-300:hover { + background-color: #d4d4d8; + } - .xl\:dark\:focus\:border-red-50:focus { - border-color: #fef2f2; - } + .xl\:hover\:bg-gray-400:hover { + background-color: #a1a1aa; + } - .xl\:dark\:focus\:border-red-100:focus { - border-color: #fee2e2; - } + .xl\:hover\:bg-gray-500:hover { + background-color: #71717a; + } - .xl\:dark\:focus\:border-red-200:focus { - border-color: #fecaca; - } + .xl\:hover\:bg-gray-600:hover { + background-color: #52525b; + } - .xl\:dark\:focus\:border-red-300:focus { - border-color: #fca5a5; - } + .xl\:hover\:bg-gray-700:hover { + background-color: #3f3f46; + } - .xl\:dark\:focus\:border-red-400:focus { - border-color: #f87171; - } + .xl\:hover\:bg-gray-800:hover { + background-color: #27272a; + } - .xl\:dark\:focus\:border-red-500:focus { - border-color: #ef4444; - } + .xl\:hover\:bg-gray-900:hover { + background-color: #18181b; + } - .xl\:dark\:focus\:border-red-600:focus { - border-color: #dc2626; - } + .xl\:hover\:bg-red-50:hover { + background-color: #fef2f2; + } - .xl\:dark\:focus\:border-red-700:focus { - border-color: #b91c1c; - } + .xl\:hover\:bg-red-100:hover { + background-color: #fee2e2; + } - .xl\:dark\:focus\:border-red-800:focus { - border-color: #991b1b; - } + .xl\:hover\:bg-red-200:hover { + background-color: #fecaca; + } - .xl\:dark\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } + .xl\:hover\:bg-red-300:hover { + background-color: #fca5a5; + } - .xl\:dark\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } + .xl\:hover\:bg-red-400:hover { + background-color: #f87171; + } - .xl\:dark\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } + .xl\:hover\:bg-red-500:hover { + background-color: #ef4444; + } - .xl\:dark\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } + .xl\:hover\:bg-red-600:hover { + background-color: #dc2626; + } - .xl\:dark\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } + .xl\:hover\:bg-red-700:hover { + background-color: #b91c1c; + } - .xl\:dark\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } + .xl\:hover\:bg-red-800:hover { + background-color: #991b1b; + } - .xl\:dark\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } + .xl\:hover\:bg-red-900:hover { + background-color: #7f1d1d; + } - .xl\:dark\:focus\:border-yellow-600:focus { - border-color: #d97706; - } + .xl\:hover\:bg-yellow-50:hover { + background-color: #fffbeb; + } - .xl\:dark\:focus\:border-yellow-700:focus { - border-color: #b45309; - } + .xl\:hover\:bg-yellow-100:hover { + background-color: #fef3c7; + } - .xl\:dark\:focus\:border-yellow-800:focus { - border-color: #92400e; - } + .xl\:hover\:bg-yellow-200:hover { + background-color: #fde68a; + } - .xl\:dark\:focus\:border-yellow-900:focus { - border-color: #78350f; - } + .xl\:hover\:bg-yellow-300:hover { + background-color: #fcd34d; + } - .xl\:dark\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } + .xl\:hover\:bg-yellow-400:hover { + background-color: #fbbf24; + } - .xl\:dark\:focus\:border-green-100:focus { - border-color: #d1fae5; - } + .xl\:hover\:bg-yellow-500:hover { + background-color: #f59e0b; + } - .xl\:dark\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } + .xl\:hover\:bg-yellow-600:hover { + background-color: #d97706; + } - .xl\:dark\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } + .xl\:hover\:bg-yellow-700:hover { + background-color: #b45309; + } - .xl\:dark\:focus\:border-green-400:focus { - border-color: #34d399; - } + .xl\:hover\:bg-yellow-800:hover { + background-color: #92400e; + } - .xl\:dark\:focus\:border-green-500:focus { - border-color: #10b981; - } + .xl\:hover\:bg-yellow-900:hover { + background-color: #78350f; + } - .xl\:dark\:focus\:border-green-600:focus { - border-color: #059669; - } + .xl\:hover\:bg-green-50:hover { + background-color: #ecfdf5; + } - .xl\:dark\:focus\:border-green-700:focus { - border-color: #047857; - } + .xl\:hover\:bg-green-100:hover { + background-color: #d1fae5; + } - .xl\:dark\:focus\:border-green-800:focus { - border-color: #065f46; - } + .xl\:hover\:bg-green-200:hover { + background-color: #a7f3d0; + } - .xl\:dark\:focus\:border-green-900:focus { - border-color: #064e3b; - } + .xl\:hover\:bg-green-300:hover { + background-color: #6ee7b7; + } - .xl\:dark\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } + .xl\:hover\:bg-green-400:hover { + background-color: #34d399; + } - .xl\:dark\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } + .xl\:hover\:bg-green-500:hover { + background-color: #10b981; + } - .xl\:dark\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } + .xl\:hover\:bg-green-600:hover { + background-color: #059669; + } - .xl\:dark\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } + .xl\:hover\:bg-green-700:hover { + background-color: #047857; + } - .xl\:dark\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } + .xl\:hover\:bg-green-800:hover { + background-color: #065f46; + } - .xl\:dark\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } + .xl\:hover\:bg-green-900:hover { + background-color: #064e3b; + } - .xl\:dark\:focus\:border-blue-600:focus { - border-color: #2563eb; - } + .xl\:hover\:bg-blue-50:hover { + background-color: #eff6ff; + } - .xl\:dark\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } + .xl\:hover\:bg-blue-100:hover { + background-color: #dbeafe; + } - .xl\:dark\:focus\:border-blue-800:focus { - border-color: #1e40af; - } + .xl\:hover\:bg-blue-200:hover { + background-color: #bfdbfe; + } - .xl\:dark\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } + .xl\:hover\:bg-blue-300:hover { + background-color: #93c5fd; + } - .xl\:dark\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } + .xl\:hover\:bg-blue-400:hover { + background-color: #60a5fa; + } - .xl\:dark\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } + .xl\:hover\:bg-blue-500:hover { + background-color: #3b82f6; + } - .xl\:dark\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } + .xl\:hover\:bg-blue-600:hover { + background-color: #2563eb; + } - .xl\:dark\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } + .xl\:hover\:bg-blue-700:hover { + background-color: #1d4ed8; + } - .xl\:dark\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } + .xl\:hover\:bg-blue-800:hover { + background-color: #1e40af; + } - .xl\:dark\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } + .xl\:hover\:bg-blue-900:hover { + background-color: #1e3a8a; + } - .xl\:dark\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } + .xl\:hover\:bg-purple-50:hover { + background-color: #f5f3ff; + } - .xl\:dark\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } + .xl\:hover\:bg-purple-100:hover { + background-color: #ede9fe; + } - .xl\:dark\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } + .xl\:hover\:bg-purple-200:hover { + background-color: #ddd6fe; + } - .xl\:dark\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } + .xl\:hover\:bg-purple-300:hover { + background-color: #c4b5fd; + } - .xl\:dark\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } + .xl\:hover\:bg-purple-400:hover { + background-color: #a78bfa; + } - .xl\:dark\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } + .xl\:hover\:bg-purple-500:hover { + background-color: #8b5cf6; + } - .xl\:dark\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } + .xl\:hover\:bg-purple-600:hover { + background-color: #7c3aed; + } - .xl\:dark\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } + .xl\:hover\:bg-purple-700:hover { + background-color: #6d28d9; + } - .xl\:dark\:focus\:border-pink-400:focus { - border-color: #f472b6; - } + .xl\:hover\:bg-purple-800:hover { + background-color: #5b21b6; + } - .xl\:dark\:focus\:border-pink-500:focus { - border-color: #ec4899; - } + .xl\:hover\:bg-purple-900:hover { + background-color: #4c1d95; + } - .xl\:dark\:focus\:border-pink-600:focus { - border-color: #db2777; - } + .xl\:hover\:bg-pink-50:hover { + background-color: #fdf2f8; + } - .xl\:dark\:focus\:border-pink-700:focus { - border-color: #be185d; - } + .xl\:hover\:bg-pink-100:hover { + background-color: #fce7f3; + } - .xl\:dark\:focus\:border-pink-800:focus { - border-color: #9d174d; - } + .xl\:hover\:bg-pink-200:hover { + background-color: #fbcfe8; + } - .xl\:dark\:focus\:border-pink-900:focus { - border-color: #831843; - } + .xl\:hover\:bg-pink-300:hover { + background-color: #f9a8d4; } - .xl\:rounded-none { - border-radius: 0; + .xl\:hover\:bg-pink-400:hover { + background-color: #f472b6; } - .xl\:rounded-sm { - border-radius: 0.125rem; + .xl\:hover\:bg-pink-500:hover { + background-color: #ec4899; } - .xl\:rounded { - border-radius: 0.25rem; + .xl\:hover\:bg-pink-600:hover { + background-color: #db2777; } - .xl\:rounded-md { - border-radius: 0.375rem; + .xl\:hover\:bg-pink-700:hover { + background-color: #be185d; } - .xl\:rounded-lg { - border-radius: 0.5rem; + .xl\:hover\:bg-pink-800:hover { + background-color: #9d174d; } - .xl\:rounded-xl { - border-radius: 0.75rem; + .xl\:hover\:bg-pink-900:hover { + background-color: #831843; } - .xl\:rounded-2xl { - border-radius: 1rem; + .xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .xl\:rounded-3xl { - border-radius: 1.5rem; + .xl\:focus\:bg-current:focus { + background-color: currentColor; } - .xl\:rounded-full { - border-radius: 9999px; + .xl\:focus\:bg-black:focus { + background-color: #000; } - .xl\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .xl\:focus\:bg-white:focus { + background-color: #fff; } - .xl\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .xl\:focus\:bg-gray-50:focus { + background-color: #fafafa; } - .xl\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .xl\:focus\:bg-gray-100:focus { + background-color: #f4f4f5; } - .xl\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .xl\:focus\:bg-gray-200:focus { + background-color: #e4e4e7; } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .xl\:focus\:bg-gray-300:focus { + background-color: #d4d4d8; } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .xl\:focus\:bg-gray-400:focus { + background-color: #a1a1aa; } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:focus\:bg-gray-500:focus { + background-color: #71717a; } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:focus\:bg-gray-600:focus { + background-color: #52525b; } - .xl\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .xl\:focus\:bg-gray-700:focus { + background-color: #3f3f46; } - .xl\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .xl\:focus\:bg-gray-800:focus { + background-color: #27272a; } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:focus\:bg-gray-900:focus { + background-color: #18181b; } - .xl\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:focus\:bg-red-50:focus { + background-color: #fef2f2; } - .xl\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .xl\:focus\:bg-red-100:focus { + background-color: #fee2e2; } - .xl\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .xl\:focus\:bg-red-200:focus { + background-color: #fecaca; } - .xl\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .xl\:focus\:bg-red-300:focus { + background-color: #fca5a5; } - .xl\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .xl\:focus\:bg-red-400:focus { + background-color: #f87171; } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .xl\:focus\:bg-red-500:focus { + background-color: #ef4444; } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .xl\:focus\:bg-red-600:focus { + background-color: #dc2626; } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:focus\:bg-red-700:focus { + background-color: #b91c1c; } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:focus\:bg-red-800:focus { + background-color: #991b1b; } - .xl\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .xl\:focus\:bg-red-900:focus { + background-color: #7f1d1d; } - .xl\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .xl\:focus\:bg-yellow-50:focus { + background-color: #fffbeb; } - .xl\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .xl\:focus\:bg-yellow-100:focus { + background-color: #fef3c7; } - .xl\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .xl\:focus\:bg-yellow-200:focus { + background-color: #fde68a; } - .xl\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .xl\:focus\:bg-yellow-300:focus { + background-color: #fcd34d; } - .xl\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .xl\:focus\:bg-yellow-400:focus { + background-color: #fbbf24; } - .xl\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .xl\:focus\:bg-yellow-500:focus { + background-color: #f59e0b; } - .xl\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .xl\:focus\:bg-yellow-600:focus { + background-color: #d97706; } - .xl\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .xl\:focus\:bg-yellow-700:focus { + background-color: #b45309; } - .xl\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .xl\:focus\:bg-yellow-800:focus { + background-color: #92400e; } - .xl\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .xl\:focus\:bg-yellow-900:focus { + background-color: #78350f; } - .xl\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .xl\:focus\:bg-green-50:focus { + background-color: #ecfdf5; + } + + .xl\:focus\:bg-green-100:focus { + background-color: #d1fae5; } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .xl\:focus\:bg-green-200:focus { + background-color: #a7f3d0; } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .xl\:focus\:bg-green-300:focus { + background-color: #6ee7b7; } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:focus\:bg-green-400:focus { + background-color: #34d399; } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:focus\:bg-green-500:focus { + background-color: #10b981; } - .xl\:rounded-tl-none { - border-top-left-radius: 0; + .xl\:focus\:bg-green-600:focus { + background-color: #059669; } - .xl\:rounded-tr-none { - border-top-right-radius: 0; + .xl\:focus\:bg-green-700:focus { + background-color: #047857; } - .xl\:rounded-br-none { - border-bottom-right-radius: 0; + .xl\:focus\:bg-green-800:focus { + background-color: #065f46; } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; + .xl\:focus\:bg-green-900:focus { + background-color: #064e3b; } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .xl\:focus\:bg-blue-50:focus { + background-color: #eff6ff; } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .xl\:focus\:bg-blue-100:focus { + background-color: #dbeafe; } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .xl\:focus\:bg-blue-200:focus { + background-color: #bfdbfe; } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .xl\:focus\:bg-blue-300:focus { + background-color: #93c5fd; } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem; + .xl\:focus\:bg-blue-400:focus { + background-color: #60a5fa; } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem; + .xl\:focus\:bg-blue-500:focus { + background-color: #3b82f6; } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem; + .xl\:focus\:bg-blue-600:focus { + background-color: #2563eb; } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .xl\:focus\:bg-blue-700:focus { + background-color: #1d4ed8; } - .xl\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .xl\:focus\:bg-blue-800:focus { + background-color: #1e40af; } - .xl\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .xl\:focus\:bg-blue-900:focus { + background-color: #1e3a8a; } - .xl\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .xl\:focus\:bg-purple-50:focus { + background-color: #f5f3ff; } - .xl\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .xl\:focus\:bg-purple-100:focus { + background-color: #ede9fe; } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .xl\:focus\:bg-purple-200:focus { + background-color: #ddd6fe; } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .xl\:focus\:bg-purple-300:focus { + background-color: #c4b5fd; } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .xl\:focus\:bg-purple-400:focus { + background-color: #a78bfa; } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .xl\:focus\:bg-purple-500:focus { + background-color: #8b5cf6; } - .xl\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .xl\:focus\:bg-purple-600:focus { + background-color: #7c3aed; } - .xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .xl\:focus\:bg-purple-700:focus { + background-color: #6d28d9; } - .xl\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .xl\:focus\:bg-purple-800:focus { + background-color: #5b21b6; } - .xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .xl\:focus\:bg-purple-900:focus { + background-color: #4c1d95; } - .xl\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .xl\:focus\:bg-pink-50:focus { + background-color: #fdf2f8; } - .xl\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .xl\:focus\:bg-pink-100:focus { + background-color: #fce7f3; } - .xl\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .xl\:focus\:bg-pink-200:focus { + background-color: #fbcfe8; } - .xl\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .xl\:focus\:bg-pink-300:focus { + background-color: #f9a8d4; } - .xl\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .xl\:focus\:bg-pink-400:focus { + background-color: #f472b6; } - .xl\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .xl\:focus\:bg-pink-500:focus { + background-color: #ec4899; } - .xl\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .xl\:focus\:bg-pink-600:focus { + background-color: #db2777; } - .xl\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .xl\:focus\:bg-pink-700:focus { + background-color: #be185d; } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:focus\:bg-pink-800:focus { + background-color: #9d174d; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:focus\:bg-pink-900:focus { + background-color: #831843; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:bg-none { + background-image: none; } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .xl\:border-solid { - border-style: solid; + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .xl\:border-dashed { - border-style: dashed; + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .xl\:border-dotted { - border-style: dotted; + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .xl\:border-double { - border-style: double; + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .xl\:border-none { - border-style: none; + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .xl\:border-0 { - border-width: 0; + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .xl\:border-2 { - border-width: 2px; + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .xl\:border-4 { - border-width: 4px; + .xl\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:border-8 { - border-width: 8px; + .xl\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:border { - border-width: 1px; + .xl\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:border-t-0 { - border-top-width: 0; + .xl\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:border-r-0 { - border-right-width: 0; + .xl\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:border-b-0 { - border-bottom-width: 0; + .xl\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:border-l-0 { - border-left-width: 0; + .xl\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:border-t-2 { - border-top-width: 2px; + .xl\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:border-r-2 { - border-right-width: 2px; + .xl\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:border-b-2 { - border-bottom-width: 2px; + .xl\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:border-t { - border-top-width: 1px; + .xl\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:border-r { - border-right-width: 1px; + .xl\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:border-l { - border-left-width: 1px; + .xl\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:box-border { - box-sizing: border-box; + .xl\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:box-content { - box-sizing: content-box; + .xl\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:cursor-auto { - cursor: auto; + .xl\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:cursor-default { - cursor: default; + .xl\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:cursor-wait { - cursor: wait; + .xl\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:cursor-text { - cursor: text; + .xl\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:cursor-move { - cursor: move; + .xl\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:block { - display: block; + .xl\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:inline-block { - display: inline-block; + .xl\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:inline { - display: inline; + .xl\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:flex { - display: flex; + .xl\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:inline-flex { - display: inline-flex; + .xl\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:table { - display: table; + .xl\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:table-caption { - display: table-caption; + .xl\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:table-cell { - display: table-cell; + .xl\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:table-column { - display: table-column; + .xl\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:table-column-group { - display: table-column-group; + .xl\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:table-footer-group { - display: table-footer-group; + .xl\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:table-header-group { - display: table-header-group; + .xl\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:table-row-group { - display: table-row-group; + .xl\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:table-row { - display: table-row; + .xl\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:flow-root { - display: flow-root; + .xl\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:grid { - display: grid; + .xl\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:inline-grid { - display: inline-grid; + .xl\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:contents { - display: contents; + .xl\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:hidden { - display: none; + .xl\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:flex-row { - flex-direction: row; + .xl\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:flex-col { - flex-direction: column; + .xl\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:flex-no-wrap { - flex-wrap: nowrap; + .xl\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:place-items-auto { - place-items: auto; + .xl\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:place-items-start { - place-items: start; + .xl\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:place-items-end { - place-items: end; + .xl\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:place-items-center { - place-items: center; + .xl\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:place-items-stretch { - place-items: stretch; + .xl\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:place-content-center { - place-content: center; + .xl\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:place-content-start { - place-content: start; + .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\:place-content-end { - place-content: end; + .xl\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:place-content-between { - place-content: space-between; + .xl\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:place-content-around { - place-content: space-around; + .xl\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:place-content-evenly { - place-content: space-evenly; + .xl\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:place-content-stretch { - place-content: stretch; + .xl\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:place-self-auto { - place-self: auto; + .xl\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:place-self-start { - place-self: start; + .xl\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:place-self-end { - place-self: end; + .xl\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:place-self-center { - place-self: center; + .xl\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:place-self-stretch { - place-self: stretch; + .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\:items-start { - align-items: flex-start; + .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\:items-end { - align-items: flex-end; + .xl\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:items-center { - align-items: center; + .xl\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:items-baseline { - align-items: baseline; + .xl\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:items-stretch { - align-items: stretch; + .xl\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:content-center { - align-content: center; + .xl\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:content-start { - align-content: flex-start; + .xl\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:content-end { - align-content: flex-end; + .xl\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:content-between { - align-content: space-between; + .xl\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:content-around { - align-content: space-around; + .xl\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:content-evenly { - align-content: space-evenly; + .xl\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:self-auto { - align-self: auto; + .xl\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:self-start { - align-self: flex-start; + .xl\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:self-end { - align-self: flex-end; + .xl\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:self-center { - align-self: center; + .xl\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:self-stretch { - align-self: stretch; + .xl\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:justify-items-auto { - justify-items: auto; + .xl\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:justify-items-start { - justify-items: start; + .xl\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:justify-items-end { - justify-items: end; + .xl\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:justify-items-center { - justify-items: center; + .xl\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:justify-items-stretch { - justify-items: stretch; + .xl\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:justify-start { - justify-content: flex-start; + .xl\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:justify-end { - justify-content: flex-end; + .xl\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:justify-center { - justify-content: center; + .xl\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:justify-between { - justify-content: space-between; + .xl\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:justify-around { - justify-content: space-around; + .xl\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:justify-evenly { - justify-content: space-evenly; + .xl\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:justify-self-auto { - justify-self: auto; + .xl\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:justify-self-start { - justify-self: start; + .xl\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:justify-self-end { - justify-self: end; + .xl\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:justify-self-center { - justify-self: center; + .xl\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:justify-self-stretch { - justify-self: stretch; + .xl\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:flex-1 { - flex: 1 1 0%; + .xl\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:flex-auto { - flex: 1 1 auto; + .xl\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:flex-initial { - flex: 0 1 auto; + .xl\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:flex-none { - flex: none; + .xl\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:flex-grow-0 { - flex-grow: 0; + .xl\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:flex-grow { - flex-grow: 1; + .xl\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:flex-shrink-0 { - flex-shrink: 0; + .xl\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:order-1 { - order: 1; + .xl\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:order-2 { - order: 2; + .xl\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:order-3 { - order: 3; + .xl\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:order-4 { - order: 4; + .xl\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:order-5 { - order: 5; + .xl\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:order-6 { - order: 6; + .xl\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:order-7 { - order: 7; + .xl\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:order-8 { - order: 8; + .xl\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:order-9 { - order: 9; + .xl\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:order-10 { - order: 10; + .xl\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:order-11 { - order: 11; + .xl\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:order-12 { - order: 12; + .xl\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:order-first { - order: -9999; + .xl\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:order-last { - order: 9999; + .xl\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:order-none { - order: 0; + .xl\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:float-right { - float: right; + .xl\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:float-left { - float: left; + .xl\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:float-none { - float: none; + .xl\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:clearfix:after { - content: ""; - display: table; - clear: both; + .xl\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:clear-left { - clear: left; + .xl\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:clear-right { - clear: right; + .xl\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:clear-both { - clear: both; + .xl\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:clear-none { - clear: none; + .xl\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:font-sans { - font-family: ui-sans-serif, 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"; + .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\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .xl\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .xl\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:font-thin { - font-weight: 100; + .xl\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:font-extralight { - font-weight: 200; + .xl\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:font-light { - font-weight: 300; + .xl\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:font-normal { - font-weight: 400; + .xl\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:font-medium { - font-weight: 500; + .xl\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:font-semibold { - font-weight: 600; + .xl\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:font-bold { - font-weight: 700; + .xl\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:font-extrabold { - font-weight: 800; + .xl\:to-transparent { + --gradient-to-color: transparent; } - .xl\:font-black { - font-weight: 900; + .xl\:to-current { + --gradient-to-color: currentColor; } - .xl\:hover\:font-thin:hover { - font-weight: 100; + .xl\:to-black { + --gradient-to-color: #000; } - .xl\:hover\:font-extralight:hover { - font-weight: 200; + .xl\:to-white { + --gradient-to-color: #fff; } - .xl\:hover\:font-light:hover { - font-weight: 300; + .xl\:to-gray-50 { + --gradient-to-color: #fafafa; } - .xl\:hover\:font-normal:hover { - font-weight: 400; + .xl\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .xl\:hover\:font-medium:hover { - font-weight: 500; + .xl\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .xl\:hover\:font-semibold:hover { - font-weight: 600; + .xl\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .xl\:hover\:font-bold:hover { - font-weight: 700; + .xl\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .xl\:hover\:font-extrabold:hover { - font-weight: 800; + .xl\:to-gray-500 { + --gradient-to-color: #71717a; } - .xl\:hover\:font-black:hover { - font-weight: 900; + .xl\:to-gray-600 { + --gradient-to-color: #52525b; } - .xl\:focus\:font-thin:focus { - font-weight: 100; + .xl\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .xl\:focus\:font-extralight:focus { - font-weight: 200; + .xl\:to-gray-800 { + --gradient-to-color: #27272a; } - .xl\:focus\:font-light:focus { - font-weight: 300; + .xl\:to-gray-900 { + --gradient-to-color: #18181b; } - .xl\:focus\:font-normal:focus { - font-weight: 400; + .xl\:to-red-50 { + --gradient-to-color: #fef2f2; } - .xl\:focus\:font-medium:focus { - font-weight: 500; + .xl\:to-red-100 { + --gradient-to-color: #fee2e2; } - .xl\:focus\:font-semibold:focus { - font-weight: 600; + .xl\:to-red-200 { + --gradient-to-color: #fecaca; } - .xl\:focus\:font-bold:focus { - font-weight: 700; + .xl\:to-red-300 { + --gradient-to-color: #fca5a5; } - .xl\:focus\:font-extrabold:focus { - font-weight: 800; + .xl\:to-red-400 { + --gradient-to-color: #f87171; } - .xl\:focus\:font-black:focus { - font-weight: 900; + .xl\:to-red-500 { + --gradient-to-color: #ef4444; } - .xl\:h-0 { - height: 0; + .xl\:to-red-600 { + --gradient-to-color: #dc2626; } - .xl\:h-1 { - height: 0.25rem; + .xl\:to-red-700 { + --gradient-to-color: #b91c1c; } - .xl\:h-2 { - height: 0.5rem; + .xl\:to-red-800 { + --gradient-to-color: #991b1b; } - .xl\:h-3 { - height: 0.75rem; + .xl\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .xl\:h-4 { - height: 1rem; + .xl\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .xl\:h-5 { - height: 1.25rem; + .xl\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .xl\:h-6 { - height: 1.5rem; + .xl\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .xl\:h-7 { - height: 1.75rem; + .xl\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .xl\:h-8 { - height: 2rem; + .xl\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .xl\:h-9 { - height: 2.25rem; + .xl\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .xl\:h-10 { - height: 2.5rem; + .xl\:to-yellow-600 { + --gradient-to-color: #d97706; } - .xl\:h-12 { - height: 3rem; + .xl\:to-yellow-700 { + --gradient-to-color: #b45309; } - .xl\:h-14 { - height: 3.5rem; + .xl\:to-yellow-800 { + --gradient-to-color: #92400e; } - .xl\:h-16 { - height: 4rem; + .xl\:to-yellow-900 { + --gradient-to-color: #78350f; } - .xl\:h-20 { - height: 5rem; + .xl\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .xl\:h-24 { - height: 6rem; + .xl\:to-green-100 { + --gradient-to-color: #d1fae5; } - .xl\:h-28 { - height: 7rem; + .xl\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .xl\:h-32 { - height: 8rem; + .xl\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .xl\:h-36 { - height: 9rem; + .xl\:to-green-400 { + --gradient-to-color: #34d399; } - .xl\:h-40 { - height: 10rem; + .xl\:to-green-500 { + --gradient-to-color: #10b981; } - .xl\:h-44 { - height: 11rem; + .xl\:to-green-600 { + --gradient-to-color: #059669; } - .xl\:h-48 { - height: 12rem; + .xl\:to-green-700 { + --gradient-to-color: #047857; } - .xl\:h-52 { - height: 13rem; + .xl\:to-green-800 { + --gradient-to-color: #065f46; } - .xl\:h-56 { - height: 14rem; + .xl\:to-green-900 { + --gradient-to-color: #064e3b; } - .xl\:h-60 { - height: 15rem; + .xl\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .xl\:h-64 { - height: 16rem; + .xl\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .xl\:h-72 { - height: 18rem; + .xl\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .xl\:h-80 { - height: 20rem; + .xl\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .xl\:h-96 { - height: 24rem; + .xl\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .xl\:h-auto { - height: auto; + .xl\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .xl\:h-px { - height: 1px; + .xl\:to-blue-600 { + --gradient-to-color: #2563eb; } - .xl\:h-0\.5 { - height: 0.125rem; + .xl\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .xl\:h-1\.5 { - height: 0.375rem; + .xl\:to-blue-800 { + --gradient-to-color: #1e40af; } - .xl\:h-2\.5 { - height: 0.625rem; + .xl\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .xl\:h-3\.5 { - height: 0.875rem; + .xl\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .xl\:h-full { - height: 100%; + .xl\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .xl\:h-screen { - height: 100vh; + .xl\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .xl\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .xl\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .xl\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .xl\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .xl\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .xl\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .xl\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .xl\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .xl\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .xl\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .xl\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .xl\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .xl\:text-5xl { - font-size: 3rem; - line-height: 1; + .xl\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .xl\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .xl\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .xl\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .xl\:text-8xl { - font-size: 6rem; - line-height: 1; + .xl\:to-pink-400 { + --gradient-to-color: #f472b6; } - .xl\:text-9xl { - font-size: 8rem; - line-height: 1; + .xl\:to-pink-500 { + --gradient-to-color: #ec4899; } - .xl\:leading-3 { - line-height: .75rem; + .xl\:to-pink-600 { + --gradient-to-color: #db2777; } - .xl\:leading-4 { - line-height: 1rem; + .xl\:to-pink-700 { + --gradient-to-color: #be185d; } - .xl\:leading-5 { - line-height: 1.25rem; + .xl\:to-pink-800 { + --gradient-to-color: #9d174d; } - .xl\:leading-6 { - line-height: 1.5rem; + .xl\:to-pink-900 { + --gradient-to-color: #831843; } - .xl\:leading-7 { - line-height: 1.75rem; + .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\:leading-8 { - line-height: 2rem; + .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\:leading-9 { - line-height: 2.25rem; + .xl\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:leading-10 { - line-height: 2.5rem; + .xl\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:leading-none { - line-height: 1; + .xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:leading-tight { - line-height: 1.25; + .xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:leading-snug { - line-height: 1.375; + .xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:leading-normal { - line-height: 1.5; + .xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:leading-relaxed { - line-height: 1.625; + .xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:leading-loose { - line-height: 2; + .xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:list-inside { - list-style-position: inside; + .xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:list-outside { - list-style-position: outside; + .xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:list-none { - list-style-type: none; + .xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:list-disc { - list-style-type: disc; + .xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:list-decimal { - list-style-type: decimal; + .xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:m-0 { - margin: 0; + .xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:m-1 { - margin: 0.25rem; + .xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:m-2 { - margin: 0.5rem; + .xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:m-3 { - margin: 0.75rem; + .xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:m-4 { - margin: 1rem; + .xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:m-5 { - margin: 1.25rem; + .xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:m-6 { - margin: 1.5rem; + .xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:m-7 { - margin: 1.75rem; + .xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:m-8 { - margin: 2rem; + .xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:m-9 { - margin: 2.25rem; + .xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:m-10 { - margin: 2.5rem; + .xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:m-12 { - margin: 3rem; + .xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:m-14 { - margin: 3.5rem; + .xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:m-16 { - margin: 4rem; + .xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:m-20 { - margin: 5rem; + .xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:m-24 { - margin: 6rem; + .xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:m-28 { - margin: 7rem; + .xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:m-32 { - margin: 8rem; + .xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:m-36 { - margin: 9rem; + .xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:m-40 { - margin: 10rem; + .xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:m-44 { - margin: 11rem; + .xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:m-48 { - margin: 12rem; + .xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:m-52 { - margin: 13rem; + .xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:m-56 { - margin: 14rem; + .xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:m-60 { - margin: 15rem; + .xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:m-64 { - margin: 16rem; + .xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:m-72 { - margin: 18rem; + .xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:m-80 { - margin: 20rem; + .xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:m-96 { - margin: 24rem; + .xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:m-auto { - margin: auto; + .xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:m-px { - margin: 1px; + .xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:m-0\.5 { - margin: 0.125rem; + .xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:m-1\.5 { - margin: 0.375rem; + .xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:m-2\.5 { - margin: 0.625rem; + .xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:m-3\.5 { - margin: 0.875rem; + .xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-m-4 { - margin: -1rem; + .xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-m-5 { - margin: -1.25rem; + .xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-m-7 { - margin: -1.75rem; + .xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-m-8 { - margin: -2rem; + .xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-m-9 { - margin: -2.25rem; + .xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-m-10 { - margin: -2.5rem; + .xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-m-12 { - margin: -3rem; + .xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-m-14 { - margin: -3.5rem; + .xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-m-16 { - margin: -4rem; + .xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-m-20 { - margin: -5rem; + .xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-m-24 { - margin: -6rem; + .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\:-m-28 { - margin: -7rem; + .xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-m-32 { - margin: -8rem; + .xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-m-36 { - margin: -9rem; + .xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-m-40 { - margin: -10rem; + .xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-m-44 { - margin: -11rem; + .xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-m-48 { - margin: -12rem; + .xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-m-52 { - margin: -13rem; + .xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-m-56 { - margin: -14rem; + .xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:-m-60 { - margin: -15rem; + .xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:-m-64 { - margin: -16rem; + .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\:-m-72 { - margin: -18rem; + .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\:-m-80 { - margin: -20rem; + .xl\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-m-96 { - margin: -24rem; + .xl\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-m-px { - margin: -1px; + .xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:-m-0\.5 { - margin: -0.125rem; + .xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:-m-1\.5 { - margin: -0.375rem; + .xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-m-2\.5 { - margin: -0.625rem; + .xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-m-3\.5 { - margin: -0.875rem; + .xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .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\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .xl\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .xl\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .xl\:hover\:to-black:hover { + --gradient-to-color: #000; } - .xl\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .xl\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .xl\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .xl\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .xl\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .xl\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .xl\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .xl\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .xl\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .xl\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .xl\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .xl\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .xl\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .xl\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .xl\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .xl\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .xl\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .xl\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .xl\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .xl\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .xl\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .xl\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .xl\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .xl\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .xl\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .xl\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .xl\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .xl\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .xl\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .xl\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .xl\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .xl\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .xl\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .xl\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .xl\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .xl\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .xl\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .xl\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .xl\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .xl\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .xl\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .xl\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .xl\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .xl\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .xl\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .xl\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .xl\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .xl\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .xl\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .xl\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .xl\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .xl\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .xl\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .xl\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .xl\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .xl\:mt-0 { - margin-top: 0; + .xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .xl\:mr-0 { - margin-right: 0; + .xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .xl\:mb-0 { - margin-bottom: 0; + .xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .xl\:ml-0 { - margin-left: 0; + .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\:mt-1 { - margin-top: 0.25rem; + .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\:mr-1 { - margin-right: 0.25rem; + .xl\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:mb-1 { - margin-bottom: 0.25rem; + .xl\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:ml-1 { - margin-left: 0.25rem; + .xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:mt-2 { - margin-top: 0.5rem; + .xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:mr-2 { - margin-right: 0.5rem; + .xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:mb-2 { - margin-bottom: 0.5rem; + .xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:ml-2 { - margin-left: 0.5rem; + .xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:mt-3 { - margin-top: 0.75rem; + .xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:mr-3 { - margin-right: 0.75rem; + .xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:mb-3 { - margin-bottom: 0.75rem; + .xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:ml-3 { - margin-left: 0.75rem; + .xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:mt-5 { - margin-top: 1.25rem; + .xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:mr-5 { - margin-right: 1.25rem; + .xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:mb-5 { - margin-bottom: 1.25rem; + .xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:ml-5 { - margin-left: 1.25rem; + .xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:mt-7 { - margin-top: 1.75rem; + .xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:mr-7 { - margin-right: 1.75rem; + .xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:mb-7 { - margin-bottom: 1.75rem; + .xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:ml-7 { - margin-left: 1.75rem; + .xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:mt-9 { - margin-top: 2.25rem; + .xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:mr-9 { - margin-right: 2.25rem; + .xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:mb-9 { - margin-bottom: 2.25rem; + .xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:ml-9 { - margin-left: 2.25rem; + .xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:mt-10 { - margin-top: 2.5rem; + .xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:mr-10 { - margin-right: 2.5rem; + .xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:mb-10 { - margin-bottom: 2.5rem; + .xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:ml-10 { - margin-left: 2.5rem; + .xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:mt-12 { - margin-top: 3rem; + .xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:mr-12 { - margin-right: 3rem; + .xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:mb-12 { - margin-bottom: 3rem; + .xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:ml-12 { - margin-left: 3rem; + .xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:mt-14 { - margin-top: 3.5rem; + .xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:mr-14 { - margin-right: 3.5rem; + .xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:mb-14 { - margin-bottom: 3.5rem; + .xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:ml-14 { - margin-left: 3.5rem; + .xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:mt-16 { - margin-top: 4rem; + .xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:mr-16 { - margin-right: 4rem; + .xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:mb-16 { - margin-bottom: 4rem; + .xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:ml-16 { - margin-left: 4rem; + .xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:mt-20 { - margin-top: 5rem; + .xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:mr-20 { - margin-right: 5rem; + .xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:mb-20 { - margin-bottom: 5rem; + .xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:ml-20 { - margin-left: 5rem; + .xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:mt-24 { - margin-top: 6rem; + .xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:mr-24 { - margin-right: 6rem; + .xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:mb-24 { - margin-bottom: 6rem; + .xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:ml-24 { - margin-left: 6rem; + .xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:mt-28 { - margin-top: 7rem; + .xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:mr-28 { - margin-right: 7rem; + .xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:mb-28 { - margin-bottom: 7rem; + .xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:ml-28 { - margin-left: 7rem; + .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\:mt-32 { - margin-top: 8rem; + .xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:mr-32 { - margin-right: 8rem; + .xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:mb-32 { - margin-bottom: 8rem; + .xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:ml-32 { - margin-left: 8rem; + .xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:mt-36 { - margin-top: 9rem; + .xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:mr-36 { - margin-right: 9rem; + .xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:mb-36 { - margin-bottom: 9rem; + .xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:ml-36 { - margin-left: 9rem; + .xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:mt-40 { - margin-top: 10rem; + .xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:mr-40 { - margin-right: 10rem; + .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\:mb-40 { - margin-bottom: 10rem; + .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\:ml-40 { - margin-left: 10rem; + .xl\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:mt-44 { - margin-top: 11rem; + .xl\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:mr-44 { - margin-right: 11rem; + .xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:mb-44 { - margin-bottom: 11rem; + .xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:ml-44 { - margin-left: 11rem; + .xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:mt-48 { - margin-top: 12rem; + .xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:mr-48 { - margin-right: 12rem; + .xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:mb-48 { - margin-bottom: 12rem; + .xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:ml-48 { - margin-left: 12rem; + .xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:mt-52 { - margin-top: 13rem; + .xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:mr-52 { - margin-right: 13rem; + .xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:mb-52 { - margin-bottom: 13rem; + .xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:ml-52 { - margin-left: 13rem; + .xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:mt-56 { - margin-top: 14rem; + .xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:mr-56 { - margin-right: 14rem; + .xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:mb-56 { - margin-bottom: 14rem; + .xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:ml-56 { - margin-left: 14rem; + .xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:mt-60 { - margin-top: 15rem; + .xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:mr-60 { - margin-right: 15rem; + .xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:mb-60 { - margin-bottom: 15rem; + .xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:ml-60 { - margin-left: 15rem; + .xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:mt-64 { - margin-top: 16rem; + .xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:mr-64 { - margin-right: 16rem; + .xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:mb-64 { - margin-bottom: 16rem; + .xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:ml-64 { - margin-left: 16rem; + .xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:mt-72 { - margin-top: 18rem; + .xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:mr-72 { - margin-right: 18rem; + .xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:mb-72 { - margin-bottom: 18rem; + .xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:ml-72 { - margin-left: 18rem; + .xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:mt-80 { - margin-top: 20rem; + .xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:mr-80 { - margin-right: 20rem; + .xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:mb-80 { - margin-bottom: 20rem; + .xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:ml-80 { - margin-left: 20rem; + .xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:mt-96 { - margin-top: 24rem; + .xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:mr-96 { - margin-right: 24rem; + .xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:mb-96 { - margin-bottom: 24rem; + .xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:ml-96 { - margin-left: 24rem; + .xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:mt-auto { - margin-top: auto; + .xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:mr-auto { - margin-right: auto; + .xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:ml-auto { - margin-left: auto; + .xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:mt-px { - margin-top: 1px; + .xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:mr-px { - margin-right: 1px; + .xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:ml-px { - margin-left: 1px; + .xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:mt-0\.5 { - margin-top: 0.125rem; + .xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:mr-0\.5 { - margin-right: 0.125rem; + .xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:mb-0\.5 { - margin-bottom: 0.125rem; + .xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:ml-0\.5 { - margin-left: 0.125rem; + .xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:mt-1\.5 { - margin-top: 0.375rem; + .xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:mr-1\.5 { - margin-right: 0.375rem; + .xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:mb-1\.5 { - margin-bottom: 0.375rem; + .xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:ml-1\.5 { - margin-left: 0.375rem; + .xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:mt-2\.5 { - margin-top: 0.625rem; + .xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:mr-2\.5 { - margin-right: 0.625rem; + .xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:mb-2\.5 { - margin-bottom: 0.625rem; + .xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:ml-2\.5 { - margin-left: 0.625rem; + .xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:mt-3\.5 { - margin-top: 0.875rem; + .xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:mr-3\.5 { - margin-right: 0.875rem; + .xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:mb-3\.5 { - margin-bottom: 0.875rem; + .xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:ml-3\.5 { - margin-left: 0.875rem; + .xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-mr-1 { - margin-right: -0.25rem; + .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\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-mr-3 { - margin-right: -0.75rem; + .xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:-mb-3 { - margin-bottom: -0.75rem; + .xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:-ml-3 { - margin-left: -0.75rem; + .xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:focus\:to-black:focus { + --gradient-to-color: #000; } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:focus\:to-white:focus { + --gradient-to-color: #fff; } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; } - .xl\:-mt-5 { - margin-top: -1.25rem; + .xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; } - .xl\:-mr-5 { - margin-right: -1.25rem; + .xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; } - .xl\:-mb-5 { - margin-bottom: -1.25rem; + .xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; } - .xl\:-ml-5 { - margin-left: -1.25rem; + .xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; } - .xl\:-mt-7 { - margin-top: -1.75rem; + .xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; } - .xl\:-mr-7 { - margin-right: -1.75rem; + .xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; } - .xl\:-mb-7 { - margin-bottom: -1.75rem; + .xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; } - .xl\:-ml-7 { - margin-left: -1.75rem; + .xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; } - .xl\:-mt-9 { - margin-top: -2.25rem; + .xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; } - .xl\:-mr-9 { - margin-right: -2.25rem; + .xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; } - .xl\:-mb-9 { - margin-bottom: -2.25rem; + .xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; } - .xl\:-ml-9 { - margin-left: -2.25rem; + .xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; } - .xl\:-mt-10 { - margin-top: -2.5rem; + .xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; } - .xl\:-mr-10 { - margin-right: -2.5rem; + .xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; } - .xl\:-mb-10 { - margin-bottom: -2.5rem; + .xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; } - .xl\:-ml-10 { - margin-left: -2.5rem; + .xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; } - .xl\:-mt-12 { - margin-top: -3rem; + .xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; } - .xl\:-mr-12 { - margin-right: -3rem; + .xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; } - .xl\:-mb-12 { - margin-bottom: -3rem; + .xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; } - .xl\:-ml-12 { - margin-left: -3rem; + .xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; } - .xl\:-mt-14 { - margin-top: -3.5rem; + .xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; } - .xl\:-mr-14 { - margin-right: -3.5rem; + .xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; } - .xl\:-mb-14 { - margin-bottom: -3.5rem; + .xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .xl\:-ml-14 { - margin-left: -3.5rem; + .xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .xl\:-mt-16 { - margin-top: -4rem; + .xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .xl\:-mr-16 { - margin-right: -4rem; + .xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .xl\:-mb-16 { - margin-bottom: -4rem; + .xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .xl\:-ml-16 { - margin-left: -4rem; + .xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .xl\:-mt-20 { - margin-top: -5rem; + .xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .xl\:-mr-20 { - margin-right: -5rem; + .xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .xl\:-mb-20 { - margin-bottom: -5rem; + .xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .xl\:-ml-20 { - margin-left: -5rem; + .xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .xl\:-mt-24 { - margin-top: -6rem; + .xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .xl\:-mr-24 { - margin-right: -6rem; + .xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .xl\:-mb-24 { - margin-bottom: -6rem; + .xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .xl\:-ml-24 { - margin-left: -6rem; + .xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .xl\:-mt-28 { - margin-top: -7rem; + .xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .xl\:-mr-28 { - margin-right: -7rem; + .xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .xl\:-mb-28 { - margin-bottom: -7rem; + .xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .xl\:-ml-28 { - margin-left: -7rem; + .xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .xl\:-mt-32 { - margin-top: -8rem; + .xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .xl\:-mr-32 { - margin-right: -8rem; + .xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .xl\:-mb-32 { - margin-bottom: -8rem; + .xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .xl\:-ml-32 { - margin-left: -8rem; + .xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .xl\:-mt-36 { - margin-top: -9rem; + .xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .xl\:-mr-36 { - margin-right: -9rem; + .xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .xl\:-mb-36 { - margin-bottom: -9rem; + .xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .xl\:-ml-36 { - margin-left: -9rem; + .xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .xl\:-mt-40 { - margin-top: -10rem; + .xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .xl\:-mr-40 { - margin-right: -10rem; + .xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .xl\:-mb-40 { - margin-bottom: -10rem; + .xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .xl\:-ml-40 { - margin-left: -10rem; + .xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .xl\:-mt-44 { - margin-top: -11rem; + .xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .xl\:-mr-44 { - margin-right: -11rem; + .xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .xl\:-mb-44 { - margin-bottom: -11rem; + .xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .xl\:-ml-44 { - margin-left: -11rem; + .xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .xl\:-mt-48 { - margin-top: -12rem; + .xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .xl\:-mr-48 { - margin-right: -12rem; + .xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .xl\:-mb-48 { - margin-bottom: -12rem; + .xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .xl\:-ml-48 { - margin-left: -12rem; + .xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .xl\:-mt-52 { - margin-top: -13rem; + .xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .xl\:-mr-52 { - margin-right: -13rem; + .xl\:bg-bottom { + background-position: bottom; } - .xl\:-mb-52 { - margin-bottom: -13rem; + .xl\:bg-center { + background-position: center; } - .xl\:-ml-52 { - margin-left: -13rem; + .xl\:bg-left { + background-position: left; } - .xl\:-mt-56 { - margin-top: -14rem; + .xl\:bg-left-bottom { + background-position: left bottom; } - .xl\:-mr-56 { - margin-right: -14rem; + .xl\:bg-left-top { + background-position: left top; } - .xl\:-mb-56 { - margin-bottom: -14rem; + .xl\:bg-right { + background-position: right; } - .xl\:-ml-56 { - margin-left: -14rem; + .xl\:bg-right-bottom { + background-position: right bottom; } - .xl\:-mt-60 { - margin-top: -15rem; + .xl\:bg-right-top { + background-position: right top; } - .xl\:-mr-60 { - margin-right: -15rem; + .xl\:bg-top { + background-position: top; } - .xl\:-mb-60 { - margin-bottom: -15rem; + .xl\:bg-repeat { + background-repeat: repeat; } - .xl\:-ml-60 { - margin-left: -15rem; + .xl\:bg-no-repeat { + background-repeat: no-repeat; } - .xl\:-mt-64 { - margin-top: -16rem; + .xl\:bg-repeat-x { + background-repeat: repeat-x; } - .xl\:-mr-64 { - margin-right: -16rem; + .xl\:bg-repeat-y { + background-repeat: repeat-y; } - .xl\:-mb-64 { - margin-bottom: -16rem; + .xl\:bg-repeat-round { + background-repeat: round; } - .xl\:-ml-64 { - margin-left: -16rem; + .xl\:bg-repeat-space { + background-repeat: space; } - .xl\:-mt-72 { - margin-top: -18rem; + .xl\:bg-auto { + background-size: auto; } - .xl\:-mr-72 { - margin-right: -18rem; + .xl\:bg-cover { + background-size: cover; } - .xl\:-mb-72 { - margin-bottom: -18rem; + .xl\:bg-contain { + background-size: contain; } - .xl\:-ml-72 { - margin-left: -18rem; + .xl\:border-collapse { + border-collapse: collapse; } - .xl\:-mt-80 { - margin-top: -20rem; + .xl\:border-separate { + border-collapse: separate; } - .xl\:-mr-80 { - margin-right: -20rem; + .xl\:border-transparent { + border-color: transparent; } - .xl\:-mb-80 { - margin-bottom: -20rem; + .xl\:border-current { + border-color: currentColor; } - .xl\:-ml-80 { - margin-left: -20rem; + .xl\:border-black { + border-color: #000; } - .xl\:-mt-96 { - margin-top: -24rem; + .xl\:border-white { + border-color: #fff; } - .xl\:-mr-96 { - margin-right: -24rem; + .xl\:border-gray-50 { + border-color: #fafafa; } - .xl\:-mb-96 { - margin-bottom: -24rem; + .xl\:border-gray-100 { + border-color: #f4f4f5; } - .xl\:-ml-96 { - margin-left: -24rem; + .xl\:border-gray-200 { + border-color: #e4e4e7; } - .xl\:-mt-px { - margin-top: -1px; + .xl\:border-gray-300 { + border-color: #d4d4d8; } - .xl\:-mr-px { - margin-right: -1px; + .xl\:border-gray-400 { + border-color: #a1a1aa; } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:border-gray-500 { + border-color: #71717a; } - .xl\:-ml-px { - margin-left: -1px; + .xl\:border-gray-600 { + border-color: #52525b; } - .xl\:-mt-0\.5 { - margin-top: -0.125rem; + .xl\:border-gray-700 { + border-color: #3f3f46; } - .xl\:-mr-0\.5 { - margin-right: -0.125rem; + .xl\:border-gray-800 { + border-color: #27272a; } - .xl\:-mb-0\.5 { - margin-bottom: -0.125rem; + .xl\:border-gray-900 { + border-color: #18181b; } - .xl\:-ml-0\.5 { - margin-left: -0.125rem; + .xl\:border-red-50 { + border-color: #fef2f2; } - .xl\:-mt-1\.5 { - margin-top: -0.375rem; + .xl\:border-red-100 { + border-color: #fee2e2; } - .xl\:-mr-1\.5 { - margin-right: -0.375rem; + .xl\:border-red-200 { + border-color: #fecaca; } - .xl\:-mb-1\.5 { - margin-bottom: -0.375rem; + .xl\:border-red-300 { + border-color: #fca5a5; } - .xl\:-ml-1\.5 { - margin-left: -0.375rem; + .xl\:border-red-400 { + border-color: #f87171; } - .xl\:-mt-2\.5 { - margin-top: -0.625rem; + .xl\:border-red-500 { + border-color: #ef4444; } - .xl\:-mr-2\.5 { - margin-right: -0.625rem; + .xl\:border-red-600 { + border-color: #dc2626; } - .xl\:-mb-2\.5 { - margin-bottom: -0.625rem; + .xl\:border-red-700 { + border-color: #b91c1c; } - .xl\:-ml-2\.5 { - margin-left: -0.625rem; + .xl\:border-red-800 { + border-color: #991b1b; } - .xl\:-mt-3\.5 { - margin-top: -0.875rem; + .xl\:border-red-900 { + border-color: #7f1d1d; } - .xl\:-mr-3\.5 { - margin-right: -0.875rem; + .xl\:border-yellow-50 { + border-color: #fffbeb; } - .xl\:-mb-3\.5 { - margin-bottom: -0.875rem; + .xl\:border-yellow-100 { + border-color: #fef3c7; } - .xl\:-ml-3\.5 { - margin-left: -0.875rem; + .xl\:border-yellow-200 { + border-color: #fde68a; } - .xl\:max-h-0 { - max-height: 0; + .xl\:border-yellow-300 { + border-color: #fcd34d; } - .xl\:max-h-1 { - max-height: 0.25rem; + .xl\:border-yellow-400 { + border-color: #fbbf24; } - .xl\:max-h-2 { - max-height: 0.5rem; + .xl\:border-yellow-500 { + border-color: #f59e0b; } - .xl\:max-h-3 { - max-height: 0.75rem; + .xl\:border-yellow-600 { + border-color: #d97706; } - .xl\:max-h-4 { - max-height: 1rem; + .xl\:border-yellow-700 { + border-color: #b45309; } - .xl\:max-h-5 { - max-height: 1.25rem; + .xl\:border-yellow-800 { + border-color: #92400e; } - .xl\:max-h-6 { - max-height: 1.5rem; + .xl\:border-yellow-900 { + border-color: #78350f; } - .xl\:max-h-7 { - max-height: 1.75rem; + .xl\:border-green-50 { + border-color: #ecfdf5; } - .xl\:max-h-8 { - max-height: 2rem; + .xl\:border-green-100 { + border-color: #d1fae5; } - .xl\:max-h-9 { - max-height: 2.25rem; + .xl\:border-green-200 { + border-color: #a7f3d0; } - .xl\:max-h-10 { - max-height: 2.5rem; + .xl\:border-green-300 { + border-color: #6ee7b7; } - .xl\:max-h-12 { - max-height: 3rem; + .xl\:border-green-400 { + border-color: #34d399; } - .xl\:max-h-14 { - max-height: 3.5rem; + .xl\:border-green-500 { + border-color: #10b981; } - .xl\:max-h-16 { - max-height: 4rem; + .xl\:border-green-600 { + border-color: #059669; } - .xl\:max-h-20 { - max-height: 5rem; + .xl\:border-green-700 { + border-color: #047857; } - .xl\:max-h-24 { - max-height: 6rem; + .xl\:border-green-800 { + border-color: #065f46; } - .xl\:max-h-28 { - max-height: 7rem; + .xl\:border-green-900 { + border-color: #064e3b; } - .xl\:max-h-32 { - max-height: 8rem; + .xl\:border-blue-50 { + border-color: #eff6ff; } - .xl\:max-h-36 { - max-height: 9rem; + .xl\:border-blue-100 { + border-color: #dbeafe; } - .xl\:max-h-40 { - max-height: 10rem; + .xl\:border-blue-200 { + border-color: #bfdbfe; } - .xl\:max-h-44 { - max-height: 11rem; + .xl\:border-blue-300 { + border-color: #93c5fd; } - .xl\:max-h-48 { - max-height: 12rem; + .xl\:border-blue-400 { + border-color: #60a5fa; } - .xl\:max-h-52 { - max-height: 13rem; + .xl\:border-blue-500 { + border-color: #3b82f6; } - .xl\:max-h-56 { - max-height: 14rem; + .xl\:border-blue-600 { + border-color: #2563eb; } - .xl\:max-h-60 { - max-height: 15rem; + .xl\:border-blue-700 { + border-color: #1d4ed8; } - .xl\:max-h-64 { - max-height: 16rem; + .xl\:border-blue-800 { + border-color: #1e40af; } - .xl\:max-h-72 { - max-height: 18rem; + .xl\:border-blue-900 { + border-color: #1e3a8a; } - .xl\:max-h-80 { - max-height: 20rem; + .xl\:border-purple-50 { + border-color: #f5f3ff; } - .xl\:max-h-96 { - max-height: 24rem; + .xl\:border-purple-100 { + border-color: #ede9fe; } - .xl\:max-h-px { - max-height: 1px; + .xl\:border-purple-200 { + border-color: #ddd6fe; } - .xl\:max-h-0\.5 { - max-height: 0.125rem; + .xl\:border-purple-300 { + border-color: #c4b5fd; } - .xl\:max-h-1\.5 { - max-height: 0.375rem; + .xl\:border-purple-400 { + border-color: #a78bfa; } - .xl\:max-h-2\.5 { - max-height: 0.625rem; + .xl\:border-purple-500 { + border-color: #8b5cf6; } - .xl\:max-h-3\.5 { - max-height: 0.875rem; + .xl\:border-purple-600 { + border-color: #7c3aed; } - .xl\:max-h-full { - max-height: 100%; + .xl\:border-purple-700 { + border-color: #6d28d9; } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:border-purple-800 { + border-color: #5b21b6; } - .xl\:max-w-0 { - max-width: 0rem; + .xl\:border-purple-900 { + border-color: #4c1d95; } - .xl\:max-w-none { - max-width: none; + .xl\:border-pink-50 { + border-color: #fdf2f8; } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:border-pink-100 { + border-color: #fce7f3; } - .xl\:max-w-sm { - max-width: 24rem; + .xl\:border-pink-200 { + border-color: #fbcfe8; } - .xl\:max-w-md { - max-width: 28rem; + .xl\:border-pink-300 { + border-color: #f9a8d4; } - .xl\:max-w-lg { - max-width: 32rem; + .xl\:border-pink-400 { + border-color: #f472b6; } - .xl\:max-w-xl { - max-width: 36rem; + .xl\:border-pink-500 { + border-color: #ec4899; } - .xl\:max-w-2xl { - max-width: 42rem; + .xl\:border-pink-600 { + border-color: #db2777; } - .xl\:max-w-3xl { - max-width: 48rem; + .xl\:border-pink-700 { + border-color: #be185d; } - .xl\:max-w-4xl { - max-width: 56rem; + .xl\:border-pink-800 { + border-color: #9d174d; } - .xl\:max-w-5xl { - max-width: 64rem; + .xl\:border-pink-900 { + border-color: #831843; } - .xl\:max-w-6xl { - max-width: 72rem; + .group:hover .xl\:group-hover\:border-transparent { + border-color: transparent; } - .xl\:max-w-7xl { - max-width: 80rem; + .group:hover .xl\:group-hover\:border-current { + border-color: currentColor; } - .xl\:max-w-full { - max-width: 100%; + .group:hover .xl\:group-hover\:border-black { + border-color: #000; } - .xl\:max-w-min { - max-width: min-content; + .group:hover .xl\:group-hover\:border-white { + border-color: #fff; } - .xl\:max-w-max { - max-width: max-content; + .group:hover .xl\:group-hover\:border-gray-50 { + border-color: #fafafa; } - .xl\:max-w-screen-sm { - max-width: 640px; + .group:hover .xl\:group-hover\:border-gray-100 { + border-color: #f4f4f5; } - .xl\:max-w-screen-md { - max-width: 768px; + .group:hover .xl\:group-hover\:border-gray-200 { + border-color: #e4e4e7; } - .xl\:max-w-screen-lg { - max-width: 1024px; + .group:hover .xl\:group-hover\:border-gray-300 { + border-color: #d4d4d8; } - .xl\:max-w-screen-xl { - max-width: 1280px; + .group:hover .xl\:group-hover\:border-gray-400 { + border-color: #a1a1aa; } - .xl\:max-w-screen-2xl { - max-width: 1536px; + .group:hover .xl\:group-hover\:border-gray-500 { + border-color: #71717a; } - .xl\:min-h-0 { - min-height: 0; + .group:hover .xl\:group-hover\:border-gray-600 { + border-color: #52525b; } - .xl\:min-h-full { - min-height: 100%; + .group:hover .xl\:group-hover\:border-gray-700 { + border-color: #3f3f46; } - .xl\:min-h-screen { - min-height: 100vh; + .group:hover .xl\:group-hover\:border-gray-800 { + border-color: #27272a; } - .xl\:min-w-0 { - min-width: 0; + .group:hover .xl\:group-hover\:border-gray-900 { + border-color: #18181b; } - .xl\:min-w-full { - min-width: 100%; + .group:hover .xl\:group-hover\:border-red-50 { + border-color: #fef2f2; } - .xl\:min-w-min { - min-width: min-content; + .group:hover .xl\:group-hover\:border-red-100 { + border-color: #fee2e2; } - .xl\:min-w-max { - min-width: max-content; + .group:hover .xl\:group-hover\:border-red-200 { + border-color: #fecaca; } - .xl\:object-contain { - object-fit: contain; + .group:hover .xl\:group-hover\:border-red-300 { + border-color: #fca5a5; } - .xl\:object-cover { - object-fit: cover; + .group:hover .xl\:group-hover\:border-red-400 { + border-color: #f87171; } - .xl\:object-fill { - object-fit: fill; + .group:hover .xl\:group-hover\:border-red-500 { + border-color: #ef4444; } - .xl\:object-none { - object-fit: none; + .group:hover .xl\:group-hover\:border-red-600 { + border-color: #dc2626; } - .xl\:object-scale-down { - object-fit: scale-down; + .group:hover .xl\:group-hover\:border-red-700 { + border-color: #b91c1c; } - .xl\:object-bottom { - object-position: bottom; + .group:hover .xl\:group-hover\:border-red-800 { + border-color: #991b1b; } - .xl\:object-center { - object-position: center; + .group:hover .xl\:group-hover\:border-red-900 { + border-color: #7f1d1d; } - .xl\:object-left { - object-position: left; + .group:hover .xl\:group-hover\:border-yellow-50 { + border-color: #fffbeb; } - .xl\:object-left-bottom { - object-position: left bottom; + .group:hover .xl\:group-hover\:border-yellow-100 { + border-color: #fef3c7; } - .xl\:object-left-top { - object-position: left top; + .group:hover .xl\:group-hover\:border-yellow-200 { + border-color: #fde68a; } - .xl\:object-right { - object-position: right; + .group:hover .xl\:group-hover\:border-yellow-300 { + border-color: #fcd34d; } - .xl\:object-right-bottom { - object-position: right bottom; + .group:hover .xl\:group-hover\:border-yellow-400 { + border-color: #fbbf24; } - .xl\:object-right-top { - object-position: right top; + .group:hover .xl\:group-hover\:border-yellow-500 { + border-color: #f59e0b; } - .xl\:object-top { - object-position: top; + .group:hover .xl\:group-hover\:border-yellow-600 { + border-color: #d97706; } - .xl\:opacity-0 { - opacity: 0; + .group:hover .xl\:group-hover\:border-yellow-700 { + border-color: #b45309; } - .xl\:opacity-25 { - opacity: 0.25; + .group:hover .xl\:group-hover\:border-yellow-800 { + border-color: #92400e; } - .xl\:opacity-50 { - opacity: 0.5; + .group:hover .xl\:group-hover\:border-yellow-900 { + border-color: #78350f; } - .xl\:opacity-75 { - opacity: 0.75; + .group:hover .xl\:group-hover\:border-green-50 { + border-color: #ecfdf5; } - .xl\:opacity-100 { - opacity: 1; + .group:hover .xl\:group-hover\:border-green-100 { + border-color: #d1fae5; } - .group:hover .xl\:group-hover\:opacity-0 { - opacity: 0; + .group:hover .xl\:group-hover\:border-green-200 { + border-color: #a7f3d0; } - .group:hover .xl\:group-hover\:opacity-25 { - opacity: 0.25; + .group:hover .xl\:group-hover\:border-green-300 { + border-color: #6ee7b7; } - .group:hover .xl\:group-hover\:opacity-50 { - opacity: 0.5; + .group:hover .xl\:group-hover\:border-green-400 { + border-color: #34d399; } - .group:hover .xl\:group-hover\:opacity-75 { - opacity: 0.75; + .group:hover .xl\:group-hover\:border-green-500 { + border-color: #10b981; } - .group:hover .xl\:group-hover\:opacity-100 { - opacity: 1; + .group:hover .xl\:group-hover\:border-green-600 { + border-color: #059669; } - .xl\:hover\:opacity-0:hover { - opacity: 0; + .group:hover .xl\:group-hover\:border-green-700 { + border-color: #047857; } - .xl\:hover\:opacity-25:hover { - opacity: 0.25; + .group:hover .xl\:group-hover\:border-green-800 { + border-color: #065f46; } - .xl\:hover\:opacity-50:hover { - opacity: 0.5; + .group:hover .xl\:group-hover\:border-green-900 { + border-color: #064e3b; } - .xl\:hover\:opacity-75:hover { - opacity: 0.75; + .group:hover .xl\:group-hover\:border-blue-50 { + border-color: #eff6ff; } - .xl\:hover\:opacity-100:hover { - opacity: 1; + .group:hover .xl\:group-hover\:border-blue-100 { + border-color: #dbeafe; } - .xl\:focus\:opacity-0:focus { - opacity: 0; + .group:hover .xl\:group-hover\:border-blue-200 { + border-color: #bfdbfe; } - .xl\:focus\:opacity-25:focus { - opacity: 0.25; + .group:hover .xl\:group-hover\:border-blue-300 { + border-color: #93c5fd; } - .xl\:focus\:opacity-50:focus { - opacity: 0.5; + .group:hover .xl\:group-hover\:border-blue-400 { + border-color: #60a5fa; } - .xl\:focus\:opacity-75:focus { - opacity: 0.75; + .group:hover .xl\:group-hover\:border-blue-500 { + border-color: #3b82f6; } - .xl\:focus\:opacity-100:focus { - opacity: 1; + .group:hover .xl\:group-hover\:border-blue-600 { + border-color: #2563eb; } - .xl\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .group:hover .xl\:group-hover\:border-blue-700 { + border-color: #1d4ed8; } - .xl\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .group:hover .xl\:group-hover\:border-blue-800 { + border-color: #1e40af; } - .xl\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .group:hover .xl\:group-hover\:border-blue-900 { + border-color: #1e3a8a; } - .xl\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .group:hover .xl\:group-hover\:border-purple-50 { + border-color: #f5f3ff; } - .xl\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .group:hover .xl\:group-hover\:border-purple-100 { + border-color: #ede9fe; } - .xl\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .group:hover .xl\:group-hover\:border-purple-200 { + border-color: #ddd6fe; } - .xl\:overflow-auto { - overflow: auto; + .group:hover .xl\:group-hover\:border-purple-300 { + border-color: #c4b5fd; } - .xl\:overflow-hidden { - overflow: hidden; + .group:hover .xl\:group-hover\:border-purple-400 { + border-color: #a78bfa; } - .xl\:overflow-visible { - overflow: visible; + .group:hover .xl\:group-hover\:border-purple-500 { + border-color: #8b5cf6; } - .xl\:overflow-scroll { - overflow: scroll; + .group:hover .xl\:group-hover\:border-purple-600 { + border-color: #7c3aed; } - .xl\:overflow-x-auto { - overflow-x: auto; + .group:hover .xl\:group-hover\:border-purple-700 { + border-color: #6d28d9; } - .xl\:overflow-y-auto { - overflow-y: auto; + .group:hover .xl\:group-hover\:border-purple-800 { + border-color: #5b21b6; } - .xl\:overflow-x-hidden { - overflow-x: hidden; + .group:hover .xl\:group-hover\:border-purple-900 { + border-color: #4c1d95; } - .xl\:overflow-y-hidden { - overflow-y: hidden; + .group:hover .xl\:group-hover\:border-pink-50 { + border-color: #fdf2f8; } - .xl\:overflow-x-visible { - overflow-x: visible; + .group:hover .xl\:group-hover\:border-pink-100 { + border-color: #fce7f3; } - .xl\:overflow-y-visible { - overflow-y: visible; + .group:hover .xl\:group-hover\:border-pink-200 { + border-color: #fbcfe8; } - .xl\:overflow-x-scroll { - overflow-x: scroll; + .group:hover .xl\:group-hover\:border-pink-300 { + border-color: #f9a8d4; } - .xl\:overflow-y-scroll { - overflow-y: scroll; + .group:hover .xl\:group-hover\:border-pink-400 { + border-color: #f472b6; } - .xl\:overscroll-auto { - overscroll-behavior: auto; + .group:hover .xl\:group-hover\:border-pink-500 { + border-color: #ec4899; } - .xl\:overscroll-contain { - overscroll-behavior: contain; + .group:hover .xl\:group-hover\:border-pink-600 { + border-color: #db2777; } - .xl\:overscroll-none { - overscroll-behavior: none; + .group:hover .xl\:group-hover\:border-pink-700 { + border-color: #be185d; } - .xl\:overscroll-y-auto { - overscroll-behavior-y: auto; + .group:hover .xl\:group-hover\:border-pink-800 { + border-color: #9d174d; } - .xl\:overscroll-y-contain { - overscroll-behavior-y: contain; + .group:hover .xl\:group-hover\:border-pink-900 { + border-color: #831843; } - .xl\:overscroll-y-none { - overscroll-behavior-y: none; + .xl\:hover\:border-transparent:hover { + border-color: transparent; } - .xl\:overscroll-x-auto { - overscroll-behavior-x: auto; + .xl\:hover\:border-current:hover { + border-color: currentColor; } - .xl\:overscroll-x-contain { - overscroll-behavior-x: contain; + .xl\:hover\:border-black:hover { + border-color: #000; } - .xl\:overscroll-x-none { - overscroll-behavior-x: none; + .xl\:hover\:border-white:hover { + border-color: #fff; } - .xl\:p-0 { - padding: 0; + .xl\:hover\:border-gray-50:hover { + border-color: #fafafa; } - .xl\:p-1 { - padding: 0.25rem; + .xl\:hover\:border-gray-100:hover { + border-color: #f4f4f5; } - .xl\:p-2 { - padding: 0.5rem; + .xl\:hover\:border-gray-200:hover { + border-color: #e4e4e7; } - .xl\:p-3 { - padding: 0.75rem; + .xl\:hover\:border-gray-300:hover { + border-color: #d4d4d8; } - .xl\:p-4 { - padding: 1rem; + .xl\:hover\:border-gray-400:hover { + border-color: #a1a1aa; } - .xl\:p-5 { - padding: 1.25rem; + .xl\:hover\:border-gray-500:hover { + border-color: #71717a; } - .xl\:p-6 { - padding: 1.5rem; + .xl\:hover\:border-gray-600:hover { + border-color: #52525b; } - .xl\:p-7 { - padding: 1.75rem; + .xl\:hover\:border-gray-700:hover { + border-color: #3f3f46; } - .xl\:p-8 { - padding: 2rem; + .xl\:hover\:border-gray-800:hover { + border-color: #27272a; } - .xl\:p-9 { - padding: 2.25rem; + .xl\:hover\:border-gray-900:hover { + border-color: #18181b; } - .xl\:p-10 { - padding: 2.5rem; + .xl\:hover\:border-red-50:hover { + border-color: #fef2f2; } - .xl\:p-12 { - padding: 3rem; + .xl\:hover\:border-red-100:hover { + border-color: #fee2e2; } - .xl\:p-14 { - padding: 3.5rem; + .xl\:hover\:border-red-200:hover { + border-color: #fecaca; } - .xl\:p-16 { - padding: 4rem; + .xl\:hover\:border-red-300:hover { + border-color: #fca5a5; } - .xl\:p-20 { - padding: 5rem; + .xl\:hover\:border-red-400:hover { + border-color: #f87171; } - .xl\:p-24 { - padding: 6rem; + .xl\:hover\:border-red-500:hover { + border-color: #ef4444; } - .xl\:p-28 { - padding: 7rem; + .xl\:hover\:border-red-600:hover { + border-color: #dc2626; } - .xl\:p-32 { - padding: 8rem; + .xl\:hover\:border-red-700:hover { + border-color: #b91c1c; } - .xl\:p-36 { - padding: 9rem; + .xl\:hover\:border-red-800:hover { + border-color: #991b1b; } - .xl\:p-40 { - padding: 10rem; + .xl\:hover\:border-red-900:hover { + border-color: #7f1d1d; } - .xl\:p-44 { - padding: 11rem; + .xl\:hover\:border-yellow-50:hover { + border-color: #fffbeb; } - .xl\:p-48 { - padding: 12rem; + .xl\:hover\:border-yellow-100:hover { + border-color: #fef3c7; } - .xl\:p-52 { - padding: 13rem; + .xl\:hover\:border-yellow-200:hover { + border-color: #fde68a; } - .xl\:p-56 { - padding: 14rem; + .xl\:hover\:border-yellow-300:hover { + border-color: #fcd34d; } - .xl\:p-60 { - padding: 15rem; + .xl\:hover\:border-yellow-400:hover { + border-color: #fbbf24; } - .xl\:p-64 { - padding: 16rem; + .xl\:hover\:border-yellow-500:hover { + border-color: #f59e0b; } - .xl\:p-72 { - padding: 18rem; + .xl\:hover\:border-yellow-600:hover { + border-color: #d97706; } - .xl\:p-80 { - padding: 20rem; + .xl\:hover\:border-yellow-700:hover { + border-color: #b45309; } - .xl\:p-96 { - padding: 24rem; + .xl\:hover\:border-yellow-800:hover { + border-color: #92400e; } - .xl\:p-px { - padding: 1px; + .xl\:hover\:border-yellow-900:hover { + border-color: #78350f; } - .xl\:p-0\.5 { - padding: 0.125rem; + .xl\:hover\:border-green-50:hover { + border-color: #ecfdf5; } - .xl\:p-1\.5 { - padding: 0.375rem; + .xl\:hover\:border-green-100:hover { + border-color: #d1fae5; } - .xl\:p-2\.5 { - padding: 0.625rem; + .xl\:hover\:border-green-200:hover { + border-color: #a7f3d0; } - .xl\:p-3\.5 { - padding: 0.875rem; + .xl\:hover\:border-green-300:hover { + border-color: #6ee7b7; } - .xl\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:hover\:border-green-400:hover { + border-color: #34d399; } - .xl\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:hover\:border-green-500:hover { + border-color: #10b981; } - .xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .xl\:hover\:border-green-600:hover { + border-color: #059669; } - .xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .xl\:hover\:border-green-700:hover { + border-color: #047857; } - .xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .xl\:hover\:border-green-800:hover { + border-color: #065f46; } - .xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .xl\:hover\:border-green-900:hover { + border-color: #064e3b; } - .xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .xl\:hover\:border-blue-50:hover { + border-color: #eff6ff; } - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .xl\:hover\:border-blue-100:hover { + border-color: #dbeafe; } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:hover\:border-blue-200:hover { + border-color: #bfdbfe; } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:hover\:border-blue-300:hover { + border-color: #93c5fd; } - .xl\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .xl\:hover\:border-blue-400:hover { + border-color: #60a5fa; } - .xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .xl\:hover\:border-blue-500:hover { + border-color: #3b82f6; } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:hover\:border-blue-600:hover { + border-color: #2563eb; } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:hover\:border-blue-700:hover { + border-color: #1d4ed8; } - .xl\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .xl\:hover\:border-blue-800:hover { + border-color: #1e40af; } - .xl\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .xl\:hover\:border-blue-900:hover { + border-color: #1e3a8a; } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:hover\:border-purple-50:hover { + border-color: #f5f3ff; } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:hover\:border-purple-100:hover { + border-color: #ede9fe; } - .xl\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .xl\:hover\:border-purple-200:hover { + border-color: #ddd6fe; } - .xl\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .xl\:hover\:border-purple-300:hover { + border-color: #c4b5fd; } - .xl\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .xl\:hover\:border-purple-400:hover { + border-color: #a78bfa; } - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .xl\:hover\:border-purple-500:hover { + border-color: #8b5cf6; } - .xl\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .xl\:hover\:border-purple-600:hover { + border-color: #7c3aed; } - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .xl\:hover\:border-purple-700:hover { + border-color: #6d28d9; } - .xl\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .xl\:hover\:border-purple-800:hover { + border-color: #5b21b6; } - .xl\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .xl\:hover\:border-purple-900:hover { + border-color: #4c1d95; } - .xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .xl\:hover\:border-pink-50:hover { + border-color: #fdf2f8; } - .xl\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .xl\:hover\:border-pink-100:hover { + border-color: #fce7f3; } - .xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .xl\:hover\:border-pink-200:hover { + border-color: #fbcfe8; } - .xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .xl\:hover\:border-pink-300:hover { + border-color: #f9a8d4; } - .xl\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .xl\:hover\:border-pink-400:hover { + border-color: #f472b6; } - .xl\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .xl\:hover\:border-pink-500:hover { + border-color: #ec4899; } - .xl\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .xl\:hover\:border-pink-600:hover { + border-color: #db2777; } - .xl\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .xl\:hover\:border-pink-700:hover { + border-color: #be185d; } - .xl\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .xl\:hover\:border-pink-800:hover { + border-color: #9d174d; } - .xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .xl\:hover\:border-pink-900:hover { + border-color: #831843; } - .xl\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .xl\:focus\:border-transparent:focus { + border-color: transparent; } - .xl\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .xl\:focus\:border-current:focus { + border-color: currentColor; } - .xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .xl\:focus\:border-black:focus { + border-color: #000; } - .xl\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .xl\:focus\:border-white:focus { + border-color: #fff; } - .xl\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .xl\:focus\:border-gray-50:focus { + border-color: #fafafa; } - .xl\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .xl\:focus\:border-gray-100:focus { + border-color: #f4f4f5; } - .xl\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .xl\:focus\:border-gray-200:focus { + border-color: #e4e4e7; } - .xl\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .xl\:focus\:border-gray-300:focus { + border-color: #d4d4d8; } - .xl\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .xl\:focus\:border-gray-400:focus { + border-color: #a1a1aa; } - .xl\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .xl\:focus\:border-gray-500:focus { + border-color: #71717a; } - .xl\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .xl\:focus\:border-gray-600:focus { + border-color: #52525b; } - .xl\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .xl\:focus\:border-gray-700:focus { + border-color: #3f3f46; } - .xl\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .xl\:focus\:border-gray-800:focus { + border-color: #27272a; } - .xl\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .xl\:focus\:border-gray-900:focus { + border-color: #18181b; } - .xl\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .xl\:focus\:border-red-50:focus { + border-color: #fef2f2; } - .xl\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .xl\:focus\:border-red-100:focus { + border-color: #fee2e2; } - .xl\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .xl\:focus\:border-red-200:focus { + border-color: #fecaca; } - .xl\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .xl\:focus\:border-red-300:focus { + border-color: #fca5a5; } - .xl\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .xl\:focus\:border-red-400:focus { + border-color: #f87171; } - .xl\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .xl\:focus\:border-red-500:focus { + border-color: #ef4444; } - .xl\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .xl\:focus\:border-red-600:focus { + border-color: #dc2626; } - .xl\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .xl\:focus\:border-red-700:focus { + border-color: #b91c1c; } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .xl\:focus\:border-red-800:focus { + border-color: #991b1b; } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .xl\:focus\:border-red-900:focus { + border-color: #7f1d1d; } - .xl\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .xl\:focus\:border-yellow-50:focus { + border-color: #fffbeb; } - .xl\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .xl\:focus\:border-yellow-100:focus { + border-color: #fef3c7; } - .xl\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .xl\:focus\:border-yellow-200:focus { + border-color: #fde68a; } - .xl\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .xl\:focus\:border-yellow-300:focus { + border-color: #fcd34d; } - .xl\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .xl\:focus\:border-yellow-400:focus { + border-color: #fbbf24; } - .xl\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .xl\:focus\:border-yellow-500:focus { + border-color: #f59e0b; } - .xl\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .xl\:focus\:border-yellow-600:focus { + border-color: #d97706; } - .xl\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .xl\:focus\:border-yellow-700:focus { + border-color: #b45309; } - .xl\:pt-0 { - padding-top: 0; + .xl\:focus\:border-yellow-800:focus { + border-color: #92400e; } - .xl\:pr-0 { - padding-right: 0; + .xl\:focus\:border-yellow-900:focus { + border-color: #78350f; } - .xl\:pb-0 { - padding-bottom: 0; + .xl\:focus\:border-green-50:focus { + border-color: #ecfdf5; } - .xl\:pl-0 { - padding-left: 0; + .xl\:focus\:border-green-100:focus { + border-color: #d1fae5; } - .xl\:pt-1 { - padding-top: 0.25rem; + .xl\:focus\:border-green-200:focus { + border-color: #a7f3d0; } - .xl\:pr-1 { - padding-right: 0.25rem; + .xl\:focus\:border-green-300:focus { + border-color: #6ee7b7; } - .xl\:pb-1 { - padding-bottom: 0.25rem; + .xl\:focus\:border-green-400:focus { + border-color: #34d399; } - .xl\:pl-1 { - padding-left: 0.25rem; + .xl\:focus\:border-green-500:focus { + border-color: #10b981; } - .xl\:pt-2 { - padding-top: 0.5rem; + .xl\:focus\:border-green-600:focus { + border-color: #059669; } - .xl\:pr-2 { - padding-right: 0.5rem; + .xl\:focus\:border-green-700:focus { + border-color: #047857; } - .xl\:pb-2 { - padding-bottom: 0.5rem; + .xl\:focus\:border-green-800:focus { + border-color: #065f46; } - .xl\:pl-2 { - padding-left: 0.5rem; + .xl\:focus\:border-green-900:focus { + border-color: #064e3b; } - .xl\:pt-3 { - padding-top: 0.75rem; + .xl\:focus\:border-blue-50:focus { + border-color: #eff6ff; } - .xl\:pr-3 { - padding-right: 0.75rem; + .xl\:focus\:border-blue-100:focus { + border-color: #dbeafe; } - .xl\:pb-3 { - padding-bottom: 0.75rem; + .xl\:focus\:border-blue-200:focus { + border-color: #bfdbfe; } - .xl\:pl-3 { - padding-left: 0.75rem; + .xl\:focus\:border-blue-300:focus { + border-color: #93c5fd; } - .xl\:pt-4 { - padding-top: 1rem; + .xl\:focus\:border-blue-400:focus { + border-color: #60a5fa; } - .xl\:pr-4 { - padding-right: 1rem; + .xl\:focus\:border-blue-500:focus { + border-color: #3b82f6; } - .xl\:pb-4 { - padding-bottom: 1rem; + .xl\:focus\:border-blue-600:focus { + border-color: #2563eb; } - .xl\:pl-4 { - padding-left: 1rem; + .xl\:focus\:border-blue-700:focus { + border-color: #1d4ed8; } - .xl\:pt-5 { - padding-top: 1.25rem; + .xl\:focus\:border-blue-800:focus { + border-color: #1e40af; } - .xl\:pr-5 { - padding-right: 1.25rem; + .xl\:focus\:border-blue-900:focus { + border-color: #1e3a8a; } - .xl\:pb-5 { - padding-bottom: 1.25rem; + .xl\:focus\:border-purple-50:focus { + border-color: #f5f3ff; } - .xl\:pl-5 { - padding-left: 1.25rem; + .xl\:focus\:border-purple-100:focus { + border-color: #ede9fe; } - .xl\:pt-6 { - padding-top: 1.5rem; + .xl\:focus\:border-purple-200:focus { + border-color: #ddd6fe; } - .xl\:pr-6 { - padding-right: 1.5rem; + .xl\:focus\:border-purple-300:focus { + border-color: #c4b5fd; } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .xl\:focus\:border-purple-400:focus { + border-color: #a78bfa; } - .xl\:pl-6 { - padding-left: 1.5rem; + .xl\:focus\:border-purple-500:focus { + border-color: #8b5cf6; } - .xl\:pt-7 { - padding-top: 1.75rem; + .xl\:focus\:border-purple-600:focus { + border-color: #7c3aed; } - .xl\:pr-7 { - padding-right: 1.75rem; + .xl\:focus\:border-purple-700:focus { + border-color: #6d28d9; } - .xl\:pb-7 { - padding-bottom: 1.75rem; + .xl\:focus\:border-purple-800:focus { + border-color: #5b21b6; } - .xl\:pl-7 { - padding-left: 1.75rem; + .xl\:focus\:border-purple-900:focus { + border-color: #4c1d95; } - .xl\:pt-8 { - padding-top: 2rem; + .xl\:focus\:border-pink-50:focus { + border-color: #fdf2f8; } - .xl\:pr-8 { - padding-right: 2rem; + .xl\:focus\:border-pink-100:focus { + border-color: #fce7f3; } - .xl\:pb-8 { - padding-bottom: 2rem; + .xl\:focus\:border-pink-200:focus { + border-color: #fbcfe8; } - .xl\:pl-8 { - padding-left: 2rem; + .xl\:focus\:border-pink-300:focus { + border-color: #f9a8d4; } - .xl\:pt-9 { - padding-top: 2.25rem; + .xl\:focus\:border-pink-400:focus { + border-color: #f472b6; } - .xl\:pr-9 { - padding-right: 2.25rem; + .xl\:focus\:border-pink-500:focus { + border-color: #ec4899; } - .xl\:pb-9 { - padding-bottom: 2.25rem; + .xl\:focus\:border-pink-600:focus { + border-color: #db2777; } - .xl\:pl-9 { - padding-left: 2.25rem; + .xl\:focus\:border-pink-700:focus { + border-color: #be185d; } - .xl\:pt-10 { - padding-top: 2.5rem; + .xl\:focus\:border-pink-800:focus { + border-color: #9d174d; } - .xl\:pr-10 { - padding-right: 2.5rem; + .xl\:focus\:border-pink-900:focus { + border-color: #831843; } - .xl\:pb-10 { - padding-bottom: 2.5rem; + .xl\:rounded-none { + border-radius: 0; } - .xl\:pl-10 { - padding-left: 2.5rem; + .xl\:rounded-sm { + border-radius: 0.125rem; } - .xl\:pt-12 { - padding-top: 3rem; + .xl\:rounded { + border-radius: 0.25rem; } - .xl\:pr-12 { - padding-right: 3rem; + .xl\:rounded-md { + border-radius: 0.375rem; } - .xl\:pb-12 { - padding-bottom: 3rem; + .xl\:rounded-lg { + border-radius: 0.5rem; } - .xl\:pl-12 { - padding-left: 3rem; + .xl\:rounded-xl { + border-radius: 0.75rem; } - .xl\:pt-14 { - padding-top: 3.5rem; + .xl\:rounded-2xl { + border-radius: 1rem; } - .xl\:pr-14 { - padding-right: 3.5rem; + .xl\:rounded-3xl { + border-radius: 1.5rem; } - .xl\:pb-14 { - padding-bottom: 3.5rem; + .xl\:rounded-full { + border-radius: 9999px; } - .xl\:pl-14 { - padding-left: 3.5rem; + .xl\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .xl\:pt-16 { - padding-top: 4rem; + .xl\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .xl\:pr-16 { - padding-right: 4rem; + .xl\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .xl\:pb-16 { - padding-bottom: 4rem; + .xl\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .xl\:pl-16 { - padding-left: 4rem; + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .xl\:pt-20 { - padding-top: 5rem; + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .xl\:pr-20 { - padding-right: 5rem; + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:pb-20 { - padding-bottom: 5rem; + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:pl-20 { - padding-left: 5rem; + .xl\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .xl\:pt-24 { - padding-top: 6rem; + .xl\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .xl\:pr-24 { - padding-right: 6rem; + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:pb-24 { - padding-bottom: 6rem; + .xl\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:pl-24 { - padding-left: 6rem; + .xl\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .xl\:pt-28 { - padding-top: 7rem; + .xl\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .xl\:pr-28 { - padding-right: 7rem; + .xl\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:pb-28 { - padding-bottom: 7rem; + .xl\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:pl-28 { - padding-left: 7rem; + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .xl\:pt-32 { - padding-top: 8rem; + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .xl\:pr-32 { - padding-right: 8rem; + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:pb-32 { - padding-bottom: 8rem; + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:pl-32 { - padding-left: 8rem; + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .xl\:pt-36 { - padding-top: 9rem; + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .xl\:pr-36 { - padding-right: 9rem; + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:pb-36 { - padding-bottom: 9rem; + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:pl-36 { - padding-left: 9rem; + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .xl\:pt-40 { - padding-top: 10rem; + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .xl\:pr-40 { - padding-right: 10rem; + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:pb-40 { - padding-bottom: 10rem; + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:pl-40 { - padding-left: 10rem; + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .xl\:pt-44 { - padding-top: 11rem; + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .xl\:pr-44 { - padding-right: 11rem; + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:pb-44 { - padding-bottom: 11rem; + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:pl-44 { - padding-left: 11rem; + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:pt-48 { - padding-top: 12rem; + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:pr-48 { - padding-right: 12rem; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:pb-48 { - padding-bottom: 12rem; + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:pl-48 { - padding-left: 12rem; + .xl\:rounded-tl-none { + border-top-left-radius: 0; } - .xl\:pt-52 { - padding-top: 13rem; + .xl\:rounded-tr-none { + border-top-right-radius: 0; } - .xl\:pr-52 { - padding-right: 13rem; + .xl\:rounded-br-none { + border-bottom-right-radius: 0; } - .xl\:pb-52 { - padding-bottom: 13rem; + .xl\:rounded-bl-none { + border-bottom-left-radius: 0; } - .xl\:pl-52 { - padding-left: 13rem; + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .xl\:pt-56 { - padding-top: 14rem; + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .xl\:pr-56 { - padding-right: 14rem; + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .xl\:pb-56 { - padding-bottom: 14rem; + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .xl\:pl-56 { - padding-left: 14rem; + .xl\:rounded-tl { + border-top-left-radius: 0.25rem; } - .xl\:pt-60 { - padding-top: 15rem; + .xl\:rounded-tr { + border-top-right-radius: 0.25rem; } - .xl\:pr-60 { - padding-right: 15rem; + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .xl\:pb-60 { - padding-bottom: 15rem; + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .xl\:pl-60 { - padding-left: 15rem; + .xl\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .xl\:pt-64 { - padding-top: 16rem; + .xl\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .xl\:pr-64 { - padding-right: 16rem; + .xl\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .xl\:pb-64 { - padding-bottom: 16rem; + .xl\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .xl\:pl-64 { - padding-left: 16rem; + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .xl\:pt-72 { - padding-top: 18rem; + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .xl\:pr-72 { - padding-right: 18rem; + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .xl\:pb-72 { - padding-bottom: 18rem; + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .xl\:pl-72 { - padding-left: 18rem; + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .xl\:pt-80 { - padding-top: 20rem; + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .xl\:pr-80 { - padding-right: 20rem; + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .xl\:pb-80 { - padding-bottom: 20rem; + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .xl\:pl-80 { - padding-left: 20rem; + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .xl\:pt-96 { - padding-top: 24rem; + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .xl\:pr-96 { - padding-right: 24rem; + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .xl\:pb-96 { - padding-bottom: 24rem; + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .xl\:pl-96 { - padding-left: 24rem; + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .xl\:pt-px { - padding-top: 1px; + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .xl\:pr-px { - padding-right: 1px; + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .xl\:pb-px { - padding-bottom: 1px; + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .xl\:pl-px { - padding-left: 1px; + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; } - .xl\:pt-0\.5 { - padding-top: 0.125rem; + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; } - .xl\:pr-0\.5 { - padding-right: 0.125rem; + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .xl\:pb-0\.5 { - padding-bottom: 0.125rem; + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .xl\:pl-0\.5 { - padding-left: 0.125rem; + .xl\:border-solid { + border-style: solid; } - .xl\:pt-1\.5 { - padding-top: 0.375rem; + .xl\:border-dashed { + border-style: dashed; } - .xl\:pr-1\.5 { - padding-right: 0.375rem; + .xl\:border-dotted { + border-style: dotted; } - .xl\:pb-1\.5 { - padding-bottom: 0.375rem; + .xl\:border-double { + border-style: double; } - .xl\:pl-1\.5 { - padding-left: 0.375rem; + .xl\:border-none { + border-style: none; } - .xl\:pt-2\.5 { - padding-top: 0.625rem; + .xl\:border-0 { + border-width: 0; } - .xl\:pr-2\.5 { - padding-right: 0.625rem; + .xl\:border-2 { + border-width: 2px; } - .xl\:pb-2\.5 { - padding-bottom: 0.625rem; + .xl\:border-4 { + border-width: 4px; } - .xl\:pl-2\.5 { - padding-left: 0.625rem; + .xl\:border-8 { + border-width: 8px; } - .xl\:pt-3\.5 { - padding-top: 0.875rem; + .xl\:border { + border-width: 1px; } - .xl\:pr-3\.5 { - padding-right: 0.875rem; + .xl\:border-t-0 { + border-top-width: 0; } - .xl\:pb-3\.5 { - padding-bottom: 0.875rem; + .xl\:border-r-0 { + border-right-width: 0; } - .xl\:pl-3\.5 { - padding-left: 0.875rem; + .xl\:border-b-0 { + border-bottom-width: 0; } - .xl\:placeholder-transparent::placeholder { - color: transparent; + .xl\:border-l-0 { + border-left-width: 0; } - .xl\:placeholder-current::placeholder { - color: currentColor; + .xl\:border-t-2 { + border-top-width: 2px; } - .xl\:placeholder-black::placeholder { - color: #000; + .xl\:border-r-2 { + border-right-width: 2px; } - .xl\:placeholder-white::placeholder { - color: #fff; + .xl\:border-b-2 { + border-bottom-width: 2px; } - .xl\:placeholder-gray-50::placeholder { - color: #fafafa; + .xl\:border-l-2 { + border-left-width: 2px; } - .xl\:placeholder-gray-100::placeholder { - color: #f4f4f5; + .xl\:border-t-4 { + border-top-width: 4px; } - .xl\:placeholder-gray-200::placeholder { - color: #e4e4e7; + .xl\:border-r-4 { + border-right-width: 4px; } - .xl\:placeholder-gray-300::placeholder { - color: #d4d4d8; + .xl\:border-b-4 { + border-bottom-width: 4px; } - .xl\:placeholder-gray-400::placeholder { - color: #a1a1aa; + .xl\:border-l-4 { + border-left-width: 4px; } - .xl\:placeholder-gray-500::placeholder { - color: #71717a; + .xl\:border-t-8 { + border-top-width: 8px; } - .xl\:placeholder-gray-600::placeholder { - color: #52525b; + .xl\:border-r-8 { + border-right-width: 8px; } - .xl\:placeholder-gray-700::placeholder { - color: #3f3f46; + .xl\:border-b-8 { + border-bottom-width: 8px; } - .xl\:placeholder-gray-800::placeholder { - color: #27272a; + .xl\:border-l-8 { + border-left-width: 8px; } - .xl\:placeholder-gray-900::placeholder { - color: #18181b; + .xl\:border-t { + border-top-width: 1px; } - .xl\:placeholder-red-50::placeholder { - color: #fef2f2; + .xl\:border-r { + border-right-width: 1px; } - .xl\:placeholder-red-100::placeholder { - color: #fee2e2; + .xl\:border-b { + border-bottom-width: 1px; } - .xl\:placeholder-red-200::placeholder { - color: #fecaca; + .xl\:border-l { + border-left-width: 1px; } - .xl\:placeholder-red-300::placeholder { - color: #fca5a5; + .xl\:box-border { + box-sizing: border-box; } - .xl\:placeholder-red-400::placeholder { - color: #f87171; + .xl\:box-content { + box-sizing: content-box; } - .xl\:placeholder-red-500::placeholder { - color: #ef4444; + .xl\:cursor-auto { + cursor: auto; } - .xl\:placeholder-red-600::placeholder { - color: #dc2626; + .xl\:cursor-default { + cursor: default; } - .xl\:placeholder-red-700::placeholder { - color: #b91c1c; + .xl\:cursor-pointer { + cursor: pointer; } - .xl\:placeholder-red-800::placeholder { - color: #991b1b; + .xl\:cursor-wait { + cursor: wait; } - .xl\:placeholder-red-900::placeholder { - color: #7f1d1d; + .xl\:cursor-text { + cursor: text; } - .xl\:placeholder-yellow-50::placeholder { - color: #fffbeb; + .xl\:cursor-move { + cursor: move; } - .xl\:placeholder-yellow-100::placeholder { - color: #fef3c7; + .xl\:cursor-not-allowed { + cursor: not-allowed; } - .xl\:placeholder-yellow-200::placeholder { - color: #fde68a; + .xl\:block { + display: block; } - .xl\:placeholder-yellow-300::placeholder { - color: #fcd34d; + .xl\:inline-block { + display: inline-block; } - .xl\:placeholder-yellow-400::placeholder { - color: #fbbf24; + .xl\:inline { + display: inline; } - .xl\:placeholder-yellow-500::placeholder { - color: #f59e0b; + .xl\:flex { + display: flex; } - .xl\:placeholder-yellow-600::placeholder { - color: #d97706; + .xl\:inline-flex { + display: inline-flex; } - .xl\:placeholder-yellow-700::placeholder { - color: #b45309; + .xl\:table { + display: table; } - .xl\:placeholder-yellow-800::placeholder { - color: #92400e; + .xl\:table-caption { + display: table-caption; } - .xl\:placeholder-yellow-900::placeholder { - color: #78350f; + .xl\:table-cell { + display: table-cell; } - .xl\:placeholder-green-50::placeholder { - color: #ecfdf5; + .xl\:table-column { + display: table-column; } - .xl\:placeholder-green-100::placeholder { - color: #d1fae5; + .xl\:table-column-group { + display: table-column-group; } - .xl\:placeholder-green-200::placeholder { - color: #a7f3d0; + .xl\:table-footer-group { + display: table-footer-group; } - .xl\:placeholder-green-300::placeholder { - color: #6ee7b7; + .xl\:table-header-group { + display: table-header-group; } - .xl\:placeholder-green-400::placeholder { - color: #34d399; + .xl\:table-row-group { + display: table-row-group; } - .xl\:placeholder-green-500::placeholder { - color: #10b981; + .xl\:table-row { + display: table-row; } - .xl\:placeholder-green-600::placeholder { - color: #059669; + .xl\:flow-root { + display: flow-root; } - .xl\:placeholder-green-700::placeholder { - color: #047857; + .xl\:grid { + display: grid; } - .xl\:placeholder-green-800::placeholder { - color: #065f46; + .xl\:inline-grid { + display: inline-grid; } - .xl\:placeholder-green-900::placeholder { - color: #064e3b; + .xl\:contents { + display: contents; } - .xl\:placeholder-blue-50::placeholder { - color: #eff6ff; + .xl\:hidden { + display: none; } - .xl\:placeholder-blue-100::placeholder { - color: #dbeafe; + .xl\:flex-row { + flex-direction: row; } - .xl\:placeholder-blue-200::placeholder { - color: #bfdbfe; + .xl\:flex-row-reverse { + flex-direction: row-reverse; } - .xl\:placeholder-blue-300::placeholder { - color: #93c5fd; + .xl\:flex-col { + flex-direction: column; } - .xl\:placeholder-blue-400::placeholder { - color: #60a5fa; + .xl\:flex-col-reverse { + flex-direction: column-reverse; } - .xl\:placeholder-blue-500::placeholder { - color: #3b82f6; + .xl\:flex-wrap { + flex-wrap: wrap; } - .xl\:placeholder-blue-600::placeholder { - color: #2563eb; + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .xl\:placeholder-blue-700::placeholder { - color: #1d4ed8; + .xl\:flex-no-wrap { + flex-wrap: nowrap; } - .xl\:placeholder-blue-800::placeholder { - color: #1e40af; + .xl\:place-items-auto { + place-items: auto; } - .xl\:placeholder-blue-900::placeholder { - color: #1e3a8a; + .xl\:place-items-start { + place-items: start; } - .xl\:placeholder-purple-50::placeholder { - color: #f5f3ff; + .xl\:place-items-end { + place-items: end; } - .xl\:placeholder-purple-100::placeholder { - color: #ede9fe; + .xl\:place-items-center { + place-items: center; } - .xl\:placeholder-purple-200::placeholder { - color: #ddd6fe; + .xl\:place-items-stretch { + place-items: stretch; } - .xl\:placeholder-purple-300::placeholder { - color: #c4b5fd; + .xl\:place-content-center { + place-content: center; } - .xl\:placeholder-purple-400::placeholder { - color: #a78bfa; + .xl\:place-content-start { + place-content: start; } - .xl\:placeholder-purple-500::placeholder { - color: #8b5cf6; + .xl\:place-content-end { + place-content: end; } - .xl\:placeholder-purple-600::placeholder { - color: #7c3aed; + .xl\:place-content-between { + place-content: space-between; } - .xl\:placeholder-purple-700::placeholder { - color: #6d28d9; + .xl\:place-content-around { + place-content: space-around; } - .xl\:placeholder-purple-800::placeholder { - color: #5b21b6; + .xl\:place-content-evenly { + place-content: space-evenly; } - .xl\:placeholder-purple-900::placeholder { - color: #4c1d95; + .xl\:place-content-stretch { + place-content: stretch; } - .xl\:placeholder-pink-50::placeholder { - color: #fdf2f8; + .xl\:place-self-auto { + place-self: auto; } - .xl\:placeholder-pink-100::placeholder { - color: #fce7f3; + .xl\:place-self-start { + place-self: start; } - .xl\:placeholder-pink-200::placeholder { - color: #fbcfe8; + .xl\:place-self-end { + place-self: end; } - .xl\:placeholder-pink-300::placeholder { - color: #f9a8d4; + .xl\:place-self-center { + place-self: center; } - .xl\:placeholder-pink-400::placeholder { - color: #f472b6; + .xl\:place-self-stretch { + place-self: stretch; } - .xl\:placeholder-pink-500::placeholder { - color: #ec4899; + .xl\:items-start { + align-items: flex-start; } - .xl\:placeholder-pink-600::placeholder { - color: #db2777; + .xl\:items-end { + align-items: flex-end; } - .xl\:placeholder-pink-700::placeholder { - color: #be185d; + .xl\:items-center { + align-items: center; } - .xl\:placeholder-pink-800::placeholder { - color: #9d174d; + .xl\:items-baseline { + align-items: baseline; } - .xl\:placeholder-pink-900::placeholder { - color: #831843; + .xl\:items-stretch { + align-items: stretch; } - .xl\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .xl\:content-center { + align-content: center; } - .xl\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .xl\:content-start { + align-content: flex-start; } - .xl\:focus\:placeholder-black:focus::placeholder { - color: #000; + .xl\:content-end { + align-content: flex-end; } - .xl\:focus\:placeholder-white:focus::placeholder { - color: #fff; + .xl\:content-between { + align-content: space-between; } - .xl\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; + .xl\:content-around { + align-content: space-around; } - .xl\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; + .xl\:content-evenly { + align-content: space-evenly; } - .xl\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; + .xl\:self-auto { + align-self: auto; } - .xl\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; + .xl\:self-start { + align-self: flex-start; } - .xl\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; + .xl\:self-end { + align-self: flex-end; } - .xl\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; + .xl\:self-center { + align-self: center; } - .xl\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; + .xl\:self-stretch { + align-self: stretch; } - .xl\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; + .xl\:justify-items-auto { + justify-items: auto; } - .xl\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; + .xl\:justify-items-start { + justify-items: start; } - .xl\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; + .xl\:justify-items-end { + justify-items: end; } - .xl\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; + .xl\:justify-items-center { + justify-items: center; } - .xl\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; + .xl\:justify-items-stretch { + justify-items: stretch; } - .xl\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; + .xl\:justify-start { + justify-content: flex-start; } - .xl\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; + .xl\:justify-end { + justify-content: flex-end; } - .xl\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; + .xl\:justify-center { + justify-content: center; } - .xl\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; + .xl\:justify-between { + justify-content: space-between; } - .xl\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; + .xl\:justify-around { + justify-content: space-around; } - .xl\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; + .xl\:justify-evenly { + justify-content: space-evenly; } - .xl\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; + .xl\:justify-self-auto { + justify-self: auto; } - .xl\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; + .xl\:justify-self-start { + justify-self: start; } - .xl\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; + .xl\:justify-self-end { + justify-self: end; } - .xl\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; + .xl\:justify-self-center { + justify-self: center; } - .xl\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; + .xl\:justify-self-stretch { + justify-self: stretch; } - .xl\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; + .xl\:flex-1 { + flex: 1 1 0%; } - .xl\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; + .xl\:flex-auto { + flex: 1 1 auto; } - .xl\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; + .xl\:flex-initial { + flex: 0 1 auto; } - .xl\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; + .xl\:flex-none { + flex: none; } - .xl\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; + .xl\:flex-grow-0 { + flex-grow: 0; } - .xl\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; + .xl\:flex-grow { + flex-grow: 1; } - .xl\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; + .xl\:flex-shrink-0 { + flex-shrink: 0; } - .xl\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; + .xl\:flex-shrink { + flex-shrink: 1; } - .xl\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; + .xl\:order-1 { + order: 1; } - .xl\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; + .xl\:order-2 { + order: 2; } - .xl\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; + .xl\:order-3 { + order: 3; } - .xl\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; + .xl\:order-4 { + order: 4; } - .xl\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; + .xl\:order-5 { + order: 5; } - .xl\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; + .xl\:order-6 { + order: 6; } - .xl\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; + .xl\:order-7 { + order: 7; } - .xl\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; + .xl\:order-8 { + order: 8; } - .xl\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; + .xl\:order-9 { + order: 9; } - .xl\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; + .xl\:order-10 { + order: 10; } - .xl\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; + .xl\:order-11 { + order: 11; } - .xl\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; + .xl\:order-12 { + order: 12; } - .xl\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; + .xl\:order-first { + order: -9999; } - .xl\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; + .xl\:order-last { + order: 9999; } - .xl\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; + .xl\:order-none { + order: 0; } - .xl\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; + .xl\:float-right { + float: right; } - .xl\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; + .xl\:float-left { + float: left; } - .xl\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; + .xl\:float-none { + float: none; } - .xl\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; + .xl\:clearfix:after { + content: ""; + display: table; + clear: both; } - .xl\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; + .xl\:clear-left { + clear: left; } - .xl\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; + .xl\:clear-right { + clear: right; } - .xl\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; + .xl\:clear-both { + clear: both; } - .xl\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; + .xl\:clear-none { + clear: none; } - .xl\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; + .xl\:font-sans { + font-family: ui-sans-serif, 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"; } - .xl\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; + .xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .xl\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; + .xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .xl\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; + .xl\:font-thin { + font-weight: 100; } - .xl\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; + .xl\:font-extralight { + font-weight: 200; } - .xl\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; + .xl\:font-light { + font-weight: 300; } - .xl\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; + .xl\:font-normal { + font-weight: 400; } - .xl\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; + .xl\:font-medium { + font-weight: 500; } - .xl\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; + .xl\:font-semibold { + font-weight: 600; } - .xl\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; + .xl\:font-bold { + font-weight: 700; } - .xl\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; + .xl\:font-extrabold { + font-weight: 800; } - .xl\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; + .xl\:font-black { + font-weight: 900; } - .xl\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; + .xl\:hover\:font-thin:hover { + font-weight: 100; } - .xl\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; + .xl\:hover\:font-extralight:hover { + font-weight: 200; } - .xl\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; + .xl\:hover\:font-light:hover { + font-weight: 300; } - .xl\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; + .xl\:hover\:font-normal:hover { + font-weight: 400; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:placeholder-transparent::placeholder { - color: transparent; - } + .xl\:hover\:font-medium:hover { + font-weight: 500; + } - .xl\:dark\:placeholder-current::placeholder { - color: currentColor; - } + .xl\:hover\:font-semibold:hover { + font-weight: 600; + } - .xl\:dark\:placeholder-black::placeholder { - color: #000; - } + .xl\:hover\:font-bold:hover { + font-weight: 700; + } - .xl\:dark\:placeholder-white::placeholder { - color: #fff; - } + .xl\:hover\:font-extrabold:hover { + font-weight: 800; + } - .xl\:dark\:placeholder-gray-50::placeholder { - color: #fafafa; - } + .xl\:hover\:font-black:hover { + font-weight: 900; + } - .xl\:dark\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } + .xl\:focus\:font-thin:focus { + font-weight: 100; + } - .xl\:dark\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } + .xl\:focus\:font-extralight:focus { + font-weight: 200; + } - .xl\:dark\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } + .xl\:focus\:font-light:focus { + font-weight: 300; + } - .xl\:dark\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } + .xl\:focus\:font-normal:focus { + font-weight: 400; + } - .xl\:dark\:placeholder-gray-500::placeholder { - color: #71717a; - } + .xl\:focus\:font-medium:focus { + font-weight: 500; + } - .xl\:dark\:placeholder-gray-600::placeholder { - color: #52525b; - } + .xl\:focus\:font-semibold:focus { + font-weight: 600; + } - .xl\:dark\:placeholder-gray-700::placeholder { - color: #3f3f46; - } + .xl\:focus\:font-bold:focus { + font-weight: 700; + } - .xl\:dark\:placeholder-gray-800::placeholder { - color: #27272a; - } + .xl\:focus\:font-extrabold:focus { + font-weight: 800; + } - .xl\:dark\:placeholder-gray-900::placeholder { - color: #18181b; - } + .xl\:focus\:font-black:focus { + font-weight: 900; + } - .xl\:dark\:placeholder-red-50::placeholder { - color: #fef2f2; - } + .xl\:h-0 { + height: 0; + } - .xl\:dark\:placeholder-red-100::placeholder { - color: #fee2e2; - } + .xl\:h-1 { + height: 0.25rem; + } - .xl\:dark\:placeholder-red-200::placeholder { - color: #fecaca; - } + .xl\:h-2 { + height: 0.5rem; + } - .xl\:dark\:placeholder-red-300::placeholder { - color: #fca5a5; - } + .xl\:h-3 { + height: 0.75rem; + } - .xl\:dark\:placeholder-red-400::placeholder { - color: #f87171; - } + .xl\:h-4 { + height: 1rem; + } - .xl\:dark\:placeholder-red-500::placeholder { - color: #ef4444; - } + .xl\:h-5 { + height: 1.25rem; + } - .xl\:dark\:placeholder-red-600::placeholder { - color: #dc2626; - } + .xl\:h-6 { + height: 1.5rem; + } - .xl\:dark\:placeholder-red-700::placeholder { - color: #b91c1c; - } + .xl\:h-7 { + height: 1.75rem; + } - .xl\:dark\:placeholder-red-800::placeholder { - color: #991b1b; - } + .xl\:h-8 { + height: 2rem; + } - .xl\:dark\:placeholder-red-900::placeholder { - color: #7f1d1d; - } + .xl\:h-9 { + height: 2.25rem; + } - .xl\:dark\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } + .xl\:h-10 { + height: 2.5rem; + } - .xl\:dark\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } + .xl\:h-12 { + height: 3rem; + } - .xl\:dark\:placeholder-yellow-200::placeholder { - color: #fde68a; - } + .xl\:h-14 { + height: 3.5rem; + } - .xl\:dark\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } + .xl\:h-16 { + height: 4rem; + } - .xl\:dark\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } + .xl\:h-20 { + height: 5rem; + } - .xl\:dark\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } + .xl\:h-24 { + height: 6rem; + } - .xl\:dark\:placeholder-yellow-600::placeholder { - color: #d97706; - } + .xl\:h-28 { + height: 7rem; + } - .xl\:dark\:placeholder-yellow-700::placeholder { - color: #b45309; - } + .xl\:h-32 { + height: 8rem; + } - .xl\:dark\:placeholder-yellow-800::placeholder { - color: #92400e; - } + .xl\:h-36 { + height: 9rem; + } - .xl\:dark\:placeholder-yellow-900::placeholder { - color: #78350f; - } + .xl\:h-40 { + height: 10rem; + } - .xl\:dark\:placeholder-green-50::placeholder { - color: #ecfdf5; - } + .xl\:h-44 { + height: 11rem; + } - .xl\:dark\:placeholder-green-100::placeholder { - color: #d1fae5; - } + .xl\:h-48 { + height: 12rem; + } - .xl\:dark\:placeholder-green-200::placeholder { - color: #a7f3d0; - } + .xl\:h-52 { + height: 13rem; + } - .xl\:dark\:placeholder-green-300::placeholder { - color: #6ee7b7; - } + .xl\:h-56 { + height: 14rem; + } - .xl\:dark\:placeholder-green-400::placeholder { - color: #34d399; - } + .xl\:h-60 { + height: 15rem; + } - .xl\:dark\:placeholder-green-500::placeholder { - color: #10b981; - } + .xl\:h-64 { + height: 16rem; + } - .xl\:dark\:placeholder-green-600::placeholder { - color: #059669; - } + .xl\:h-72 { + height: 18rem; + } - .xl\:dark\:placeholder-green-700::placeholder { - color: #047857; - } + .xl\:h-80 { + height: 20rem; + } - .xl\:dark\:placeholder-green-800::placeholder { - color: #065f46; - } + .xl\:h-96 { + height: 24rem; + } - .xl\:dark\:placeholder-green-900::placeholder { - color: #064e3b; - } + .xl\:h-auto { + height: auto; + } - .xl\:dark\:placeholder-blue-50::placeholder { - color: #eff6ff; - } + .xl\:h-px { + height: 1px; + } - .xl\:dark\:placeholder-blue-100::placeholder { - color: #dbeafe; - } + .xl\:h-0\.5 { + height: 0.125rem; + } - .xl\:dark\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } + .xl\:h-1\.5 { + height: 0.375rem; + } - .xl\:dark\:placeholder-blue-300::placeholder { - color: #93c5fd; - } + .xl\:h-2\.5 { + height: 0.625rem; + } - .xl\:dark\:placeholder-blue-400::placeholder { - color: #60a5fa; - } + .xl\:h-3\.5 { + height: 0.875rem; + } - .xl\:dark\:placeholder-blue-500::placeholder { - color: #3b82f6; - } + .xl\:h-full { + height: 100%; + } - .xl\:dark\:placeholder-blue-600::placeholder { - color: #2563eb; - } + .xl\:h-screen { + height: 100vh; + } - .xl\:dark\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } + .xl\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } - .xl\:dark\:placeholder-blue-800::placeholder { - color: #1e40af; - } + .xl\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } - .xl\:dark\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } + .xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } - .xl\:dark\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } + .xl\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } - .xl\:dark\:placeholder-purple-100::placeholder { - color: #ede9fe; - } + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } - .xl\:dark\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } + .xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } - .xl\:dark\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } + .xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } - .xl\:dark\:placeholder-purple-400::placeholder { - color: #a78bfa; - } + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } - .xl\:dark\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; + } - .xl\:dark\:placeholder-purple-600::placeholder { - color: #7c3aed; - } + .xl\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } - .xl\:dark\:placeholder-purple-700::placeholder { - color: #6d28d9; - } + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } - .xl\:dark\:placeholder-purple-800::placeholder { - color: #5b21b6; - } + .xl\:text-8xl { + font-size: 6rem; + line-height: 1; + } - .xl\:dark\:placeholder-purple-900::placeholder { - color: #4c1d95; - } + .xl\:text-9xl { + font-size: 8rem; + line-height: 1; + } - .xl\:dark\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } + .xl\:leading-3 { + line-height: .75rem; + } - .xl\:dark\:placeholder-pink-100::placeholder { - color: #fce7f3; - } + .xl\:leading-4 { + line-height: 1rem; + } - .xl\:dark\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } + .xl\:leading-5 { + line-height: 1.25rem; + } - .xl\:dark\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } + .xl\:leading-6 { + line-height: 1.5rem; + } - .xl\:dark\:placeholder-pink-400::placeholder { - color: #f472b6; - } + .xl\:leading-7 { + line-height: 1.75rem; + } - .xl\:dark\:placeholder-pink-500::placeholder { - color: #ec4899; - } + .xl\:leading-8 { + line-height: 2rem; + } - .xl\:dark\:placeholder-pink-600::placeholder { - color: #db2777; - } + .xl\:leading-9 { + line-height: 2.25rem; + } - .xl\:dark\:placeholder-pink-700::placeholder { - color: #be185d; - } + .xl\:leading-10 { + line-height: 2.5rem; + } - .xl\:dark\:placeholder-pink-800::placeholder { - color: #9d174d; - } + .xl\:leading-none { + line-height: 1; + } - .xl\:dark\:placeholder-pink-900::placeholder { - color: #831843; - } + .xl\:leading-tight { + line-height: 1.25; + } - .xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .xl\:leading-snug { + line-height: 1.375; + } - .xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .xl\:leading-normal { + line-height: 1.5; + } - .xl\:dark\:focus\:placeholder-black:focus::placeholder { - color: #000; - } + .xl\:leading-relaxed { + line-height: 1.625; + } - .xl\:dark\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } + .xl\:leading-loose { + line-height: 2; + } - .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } + .xl\:list-inside { + list-style-position: inside; + } - .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } + .xl\:list-outside { + list-style-position: outside; + } - .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } + .xl\:list-none { + list-style-type: none; + } - .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } + .xl\:list-disc { + list-style-type: disc; + } - .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } + .xl\:list-decimal { + list-style-type: decimal; + } - .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } + .xl\:m-0 { + margin: 0; + } - .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } + .xl\:m-1 { + margin: 0.25rem; + } - .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } + .xl\:m-2 { + margin: 0.5rem; + } - .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } + .xl\:m-3 { + margin: 0.75rem; + } - .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } + .xl\:m-4 { + margin: 1rem; + } - .xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } + .xl\:m-5 { + margin: 1.25rem; + } - .xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } + .xl\:m-6 { + margin: 1.5rem; + } - .xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } + .xl\:m-7 { + margin: 1.75rem; + } - .xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } + .xl\:m-8 { + margin: 2rem; + } - .xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } + .xl\:m-9 { + margin: 2.25rem; + } - .xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } + .xl\:m-10 { + margin: 2.5rem; + } - .xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } + .xl\:m-12 { + margin: 3rem; + } - .xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } + .xl\:m-14 { + margin: 3.5rem; + } - .xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } + .xl\:m-16 { + margin: 4rem; + } - .xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } + .xl\:m-20 { + margin: 5rem; + } - .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } + .xl\:m-24 { + margin: 6rem; + } - .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } + .xl\:m-28 { + margin: 7rem; + } - .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } + .xl\:m-32 { + margin: 8rem; + } - .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } + .xl\:m-36 { + margin: 9rem; + } - .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } + .xl\:m-40 { + margin: 10rem; + } - .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } + .xl\:m-44 { + margin: 11rem; + } - .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } + .xl\:m-48 { + margin: 12rem; + } - .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } + .xl\:m-52 { + margin: 13rem; + } - .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } + .xl\:m-56 { + margin: 14rem; + } - .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } + .xl\:m-60 { + margin: 15rem; + } - .xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } + .xl\:m-64 { + margin: 16rem; + } - .xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } + .xl\:m-72 { + margin: 18rem; + } - .xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } + .xl\:m-80 { + margin: 20rem; + } - .xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } + .xl\:m-96 { + margin: 24rem; + } - .xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } + .xl\:m-auto { + margin: auto; + } - .xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } + .xl\:m-px { + margin: 1px; + } - .xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } + .xl\:m-0\.5 { + margin: 0.125rem; + } - .xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } + .xl\:m-1\.5 { + margin: 0.375rem; + } - .xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } + .xl\:m-2\.5 { + margin: 0.625rem; + } - .xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } + .xl\:m-3\.5 { + margin: 0.875rem; + } - .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } + .xl\:-m-1 { + margin: -0.25rem; + } - .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } + .xl\:-m-2 { + margin: -0.5rem; + } - .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } + .xl\:-m-3 { + margin: -0.75rem; + } - .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } + .xl\:-m-4 { + margin: -1rem; + } - .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } + .xl\:-m-5 { + margin: -1.25rem; + } - .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } + .xl\:-m-6 { + margin: -1.5rem; + } - .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } + .xl\:-m-7 { + margin: -1.75rem; + } - .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } + .xl\:-m-8 { + margin: -2rem; + } - .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } + .xl\:-m-9 { + margin: -2.25rem; + } - .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } + .xl\:-m-10 { + margin: -2.5rem; + } - .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } + .xl\:-m-12 { + margin: -3rem; + } - .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } + .xl\:-m-14 { + margin: -3.5rem; + } - .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } + .xl\:-m-16 { + margin: -4rem; + } - .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } + .xl\:-m-20 { + margin: -5rem; + } - .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } + .xl\:-m-24 { + margin: -6rem; + } - .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } + .xl\:-m-28 { + margin: -7rem; + } - .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } + .xl\:-m-32 { + margin: -8rem; + } - .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } + .xl\:-m-36 { + margin: -9rem; + } - .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } + .xl\:-m-40 { + margin: -10rem; + } - .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } + .xl\:-m-44 { + margin: -11rem; + } - .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } + .xl\:-m-48 { + margin: -12rem; + } - .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } + .xl\:-m-52 { + margin: -13rem; + } - .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } + .xl\:-m-56 { + margin: -14rem; + } - .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } + .xl\:-m-60 { + margin: -15rem; + } - .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } + .xl\:-m-64 { + margin: -16rem; + } - .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } + .xl\:-m-72 { + margin: -18rem; + } - .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } + .xl\:-m-80 { + margin: -20rem; + } - .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } + .xl\:-m-96 { + margin: -24rem; + } - .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } + .xl\:-m-px { + margin: -1px; + } - .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } + .xl\:-m-0\.5 { + margin: -0.125rem; } - .xl\:pointer-events-none { - pointer-events: none; + .xl\:-m-1\.5 { + margin: -0.375rem; } - .xl\:pointer-events-auto { - pointer-events: auto; + .xl\:-m-2\.5 { + margin: -0.625rem; } - .xl\:static { - position: static; + .xl\:-m-3\.5 { + margin: -0.875rem; } - .xl\:fixed { - position: fixed; + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:absolute { - position: absolute; + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:relative { - position: relative; + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .xl\:sticky { - position: sticky; + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .xl\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .xl\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .xl\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .xl\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .xl\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .xl\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .xl\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .xl\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .xl\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .xl\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .xl\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .xl\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .xl\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .xl\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .xl\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .xl\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .xl\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .xl\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .xl\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .xl\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .xl\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .xl\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .xl\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .xl\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .xl\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .xl\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .xl\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .xl\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .xl\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .xl\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .xl\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .xl\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .xl\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .xl\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .xl\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .xl\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .xl\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .xl\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .xl\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .xl\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .xl\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .xl\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .xl\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .xl\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .xl\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .xl\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .xl\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .xl\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .xl\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .xl\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .xl\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .xl\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .xl\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .xl\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .xl\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .xl\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .xl\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .xl\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .xl\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .xl\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .xl\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .xl\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .xl\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .xl\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .xl\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .xl\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .xl\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .xl\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .xl\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .xl\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .xl\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .xl\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .xl\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .xl\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .xl\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .xl\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .xl\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .xl\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .xl\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .xl\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .xl\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .xl\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .xl\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .xl\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .xl\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .xl\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .xl\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .xl\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .xl\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .xl\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .xl\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .xl\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .xl\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .xl\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .xl\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .xl\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .xl\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .xl\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .xl\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:inset-y-0 { - top: 0; - bottom: 0; + .xl\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .xl\:inset-x-0 { - right: 0; - left: 0; + .xl\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .xl\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .xl\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .xl\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .xl\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .xl\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .xl\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .xl\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .xl\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .xl\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .xl\:inset-x-4 { - right: 1rem; - left: 1rem; + .xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .xl\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .xl\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .xl\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .xl\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .xl\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .xl\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .xl\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .xl\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .xl\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .xl\:inset-x-8 { - right: 2rem; - left: 2rem; + .xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .xl\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .xl\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .xl\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .xl\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .xl\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .xl\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .xl\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .xl\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .xl\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .xl\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .xl\:inset-x-12 { - right: 3rem; - left: 3rem; + .xl\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .xl\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .xl\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .xl\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .xl\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .xl\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .xl\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .xl\:inset-x-16 { - right: 4rem; - left: 4rem; + .xl\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .xl\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .xl\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .xl\:inset-x-20 { - right: 5rem; - left: 5rem; + .xl\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .xl\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .xl\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .xl\:inset-x-24 { - right: 6rem; - left: 6rem; + .xl\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .xl\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .xl\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .xl\:inset-x-28 { - right: 7rem; - left: 7rem; + .xl\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .xl\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .xl\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .xl\:inset-x-32 { - right: 8rem; - left: 8rem; + .xl\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .xl\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .xl\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .xl\:inset-x-36 { - right: 9rem; - left: 9rem; + .xl\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .xl\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .xl\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .xl\:inset-x-40 { - right: 10rem; - left: 10rem; + .xl\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .xl\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:inset-x-44 { - right: 11rem; - left: 11rem; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .xl\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .xl\:inset-x-48 { - right: 12rem; - left: 12rem; + .xl\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .xl\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .xl\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .xl\:inset-x-52 { - right: 13rem; - left: 13rem; + .xl\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .xl\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .xl\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .xl\:inset-x-56 { - right: 14rem; - left: 14rem; + .xl\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .xl\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .xl\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .xl\:inset-x-60 { - right: 15rem; - left: 15rem; + .xl\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .xl\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .xl\:mt-0 { + margin-top: 0; } - .xl\:inset-x-64 { - right: 16rem; - left: 16rem; + .xl\:mr-0 { + margin-right: 0; } - .xl\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .xl\:mb-0 { + margin-bottom: 0; } - .xl\:inset-x-72 { - right: 18rem; - left: 18rem; + .xl\:ml-0 { + margin-left: 0; } - .xl\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .xl\:mt-1 { + margin-top: 0.25rem; } - .xl\:inset-x-80 { - right: 20rem; - left: 20rem; + .xl\:mr-1 { + margin-right: 0.25rem; } - .xl\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .xl\:mb-1 { + margin-bottom: 0.25rem; } - .xl\:inset-x-96 { - right: 24rem; - left: 24rem; + .xl\:ml-1 { + margin-left: 0.25rem; } - .xl\:inset-y-auto { - top: auto; - bottom: auto; + .xl\:mt-2 { + margin-top: 0.5rem; } - .xl\:inset-x-auto { - right: auto; - left: auto; + .xl\:mr-2 { + margin-right: 0.5rem; } - .xl\:inset-y-px { - top: 1px; - bottom: 1px; + .xl\:mb-2 { + margin-bottom: 0.5rem; } - .xl\:inset-x-px { - right: 1px; - left: 1px; + .xl\:ml-2 { + margin-left: 0.5rem; } - .xl\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .xl\:mt-3 { + margin-top: 0.75rem; } - .xl\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .xl\:mr-3 { + margin-right: 0.75rem; } - .xl\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .xl\:mb-3 { + margin-bottom: 0.75rem; } - .xl\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .xl\:ml-3 { + margin-left: 0.75rem; } - .xl\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .xl\:mt-4 { + margin-top: 1rem; } - .xl\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .xl\:mr-4 { + margin-right: 1rem; } - .xl\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .xl\:ml-4 { + margin-left: 1rem; } - .xl\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .xl\:mt-5 { + margin-top: 1.25rem; } - .xl\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .xl\:mr-5 { + margin-right: 1.25rem; } - .xl\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .xl\:mb-5 { + margin-bottom: 1.25rem; } - .xl\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .xl\:ml-5 { + margin-left: 1.25rem; } - .xl\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:-inset-x-4 { - right: -1rem; - left: -1rem; + .xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .xl\:mt-7 { + margin-top: 1.75rem; } - .xl\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .xl\:mr-7 { + margin-right: 1.75rem; } - .xl\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .xl\:mb-7 { + margin-bottom: 1.75rem; } - .xl\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .xl\:ml-7 { + margin-left: 1.75rem; } - .xl\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .xl\:mt-8 { + margin-top: 2rem; } - .xl\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .xl\:mr-8 { + margin-right: 2rem; } - .xl\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:-inset-x-8 { - right: -2rem; - left: -2rem; + .xl\:ml-8 { + margin-left: 2rem; } - .xl\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .xl\:mt-9 { + margin-top: 2.25rem; } - .xl\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .xl\:mr-9 { + margin-right: 2.25rem; } - .xl\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .xl\:mb-9 { + margin-bottom: 2.25rem; } - .xl\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .xl\:ml-9 { + margin-left: 2.25rem; } - .xl\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .xl\:mt-10 { + margin-top: 2.5rem; } - .xl\:-inset-x-12 { - right: -3rem; - left: -3rem; + .xl\:mr-10 { + margin-right: 2.5rem; } - .xl\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .xl\:mb-10 { + margin-bottom: 2.5rem; } - .xl\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .xl\:ml-10 { + margin-left: 2.5rem; } - .xl\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .xl\:mt-12 { + margin-top: 3rem; } - .xl\:-inset-x-16 { - right: -4rem; - left: -4rem; + .xl\:mr-12 { + margin-right: 3rem; } - .xl\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .xl\:mb-12 { + margin-bottom: 3rem; } - .xl\:-inset-x-20 { - right: -5rem; - left: -5rem; + .xl\:ml-12 { + margin-left: 3rem; } - .xl\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .xl\:mt-14 { + margin-top: 3.5rem; } - .xl\:-inset-x-24 { - right: -6rem; - left: -6rem; + .xl\:mr-14 { + margin-right: 3.5rem; } - .xl\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .xl\:mb-14 { + margin-bottom: 3.5rem; } - .xl\:-inset-x-28 { - right: -7rem; - left: -7rem; + .xl\:ml-14 { + margin-left: 3.5rem; } - .xl\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .xl\:mt-16 { + margin-top: 4rem; } - .xl\:-inset-x-32 { - right: -8rem; - left: -8rem; + .xl\:mr-16 { + margin-right: 4rem; } - .xl\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .xl\:mb-16 { + margin-bottom: 4rem; } - .xl\:-inset-x-36 { - right: -9rem; - left: -9rem; + .xl\:ml-16 { + margin-left: 4rem; } - .xl\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .xl\:mt-20 { + margin-top: 5rem; } - .xl\:-inset-x-40 { - right: -10rem; - left: -10rem; + .xl\:mr-20 { + margin-right: 5rem; } - .xl\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .xl\:mb-20 { + margin-bottom: 5rem; } - .xl\:-inset-x-44 { - right: -11rem; - left: -11rem; + .xl\:ml-20 { + margin-left: 5rem; } - .xl\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .xl\:mt-24 { + margin-top: 6rem; } - .xl\:-inset-x-48 { - right: -12rem; - left: -12rem; + .xl\:mr-24 { + margin-right: 6rem; } - .xl\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .xl\:mb-24 { + margin-bottom: 6rem; } - .xl\:-inset-x-52 { - right: -13rem; - left: -13rem; + .xl\:ml-24 { + margin-left: 6rem; } - .xl\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .xl\:mt-28 { + margin-top: 7rem; } - .xl\:-inset-x-56 { - right: -14rem; - left: -14rem; + .xl\:mr-28 { + margin-right: 7rem; } - .xl\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .xl\:mb-28 { + margin-bottom: 7rem; } - .xl\:-inset-x-60 { - right: -15rem; - left: -15rem; + .xl\:ml-28 { + margin-left: 7rem; } - .xl\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .xl\:mt-32 { + margin-top: 8rem; } - .xl\:-inset-x-64 { - right: -16rem; - left: -16rem; + .xl\:mr-32 { + margin-right: 8rem; } - .xl\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .xl\:mb-32 { + margin-bottom: 8rem; } - .xl\:-inset-x-72 { - right: -18rem; - left: -18rem; + .xl\:ml-32 { + margin-left: 8rem; } - .xl\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .xl\:mt-36 { + margin-top: 9rem; } - .xl\:-inset-x-80 { - right: -20rem; - left: -20rem; + .xl\:mr-36 { + margin-right: 9rem; } - .xl\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .xl\:mb-36 { + margin-bottom: 9rem; } - .xl\:-inset-x-96 { - right: -24rem; - left: -24rem; + .xl\:ml-36 { + margin-left: 9rem; } - .xl\:-inset-y-px { - top: -1px; - bottom: -1px; + .xl\:mt-40 { + margin-top: 10rem; } - .xl\:-inset-x-px { - right: -1px; - left: -1px; + .xl\:mr-40 { + margin-right: 10rem; } - .xl\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .xl\:mb-40 { + margin-bottom: 10rem; } - .xl\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .xl\:ml-40 { + margin-left: 10rem; } - .xl\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .xl\:mt-44 { + margin-top: 11rem; } - .xl\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .xl\:mr-44 { + margin-right: 11rem; } - .xl\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .xl\:mb-44 { + margin-bottom: 11rem; } - .xl\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .xl\:ml-44 { + margin-left: 11rem; } - .xl\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .xl\:mt-48 { + margin-top: 12rem; } - .xl\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .xl\:mr-48 { + margin-right: 12rem; } - .xl\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .xl\:mb-48 { + margin-bottom: 12rem; } - .xl\:inset-x-1\/2 { - right: 50%; - left: 50%; + .xl\:ml-48 { + margin-left: 12rem; } - .xl\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .xl\:mt-52 { + margin-top: 13rem; } - .xl\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .xl\:mr-52 { + margin-right: 13rem; } - .xl\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .xl\:mb-52 { + margin-bottom: 13rem; } - .xl\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .xl\:ml-52 { + margin-left: 13rem; } - .xl\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .xl\:mt-56 { + margin-top: 14rem; } - .xl\:inset-x-1\/4 { - right: 25%; - left: 25%; + .xl\:mr-56 { + margin-right: 14rem; } - .xl\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .xl\:mb-56 { + margin-bottom: 14rem; } - .xl\:inset-x-2\/4 { - right: 50%; - left: 50%; + .xl\:ml-56 { + margin-left: 14rem; } - .xl\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .xl\:mt-60 { + margin-top: 15rem; } - .xl\:inset-x-3\/4 { - right: 75%; - left: 75%; + .xl\:mr-60 { + margin-right: 15rem; } - .xl\:inset-y-full { - top: 100%; - bottom: 100%; + .xl\:mb-60 { + margin-bottom: 15rem; } - .xl\:inset-x-full { - right: 100%; - left: 100%; + .xl\:ml-60 { + margin-left: 15rem; } - .xl\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .xl\:mt-64 { + margin-top: 16rem; } - .xl\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .xl\:mr-64 { + margin-right: 16rem; } - .xl\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .xl\:mb-64 { + margin-bottom: 16rem; } - .xl\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .xl\:ml-64 { + margin-left: 16rem; } - .xl\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .xl\:mt-72 { + margin-top: 18rem; } - .xl\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .xl\:mr-72 { + margin-right: 18rem; } - .xl\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .xl\:mb-72 { + margin-bottom: 18rem; } - .xl\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .xl\:ml-72 { + margin-left: 18rem; } - .xl\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .xl\:mt-80 { + margin-top: 20rem; } - .xl\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .xl\:mr-80 { + margin-right: 20rem; } - .xl\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .xl\:mb-80 { + margin-bottom: 20rem; } - .xl\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .xl\:ml-80 { + margin-left: 20rem; } - .xl\:-inset-y-full { - top: -100%; - bottom: -100%; + .xl\:mt-96 { + margin-top: 24rem; } - .xl\:-inset-x-full { - right: -100%; - left: -100%; + .xl\:mr-96 { + margin-right: 24rem; } - .xl\:top-0 { - top: 0; + .xl\:mb-96 { + margin-bottom: 24rem; } - .xl\:right-0 { - right: 0; + .xl\:ml-96 { + margin-left: 24rem; } - .xl\:bottom-0 { - bottom: 0; + .xl\:mt-auto { + margin-top: auto; } - .xl\:left-0 { - left: 0; + .xl\:mr-auto { + margin-right: auto; } - .xl\:top-1 { - top: 0.25rem; + .xl\:mb-auto { + margin-bottom: auto; } - .xl\:right-1 { - right: 0.25rem; + .xl\:ml-auto { + margin-left: auto; } - .xl\:bottom-1 { - bottom: 0.25rem; + .xl\:mt-px { + margin-top: 1px; } - .xl\:left-1 { - left: 0.25rem; + .xl\:mr-px { + margin-right: 1px; } - .xl\:top-2 { - top: 0.5rem; + .xl\:mb-px { + margin-bottom: 1px; } - .xl\:right-2 { - right: 0.5rem; + .xl\:ml-px { + margin-left: 1px; } - .xl\:bottom-2 { - bottom: 0.5rem; + .xl\:mt-0\.5 { + margin-top: 0.125rem; } - .xl\:left-2 { - left: 0.5rem; + .xl\:mr-0\.5 { + margin-right: 0.125rem; } - .xl\:top-3 { - top: 0.75rem; + .xl\:mb-0\.5 { + margin-bottom: 0.125rem; } - .xl\:right-3 { - right: 0.75rem; + .xl\:ml-0\.5 { + margin-left: 0.125rem; } - .xl\:bottom-3 { - bottom: 0.75rem; + .xl\:mt-1\.5 { + margin-top: 0.375rem; } - .xl\:left-3 { - left: 0.75rem; + .xl\:mr-1\.5 { + margin-right: 0.375rem; } - .xl\:top-4 { - top: 1rem; + .xl\:mb-1\.5 { + margin-bottom: 0.375rem; } - .xl\:right-4 { - right: 1rem; + .xl\:ml-1\.5 { + margin-left: 0.375rem; } - .xl\:bottom-4 { - bottom: 1rem; + .xl\:mt-2\.5 { + margin-top: 0.625rem; } - .xl\:left-4 { - left: 1rem; + .xl\:mr-2\.5 { + margin-right: 0.625rem; } - .xl\:top-5 { - top: 1.25rem; + .xl\:mb-2\.5 { + margin-bottom: 0.625rem; } - .xl\:right-5 { - right: 1.25rem; + .xl\:ml-2\.5 { + margin-left: 0.625rem; } - .xl\:bottom-5 { - bottom: 1.25rem; + .xl\:mt-3\.5 { + margin-top: 0.875rem; } - .xl\:left-5 { - left: 1.25rem; + .xl\:mr-3\.5 { + margin-right: 0.875rem; } - .xl\:top-6 { - top: 1.5rem; + .xl\:mb-3\.5 { + margin-bottom: 0.875rem; } - .xl\:right-6 { - right: 1.5rem; + .xl\:ml-3\.5 { + margin-left: 0.875rem; } - .xl\:bottom-6 { - bottom: 1.5rem; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:left-6 { - left: 1.5rem; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:top-7 { - top: 1.75rem; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:right-7 { - right: 1.75rem; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:bottom-7 { - bottom: 1.75rem; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:left-7 { - left: 1.75rem; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:top-8 { - top: 2rem; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:right-8 { - right: 2rem; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:bottom-8 { - bottom: 2rem; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:left-8 { - left: 2rem; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:top-9 { - top: 2.25rem; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:right-9 { - right: 2.25rem; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:bottom-9 { - bottom: 2.25rem; + .xl\:-mt-4 { + margin-top: -1rem; } - .xl\:left-9 { - left: 2.25rem; + .xl\:-mr-4 { + margin-right: -1rem; } - .xl\:top-10 { - top: 2.5rem; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:right-10 { - right: 2.5rem; + .xl\:-ml-4 { + margin-left: -1rem; } - .xl\:bottom-10 { - bottom: 2.5rem; + .xl\:-mt-5 { + margin-top: -1.25rem; } - .xl\:left-10 { - left: 2.5rem; + .xl\:-mr-5 { + margin-right: -1.25rem; } - .xl\:top-12 { - top: 3rem; + .xl\:-mb-5 { + margin-bottom: -1.25rem; } - .xl\:right-12 { - right: 3rem; + .xl\:-ml-5 { + margin-left: -1.25rem; } - .xl\:bottom-12 { - bottom: 3rem; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:left-12 { - left: 3rem; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:top-14 { - top: 3.5rem; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:right-14 { - right: 3.5rem; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:bottom-14 { - bottom: 3.5rem; + .xl\:-mt-7 { + margin-top: -1.75rem; } - .xl\:left-14 { - left: 3.5rem; + .xl\:-mr-7 { + margin-right: -1.75rem; } - .xl\:top-16 { - top: 4rem; + .xl\:-mb-7 { + margin-bottom: -1.75rem; } - .xl\:right-16 { - right: 4rem; + .xl\:-ml-7 { + margin-left: -1.75rem; } - .xl\:bottom-16 { - bottom: 4rem; + .xl\:-mt-8 { + margin-top: -2rem; } - .xl\:left-16 { - left: 4rem; + .xl\:-mr-8 { + margin-right: -2rem; } - .xl\:top-20 { - top: 5rem; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:right-20 { - right: 5rem; + .xl\:-ml-8 { + margin-left: -2rem; } - .xl\:bottom-20 { - bottom: 5rem; + .xl\:-mt-9 { + margin-top: -2.25rem; } - .xl\:left-20 { - left: 5rem; + .xl\:-mr-9 { + margin-right: -2.25rem; } - .xl\:top-24 { - top: 6rem; + .xl\:-mb-9 { + margin-bottom: -2.25rem; } - .xl\:right-24 { - right: 6rem; + .xl\:-ml-9 { + margin-left: -2.25rem; } - .xl\:bottom-24 { - bottom: 6rem; + .xl\:-mt-10 { + margin-top: -2.5rem; } - .xl\:left-24 { - left: 6rem; + .xl\:-mr-10 { + margin-right: -2.5rem; } - .xl\:top-28 { - top: 7rem; + .xl\:-mb-10 { + margin-bottom: -2.5rem; } - .xl\:right-28 { - right: 7rem; + .xl\:-ml-10 { + margin-left: -2.5rem; } - .xl\:bottom-28 { - bottom: 7rem; + .xl\:-mt-12 { + margin-top: -3rem; } - .xl\:left-28 { - left: 7rem; + .xl\:-mr-12 { + margin-right: -3rem; } - .xl\:top-32 { - top: 8rem; + .xl\:-mb-12 { + margin-bottom: -3rem; } - .xl\:right-32 { - right: 8rem; + .xl\:-ml-12 { + margin-left: -3rem; } - .xl\:bottom-32 { - bottom: 8rem; + .xl\:-mt-14 { + margin-top: -3.5rem; } - .xl\:left-32 { - left: 8rem; + .xl\:-mr-14 { + margin-right: -3.5rem; } - .xl\:top-36 { - top: 9rem; + .xl\:-mb-14 { + margin-bottom: -3.5rem; } - .xl\:right-36 { - right: 9rem; + .xl\:-ml-14 { + margin-left: -3.5rem; } - .xl\:bottom-36 { - bottom: 9rem; + .xl\:-mt-16 { + margin-top: -4rem; } - .xl\:left-36 { - left: 9rem; + .xl\:-mr-16 { + margin-right: -4rem; } - .xl\:top-40 { - top: 10rem; + .xl\:-mb-16 { + margin-bottom: -4rem; } - .xl\:right-40 { - right: 10rem; + .xl\:-ml-16 { + margin-left: -4rem; } - .xl\:bottom-40 { - bottom: 10rem; + .xl\:-mt-20 { + margin-top: -5rem; } - .xl\:left-40 { - left: 10rem; + .xl\:-mr-20 { + margin-right: -5rem; } - .xl\:top-44 { - top: 11rem; + .xl\:-mb-20 { + margin-bottom: -5rem; } - .xl\:right-44 { - right: 11rem; + .xl\:-ml-20 { + margin-left: -5rem; } - .xl\:bottom-44 { - bottom: 11rem; + .xl\:-mt-24 { + margin-top: -6rem; } - .xl\:left-44 { - left: 11rem; + .xl\:-mr-24 { + margin-right: -6rem; } - .xl\:top-48 { - top: 12rem; + .xl\:-mb-24 { + margin-bottom: -6rem; } - .xl\:right-48 { - right: 12rem; + .xl\:-ml-24 { + margin-left: -6rem; } - .xl\:bottom-48 { - bottom: 12rem; + .xl\:-mt-28 { + margin-top: -7rem; } - .xl\:left-48 { - left: 12rem; + .xl\:-mr-28 { + margin-right: -7rem; } - .xl\:top-52 { - top: 13rem; + .xl\:-mb-28 { + margin-bottom: -7rem; } - .xl\:right-52 { - right: 13rem; + .xl\:-ml-28 { + margin-left: -7rem; } - .xl\:bottom-52 { - bottom: 13rem; + .xl\:-mt-32 { + margin-top: -8rem; } - .xl\:left-52 { - left: 13rem; + .xl\:-mr-32 { + margin-right: -8rem; } - .xl\:top-56 { - top: 14rem; + .xl\:-mb-32 { + margin-bottom: -8rem; } - .xl\:right-56 { - right: 14rem; + .xl\:-ml-32 { + margin-left: -8rem; } - .xl\:bottom-56 { - bottom: 14rem; + .xl\:-mt-36 { + margin-top: -9rem; } - .xl\:left-56 { - left: 14rem; + .xl\:-mr-36 { + margin-right: -9rem; } - .xl\:top-60 { - top: 15rem; + .xl\:-mb-36 { + margin-bottom: -9rem; } - .xl\:right-60 { - right: 15rem; + .xl\:-ml-36 { + margin-left: -9rem; } - .xl\:bottom-60 { - bottom: 15rem; + .xl\:-mt-40 { + margin-top: -10rem; } - .xl\:left-60 { - left: 15rem; + .xl\:-mr-40 { + margin-right: -10rem; } - .xl\:top-64 { - top: 16rem; + .xl\:-mb-40 { + margin-bottom: -10rem; } - .xl\:right-64 { - right: 16rem; + .xl\:-ml-40 { + margin-left: -10rem; } - .xl\:bottom-64 { - bottom: 16rem; + .xl\:-mt-44 { + margin-top: -11rem; } - .xl\:left-64 { - left: 16rem; + .xl\:-mr-44 { + margin-right: -11rem; } - .xl\:top-72 { - top: 18rem; + .xl\:-mb-44 { + margin-bottom: -11rem; } - .xl\:right-72 { - right: 18rem; + .xl\:-ml-44 { + margin-left: -11rem; } - .xl\:bottom-72 { - bottom: 18rem; + .xl\:-mt-48 { + margin-top: -12rem; } - .xl\:left-72 { - left: 18rem; + .xl\:-mr-48 { + margin-right: -12rem; } - .xl\:top-80 { - top: 20rem; + .xl\:-mb-48 { + margin-bottom: -12rem; } - .xl\:right-80 { - right: 20rem; + .xl\:-ml-48 { + margin-left: -12rem; } - .xl\:bottom-80 { - bottom: 20rem; + .xl\:-mt-52 { + margin-top: -13rem; } - .xl\:left-80 { - left: 20rem; + .xl\:-mr-52 { + margin-right: -13rem; } - .xl\:top-96 { - top: 24rem; + .xl\:-mb-52 { + margin-bottom: -13rem; } - .xl\:right-96 { - right: 24rem; + .xl\:-ml-52 { + margin-left: -13rem; } - .xl\:bottom-96 { - bottom: 24rem; + .xl\:-mt-56 { + margin-top: -14rem; } - .xl\:left-96 { - left: 24rem; + .xl\:-mr-56 { + margin-right: -14rem; } - .xl\:top-auto { - top: auto; + .xl\:-mb-56 { + margin-bottom: -14rem; } - .xl\:right-auto { - right: auto; + .xl\:-ml-56 { + margin-left: -14rem; } - .xl\:bottom-auto { - bottom: auto; + .xl\:-mt-60 { + margin-top: -15rem; } - .xl\:left-auto { - left: auto; + .xl\:-mr-60 { + margin-right: -15rem; } - .xl\:top-px { - top: 1px; + .xl\:-mb-60 { + margin-bottom: -15rem; } - .xl\:right-px { - right: 1px; + .xl\:-ml-60 { + margin-left: -15rem; } - .xl\:bottom-px { - bottom: 1px; + .xl\:-mt-64 { + margin-top: -16rem; } - .xl\:left-px { - left: 1px; + .xl\:-mr-64 { + margin-right: -16rem; } - .xl\:top-0\.5 { - top: 0.125rem; + .xl\:-mb-64 { + margin-bottom: -16rem; } - .xl\:right-0\.5 { - right: 0.125rem; + .xl\:-ml-64 { + margin-left: -16rem; } - .xl\:bottom-0\.5 { - bottom: 0.125rem; + .xl\:-mt-72 { + margin-top: -18rem; } - .xl\:left-0\.5 { - left: 0.125rem; + .xl\:-mr-72 { + margin-right: -18rem; } - .xl\:top-1\.5 { - top: 0.375rem; + .xl\:-mb-72 { + margin-bottom: -18rem; } - .xl\:right-1\.5 { - right: 0.375rem; + .xl\:-ml-72 { + margin-left: -18rem; } - .xl\:bottom-1\.5 { - bottom: 0.375rem; + .xl\:-mt-80 { + margin-top: -20rem; } - .xl\:left-1\.5 { - left: 0.375rem; + .xl\:-mr-80 { + margin-right: -20rem; } - .xl\:top-2\.5 { - top: 0.625rem; + .xl\:-mb-80 { + margin-bottom: -20rem; } - .xl\:right-2\.5 { - right: 0.625rem; + .xl\:-ml-80 { + margin-left: -20rem; } - .xl\:bottom-2\.5 { - bottom: 0.625rem; + .xl\:-mt-96 { + margin-top: -24rem; } - .xl\:left-2\.5 { - left: 0.625rem; + .xl\:-mr-96 { + margin-right: -24rem; } - .xl\:top-3\.5 { - top: 0.875rem; + .xl\:-mb-96 { + margin-bottom: -24rem; } - .xl\:right-3\.5 { - right: 0.875rem; + .xl\:-ml-96 { + margin-left: -24rem; } - .xl\:bottom-3\.5 { - bottom: 0.875rem; + .xl\:-mt-px { + margin-top: -1px; } - .xl\:left-3\.5 { - left: 0.875rem; + .xl\:-mr-px { + margin-right: -1px; } - .xl\:-top-1 { - top: -0.25rem; + .xl\:-mb-px { + margin-bottom: -1px; } - .xl\:-right-1 { - right: -0.25rem; + .xl\:-ml-px { + margin-left: -1px; } - .xl\:-bottom-1 { - bottom: -0.25rem; + .xl\:-mt-0\.5 { + margin-top: -0.125rem; } - .xl\:-left-1 { - left: -0.25rem; + .xl\:-mr-0\.5 { + margin-right: -0.125rem; } - .xl\:-top-2 { - top: -0.5rem; + .xl\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .xl\:-right-2 { - right: -0.5rem; + .xl\:-ml-0\.5 { + margin-left: -0.125rem; } - .xl\:-bottom-2 { - bottom: -0.5rem; + .xl\:-mt-1\.5 { + margin-top: -0.375rem; } - .xl\:-left-2 { - left: -0.5rem; + .xl\:-mr-1\.5 { + margin-right: -0.375rem; } - .xl\:-top-3 { - top: -0.75rem; + .xl\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .xl\:-right-3 { - right: -0.75rem; + .xl\:-ml-1\.5 { + margin-left: -0.375rem; } - .xl\:-bottom-3 { - bottom: -0.75rem; + .xl\:-mt-2\.5 { + margin-top: -0.625rem; } - .xl\:-left-3 { - left: -0.75rem; + .xl\:-mr-2\.5 { + margin-right: -0.625rem; } - .xl\:-top-4 { - top: -1rem; + .xl\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .xl\:-right-4 { - right: -1rem; + .xl\:-ml-2\.5 { + margin-left: -0.625rem; } - .xl\:-bottom-4 { - bottom: -1rem; + .xl\:-mt-3\.5 { + margin-top: -0.875rem; } - .xl\:-left-4 { - left: -1rem; + .xl\:-mr-3\.5 { + margin-right: -0.875rem; } - .xl\:-top-5 { - top: -1.25rem; + .xl\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .xl\:-right-5 { - right: -1.25rem; + .xl\:-ml-3\.5 { + margin-left: -0.875rem; } - .xl\:-bottom-5 { - bottom: -1.25rem; + .xl\:max-h-0 { + max-height: 0; } - .xl\:-left-5 { - left: -1.25rem; + .xl\:max-h-1 { + max-height: 0.25rem; } - .xl\:-top-6 { - top: -1.5rem; + .xl\:max-h-2 { + max-height: 0.5rem; } - .xl\:-right-6 { - right: -1.5rem; + .xl\:max-h-3 { + max-height: 0.75rem; } - .xl\:-bottom-6 { - bottom: -1.5rem; + .xl\:max-h-4 { + max-height: 1rem; } - .xl\:-left-6 { - left: -1.5rem; + .xl\:max-h-5 { + max-height: 1.25rem; } - .xl\:-top-7 { - top: -1.75rem; + .xl\:max-h-6 { + max-height: 1.5rem; } - .xl\:-right-7 { - right: -1.75rem; + .xl\:max-h-7 { + max-height: 1.75rem; } - .xl\:-bottom-7 { - bottom: -1.75rem; + .xl\:max-h-8 { + max-height: 2rem; } - .xl\:-left-7 { - left: -1.75rem; + .xl\:max-h-9 { + max-height: 2.25rem; } - .xl\:-top-8 { - top: -2rem; + .xl\:max-h-10 { + max-height: 2.5rem; } - .xl\:-right-8 { - right: -2rem; + .xl\:max-h-12 { + max-height: 3rem; } - .xl\:-bottom-8 { - bottom: -2rem; + .xl\:max-h-14 { + max-height: 3.5rem; } - .xl\:-left-8 { - left: -2rem; + .xl\:max-h-16 { + max-height: 4rem; } - .xl\:-top-9 { - top: -2.25rem; + .xl\:max-h-20 { + max-height: 5rem; } - .xl\:-right-9 { - right: -2.25rem; + .xl\:max-h-24 { + max-height: 6rem; } - .xl\:-bottom-9 { - bottom: -2.25rem; + .xl\:max-h-28 { + max-height: 7rem; } - .xl\:-left-9 { - left: -2.25rem; + .xl\:max-h-32 { + max-height: 8rem; } - .xl\:-top-10 { - top: -2.5rem; + .xl\:max-h-36 { + max-height: 9rem; } - .xl\:-right-10 { - right: -2.5rem; + .xl\:max-h-40 { + max-height: 10rem; } - .xl\:-bottom-10 { - bottom: -2.5rem; + .xl\:max-h-44 { + max-height: 11rem; } - .xl\:-left-10 { - left: -2.5rem; + .xl\:max-h-48 { + max-height: 12rem; } - .xl\:-top-12 { - top: -3rem; + .xl\:max-h-52 { + max-height: 13rem; } - .xl\:-right-12 { - right: -3rem; + .xl\:max-h-56 { + max-height: 14rem; } - .xl\:-bottom-12 { - bottom: -3rem; + .xl\:max-h-60 { + max-height: 15rem; } - .xl\:-left-12 { - left: -3rem; + .xl\:max-h-64 { + max-height: 16rem; } - .xl\:-top-14 { - top: -3.5rem; + .xl\:max-h-72 { + max-height: 18rem; } - .xl\:-right-14 { - right: -3.5rem; + .xl\:max-h-80 { + max-height: 20rem; } - .xl\:-bottom-14 { - bottom: -3.5rem; + .xl\:max-h-96 { + max-height: 24rem; } - .xl\:-left-14 { - left: -3.5rem; + .xl\:max-h-px { + max-height: 1px; } - .xl\:-top-16 { - top: -4rem; + .xl\:max-h-0\.5 { + max-height: 0.125rem; } - .xl\:-right-16 { - right: -4rem; + .xl\:max-h-1\.5 { + max-height: 0.375rem; } - .xl\:-bottom-16 { - bottom: -4rem; + .xl\:max-h-2\.5 { + max-height: 0.625rem; } - .xl\:-left-16 { - left: -4rem; + .xl\:max-h-3\.5 { + max-height: 0.875rem; } - .xl\:-top-20 { - top: -5rem; + .xl\:max-h-full { + max-height: 100%; } - .xl\:-right-20 { - right: -5rem; + .xl\:max-h-screen { + max-height: 100vh; } - .xl\:-bottom-20 { - bottom: -5rem; + .xl\:max-w-0 { + max-width: 0rem; } - .xl\:-left-20 { - left: -5rem; + .xl\:max-w-none { + max-width: none; } - .xl\:-top-24 { - top: -6rem; + .xl\:max-w-xs { + max-width: 20rem; } - .xl\:-right-24 { - right: -6rem; + .xl\:max-w-sm { + max-width: 24rem; } - .xl\:-bottom-24 { - bottom: -6rem; + .xl\:max-w-md { + max-width: 28rem; } - .xl\:-left-24 { - left: -6rem; + .xl\:max-w-lg { + max-width: 32rem; } - .xl\:-top-28 { - top: -7rem; + .xl\:max-w-xl { + max-width: 36rem; } - .xl\:-right-28 { - right: -7rem; + .xl\:max-w-2xl { + max-width: 42rem; } - .xl\:-bottom-28 { - bottom: -7rem; + .xl\:max-w-3xl { + max-width: 48rem; } - .xl\:-left-28 { - left: -7rem; + .xl\:max-w-4xl { + max-width: 56rem; } - .xl\:-top-32 { - top: -8rem; + .xl\:max-w-5xl { + max-width: 64rem; } - .xl\:-right-32 { - right: -8rem; + .xl\:max-w-6xl { + max-width: 72rem; } - .xl\:-bottom-32 { - bottom: -8rem; + .xl\:max-w-7xl { + max-width: 80rem; } - .xl\:-left-32 { - left: -8rem; + .xl\:max-w-full { + max-width: 100%; } - .xl\:-top-36 { - top: -9rem; + .xl\:max-w-min { + max-width: min-content; } - .xl\:-right-36 { - right: -9rem; + .xl\:max-w-max { + max-width: max-content; } - .xl\:-bottom-36 { - bottom: -9rem; + .xl\:max-w-screen-sm { + max-width: 640px; } - .xl\:-left-36 { - left: -9rem; + .xl\:max-w-screen-md { + max-width: 768px; } - .xl\:-top-40 { - top: -10rem; + .xl\:max-w-screen-lg { + max-width: 1024px; } - .xl\:-right-40 { - right: -10rem; + .xl\:max-w-screen-xl { + max-width: 1280px; } - .xl\:-bottom-40 { - bottom: -10rem; + .xl\:max-w-screen-2xl { + max-width: 1536px; } - .xl\:-left-40 { - left: -10rem; + .xl\:min-h-0 { + min-height: 0; } - .xl\:-top-44 { - top: -11rem; + .xl\:min-h-full { + min-height: 100%; } - .xl\:-right-44 { - right: -11rem; + .xl\:min-h-screen { + min-height: 100vh; } - .xl\:-bottom-44 { - bottom: -11rem; + .xl\:min-w-0 { + min-width: 0; } - .xl\:-left-44 { - left: -11rem; + .xl\:min-w-full { + min-width: 100%; } - .xl\:-top-48 { - top: -12rem; + .xl\:min-w-min { + min-width: min-content; } - .xl\:-right-48 { - right: -12rem; + .xl\:min-w-max { + min-width: max-content; } - .xl\:-bottom-48 { - bottom: -12rem; + .xl\:object-contain { + object-fit: contain; } - .xl\:-left-48 { - left: -12rem; + .xl\:object-cover { + object-fit: cover; } - .xl\:-top-52 { - top: -13rem; + .xl\:object-fill { + object-fit: fill; } - .xl\:-right-52 { - right: -13rem; + .xl\:object-none { + object-fit: none; } - .xl\:-bottom-52 { - bottom: -13rem; + .xl\:object-scale-down { + object-fit: scale-down; } - .xl\:-left-52 { - left: -13rem; + .xl\:object-bottom { + object-position: bottom; } - .xl\:-top-56 { - top: -14rem; + .xl\:object-center { + object-position: center; } - .xl\:-right-56 { - right: -14rem; + .xl\:object-left { + object-position: left; } - .xl\:-bottom-56 { - bottom: -14rem; + .xl\:object-left-bottom { + object-position: left bottom; } - .xl\:-left-56 { - left: -14rem; + .xl\:object-left-top { + object-position: left top; } - .xl\:-top-60 { - top: -15rem; + .xl\:object-right { + object-position: right; } - .xl\:-right-60 { - right: -15rem; + .xl\:object-right-bottom { + object-position: right bottom; } - .xl\:-bottom-60 { - bottom: -15rem; + .xl\:object-right-top { + object-position: right top; } - .xl\:-left-60 { - left: -15rem; + .xl\:object-top { + object-position: top; } - .xl\:-top-64 { - top: -16rem; + .xl\:opacity-0 { + opacity: 0; } - .xl\:-right-64 { - right: -16rem; + .xl\:opacity-25 { + opacity: 0.25; } - .xl\:-bottom-64 { - bottom: -16rem; + .xl\:opacity-50 { + opacity: 0.5; } - .xl\:-left-64 { - left: -16rem; + .xl\:opacity-75 { + opacity: 0.75; } - .xl\:-top-72 { - top: -18rem; + .xl\:opacity-100 { + opacity: 1; } - .xl\:-right-72 { - right: -18rem; + .group:hover .xl\:group-hover\:opacity-0 { + opacity: 0; } - .xl\:-bottom-72 { - bottom: -18rem; + .group:hover .xl\:group-hover\:opacity-25 { + opacity: 0.25; } - .xl\:-left-72 { - left: -18rem; + .group:hover .xl\:group-hover\:opacity-50 { + opacity: 0.5; } - .xl\:-top-80 { - top: -20rem; + .group:hover .xl\:group-hover\:opacity-75 { + opacity: 0.75; } - .xl\:-right-80 { - right: -20rem; + .group:hover .xl\:group-hover\:opacity-100 { + opacity: 1; } - .xl\:-bottom-80 { - bottom: -20rem; + .xl\:hover\:opacity-0:hover { + opacity: 0; } - .xl\:-left-80 { - left: -20rem; + .xl\:hover\:opacity-25:hover { + opacity: 0.25; } - .xl\:-top-96 { - top: -24rem; + .xl\:hover\:opacity-50:hover { + opacity: 0.5; } - .xl\:-right-96 { - right: -24rem; + .xl\:hover\:opacity-75:hover { + opacity: 0.75; } - .xl\:-bottom-96 { - bottom: -24rem; + .xl\:hover\:opacity-100:hover { + opacity: 1; } - .xl\:-left-96 { - left: -24rem; + .xl\:focus\:opacity-0:focus { + opacity: 0; } - .xl\:-top-px { - top: -1px; + .xl\:focus\:opacity-25:focus { + opacity: 0.25; } - .xl\:-right-px { - right: -1px; + .xl\:focus\:opacity-50:focus { + opacity: 0.5; } - .xl\:-bottom-px { - bottom: -1px; + .xl\:focus\:opacity-75:focus { + opacity: 0.75; } - .xl\:-left-px { - left: -1px; + .xl\:focus\:opacity-100:focus { + opacity: 1; } - .xl\:-top-0\.5 { - top: -0.125rem; + .xl\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:-right-0\.5 { - right: -0.125rem; + .xl\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:-bottom-0\.5 { - bottom: -0.125rem; + .xl\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:-left-0\.5 { - left: -0.125rem; + .xl\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:-top-1\.5 { - top: -0.375rem; + .xl\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:-right-1\.5 { - right: -0.375rem; + .xl\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:-bottom-1\.5 { - bottom: -0.375rem; + .xl\:overflow-auto { + overflow: auto; } - .xl\:-left-1\.5 { - left: -0.375rem; + .xl\:overflow-hidden { + overflow: hidden; } - .xl\:-top-2\.5 { - top: -0.625rem; + .xl\:overflow-visible { + overflow: visible; } - .xl\:-right-2\.5 { - right: -0.625rem; + .xl\:overflow-scroll { + overflow: scroll; } - .xl\:-bottom-2\.5 { - bottom: -0.625rem; + .xl\:overflow-x-auto { + overflow-x: auto; } - .xl\:-left-2\.5 { - left: -0.625rem; + .xl\:overflow-y-auto { + overflow-y: auto; } - .xl\:-top-3\.5 { - top: -0.875rem; + .xl\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:-right-3\.5 { - right: -0.875rem; + .xl\:overflow-y-hidden { + overflow-y: hidden; } - .xl\:-bottom-3\.5 { - bottom: -0.875rem; + .xl\:overflow-x-visible { + overflow-x: visible; } - .xl\:-left-3\.5 { - left: -0.875rem; + .xl\:overflow-y-visible { + overflow-y: visible; } - .xl\:top-1\/2 { - top: 50%; + .xl\:overflow-x-scroll { + overflow-x: scroll; } - .xl\:right-1\/2 { - right: 50%; + .xl\:overflow-y-scroll { + overflow-y: scroll; } - .xl\:bottom-1\/2 { - bottom: 50%; + .xl\:overscroll-auto { + overscroll-behavior: auto; } - .xl\:left-1\/2 { - left: 50%; + .xl\:overscroll-contain { + overscroll-behavior: contain; } - .xl\:top-1\/3 { - top: 33.333333%; + .xl\:overscroll-none { + overscroll-behavior: none; } - .xl\:right-1\/3 { - right: 33.333333%; + .xl\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .xl\:bottom-1\/3 { - bottom: 33.333333%; + .xl\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .xl\:left-1\/3 { - left: 33.333333%; + .xl\:overscroll-y-none { + overscroll-behavior-y: none; } - .xl\:top-2\/3 { - top: 66.666667%; + .xl\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .xl\:right-2\/3 { - right: 66.666667%; + .xl\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .xl\:bottom-2\/3 { - bottom: 66.666667%; + .xl\:overscroll-x-none { + overscroll-behavior-x: none; } - .xl\:left-2\/3 { - left: 66.666667%; + .xl\:p-0 { + padding: 0; } - .xl\:top-1\/4 { - top: 25%; + .xl\:p-1 { + padding: 0.25rem; } - .xl\:right-1\/4 { - right: 25%; + .xl\:p-2 { + padding: 0.5rem; } - .xl\:bottom-1\/4 { - bottom: 25%; + .xl\:p-3 { + padding: 0.75rem; } - .xl\:left-1\/4 { - left: 25%; + .xl\:p-4 { + padding: 1rem; } - .xl\:top-2\/4 { - top: 50%; + .xl\:p-5 { + padding: 1.25rem; } - .xl\:right-2\/4 { - right: 50%; + .xl\:p-6 { + padding: 1.5rem; } - .xl\:bottom-2\/4 { - bottom: 50%; + .xl\:p-7 { + padding: 1.75rem; } - .xl\:left-2\/4 { - left: 50%; + .xl\:p-8 { + padding: 2rem; } - .xl\:top-3\/4 { - top: 75%; + .xl\:p-9 { + padding: 2.25rem; } - .xl\:right-3\/4 { - right: 75%; + .xl\:p-10 { + padding: 2.5rem; } - .xl\:bottom-3\/4 { - bottom: 75%; + .xl\:p-12 { + padding: 3rem; } - .xl\:left-3\/4 { - left: 75%; + .xl\:p-14 { + padding: 3.5rem; } - .xl\:top-full { - top: 100%; + .xl\:p-16 { + padding: 4rem; } - .xl\:right-full { - right: 100%; + .xl\:p-20 { + padding: 5rem; } - .xl\:bottom-full { - bottom: 100%; + .xl\:p-24 { + padding: 6rem; } - .xl\:left-full { - left: 100%; + .xl\:p-28 { + padding: 7rem; } - .xl\:-top-1\/2 { - top: -50%; + .xl\:p-32 { + padding: 8rem; } - .xl\:-right-1\/2 { - right: -50%; + .xl\:p-36 { + padding: 9rem; } - .xl\:-bottom-1\/2 { - bottom: -50%; + .xl\:p-40 { + padding: 10rem; } - .xl\:-left-1\/2 { - left: -50%; + .xl\:p-44 { + padding: 11rem; } - .xl\:-top-1\/3 { - top: -33.333333%; + .xl\:p-48 { + padding: 12rem; } - .xl\:-right-1\/3 { - right: -33.333333%; + .xl\:p-52 { + padding: 13rem; } - .xl\:-bottom-1\/3 { - bottom: -33.333333%; + .xl\:p-56 { + padding: 14rem; } - .xl\:-left-1\/3 { - left: -33.333333%; + .xl\:p-60 { + padding: 15rem; } - .xl\:-top-2\/3 { - top: -66.666667%; + .xl\:p-64 { + padding: 16rem; } - .xl\:-right-2\/3 { - right: -66.666667%; + .xl\:p-72 { + padding: 18rem; } - .xl\:-bottom-2\/3 { - bottom: -66.666667%; + .xl\:p-80 { + padding: 20rem; } - .xl\:-left-2\/3 { - left: -66.666667%; + .xl\:p-96 { + padding: 24rem; } - .xl\:-top-1\/4 { - top: -25%; + .xl\:p-px { + padding: 1px; } - .xl\:-right-1\/4 { - right: -25%; + .xl\:p-0\.5 { + padding: 0.125rem; } - .xl\:-bottom-1\/4 { - bottom: -25%; + .xl\:p-1\.5 { + padding: 0.375rem; } - .xl\:-left-1\/4 { - left: -25%; + .xl\:p-2\.5 { + padding: 0.625rem; } - .xl\:-top-2\/4 { - top: -50%; + .xl\:p-3\.5 { + padding: 0.875rem; } - .xl\:-right-2\/4 { - right: -50%; + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .xl\:-bottom-2\/4 { - bottom: -50%; + .xl\:px-0 { + padding-left: 0; + padding-right: 0; } - .xl\:-left-2\/4 { - left: -50%; + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .xl\:-top-3\/4 { - top: -75%; + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .xl\:-right-3\/4 { - right: -75%; + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .xl\:-bottom-3\/4 { - bottom: -75%; + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .xl\:-left-3\/4 { - left: -75%; + .xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .xl\:-top-full { - top: -100%; + .xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .xl\:-right-full { - right: -100%; + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .xl\:-bottom-full { - bottom: -100%; + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .xl\:-left-full { - left: -100%; + .xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .xl\:resize-none { - resize: none; + .xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .xl\:resize-y { - resize: vertical; + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .xl\:resize-x { - resize: horizontal; + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .xl\:resize { - resize: both; + .xl\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .xl\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .xl\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .xl\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .xl\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .xl\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .xl\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .xl\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .xl\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .xl\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .xl\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .xl\:shadow-none { - box-shadow: none; + .xl\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .xl\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .xl\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .xl\: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); + .xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\: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); + .xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .xl\: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); + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\: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); + .xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .xl\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .xl\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .xl\:hover\:shadow-none:hover { - box-shadow: none; + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .xl\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .xl\: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); + .xl\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .xl\: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); + .xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .xl\: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); + .xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .xl\: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); + .xl\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .xl\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .xl\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .xl\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .xl\:focus\:shadow-none:focus { - box-shadow: none; + .xl\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .xl\:fill-current { - fill: currentColor; + .xl\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .xl\:stroke-current { - stroke: currentColor; + .xl\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .xl\:stroke-0 { - stroke-width: 0; + .xl\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .xl\:stroke-1 { - stroke-width: 1; + .xl\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .xl\:stroke-2 { - stroke-width: 2; + .xl\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .xl\:table-auto { - table-layout: auto; + .xl\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .xl\:table-fixed { - table-layout: fixed; + .xl\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .xl\:text-left { - text-align: left; + .xl\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .xl\:text-center { - text-align: center; + .xl\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .xl\:text-right { - text-align: right; + .xl\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .xl\:text-justify { - text-align: justify; + .xl\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .xl\:text-transparent { - color: transparent; + .xl\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .xl\:text-current { - color: currentColor; + .xl\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .xl\:text-black { - color: #000; + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .xl\:text-white { - color: #fff; + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:text-gray-50 { - color: #fafafa; + .xl\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .xl\:text-gray-100 { - color: #f4f4f5; + .xl\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .xl\:text-gray-200 { - color: #e4e4e7; + .xl\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .xl\:text-gray-300 { - color: #d4d4d8; + .xl\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .xl\:text-gray-400 { - color: #a1a1aa; + .xl\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .xl\:text-gray-500 { - color: #71717a; + .xl\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .xl\:text-gray-600 { - color: #52525b; + .xl\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .xl\:text-gray-700 { - color: #3f3f46; + .xl\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .xl\:text-gray-800 { - color: #27272a; + .xl\:pt-0 { + padding-top: 0; } - .xl\:text-gray-900 { - color: #18181b; + .xl\:pr-0 { + padding-right: 0; } - .xl\:text-red-50 { - color: #fef2f2; + .xl\:pb-0 { + padding-bottom: 0; } - .xl\:text-red-100 { - color: #fee2e2; + .xl\:pl-0 { + padding-left: 0; } - .xl\:text-red-200 { - color: #fecaca; + .xl\:pt-1 { + padding-top: 0.25rem; } - .xl\:text-red-300 { - color: #fca5a5; + .xl\:pr-1 { + padding-right: 0.25rem; } - .xl\:text-red-400 { - color: #f87171; + .xl\:pb-1 { + padding-bottom: 0.25rem; } - .xl\:text-red-500 { - color: #ef4444; + .xl\:pl-1 { + padding-left: 0.25rem; } - .xl\:text-red-600 { - color: #dc2626; + .xl\:pt-2 { + padding-top: 0.5rem; } - .xl\:text-red-700 { - color: #b91c1c; + .xl\:pr-2 { + padding-right: 0.5rem; } - .xl\:text-red-800 { - color: #991b1b; + .xl\:pb-2 { + padding-bottom: 0.5rem; } - .xl\:text-red-900 { - color: #7f1d1d; + .xl\:pl-2 { + padding-left: 0.5rem; } - .xl\:text-yellow-50 { - color: #fffbeb; + .xl\:pt-3 { + padding-top: 0.75rem; } - .xl\:text-yellow-100 { - color: #fef3c7; + .xl\:pr-3 { + padding-right: 0.75rem; } - .xl\:text-yellow-200 { - color: #fde68a; + .xl\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:text-yellow-300 { - color: #fcd34d; + .xl\:pl-3 { + padding-left: 0.75rem; } - .xl\:text-yellow-400 { - color: #fbbf24; + .xl\:pt-4 { + padding-top: 1rem; } - .xl\:text-yellow-500 { - color: #f59e0b; + .xl\:pr-4 { + padding-right: 1rem; } - .xl\:text-yellow-600 { - color: #d97706; + .xl\:pb-4 { + padding-bottom: 1rem; } - .xl\:text-yellow-700 { - color: #b45309; + .xl\:pl-4 { + padding-left: 1rem; } - .xl\:text-yellow-800 { - color: #92400e; + .xl\:pt-5 { + padding-top: 1.25rem; } - .xl\:text-yellow-900 { - color: #78350f; + .xl\:pr-5 { + padding-right: 1.25rem; } - .xl\:text-green-50 { - color: #ecfdf5; + .xl\:pb-5 { + padding-bottom: 1.25rem; } - .xl\:text-green-100 { - color: #d1fae5; + .xl\:pl-5 { + padding-left: 1.25rem; } - .xl\:text-green-200 { - color: #a7f3d0; + .xl\:pt-6 { + padding-top: 1.5rem; } - .xl\:text-green-300 { - color: #6ee7b7; + .xl\:pr-6 { + padding-right: 1.5rem; } - .xl\:text-green-400 { - color: #34d399; + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:text-green-500 { - color: #10b981; + .xl\:pl-6 { + padding-left: 1.5rem; } - .xl\:text-green-600 { - color: #059669; + .xl\:pt-7 { + padding-top: 1.75rem; } - .xl\:text-green-700 { - color: #047857; + .xl\:pr-7 { + padding-right: 1.75rem; } - .xl\:text-green-800 { - color: #065f46; + .xl\:pb-7 { + padding-bottom: 1.75rem; } - .xl\:text-green-900 { - color: #064e3b; + .xl\:pl-7 { + padding-left: 1.75rem; } - .xl\:text-blue-50 { - color: #eff6ff; + .xl\:pt-8 { + padding-top: 2rem; } - .xl\:text-blue-100 { - color: #dbeafe; + .xl\:pr-8 { + padding-right: 2rem; } - .xl\:text-blue-200 { - color: #bfdbfe; + .xl\:pb-8 { + padding-bottom: 2rem; } - .xl\:text-blue-300 { - color: #93c5fd; + .xl\:pl-8 { + padding-left: 2rem; } - .xl\:text-blue-400 { - color: #60a5fa; + .xl\:pt-9 { + padding-top: 2.25rem; } - .xl\:text-blue-500 { - color: #3b82f6; + .xl\:pr-9 { + padding-right: 2.25rem; } - .xl\:text-blue-600 { - color: #2563eb; + .xl\:pb-9 { + padding-bottom: 2.25rem; } - .xl\:text-blue-700 { - color: #1d4ed8; + .xl\:pl-9 { + padding-left: 2.25rem; } - .xl\:text-blue-800 { - color: #1e40af; + .xl\:pt-10 { + padding-top: 2.5rem; } - .xl\:text-blue-900 { - color: #1e3a8a; + .xl\:pr-10 { + padding-right: 2.5rem; } - .xl\:text-purple-50 { - color: #f5f3ff; + .xl\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:text-purple-100 { - color: #ede9fe; + .xl\:pl-10 { + padding-left: 2.5rem; } - .xl\:text-purple-200 { - color: #ddd6fe; + .xl\:pt-12 { + padding-top: 3rem; } - .xl\:text-purple-300 { - color: #c4b5fd; + .xl\:pr-12 { + padding-right: 3rem; } - .xl\:text-purple-400 { - color: #a78bfa; + .xl\:pb-12 { + padding-bottom: 3rem; } - .xl\:text-purple-500 { - color: #8b5cf6; + .xl\:pl-12 { + padding-left: 3rem; } - .xl\:text-purple-600 { - color: #7c3aed; + .xl\:pt-14 { + padding-top: 3.5rem; } - .xl\:text-purple-700 { - color: #6d28d9; + .xl\:pr-14 { + padding-right: 3.5rem; } - .xl\:text-purple-800 { - color: #5b21b6; + .xl\:pb-14 { + padding-bottom: 3.5rem; } - .xl\:text-purple-900 { - color: #4c1d95; + .xl\:pl-14 { + padding-left: 3.5rem; } - .xl\:text-pink-50 { - color: #fdf2f8; + .xl\:pt-16 { + padding-top: 4rem; } - .xl\:text-pink-100 { - color: #fce7f3; + .xl\:pr-16 { + padding-right: 4rem; } - .xl\:text-pink-200 { - color: #fbcfe8; + .xl\:pb-16 { + padding-bottom: 4rem; } - .xl\:text-pink-300 { - color: #f9a8d4; + .xl\:pl-16 { + padding-left: 4rem; } - .xl\:text-pink-400 { - color: #f472b6; + .xl\:pt-20 { + padding-top: 5rem; } - .xl\:text-pink-500 { - color: #ec4899; + .xl\:pr-20 { + padding-right: 5rem; } - .xl\:text-pink-600 { - color: #db2777; + .xl\:pb-20 { + padding-bottom: 5rem; } - .xl\:text-pink-700 { - color: #be185d; + .xl\:pl-20 { + padding-left: 5rem; } - .xl\:text-pink-800 { - color: #9d174d; + .xl\:pt-24 { + padding-top: 6rem; } - .xl\:text-pink-900 { - color: #831843; + .xl\:pr-24 { + padding-right: 6rem; } - .group:hover .xl\:group-hover\:text-transparent { - color: transparent; + .xl\:pb-24 { + padding-bottom: 6rem; } - .group:hover .xl\:group-hover\:text-current { - color: currentColor; + .xl\:pl-24 { + padding-left: 6rem; } - .group:hover .xl\:group-hover\:text-black { - color: #000; + .xl\:pt-28 { + padding-top: 7rem; } - .group:hover .xl\:group-hover\:text-white { - color: #fff; + .xl\:pr-28 { + padding-right: 7rem; } - .group:hover .xl\:group-hover\:text-gray-50 { - color: #fafafa; + .xl\:pb-28 { + padding-bottom: 7rem; } - .group:hover .xl\:group-hover\:text-gray-100 { - color: #f4f4f5; + .xl\:pl-28 { + padding-left: 7rem; } - .group:hover .xl\:group-hover\:text-gray-200 { - color: #e4e4e7; + .xl\:pt-32 { + padding-top: 8rem; } - .group:hover .xl\:group-hover\:text-gray-300 { - color: #d4d4d8; + .xl\:pr-32 { + padding-right: 8rem; } - .group:hover .xl\:group-hover\:text-gray-400 { - color: #a1a1aa; + .xl\:pb-32 { + padding-bottom: 8rem; } - .group:hover .xl\:group-hover\:text-gray-500 { - color: #71717a; + .xl\:pl-32 { + padding-left: 8rem; } - .group:hover .xl\:group-hover\:text-gray-600 { - color: #52525b; + .xl\:pt-36 { + padding-top: 9rem; } - .group:hover .xl\:group-hover\:text-gray-700 { - color: #3f3f46; + .xl\:pr-36 { + padding-right: 9rem; } - .group:hover .xl\:group-hover\:text-gray-800 { - color: #27272a; + .xl\:pb-36 { + padding-bottom: 9rem; } - .group:hover .xl\:group-hover\:text-gray-900 { - color: #18181b; + .xl\:pl-36 { + padding-left: 9rem; } - .group:hover .xl\:group-hover\:text-red-50 { - color: #fef2f2; + .xl\:pt-40 { + padding-top: 10rem; } - .group:hover .xl\:group-hover\:text-red-100 { - color: #fee2e2; + .xl\:pr-40 { + padding-right: 10rem; } - .group:hover .xl\:group-hover\:text-red-200 { - color: #fecaca; + .xl\:pb-40 { + padding-bottom: 10rem; } - .group:hover .xl\:group-hover\:text-red-300 { - color: #fca5a5; + .xl\:pl-40 { + padding-left: 10rem; } - .group:hover .xl\:group-hover\:text-red-400 { - color: #f87171; + .xl\:pt-44 { + padding-top: 11rem; } - .group:hover .xl\:group-hover\:text-red-500 { - color: #ef4444; + .xl\:pr-44 { + padding-right: 11rem; } - .group:hover .xl\:group-hover\:text-red-600 { - color: #dc2626; + .xl\:pb-44 { + padding-bottom: 11rem; } - .group:hover .xl\:group-hover\:text-red-700 { - color: #b91c1c; + .xl\:pl-44 { + padding-left: 11rem; } - .group:hover .xl\:group-hover\:text-red-800 { - color: #991b1b; + .xl\:pt-48 { + padding-top: 12rem; } - .group:hover .xl\:group-hover\:text-red-900 { - color: #7f1d1d; + .xl\:pr-48 { + padding-right: 12rem; } - .group:hover .xl\:group-hover\:text-yellow-50 { - color: #fffbeb; + .xl\:pb-48 { + padding-bottom: 12rem; } - .group:hover .xl\:group-hover\:text-yellow-100 { - color: #fef3c7; + .xl\:pl-48 { + padding-left: 12rem; } - .group:hover .xl\:group-hover\:text-yellow-200 { - color: #fde68a; + .xl\:pt-52 { + padding-top: 13rem; } - .group:hover .xl\:group-hover\:text-yellow-300 { - color: #fcd34d; + .xl\:pr-52 { + padding-right: 13rem; } - .group:hover .xl\:group-hover\:text-yellow-400 { - color: #fbbf24; + .xl\:pb-52 { + padding-bottom: 13rem; } - .group:hover .xl\:group-hover\:text-yellow-500 { - color: #f59e0b; + .xl\:pl-52 { + padding-left: 13rem; } - .group:hover .xl\:group-hover\:text-yellow-600 { - color: #d97706; + .xl\:pt-56 { + padding-top: 14rem; } - .group:hover .xl\:group-hover\:text-yellow-700 { - color: #b45309; + .xl\:pr-56 { + padding-right: 14rem; } - .group:hover .xl\:group-hover\:text-yellow-800 { - color: #92400e; + .xl\:pb-56 { + padding-bottom: 14rem; } - .group:hover .xl\:group-hover\:text-yellow-900 { - color: #78350f; + .xl\:pl-56 { + padding-left: 14rem; } - .group:hover .xl\:group-hover\:text-green-50 { - color: #ecfdf5; + .xl\:pt-60 { + padding-top: 15rem; } - .group:hover .xl\:group-hover\:text-green-100 { - color: #d1fae5; + .xl\:pr-60 { + padding-right: 15rem; } - .group:hover .xl\:group-hover\:text-green-200 { - color: #a7f3d0; + .xl\:pb-60 { + padding-bottom: 15rem; } - .group:hover .xl\:group-hover\:text-green-300 { - color: #6ee7b7; + .xl\:pl-60 { + padding-left: 15rem; } - .group:hover .xl\:group-hover\:text-green-400 { - color: #34d399; + .xl\:pt-64 { + padding-top: 16rem; } - .group:hover .xl\:group-hover\:text-green-500 { - color: #10b981; + .xl\:pr-64 { + padding-right: 16rem; } - .group:hover .xl\:group-hover\:text-green-600 { - color: #059669; + .xl\:pb-64 { + padding-bottom: 16rem; } - .group:hover .xl\:group-hover\:text-green-700 { - color: #047857; + .xl\:pl-64 { + padding-left: 16rem; } - .group:hover .xl\:group-hover\:text-green-800 { - color: #065f46; + .xl\:pt-72 { + padding-top: 18rem; } - .group:hover .xl\:group-hover\:text-green-900 { - color: #064e3b; + .xl\:pr-72 { + padding-right: 18rem; } - .group:hover .xl\:group-hover\:text-blue-50 { - color: #eff6ff; + .xl\:pb-72 { + padding-bottom: 18rem; } - .group:hover .xl\:group-hover\:text-blue-100 { - color: #dbeafe; + .xl\:pl-72 { + padding-left: 18rem; } - .group:hover .xl\:group-hover\:text-blue-200 { - color: #bfdbfe; + .xl\:pt-80 { + padding-top: 20rem; } - .group:hover .xl\:group-hover\:text-blue-300 { - color: #93c5fd; + .xl\:pr-80 { + padding-right: 20rem; } - .group:hover .xl\:group-hover\:text-blue-400 { - color: #60a5fa; + .xl\:pb-80 { + padding-bottom: 20rem; } - .group:hover .xl\:group-hover\:text-blue-500 { - color: #3b82f6; + .xl\:pl-80 { + padding-left: 20rem; } - .group:hover .xl\:group-hover\:text-blue-600 { - color: #2563eb; + .xl\:pt-96 { + padding-top: 24rem; } - .group:hover .xl\:group-hover\:text-blue-700 { - color: #1d4ed8; + .xl\:pr-96 { + padding-right: 24rem; } - .group:hover .xl\:group-hover\:text-blue-800 { - color: #1e40af; + .xl\:pb-96 { + padding-bottom: 24rem; } - .group:hover .xl\:group-hover\:text-blue-900 { - color: #1e3a8a; + .xl\:pl-96 { + padding-left: 24rem; } - .group:hover .xl\:group-hover\:text-purple-50 { - color: #f5f3ff; + .xl\:pt-px { + padding-top: 1px; } - .group:hover .xl\:group-hover\:text-purple-100 { - color: #ede9fe; + .xl\:pr-px { + padding-right: 1px; } - .group:hover .xl\:group-hover\:text-purple-200 { - color: #ddd6fe; + .xl\:pb-px { + padding-bottom: 1px; } - .group:hover .xl\:group-hover\:text-purple-300 { - color: #c4b5fd; + .xl\:pl-px { + padding-left: 1px; } - .group:hover .xl\:group-hover\:text-purple-400 { - color: #a78bfa; + .xl\:pt-0\.5 { + padding-top: 0.125rem; } - .group:hover .xl\:group-hover\:text-purple-500 { - color: #8b5cf6; + .xl\:pr-0\.5 { + padding-right: 0.125rem; } - .group:hover .xl\:group-hover\:text-purple-600 { - color: #7c3aed; + .xl\:pb-0\.5 { + padding-bottom: 0.125rem; } - .group:hover .xl\:group-hover\:text-purple-700 { - color: #6d28d9; + .xl\:pl-0\.5 { + padding-left: 0.125rem; } - .group:hover .xl\:group-hover\:text-purple-800 { - color: #5b21b6; + .xl\:pt-1\.5 { + padding-top: 0.375rem; } - .group:hover .xl\:group-hover\:text-purple-900 { - color: #4c1d95; + .xl\:pr-1\.5 { + padding-right: 0.375rem; } - .group:hover .xl\:group-hover\:text-pink-50 { - color: #fdf2f8; + .xl\:pb-1\.5 { + padding-bottom: 0.375rem; } - .group:hover .xl\:group-hover\:text-pink-100 { - color: #fce7f3; + .xl\:pl-1\.5 { + padding-left: 0.375rem; } - .group:hover .xl\:group-hover\:text-pink-200 { - color: #fbcfe8; + .xl\:pt-2\.5 { + padding-top: 0.625rem; } - .group:hover .xl\:group-hover\:text-pink-300 { - color: #f9a8d4; + .xl\:pr-2\.5 { + padding-right: 0.625rem; } - .group:hover .xl\:group-hover\:text-pink-400 { - color: #f472b6; + .xl\:pb-2\.5 { + padding-bottom: 0.625rem; } - .group:hover .xl\:group-hover\:text-pink-500 { - color: #ec4899; + .xl\:pl-2\.5 { + padding-left: 0.625rem; } - .group:hover .xl\:group-hover\:text-pink-600 { - color: #db2777; + .xl\:pt-3\.5 { + padding-top: 0.875rem; } - .group:hover .xl\:group-hover\:text-pink-700 { - color: #be185d; + .xl\:pr-3\.5 { + padding-right: 0.875rem; } - .group:hover .xl\:group-hover\:text-pink-800 { - color: #9d174d; + .xl\:pb-3\.5 { + padding-bottom: 0.875rem; } - .group:hover .xl\:group-hover\:text-pink-900 { - color: #831843; + .xl\:pl-3\.5 { + padding-left: 0.875rem; } - .xl\:hover\:text-transparent:hover { + .xl\:placeholder-transparent::placeholder { color: transparent; } - .xl\:hover\:text-current:hover { + .xl\:placeholder-current::placeholder { color: currentColor; } - .xl\:hover\:text-black:hover { + .xl\:placeholder-black::placeholder { color: #000; } - .xl\:hover\:text-white:hover { + .xl\:placeholder-white::placeholder { color: #fff; } - .xl\:hover\:text-gray-50:hover { + .xl\:placeholder-gray-50::placeholder { color: #fafafa; } - .xl\:hover\:text-gray-100:hover { + .xl\:placeholder-gray-100::placeholder { color: #f4f4f5; } - .xl\:hover\:text-gray-200:hover { + .xl\:placeholder-gray-200::placeholder { color: #e4e4e7; } - .xl\:hover\:text-gray-300:hover { + .xl\:placeholder-gray-300::placeholder { color: #d4d4d8; } - .xl\:hover\:text-gray-400:hover { + .xl\:placeholder-gray-400::placeholder { color: #a1a1aa; } - .xl\:hover\:text-gray-500:hover { + .xl\:placeholder-gray-500::placeholder { color: #71717a; } - .xl\:hover\:text-gray-600:hover { + .xl\:placeholder-gray-600::placeholder { color: #52525b; } - .xl\:hover\:text-gray-700:hover { + .xl\:placeholder-gray-700::placeholder { color: #3f3f46; } - .xl\:hover\:text-gray-800:hover { + .xl\:placeholder-gray-800::placeholder { color: #27272a; } - .xl\:hover\:text-gray-900:hover { + .xl\:placeholder-gray-900::placeholder { color: #18181b; } - .xl\:hover\:text-red-50:hover { + .xl\:placeholder-red-50::placeholder { color: #fef2f2; } - .xl\:hover\:text-red-100:hover { + .xl\:placeholder-red-100::placeholder { color: #fee2e2; } - .xl\:hover\:text-red-200:hover { + .xl\:placeholder-red-200::placeholder { color: #fecaca; } - .xl\:hover\:text-red-300:hover { + .xl\:placeholder-red-300::placeholder { color: #fca5a5; } - .xl\:hover\:text-red-400:hover { + .xl\:placeholder-red-400::placeholder { color: #f87171; } - .xl\:hover\:text-red-500:hover { + .xl\:placeholder-red-500::placeholder { color: #ef4444; } - .xl\:hover\:text-red-600:hover { + .xl\:placeholder-red-600::placeholder { color: #dc2626; } - .xl\:hover\:text-red-700:hover { + .xl\:placeholder-red-700::placeholder { color: #b91c1c; } - .xl\:hover\:text-red-800:hover { + .xl\:placeholder-red-800::placeholder { color: #991b1b; } - .xl\:hover\:text-red-900:hover { + .xl\:placeholder-red-900::placeholder { color: #7f1d1d; } - .xl\:hover\:text-yellow-50:hover { + .xl\:placeholder-yellow-50::placeholder { color: #fffbeb; } - .xl\:hover\:text-yellow-100:hover { + .xl\:placeholder-yellow-100::placeholder { color: #fef3c7; } - .xl\:hover\:text-yellow-200:hover { + .xl\:placeholder-yellow-200::placeholder { color: #fde68a; } - .xl\:hover\:text-yellow-300:hover { + .xl\:placeholder-yellow-300::placeholder { color: #fcd34d; } - .xl\:hover\:text-yellow-400:hover { + .xl\:placeholder-yellow-400::placeholder { color: #fbbf24; } - .xl\:hover\:text-yellow-500:hover { + .xl\:placeholder-yellow-500::placeholder { color: #f59e0b; } - .xl\:hover\:text-yellow-600:hover { + .xl\:placeholder-yellow-600::placeholder { color: #d97706; } - .xl\:hover\:text-yellow-700:hover { + .xl\:placeholder-yellow-700::placeholder { color: #b45309; } - .xl\:hover\:text-yellow-800:hover { + .xl\:placeholder-yellow-800::placeholder { color: #92400e; } - .xl\:hover\:text-yellow-900:hover { + .xl\:placeholder-yellow-900::placeholder { color: #78350f; } - .xl\:hover\:text-green-50:hover { + .xl\:placeholder-green-50::placeholder { color: #ecfdf5; } - .xl\:hover\:text-green-100:hover { + .xl\:placeholder-green-100::placeholder { color: #d1fae5; } - .xl\:hover\:text-green-200:hover { + .xl\:placeholder-green-200::placeholder { color: #a7f3d0; } - .xl\:hover\:text-green-300:hover { + .xl\:placeholder-green-300::placeholder { color: #6ee7b7; } - .xl\:hover\:text-green-400:hover { + .xl\:placeholder-green-400::placeholder { color: #34d399; } - .xl\:hover\:text-green-500:hover { + .xl\:placeholder-green-500::placeholder { color: #10b981; } - .xl\:hover\:text-green-600:hover { + .xl\:placeholder-green-600::placeholder { color: #059669; } - .xl\:hover\:text-green-700:hover { + .xl\:placeholder-green-700::placeholder { color: #047857; } - .xl\:hover\:text-green-800:hover { + .xl\:placeholder-green-800::placeholder { color: #065f46; } - .xl\:hover\:text-green-900:hover { + .xl\:placeholder-green-900::placeholder { color: #064e3b; } - .xl\:hover\:text-blue-50:hover { + .xl\:placeholder-blue-50::placeholder { color: #eff6ff; } - .xl\:hover\:text-blue-100:hover { + .xl\:placeholder-blue-100::placeholder { color: #dbeafe; } - .xl\:hover\:text-blue-200:hover { + .xl\:placeholder-blue-200::placeholder { color: #bfdbfe; } - .xl\:hover\:text-blue-300:hover { + .xl\:placeholder-blue-300::placeholder { color: #93c5fd; } - .xl\:hover\:text-blue-400:hover { + .xl\:placeholder-blue-400::placeholder { color: #60a5fa; } - .xl\:hover\:text-blue-500:hover { + .xl\:placeholder-blue-500::placeholder { color: #3b82f6; } - .xl\:hover\:text-blue-600:hover { + .xl\:placeholder-blue-600::placeholder { color: #2563eb; } - .xl\:hover\:text-blue-700:hover { + .xl\:placeholder-blue-700::placeholder { color: #1d4ed8; } - .xl\:hover\:text-blue-800:hover { + .xl\:placeholder-blue-800::placeholder { color: #1e40af; } - .xl\:hover\:text-blue-900:hover { + .xl\:placeholder-blue-900::placeholder { color: #1e3a8a; } - .xl\:hover\:text-purple-50:hover { + .xl\:placeholder-purple-50::placeholder { color: #f5f3ff; } - .xl\:hover\:text-purple-100:hover { + .xl\:placeholder-purple-100::placeholder { color: #ede9fe; } - .xl\:hover\:text-purple-200:hover { + .xl\:placeholder-purple-200::placeholder { color: #ddd6fe; } - .xl\:hover\:text-purple-300:hover { + .xl\:placeholder-purple-300::placeholder { color: #c4b5fd; } - .xl\:hover\:text-purple-400:hover { + .xl\:placeholder-purple-400::placeholder { color: #a78bfa; } - .xl\:hover\:text-purple-500:hover { + .xl\:placeholder-purple-500::placeholder { color: #8b5cf6; } - .xl\:hover\:text-purple-600:hover { + .xl\:placeholder-purple-600::placeholder { color: #7c3aed; } - .xl\:hover\:text-purple-700:hover { + .xl\:placeholder-purple-700::placeholder { color: #6d28d9; } - .xl\:hover\:text-purple-800:hover { + .xl\:placeholder-purple-800::placeholder { color: #5b21b6; } - .xl\:hover\:text-purple-900:hover { + .xl\:placeholder-purple-900::placeholder { color: #4c1d95; } - .xl\:hover\:text-pink-50:hover { + .xl\:placeholder-pink-50::placeholder { color: #fdf2f8; } - .xl\:hover\:text-pink-100:hover { + .xl\:placeholder-pink-100::placeholder { color: #fce7f3; } - .xl\:hover\:text-pink-200:hover { + .xl\:placeholder-pink-200::placeholder { color: #fbcfe8; } - .xl\:hover\:text-pink-300:hover { + .xl\:placeholder-pink-300::placeholder { color: #f9a8d4; } - .xl\:hover\:text-pink-400:hover { + .xl\:placeholder-pink-400::placeholder { color: #f472b6; } - .xl\:hover\:text-pink-500:hover { + .xl\:placeholder-pink-500::placeholder { color: #ec4899; } - .xl\:hover\:text-pink-600:hover { + .xl\:placeholder-pink-600::placeholder { color: #db2777; } - .xl\:hover\:text-pink-700:hover { + .xl\:placeholder-pink-700::placeholder { color: #be185d; } - .xl\:hover\:text-pink-800:hover { + .xl\:placeholder-pink-800::placeholder { color: #9d174d; } - .xl\:hover\:text-pink-900:hover { + .xl\:placeholder-pink-900::placeholder { color: #831843; } - .xl\:focus\:text-transparent:focus { + .xl\:focus\:placeholder-transparent:focus::placeholder { color: transparent; } - .xl\:focus\:text-current:focus { + .xl\:focus\:placeholder-current:focus::placeholder { color: currentColor; } - .xl\:focus\:text-black:focus { + .xl\:focus\:placeholder-black:focus::placeholder { color: #000; } - .xl\:focus\:text-white:focus { + .xl\:focus\:placeholder-white:focus::placeholder { color: #fff; } - .xl\:focus\:text-gray-50:focus { + .xl\:focus\:placeholder-gray-50:focus::placeholder { color: #fafafa; } - .xl\:focus\:text-gray-100:focus { + .xl\:focus\:placeholder-gray-100:focus::placeholder { color: #f4f4f5; } - .xl\:focus\:text-gray-200:focus { + .xl\:focus\:placeholder-gray-200:focus::placeholder { color: #e4e4e7; } - .xl\:focus\:text-gray-300:focus { + .xl\:focus\:placeholder-gray-300:focus::placeholder { color: #d4d4d8; } - .xl\:focus\:text-gray-400:focus { + .xl\:focus\:placeholder-gray-400:focus::placeholder { color: #a1a1aa; } - .xl\:focus\:text-gray-500:focus { + .xl\:focus\:placeholder-gray-500:focus::placeholder { color: #71717a; } - .xl\:focus\:text-gray-600:focus { + .xl\:focus\:placeholder-gray-600:focus::placeholder { color: #52525b; } - .xl\:focus\:text-gray-700:focus { + .xl\:focus\:placeholder-gray-700:focus::placeholder { color: #3f3f46; } - .xl\:focus\:text-gray-800:focus { + .xl\:focus\:placeholder-gray-800:focus::placeholder { color: #27272a; } - .xl\:focus\:text-gray-900:focus { + .xl\:focus\:placeholder-gray-900:focus::placeholder { color: #18181b; } - .xl\:focus\:text-red-50:focus { + .xl\:focus\:placeholder-red-50:focus::placeholder { color: #fef2f2; } - .xl\:focus\:text-red-100:focus { + .xl\:focus\:placeholder-red-100:focus::placeholder { color: #fee2e2; } - .xl\:focus\:text-red-200:focus { + .xl\:focus\:placeholder-red-200:focus::placeholder { color: #fecaca; } - .xl\:focus\:text-red-300:focus { + .xl\:focus\:placeholder-red-300:focus::placeholder { color: #fca5a5; } - .xl\:focus\:text-red-400:focus { + .xl\:focus\:placeholder-red-400:focus::placeholder { color: #f87171; } - .xl\:focus\:text-red-500:focus { + .xl\:focus\:placeholder-red-500:focus::placeholder { color: #ef4444; } - .xl\:focus\:text-red-600:focus { + .xl\:focus\:placeholder-red-600:focus::placeholder { color: #dc2626; } - .xl\:focus\:text-red-700:focus { + .xl\:focus\:placeholder-red-700:focus::placeholder { color: #b91c1c; } - .xl\:focus\:text-red-800:focus { + .xl\:focus\:placeholder-red-800:focus::placeholder { color: #991b1b; } - .xl\:focus\:text-red-900:focus { + .xl\:focus\:placeholder-red-900:focus::placeholder { color: #7f1d1d; } - .xl\:focus\:text-yellow-50:focus { + .xl\:focus\:placeholder-yellow-50:focus::placeholder { color: #fffbeb; } - .xl\:focus\:text-yellow-100:focus { + .xl\:focus\:placeholder-yellow-100:focus::placeholder { color: #fef3c7; } - .xl\:focus\:text-yellow-200:focus { + .xl\:focus\:placeholder-yellow-200:focus::placeholder { color: #fde68a; } - .xl\:focus\:text-yellow-300:focus { + .xl\:focus\:placeholder-yellow-300:focus::placeholder { color: #fcd34d; } - .xl\:focus\:text-yellow-400:focus { + .xl\:focus\:placeholder-yellow-400:focus::placeholder { color: #fbbf24; } - .xl\:focus\:text-yellow-500:focus { + .xl\:focus\:placeholder-yellow-500:focus::placeholder { color: #f59e0b; } - .xl\:focus\:text-yellow-600:focus { + .xl\:focus\:placeholder-yellow-600:focus::placeholder { color: #d97706; } - .xl\:focus\:text-yellow-700:focus { + .xl\:focus\:placeholder-yellow-700:focus::placeholder { color: #b45309; } - .xl\:focus\:text-yellow-800:focus { + .xl\:focus\:placeholder-yellow-800:focus::placeholder { color: #92400e; } - .xl\:focus\:text-yellow-900:focus { + .xl\:focus\:placeholder-yellow-900:focus::placeholder { color: #78350f; } - .xl\:focus\:text-green-50:focus { + .xl\:focus\:placeholder-green-50:focus::placeholder { color: #ecfdf5; } - .xl\:focus\:text-green-100:focus { + .xl\:focus\:placeholder-green-100:focus::placeholder { color: #d1fae5; } - .xl\:focus\:text-green-200:focus { + .xl\:focus\:placeholder-green-200:focus::placeholder { color: #a7f3d0; } - .xl\:focus\:text-green-300:focus { + .xl\:focus\:placeholder-green-300:focus::placeholder { color: #6ee7b7; } - .xl\:focus\:text-green-400:focus { + .xl\:focus\:placeholder-green-400:focus::placeholder { color: #34d399; } - .xl\:focus\:text-green-500:focus { + .xl\:focus\:placeholder-green-500:focus::placeholder { color: #10b981; } - .xl\:focus\:text-green-600:focus { + .xl\:focus\:placeholder-green-600:focus::placeholder { color: #059669; } - .xl\:focus\:text-green-700:focus { + .xl\:focus\:placeholder-green-700:focus::placeholder { color: #047857; } - .xl\:focus\:text-green-800:focus { + .xl\:focus\:placeholder-green-800:focus::placeholder { color: #065f46; } - .xl\:focus\:text-green-900:focus { + .xl\:focus\:placeholder-green-900:focus::placeholder { color: #064e3b; } - .xl\:focus\:text-blue-50:focus { + .xl\:focus\:placeholder-blue-50:focus::placeholder { color: #eff6ff; } - .xl\:focus\:text-blue-100:focus { + .xl\:focus\:placeholder-blue-100:focus::placeholder { color: #dbeafe; } - .xl\:focus\:text-blue-200:focus { + .xl\:focus\:placeholder-blue-200:focus::placeholder { color: #bfdbfe; } - .xl\:focus\:text-blue-300:focus { + .xl\:focus\:placeholder-blue-300:focus::placeholder { color: #93c5fd; } - .xl\:focus\:text-blue-400:focus { + .xl\:focus\:placeholder-blue-400:focus::placeholder { color: #60a5fa; } - .xl\:focus\:text-blue-500:focus { + .xl\:focus\:placeholder-blue-500:focus::placeholder { color: #3b82f6; } - .xl\:focus\:text-blue-600:focus { + .xl\:focus\:placeholder-blue-600:focus::placeholder { color: #2563eb; } - .xl\:focus\:text-blue-700:focus { + .xl\:focus\:placeholder-blue-700:focus::placeholder { color: #1d4ed8; } - .xl\:focus\:text-blue-800:focus { + .xl\:focus\:placeholder-blue-800:focus::placeholder { color: #1e40af; } - .xl\:focus\:text-blue-900:focus { + .xl\:focus\:placeholder-blue-900:focus::placeholder { color: #1e3a8a; } - .xl\:focus\:text-purple-50:focus { + .xl\:focus\:placeholder-purple-50:focus::placeholder { color: #f5f3ff; } - .xl\:focus\:text-purple-100:focus { + .xl\:focus\:placeholder-purple-100:focus::placeholder { color: #ede9fe; } - .xl\:focus\:text-purple-200:focus { + .xl\:focus\:placeholder-purple-200:focus::placeholder { color: #ddd6fe; } - .xl\:focus\:text-purple-300:focus { + .xl\:focus\:placeholder-purple-300:focus::placeholder { color: #c4b5fd; } - .xl\:focus\:text-purple-400:focus { + .xl\:focus\:placeholder-purple-400:focus::placeholder { color: #a78bfa; } - .xl\:focus\:text-purple-500:focus { + .xl\:focus\:placeholder-purple-500:focus::placeholder { color: #8b5cf6; } - .xl\:focus\:text-purple-600:focus { + .xl\:focus\:placeholder-purple-600:focus::placeholder { color: #7c3aed; } - .xl\:focus\:text-purple-700:focus { + .xl\:focus\:placeholder-purple-700:focus::placeholder { color: #6d28d9; } - .xl\:focus\:text-purple-800:focus { + .xl\:focus\:placeholder-purple-800:focus::placeholder { color: #5b21b6; } - .xl\:focus\:text-purple-900:focus { + .xl\:focus\:placeholder-purple-900:focus::placeholder { color: #4c1d95; } - .xl\:focus\:text-pink-50:focus { + .xl\:focus\:placeholder-pink-50:focus::placeholder { color: #fdf2f8; } - .xl\:focus\:text-pink-100:focus { + .xl\:focus\:placeholder-pink-100:focus::placeholder { color: #fce7f3; } - .xl\:focus\:text-pink-200:focus { + .xl\:focus\:placeholder-pink-200:focus::placeholder { color: #fbcfe8; } - .xl\:focus\:text-pink-300:focus { + .xl\:focus\:placeholder-pink-300:focus::placeholder { color: #f9a8d4; } - .xl\:focus\:text-pink-400:focus { + .xl\:focus\:placeholder-pink-400:focus::placeholder { color: #f472b6; } - .xl\:focus\:text-pink-500:focus { + .xl\:focus\:placeholder-pink-500:focus::placeholder { color: #ec4899; } - .xl\:focus\:text-pink-600:focus { + .xl\:focus\:placeholder-pink-600:focus::placeholder { color: #db2777; } - .xl\:focus\:text-pink-700:focus { + .xl\:focus\:placeholder-pink-700:focus::placeholder { color: #be185d; } - .xl\:focus\:text-pink-800:focus { + .xl\:focus\:placeholder-pink-800:focus::placeholder { color: #9d174d; } - .xl\:focus\:text-pink-900:focus { + .xl\:focus\:placeholder-pink-900:focus::placeholder { color: #831843; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:text-transparent { - color: transparent; - } - - .xl\:dark\:text-current { - color: currentColor; - } - - .xl\:dark\:text-black { - color: #000; - } - - .xl\:dark\:text-white { - color: #fff; - } - - .xl\:dark\:text-gray-50 { - color: #fafafa; - } - - .xl\:dark\:text-gray-100 { - color: #f4f4f5; - } - - .xl\:dark\:text-gray-200 { - color: #e4e4e7; - } - - .xl\:dark\:text-gray-300 { - color: #d4d4d8; - } - - .xl\:dark\:text-gray-400 { - color: #a1a1aa; - } - - .xl\:dark\:text-gray-500 { - color: #71717a; - } - - .xl\:dark\:text-gray-600 { - color: #52525b; - } - - .xl\:dark\:text-gray-700 { - color: #3f3f46; - } - - .xl\:dark\:text-gray-800 { - color: #27272a; - } - - .xl\:dark\:text-gray-900 { - color: #18181b; - } - - .xl\:dark\:text-red-50 { - color: #fef2f2; - } - - .xl\:dark\:text-red-100 { - color: #fee2e2; - } - - .xl\:dark\:text-red-200 { - color: #fecaca; - } - - .xl\:dark\:text-red-300 { - color: #fca5a5; - } - - .xl\:dark\:text-red-400 { - color: #f87171; - } - - .xl\:dark\:text-red-500 { - color: #ef4444; - } - - .xl\:dark\:text-red-600 { - color: #dc2626; - } - - .xl\:dark\:text-red-700 { - color: #b91c1c; - } - - .xl\:dark\:text-red-800 { - color: #991b1b; - } - - .xl\:dark\:text-red-900 { - color: #7f1d1d; - } - - .xl\:dark\:text-yellow-50 { - color: #fffbeb; - } - - .xl\:dark\:text-yellow-100 { - color: #fef3c7; - } - - .xl\:dark\:text-yellow-200 { - color: #fde68a; - } - - .xl\:dark\:text-yellow-300 { - color: #fcd34d; - } - - .xl\:dark\:text-yellow-400 { - color: #fbbf24; - } - - .xl\:dark\:text-yellow-500 { - color: #f59e0b; - } - - .xl\:dark\:text-yellow-600 { - color: #d97706; - } - - .xl\:dark\:text-yellow-700 { - color: #b45309; - } - - .xl\:dark\:text-yellow-800 { - color: #92400e; - } - - .xl\:dark\:text-yellow-900 { - color: #78350f; - } - - .xl\:dark\:text-green-50 { - color: #ecfdf5; - } - - .xl\:dark\:text-green-100 { - color: #d1fae5; - } - - .xl\:dark\:text-green-200 { - color: #a7f3d0; - } - - .xl\:dark\:text-green-300 { - color: #6ee7b7; - } - - .xl\:dark\:text-green-400 { - color: #34d399; - } - - .xl\:dark\:text-green-500 { - color: #10b981; - } - - .xl\:dark\:text-green-600 { - color: #059669; - } - - .xl\:dark\:text-green-700 { - color: #047857; - } - - .xl\:dark\:text-green-800 { - color: #065f46; - } - - .xl\:dark\:text-green-900 { - color: #064e3b; - } - - .xl\:dark\:text-blue-50 { - color: #eff6ff; - } - - .xl\:dark\:text-blue-100 { - color: #dbeafe; - } - - .xl\:dark\:text-blue-200 { - color: #bfdbfe; - } - - .xl\:dark\:text-blue-300 { - color: #93c5fd; - } - - .xl\:dark\:text-blue-400 { - color: #60a5fa; - } - - .xl\:dark\:text-blue-500 { - color: #3b82f6; - } - - .xl\:dark\:text-blue-600 { - color: #2563eb; - } - - .xl\:dark\:text-blue-700 { - color: #1d4ed8; - } - - .xl\:dark\:text-blue-800 { - color: #1e40af; - } - - .xl\:dark\:text-blue-900 { - color: #1e3a8a; - } - - .xl\:dark\:text-purple-50 { - color: #f5f3ff; - } - - .xl\:dark\:text-purple-100 { - color: #ede9fe; - } - - .xl\:dark\:text-purple-200 { - color: #ddd6fe; - } - - .xl\:dark\:text-purple-300 { - color: #c4b5fd; - } - - .xl\:dark\:text-purple-400 { - color: #a78bfa; - } - - .xl\:dark\:text-purple-500 { - color: #8b5cf6; - } - - .xl\:dark\:text-purple-600 { - color: #7c3aed; - } - - .xl\:dark\:text-purple-700 { - color: #6d28d9; - } - - .xl\:dark\:text-purple-800 { - color: #5b21b6; - } - - .xl\:dark\:text-purple-900 { - color: #4c1d95; - } - - .xl\:dark\:text-pink-50 { - color: #fdf2f8; - } - - .xl\:dark\:text-pink-100 { - color: #fce7f3; - } - - .xl\:dark\:text-pink-200 { - color: #fbcfe8; - } - - .xl\:dark\:text-pink-300 { - color: #f9a8d4; - } - - .xl\:dark\:text-pink-400 { - color: #f472b6; - } - - .xl\:dark\:text-pink-500 { - color: #ec4899; - } - - .xl\:dark\:text-pink-600 { - color: #db2777; - } - - .xl\:dark\:text-pink-700 { - color: #be185d; - } - - .xl\:dark\:text-pink-800 { - color: #9d174d; - } - - .xl\:dark\:text-pink-900 { - color: #831843; - } - - .group:hover .xl\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .xl\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .xl\:dark\:group-hover\:text-black { - color: #000; - } - - .group:hover .xl\:dark\:group-hover\:text-white { - color: #fff; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-50 { - color: #fafafa; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-100 { - color: #f4f4f5; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-200 { - color: #e4e4e7; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-300 { - color: #d4d4d8; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-400 { - color: #a1a1aa; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-500 { - color: #71717a; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-600 { - color: #52525b; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-700 { - color: #3f3f46; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-800 { - color: #27272a; - } - - .group:hover .xl\:dark\:group-hover\:text-gray-900 { - color: #18181b; - } - - .group:hover .xl\:dark\:group-hover\:text-red-50 { - color: #fef2f2; - } - - .group:hover .xl\:dark\:group-hover\:text-red-100 { - color: #fee2e2; - } - - .group:hover .xl\:dark\:group-hover\:text-red-200 { - color: #fecaca; - } - - .group:hover .xl\:dark\:group-hover\:text-red-300 { - color: #fca5a5; - } - - .group:hover .xl\:dark\:group-hover\:text-red-400 { - color: #f87171; - } - - .group:hover .xl\:dark\:group-hover\:text-red-500 { - color: #ef4444; - } - - .group:hover .xl\:dark\:group-hover\:text-red-600 { - color: #dc2626; - } - - .group:hover .xl\:dark\:group-hover\:text-red-700 { - color: #b91c1c; - } - - .group:hover .xl\:dark\:group-hover\:text-red-800 { - color: #991b1b; - } - - .group:hover .xl\:dark\:group-hover\:text-red-900 { - color: #7f1d1d; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-50 { - color: #fffbeb; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-100 { - color: #fef3c7; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-200 { - color: #fde68a; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-300 { - color: #fcd34d; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-400 { - color: #fbbf24; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-500 { - color: #f59e0b; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-600 { - color: #d97706; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-700 { - color: #b45309; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-800 { - color: #92400e; - } - - .group:hover .xl\:dark\:group-hover\:text-yellow-900 { - color: #78350f; - } - - .group:hover .xl\:dark\:group-hover\:text-green-50 { - color: #ecfdf5; - } - - .group:hover .xl\:dark\:group-hover\:text-green-100 { - color: #d1fae5; - } - - .group:hover .xl\:dark\:group-hover\:text-green-200 { - color: #a7f3d0; - } - - .group:hover .xl\:dark\:group-hover\:text-green-300 { - color: #6ee7b7; - } - - .group:hover .xl\:dark\:group-hover\:text-green-400 { - color: #34d399; - } - - .group:hover .xl\:dark\:group-hover\:text-green-500 { - color: #10b981; - } - - .group:hover .xl\:dark\:group-hover\:text-green-600 { - color: #059669; - } - - .group:hover .xl\:dark\:group-hover\:text-green-700 { - color: #047857; - } - - .group:hover .xl\:dark\:group-hover\:text-green-800 { - color: #065f46; - } - - .group:hover .xl\:dark\:group-hover\:text-green-900 { - color: #064e3b; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-50 { - color: #eff6ff; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-100 { - color: #dbeafe; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-200 { - color: #bfdbfe; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-300 { - color: #93c5fd; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-400 { - color: #60a5fa; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-500 { - color: #3b82f6; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-600 { - color: #2563eb; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-700 { - color: #1d4ed8; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-800 { - color: #1e40af; - } - - .group:hover .xl\:dark\:group-hover\:text-blue-900 { - color: #1e3a8a; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-50 { - color: #f5f3ff; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-100 { - color: #ede9fe; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-200 { - color: #ddd6fe; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-300 { - color: #c4b5fd; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-400 { - color: #a78bfa; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-500 { - color: #8b5cf6; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-600 { - color: #7c3aed; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-700 { - color: #6d28d9; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-800 { - color: #5b21b6; - } - - .group:hover .xl\:dark\:group-hover\:text-purple-900 { - color: #4c1d95; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-50 { - color: #fdf2f8; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-100 { - color: #fce7f3; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-200 { - color: #fbcfe8; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-300 { - color: #f9a8d4; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-400 { - color: #f472b6; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-500 { - color: #ec4899; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-600 { - color: #db2777; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-700 { - color: #be185d; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-800 { - color: #9d174d; - } - - .group:hover .xl\:dark\:group-hover\:text-pink-900 { - color: #831843; - } - - .xl\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .xl\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .xl\:dark\:hover\:text-black:hover { - color: #000; - } - - .xl\:dark\:hover\:text-white:hover { - color: #fff; - } - - .xl\:dark\:hover\:text-gray-50:hover { - color: #fafafa; - } - - .xl\:dark\:hover\:text-gray-100:hover { - color: #f4f4f5; - } - - .xl\:dark\:hover\:text-gray-200:hover { - color: #e4e4e7; - } - - .xl\:dark\:hover\:text-gray-300:hover { - color: #d4d4d8; - } - - .xl\:dark\:hover\:text-gray-400:hover { - color: #a1a1aa; - } - - .xl\:dark\:hover\:text-gray-500:hover { - color: #71717a; - } - - .xl\:dark\:hover\:text-gray-600:hover { - color: #52525b; - } - - .xl\:dark\:hover\:text-gray-700:hover { - color: #3f3f46; - } - - .xl\:dark\:hover\:text-gray-800:hover { - color: #27272a; - } - - .xl\:dark\:hover\:text-gray-900:hover { - color: #18181b; - } - - .xl\:dark\:hover\:text-red-50:hover { - color: #fef2f2; - } - - .xl\:dark\:hover\:text-red-100:hover { - color: #fee2e2; - } - - .xl\:dark\:hover\:text-red-200:hover { - color: #fecaca; - } - - .xl\:dark\:hover\:text-red-300:hover { - color: #fca5a5; - } - - .xl\:dark\:hover\:text-red-400:hover { - color: #f87171; - } - - .xl\:dark\:hover\:text-red-500:hover { - color: #ef4444; - } - - .xl\:dark\:hover\:text-red-600:hover { - color: #dc2626; - } - - .xl\:dark\:hover\:text-red-700:hover { - color: #b91c1c; - } - - .xl\:dark\:hover\:text-red-800:hover { - color: #991b1b; - } - - .xl\:dark\:hover\:text-red-900:hover { - color: #7f1d1d; - } - - .xl\:dark\:hover\:text-yellow-50:hover { - color: #fffbeb; - } - - .xl\:dark\:hover\:text-yellow-100:hover { - color: #fef3c7; - } - - .xl\:dark\:hover\:text-yellow-200:hover { - color: #fde68a; - } - - .xl\:dark\:hover\:text-yellow-300:hover { - color: #fcd34d; - } - - .xl\:dark\:hover\:text-yellow-400:hover { - color: #fbbf24; - } - - .xl\:dark\:hover\:text-yellow-500:hover { - color: #f59e0b; - } - - .xl\:dark\:hover\:text-yellow-600:hover { - color: #d97706; - } - - .xl\:dark\:hover\:text-yellow-700:hover { - color: #b45309; - } - - .xl\:dark\:hover\:text-yellow-800:hover { - color: #92400e; - } - - .xl\:dark\:hover\:text-yellow-900:hover { - color: #78350f; - } - - .xl\:dark\:hover\:text-green-50:hover { - color: #ecfdf5; - } - - .xl\:dark\:hover\:text-green-100:hover { - color: #d1fae5; - } - - .xl\:dark\:hover\:text-green-200:hover { - color: #a7f3d0; - } - - .xl\:dark\:hover\:text-green-300:hover { - color: #6ee7b7; - } - - .xl\:dark\:hover\:text-green-400:hover { - color: #34d399; - } - - .xl\:dark\:hover\:text-green-500:hover { - color: #10b981; - } - - .xl\:dark\:hover\:text-green-600:hover { - color: #059669; - } - - .xl\:dark\:hover\:text-green-700:hover { - color: #047857; - } + .xl\:pointer-events-none { + pointer-events: none; + } - .xl\:dark\:hover\:text-green-800:hover { - color: #065f46; - } + .xl\:pointer-events-auto { + pointer-events: auto; + } - .xl\:dark\:hover\:text-green-900:hover { - color: #064e3b; - } + .xl\:static { + position: static; + } - .xl\:dark\:hover\:text-blue-50:hover { - color: #eff6ff; - } + .xl\:fixed { + position: fixed; + } - .xl\:dark\:hover\:text-blue-100:hover { - color: #dbeafe; - } + .xl\:absolute { + position: absolute; + } - .xl\:dark\:hover\:text-blue-200:hover { - color: #bfdbfe; - } + .xl\:relative { + position: relative; + } - .xl\:dark\:hover\:text-blue-300:hover { - color: #93c5fd; - } + .xl\:sticky { + position: sticky; + } - .xl\:dark\:hover\:text-blue-400:hover { - color: #60a5fa; - } + .xl\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } - .xl\:dark\:hover\:text-blue-500:hover { - color: #3b82f6; - } + .xl\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } - .xl\:dark\:hover\:text-blue-600:hover { - color: #2563eb; - } + .xl\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } - .xl\:dark\:hover\:text-blue-700:hover { - color: #1d4ed8; - } + .xl\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } - .xl\:dark\:hover\:text-blue-800:hover { - color: #1e40af; - } + .xl\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } - .xl\:dark\:hover\:text-blue-900:hover { - color: #1e3a8a; - } + .xl\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } - .xl\:dark\:hover\:text-purple-50:hover { - color: #f5f3ff; - } + .xl\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } - .xl\:dark\:hover\:text-purple-100:hover { - color: #ede9fe; - } + .xl\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } - .xl\:dark\:hover\:text-purple-200:hover { - color: #ddd6fe; - } + .xl\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } - .xl\:dark\:hover\:text-purple-300:hover { - color: #c4b5fd; - } + .xl\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } - .xl\:dark\:hover\:text-purple-400:hover { - color: #a78bfa; - } + .xl\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } - .xl\:dark\:hover\:text-purple-500:hover { - color: #8b5cf6; - } + .xl\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } - .xl\:dark\:hover\:text-purple-600:hover { - color: #7c3aed; - } + .xl\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } - .xl\:dark\:hover\:text-purple-700:hover { - color: #6d28d9; - } + .xl\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } - .xl\:dark\:hover\:text-purple-800:hover { - color: #5b21b6; - } + .xl\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } - .xl\:dark\:hover\:text-purple-900:hover { - color: #4c1d95; - } + .xl\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } - .xl\:dark\:hover\:text-pink-50:hover { - color: #fdf2f8; - } + .xl\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } - .xl\:dark\:hover\:text-pink-100:hover { - color: #fce7f3; - } + .xl\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } - .xl\:dark\:hover\:text-pink-200:hover { - color: #fbcfe8; - } + .xl\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } - .xl\:dark\:hover\:text-pink-300:hover { - color: #f9a8d4; - } + .xl\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } - .xl\:dark\:hover\:text-pink-400:hover { - color: #f472b6; - } + .xl\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } - .xl\:dark\:hover\:text-pink-500:hover { - color: #ec4899; - } + .xl\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } - .xl\:dark\:hover\:text-pink-600:hover { - color: #db2777; - } + .xl\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } - .xl\:dark\:hover\:text-pink-700:hover { - color: #be185d; - } + .xl\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } - .xl\:dark\:hover\:text-pink-800:hover { - color: #9d174d; - } + .xl\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } - .xl\:dark\:hover\:text-pink-900:hover { - color: #831843; - } + .xl\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } - .xl\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .xl\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } - .xl\:dark\:focus\:text-current:focus { - color: currentColor; - } + .xl\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } - .xl\:dark\:focus\:text-black:focus { - color: #000; - } + .xl\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } - .xl\:dark\:focus\:text-white:focus { - color: #fff; - } + .xl\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } - .xl\:dark\:focus\:text-gray-50:focus { - color: #fafafa; - } + .xl\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } - .xl\:dark\:focus\:text-gray-100:focus { - color: #f4f4f5; - } + .xl\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } - .xl\:dark\:focus\:text-gray-200:focus { - color: #e4e4e7; - } + .xl\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } - .xl\:dark\:focus\:text-gray-300:focus { - color: #d4d4d8; - } + .xl\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } - .xl\:dark\:focus\:text-gray-400:focus { - color: #a1a1aa; - } + .xl\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } - .xl\:dark\:focus\:text-gray-500:focus { - color: #71717a; - } + .xl\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } - .xl\:dark\:focus\:text-gray-600:focus { - color: #52525b; - } + .xl\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } - .xl\:dark\:focus\:text-gray-700:focus { - color: #3f3f46; - } + .xl\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } - .xl\:dark\:focus\:text-gray-800:focus { - color: #27272a; - } + .xl\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } - .xl\:dark\:focus\:text-gray-900:focus { - color: #18181b; - } + .xl\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } - .xl\:dark\:focus\:text-red-50:focus { - color: #fef2f2; - } + .xl\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; + } - .xl\:dark\:focus\:text-red-100:focus { - color: #fee2e2; - } + .xl\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } - .xl\:dark\:focus\:text-red-200:focus { - color: #fecaca; - } + .xl\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } - .xl\:dark\:focus\:text-red-300:focus { - color: #fca5a5; - } + .xl\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } - .xl\:dark\:focus\:text-red-400:focus { - color: #f87171; - } + .xl\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } - .xl\:dark\:focus\:text-red-500:focus { - color: #ef4444; - } + .xl\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } - .xl\:dark\:focus\:text-red-600:focus { - color: #dc2626; - } + .xl\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } - .xl\:dark\:focus\:text-red-700:focus { - color: #b91c1c; - } + .xl\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } - .xl\:dark\:focus\:text-red-800:focus { - color: #991b1b; - } + .xl\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } - .xl\:dark\:focus\:text-red-900:focus { - color: #7f1d1d; - } + .xl\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } - .xl\:dark\:focus\:text-yellow-50:focus { - color: #fffbeb; - } + .xl\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } - .xl\:dark\:focus\:text-yellow-100:focus { - color: #fef3c7; - } + .xl\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } - .xl\:dark\:focus\:text-yellow-200:focus { - color: #fde68a; - } + .xl\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } - .xl\:dark\:focus\:text-yellow-300:focus { - color: #fcd34d; - } + .xl\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } - .xl\:dark\:focus\:text-yellow-400:focus { - color: #fbbf24; - } + .xl\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } - .xl\:dark\:focus\:text-yellow-500:focus { - color: #f59e0b; - } + .xl\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } - .xl\:dark\:focus\:text-yellow-600:focus { - color: #d97706; - } + .xl\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } - .xl\:dark\:focus\:text-yellow-700:focus { - color: #b45309; - } + .xl\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } - .xl\:dark\:focus\:text-yellow-800:focus { - color: #92400e; - } + .xl\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } - .xl\:dark\:focus\:text-yellow-900:focus { - color: #78350f; - } + .xl\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } - .xl\:dark\:focus\:text-green-50:focus { - color: #ecfdf5; - } + .xl\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } - .xl\:dark\:focus\:text-green-100:focus { - color: #d1fae5; - } + .xl\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } - .xl\:dark\:focus\:text-green-200:focus { - color: #a7f3d0; - } + .xl\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } - .xl\:dark\:focus\:text-green-300:focus { - color: #6ee7b7; - } + .xl\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } - .xl\:dark\:focus\:text-green-400:focus { - color: #34d399; - } + .xl\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } - .xl\:dark\:focus\:text-green-500:focus { - color: #10b981; - } + .xl\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } - .xl\:dark\:focus\:text-green-600:focus { - color: #059669; - } + .xl\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } - .xl\:dark\:focus\:text-green-700:focus { - color: #047857; - } + .xl\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } - .xl\:dark\:focus\:text-green-800:focus { - color: #065f46; - } + .xl\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .xl\:dark\:focus\:text-green-900:focus { - color: #064e3b; - } + .xl\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } - .xl\:dark\:focus\:text-blue-50:focus { - color: #eff6ff; - } + .xl\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } - .xl\:dark\:focus\:text-blue-100:focus { - color: #dbeafe; - } + .xl\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } - .xl\:dark\:focus\:text-blue-200:focus { - color: #bfdbfe; - } + .xl\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .xl\:dark\:focus\:text-blue-300:focus { - color: #93c5fd; - } + .xl\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } - .xl\:dark\:focus\:text-blue-400:focus { - color: #60a5fa; - } + .xl\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } - .xl\:dark\:focus\:text-blue-500:focus { - color: #3b82f6; - } + .xl\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .xl\:dark\:focus\:text-blue-600:focus { - color: #2563eb; - } + .xl\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } - .xl\:dark\:focus\:text-blue-700:focus { - color: #1d4ed8; - } + .xl\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } - .xl\:dark\:focus\:text-blue-800:focus { - color: #1e40af; - } + .xl\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } - .xl\:dark\:focus\:text-blue-900:focus { - color: #1e3a8a; - } + .xl\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .xl\:dark\:focus\:text-purple-50:focus { - color: #f5f3ff; - } + .xl\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } - .xl\:dark\:focus\:text-purple-100:focus { - color: #ede9fe; - } + .xl\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } - .xl\:dark\:focus\:text-purple-200:focus { - color: #ddd6fe; - } + .xl\:inset-y-0 { + top: 0; + bottom: 0; + } - .xl\:dark\:focus\:text-purple-300:focus { - color: #c4b5fd; - } + .xl\:inset-x-0 { + right: 0; + left: 0; + } - .xl\:dark\:focus\:text-purple-400:focus { - color: #a78bfa; - } + .xl\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } - .xl\:dark\:focus\:text-purple-500:focus { - color: #8b5cf6; - } + .xl\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } - .xl\:dark\:focus\:text-purple-600:focus { - color: #7c3aed; - } + .xl\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } - .xl\:dark\:focus\:text-purple-700:focus { - color: #6d28d9; - } + .xl\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } - .xl\:dark\:focus\:text-purple-800:focus { - color: #5b21b6; - } + .xl\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } - .xl\:dark\:focus\:text-purple-900:focus { - color: #4c1d95; - } + .xl\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } - .xl\:dark\:focus\:text-pink-50:focus { - color: #fdf2f8; - } + .xl\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } - .xl\:dark\:focus\:text-pink-100:focus { - color: #fce7f3; - } + .xl\:inset-x-4 { + right: 1rem; + left: 1rem; + } - .xl\:dark\:focus\:text-pink-200:focus { - color: #fbcfe8; - } + .xl\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } - .xl\:dark\:focus\:text-pink-300:focus { - color: #f9a8d4; - } + .xl\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } - .xl\:dark\:focus\:text-pink-400:focus { - color: #f472b6; - } + .xl\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } - .xl\:dark\:focus\:text-pink-500:focus { - color: #ec4899; - } + .xl\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } - .xl\:dark\:focus\:text-pink-600:focus { - color: #db2777; - } + .xl\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } - .xl\:dark\:focus\:text-pink-700:focus { - color: #be185d; - } + .xl\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } - .xl\:dark\:focus\:text-pink-800:focus { - color: #9d174d; - } + .xl\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } - .xl\:dark\:focus\:text-pink-900:focus { - color: #831843; - } + .xl\:inset-x-8 { + right: 2rem; + left: 2rem; } - .xl\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .xl\:overflow-ellipsis { - text-overflow: ellipsis; + .xl\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .xl\:overflow-clip { - text-overflow: clip; + .xl\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .xl\:italic { - font-style: italic; + .xl\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .xl\:not-italic { - font-style: normal; + .xl\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:uppercase { - text-transform: uppercase; + .xl\:inset-x-12 { + right: 3rem; + left: 3rem; } - .xl\:lowercase { - text-transform: lowercase; + .xl\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .xl\:capitalize { - text-transform: capitalize; + .xl\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .xl\:normal-case { - text-transform: none; + .xl\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .xl\:underline { - text-decoration: underline; + .xl\:inset-x-16 { + right: 4rem; + left: 4rem; } - .xl\:line-through { - text-decoration: line-through; + .xl\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .xl\:no-underline { - text-decoration: none; + .xl\:inset-x-20 { + right: 5rem; + left: 5rem; } - .xl\:hover\:underline:hover { - text-decoration: underline; + .xl\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:inset-x-24 { + right: 6rem; + left: 6rem; } - .xl\:hover\:no-underline:hover { - text-decoration: none; + .xl\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:focus\:underline:focus { - text-decoration: underline; + .xl\:inset-x-28 { + right: 7rem; + left: 7rem; } - .xl\:focus\:line-through:focus { - text-decoration: line-through; + .xl\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:focus\:no-underline:focus { - text-decoration: none; + .xl\:inset-x-32 { + right: 8rem; + left: 8rem; } - .xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:inset-x-36 { + right: 9rem; + left: 9rem; } - .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .xl\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:normal-nums { - font-variant-numeric: normal; + .xl\:inset-x-40 { + right: 10rem; + left: 10rem; } - .xl\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .xl\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .xl\:inset-x-44 { + right: 11rem; + left: 11rem; } - .xl\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .xl\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .xl\:inset-x-48 { + right: 12rem; + left: 12rem; } - .xl\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .xl\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .xl\:inset-x-52 { + right: 13rem; + left: 13rem; } - .xl\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .xl\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .xl\:inset-x-56 { + right: 14rem; + left: 14rem; } - .xl\:tracking-tighter { - letter-spacing: -0.05em; + .xl\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:tracking-tight { - letter-spacing: -0.025em; + .xl\:inset-x-60 { + right: 15rem; + left: 15rem; } - .xl\:tracking-normal { - letter-spacing: 0; + .xl\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:tracking-wide { - letter-spacing: 0.025em; + .xl\:inset-x-64 { + right: 16rem; + left: 16rem; } - .xl\:tracking-wider { - letter-spacing: 0.05em; + .xl\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:tracking-widest { - letter-spacing: 0.1em; + .xl\:inset-x-72 { + right: 18rem; + left: 18rem; } - .xl\:select-none { - user-select: none; + .xl\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:select-text { - user-select: text; + .xl\:inset-x-80 { + right: 20rem; + left: 20rem; } - .xl\:select-all { - user-select: all; + .xl\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:select-auto { - user-select: auto; + .xl\:inset-x-96 { + right: 24rem; + left: 24rem; } - .xl\:align-baseline { - vertical-align: baseline; + .xl\:inset-y-auto { + top: auto; + bottom: auto; } - .xl\:align-top { - vertical-align: top; + .xl\:inset-x-auto { + right: auto; + left: auto; } - .xl\:align-middle { - vertical-align: middle; + .xl\:inset-y-px { + top: 1px; + bottom: 1px; } - .xl\:align-bottom { - vertical-align: bottom; + .xl\:inset-x-px { + right: 1px; + left: 1px; } - .xl\:align-text-top { - vertical-align: text-top; + .xl\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .xl\:align-text-bottom { - vertical-align: text-bottom; + .xl\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .xl\:visible { - visibility: visible; + .xl\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .xl\:invisible { - visibility: hidden; + .xl\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .xl\:whitespace-normal { - white-space: normal; + .xl\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .xl\:whitespace-no-wrap { - white-space: nowrap; + .xl\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .xl\:whitespace-pre { - white-space: pre; + .xl\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .xl\:whitespace-pre-line { - white-space: pre-line; + .xl\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .xl\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .xl\:break-normal { - overflow-wrap: normal; - word-break: normal; + .xl\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .xl\:break-words { - overflow-wrap: break-word; + .xl\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .xl\:break-all { - word-break: break-all; + .xl\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .xl\:w-0 { - width: 0; + .xl\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .xl\:w-1 { - width: 0.25rem; + .xl\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .xl\:w-2 { - width: 0.5rem; + .xl\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .xl\:w-3 { - width: 0.75rem; + .xl\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .xl\:w-4 { - width: 1rem; + .xl\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .xl\:w-5 { - width: 1.25rem; + .xl\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .xl\:w-6 { - width: 1.5rem; + .xl\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .xl\:w-7 { - width: 1.75rem; + .xl\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .xl\:w-8 { - width: 2rem; + .xl\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .xl\:w-9 { - width: 2.25rem; + .xl\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .xl\:w-10 { - width: 2.5rem; + .xl\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .xl\:w-12 { - width: 3rem; + .xl\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .xl\:w-14 { - width: 3.5rem; + .xl\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:w-16 { - width: 4rem; + .xl\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .xl\:w-20 { - width: 5rem; + .xl\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:w-24 { - width: 6rem; + .xl\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .xl\:w-28 { - width: 7rem; + .xl\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:w-32 { - width: 8rem; + .xl\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .xl\:w-36 { - width: 9rem; + .xl\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:w-40 { - width: 10rem; + .xl\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .xl\:w-44 { - width: 11rem; + .xl\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:w-48 { - width: 12rem; + .xl\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .xl\:w-52 { - width: 13rem; + .xl\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:w-56 { - width: 14rem; + .xl\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .xl\:w-60 { - width: 15rem; + .xl\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:w-64 { - width: 16rem; + .xl\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .xl\:w-72 { - width: 18rem; + .xl\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:w-80 { - width: 20rem; + .xl\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .xl\:w-96 { - width: 24rem; + .xl\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:w-auto { - width: auto; + .xl\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .xl\:w-px { - width: 1px; + .xl\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:w-0\.5 { - width: 0.125rem; + .xl\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .xl\:w-1\.5 { - width: 0.375rem; + .xl\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:w-2\.5 { - width: 0.625rem; + .xl\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .xl\:w-3\.5 { - width: 0.875rem; + .xl\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:w-1\/2 { - width: 50%; + .xl\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .xl\:w-1\/3 { - width: 33.333333%; + .xl\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .xl\:w-2\/3 { - width: 66.666667%; + .xl\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .xl\:w-1\/4 { - width: 25%; + .xl\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .xl\:w-2\/4 { - width: 50%; + .xl\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .xl\:w-3\/4 { - width: 75%; + .xl\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .xl\:w-1\/5 { - width: 20%; + .xl\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .xl\:w-2\/5 { - width: 40%; + .xl\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .xl\:w-3\/5 { - width: 60%; + .xl\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .xl\:w-4\/5 { - width: 80%; + .xl\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .xl\:w-1\/6 { - width: 16.666667%; + .xl\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .xl\:w-2\/6 { - width: 33.333333%; + .xl\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .xl\:w-3\/6 { - width: 50%; + .xl\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .xl\:w-4\/6 { - width: 66.666667%; + .xl\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .xl\:w-5\/6 { - width: 83.333333%; + .xl\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .xl\:w-1\/12 { - width: 8.333333%; + .xl\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .xl\:w-2\/12 { - width: 16.666667%; + .xl\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .xl\:w-3\/12 { - width: 25%; + .xl\:-inset-y-px { + top: -1px; + bottom: -1px; } - .xl\:w-4\/12 { - width: 33.333333%; + .xl\:-inset-x-px { + right: -1px; + left: -1px; } - .xl\:w-5\/12 { - width: 41.666667%; + .xl\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .xl\:w-6\/12 { - width: 50%; + .xl\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .xl\:w-7\/12 { - width: 58.333333%; + .xl\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .xl\:w-8\/12 { - width: 66.666667%; + .xl\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .xl\:w-9\/12 { - width: 75%; + .xl\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .xl\:w-10\/12 { - width: 83.333333%; + .xl\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .xl\:w-11\/12 { - width: 91.666667%; + .xl\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .xl\:w-full { - width: 100%; + .xl\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .xl\:w-screen { - width: 100vw; + .xl\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .xl\:w-min { - width: min-content; + .xl\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .xl\:w-max { - width: max-content; + .xl\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .xl\:z-0 { - z-index: 0; + .xl\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .xl\:z-10 { - z-index: 10; + .xl\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .xl\:z-20 { - z-index: 20; + .xl\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .xl\:z-30 { - z-index: 30; + .xl\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .xl\:z-40 { - z-index: 40; + .xl\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .xl\:z-50 { - z-index: 50; + .xl\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .xl\:z-auto { - z-index: auto; + .xl\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .xl\:focus\:z-0:focus { - z-index: 0; + .xl\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .xl\:focus\:z-10:focus { - z-index: 10; + .xl\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .xl\:focus\:z-20:focus { - z-index: 20; + .xl\:inset-y-full { + top: 100%; + bottom: 100%; } - .xl\:focus\:z-30:focus { - z-index: 30; + .xl\:inset-x-full { + right: 100%; + left: 100%; } - .xl\:focus\:z-40:focus { - z-index: 40; + .xl\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .xl\:focus\:z-50:focus { - z-index: 50; + .xl\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .xl\:focus\:z-auto:focus { - z-index: auto; + .xl\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .xl\:gap-0 { - grid-gap: 0; - gap: 0; + .xl\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .xl\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .xl\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .xl\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .xl\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .xl\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .xl\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .xl\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .xl\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .xl\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .xl\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .xl\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .xl\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .xl\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .xl\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .xl\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .xl\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .xl\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .xl\:-inset-y-full { + top: -100%; + bottom: -100%; } - .xl\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .xl\:-inset-x-full { + right: -100%; + left: -100%; } - .xl\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .xl\:top-0 { + top: 0; } - .xl\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .xl\:right-0 { + right: 0; } - .xl\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .xl\:bottom-0 { + bottom: 0; } - .xl\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .xl\:left-0 { + left: 0; } - .xl\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .xl\:top-1 { + top: 0.25rem; } - .xl\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .xl\:right-1 { + right: 0.25rem; } - .xl\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .xl\:bottom-1 { + bottom: 0.25rem; } - .xl\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .xl\:left-1 { + left: 0.25rem; } - .xl\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .xl\:top-2 { + top: 0.5rem; } - .xl\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .xl\:right-2 { + right: 0.5rem; } - .xl\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .xl\:bottom-2 { + bottom: 0.5rem; } - .xl\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .xl\:left-2 { + left: 0.5rem; } - .xl\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .xl\:top-3 { + top: 0.75rem; } - .xl\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .xl\:right-3 { + right: 0.75rem; } - .xl\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .xl\:bottom-3 { + bottom: 0.75rem; } - .xl\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .xl\:left-3 { + left: 0.75rem; } - .xl\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .xl\:top-4 { + top: 1rem; } - .xl\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .xl\:right-4 { + right: 1rem; } - .xl\:gap-px { - grid-gap: 1px; - gap: 1px; + .xl\:bottom-4 { + bottom: 1rem; } - .xl\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .xl\:left-4 { + left: 1rem; } - .xl\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .xl\:top-5 { + top: 1.25rem; } - .xl\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .xl\:right-5 { + right: 1.25rem; } - .xl\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .xl\:bottom-5 { + bottom: 1.25rem; } - .xl\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .xl\:left-5 { + left: 1.25rem; } - .xl\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .xl\:top-6 { + top: 1.5rem; } - .xl\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .xl\:right-6 { + right: 1.5rem; } - .xl\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .xl\:bottom-6 { + bottom: 1.5rem; } - .xl\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .xl\:left-6 { + left: 1.5rem; } - .xl\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .xl\:top-7 { + top: 1.75rem; } - .xl\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .xl\:right-7 { + right: 1.75rem; } - .xl\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .xl\:bottom-7 { + bottom: 1.75rem; } - .xl\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .xl\:left-7 { + left: 1.75rem; } - .xl\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .xl\:top-8 { + top: 2rem; } - .xl\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .xl\:right-8 { + right: 2rem; } - .xl\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .xl\:bottom-8 { + bottom: 2rem; } - .xl\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .xl\:left-8 { + left: 2rem; } - .xl\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .xl\:top-9 { + top: 2.25rem; } - .xl\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .xl\:right-9 { + right: 2.25rem; } - .xl\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .xl\:bottom-9 { + bottom: 2.25rem; } - .xl\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .xl\:left-9 { + left: 2.25rem; } - .xl\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .xl\:top-10 { + top: 2.5rem; } - .xl\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .xl\:right-10 { + right: 2.5rem; } - .xl\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .xl\:bottom-10 { + bottom: 2.5rem; } - .xl\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .xl\:left-10 { + left: 2.5rem; } - .xl\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .xl\:top-12 { + top: 3rem; } - .xl\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .xl\:right-12 { + right: 3rem; } - .xl\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .xl\:bottom-12 { + bottom: 3rem; } - .xl\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .xl\:left-12 { + left: 3rem; } - .xl\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .xl\:top-14 { + top: 3.5rem; } - .xl\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .xl\:right-14 { + right: 3.5rem; } - .xl\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .xl\:bottom-14 { + bottom: 3.5rem; } - .xl\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .xl\:left-14 { + left: 3.5rem; } - .xl\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .xl\:top-16 { + top: 4rem; } - .xl\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .xl\:right-16 { + right: 4rem; } - .xl\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .xl\:bottom-16 { + bottom: 4rem; } - .xl\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .xl\:left-16 { + left: 4rem; } - .xl\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .xl\:top-20 { + top: 5rem; } - .xl\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .xl\:right-20 { + right: 5rem; } - .xl\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .xl\:bottom-20 { + bottom: 5rem; } - .xl\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .xl\:left-20 { + left: 5rem; } - .xl\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .xl\:top-24 { + top: 6rem; } - .xl\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .xl\:right-24 { + right: 6rem; } - .xl\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .xl\:bottom-24 { + bottom: 6rem; } - .xl\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .xl\:left-24 { + left: 6rem; } - .xl\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .xl\:top-28 { + top: 7rem; } - .xl\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .xl\:right-28 { + right: 7rem; } - .xl\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .xl\:bottom-28 { + bottom: 7rem; } - .xl\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .xl\:left-28 { + left: 7rem; } - .xl\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .xl\:top-32 { + top: 8rem; } - .xl\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .xl\:right-32 { + right: 8rem; } - .xl\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .xl\:bottom-32 { + bottom: 8rem; } - .xl\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .xl\:left-32 { + left: 8rem; } - .xl\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .xl\:top-36 { + top: 9rem; } - .xl\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .xl\:right-36 { + right: 9rem; } - .xl\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .xl\:bottom-36 { + bottom: 9rem; } - .xl\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .xl\:left-36 { + left: 9rem; } - .xl\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .xl\:top-40 { + top: 10rem; } - .xl\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .xl\:right-40 { + right: 10rem; } - .xl\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .xl\:bottom-40 { + bottom: 10rem; } - .xl\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .xl\:left-40 { + left: 10rem; } - .xl\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .xl\:top-44 { + top: 11rem; } - .xl\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .xl\:right-44 { + right: 11rem; } - .xl\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .xl\:bottom-44 { + bottom: 11rem; } - .xl\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .xl\:left-44 { + left: 11rem; } - .xl\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .xl\:top-48 { + top: 12rem; } - .xl\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .xl\:right-48 { + right: 12rem; } - .xl\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .xl\:bottom-48 { + bottom: 12rem; } - .xl\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .xl\:left-48 { + left: 12rem; } - .xl\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .xl\:top-52 { + top: 13rem; } - .xl\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .xl\:right-52 { + right: 13rem; } - .xl\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .xl\:bottom-52 { + bottom: 13rem; } - .xl\:grid-flow-row { - grid-auto-flow: row; + .xl\:left-52 { + left: 13rem; } - .xl\:grid-flow-col { - grid-auto-flow: column; + .xl\:top-56 { + top: 14rem; } - .xl\:grid-flow-row-dense { - grid-auto-flow: row dense; + .xl\:right-56 { + right: 14rem; } - .xl\:grid-flow-col-dense { - grid-auto-flow: column dense; + .xl\:bottom-56 { + bottom: 14rem; } - .xl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .xl\:left-56 { + left: 14rem; } - .xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .xl\:top-60 { + top: 15rem; } - .xl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .xl\:right-60 { + right: 15rem; } - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .xl\:bottom-60 { + bottom: 15rem; } - .xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .xl\:left-60 { + left: 15rem; } - .xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .xl\:top-64 { + top: 16rem; } - .xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .xl\:right-64 { + right: 16rem; } - .xl\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .xl\:bottom-64 { + bottom: 16rem; } - .xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .xl\:left-64 { + left: 16rem; } - .xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .xl\:top-72 { + top: 18rem; } - .xl\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .xl\:right-72 { + right: 18rem; } - .xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .xl\:bottom-72 { + bottom: 18rem; } - .xl\:grid-cols-none { - grid-template-columns: none; + .xl\:left-72 { + left: 18rem; } - .xl\:auto-cols-auto { - grid-auto-columns: auto; + .xl\:top-80 { + top: 20rem; } - .xl\:auto-cols-min { - grid-auto-columns: min-content; + .xl\:right-80 { + right: 20rem; } - .xl\:auto-cols-max { - grid-auto-columns: max-content; + .xl\:bottom-80 { + bottom: 20rem; } - .xl\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .xl\:left-80 { + left: 20rem; } - .xl\:col-auto { - grid-column: auto; + .xl\:top-96 { + top: 24rem; } - .xl\:col-span-1 { - grid-column: span 1 / span 1; + .xl\:right-96 { + right: 24rem; } - .xl\:col-span-2 { - grid-column: span 2 / span 2; + .xl\:bottom-96 { + bottom: 24rem; } - .xl\:col-span-3 { - grid-column: span 3 / span 3; + .xl\:left-96 { + left: 24rem; } - .xl\:col-span-4 { - grid-column: span 4 / span 4; + .xl\:top-auto { + top: auto; } - .xl\:col-span-5 { - grid-column: span 5 / span 5; + .xl\:right-auto { + right: auto; } - .xl\:col-span-6 { - grid-column: span 6 / span 6; + .xl\:bottom-auto { + bottom: auto; } - .xl\:col-span-7 { - grid-column: span 7 / span 7; + .xl\:left-auto { + left: auto; } - .xl\:col-span-8 { - grid-column: span 8 / span 8; + .xl\:top-px { + top: 1px; } - .xl\:col-span-9 { - grid-column: span 9 / span 9; + .xl\:right-px { + right: 1px; } - .xl\:col-span-10 { - grid-column: span 10 / span 10; + .xl\:bottom-px { + bottom: 1px; } - .xl\:col-span-11 { - grid-column: span 11 / span 11; + .xl\:left-px { + left: 1px; } - .xl\:col-span-12 { - grid-column: span 12 / span 12; + .xl\:top-0\.5 { + top: 0.125rem; } - .xl\:col-span-full { - grid-column: 1 / -1; + .xl\:right-0\.5 { + right: 0.125rem; } - .xl\:col-start-1 { - grid-column-start: 1; + .xl\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:col-start-2 { - grid-column-start: 2; + .xl\:left-0\.5 { + left: 0.125rem; } - .xl\:col-start-3 { - grid-column-start: 3; + .xl\:top-1\.5 { + top: 0.375rem; } - .xl\:col-start-4 { - grid-column-start: 4; + .xl\:right-1\.5 { + right: 0.375rem; } - .xl\:col-start-5 { - grid-column-start: 5; + .xl\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:col-start-6 { - grid-column-start: 6; + .xl\:left-1\.5 { + left: 0.375rem; } - .xl\:col-start-7 { - grid-column-start: 7; + .xl\:top-2\.5 { + top: 0.625rem; } - .xl\:col-start-8 { - grid-column-start: 8; + .xl\:right-2\.5 { + right: 0.625rem; } - .xl\:col-start-9 { - grid-column-start: 9; + .xl\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:col-start-10 { - grid-column-start: 10; + .xl\:left-2\.5 { + left: 0.625rem; } - .xl\:col-start-11 { - grid-column-start: 11; + .xl\:top-3\.5 { + top: 0.875rem; } - .xl\:col-start-12 { - grid-column-start: 12; + .xl\:right-3\.5 { + right: 0.875rem; } - .xl\:col-start-13 { - grid-column-start: 13; + .xl\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:col-start-auto { - grid-column-start: auto; + .xl\:left-3\.5 { + left: 0.875rem; } - .xl\:col-end-1 { - grid-column-end: 1; + .xl\:-top-1 { + top: -0.25rem; } - .xl\:col-end-2 { - grid-column-end: 2; + .xl\:-right-1 { + right: -0.25rem; } - .xl\:col-end-3 { - grid-column-end: 3; + .xl\:-bottom-1 { + bottom: -0.25rem; } - .xl\:col-end-4 { - grid-column-end: 4; + .xl\:-left-1 { + left: -0.25rem; } - .xl\:col-end-5 { - grid-column-end: 5; + .xl\:-top-2 { + top: -0.5rem; } - .xl\:col-end-6 { - grid-column-end: 6; + .xl\:-right-2 { + right: -0.5rem; } - .xl\:col-end-7 { - grid-column-end: 7; + .xl\:-bottom-2 { + bottom: -0.5rem; } - .xl\:col-end-8 { - grid-column-end: 8; + .xl\:-left-2 { + left: -0.5rem; } - .xl\:col-end-9 { - grid-column-end: 9; + .xl\:-top-3 { + top: -0.75rem; } - .xl\:col-end-10 { - grid-column-end: 10; + .xl\:-right-3 { + right: -0.75rem; } - .xl\:col-end-11 { - grid-column-end: 11; + .xl\:-bottom-3 { + bottom: -0.75rem; } - .xl\:col-end-12 { - grid-column-end: 12; + .xl\:-left-3 { + left: -0.75rem; } - .xl\:col-end-13 { - grid-column-end: 13; + .xl\:-top-4 { + top: -1rem; } - .xl\:col-end-auto { - grid-column-end: auto; + .xl\:-right-4 { + right: -1rem; } - .xl\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .xl\:-bottom-4 { + bottom: -1rem; } - .xl\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .xl\:-left-4 { + left: -1rem; } - .xl\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .xl\:-top-5 { + top: -1.25rem; } - .xl\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .xl\:-right-5 { + right: -1.25rem; } - .xl\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .xl\:-bottom-5 { + bottom: -1.25rem; } - .xl\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .xl\:-left-5 { + left: -1.25rem; } - .xl\:grid-rows-none { - grid-template-rows: none; + .xl\:-top-6 { + top: -1.5rem; } - .xl\:auto-rows-auto { - grid-auto-rows: auto; + .xl\:-right-6 { + right: -1.5rem; } - .xl\:auto-rows-min { - grid-auto-rows: min-content; + .xl\:-bottom-6 { + bottom: -1.5rem; } - .xl\:auto-rows-max { - grid-auto-rows: max-content; + .xl\:-left-6 { + left: -1.5rem; } - .xl\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .xl\:-top-7 { + top: -1.75rem; } - .xl\:row-auto { - grid-row: auto; + .xl\:-right-7 { + right: -1.75rem; } - .xl\:row-span-1 { - grid-row: span 1 / span 1; + .xl\:-bottom-7 { + bottom: -1.75rem; } - .xl\:row-span-2 { - grid-row: span 2 / span 2; + .xl\:-left-7 { + left: -1.75rem; } - .xl\:row-span-3 { - grid-row: span 3 / span 3; + .xl\:-top-8 { + top: -2rem; } - .xl\:row-span-4 { - grid-row: span 4 / span 4; + .xl\:-right-8 { + right: -2rem; } - .xl\:row-span-5 { - grid-row: span 5 / span 5; + .xl\:-bottom-8 { + bottom: -2rem; } - .xl\:row-span-6 { - grid-row: span 6 / span 6; + .xl\:-left-8 { + left: -2rem; } - .xl\:row-span-full { - grid-row: 1 / -1; + .xl\:-top-9 { + top: -2.25rem; } - .xl\:row-start-1 { - grid-row-start: 1; + .xl\:-right-9 { + right: -2.25rem; } - .xl\:row-start-2 { - grid-row-start: 2; + .xl\:-bottom-9 { + bottom: -2.25rem; } - .xl\:row-start-3 { - grid-row-start: 3; + .xl\:-left-9 { + left: -2.25rem; } - .xl\:row-start-4 { - grid-row-start: 4; + .xl\:-top-10 { + top: -2.5rem; } - .xl\:row-start-5 { - grid-row-start: 5; + .xl\:-right-10 { + right: -2.5rem; } - .xl\:row-start-6 { - grid-row-start: 6; + .xl\:-bottom-10 { + bottom: -2.5rem; } - .xl\:row-start-7 { - grid-row-start: 7; + .xl\:-left-10 { + left: -2.5rem; } - .xl\:row-start-auto { - grid-row-start: auto; + .xl\:-top-12 { + top: -3rem; } - .xl\:row-end-1 { - grid-row-end: 1; + .xl\:-right-12 { + right: -3rem; } - .xl\:row-end-2 { - grid-row-end: 2; + .xl\:-bottom-12 { + bottom: -3rem; } - .xl\:row-end-3 { - grid-row-end: 3; + .xl\:-left-12 { + left: -3rem; } - .xl\:row-end-4 { - grid-row-end: 4; + .xl\:-top-14 { + top: -3.5rem; } - .xl\:row-end-5 { - grid-row-end: 5; + .xl\:-right-14 { + right: -3.5rem; } - .xl\:row-end-6 { - grid-row-end: 6; + .xl\:-bottom-14 { + bottom: -3.5rem; } - .xl\:row-end-7 { - grid-row-end: 7; + .xl\:-left-14 { + left: -3.5rem; } - .xl\:row-end-auto { - grid-row-end: auto; + .xl\:-top-16 { + top: -4rem; } - .xl\: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\:-right-16 { + right: -4rem; } - .xl\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:-bottom-16 { + bottom: -4rem; } - .xl\:transform-none { - transform: none; + .xl\:-left-16 { + left: -4rem; } - .xl\:origin-center { - transform-origin: center; + .xl\:-top-20 { + top: -5rem; } - .xl\:origin-top { - transform-origin: top; + .xl\:-right-20 { + right: -5rem; } - .xl\:origin-top-right { - transform-origin: top right; + .xl\:-bottom-20 { + bottom: -5rem; } - .xl\:origin-right { - transform-origin: right; + .xl\:-left-20 { + left: -5rem; } - .xl\:origin-bottom-right { - transform-origin: bottom right; + .xl\:-top-24 { + top: -6rem; } - .xl\:origin-bottom { - transform-origin: bottom; + .xl\:-right-24 { + right: -6rem; } - .xl\:origin-bottom-left { - transform-origin: bottom left; + .xl\:-bottom-24 { + bottom: -6rem; } - .xl\:origin-left { - transform-origin: left; + .xl\:-left-24 { + left: -6rem; } - .xl\:origin-top-left { - transform-origin: top left; + .xl\:-top-28 { + top: -7rem; } - .xl\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-right-28 { + right: -7rem; } - .xl\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-bottom-28 { + bottom: -7rem; } - .xl\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-left-28 { + left: -7rem; } - .xl\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-top-32 { + top: -8rem; } - .xl\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-right-32 { + right: -8rem; } - .xl\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-bottom-32 { + bottom: -8rem; } - .xl\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-left-32 { + left: -8rem; } - .xl\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:-top-36 { + top: -9rem; } - .xl\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-right-36 { + right: -9rem; } - .xl\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-bottom-36 { + bottom: -9rem; } - .xl\:scale-x-0 { - --transform-scale-x: 0; + .xl\:-left-36 { + left: -9rem; } - .xl\:scale-x-50 { - --transform-scale-x: .5; + .xl\:-top-40 { + top: -10rem; } - .xl\:scale-x-75 { - --transform-scale-x: .75; + .xl\:-right-40 { + right: -10rem; } - .xl\:scale-x-90 { - --transform-scale-x: .9; + .xl\:-bottom-40 { + bottom: -10rem; } - .xl\:scale-x-95 { - --transform-scale-x: .95; + .xl\:-left-40 { + left: -10rem; } - .xl\:scale-x-100 { - --transform-scale-x: 1; + .xl\:-top-44 { + top: -11rem; } - .xl\:scale-x-105 { - --transform-scale-x: 1.05; + .xl\:-right-44 { + right: -11rem; } - .xl\:scale-x-110 { - --transform-scale-x: 1.1; + .xl\:-bottom-44 { + bottom: -11rem; } - .xl\:scale-x-125 { - --transform-scale-x: 1.25; + .xl\:-left-44 { + left: -11rem; } - .xl\:scale-x-150 { - --transform-scale-x: 1.5; + .xl\:-top-48 { + top: -12rem; } - .xl\:scale-y-0 { - --transform-scale-y: 0; + .xl\:-right-48 { + right: -12rem; } - .xl\:scale-y-50 { - --transform-scale-y: .5; + .xl\:-bottom-48 { + bottom: -12rem; } - .xl\:scale-y-75 { - --transform-scale-y: .75; + .xl\:-left-48 { + left: -12rem; } - .xl\:scale-y-90 { - --transform-scale-y: .9; + .xl\:-top-52 { + top: -13rem; } - .xl\:scale-y-95 { - --transform-scale-y: .95; + .xl\:-right-52 { + right: -13rem; } - .xl\:scale-y-100 { - --transform-scale-y: 1; + .xl\:-bottom-52 { + bottom: -13rem; } - .xl\:scale-y-105 { - --transform-scale-y: 1.05; + .xl\:-left-52 { + left: -13rem; } - .xl\:scale-y-110 { - --transform-scale-y: 1.1; + .xl\:-top-56 { + top: -14rem; } - .xl\:scale-y-125 { - --transform-scale-y: 1.25; + .xl\:-right-56 { + right: -14rem; } - .xl\:scale-y-150 { - --transform-scale-y: 1.5; + .xl\:-bottom-56 { + bottom: -14rem; } - .xl\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-left-56 { + left: -14rem; } - .xl\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-top-60 { + top: -15rem; } - .xl\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-right-60 { + right: -15rem; } - .xl\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-bottom-60 { + bottom: -15rem; } - .xl\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-left-60 { + left: -15rem; } - .xl\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-top-64 { + top: -16rem; } - .xl\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-right-64 { + right: -16rem; } - .xl\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:-bottom-64 { + bottom: -16rem; } - .xl\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-left-64 { + left: -16rem; } - .xl\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-top-72 { + top: -18rem; } - .xl\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .xl\:-right-72 { + right: -18rem; } - .xl\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .xl\:-bottom-72 { + bottom: -18rem; } - .xl\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .xl\:-left-72 { + left: -18rem; } - .xl\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .xl\:-top-80 { + top: -20rem; } - .xl\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .xl\:-right-80 { + right: -20rem; } - .xl\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .xl\:-bottom-80 { + bottom: -20rem; } - .xl\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .xl\:-left-80 { + left: -20rem; } - .xl\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .xl\:-top-96 { + top: -24rem; } - .xl\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .xl\:-right-96 { + right: -24rem; } - .xl\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .xl\:-bottom-96 { + bottom: -24rem; } - .xl\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .xl\:-left-96 { + left: -24rem; } - .xl\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .xl\:-top-px { + top: -1px; } - .xl\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .xl\:-right-px { + right: -1px; } - .xl\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .xl\:-bottom-px { + bottom: -1px; } - .xl\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .xl\:-left-px { + left: -1px; } - .xl\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .xl\:-top-0\.5 { + top: -0.125rem; } - .xl\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .xl\:-right-0\.5 { + right: -0.125rem; } - .xl\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .xl\:-bottom-0\.5 { + bottom: -0.125rem; } - .xl\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .xl\:-left-0\.5 { + left: -0.125rem; } - .xl\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .xl\:-top-1\.5 { + top: -0.375rem; } - .xl\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-right-1\.5 { + right: -0.375rem; } - .xl\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-bottom-1\.5 { + bottom: -0.375rem; } - .xl\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-left-1\.5 { + left: -0.375rem; } - .xl\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-top-2\.5 { + top: -0.625rem; } - .xl\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-right-2\.5 { + right: -0.625rem; } - .xl\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-bottom-2\.5 { + bottom: -0.625rem; } - .xl\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-left-2\.5 { + left: -0.625rem; } - .xl\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:-top-3\.5 { + top: -0.875rem; } - .xl\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-right-3\.5 { + right: -0.875rem; } - .xl\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-bottom-3\.5 { + bottom: -0.875rem; } - .xl\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .xl\:-left-3\.5 { + left: -0.875rem; } - .xl\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .xl\:top-1\/2 { + top: 50%; } - .xl\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .xl\:right-1\/2 { + right: 50%; } - .xl\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .xl\:bottom-1\/2 { + bottom: 50%; } - .xl\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .xl\:left-1\/2 { + left: 50%; } - .xl\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .xl\:top-1\/3 { + top: 33.333333%; } - .xl\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .xl\:right-1\/3 { + right: 33.333333%; } - .xl\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .xl\:bottom-1\/3 { + bottom: 33.333333%; } - .xl\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .xl\:left-1\/3 { + left: 33.333333%; } - .xl\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .xl\:top-2\/3 { + top: 66.666667%; } - .xl\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .xl\:right-2\/3 { + right: 66.666667%; } - .xl\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .xl\:bottom-2\/3 { + bottom: 66.666667%; } - .xl\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .xl\:left-2\/3 { + left: 66.666667%; } - .xl\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .xl\:top-1\/4 { + top: 25%; } - .xl\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .xl\:right-1\/4 { + right: 25%; } - .xl\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .xl\:bottom-1\/4 { + bottom: 25%; } - .xl\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .xl\:left-1\/4 { + left: 25%; } - .xl\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .xl\:top-2\/4 { + top: 50%; } - .xl\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .xl\:right-2\/4 { + right: 50%; } - .xl\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .xl\:bottom-2\/4 { + bottom: 50%; } - .xl\:rotate-0 { - --transform-rotate: 0; + .xl\:left-2\/4 { + left: 50%; } - .xl\:rotate-1 { - --transform-rotate: 1deg; + .xl\:top-3\/4 { + top: 75%; } - .xl\:rotate-2 { - --transform-rotate: 2deg; + .xl\:right-3\/4 { + right: 75%; } - .xl\:rotate-3 { - --transform-rotate: 3deg; + .xl\:bottom-3\/4 { + bottom: 75%; } - .xl\:rotate-6 { - --transform-rotate: 6deg; + .xl\:left-3\/4 { + left: 75%; } - .xl\:rotate-12 { - --transform-rotate: 12deg; + .xl\:top-full { + top: 100%; } - .xl\:rotate-45 { - --transform-rotate: 45deg; + .xl\:right-full { + right: 100%; } - .xl\:rotate-90 { - --transform-rotate: 90deg; + .xl\:bottom-full { + bottom: 100%; } - .xl\:rotate-180 { - --transform-rotate: 180deg; + .xl\:left-full { + left: 100%; } - .xl\:-rotate-180 { - --transform-rotate: -180deg; + .xl\:-top-1\/2 { + top: -50%; } - .xl\:-rotate-90 { - --transform-rotate: -90deg; + .xl\:-right-1\/2 { + right: -50%; } - .xl\:-rotate-45 { - --transform-rotate: -45deg; + .xl\:-bottom-1\/2 { + bottom: -50%; } - .xl\:-rotate-12 { - --transform-rotate: -12deg; + .xl\:-left-1\/2 { + left: -50%; } - .xl\:-rotate-6 { - --transform-rotate: -6deg; + .xl\:-top-1\/3 { + top: -33.333333%; } - .xl\:-rotate-3 { - --transform-rotate: -3deg; + .xl\:-right-1\/3 { + right: -33.333333%; } - .xl\:-rotate-2 { - --transform-rotate: -2deg; + .xl\:-bottom-1\/3 { + bottom: -33.333333%; } - .xl\:-rotate-1 { - --transform-rotate: -1deg; + .xl\:-left-1\/3 { + left: -33.333333%; } - .xl\:hover\:rotate-0:hover { - --transform-rotate: 0; + .xl\:-top-2\/3 { + top: -66.666667%; } - .xl\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .xl\:-right-2\/3 { + right: -66.666667%; } - .xl\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .xl\:-bottom-2\/3 { + bottom: -66.666667%; } - .xl\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .xl\:-left-2\/3 { + left: -66.666667%; } - .xl\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .xl\:-top-1\/4 { + top: -25%; } - .xl\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .xl\:-right-1\/4 { + right: -25%; } - .xl\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .xl\:-bottom-1\/4 { + bottom: -25%; } - .xl\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .xl\:-left-1\/4 { + left: -25%; } - .xl\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .xl\:-top-2\/4 { + top: -50%; } - .xl\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .xl\:-right-2\/4 { + right: -50%; } - .xl\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .xl\:-bottom-2\/4 { + bottom: -50%; } - .xl\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .xl\:-left-2\/4 { + left: -50%; } - .xl\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .xl\:-top-3\/4 { + top: -75%; } - .xl\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .xl\:-right-3\/4 { + right: -75%; } - .xl\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .xl\:-bottom-3\/4 { + bottom: -75%; } - .xl\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .xl\:-left-3\/4 { + left: -75%; } - .xl\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .xl\:-top-full { + top: -100%; } - .xl\:focus\:rotate-0:focus { - --transform-rotate: 0; + .xl\:-right-full { + right: -100%; } - .xl\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .xl\:-bottom-full { + bottom: -100%; } - .xl\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .xl\:-left-full { + left: -100%; } - .xl\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .xl\:resize-none { + resize: none; } - .xl\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .xl\:resize-y { + resize: vertical; } - .xl\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .xl\:resize-x { + resize: horizontal; } - .xl\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .xl\:resize { + resize: both; } - .xl\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .xl\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .xl\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .xl\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .xl\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .xl\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .xl\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .xl\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .xl\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .xl\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .xl\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .xl\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .xl\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .xl\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .xl\:shadow-none { + box-shadow: none; } - .xl\:translate-x-0 { - --transform-translate-x: 0; + .xl\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:translate-x-1 { - --transform-translate-x: 0.25rem; + .xl\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:translate-x-2 { - --transform-translate-x: 0.5rem; + .xl\: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); } - .xl\:translate-x-3 { - --transform-translate-x: 0.75rem; + .xl\: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); } - .xl\:translate-x-4 { - --transform-translate-x: 1rem; + .xl\: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); } - .xl\:translate-x-5 { - --transform-translate-x: 1.25rem; + .xl\: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); } - .xl\:translate-x-6 { - --transform-translate-x: 1.5rem; + .xl\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:translate-x-7 { - --transform-translate-x: 1.75rem; + .xl\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:translate-x-8 { - --transform-translate-x: 2rem; + .xl\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:translate-x-9 { - --transform-translate-x: 2.25rem; + .xl\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:translate-x-10 { - --transform-translate-x: 2.5rem; + .xl\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:translate-x-12 { - --transform-translate-x: 3rem; + .xl\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:translate-x-14 { - --transform-translate-x: 3.5rem; + .xl\: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); } - .xl\:translate-x-16 { - --transform-translate-x: 4rem; + .xl\: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); } - .xl\:translate-x-20 { - --transform-translate-x: 5rem; + .xl\: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); } - .xl\:translate-x-24 { - --transform-translate-x: 6rem; + .xl\: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); } - .xl\:translate-x-28 { - --transform-translate-x: 7rem; + .xl\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:translate-x-32 { - --transform-translate-x: 8rem; + .xl\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:translate-x-36 { - --transform-translate-x: 9rem; + .xl\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:translate-x-40 { - --transform-translate-x: 10rem; + .xl\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:translate-x-44 { - --transform-translate-x: 11rem; + .xl\:fill-current { + fill: currentColor; } - .xl\:translate-x-48 { - --transform-translate-x: 12rem; + .xl\:stroke-current { + stroke: currentColor; } - .xl\:translate-x-52 { - --transform-translate-x: 13rem; + .xl\:stroke-0 { + stroke-width: 0; } - .xl\:translate-x-56 { - --transform-translate-x: 14rem; + .xl\:stroke-1 { + stroke-width: 1; } - .xl\:translate-x-60 { - --transform-translate-x: 15rem; + .xl\:stroke-2 { + stroke-width: 2; } - .xl\:translate-x-64 { - --transform-translate-x: 16rem; + .xl\:table-auto { + table-layout: auto; } - .xl\:translate-x-72 { - --transform-translate-x: 18rem; + .xl\:table-fixed { + table-layout: fixed; } - .xl\:translate-x-80 { - --transform-translate-x: 20rem; + .xl\:text-left { + text-align: left; } - .xl\:translate-x-96 { - --transform-translate-x: 24rem; + .xl\:text-center { + text-align: center; } - .xl\:translate-x-px { - --transform-translate-x: 1px; + .xl\:text-right { + text-align: right; } - .xl\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .xl\:text-justify { + text-align: justify; } - .xl\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .xl\:text-transparent { + color: transparent; } - .xl\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .xl\:text-current { + color: currentColor; } - .xl\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .xl\:text-black { + color: #000; } - .xl\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .xl\:text-white { + color: #fff; } - .xl\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .xl\:text-gray-50 { + color: #fafafa; } - .xl\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .xl\:text-gray-100 { + color: #f4f4f5; } - .xl\:-translate-x-4 { - --transform-translate-x: -1rem; + .xl\:text-gray-200 { + color: #e4e4e7; } - .xl\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .xl\:text-gray-300 { + color: #d4d4d8; } - .xl\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .xl\:text-gray-400 { + color: #a1a1aa; } - .xl\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .xl\:text-gray-500 { + color: #71717a; } - .xl\:-translate-x-8 { - --transform-translate-x: -2rem; + .xl\:text-gray-600 { + color: #52525b; } - .xl\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .xl\:text-gray-700 { + color: #3f3f46; } - .xl\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .xl\:text-gray-800 { + color: #27272a; } - .xl\:-translate-x-12 { - --transform-translate-x: -3rem; + .xl\:text-gray-900 { + color: #18181b; } - .xl\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .xl\:text-red-50 { + color: #fef2f2; } - .xl\:-translate-x-16 { - --transform-translate-x: -4rem; + .xl\:text-red-100 { + color: #fee2e2; } - .xl\:-translate-x-20 { - --transform-translate-x: -5rem; + .xl\:text-red-200 { + color: #fecaca; } - .xl\:-translate-x-24 { - --transform-translate-x: -6rem; + .xl\:text-red-300 { + color: #fca5a5; } - .xl\:-translate-x-28 { - --transform-translate-x: -7rem; + .xl\:text-red-400 { + color: #f87171; } - .xl\:-translate-x-32 { - --transform-translate-x: -8rem; + .xl\:text-red-500 { + color: #ef4444; } - .xl\:-translate-x-36 { - --transform-translate-x: -9rem; + .xl\:text-red-600 { + color: #dc2626; } - .xl\:-translate-x-40 { - --transform-translate-x: -10rem; + .xl\:text-red-700 { + color: #b91c1c; } - .xl\:-translate-x-44 { - --transform-translate-x: -11rem; + .xl\:text-red-800 { + color: #991b1b; } - .xl\:-translate-x-48 { - --transform-translate-x: -12rem; + .xl\:text-red-900 { + color: #7f1d1d; } - .xl\:-translate-x-52 { - --transform-translate-x: -13rem; + .xl\:text-yellow-50 { + color: #fffbeb; } - .xl\:-translate-x-56 { - --transform-translate-x: -14rem; + .xl\:text-yellow-100 { + color: #fef3c7; } - .xl\:-translate-x-60 { - --transform-translate-x: -15rem; + .xl\:text-yellow-200 { + color: #fde68a; } - .xl\:-translate-x-64 { - --transform-translate-x: -16rem; + .xl\:text-yellow-300 { + color: #fcd34d; } - .xl\:-translate-x-72 { - --transform-translate-x: -18rem; + .xl\:text-yellow-400 { + color: #fbbf24; } - .xl\:-translate-x-80 { - --transform-translate-x: -20rem; + .xl\:text-yellow-500 { + color: #f59e0b; } - .xl\:-translate-x-96 { - --transform-translate-x: -24rem; + .xl\:text-yellow-600 { + color: #d97706; } - .xl\:-translate-x-px { - --transform-translate-x: -1px; + .xl\:text-yellow-700 { + color: #b45309; } - .xl\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .xl\:text-yellow-800 { + color: #92400e; } - .xl\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .xl\:text-yellow-900 { + color: #78350f; } - .xl\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .xl\:text-green-50 { + color: #ecfdf5; } - .xl\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .xl\:text-green-100 { + color: #d1fae5; } - .xl\:translate-x-1\/2 { - --transform-translate-x: 50%; + .xl\:text-green-200 { + color: #a7f3d0; } - .xl\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .xl\:text-green-300 { + color: #6ee7b7; } - .xl\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .xl\:text-green-400 { + color: #34d399; } - .xl\:translate-x-1\/4 { - --transform-translate-x: 25%; + .xl\:text-green-500 { + color: #10b981; } - .xl\:translate-x-2\/4 { - --transform-translate-x: 50%; + .xl\:text-green-600 { + color: #059669; } - .xl\:translate-x-3\/4 { - --transform-translate-x: 75%; + .xl\:text-green-700 { + color: #047857; } - .xl\:translate-x-full { - --transform-translate-x: 100%; + .xl\:text-green-800 { + color: #065f46; } - .xl\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .xl\:text-green-900 { + color: #064e3b; } - .xl\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .xl\:text-blue-50 { + color: #eff6ff; } - .xl\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .xl\:text-blue-100 { + color: #dbeafe; } - .xl\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .xl\:text-blue-200 { + color: #bfdbfe; } - .xl\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .xl\:text-blue-300 { + color: #93c5fd; } - .xl\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .xl\:text-blue-400 { + color: #60a5fa; } - .xl\:-translate-x-full { - --transform-translate-x: -100%; + .xl\:text-blue-500 { + color: #3b82f6; } - .xl\:translate-y-0 { - --transform-translate-y: 0; + .xl\:text-blue-600 { + color: #2563eb; } - .xl\:translate-y-1 { - --transform-translate-y: 0.25rem; + .xl\:text-blue-700 { + color: #1d4ed8; } - .xl\:translate-y-2 { - --transform-translate-y: 0.5rem; + .xl\:text-blue-800 { + color: #1e40af; } - .xl\:translate-y-3 { - --transform-translate-y: 0.75rem; + .xl\:text-blue-900 { + color: #1e3a8a; } - .xl\:translate-y-4 { - --transform-translate-y: 1rem; + .xl\:text-purple-50 { + color: #f5f3ff; } - .xl\:translate-y-5 { - --transform-translate-y: 1.25rem; + .xl\:text-purple-100 { + color: #ede9fe; } - .xl\:translate-y-6 { - --transform-translate-y: 1.5rem; + .xl\:text-purple-200 { + color: #ddd6fe; } - .xl\:translate-y-7 { - --transform-translate-y: 1.75rem; + .xl\:text-purple-300 { + color: #c4b5fd; } - .xl\:translate-y-8 { - --transform-translate-y: 2rem; + .xl\:text-purple-400 { + color: #a78bfa; } - .xl\:translate-y-9 { - --transform-translate-y: 2.25rem; + .xl\:text-purple-500 { + color: #8b5cf6; } - .xl\:translate-y-10 { - --transform-translate-y: 2.5rem; + .xl\:text-purple-600 { + color: #7c3aed; } - .xl\:translate-y-12 { - --transform-translate-y: 3rem; + .xl\:text-purple-700 { + color: #6d28d9; } - .xl\:translate-y-14 { - --transform-translate-y: 3.5rem; + .xl\:text-purple-800 { + color: #5b21b6; } - .xl\:translate-y-16 { - --transform-translate-y: 4rem; + .xl\:text-purple-900 { + color: #4c1d95; } - .xl\:translate-y-20 { - --transform-translate-y: 5rem; + .xl\:text-pink-50 { + color: #fdf2f8; } - .xl\:translate-y-24 { - --transform-translate-y: 6rem; + .xl\:text-pink-100 { + color: #fce7f3; } - .xl\:translate-y-28 { - --transform-translate-y: 7rem; + .xl\:text-pink-200 { + color: #fbcfe8; } - .xl\:translate-y-32 { - --transform-translate-y: 8rem; + .xl\:text-pink-300 { + color: #f9a8d4; } - .xl\:translate-y-36 { - --transform-translate-y: 9rem; + .xl\:text-pink-400 { + color: #f472b6; } - .xl\:translate-y-40 { - --transform-translate-y: 10rem; + .xl\:text-pink-500 { + color: #ec4899; } - .xl\:translate-y-44 { - --transform-translate-y: 11rem; + .xl\:text-pink-600 { + color: #db2777; } - .xl\:translate-y-48 { - --transform-translate-y: 12rem; + .xl\:text-pink-700 { + color: #be185d; } - .xl\:translate-y-52 { - --transform-translate-y: 13rem; + .xl\:text-pink-800 { + color: #9d174d; } - .xl\:translate-y-56 { - --transform-translate-y: 14rem; + .xl\:text-pink-900 { + color: #831843; } - .xl\:translate-y-60 { - --transform-translate-y: 15rem; + .group:hover .xl\:group-hover\:text-transparent { + color: transparent; } - .xl\:translate-y-64 { - --transform-translate-y: 16rem; + .group:hover .xl\:group-hover\:text-current { + color: currentColor; } - .xl\:translate-y-72 { - --transform-translate-y: 18rem; + .group:hover .xl\:group-hover\:text-black { + color: #000; } - .xl\:translate-y-80 { - --transform-translate-y: 20rem; + .group:hover .xl\:group-hover\:text-white { + color: #fff; } - .xl\:translate-y-96 { - --transform-translate-y: 24rem; + .group:hover .xl\:group-hover\:text-gray-50 { + color: #fafafa; } - .xl\:translate-y-px { - --transform-translate-y: 1px; + .group:hover .xl\:group-hover\:text-gray-100 { + color: #f4f4f5; } - .xl\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .group:hover .xl\:group-hover\:text-gray-200 { + color: #e4e4e7; } - .xl\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .group:hover .xl\:group-hover\:text-gray-300 { + color: #d4d4d8; } - .xl\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .group:hover .xl\:group-hover\:text-gray-400 { + color: #a1a1aa; } - .xl\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .group:hover .xl\:group-hover\:text-gray-500 { + color: #71717a; } - .xl\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .group:hover .xl\:group-hover\:text-gray-600 { + color: #52525b; } - .xl\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .group:hover .xl\:group-hover\:text-gray-700 { + color: #3f3f46; } - .xl\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .group:hover .xl\:group-hover\:text-gray-800 { + color: #27272a; } - .xl\:-translate-y-4 { - --transform-translate-y: -1rem; + .group:hover .xl\:group-hover\:text-gray-900 { + color: #18181b; } - .xl\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .group:hover .xl\:group-hover\:text-red-50 { + color: #fef2f2; } - .xl\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .group:hover .xl\:group-hover\:text-red-100 { + color: #fee2e2; } - .xl\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .group:hover .xl\:group-hover\:text-red-200 { + color: #fecaca; } - .xl\:-translate-y-8 { - --transform-translate-y: -2rem; + .group:hover .xl\:group-hover\:text-red-300 { + color: #fca5a5; } - .xl\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .group:hover .xl\:group-hover\:text-red-400 { + color: #f87171; } - .xl\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .group:hover .xl\:group-hover\:text-red-500 { + color: #ef4444; } - .xl\:-translate-y-12 { - --transform-translate-y: -3rem; + .group:hover .xl\:group-hover\:text-red-600 { + color: #dc2626; } - .xl\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .group:hover .xl\:group-hover\:text-red-700 { + color: #b91c1c; } - .xl\:-translate-y-16 { - --transform-translate-y: -4rem; + .group:hover .xl\:group-hover\:text-red-800 { + color: #991b1b; } - .xl\:-translate-y-20 { - --transform-translate-y: -5rem; + .group:hover .xl\:group-hover\:text-red-900 { + color: #7f1d1d; } - .xl\:-translate-y-24 { - --transform-translate-y: -6rem; + .group:hover .xl\:group-hover\:text-yellow-50 { + color: #fffbeb; } - .xl\:-translate-y-28 { - --transform-translate-y: -7rem; + .group:hover .xl\:group-hover\:text-yellow-100 { + color: #fef3c7; } - .xl\:-translate-y-32 { - --transform-translate-y: -8rem; + .group:hover .xl\:group-hover\:text-yellow-200 { + color: #fde68a; } - .xl\:-translate-y-36 { - --transform-translate-y: -9rem; + .group:hover .xl\:group-hover\:text-yellow-300 { + color: #fcd34d; } - .xl\:-translate-y-40 { - --transform-translate-y: -10rem; + .group:hover .xl\:group-hover\:text-yellow-400 { + color: #fbbf24; } - .xl\:-translate-y-44 { - --transform-translate-y: -11rem; + .group:hover .xl\:group-hover\:text-yellow-500 { + color: #f59e0b; } - .xl\:-translate-y-48 { - --transform-translate-y: -12rem; + .group:hover .xl\:group-hover\:text-yellow-600 { + color: #d97706; } - .xl\:-translate-y-52 { - --transform-translate-y: -13rem; + .group:hover .xl\:group-hover\:text-yellow-700 { + color: #b45309; } - .xl\:-translate-y-56 { - --transform-translate-y: -14rem; + .group:hover .xl\:group-hover\:text-yellow-800 { + color: #92400e; } - .xl\:-translate-y-60 { - --transform-translate-y: -15rem; + .group:hover .xl\:group-hover\:text-yellow-900 { + color: #78350f; } - .xl\:-translate-y-64 { - --transform-translate-y: -16rem; + .group:hover .xl\:group-hover\:text-green-50 { + color: #ecfdf5; } - .xl\:-translate-y-72 { - --transform-translate-y: -18rem; + .group:hover .xl\:group-hover\:text-green-100 { + color: #d1fae5; } - .xl\:-translate-y-80 { - --transform-translate-y: -20rem; + .group:hover .xl\:group-hover\:text-green-200 { + color: #a7f3d0; } - .xl\:-translate-y-96 { - --transform-translate-y: -24rem; + .group:hover .xl\:group-hover\:text-green-300 { + color: #6ee7b7; } - .xl\:-translate-y-px { - --transform-translate-y: -1px; + .group:hover .xl\:group-hover\:text-green-400 { + color: #34d399; } - .xl\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .group:hover .xl\:group-hover\:text-green-500 { + color: #10b981; } - .xl\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .group:hover .xl\:group-hover\:text-green-600 { + color: #059669; } - .xl\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .group:hover .xl\:group-hover\:text-green-700 { + color: #047857; } - .xl\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .group:hover .xl\:group-hover\:text-green-800 { + color: #065f46; } - .xl\:translate-y-1\/2 { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-green-900 { + color: #064e3b; } - - .xl\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + + .group:hover .xl\:group-hover\:text-blue-50 { + color: #eff6ff; } - .xl\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .group:hover .xl\:group-hover\:text-blue-100 { + color: #dbeafe; } - .xl\:translate-y-1\/4 { - --transform-translate-y: 25%; + .group:hover .xl\:group-hover\:text-blue-200 { + color: #bfdbfe; } - .xl\:translate-y-2\/4 { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-blue-300 { + color: #93c5fd; } - .xl\:translate-y-3\/4 { - --transform-translate-y: 75%; + .group:hover .xl\:group-hover\:text-blue-400 { + color: #60a5fa; } - .xl\:translate-y-full { - --transform-translate-y: 100%; + .group:hover .xl\:group-hover\:text-blue-500 { + color: #3b82f6; } - .xl\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .group:hover .xl\:group-hover\:text-blue-600 { + color: #2563eb; } - .xl\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .group:hover .xl\:group-hover\:text-blue-700 { + color: #1d4ed8; } - .xl\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .group:hover .xl\:group-hover\:text-blue-800 { + color: #1e40af; } - .xl\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .group:hover .xl\:group-hover\:text-blue-900 { + color: #1e3a8a; } - .xl\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .group:hover .xl\:group-hover\:text-purple-50 { + color: #f5f3ff; } - .xl\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .group:hover .xl\:group-hover\:text-purple-100 { + color: #ede9fe; } - .xl\:-translate-y-full { - --transform-translate-y: -100%; + .group:hover .xl\:group-hover\:text-purple-200 { + color: #ddd6fe; } - .xl\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .group:hover .xl\:group-hover\:text-purple-300 { + color: #c4b5fd; } - .xl\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .group:hover .xl\:group-hover\:text-purple-400 { + color: #a78bfa; } - .xl\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .group:hover .xl\:group-hover\:text-purple-500 { + color: #8b5cf6; } - .xl\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .group:hover .xl\:group-hover\:text-purple-600 { + color: #7c3aed; } - .xl\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .group:hover .xl\:group-hover\:text-purple-700 { + color: #6d28d9; } - .xl\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .group:hover .xl\:group-hover\:text-purple-800 { + color: #5b21b6; } - .xl\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .group:hover .xl\:group-hover\:text-purple-900 { + color: #4c1d95; } - .xl\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .group:hover .xl\:group-hover\:text-pink-50 { + color: #fdf2f8; } - .xl\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .group:hover .xl\:group-hover\:text-pink-100 { + color: #fce7f3; } - .xl\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .group:hover .xl\:group-hover\:text-pink-200 { + color: #fbcfe8; } - .xl\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .group:hover .xl\:group-hover\:text-pink-300 { + color: #f9a8d4; } - .xl\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .group:hover .xl\:group-hover\:text-pink-400 { + color: #f472b6; } - .xl\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .group:hover .xl\:group-hover\:text-pink-500 { + color: #ec4899; } - .xl\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .group:hover .xl\:group-hover\:text-pink-600 { + color: #db2777; } - .xl\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .group:hover .xl\:group-hover\:text-pink-700 { + color: #be185d; } - .xl\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .group:hover .xl\:group-hover\:text-pink-800 { + color: #9d174d; } - .xl\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .group:hover .xl\:group-hover\:text-pink-900 { + color: #831843; } - .xl\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .xl\:hover\:text-transparent:hover { + color: transparent; } - .xl\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .xl\:hover\:text-current:hover { + color: currentColor; } - .xl\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .xl\:hover\:text-black:hover { + color: #000; } - .xl\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .xl\:hover\:text-white:hover { + color: #fff; } - .xl\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .xl\:hover\:text-gray-50:hover { + color: #fafafa; } - .xl\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .xl\:hover\:text-gray-100:hover { + color: #f4f4f5; } - .xl\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .xl\:hover\:text-gray-200:hover { + color: #e4e4e7; } - .xl\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .xl\:hover\:text-gray-300:hover { + color: #d4d4d8; } - .xl\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .xl\:hover\:text-gray-400:hover { + color: #a1a1aa; } - .xl\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .xl\:hover\:text-gray-500:hover { + color: #71717a; } - .xl\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .xl\:hover\:text-gray-600:hover { + color: #52525b; } - .xl\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .xl\:hover\:text-gray-700:hover { + color: #3f3f46; } - .xl\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .xl\:hover\:text-gray-800:hover { + color: #27272a; } - .xl\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .xl\:hover\:text-gray-900:hover { + color: #18181b; } - .xl\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .xl\:hover\:text-red-50:hover { + color: #fef2f2; } - .xl\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .xl\:hover\:text-red-100:hover { + color: #fee2e2; } - .xl\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .xl\:hover\:text-red-200:hover { + color: #fecaca; } - .xl\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .xl\:hover\:text-red-300:hover { + color: #fca5a5; } - .xl\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .xl\:hover\:text-red-400:hover { + color: #f87171; } - .xl\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .xl\:hover\:text-red-500:hover { + color: #ef4444; } - .xl\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .xl\:hover\:text-red-600:hover { + color: #dc2626; } - .xl\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .xl\:hover\:text-red-700:hover { + color: #b91c1c; } - .xl\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .xl\:hover\:text-red-800:hover { + color: #991b1b; } - .xl\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .xl\:hover\:text-red-900:hover { + color: #7f1d1d; } - .xl\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .xl\:hover\:text-yellow-50:hover { + color: #fffbeb; } - .xl\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .xl\:hover\:text-yellow-100:hover { + color: #fef3c7; } - .xl\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .xl\:hover\:text-yellow-200:hover { + color: #fde68a; } - .xl\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .xl\:hover\:text-yellow-300:hover { + color: #fcd34d; } - .xl\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .xl\:hover\:text-yellow-400:hover { + color: #fbbf24; } - .xl\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .xl\:hover\:text-yellow-500:hover { + color: #f59e0b; } - .xl\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .xl\:hover\:text-yellow-600:hover { + color: #d97706; } - .xl\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .xl\:hover\:text-yellow-700:hover { + color: #b45309; } - .xl\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .xl\:hover\:text-yellow-800:hover { + color: #92400e; } - .xl\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .xl\:hover\:text-yellow-900:hover { + color: #78350f; } - .xl\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .xl\:hover\:text-green-50:hover { + color: #ecfdf5; } - .xl\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .xl\:hover\:text-green-100:hover { + color: #d1fae5; } - .xl\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .xl\:hover\:text-green-200:hover { + color: #a7f3d0; } - .xl\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .xl\:hover\:text-green-300:hover { + color: #6ee7b7; } - .xl\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .xl\:hover\:text-green-400:hover { + color: #34d399; } - .xl\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .xl\:hover\:text-green-500:hover { + color: #10b981; } - .xl\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .xl\:hover\:text-green-600:hover { + color: #059669; } - .xl\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .xl\:hover\:text-green-700:hover { + color: #047857; } - .xl\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .xl\:hover\:text-green-800:hover { + color: #065f46; } - .xl\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .xl\:hover\:text-green-900:hover { + color: #064e3b; } - .xl\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .xl\:hover\:text-blue-50:hover { + color: #eff6ff; } - .xl\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .xl\:hover\:text-blue-100:hover { + color: #dbeafe; } - .xl\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .xl\:hover\:text-blue-200:hover { + color: #bfdbfe; } - .xl\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .xl\:hover\:text-blue-300:hover { + color: #93c5fd; } - .xl\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .xl\:hover\:text-blue-400:hover { + color: #60a5fa; } - .xl\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .xl\:hover\:text-blue-500:hover { + color: #3b82f6; } - .xl\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .xl\:hover\:text-blue-600:hover { + color: #2563eb; } - .xl\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .xl\:hover\:text-blue-700:hover { + color: #1d4ed8; } - .xl\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .xl\:hover\:text-blue-800:hover { + color: #1e40af; } - .xl\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .xl\:hover\:text-blue-900:hover { + color: #1e3a8a; } - .xl\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .xl\:hover\:text-purple-50:hover { + color: #f5f3ff; } - .xl\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .xl\:hover\:text-purple-100:hover { + color: #ede9fe; } - .xl\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .xl\:hover\:text-purple-200:hover { + color: #ddd6fe; } - .xl\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .xl\:hover\:text-purple-300:hover { + color: #c4b5fd; } - .xl\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .xl\:hover\:text-purple-400:hover { + color: #a78bfa; } - .xl\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .xl\:hover\:text-purple-500:hover { + color: #8b5cf6; } - .xl\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .xl\:hover\:text-purple-600:hover { + color: #7c3aed; } - .xl\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .xl\:hover\:text-purple-700:hover { + color: #6d28d9; } - .xl\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .xl\:hover\:text-purple-800:hover { + color: #5b21b6; } - .xl\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .xl\:hover\:text-purple-900:hover { + color: #4c1d95; } - .xl\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .xl\:hover\:text-pink-50:hover { + color: #fdf2f8; } - .xl\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .xl\:hover\:text-pink-100:hover { + color: #fce7f3; } - .xl\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .xl\:hover\:text-pink-200:hover { + color: #fbcfe8; } - .xl\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .xl\:hover\:text-pink-300:hover { + color: #f9a8d4; } - .xl\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .xl\:hover\:text-pink-400:hover { + color: #f472b6; } - .xl\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .xl\:hover\:text-pink-500:hover { + color: #ec4899; } - .xl\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .xl\:hover\:text-pink-600:hover { + color: #db2777; } - .xl\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .xl\:hover\:text-pink-700:hover { + color: #be185d; } - .xl\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .xl\:hover\:text-pink-800:hover { + color: #9d174d; } - .xl\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .xl\:hover\:text-pink-900:hover { + color: #831843; } - .xl\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .xl\:focus\:text-transparent:focus { + color: transparent; } - .xl\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .xl\:focus\:text-current:focus { + color: currentColor; } - .xl\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .xl\:focus\:text-black:focus { + color: #000; } - .xl\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .xl\:focus\:text-white:focus { + color: #fff; } - .xl\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .xl\:focus\:text-gray-50:focus { + color: #fafafa; } - .xl\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .xl\:focus\:text-gray-100:focus { + color: #f4f4f5; } - .xl\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .xl\:focus\:text-gray-200:focus { + color: #e4e4e7; } - .xl\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .xl\:focus\:text-gray-300:focus { + color: #d4d4d8; } - .xl\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .xl\:focus\:text-gray-400:focus { + color: #a1a1aa; } - .xl\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .xl\:focus\:text-gray-500:focus { + color: #71717a; } - .xl\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .xl\:focus\:text-gray-600:focus { + color: #52525b; } - .xl\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .xl\:focus\:text-gray-700:focus { + color: #3f3f46; } - .xl\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .xl\:focus\:text-gray-800:focus { + color: #27272a; } - .xl\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .xl\:focus\:text-gray-900:focus { + color: #18181b; } - .xl\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .xl\:focus\:text-red-50:focus { + color: #fef2f2; } - .xl\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .xl\:focus\:text-red-100:focus { + color: #fee2e2; } - .xl\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .xl\:focus\:text-red-200:focus { + color: #fecaca; } - .xl\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .xl\:focus\:text-red-300:focus { + color: #fca5a5; } - .xl\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .xl\:focus\:text-red-400:focus { + color: #f87171; } - .xl\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .xl\:focus\:text-red-500:focus { + color: #ef4444; } - .xl\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .xl\:focus\:text-red-600:focus { + color: #dc2626; } - .xl\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .xl\:focus\:text-red-700:focus { + color: #b91c1c; } - .xl\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .xl\:focus\:text-red-800:focus { + color: #991b1b; } - .xl\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .xl\:focus\:text-red-900:focus { + color: #7f1d1d; } - .xl\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .xl\:focus\:text-yellow-50:focus { + color: #fffbeb; } - .xl\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .xl\:focus\:text-yellow-100:focus { + color: #fef3c7; } - .xl\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .xl\:focus\:text-yellow-200:focus { + color: #fde68a; } - .xl\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .xl\:focus\:text-yellow-300:focus { + color: #fcd34d; } - .xl\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .xl\:focus\:text-yellow-400:focus { + color: #fbbf24; } - .xl\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .xl\:focus\:text-yellow-500:focus { + color: #f59e0b; } - .xl\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .xl\:focus\:text-yellow-600:focus { + color: #d97706; } - .xl\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .xl\:focus\:text-yellow-700:focus { + color: #b45309; } - .xl\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .xl\:focus\:text-yellow-800:focus { + color: #92400e; } - .xl\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .xl\:focus\:text-yellow-900:focus { + color: #78350f; } - .xl\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .xl\:focus\:text-green-50:focus { + color: #ecfdf5; } - .xl\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .xl\:focus\:text-green-100:focus { + color: #d1fae5; } - .xl\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .xl\:focus\:text-green-200:focus { + color: #a7f3d0; } - .xl\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .xl\:focus\:text-green-300:focus { + color: #6ee7b7; } - .xl\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .xl\:focus\:text-green-400:focus { + color: #34d399; } - .xl\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .xl\:focus\:text-green-500:focus { + color: #10b981; } - .xl\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .xl\:focus\:text-green-600:focus { + color: #059669; } - .xl\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .xl\:focus\:text-green-700:focus { + color: #047857; } - .xl\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .xl\:focus\:text-green-800:focus { + color: #065f46; } - .xl\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .xl\:focus\:text-green-900:focus { + color: #064e3b; } - .xl\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .xl\:focus\:text-blue-50:focus { + color: #eff6ff; } - .xl\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .xl\:focus\:text-blue-100:focus { + color: #dbeafe; } - .xl\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .xl\:focus\:text-blue-200:focus { + color: #bfdbfe; } - .xl\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .xl\:focus\:text-blue-300:focus { + color: #93c5fd; } - .xl\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .xl\:focus\:text-blue-400:focus { + color: #60a5fa; } - .xl\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .xl\:focus\:text-blue-500:focus { + color: #3b82f6; } - .xl\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .xl\:focus\:text-blue-600:focus { + color: #2563eb; } - .xl\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .xl\:focus\:text-blue-700:focus { + color: #1d4ed8; } - .xl\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .xl\:focus\:text-blue-800:focus { + color: #1e40af; } - .xl\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .xl\:focus\:text-blue-900:focus { + color: #1e3a8a; } - .xl\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .xl\:focus\:text-purple-50:focus { + color: #f5f3ff; } - .xl\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .xl\:focus\:text-purple-100:focus { + color: #ede9fe; } - .xl\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .xl\:focus\:text-purple-200:focus { + color: #ddd6fe; } - .xl\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .xl\:focus\:text-purple-300:focus { + color: #c4b5fd; } - .xl\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .xl\:focus\:text-purple-400:focus { + color: #a78bfa; } - .xl\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .xl\:focus\:text-purple-500:focus { + color: #8b5cf6; } - .xl\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .xl\:focus\:text-purple-600:focus { + color: #7c3aed; } - .xl\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .xl\:focus\:text-purple-700:focus { + color: #6d28d9; } - .xl\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .xl\:focus\:text-purple-800:focus { + color: #5b21b6; } - .xl\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .xl\:focus\:text-purple-900:focus { + color: #4c1d95; } - .xl\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .xl\:focus\:text-pink-50:focus { + color: #fdf2f8; } - .xl\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .xl\:focus\:text-pink-100:focus { + color: #fce7f3; } - .xl\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .xl\:focus\:text-pink-200:focus { + color: #fbcfe8; } - .xl\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .xl\:focus\:text-pink-300:focus { + color: #f9a8d4; } - .xl\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .xl\:focus\:text-pink-400:focus { + color: #f472b6; } - .xl\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .xl\:focus\:text-pink-500:focus { + color: #ec4899; } - .xl\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .xl\:focus\:text-pink-600:focus { + color: #db2777; } - .xl\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .xl\:focus\:text-pink-700:focus { + color: #be185d; } - .xl\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .xl\:focus\:text-pink-800:focus { + color: #9d174d; } - .xl\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .xl\:focus\:text-pink-900:focus { + color: #831843; } - .xl\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .xl\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .xl\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .xl\:overflow-clip { + text-overflow: clip; } - .xl\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .xl\:italic { + font-style: italic; } - .xl\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .xl\:not-italic { + font-style: normal; } - .xl\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .xl\:uppercase { + text-transform: uppercase; } - .xl\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .xl\:lowercase { + text-transform: lowercase; } - .xl\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .xl\:capitalize { + text-transform: capitalize; } - .xl\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .xl\:normal-case { + text-transform: none; } - .xl\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .xl\:underline { + text-decoration: underline; } - .xl\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .xl\:line-through { + text-decoration: line-through; } - .xl\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .xl\:no-underline { + text-decoration: none; } - .xl\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .xl\:hover\:underline:hover { + text-decoration: underline; } - .xl\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .xl\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .xl\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .xl\:focus\:underline:focus { + text-decoration: underline; } - .xl\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .xl\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .xl\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .xl\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .xl\:normal-nums { + font-variant-numeric: normal; } - .xl\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .xl\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .xl\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .xl\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .xl\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .xl\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .xl\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .xl\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .xl\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .xl\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .xl\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .xl\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .xl\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .xl\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .xl\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .xl\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .xl\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .xl\:tracking-tighter { + letter-spacing: -0.05em; } - .xl\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .xl\:tracking-tight { + letter-spacing: -0.025em; } - .xl\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .xl\:tracking-normal { + letter-spacing: 0; } - .xl\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .xl\:tracking-wide { + letter-spacing: 0.025em; } - .xl\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .xl\:tracking-wider { + letter-spacing: 0.05em; } - .xl\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .xl\:tracking-widest { + letter-spacing: 0.1em; } - .xl\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .xl\:select-none { + user-select: none; } - .xl\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .xl\:select-text { + user-select: text; } - .xl\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .xl\:select-all { + user-select: all; } - .xl\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .xl\:select-auto { + user-select: auto; } - .xl\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .xl\:align-baseline { + vertical-align: baseline; } - .xl\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .xl\:align-top { + vertical-align: top; } - .xl\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .xl\:align-middle { + vertical-align: middle; } - .xl\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .xl\:align-bottom { + vertical-align: bottom; } - .xl\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .xl\:align-text-top { + vertical-align: text-top; } - .xl\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .xl\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .xl\:visible { + visibility: visible; } - .xl\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .xl\:invisible { + visibility: hidden; } - .xl\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .xl\:whitespace-normal { + white-space: normal; } - .xl\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .xl\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .xl\:whitespace-pre { + white-space: pre; } - .xl\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .xl\:whitespace-pre-line { + white-space: pre-line; } - .xl\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .xl\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .xl\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .xl\:break-words { + overflow-wrap: break-word; } - .xl\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .xl\:break-all { + word-break: break-all; } - .xl\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .xl\:w-0 { + width: 0; } - .xl\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .xl\:w-1 { + width: 0.25rem; } - .xl\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .xl\:w-2 { + width: 0.5rem; } - .xl\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .xl\:w-3 { + width: 0.75rem; } - .xl\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .xl\:w-4 { + width: 1rem; } - .xl\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .xl\:w-5 { + width: 1.25rem; } - .xl\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .xl\:w-6 { + width: 1.5rem; } - .xl\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .xl\:w-7 { + width: 1.75rem; } - .xl\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .xl\:w-8 { + width: 2rem; } - .xl\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .xl\:w-9 { + width: 2.25rem; } - .xl\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .xl\:w-10 { + width: 2.5rem; } - .xl\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .xl\:w-12 { + width: 3rem; } - .xl\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .xl\:w-14 { + width: 3.5rem; } - .xl\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .xl\:w-16 { + width: 4rem; } - .xl\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .xl\:w-20 { + width: 5rem; } - .xl\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .xl\:w-24 { + width: 6rem; } - .xl\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .xl\:w-28 { + width: 7rem; } - .xl\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .xl\:w-32 { + width: 8rem; } - .xl\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .xl\:w-36 { + width: 9rem; } - .xl\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .xl\:w-40 { + width: 10rem; } - .xl\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .xl\:w-44 { + width: 11rem; } - .xl\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .xl\:w-48 { + width: 12rem; } - .xl\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .xl\:w-52 { + width: 13rem; } - .xl\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .xl\:w-56 { + width: 14rem; } - .xl\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .xl\:w-60 { + width: 15rem; } - .xl\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .xl\:w-64 { + width: 16rem; } - .xl\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .xl\:w-72 { + width: 18rem; } - .xl\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .xl\:w-80 { + width: 20rem; } - .xl\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .xl\:w-96 { + width: 24rem; } - .xl\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .xl\:w-auto { + width: auto; } - .xl\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .xl\:w-px { + width: 1px; } - .xl\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .xl\:w-0\.5 { + width: 0.125rem; } - .xl\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .xl\:w-1\.5 { + width: 0.375rem; } - .xl\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .xl\:w-2\.5 { + width: 0.625rem; } - .xl\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .xl\:w-3\.5 { + width: 0.875rem; } - .xl\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .xl\:w-1\/2 { + width: 50%; } - .xl\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .xl\:w-1\/3 { + width: 33.333333%; } - .xl\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .xl\:w-2\/3 { + width: 66.666667%; } - .xl\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .xl\:w-1\/4 { + width: 25%; } - .xl\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .xl\:w-2\/4 { + width: 50%; } - .xl\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .xl\:w-3\/4 { + width: 75%; } - .xl\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .xl\:w-1\/5 { + width: 20%; } - .xl\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .xl\:w-2\/5 { + width: 40%; } - .xl\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .xl\:w-3\/5 { + width: 60%; } - .xl\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .xl\:w-4\/5 { + width: 80%; } - .xl\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .xl\:w-1\/6 { + width: 16.666667%; } - .xl\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .xl\:w-2\/6 { + width: 33.333333%; } - .xl\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .xl\:w-3\/6 { + width: 50%; } - .xl\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .xl\:w-4\/6 { + width: 66.666667%; } - .xl\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .xl\:w-5\/6 { + width: 83.333333%; } - .xl\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .xl\:w-1\/12 { + width: 8.333333%; } - .xl\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .xl\:w-2\/12 { + width: 16.666667%; } - .xl\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .xl\:w-3\/12 { + width: 25%; } - .xl\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .xl\:w-4\/12 { + width: 33.333333%; } - .xl\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .xl\:w-5\/12 { + width: 41.666667%; } - .xl\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .xl\:w-6\/12 { + width: 50%; } - .xl\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .xl\:w-7\/12 { + width: 58.333333%; } - .xl\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .xl\:w-8\/12 { + width: 66.666667%; } - .xl\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .xl\:w-9\/12 { + width: 75%; } - .xl\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .xl\:w-10\/12 { + width: 83.333333%; } - .xl\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .xl\:w-11\/12 { + width: 91.666667%; } - .xl\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .xl\:w-full { + width: 100%; } - .xl\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .xl\:w-screen { + width: 100vw; } - .xl\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .xl\:w-min { + width: min-content; } - .xl\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .xl\:w-max { + width: max-content; } - .xl\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .xl\:z-0 { + z-index: 0; } - .xl\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .xl\:z-10 { + z-index: 10; } - .xl\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .xl\:z-20 { + z-index: 20; } - .xl\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .xl\:z-30 { + z-index: 30; } - .xl\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .xl\:z-40 { + z-index: 40; } - .xl\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .xl\:z-50 { + z-index: 50; } - .xl\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .xl\:z-auto { + z-index: auto; } - .xl\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .xl\:focus\:z-0:focus { + z-index: 0; } - .xl\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .xl\:focus\:z-10:focus { + z-index: 10; } - .xl\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .xl\:focus\:z-20:focus { + z-index: 20; } - .xl\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .xl\:focus\:z-30:focus { + z-index: 30; } - .xl\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .xl\:focus\:z-40:focus { + z-index: 40; } - .xl\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .xl\:focus\:z-50:focus { + z-index: 50; } - .xl\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .xl\:focus\:z-auto:focus { + z-index: auto; } - .xl\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .xl\:gap-0 { + grid-gap: 0; + gap: 0; } - .xl\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .xl\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .xl\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .xl\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .xl\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .xl\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .xl\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .xl\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .xl\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .xl\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .xl\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .xl\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .xl\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .xl\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .xl\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .xl\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .xl\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .xl\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .xl\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .xl\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .xl\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .xl\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .xl\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .xl\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .xl\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .xl\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .xl\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .xl\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .xl\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .xl\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .xl\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .xl\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .xl\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .xl\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .xl\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .xl\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .xl\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .xl\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .xl\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .xl\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .xl\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .xl\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .xl\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .xl\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .xl\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .xl\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .xl\:skew-x-0 { - --transform-skew-x: 0; + .xl\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .xl\:skew-x-1 { - --transform-skew-x: 1deg; + .xl\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .xl\:skew-x-2 { - --transform-skew-x: 2deg; + .xl\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .xl\:skew-x-3 { - --transform-skew-x: 3deg; + .xl\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .xl\:skew-x-6 { - --transform-skew-x: 6deg; + .xl\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .xl\:skew-x-12 { - --transform-skew-x: 12deg; + .xl\:gap-px { + grid-gap: 1px; + gap: 1px; } - .xl\:-skew-x-12 { - --transform-skew-x: -12deg; + .xl\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .xl\:-skew-x-6 { - --transform-skew-x: -6deg; + .xl\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .xl\:-skew-x-3 { - --transform-skew-x: -3deg; + .xl\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .xl\:-skew-x-2 { - --transform-skew-x: -2deg; + .xl\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .xl\:-skew-x-1 { - --transform-skew-x: -1deg; + .xl\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .xl\:skew-y-0 { - --transform-skew-y: 0; + .xl\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .xl\:skew-y-1 { - --transform-skew-y: 1deg; + .xl\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .xl\:skew-y-2 { - --transform-skew-y: 2deg; + .xl\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .xl\:skew-y-3 { - --transform-skew-y: 3deg; + .xl\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .xl\:skew-y-6 { - --transform-skew-y: 6deg; + .xl\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .xl\:skew-y-12 { - --transform-skew-y: 12deg; + .xl\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .xl\:-skew-y-12 { - --transform-skew-y: -12deg; + .xl\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .xl\:-skew-y-6 { - --transform-skew-y: -6deg; + .xl\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .xl\:-skew-y-3 { - --transform-skew-y: -3deg; + .xl\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .xl\:-skew-y-2 { - --transform-skew-y: -2deg; + .xl\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .xl\:-skew-y-1 { - --transform-skew-y: -1deg; + .xl\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .xl\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .xl\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .xl\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .xl\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .xl\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .xl\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .xl\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .xl\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .xl\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .xl\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .xl\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .xl\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .xl\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .xl\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .xl\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .xl\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .xl\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .xl\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .xl\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .xl\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .xl\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .xl\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .xl\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .xl\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .xl\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .xl\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .xl\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .xl\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .xl\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .xl\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .xl\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .xl\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .xl\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .xl\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .xl\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .xl\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .xl\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .xl\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .xl\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .xl\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .xl\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .xl\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .xl\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .xl\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .xl\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .xl\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .xl\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .xl\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .xl\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .xl\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .xl\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .xl\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .xl\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .xl\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .xl\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .xl\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .xl\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .xl\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .xl\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .xl\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .xl\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .xl\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .xl\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .xl\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .xl\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .xl\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .xl\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .xl\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .xl\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .xl\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .xl\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .xl\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .xl\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .xl\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .xl\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .xl\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .xl\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .xl\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .xl\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .xl\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .xl\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .xl\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .xl\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .xl\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .xl\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .xl\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .xl\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .xl\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .xl\:transition-none { - transition-property: none; + .xl\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .xl\:transition-all { - transition-property: all; + .xl\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .xl\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .xl\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .xl\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .xl\:transition-opacity { - transition-property: opacity; + .xl\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .xl\:transition-shadow { - transition-property: box-shadow; + .xl\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .xl\:transition-transform { - transition-property: transform; + .xl\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .xl\:ease-linear { - transition-timing-function: linear; + .xl\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .xl\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .xl\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .xl\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .xl\:duration-75 { - transition-duration: 75ms; + .xl\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .xl\:duration-100 { - transition-duration: 100ms; + .xl\:grid-flow-row { + grid-auto-flow: row; } - .xl\:duration-150 { - transition-duration: 150ms; + .xl\:grid-flow-col { + grid-auto-flow: column; } - .xl\:duration-200 { - transition-duration: 200ms; + .xl\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .xl\:duration-300 { - transition-duration: 300ms; + .xl\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .xl\:duration-500 { - transition-duration: 500ms; + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .xl\:duration-700 { - transition-duration: 700ms; + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .xl\:duration-1000 { - transition-duration: 1000ms; + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .xl\:delay-75 { - transition-delay: 75ms; + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .xl\:delay-100 { - transition-delay: 100ms; + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .xl\:delay-150 { - transition-delay: 150ms; + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .xl\:delay-200 { - transition-delay: 200ms; + .xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .xl\:delay-300 { - transition-delay: 300ms; + .xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .xl\:delay-500 { - transition-delay: 500ms; + .xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .xl\:delay-700 { - transition-delay: 700ms; + .xl\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .xl\:delay-1000 { - transition-delay: 1000ms; + .xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .xl\:animate-none { - animation: none; + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .xl\:animate-spin { - animation: spin 1s linear infinite; + .xl\:grid-cols-none { + grid-template-columns: none; } - .xl\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .xl\:auto-cols-auto { + grid-auto-columns: auto; } - .xl\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:auto-cols-min { + grid-auto-columns: min-content; } - .xl\:animate-bounce { - animation: bounce 1s infinite; + .xl\:auto-cols-max { + grid-auto-columns: max-content; } - .xl\:example { - font-weight: 700; - color: #ef4444; + .xl\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } -} -@media (min-width: 1536px) { - .\32xl\:container { - width: 100%; + .xl\:col-auto { + grid-column: auto; } - @media (min-width: 640px) { - .\32xl\:container { - max-width: 640px; - } + .xl\:col-span-1 { + grid-column: span 1 / span 1; } - @media (min-width: 768px) { - .\32xl\:container { - max-width: 768px; - } + .xl\:col-span-2 { + grid-column: span 2 / span 2; } - @media (min-width: 1024px) { - .\32xl\:container { - max-width: 1024px; - } + .xl\:col-span-3 { + grid-column: span 3 / span 3; } - @media (min-width: 1280px) { - .\32xl\:container { - max-width: 1280px; - } + .xl\:col-span-4 { + grid-column: span 4 / span 4; } - @media (min-width: 1536px) { - .\32xl\:container { - max-width: 1536px; - } + .xl\:col-span-5 { + grid-column: span 5 / span 5; } - .\32xl\: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\:col-span-6 { + grid-column: span 6 / span 6; } - .\32xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .xl\:col-span-7 { + grid-column: span 7 / span 7; } - .\32xl\: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\:col-span-8 { + grid-column: span 8 / span 8; } - .\32xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-9 { + grid-column: span 9 / span 9; } - .\32xl\: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\:col-span-10 { + grid-column: span 10 / span 10; } - .\32xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-11 { + grid-column: span 11 / span 11; } - .\32xl\: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\:col-span-12 { + grid-column: span 12 / span 12; } - .\32xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-full { + grid-column: 1 / -1; } - .\32xl\: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\:col-start-1 { + grid-column-start: 1; } - .\32xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-2 { + grid-column-start: 2; } - .\32xl\: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\:col-start-3 { + grid-column-start: 3; } - .\32xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-4 { + grid-column-start: 4; } - .\32xl\: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\:col-start-5 { + grid-column-start: 5; } - .\32xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-6 { + grid-column-start: 6; } - .\32xl\: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\:col-start-7 { + grid-column-start: 7; } - .\32xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-8 { + grid-column-start: 8; } - .\32xl\: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\:col-start-9 { + grid-column-start: 9; } - .\32xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-10 { + grid-column-start: 10; } - .\32xl\: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\:col-start-11 { + grid-column-start: 11; } - .\32xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-12 { + grid-column-start: 12; } - .\32xl\: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\:col-start-13 { + grid-column-start: 13; } - .\32xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-auto { + grid-column-start: auto; } - .\32xl\: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\:col-end-1 { + grid-column-end: 1; } - .\32xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-2 { + grid-column-end: 2; } - .\32xl\: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\:col-end-3 { + grid-column-end: 3; } - .\32xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-4 { + grid-column-end: 4; } - .\32xl\: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\:col-end-5 { + grid-column-end: 5; } - .\32xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-6 { + grid-column-end: 6; } - .\32xl\: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\:col-end-7 { + grid-column-end: 7; } - .\32xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-8 { + grid-column-end: 8; } - .\32xl\: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\:col-end-9 { + grid-column-end: 9; } - .\32xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-10 { + grid-column-end: 10; } - .\32xl\: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\:col-end-11 { + grid-column-end: 11; } - .\32xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-12 { + grid-column-end: 12; } - .\32xl\: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\:col-end-13 { + grid-column-end: 13; } - .\32xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-auto { + grid-column-end: auto; } - .\32xl\: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\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .\32xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .\32xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .\32xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-none { + grid-template-rows: none; } - .\32xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .xl\:auto-rows-auto { + grid-auto-rows: auto; } - .\32xl\: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\:auto-rows-min { + grid-auto-rows: min-content; } - .\32xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .xl\:auto-rows-max { + grid-auto-rows: max-content; } - .\32xl\: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\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .\32xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .xl\:row-auto { + grid-row: auto; } - .\32xl\: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\:row-span-1 { + grid-row: span 1 / span 1; } - .\32xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-2 { + grid-row: span 2 / span 2; } - .\32xl\: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\:row-span-3 { + grid-row: span 3 / span 3; } - .\32xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-4 { + grid-row: span 4 / span 4; } - .\32xl\: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\:row-span-5 { + grid-row: span 5 / span 5; } - .\32xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-6 { + grid-row: span 6 / span 6; } - .\32xl\: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\:row-span-full { + grid-row: 1 / -1; } - .\32xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-1 { + grid-row-start: 1; } - .\32xl\: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\:row-start-2 { + grid-row-start: 2; } - .\32xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-3 { + grid-row-start: 3; } - .\32xl\: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\:row-start-4 { + grid-row-start: 4; } - .\32xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .xl\:row-start-5 { + grid-row-start: 5; } - .\32xl\: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\:row-start-6 { + grid-row-start: 6; } - .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-7 { + grid-row-start: 7; } - .\32xl\: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\:row-start-auto { + grid-row-start: auto; } - .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-1 { + grid-row-end: 1; } - .\32xl\: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\:row-end-2 { + grid-row-end: 2; } - .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-3 { + grid-row-end: 3; } - .\32xl\: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\:row-end-4 { + grid-row-end: 4; } - .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-5 { + grid-row-end: 5; } - .\32xl\:-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\:row-end-6 { + grid-row-end: 6; } - .\32xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-7 { + grid-row-end: 7; } - .\32xl\:-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\:row-end-auto { + grid-row-end: auto; } - .\32xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .xl\: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)); } - .\32xl\:-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\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .\32xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:transform-none { + transform: none; } - .\32xl\:-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\:origin-center { + transform-origin: center; } - .\32xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-top { + transform-origin: top; } - .\32xl\:-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\:origin-top-right { + transform-origin: top right; } - .\32xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-right { + transform-origin: right; } - .\32xl\:-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\:origin-bottom-right { + transform-origin: bottom right; } - .\32xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-bottom { + transform-origin: bottom; } - .\32xl\:-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\:origin-bottom-left { + transform-origin: bottom left; } - .\32xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-left { + transform-origin: left; } - .\32xl\:-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\:origin-top-left { + transform-origin: top left; } - .\32xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\:-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\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:-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\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:-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\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:-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\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:-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\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-0 { + --transform-scale-x: 0; } - .\32xl\:-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\:scale-x-50 { + --transform-scale-x: .5; } - .\32xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-75 { + --transform-scale-x: .75; } - .\32xl\:-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\:scale-x-90 { + --transform-scale-x: .9; } - .\32xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-95 { + --transform-scale-x: .95; } - .\32xl\:-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\:scale-x-100 { + --transform-scale-x: 1; } - .\32xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-105 { + --transform-scale-x: 1.05; } - .\32xl\:-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\:scale-x-110 { + --transform-scale-x: 1.1; } - .\32xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-125 { + --transform-scale-x: 1.25; } - .\32xl\:-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\:scale-x-150 { + --transform-scale-x: 1.5; } - .\32xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-0 { + --transform-scale-y: 0; } - .\32xl\:-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\:scale-y-50 { + --transform-scale-y: .5; } - .\32xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-75 { + --transform-scale-y: .75; } - .\32xl\:-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\:scale-y-90 { + --transform-scale-y: .9; } - .\32xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-95 { + --transform-scale-y: .95; } - .\32xl\:-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\:scale-y-100 { + --transform-scale-y: 1; } - .\32xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-105 { + --transform-scale-y: 1.05; } - .\32xl\:-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\:scale-y-110 { + --transform-scale-y: 1.1; } - .\32xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-125 { + --transform-scale-y: 1.25; } - .\32xl\:-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\:scale-y-150 { + --transform-scale-y: 1.5; } - .\32xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\:-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\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:-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\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:-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\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:-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\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:-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\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .\32xl\:-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\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .\32xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .\32xl\:-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\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .\32xl\:-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\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .\32xl\:-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\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .\32xl\:-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\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .\32xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .xl\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .\32xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .xl\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .\32xl\: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\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .\32xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .\32xl\: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\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .\32xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .\32xl\: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\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .\32xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .\32xl\: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\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .\32xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\: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\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .xl\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .xl\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .xl\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .xl\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:divide-black > :not(template) ~ :not(template) { - border-color: #000; + .xl\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; + .xl\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; + .xl\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; + .xl\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; + .xl\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; + .xl\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; + .xl\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; + .xl\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; + .xl\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; + .xl\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; + .xl\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; + .xl\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .\32xl\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; + .xl\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .\32xl\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; + .xl\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .\32xl\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; + .xl\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .\32xl\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; + .xl\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .\32xl\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; + .xl\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .\32xl\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; + .xl\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .\32xl\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; + .xl\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .\32xl\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; + .xl\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .\32xl\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; + .xl\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .\32xl\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; + .xl\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; + .xl\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; + .xl\:rotate-0 { + --transform-rotate: 0; } - .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; + .xl\:rotate-1 { + --transform-rotate: 1deg; } - .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; + .xl\:rotate-2 { + --transform-rotate: 2deg; } - .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; + .xl\:rotate-3 { + --transform-rotate: 3deg; } - .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; + .xl\:rotate-6 { + --transform-rotate: 6deg; } - .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; + .xl\:rotate-12 { + --transform-rotate: 12deg; } - .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; + .xl\:rotate-45 { + --transform-rotate: 45deg; } - .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; + .xl\:rotate-90 { + --transform-rotate: 90deg; } - .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; + .xl\:rotate-180 { + --transform-rotate: 180deg; } - .\32xl\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; + .xl\:-rotate-180 { + --transform-rotate: -180deg; } - .\32xl\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; + .xl\:-rotate-90 { + --transform-rotate: -90deg; } - .\32xl\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; + .xl\:-rotate-45 { + --transform-rotate: -45deg; } - .\32xl\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; + .xl\:-rotate-12 { + --transform-rotate: -12deg; } - .\32xl\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; + .xl\:-rotate-6 { + --transform-rotate: -6deg; } - .\32xl\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; + .xl\:-rotate-3 { + --transform-rotate: -3deg; } - .\32xl\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; + .xl\:-rotate-2 { + --transform-rotate: -2deg; } - .\32xl\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; + .xl\:-rotate-1 { + --transform-rotate: -1deg; } - .\32xl\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; + .xl\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .\32xl\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; + .xl\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; + .xl\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; + .xl\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; + .xl\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; + .xl\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; + .xl\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; + .xl\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; + .xl\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; + .xl\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; + .xl\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; + .xl\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; + .xl\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; + .xl\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; + .xl\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; + .xl\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; + .xl\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; + .xl\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; + .xl\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; + .xl\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; + .xl\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; + .xl\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; + .xl\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; + .xl\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; + .xl\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; + .xl\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; + .xl\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; + .xl\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; + .xl\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; + .xl\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; + .xl\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; + .xl\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } + .xl\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; + } - .\32xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .xl\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; + } - .\32xl\:dark\:divide-black > :not(template) ~ :not(template) { - border-color: #000; - } + .xl\:translate-x-0 { + --transform-translate-x: 0; + } - .\32xl\:dark\:divide-white > :not(template) ~ :not(template) { - border-color: #fff; - } + .xl\:translate-x-1 { + --transform-translate-x: 0.25rem; + } - .\32xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - border-color: #fafafa; - } + .xl\:translate-x-2 { + --transform-translate-x: 0.5rem; + } - .\32xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - border-color: #f4f4f5; - } + .xl\:translate-x-3 { + --transform-translate-x: 0.75rem; + } - .\32xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - border-color: #e4e4e7; - } + .xl\:translate-x-4 { + --transform-translate-x: 1rem; + } - .\32xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - border-color: #d4d4d8; - } + .xl\:translate-x-5 { + --transform-translate-x: 1.25rem; + } - .\32xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - border-color: #a1a1aa; - } + .xl\:translate-x-6 { + --transform-translate-x: 1.5rem; + } - .\32xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - border-color: #71717a; - } + .xl\:translate-x-7 { + --transform-translate-x: 1.75rem; + } - .\32xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - border-color: #52525b; - } + .xl\:translate-x-8 { + --transform-translate-x: 2rem; + } - .\32xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - border-color: #3f3f46; - } + .xl\:translate-x-9 { + --transform-translate-x: 2.25rem; + } - .\32xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - border-color: #27272a; - } + .xl\:translate-x-10 { + --transform-translate-x: 2.5rem; + } - .\32xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - border-color: #18181b; - } + .xl\:translate-x-12 { + --transform-translate-x: 3rem; + } - .\32xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - border-color: #fef2f2; - } + .xl\:translate-x-14 { + --transform-translate-x: 3.5rem; + } - .\32xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - border-color: #fee2e2; - } + .xl\:translate-x-16 { + --transform-translate-x: 4rem; + } - .\32xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - border-color: #fecaca; - } + .xl\:translate-x-20 { + --transform-translate-x: 5rem; + } - .\32xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - border-color: #fca5a5; - } + .xl\:translate-x-24 { + --transform-translate-x: 6rem; + } - .\32xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - border-color: #f87171; - } + .xl\:translate-x-28 { + --transform-translate-x: 7rem; + } - .\32xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - border-color: #ef4444; - } + .xl\:translate-x-32 { + --transform-translate-x: 8rem; + } - .\32xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - border-color: #dc2626; - } + .xl\:translate-x-36 { + --transform-translate-x: 9rem; + } - .\32xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - border-color: #b91c1c; - } + .xl\:translate-x-40 { + --transform-translate-x: 10rem; + } - .\32xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - border-color: #991b1b; - } + .xl\:translate-x-44 { + --transform-translate-x: 11rem; + } - .\32xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - border-color: #7f1d1d; - } + .xl\:translate-x-48 { + --transform-translate-x: 12rem; + } - .\32xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - border-color: #fffbeb; - } + .xl\:translate-x-52 { + --transform-translate-x: 13rem; + } - .\32xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - border-color: #fef3c7; - } + .xl\:translate-x-56 { + --transform-translate-x: 14rem; + } - .\32xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - border-color: #fde68a; - } + .xl\:translate-x-60 { + --transform-translate-x: 15rem; + } - .\32xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - border-color: #fcd34d; - } + .xl\:translate-x-64 { + --transform-translate-x: 16rem; + } - .\32xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - border-color: #fbbf24; - } + .xl\:translate-x-72 { + --transform-translate-x: 18rem; + } - .\32xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - border-color: #f59e0b; - } + .xl\:translate-x-80 { + --transform-translate-x: 20rem; + } - .\32xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - border-color: #d97706; - } + .xl\:translate-x-96 { + --transform-translate-x: 24rem; + } - .\32xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - border-color: #b45309; - } + .xl\:translate-x-px { + --transform-translate-x: 1px; + } - .\32xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - border-color: #92400e; - } + .xl\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; + } - .\32xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - border-color: #78350f; - } + .xl\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; + } - .\32xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - border-color: #ecfdf5; - } + .xl\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; + } - .\32xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - border-color: #d1fae5; - } + .xl\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; + } - .\32xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - border-color: #a7f3d0; - } + .xl\:-translate-x-1 { + --transform-translate-x: -0.25rem; + } - .\32xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - border-color: #6ee7b7; - } + .xl\:-translate-x-2 { + --transform-translate-x: -0.5rem; + } - .\32xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - border-color: #34d399; - } + .xl\:-translate-x-3 { + --transform-translate-x: -0.75rem; + } - .\32xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - border-color: #10b981; - } + .xl\:-translate-x-4 { + --transform-translate-x: -1rem; + } - .\32xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - border-color: #059669; - } + .xl\:-translate-x-5 { + --transform-translate-x: -1.25rem; + } - .\32xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - border-color: #047857; - } + .xl\:-translate-x-6 { + --transform-translate-x: -1.5rem; + } - .\32xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - border-color: #065f46; - } + .xl\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } - .\32xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - border-color: #064e3b; - } + .xl\:-translate-x-8 { + --transform-translate-x: -2rem; + } - .\32xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - border-color: #eff6ff; - } + .xl\:-translate-x-9 { + --transform-translate-x: -2.25rem; + } - .\32xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - border-color: #dbeafe; - } + .xl\:-translate-x-10 { + --transform-translate-x: -2.5rem; + } - .\32xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - border-color: #bfdbfe; - } + .xl\:-translate-x-12 { + --transform-translate-x: -3rem; + } - .\32xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - border-color: #93c5fd; - } + .xl\:-translate-x-14 { + --transform-translate-x: -3.5rem; + } - .\32xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - border-color: #60a5fa; - } + .xl\:-translate-x-16 { + --transform-translate-x: -4rem; + } - .\32xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - border-color: #3b82f6; - } + .xl\:-translate-x-20 { + --transform-translate-x: -5rem; + } - .\32xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - border-color: #2563eb; - } + .xl\:-translate-x-24 { + --transform-translate-x: -6rem; + } - .\32xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - border-color: #1d4ed8; - } + .xl\:-translate-x-28 { + --transform-translate-x: -7rem; + } - .\32xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - border-color: #1e40af; - } + .xl\:-translate-x-32 { + --transform-translate-x: -8rem; + } - .\32xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - border-color: #1e3a8a; - } + .xl\:-translate-x-36 { + --transform-translate-x: -9rem; + } - .\32xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - border-color: #f5f3ff; - } + .xl\:-translate-x-40 { + --transform-translate-x: -10rem; + } - .\32xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - border-color: #ede9fe; - } + .xl\:-translate-x-44 { + --transform-translate-x: -11rem; + } - .\32xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - border-color: #ddd6fe; - } + .xl\:-translate-x-48 { + --transform-translate-x: -12rem; + } - .\32xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - border-color: #c4b5fd; - } + .xl\:-translate-x-52 { + --transform-translate-x: -13rem; + } - .\32xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - border-color: #a78bfa; - } + .xl\:-translate-x-56 { + --transform-translate-x: -14rem; + } - .\32xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - border-color: #8b5cf6; - } + .xl\:-translate-x-60 { + --transform-translate-x: -15rem; + } - .\32xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - border-color: #7c3aed; - } + .xl\:-translate-x-64 { + --transform-translate-x: -16rem; + } - .\32xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - border-color: #6d28d9; - } + .xl\:-translate-x-72 { + --transform-translate-x: -18rem; + } - .\32xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - border-color: #5b21b6; - } + .xl\:-translate-x-80 { + --transform-translate-x: -20rem; + } - .\32xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - border-color: #4c1d95; - } + .xl\:-translate-x-96 { + --transform-translate-x: -24rem; + } - .\32xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - border-color: #fdf2f8; - } + .xl\:-translate-x-px { + --transform-translate-x: -1px; + } - .\32xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - border-color: #fce7f3; - } + .xl\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; + } - .\32xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - border-color: #fbcfe8; - } + .xl\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; + } - .\32xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - border-color: #f9a8d4; - } + .xl\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; + } - .\32xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - border-color: #f472b6; - } + .xl\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; + } - .\32xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - border-color: #ec4899; - } + .xl\:translate-x-1\/2 { + --transform-translate-x: 50%; + } - .\32xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - border-color: #db2777; - } + .xl\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; + } - .\32xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - border-color: #be185d; - } + .xl\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; + } - .\32xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - border-color: #9d174d; - } + .xl\:translate-x-1\/4 { + --transform-translate-x: 25%; + } - .\32xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - border-color: #831843; - } + .xl\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .\32xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .xl\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .\32xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .xl\:translate-x-full { + --transform-translate-x: 100%; } - .\32xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .xl\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .\32xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .xl\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .\32xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .xl\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .\32xl\: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\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .\32xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .\32xl\: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\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .\32xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:-translate-x-full { + --transform-translate-x: -100%; } - .\32xl\:appearance-none { - appearance: none; + .xl\:translate-y-0 { + --transform-translate-y: 0; } - .\32xl\:bg-fixed { - background-attachment: fixed; + .xl\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .\32xl\:bg-local { - background-attachment: local; + .xl\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .\32xl\:bg-scroll { - background-attachment: scroll; + .xl\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .\32xl\:bg-clip-border { - background-clip: border-box; + .xl\:translate-y-4 { + --transform-translate-y: 1rem; } - .\32xl\:bg-clip-padding { - background-clip: padding-box; + .xl\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .\32xl\:bg-clip-content { - background-clip: content-box; + .xl\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .\32xl\:bg-clip-text { - background-clip: text; + .xl\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .\32xl\:bg-transparent { - background-color: transparent; + .xl\:translate-y-8 { + --transform-translate-y: 2rem; } - .\32xl\:bg-current { - background-color: currentColor; + .xl\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .\32xl\:bg-black { - background-color: #000; + .xl\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .\32xl\:bg-white { - background-color: #fff; + .xl\:translate-y-12 { + --transform-translate-y: 3rem; } - .\32xl\:bg-gray-50 { - background-color: #fafafa; + .xl\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .\32xl\:bg-gray-100 { - background-color: #f4f4f5; + .xl\:translate-y-16 { + --transform-translate-y: 4rem; } - .\32xl\:bg-gray-200 { - background-color: #e4e4e7; + .xl\:translate-y-20 { + --transform-translate-y: 5rem; } - .\32xl\:bg-gray-300 { - background-color: #d4d4d8; + .xl\:translate-y-24 { + --transform-translate-y: 6rem; } - .\32xl\:bg-gray-400 { - background-color: #a1a1aa; + .xl\:translate-y-28 { + --transform-translate-y: 7rem; } - .\32xl\:bg-gray-500 { - background-color: #71717a; + .xl\:translate-y-32 { + --transform-translate-y: 8rem; } - .\32xl\:bg-gray-600 { - background-color: #52525b; + .xl\:translate-y-36 { + --transform-translate-y: 9rem; } - .\32xl\:bg-gray-700 { - background-color: #3f3f46; + .xl\:translate-y-40 { + --transform-translate-y: 10rem; } - .\32xl\:bg-gray-800 { - background-color: #27272a; + .xl\:translate-y-44 { + --transform-translate-y: 11rem; } - .\32xl\:bg-gray-900 { - background-color: #18181b; + .xl\:translate-y-48 { + --transform-translate-y: 12rem; } - .\32xl\:bg-red-50 { - background-color: #fef2f2; + .xl\:translate-y-52 { + --transform-translate-y: 13rem; } - .\32xl\:bg-red-100 { - background-color: #fee2e2; + .xl\:translate-y-56 { + --transform-translate-y: 14rem; } - .\32xl\:bg-red-200 { - background-color: #fecaca; + .xl\:translate-y-60 { + --transform-translate-y: 15rem; } - .\32xl\:bg-red-300 { - background-color: #fca5a5; + .xl\:translate-y-64 { + --transform-translate-y: 16rem; } - .\32xl\:bg-red-400 { - background-color: #f87171; + .xl\:translate-y-72 { + --transform-translate-y: 18rem; } - .\32xl\:bg-red-500 { - background-color: #ef4444; + .xl\:translate-y-80 { + --transform-translate-y: 20rem; } - .\32xl\:bg-red-600 { - background-color: #dc2626; + .xl\:translate-y-96 { + --transform-translate-y: 24rem; } - .\32xl\:bg-red-700 { - background-color: #b91c1c; + .xl\:translate-y-px { + --transform-translate-y: 1px; } - .\32xl\:bg-red-800 { - background-color: #991b1b; + .xl\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .\32xl\:bg-red-900 { - background-color: #7f1d1d; + .xl\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .\32xl\:bg-yellow-50 { - background-color: #fffbeb; + .xl\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .\32xl\:bg-yellow-100 { - background-color: #fef3c7; + .xl\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .\32xl\:bg-yellow-200 { - background-color: #fde68a; + .xl\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .\32xl\:bg-yellow-300 { - background-color: #fcd34d; + .xl\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .\32xl\:bg-yellow-400 { - background-color: #fbbf24; + .xl\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .\32xl\:bg-yellow-500 { - background-color: #f59e0b; + .xl\:-translate-y-4 { + --transform-translate-y: -1rem; } - .\32xl\:bg-yellow-600 { - background-color: #d97706; + .xl\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .\32xl\:bg-yellow-700 { - background-color: #b45309; + .xl\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .\32xl\:bg-yellow-800 { - background-color: #92400e; + .xl\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .\32xl\:bg-yellow-900 { - background-color: #78350f; + .xl\:-translate-y-8 { + --transform-translate-y: -2rem; } - .\32xl\:bg-green-50 { - background-color: #ecfdf5; + .xl\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .\32xl\:bg-green-100 { - background-color: #d1fae5; + .xl\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .\32xl\:bg-green-200 { - background-color: #a7f3d0; + .xl\:-translate-y-12 { + --transform-translate-y: -3rem; } - .\32xl\:bg-green-300 { - background-color: #6ee7b7; + .xl\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .\32xl\:bg-green-400 { - background-color: #34d399; + .xl\:-translate-y-16 { + --transform-translate-y: -4rem; } - .\32xl\:bg-green-500 { - background-color: #10b981; + .xl\:-translate-y-20 { + --transform-translate-y: -5rem; } - .\32xl\:bg-green-600 { - background-color: #059669; + .xl\:-translate-y-24 { + --transform-translate-y: -6rem; } - .\32xl\:bg-green-700 { - background-color: #047857; + .xl\:-translate-y-28 { + --transform-translate-y: -7rem; } - .\32xl\:bg-green-800 { - background-color: #065f46; + .xl\:-translate-y-32 { + --transform-translate-y: -8rem; } - .\32xl\:bg-green-900 { - background-color: #064e3b; + .xl\:-translate-y-36 { + --transform-translate-y: -9rem; } - .\32xl\:bg-blue-50 { - background-color: #eff6ff; + .xl\:-translate-y-40 { + --transform-translate-y: -10rem; } - .\32xl\:bg-blue-100 { - background-color: #dbeafe; + .xl\:-translate-y-44 { + --transform-translate-y: -11rem; } - .\32xl\:bg-blue-200 { - background-color: #bfdbfe; + .xl\:-translate-y-48 { + --transform-translate-y: -12rem; } - .\32xl\:bg-blue-300 { - background-color: #93c5fd; + .xl\:-translate-y-52 { + --transform-translate-y: -13rem; } - .\32xl\:bg-blue-400 { - background-color: #60a5fa; + .xl\:-translate-y-56 { + --transform-translate-y: -14rem; } - .\32xl\:bg-blue-500 { - background-color: #3b82f6; + .xl\:-translate-y-60 { + --transform-translate-y: -15rem; } - .\32xl\:bg-blue-600 { - background-color: #2563eb; + .xl\:-translate-y-64 { + --transform-translate-y: -16rem; } - .\32xl\:bg-blue-700 { - background-color: #1d4ed8; + .xl\:-translate-y-72 { + --transform-translate-y: -18rem; } - .\32xl\:bg-blue-800 { - background-color: #1e40af; + .xl\:-translate-y-80 { + --transform-translate-y: -20rem; } - .\32xl\:bg-blue-900 { - background-color: #1e3a8a; + .xl\:-translate-y-96 { + --transform-translate-y: -24rem; } - .\32xl\:bg-purple-50 { - background-color: #f5f3ff; + .xl\:-translate-y-px { + --transform-translate-y: -1px; } - .\32xl\:bg-purple-100 { - background-color: #ede9fe; + .xl\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .\32xl\:bg-purple-200 { - background-color: #ddd6fe; + .xl\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .\32xl\:bg-purple-300 { - background-color: #c4b5fd; + .xl\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .\32xl\:bg-purple-400 { - background-color: #a78bfa; + .xl\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .\32xl\:bg-purple-500 { - background-color: #8b5cf6; + .xl\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .\32xl\:bg-purple-600 { - background-color: #7c3aed; + .xl\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .\32xl\:bg-purple-700 { - background-color: #6d28d9; + .xl\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .\32xl\:bg-purple-800 { - background-color: #5b21b6; + .xl\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .\32xl\:bg-purple-900 { - background-color: #4c1d95; + .xl\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .\32xl\:bg-pink-50 { - background-color: #fdf2f8; + .xl\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .\32xl\:bg-pink-100 { - background-color: #fce7f3; + .xl\:translate-y-full { + --transform-translate-y: 100%; } - .\32xl\:bg-pink-200 { - background-color: #fbcfe8; + .xl\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .\32xl\:bg-pink-300 { - background-color: #f9a8d4; + .xl\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .\32xl\:bg-pink-400 { - background-color: #f472b6; + .xl\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .\32xl\:bg-pink-500 { - background-color: #ec4899; + .xl\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .\32xl\:bg-pink-600 { - background-color: #db2777; + .xl\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .\32xl\:bg-pink-700 { - background-color: #be185d; + .xl\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .\32xl\:bg-pink-800 { - background-color: #9d174d; + .xl\:-translate-y-full { + --transform-translate-y: -100%; } - .\32xl\:bg-pink-900 { - background-color: #831843; + .xl\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .group:hover .\32xl\:group-hover\:bg-transparent { - background-color: transparent; + .xl\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .group:hover .\32xl\:group-hover\:bg-current { - background-color: currentColor; + .xl\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .group:hover .\32xl\:group-hover\:bg-black { - background-color: #000; + .xl\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .group:hover .\32xl\:group-hover\:bg-white { - background-color: #fff; + .xl\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .group:hover .\32xl\:group-hover\:bg-gray-50 { - background-color: #fafafa; + .xl\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .group:hover .\32xl\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; + .xl\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; + .xl\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .group:hover .\32xl\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; + .xl\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .group:hover .\32xl\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; + .xl\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .group:hover .\32xl\:group-hover\:bg-gray-500 { - background-color: #71717a; + .xl\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-600 { - background-color: #52525b; + .xl\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .group:hover .\32xl\:group-hover\:bg-gray-700 { - background-color: #3f3f46; + .xl\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-800 { - background-color: #27272a; + .xl\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .group:hover .\32xl\:group-hover\:bg-gray-900 { - background-color: #18181b; + .xl\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .group:hover .\32xl\:group-hover\:bg-red-50 { - background-color: #fef2f2; + .xl\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .group:hover .\32xl\:group-hover\:bg-red-100 { - background-color: #fee2e2; + .xl\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .group:hover .\32xl\:group-hover\:bg-red-200 { - background-color: #fecaca; + .xl\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .group:hover .\32xl\:group-hover\:bg-red-300 { - background-color: #fca5a5; + .xl\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .group:hover .\32xl\:group-hover\:bg-red-400 { - background-color: #f87171; + .xl\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .group:hover .\32xl\:group-hover\:bg-red-500 { - background-color: #ef4444; + .xl\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .group:hover .\32xl\:group-hover\:bg-red-600 { - background-color: #dc2626; + .xl\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .group:hover .\32xl\:group-hover\:bg-red-700 { - background-color: #b91c1c; + .xl\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .group:hover .\32xl\:group-hover\:bg-red-800 { - background-color: #991b1b; + .xl\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .group:hover .\32xl\:group-hover\:bg-red-900 { - background-color: #7f1d1d; + .xl\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; + .xl\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; + .xl\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-200 { - background-color: #fde68a; + .xl\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; + .xl\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; + .xl\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .group:hover .\32xl\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; + .xl\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-600 { - background-color: #d97706; + .xl\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-700 { - background-color: #b45309; + .xl\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-800 { - background-color: #92400e; + .xl\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-900 { - background-color: #78350f; + .xl\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .group:hover .\32xl\:group-hover\:bg-green-50 { - background-color: #ecfdf5; + .xl\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-100 { - background-color: #d1fae5; + .xl\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .group:hover .\32xl\:group-hover\:bg-green-200 { - background-color: #a7f3d0; + .xl\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .group:hover .\32xl\:group-hover\:bg-green-300 { - background-color: #6ee7b7; + .xl\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .group:hover .\32xl\:group-hover\:bg-green-400 { - background-color: #34d399; + .xl\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-500 { - background-color: #10b981; + .xl\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .group:hover .\32xl\:group-hover\:bg-green-600 { - background-color: #059669; + .xl\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .group:hover .\32xl\:group-hover\:bg-green-700 { - background-color: #047857; + .xl\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .group:hover .\32xl\:group-hover\:bg-green-800 { - background-color: #065f46; + .xl\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-900 { - background-color: #064e3b; + .xl\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .group:hover .\32xl\:group-hover\:bg-blue-50 { - background-color: #eff6ff; + .xl\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .group:hover .\32xl\:group-hover\:bg-blue-100 { - background-color: #dbeafe; + .xl\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .group:hover .\32xl\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; + .xl\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .group:hover .\32xl\:group-hover\:bg-blue-300 { - background-color: #93c5fd; + .xl\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .group:hover .\32xl\:group-hover\:bg-blue-400 { - background-color: #60a5fa; + .xl\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .group:hover .\32xl\:group-hover\:bg-blue-500 { - background-color: #3b82f6; + .xl\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .group:hover .\32xl\:group-hover\:bg-blue-600 { - background-color: #2563eb; + .xl\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .group:hover .\32xl\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; + .xl\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .group:hover .\32xl\:group-hover\:bg-blue-800 { - background-color: #1e40af; + .xl\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .group:hover .\32xl\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; + .xl\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .group:hover .\32xl\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; + .xl\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .group:hover .\32xl\:group-hover\:bg-purple-100 { - background-color: #ede9fe; + .xl\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .group:hover .\32xl\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; + .xl\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .group:hover .\32xl\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; + .xl\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .group:hover .\32xl\:group-hover\:bg-purple-400 { - background-color: #a78bfa; + .xl\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .group:hover .\32xl\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; + .xl\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .group:hover .\32xl\:group-hover\:bg-purple-600 { - background-color: #7c3aed; + .xl\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .group:hover .\32xl\:group-hover\:bg-purple-700 { - background-color: #6d28d9; + .xl\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .group:hover .\32xl\:group-hover\:bg-purple-800 { - background-color: #5b21b6; + .xl\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .group:hover .\32xl\:group-hover\:bg-purple-900 { - background-color: #4c1d95; + .xl\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .group:hover .\32xl\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; + .xl\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .group:hover .\32xl\:group-hover\:bg-pink-100 { - background-color: #fce7f3; + .xl\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .group:hover .\32xl\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; + .xl\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .group:hover .\32xl\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; + .xl\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .group:hover .\32xl\:group-hover\:bg-pink-400 { - background-color: #f472b6; + .xl\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .group:hover .\32xl\:group-hover\:bg-pink-500 { - background-color: #ec4899; + .xl\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .group:hover .\32xl\:group-hover\:bg-pink-600 { - background-color: #db2777; + .xl\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .group:hover .\32xl\:group-hover\:bg-pink-700 { - background-color: #be185d; + .xl\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .group:hover .\32xl\:group-hover\:bg-pink-800 { - background-color: #9d174d; + .xl\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .group:hover .\32xl\:group-hover\:bg-pink-900 { - background-color: #831843; + .xl\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .\32xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .\32xl\:hover\:bg-current:hover { - background-color: currentColor; + .xl\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .\32xl\:hover\:bg-black:hover { - background-color: #000; + .xl\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .\32xl\:hover\:bg-white:hover { - background-color: #fff; + .xl\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .\32xl\:hover\:bg-gray-50:hover { - background-color: #fafafa; + .xl\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .\32xl\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; + .xl\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .\32xl\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; + .xl\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .\32xl\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; + .xl\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .\32xl\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; + .xl\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .\32xl\:hover\:bg-gray-500:hover { - background-color: #71717a; + .xl\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .\32xl\:hover\:bg-gray-600:hover { - background-color: #52525b; + .xl\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .\32xl\:hover\:bg-gray-700:hover { - background-color: #3f3f46; + .xl\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .\32xl\:hover\:bg-gray-800:hover { - background-color: #27272a; + .xl\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .\32xl\:hover\:bg-gray-900:hover { - background-color: #18181b; + .xl\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .\32xl\:hover\:bg-red-50:hover { - background-color: #fef2f2; + .xl\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .\32xl\:hover\:bg-red-100:hover { - background-color: #fee2e2; + .xl\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .\32xl\:hover\:bg-red-200:hover { - background-color: #fecaca; + .xl\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .\32xl\:hover\:bg-red-300:hover { - background-color: #fca5a5; + .xl\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .\32xl\:hover\:bg-red-400:hover { - background-color: #f87171; + .xl\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .\32xl\:hover\:bg-red-500:hover { - background-color: #ef4444; + .xl\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .\32xl\:hover\:bg-red-600:hover { - background-color: #dc2626; + .xl\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .\32xl\:hover\:bg-red-700:hover { - background-color: #b91c1c; + .xl\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .\32xl\:hover\:bg-red-800:hover { - background-color: #991b1b; + .xl\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .\32xl\:hover\:bg-red-900:hover { - background-color: #7f1d1d; + .xl\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .\32xl\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; + .xl\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .\32xl\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; + .xl\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .\32xl\:hover\:bg-yellow-200:hover { - background-color: #fde68a; + .xl\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .\32xl\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; + .xl\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .\32xl\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; + .xl\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .\32xl\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; + .xl\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .\32xl\:hover\:bg-yellow-600:hover { - background-color: #d97706; + .xl\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .\32xl\:hover\:bg-yellow-700:hover { - background-color: #b45309; + .xl\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .\32xl\:hover\:bg-yellow-800:hover { - background-color: #92400e; + .xl\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .\32xl\:hover\:bg-yellow-900:hover { - background-color: #78350f; + .xl\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .\32xl\:hover\:bg-green-50:hover { - background-color: #ecfdf5; + .xl\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .\32xl\:hover\:bg-green-100:hover { - background-color: #d1fae5; + .xl\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .\32xl\:hover\:bg-green-200:hover { - background-color: #a7f3d0; + .xl\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .\32xl\:hover\:bg-green-300:hover { - background-color: #6ee7b7; + .xl\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .\32xl\:hover\:bg-green-400:hover { - background-color: #34d399; + .xl\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .\32xl\:hover\:bg-green-500:hover { - background-color: #10b981; + .xl\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .\32xl\:hover\:bg-green-600:hover { - background-color: #059669; + .xl\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .\32xl\:hover\:bg-green-700:hover { - background-color: #047857; + .xl\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .\32xl\:hover\:bg-green-800:hover { - background-color: #065f46; + .xl\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .\32xl\:hover\:bg-green-900:hover { - background-color: #064e3b; + .xl\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .\32xl\:hover\:bg-blue-50:hover { - background-color: #eff6ff; + .xl\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .\32xl\:hover\:bg-blue-100:hover { - background-color: #dbeafe; + .xl\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .\32xl\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; + .xl\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .\32xl\:hover\:bg-blue-300:hover { - background-color: #93c5fd; + .xl\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .\32xl\:hover\:bg-blue-400:hover { - background-color: #60a5fa; + .xl\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .\32xl\:hover\:bg-blue-500:hover { - background-color: #3b82f6; + .xl\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .\32xl\:hover\:bg-blue-600:hover { - background-color: #2563eb; + .xl\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .\32xl\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; + .xl\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .\32xl\:hover\:bg-blue-800:hover { - background-color: #1e40af; + .xl\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .\32xl\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; + .xl\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .\32xl\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; + .xl\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .\32xl\:hover\:bg-purple-100:hover { - background-color: #ede9fe; + .xl\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .\32xl\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; + .xl\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .\32xl\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; + .xl\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .\32xl\:hover\:bg-purple-400:hover { - background-color: #a78bfa; + .xl\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .\32xl\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; + .xl\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .\32xl\:hover\:bg-purple-600:hover { - background-color: #7c3aed; + .xl\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .\32xl\:hover\:bg-purple-700:hover { - background-color: #6d28d9; + .xl\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .\32xl\:hover\:bg-purple-800:hover { - background-color: #5b21b6; + .xl\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .\32xl\:hover\:bg-purple-900:hover { - background-color: #4c1d95; + .xl\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .\32xl\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; + .xl\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .\32xl\:hover\:bg-pink-100:hover { - background-color: #fce7f3; + .xl\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .\32xl\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; + .xl\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .\32xl\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; + .xl\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .\32xl\:hover\:bg-pink-400:hover { - background-color: #f472b6; + .xl\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .\32xl\:hover\:bg-pink-500:hover { - background-color: #ec4899; + .xl\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .\32xl\:hover\:bg-pink-600:hover { - background-color: #db2777; + .xl\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .\32xl\:hover\:bg-pink-700:hover { - background-color: #be185d; + .xl\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .\32xl\:hover\:bg-pink-800:hover { - background-color: #9d174d; + .xl\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .\32xl\:hover\:bg-pink-900:hover { - background-color: #831843; + .xl\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .\32xl\:focus\:bg-transparent:focus { - background-color: transparent; + .xl\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .\32xl\:focus\:bg-current:focus { - background-color: currentColor; + .xl\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .\32xl\:focus\:bg-black:focus { - background-color: #000; + .xl\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .\32xl\:focus\:bg-white:focus { - background-color: #fff; + .xl\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .\32xl\:focus\:bg-gray-50:focus { - background-color: #fafafa; + .xl\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .\32xl\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; + .xl\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .\32xl\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; + .xl\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .\32xl\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; + .xl\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .\32xl\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; + .xl\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .\32xl\:focus\:bg-gray-500:focus { - background-color: #71717a; + .xl\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .\32xl\:focus\:bg-gray-600:focus { - background-color: #52525b; + .xl\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .\32xl\:focus\:bg-gray-700:focus { - background-color: #3f3f46; + .xl\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .\32xl\:focus\:bg-gray-800:focus { - background-color: #27272a; + .xl\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .\32xl\:focus\:bg-gray-900:focus { - background-color: #18181b; + .xl\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .\32xl\:focus\:bg-red-50:focus { - background-color: #fef2f2; + .xl\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .\32xl\:focus\:bg-red-100:focus { - background-color: #fee2e2; + .xl\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .\32xl\:focus\:bg-red-200:focus { - background-color: #fecaca; + .xl\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .\32xl\:focus\:bg-red-300:focus { - background-color: #fca5a5; + .xl\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .\32xl\:focus\:bg-red-400:focus { - background-color: #f87171; + .xl\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .\32xl\:focus\:bg-red-500:focus { - background-color: #ef4444; + .xl\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .\32xl\:focus\:bg-red-600:focus { - background-color: #dc2626; + .xl\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .\32xl\:focus\:bg-red-700:focus { - background-color: #b91c1c; + .xl\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .\32xl\:focus\:bg-red-800:focus { - background-color: #991b1b; + .xl\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .\32xl\:focus\:bg-red-900:focus { - background-color: #7f1d1d; + .xl\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .\32xl\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; + .xl\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .\32xl\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; + .xl\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .\32xl\:focus\:bg-yellow-200:focus { - background-color: #fde68a; + .xl\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .\32xl\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; + .xl\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .\32xl\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; + .xl\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .\32xl\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; + .xl\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .\32xl\:focus\:bg-yellow-600:focus { - background-color: #d97706; + .xl\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .\32xl\:focus\:bg-yellow-700:focus { - background-color: #b45309; + .xl\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .\32xl\:focus\:bg-yellow-800:focus { - background-color: #92400e; + .xl\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .\32xl\:focus\:bg-yellow-900:focus { - background-color: #78350f; + .xl\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .\32xl\:focus\:bg-green-50:focus { - background-color: #ecfdf5; + .xl\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .\32xl\:focus\:bg-green-100:focus { - background-color: #d1fae5; + .xl\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .\32xl\:focus\:bg-green-200:focus { - background-color: #a7f3d0; + .xl\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .\32xl\:focus\:bg-green-300:focus { - background-color: #6ee7b7; + .xl\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .\32xl\:focus\:bg-green-400:focus { - background-color: #34d399; + .xl\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .\32xl\:focus\:bg-green-500:focus { - background-color: #10b981; + .xl\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .\32xl\:focus\:bg-green-600:focus { - background-color: #059669; + .xl\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .\32xl\:focus\:bg-green-700:focus { - background-color: #047857; + .xl\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .\32xl\:focus\:bg-green-800:focus { - background-color: #065f46; + .xl\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .\32xl\:focus\:bg-green-900:focus { - background-color: #064e3b; + .xl\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .\32xl\:focus\:bg-blue-50:focus { - background-color: #eff6ff; + .xl\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .\32xl\:focus\:bg-blue-100:focus { - background-color: #dbeafe; + .xl\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .\32xl\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; + .xl\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .\32xl\:focus\:bg-blue-300:focus { - background-color: #93c5fd; + .xl\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .\32xl\:focus\:bg-blue-400:focus { - background-color: #60a5fa; + .xl\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .\32xl\:focus\:bg-blue-500:focus { - background-color: #3b82f6; + .xl\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .\32xl\:focus\:bg-blue-600:focus { - background-color: #2563eb; + .xl\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .\32xl\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; + .xl\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .\32xl\:focus\:bg-blue-800:focus { - background-color: #1e40af; + .xl\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .\32xl\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; + .xl\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .\32xl\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; + .xl\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .\32xl\:focus\:bg-purple-100:focus { - background-color: #ede9fe; + .xl\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .\32xl\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; + .xl\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .\32xl\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; + .xl\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .\32xl\:focus\:bg-purple-400:focus { - background-color: #a78bfa; + .xl\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .\32xl\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; + .xl\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .\32xl\:focus\:bg-purple-600:focus { - background-color: #7c3aed; + .xl\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .\32xl\:focus\:bg-purple-700:focus { - background-color: #6d28d9; + .xl\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .\32xl\:focus\:bg-purple-800:focus { - background-color: #5b21b6; + .xl\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .\32xl\:focus\:bg-purple-900:focus { - background-color: #4c1d95; + .xl\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .\32xl\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; + .xl\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .\32xl\:focus\:bg-pink-100:focus { - background-color: #fce7f3; + .xl\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .\32xl\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; + .xl\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .\32xl\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; + .xl\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .\32xl\:focus\:bg-pink-400:focus { - background-color: #f472b6; + .xl\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .\32xl\:focus\:bg-pink-500:focus { - background-color: #ec4899; + .xl\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .\32xl\:focus\:bg-pink-600:focus { - background-color: #db2777; + .xl\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .\32xl\:focus\:bg-pink-700:focus { - background-color: #be185d; + .xl\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .\32xl\:focus\:bg-pink-800:focus { - background-color: #9d174d; + .xl\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .\32xl\:focus\:bg-pink-900:focus { - background-color: #831843; + .xl\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:bg-transparent { - background-color: transparent; - } + .xl\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; + } - .\32xl\:dark\:bg-current { - background-color: currentColor; - } + .xl\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; + } - .\32xl\:dark\:bg-black { - background-color: #000; - } + .xl\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; + } - .\32xl\:dark\:bg-white { - background-color: #fff; - } + .xl\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; + } - .\32xl\:dark\:bg-gray-50 { - background-color: #fafafa; - } + .xl\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; + } - .\32xl\:dark\:bg-gray-100 { - background-color: #f4f4f5; - } + .xl\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; + } - .\32xl\:dark\:bg-gray-200 { - background-color: #e4e4e7; - } + .xl\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; + } - .\32xl\:dark\:bg-gray-300 { - background-color: #d4d4d8; - } + .xl\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; + } - .\32xl\:dark\:bg-gray-400 { - background-color: #a1a1aa; - } + .xl\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; + } - .\32xl\:dark\:bg-gray-500 { - background-color: #71717a; - } + .xl\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; + } - .\32xl\:dark\:bg-gray-600 { - background-color: #52525b; - } + .xl\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; + } - .\32xl\:dark\:bg-gray-700 { - background-color: #3f3f46; - } + .xl\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; + } - .\32xl\:dark\:bg-gray-800 { - background-color: #27272a; - } + .xl\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; + } - .\32xl\:dark\:bg-gray-900 { - background-color: #18181b; - } + .xl\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; + } - .\32xl\:dark\:bg-red-50 { - background-color: #fef2f2; - } + .xl\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; + } - .\32xl\:dark\:bg-red-100 { - background-color: #fee2e2; - } + .xl\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; + } - .\32xl\:dark\:bg-red-200 { - background-color: #fecaca; - } + .xl\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; + } - .\32xl\:dark\:bg-red-300 { - background-color: #fca5a5; - } + .xl\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; + } - .\32xl\:dark\:bg-red-400 { - background-color: #f87171; - } + .xl\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; + } - .\32xl\:dark\:bg-red-500 { - background-color: #ef4444; - } + .xl\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; + } - .\32xl\:dark\:bg-red-600 { - background-color: #dc2626; - } + .xl\:focus\:translate-y-0:focus { + --transform-translate-y: 0; + } - .\32xl\:dark\:bg-red-700 { - background-color: #b91c1c; - } + .xl\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; + } - .\32xl\:dark\:bg-red-800 { - background-color: #991b1b; - } + .xl\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; + } - .\32xl\:dark\:bg-red-900 { - background-color: #7f1d1d; - } + .xl\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; + } - .\32xl\:dark\:bg-yellow-50 { - background-color: #fffbeb; - } + .xl\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; + } - .\32xl\:dark\:bg-yellow-100 { - background-color: #fef3c7; - } + .xl\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; + } - .\32xl\:dark\:bg-yellow-200 { - background-color: #fde68a; - } + .xl\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; + } - .\32xl\:dark\:bg-yellow-300 { - background-color: #fcd34d; - } + .xl\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; + } - .\32xl\:dark\:bg-yellow-400 { - background-color: #fbbf24; - } + .xl\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; + } - .\32xl\:dark\:bg-yellow-500 { - background-color: #f59e0b; - } + .xl\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; + } - .\32xl\:dark\:bg-yellow-600 { - background-color: #d97706; - } + .xl\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; + } - .\32xl\:dark\:bg-yellow-700 { - background-color: #b45309; - } + .xl\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; + } - .\32xl\:dark\:bg-yellow-800 { - background-color: #92400e; - } + .xl\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; + } - .\32xl\:dark\:bg-yellow-900 { - background-color: #78350f; - } + .xl\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; + } - .\32xl\:dark\:bg-green-50 { - background-color: #ecfdf5; - } + .xl\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; + } - .\32xl\:dark\:bg-green-100 { - background-color: #d1fae5; - } + .xl\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; + } - .\32xl\:dark\:bg-green-200 { - background-color: #a7f3d0; - } + .xl\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; + } - .\32xl\:dark\:bg-green-300 { - background-color: #6ee7b7; - } + .xl\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; + } - .\32xl\:dark\:bg-green-400 { - background-color: #34d399; - } + .xl\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; + } - .\32xl\:dark\:bg-green-500 { - background-color: #10b981; - } + .xl\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; + } - .\32xl\:dark\:bg-green-600 { - background-color: #059669; - } + .xl\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; + } - .\32xl\:dark\:bg-green-700 { - background-color: #047857; - } + .xl\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; + } - .\32xl\:dark\:bg-green-800 { - background-color: #065f46; - } + .xl\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; + } - .\32xl\:dark\:bg-green-900 { - background-color: #064e3b; - } + .xl\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; + } - .\32xl\:dark\:bg-blue-50 { - background-color: #eff6ff; - } + .xl\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; + } - .\32xl\:dark\:bg-blue-100 { - background-color: #dbeafe; - } + .xl\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; + } - .\32xl\:dark\:bg-blue-200 { - background-color: #bfdbfe; - } + .xl\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; + } - .\32xl\:dark\:bg-blue-300 { - background-color: #93c5fd; - } + .xl\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; + } - .\32xl\:dark\:bg-blue-400 { - background-color: #60a5fa; - } + .xl\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; + } - .\32xl\:dark\:bg-blue-500 { - background-color: #3b82f6; - } + .xl\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; + } - .\32xl\:dark\:bg-blue-600 { - background-color: #2563eb; - } + .xl\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; + } - .\32xl\:dark\:bg-blue-700 { - background-color: #1d4ed8; - } + .xl\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; + } - .\32xl\:dark\:bg-blue-800 { - background-color: #1e40af; - } + .xl\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; + } - .\32xl\:dark\:bg-blue-900 { - background-color: #1e3a8a; - } + .xl\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; + } - .\32xl\:dark\:bg-purple-50 { - background-color: #f5f3ff; - } + .xl\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; + } - .\32xl\:dark\:bg-purple-100 { - background-color: #ede9fe; - } + .xl\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; + } - .\32xl\:dark\:bg-purple-200 { - background-color: #ddd6fe; - } + .xl\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; + } - .\32xl\:dark\:bg-purple-300 { - background-color: #c4b5fd; - } + .xl\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; + } - .\32xl\:dark\:bg-purple-400 { - background-color: #a78bfa; - } + .xl\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; + } - .\32xl\:dark\:bg-purple-500 { - background-color: #8b5cf6; - } + .xl\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; + } - .\32xl\:dark\:bg-purple-600 { - background-color: #7c3aed; - } + .xl\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; + } - .\32xl\:dark\:bg-purple-700 { - background-color: #6d28d9; - } + .xl\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; + } - .\32xl\:dark\:bg-purple-800 { - background-color: #5b21b6; - } + .xl\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; + } - .\32xl\:dark\:bg-purple-900 { - background-color: #4c1d95; - } + .xl\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; + } - .\32xl\:dark\:bg-pink-50 { - background-color: #fdf2f8; - } + .xl\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; + } - .\32xl\:dark\:bg-pink-100 { - background-color: #fce7f3; - } + .xl\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; + } - .\32xl\:dark\:bg-pink-200 { - background-color: #fbcfe8; - } + .xl\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; + } - .\32xl\:dark\:bg-pink-300 { - background-color: #f9a8d4; - } + .xl\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; + } - .\32xl\:dark\:bg-pink-400 { - background-color: #f472b6; - } + .xl\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; + } - .\32xl\:dark\:bg-pink-500 { - background-color: #ec4899; - } + .xl\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; + } - .\32xl\:dark\:bg-pink-600 { - background-color: #db2777; - } + .xl\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; + } - .\32xl\:dark\:bg-pink-700 { - background-color: #be185d; - } + .xl\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; + } - .\32xl\:dark\:bg-pink-800 { - background-color: #9d174d; - } + .xl\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; + } - .\32xl\:dark\:bg-pink-900 { - background-color: #831843; - } + .xl\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } + .xl\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-current { - background-color: currentColor; - } + .xl\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-black { - background-color: #000; - } + .xl\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-white { - background-color: #fff; - } + .xl\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-50 { - background-color: #fafafa; - } + .xl\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-100 { - background-color: #f4f4f5; - } + .xl\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-200 { - background-color: #e4e4e7; - } + .xl\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-300 { - background-color: #d4d4d8; - } + .xl\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-400 { - background-color: #a1a1aa; - } + .xl\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-500 { - background-color: #71717a; - } + .xl\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-600 { - background-color: #52525b; - } + .xl\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-700 { - background-color: #3f3f46; - } + .xl\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-800 { - background-color: #27272a; - } + .xl\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-900 { - background-color: #18181b; - } + .xl\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-50 { - background-color: #fef2f2; - } + .xl\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-100 { - background-color: #fee2e2; - } + .xl\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-200 { - background-color: #fecaca; - } + .xl\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-300 { - background-color: #fca5a5; - } + .xl\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-400 { - background-color: #f87171; - } + .xl\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-500 { - background-color: #ef4444; - } + .xl\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-600 { - background-color: #dc2626; - } + .xl\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-700 { - background-color: #b91c1c; - } + .xl\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-800 { - background-color: #991b1b; - } + .xl\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-900 { - background-color: #7f1d1d; - } + .xl\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-50 { - background-color: #fffbeb; - } + .xl\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-100 { - background-color: #fef3c7; - } + .xl\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-200 { - background-color: #fde68a; - } + .xl\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-300 { - background-color: #fcd34d; - } + .xl\:skew-x-0 { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-400 { - background-color: #fbbf24; - } + .xl\:skew-x-1 { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-500 { - background-color: #f59e0b; - } + .xl\:skew-x-2 { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-600 { - background-color: #d97706; - } + .xl\:skew-x-3 { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-700 { - background-color: #b45309; - } + .xl\:skew-x-6 { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-800 { - background-color: #92400e; - } + .xl\:skew-x-12 { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-900 { - background-color: #78350f; - } + .xl\:-skew-x-12 { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-50 { - background-color: #ecfdf5; - } + .xl\:-skew-x-6 { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-100 { - background-color: #d1fae5; - } + .xl\:-skew-x-3 { + --transform-skew-x: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-200 { - background-color: #a7f3d0; - } + .xl\:-skew-x-2 { + --transform-skew-x: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-300 { - background-color: #6ee7b7; - } + .xl\:-skew-x-1 { + --transform-skew-x: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-400 { - background-color: #34d399; - } + .xl\:skew-y-0 { + --transform-skew-y: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-500 { - background-color: #10b981; - } + .xl\:skew-y-1 { + --transform-skew-y: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-600 { - background-color: #059669; - } + .xl\:skew-y-2 { + --transform-skew-y: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-700 { - background-color: #047857; - } + .xl\:skew-y-3 { + --transform-skew-y: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-800 { - background-color: #065f46; - } + .xl\:skew-y-6 { + --transform-skew-y: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-900 { - background-color: #064e3b; - } + .xl\:skew-y-12 { + --transform-skew-y: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-50 { - background-color: #eff6ff; - } + .xl\:-skew-y-12 { + --transform-skew-y: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-100 { - background-color: #dbeafe; - } + .xl\:-skew-y-6 { + --transform-skew-y: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-200 { - background-color: #bfdbfe; - } + .xl\:-skew-y-3 { + --transform-skew-y: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-300 { - background-color: #93c5fd; - } + .xl\:-skew-y-2 { + --transform-skew-y: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-400 { - background-color: #60a5fa; - } + .xl\:-skew-y-1 { + --transform-skew-y: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-500 { - background-color: #3b82f6; - } + .xl\:hover\:skew-x-0:hover { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-600 { - background-color: #2563eb; - } + .xl\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-700 { - background-color: #1d4ed8; - } + .xl\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-800 { - background-color: #1e40af; - } + .xl\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-900 { - background-color: #1e3a8a; - } + .xl\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-50 { - background-color: #f5f3ff; - } + .xl\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-100 { - background-color: #ede9fe; - } + .xl\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-200 { - background-color: #ddd6fe; - } + .xl\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-300 { - background-color: #c4b5fd; - } + .xl\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-400 { - background-color: #a78bfa; - } + .xl\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-500 { - background-color: #8b5cf6; - } + .xl\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-600 { - background-color: #7c3aed; - } + .xl\:hover\:skew-y-0:hover { + --transform-skew-y: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-700 { - background-color: #6d28d9; - } + .xl\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-800 { - background-color: #5b21b6; - } + .xl\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-900 { - background-color: #4c1d95; - } + .xl\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-50 { - background-color: #fdf2f8; - } + .xl\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-100 { - background-color: #fce7f3; - } + .xl\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-200 { - background-color: #fbcfe8; - } + .xl\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-300 { - background-color: #f9a8d4; - } + .xl\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-400 { - background-color: #f472b6; - } + .xl\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-500 { - background-color: #ec4899; - } + .xl\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-600 { - background-color: #db2777; - } + .xl\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-700 { - background-color: #be185d; - } + .xl\:focus\:skew-x-0:focus { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-800 { - background-color: #9d174d; - } + .xl\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-900 { - background-color: #831843; - } + .xl\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; + } - .\32xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .xl\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; + } - .\32xl\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .xl\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; + } - .\32xl\:dark\:hover\:bg-black:hover { - background-color: #000; - } + .xl\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; + } - .\32xl\:dark\:hover\:bg-white:hover { - background-color: #fff; - } + .xl\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; + } - .\32xl\:dark\:hover\:bg-gray-50:hover { - background-color: #fafafa; - } + .xl\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; + } - .\32xl\:dark\:hover\:bg-gray-100:hover { - background-color: #f4f4f5; - } + .xl\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; + } - .\32xl\:dark\:hover\:bg-gray-200:hover { - background-color: #e4e4e7; - } + .xl\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; + } - .\32xl\:dark\:hover\:bg-gray-300:hover { - background-color: #d4d4d8; - } + .xl\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; + } - .\32xl\:dark\:hover\:bg-gray-400:hover { - background-color: #a1a1aa; - } + .xl\:focus\:skew-y-0:focus { + --transform-skew-y: 0; + } - .\32xl\:dark\:hover\:bg-gray-500:hover { - background-color: #71717a; - } + .xl\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; + } - .\32xl\:dark\:hover\:bg-gray-600:hover { - background-color: #52525b; - } + .xl\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; + } - .\32xl\:dark\:hover\:bg-gray-700:hover { - background-color: #3f3f46; - } + .xl\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; + } - .\32xl\:dark\:hover\:bg-gray-800:hover { - background-color: #27272a; - } + .xl\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; + } - .\32xl\:dark\:hover\:bg-gray-900:hover { - background-color: #18181b; - } + .xl\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; + } - .\32xl\:dark\:hover\:bg-red-50:hover { - background-color: #fef2f2; - } + .xl\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; + } - .\32xl\:dark\:hover\:bg-red-100:hover { - background-color: #fee2e2; - } + .xl\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; + } - .\32xl\:dark\:hover\:bg-red-200:hover { - background-color: #fecaca; - } + .xl\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; + } - .\32xl\:dark\:hover\:bg-red-300:hover { - background-color: #fca5a5; - } + .xl\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; + } - .\32xl\:dark\:hover\:bg-red-400:hover { - background-color: #f87171; - } + .xl\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; + } - .\32xl\:dark\:hover\:bg-red-500:hover { - background-color: #ef4444; - } + .xl\:transition-none { + transition-property: none; + } - .\32xl\:dark\:hover\:bg-red-600:hover { - background-color: #dc2626; - } + .xl\:transition-all { + transition-property: all; + } - .\32xl\:dark\:hover\:bg-red-700:hover { - background-color: #b91c1c; - } + .xl\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + } - .\32xl\:dark\:hover\:bg-red-800:hover { - background-color: #991b1b; - } + .xl\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + } - .\32xl\:dark\:hover\:bg-red-900:hover { - background-color: #7f1d1d; - } + .xl\:transition-opacity { + transition-property: opacity; + } - .\32xl\:dark\:hover\:bg-yellow-50:hover { - background-color: #fffbeb; - } + .xl\:transition-shadow { + transition-property: box-shadow; + } - .\32xl\:dark\:hover\:bg-yellow-100:hover { - background-color: #fef3c7; - } + .xl\:transition-transform { + transition-property: transform; + } - .\32xl\:dark\:hover\:bg-yellow-200:hover { - background-color: #fde68a; - } + .xl\:ease-linear { + transition-timing-function: linear; + } - .\32xl\:dark\:hover\:bg-yellow-300:hover { - background-color: #fcd34d; - } + .xl\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + } - .\32xl\:dark\:hover\:bg-yellow-400:hover { - background-color: #fbbf24; - } + .xl\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } - .\32xl\:dark\:hover\:bg-yellow-500:hover { - background-color: #f59e0b; - } + .xl\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } - .\32xl\:dark\:hover\:bg-yellow-600:hover { - background-color: #d97706; - } + .xl\:duration-75 { + transition-duration: 75ms; + } - .\32xl\:dark\:hover\:bg-yellow-700:hover { - background-color: #b45309; - } + .xl\:duration-100 { + transition-duration: 100ms; + } - .\32xl\:dark\:hover\:bg-yellow-800:hover { - background-color: #92400e; - } + .xl\:duration-150 { + transition-duration: 150ms; + } - .\32xl\:dark\:hover\:bg-yellow-900:hover { - background-color: #78350f; - } + .xl\:duration-200 { + transition-duration: 200ms; + } - .\32xl\:dark\:hover\:bg-green-50:hover { - background-color: #ecfdf5; - } + .xl\:duration-300 { + transition-duration: 300ms; + } - .\32xl\:dark\:hover\:bg-green-100:hover { - background-color: #d1fae5; - } + .xl\:duration-500 { + transition-duration: 500ms; + } - .\32xl\:dark\:hover\:bg-green-200:hover { - background-color: #a7f3d0; - } + .xl\:duration-700 { + transition-duration: 700ms; + } - .\32xl\:dark\:hover\:bg-green-300:hover { - background-color: #6ee7b7; - } + .xl\:duration-1000 { + transition-duration: 1000ms; + } - .\32xl\:dark\:hover\:bg-green-400:hover { - background-color: #34d399; - } + .xl\:delay-75 { + transition-delay: 75ms; + } - .\32xl\:dark\:hover\:bg-green-500:hover { - background-color: #10b981; - } + .xl\:delay-100 { + transition-delay: 100ms; + } - .\32xl\:dark\:hover\:bg-green-600:hover { - background-color: #059669; - } + .xl\:delay-150 { + transition-delay: 150ms; + } - .\32xl\:dark\:hover\:bg-green-700:hover { - background-color: #047857; - } + .xl\:delay-200 { + transition-delay: 200ms; + } - .\32xl\:dark\:hover\:bg-green-800:hover { - background-color: #065f46; - } + .xl\:delay-300 { + transition-delay: 300ms; + } - .\32xl\:dark\:hover\:bg-green-900:hover { - background-color: #064e3b; - } + .xl\:delay-500 { + transition-delay: 500ms; + } - .\32xl\:dark\:hover\:bg-blue-50:hover { - background-color: #eff6ff; - } + .xl\:delay-700 { + transition-delay: 700ms; + } - .\32xl\:dark\:hover\:bg-blue-100:hover { - background-color: #dbeafe; - } + .xl\:delay-1000 { + transition-delay: 1000ms; + } - .\32xl\:dark\:hover\:bg-blue-200:hover { - background-color: #bfdbfe; - } + .xl\:animate-none { + animation: none; + } - .\32xl\:dark\:hover\:bg-blue-300:hover { - background-color: #93c5fd; - } + .xl\:animate-spin { + animation: spin 1s linear infinite; + } - .\32xl\:dark\:hover\:bg-blue-400:hover { - background-color: #60a5fa; - } + .xl\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } - .\32xl\:dark\:hover\:bg-blue-500:hover { - background-color: #3b82f6; - } + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + } - .\32xl\:dark\:hover\:bg-blue-600:hover { - background-color: #2563eb; - } + .xl\:animate-bounce { + animation: bounce 1s infinite; + } - .\32xl\:dark\:hover\:bg-blue-700:hover { - background-color: #1d4ed8; - } + .xl\:example { + font-weight: 700; + color: #ef4444; + } +} - .\32xl\:dark\:hover\:bg-blue-800:hover { - background-color: #1e40af; - } +@media (min-width: 1536px) { + .\32xl\:container { + width: 100%; + } - .\32xl\:dark\:hover\:bg-blue-900:hover { - background-color: #1e3a8a; + @media (min-width: 640px) { + .\32xl\:container { + max-width: 640px; } + } - .\32xl\:dark\:hover\:bg-purple-50:hover { - background-color: #f5f3ff; + @media (min-width: 768px) { + .\32xl\:container { + max-width: 768px; } + } - .\32xl\:dark\:hover\:bg-purple-100:hover { - background-color: #ede9fe; + @media (min-width: 1024px) { + .\32xl\:container { + max-width: 1024px; } + } - .\32xl\:dark\:hover\:bg-purple-200:hover { - background-color: #ddd6fe; + @media (min-width: 1280px) { + .\32xl\:container { + max-width: 1280px; } + } - .\32xl\:dark\:hover\:bg-purple-300:hover { - background-color: #c4b5fd; + @media (min-width: 1536px) { + .\32xl\:container { + max-width: 1536px; } + } - .\32xl\:dark\:hover\:bg-purple-400:hover { - background-color: #a78bfa; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-500:hover { - background-color: #8b5cf6; - } + .\32xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-600:hover { - background-color: #7c3aed; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-700:hover { - background-color: #6d28d9; - } + .\32xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-800:hover { - background-color: #5b21b6; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-900:hover { - background-color: #4c1d95; - } + .\32xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-50:hover { - background-color: #fdf2f8; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-100:hover { - background-color: #fce7f3; - } + .\32xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-200:hover { - background-color: #fbcfe8; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-300:hover { - background-color: #f9a8d4; - } + .\32xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-400:hover { - background-color: #f472b6; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-500:hover { - background-color: #ec4899; - } + .\32xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-600:hover { - background-color: #db2777; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-700:hover { - background-color: #be185d; - } + .\32xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-800:hover { - background-color: #9d174d; - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-900:hover { - background-color: #831843; - } + .\32xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .\32xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-black:focus { - background-color: #000; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-white:focus { - background-color: #fff; - } + .\32xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-50:focus { - background-color: #fafafa; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-100:focus { - background-color: #f4f4f5; - } + .\32xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-200:focus { - background-color: #e4e4e7; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-300:focus { - background-color: #d4d4d8; - } + .\32xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-400:focus { - background-color: #a1a1aa; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-500:focus { - background-color: #71717a; - } + .\32xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-600:focus { - background-color: #52525b; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-700:focus { - background-color: #3f3f46; - } + .\32xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-800:focus { - background-color: #27272a; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-900:focus { - background-color: #18181b; - } + .\32xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-50:focus { - background-color: #fef2f2; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-100:focus { - background-color: #fee2e2; - } + .\32xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-200:focus { - background-color: #fecaca; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-300:focus { - background-color: #fca5a5; - } + .\32xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-400:focus { - background-color: #f87171; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-500:focus { - background-color: #ef4444; - } + .\32xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-600:focus { - background-color: #dc2626; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-700:focus { - background-color: #b91c1c; - } + .\32xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-800:focus { - background-color: #991b1b; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-900:focus { - background-color: #7f1d1d; - } + .\32xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-50:focus { - background-color: #fffbeb; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-100:focus { - background-color: #fef3c7; - } + .\32xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-200:focus { - background-color: #fde68a; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-300:focus { - background-color: #fcd34d; - } + .\32xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-400:focus { - background-color: #fbbf24; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-500:focus { - background-color: #f59e0b; - } + .\32xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-600:focus { - background-color: #d97706; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-700:focus { - background-color: #b45309; - } + .\32xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-800:focus { - background-color: #92400e; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-900:focus { - background-color: #78350f; - } + .\32xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-50:focus { - background-color: #ecfdf5; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-100:focus { - background-color: #d1fae5; - } + .\32xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-200:focus { - background-color: #a7f3d0; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-300:focus { - background-color: #6ee7b7; - } + .\32xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-400:focus { - background-color: #34d399; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-500:focus { - background-color: #10b981; - } + .\32xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-600:focus { - background-color: #059669; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-700:focus { - background-color: #047857; - } + .\32xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-800:focus { - background-color: #065f46; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-900:focus { - background-color: #064e3b; - } + .\32xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-50:focus { - background-color: #eff6ff; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-blue-100:focus { - background-color: #dbeafe; - } + .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-200:focus { - background-color: #bfdbfe; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-blue-300:focus { - background-color: #93c5fd; - } + .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-400:focus { - background-color: #60a5fa; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-blue-500:focus { - background-color: #3b82f6; - } + .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-600:focus { - background-color: #2563eb; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-blue-700:focus { - background-color: #1d4ed8; - } + .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-800:focus { - background-color: #1e40af; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-900:focus { - background-color: #1e3a8a; - } + .\32xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-50:focus { - background-color: #f5f3ff; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-100:focus { - background-color: #ede9fe; - } + .\32xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-200:focus { - background-color: #ddd6fe; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-300:focus { - background-color: #c4b5fd; - } + .\32xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-400:focus { - background-color: #a78bfa; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-500:focus { - background-color: #8b5cf6; - } + .\32xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-600:focus { - background-color: #7c3aed; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-700:focus { - background-color: #6d28d9; - } + .\32xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-800:focus { - background-color: #5b21b6; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-900:focus { - background-color: #4c1d95; - } + .\32xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-50:focus { - background-color: #fdf2f8; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-100:focus { - background-color: #fce7f3; - } + .\32xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-200:focus { - background-color: #fbcfe8; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-300:focus { - background-color: #f9a8d4; - } + .\32xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-400:focus { - background-color: #f472b6; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-500:focus { - background-color: #ec4899; - } + .\32xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-600:focus { - background-color: #db2777; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-700:focus { - background-color: #be185d; - } + .\32xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-800:focus { - background-color: #9d174d; - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-900:focus { - background-color: #831843; - } + .\32xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-none { - background-image: none; + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .\32xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .\32xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .\32xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .\32xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:-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)); } - .\32xl\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:-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)); } - .\32xl\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .\32xl\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .\32xl\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\: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)); } - .\32xl\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\: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)); } - .\32xl\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\: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)); } - .\32xl\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\: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)); } - .\32xl\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\: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)); } - .\32xl\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .\32xl\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .\32xl\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .\32xl\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .\32xl\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .\32xl\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .\32xl\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { + border-color: #fafafa; } - .\32xl\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f4f4f5; } - .\32xl\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #e4e4e7; } - .\32xl\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #d4d4d8; } - .\32xl\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #a1a1aa; } - .\32xl\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #71717a; } - .\32xl\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #52525b; } - .\32xl\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #3f3f46; } - .\32xl\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #27272a; } - .\32xl\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #18181b; } - .\32xl\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:divide-red-50 > :not(template) ~ :not(template) { + border-color: #fef2f2; } - .\32xl\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .\32xl\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fee2e2; } - .\32xl\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fecaca; } - .\32xl\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #fca5a5; } - .\32xl\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #f87171; } - .\32xl\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #ef4444; } - .\32xl\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #dc2626; } - .\32xl\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #b91c1c; } - .\32xl\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #991b1b; } - .\32xl\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #7f1d1d; } - .\32xl\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { + border-color: #fffbeb; } - .\32xl\: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)); + .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fef3c7; } - .\32xl\: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)); + .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fde68a; } - .\32xl\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #fcd34d; } - .\32xl\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #fbbf24; } - .\32xl\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #f59e0b; } - .\32xl\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d97706; } - .\32xl\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b45309; } - .\32xl\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #92400e; } - .\32xl\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #78350f; } - .\32xl\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:divide-green-50 > :not(template) ~ :not(template) { + border-color: #ecfdf5; } - .\32xl\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #d1fae5; } - .\32xl\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #a7f3d0; } - .\32xl\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #6ee7b7; } - .\32xl\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #34d399; } - .\32xl\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #10b981; } - .\32xl\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #059669; } - .\32xl\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #047857; } - .\32xl\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #065f46; } - .\32xl\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #064e3b; } - .\32xl\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { + border-color: #eff6ff; } - .\32xl\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #dbeafe; } - .\32xl\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bfdbfe; } - .\32xl\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #93c5fd; } - .\32xl\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #60a5fa; } - .\32xl\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #3b82f6; } - .\32xl\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #2563eb; } - .\32xl\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #1d4ed8; } - .\32xl\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #1e40af; } - .\32xl\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #1e3a8a; } - .\32xl\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { + border-color: #f5f3ff; } - .\32xl\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #ede9fe; } - .\32xl\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #ddd6fe; } - .\32xl\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #c4b5fd; } - .\32xl\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #a78bfa; } - .\32xl\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #8b5cf6; } - .\32xl\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #7c3aed; } - .\32xl\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6d28d9; } - .\32xl\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #5b21b6; } - .\32xl\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #4c1d95; } - .\32xl\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { + border-color: #fdf2f8; } - .\32xl\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fce7f3; } - .\32xl\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fbcfe8; } - .\32xl\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #f9a8d4; } - .\32xl\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f472b6; } - .\32xl\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ec4899; } - .\32xl\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #db2777; } - .\32xl\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #be185d; } - .\32xl\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #9d174d; } - .\32xl\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #831843; } - .\32xl\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .\32xl\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .\32xl\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .\32xl\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .\32xl\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .\32xl\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\: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; } - .\32xl\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .\32xl\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\: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; } - .\32xl\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .\32xl\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:appearance-none { + appearance: none; } - .\32xl\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:bg-fixed { + background-attachment: fixed; } - .\32xl\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:bg-local { + background-attachment: local; } - .\32xl\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:bg-scroll { + background-attachment: scroll; } - .\32xl\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:bg-clip-border { + background-clip: border-box; } - .\32xl\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:bg-clip-padding { + background-clip: padding-box; } - .\32xl\: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)); + .\32xl\:bg-clip-content { + background-clip: content-box; } - .\32xl\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:bg-clip-text { + background-clip: text; } - .\32xl\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:bg-transparent { + background-color: transparent; } - .\32xl\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:bg-current { + background-color: currentColor; } - .\32xl\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:bg-black { + background-color: #000; } - .\32xl\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:bg-white { + background-color: #fff; } - .\32xl\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:bg-gray-50 { + background-color: #fafafa; } - .\32xl\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:bg-gray-100 { + background-color: #f4f4f5; } - .\32xl\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:bg-gray-200 { + background-color: #e4e4e7; } - .\32xl\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:bg-gray-300 { + background-color: #d4d4d8; } - .\32xl\:to-transparent { - --gradient-to-color: transparent; + .\32xl\:bg-gray-400 { + background-color: #a1a1aa; } - .\32xl\:to-current { - --gradient-to-color: currentColor; + .\32xl\:bg-gray-500 { + background-color: #71717a; } - .\32xl\:to-black { - --gradient-to-color: #000; + .\32xl\:bg-gray-600 { + background-color: #52525b; } - .\32xl\:to-white { - --gradient-to-color: #fff; + .\32xl\:bg-gray-700 { + background-color: #3f3f46; } - .\32xl\:to-gray-50 { - --gradient-to-color: #fafafa; + .\32xl\:bg-gray-800 { + background-color: #27272a; } - .\32xl\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .\32xl\:bg-gray-900 { + background-color: #18181b; } - .\32xl\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .\32xl\:bg-red-50 { + background-color: #fef2f2; } - .\32xl\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .\32xl\:bg-red-100 { + background-color: #fee2e2; } - .\32xl\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .\32xl\:bg-red-200 { + background-color: #fecaca; } - .\32xl\:to-gray-500 { - --gradient-to-color: #71717a; + .\32xl\:bg-red-300 { + background-color: #fca5a5; } - .\32xl\:to-gray-600 { - --gradient-to-color: #52525b; + .\32xl\:bg-red-400 { + background-color: #f87171; } - .\32xl\:to-gray-700 { - --gradient-to-color: #3f3f46; + .\32xl\:bg-red-500 { + background-color: #ef4444; } - .\32xl\:to-gray-800 { - --gradient-to-color: #27272a; + .\32xl\:bg-red-600 { + background-color: #dc2626; } - .\32xl\:to-gray-900 { - --gradient-to-color: #18181b; + .\32xl\:bg-red-700 { + background-color: #b91c1c; } - .\32xl\:to-red-50 { - --gradient-to-color: #fef2f2; + .\32xl\:bg-red-800 { + background-color: #991b1b; } - .\32xl\:to-red-100 { - --gradient-to-color: #fee2e2; + .\32xl\:bg-red-900 { + background-color: #7f1d1d; } - .\32xl\:to-red-200 { - --gradient-to-color: #fecaca; + .\32xl\:bg-yellow-50 { + background-color: #fffbeb; } - .\32xl\:to-red-300 { - --gradient-to-color: #fca5a5; + .\32xl\:bg-yellow-100 { + background-color: #fef3c7; } - .\32xl\:to-red-400 { - --gradient-to-color: #f87171; + .\32xl\:bg-yellow-200 { + background-color: #fde68a; } - .\32xl\:to-red-500 { - --gradient-to-color: #ef4444; + .\32xl\:bg-yellow-300 { + background-color: #fcd34d; } - .\32xl\:to-red-600 { - --gradient-to-color: #dc2626; + .\32xl\:bg-yellow-400 { + background-color: #fbbf24; } - .\32xl\:to-red-700 { - --gradient-to-color: #b91c1c; + .\32xl\:bg-yellow-500 { + background-color: #f59e0b; } - .\32xl\:to-red-800 { - --gradient-to-color: #991b1b; + .\32xl\:bg-yellow-600 { + background-color: #d97706; } - .\32xl\:to-red-900 { - --gradient-to-color: #7f1d1d; + .\32xl\:bg-yellow-700 { + background-color: #b45309; } - .\32xl\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .\32xl\:bg-yellow-800 { + background-color: #92400e; } - .\32xl\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .\32xl\:bg-yellow-900 { + background-color: #78350f; } - .\32xl\:to-yellow-200 { - --gradient-to-color: #fde68a; + .\32xl\:bg-green-50 { + background-color: #ecfdf5; } - .\32xl\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .\32xl\:bg-green-100 { + background-color: #d1fae5; } - .\32xl\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .\32xl\:bg-green-200 { + background-color: #a7f3d0; } - .\32xl\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .\32xl\:bg-green-300 { + background-color: #6ee7b7; } - .\32xl\:to-yellow-600 { - --gradient-to-color: #d97706; + .\32xl\:bg-green-400 { + background-color: #34d399; } - .\32xl\:to-yellow-700 { - --gradient-to-color: #b45309; + .\32xl\:bg-green-500 { + background-color: #10b981; } - .\32xl\:to-yellow-800 { - --gradient-to-color: #92400e; + .\32xl\:bg-green-600 { + background-color: #059669; } - .\32xl\:to-yellow-900 { - --gradient-to-color: #78350f; + .\32xl\:bg-green-700 { + background-color: #047857; } - .\32xl\:to-green-50 { - --gradient-to-color: #ecfdf5; + .\32xl\:bg-green-800 { + background-color: #065f46; } - .\32xl\:to-green-100 { - --gradient-to-color: #d1fae5; + .\32xl\:bg-green-900 { + background-color: #064e3b; } - .\32xl\:to-green-200 { - --gradient-to-color: #a7f3d0; + .\32xl\:bg-blue-50 { + background-color: #eff6ff; } - .\32xl\:to-green-300 { - --gradient-to-color: #6ee7b7; + .\32xl\:bg-blue-100 { + background-color: #dbeafe; } - .\32xl\:to-green-400 { - --gradient-to-color: #34d399; + .\32xl\:bg-blue-200 { + background-color: #bfdbfe; } - .\32xl\:to-green-500 { - --gradient-to-color: #10b981; + .\32xl\:bg-blue-300 { + background-color: #93c5fd; } - .\32xl\:to-green-600 { - --gradient-to-color: #059669; + .\32xl\:bg-blue-400 { + background-color: #60a5fa; } - .\32xl\:to-green-700 { - --gradient-to-color: #047857; + .\32xl\:bg-blue-500 { + background-color: #3b82f6; } - .\32xl\:to-green-800 { - --gradient-to-color: #065f46; + .\32xl\:bg-blue-600 { + background-color: #2563eb; } - .\32xl\:to-green-900 { - --gradient-to-color: #064e3b; + .\32xl\:bg-blue-700 { + background-color: #1d4ed8; } - .\32xl\:to-blue-50 { - --gradient-to-color: #eff6ff; + .\32xl\:bg-blue-800 { + background-color: #1e40af; } - .\32xl\:to-blue-100 { - --gradient-to-color: #dbeafe; + .\32xl\:bg-blue-900 { + background-color: #1e3a8a; } - .\32xl\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .\32xl\:bg-purple-50 { + background-color: #f5f3ff; } - .\32xl\:to-blue-300 { - --gradient-to-color: #93c5fd; + .\32xl\:bg-purple-100 { + background-color: #ede9fe; } - .\32xl\:to-blue-400 { - --gradient-to-color: #60a5fa; + .\32xl\:bg-purple-200 { + background-color: #ddd6fe; + } + + .\32xl\:bg-purple-300 { + background-color: #c4b5fd; } - .\32xl\:to-blue-500 { - --gradient-to-color: #3b82f6; + .\32xl\:bg-purple-400 { + background-color: #a78bfa; } - .\32xl\:to-blue-600 { - --gradient-to-color: #2563eb; + .\32xl\:bg-purple-500 { + background-color: #8b5cf6; } - .\32xl\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .\32xl\:bg-purple-600 { + background-color: #7c3aed; } - .\32xl\:to-blue-800 { - --gradient-to-color: #1e40af; + .\32xl\:bg-purple-700 { + background-color: #6d28d9; } - .\32xl\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .\32xl\:bg-purple-800 { + background-color: #5b21b6; } - .\32xl\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .\32xl\:bg-purple-900 { + background-color: #4c1d95; } - .\32xl\:to-purple-100 { - --gradient-to-color: #ede9fe; + .\32xl\:bg-pink-50 { + background-color: #fdf2f8; } - .\32xl\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .\32xl\:bg-pink-100 { + background-color: #fce7f3; } - .\32xl\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .\32xl\:bg-pink-200 { + background-color: #fbcfe8; } - .\32xl\:to-purple-400 { - --gradient-to-color: #a78bfa; + .\32xl\:bg-pink-300 { + background-color: #f9a8d4; } - .\32xl\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .\32xl\:bg-pink-400 { + background-color: #f472b6; } - .\32xl\:to-purple-600 { - --gradient-to-color: #7c3aed; + .\32xl\:bg-pink-500 { + background-color: #ec4899; } - .\32xl\:to-purple-700 { - --gradient-to-color: #6d28d9; + .\32xl\:bg-pink-600 { + background-color: #db2777; } - .\32xl\:to-purple-800 { - --gradient-to-color: #5b21b6; + .\32xl\:bg-pink-700 { + background-color: #be185d; } - .\32xl\:to-purple-900 { - --gradient-to-color: #4c1d95; + .\32xl\:bg-pink-800 { + background-color: #9d174d; } - .\32xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .\32xl\:bg-pink-900 { + background-color: #831843; } - .\32xl\:to-pink-100 { - --gradient-to-color: #fce7f3; + .group:hover .\32xl\:group-hover\:bg-transparent { + background-color: transparent; } - .\32xl\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .group:hover .\32xl\:group-hover\:bg-current { + background-color: currentColor; } - .\32xl\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .group:hover .\32xl\:group-hover\:bg-black { + background-color: #000; } - .\32xl\:to-pink-400 { - --gradient-to-color: #f472b6; + .group:hover .\32xl\:group-hover\:bg-white { + background-color: #fff; } - .\32xl\:to-pink-500 { - --gradient-to-color: #ec4899; + .group:hover .\32xl\:group-hover\:bg-gray-50 { + background-color: #fafafa; } - .\32xl\:to-pink-600 { - --gradient-to-color: #db2777; + .group:hover .\32xl\:group-hover\:bg-gray-100 { + background-color: #f4f4f5; } - .\32xl\:to-pink-700 { - --gradient-to-color: #be185d; + .group:hover .\32xl\:group-hover\:bg-gray-200 { + background-color: #e4e4e7; } - .\32xl\:to-pink-800 { - --gradient-to-color: #9d174d; + .group:hover .\32xl\:group-hover\:bg-gray-300 { + background-color: #d4d4d8; } - .\32xl\:to-pink-900 { - --gradient-to-color: #831843; + .group:hover .\32xl\:group-hover\:bg-gray-400 { + background-color: #a1a1aa; } - .\32xl\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-500 { + background-color: #71717a; } - .\32xl\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-600 { + background-color: #52525b; } - .\32xl\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-700 { + background-color: #3f3f46; } - .\32xl\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-800 { + background-color: #27272a; } - .\32xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-900 { + background-color: #18181b; } - .\32xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .group:hover .\32xl\:group-hover\:bg-red-50 { + background-color: #fef2f2; } - .\32xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .group:hover .\32xl\:group-hover\:bg-red-100 { + background-color: #fee2e2; } - .\32xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .group:hover .\32xl\:group-hover\:bg-red-200 { + background-color: #fecaca; } - .\32xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .group:hover .\32xl\:group-hover\:bg-red-300 { + background-color: #fca5a5; } - .\32xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .group:hover .\32xl\:group-hover\:bg-red-400 { + background-color: #f87171; } - .\32xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .group:hover .\32xl\:group-hover\:bg-red-500 { + background-color: #ef4444; } - .\32xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .group:hover .\32xl\:group-hover\:bg-red-600 { + background-color: #dc2626; } - .\32xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .group:hover .\32xl\:group-hover\:bg-red-700 { + background-color: #b91c1c; } - .\32xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .group:hover .\32xl\:group-hover\:bg-red-800 { + background-color: #991b1b; } - .\32xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .group:hover .\32xl\:group-hover\:bg-red-900 { + background-color: #7f1d1d; } - .\32xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-50 { + background-color: #fffbeb; } - .\32xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-100 { + background-color: #fef3c7; } - .\32xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-200 { + background-color: #fde68a; } - .\32xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-300 { + background-color: #fcd34d; } - .\32xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-400 { + background-color: #fbbf24; } - .\32xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-500 { + background-color: #f59e0b; } - .\32xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-600 { + background-color: #d97706; } - .\32xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-700 { + background-color: #b45309; } - .\32xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-800 { + background-color: #92400e; } - .\32xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-900 { + background-color: #78350f; } - .\32xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .group:hover .\32xl\:group-hover\:bg-green-50 { + background-color: #ecfdf5; } - .\32xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .group:hover .\32xl\:group-hover\:bg-green-100 { + background-color: #d1fae5; } - .\32xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .group:hover .\32xl\:group-hover\:bg-green-200 { + background-color: #a7f3d0; } - .\32xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .group:hover .\32xl\:group-hover\:bg-green-300 { + background-color: #6ee7b7; } - .\32xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .group:hover .\32xl\:group-hover\:bg-green-400 { + background-color: #34d399; } - .\32xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .group:hover .\32xl\:group-hover\:bg-green-500 { + background-color: #10b981; } - .\32xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .group:hover .\32xl\:group-hover\:bg-green-600 { + background-color: #059669; } - .\32xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .group:hover .\32xl\:group-hover\:bg-green-700 { + background-color: #047857; } - .\32xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .group:hover .\32xl\:group-hover\:bg-green-800 { + background-color: #065f46; } - .\32xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .group:hover .\32xl\:group-hover\:bg-green-900 { + background-color: #064e3b; } - .\32xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-50 { + background-color: #eff6ff; } - .\32xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-100 { + background-color: #dbeafe; } - .\32xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-200 { + background-color: #bfdbfe; } - .\32xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-300 { + background-color: #93c5fd; } - .\32xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-400 { + background-color: #60a5fa; } - .\32xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-500 { + background-color: #3b82f6; } - .\32xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-600 { + background-color: #2563eb; } - .\32xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-700 { + background-color: #1d4ed8; } - .\32xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-800 { + background-color: #1e40af; } - .\32xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-900 { + background-color: #1e3a8a; } - .\32xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-50 { + background-color: #f5f3ff; } - .\32xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-100 { + background-color: #ede9fe; } - .\32xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-200 { + background-color: #ddd6fe; } - .\32xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-300 { + background-color: #c4b5fd; } - .\32xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-400 { + background-color: #a78bfa; } - .\32xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-500 { + background-color: #8b5cf6; } - .\32xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-600 { + background-color: #7c3aed; } - .\32xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-700 { + background-color: #6d28d9; } - .\32xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-800 { + background-color: #5b21b6; } - .\32xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-900 { + background-color: #4c1d95; } - .\32xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-50 { + background-color: #fdf2f8; } - .\32xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-100 { + background-color: #fce7f3; } - .\32xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-200 { + background-color: #fbcfe8; } - .\32xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-300 { + background-color: #f9a8d4; } - .\32xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-400 { + background-color: #f472b6; } - .\32xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-500 { + background-color: #ec4899; } - .\32xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-600 { + background-color: #db2777; } - .\32xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-700 { + background-color: #be185d; } - .\32xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-800 { + background-color: #9d174d; } - .\32xl\: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)); + .group:hover .\32xl\:group-hover\:bg-pink-900 { + background-color: #831843; } - .\32xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .\32xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:hover\:bg-current:hover { + background-color: currentColor; } - .\32xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:hover\:bg-black:hover { + background-color: #000; } - .\32xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:hover\:bg-white:hover { + background-color: #fff; } - .\32xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:hover\:bg-gray-50:hover { + background-color: #fafafa; } - .\32xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:hover\:bg-gray-100:hover { + background-color: #f4f4f5; } - .\32xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:hover\:bg-gray-200:hover { + background-color: #e4e4e7; } - .\32xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:hover\:bg-gray-300:hover { + background-color: #d4d4d8; } - .\32xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:hover\:bg-gray-400:hover { + background-color: #a1a1aa; } - .\32xl\: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)); + .\32xl\:hover\:bg-gray-500:hover { + background-color: #71717a; } - .\32xl\: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)); + .\32xl\:hover\:bg-gray-600:hover { + background-color: #52525b; } - .\32xl\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:hover\:bg-gray-700:hover { + background-color: #3f3f46; } - .\32xl\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:hover\:bg-gray-800:hover { + background-color: #27272a; } - .\32xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:hover\:bg-gray-900:hover { + background-color: #18181b; } - .\32xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:hover\:bg-red-50:hover { + background-color: #fef2f2; } - .\32xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:hover\:bg-red-100:hover { + background-color: #fee2e2; } - .\32xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:hover\:bg-red-200:hover { + background-color: #fecaca; } - .\32xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:hover\:bg-red-300:hover { + background-color: #fca5a5; } - .\32xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:hover\:bg-red-400:hover { + background-color: #f87171; } - .\32xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:hover\:bg-red-500:hover { + background-color: #ef4444; } - .\32xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:hover\:bg-red-600:hover { + background-color: #dc2626; } - .\32xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:hover\:bg-red-700:hover { + background-color: #b91c1c; } - .\32xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:hover\:bg-red-800:hover { + background-color: #991b1b; } - .\32xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:hover\:bg-red-900:hover { + background-color: #7f1d1d; } - .\32xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:hover\:bg-yellow-50:hover { + background-color: #fffbeb; } - .\32xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:hover\:bg-yellow-100:hover { + background-color: #fef3c7; } - .\32xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:hover\:bg-yellow-200:hover { + background-color: #fde68a; } - .\32xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:hover\:bg-yellow-300:hover { + background-color: #fcd34d; } - .\32xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:hover\:bg-yellow-400:hover { + background-color: #fbbf24; } - .\32xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:hover\:bg-yellow-500:hover { + background-color: #f59e0b; } - .\32xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:hover\:bg-yellow-600:hover { + background-color: #d97706; } - .\32xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:hover\:bg-yellow-700:hover { + background-color: #b45309; } - .\32xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:hover\:bg-yellow-800:hover { + background-color: #92400e; } - .\32xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:hover\:bg-yellow-900:hover { + background-color: #78350f; } - .\32xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:hover\:bg-green-50:hover { + background-color: #ecfdf5; } - .\32xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:hover\:bg-green-100:hover { + background-color: #d1fae5; } - .\32xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:hover\:bg-green-200:hover { + background-color: #a7f3d0; } - .\32xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:hover\:bg-green-300:hover { + background-color: #6ee7b7; } - .\32xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:hover\:bg-green-400:hover { + background-color: #34d399; } - .\32xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:hover\:bg-green-500:hover { + background-color: #10b981; } - .\32xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:hover\:bg-green-600:hover { + background-color: #059669; } - .\32xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:hover\:bg-green-700:hover { + background-color: #047857; } - .\32xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:hover\:bg-green-800:hover { + background-color: #065f46; } - .\32xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:hover\:bg-green-900:hover { + background-color: #064e3b; } - .\32xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:hover\:bg-blue-50:hover { + background-color: #eff6ff; } - .\32xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:hover\:bg-blue-100:hover { + background-color: #dbeafe; } - .\32xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\:hover\:bg-blue-200:hover { + background-color: #bfdbfe; } - .\32xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:hover\:bg-blue-300:hover { + background-color: #93c5fd; } - .\32xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\:hover\:bg-blue-400:hover { + background-color: #60a5fa; } - .\32xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:hover\:bg-blue-500:hover { + background-color: #3b82f6; } - .\32xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:hover\:bg-blue-600:hover { + background-color: #2563eb; } - .\32xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:hover\:bg-blue-700:hover { + background-color: #1d4ed8; } - .\32xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:hover\:bg-blue-800:hover { + background-color: #1e40af; } - .\32xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:hover\:bg-blue-900:hover { + background-color: #1e3a8a; } - .\32xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:hover\:bg-purple-50:hover { + background-color: #f5f3ff; } - .\32xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:hover\:bg-purple-100:hover { + background-color: #ede9fe; } - .\32xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:hover\:bg-purple-200:hover { + background-color: #ddd6fe; } - .\32xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:hover\:bg-purple-300:hover { + background-color: #c4b5fd; } - .\32xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:hover\:bg-purple-400:hover { + background-color: #a78bfa; } - .\32xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:hover\:bg-purple-500:hover { + background-color: #8b5cf6; } - .\32xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:hover\:bg-purple-600:hover { + background-color: #7c3aed; } - .\32xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:hover\:bg-purple-700:hover { + background-color: #6d28d9; } - .\32xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:hover\:bg-purple-800:hover { + background-color: #5b21b6; } - .\32xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:hover\:bg-purple-900:hover { + background-color: #4c1d95; } - .\32xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:hover\:bg-pink-50:hover { + background-color: #fdf2f8; } - .\32xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:hover\:bg-pink-100:hover { + background-color: #fce7f3; } - .\32xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:hover\:bg-pink-200:hover { + background-color: #fbcfe8; } - .\32xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:hover\:bg-pink-300:hover { + background-color: #f9a8d4; } - .\32xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:hover\:bg-pink-400:hover { + background-color: #f472b6; } - .\32xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:hover\:bg-pink-500:hover { + background-color: #ec4899; } - .\32xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:hover\:bg-pink-600:hover { + background-color: #db2777; } - .\32xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:hover\:bg-pink-700:hover { + background-color: #be185d; } - .\32xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:hover\:bg-pink-800:hover { + background-color: #9d174d; } - .\32xl\: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)); + .\32xl\:hover\:bg-pink-900:hover { + background-color: #831843; } - .\32xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .\32xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:focus\:bg-current:focus { + background-color: currentColor; } - .\32xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:focus\:bg-black:focus { + background-color: #000; } - .\32xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:focus\:bg-white:focus { + background-color: #fff; } - .\32xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:focus\:bg-gray-50:focus { + background-color: #fafafa; } - .\32xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:focus\:bg-gray-100:focus { + background-color: #f4f4f5; } - .\32xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:focus\:bg-gray-200:focus { + background-color: #e4e4e7; } - .\32xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:focus\:bg-gray-300:focus { + background-color: #d4d4d8; } - .\32xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:focus\:bg-gray-400:focus { + background-color: #a1a1aa; } - .\32xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .\32xl\:focus\:bg-gray-500:focus { + background-color: #71717a; } - .\32xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .\32xl\:focus\:bg-gray-600:focus { + background-color: #52525b; } - .\32xl\:hover\:to-black:hover { - --gradient-to-color: #000; + .\32xl\:focus\:bg-gray-700:focus { + background-color: #3f3f46; } - .\32xl\:hover\:to-white:hover { - --gradient-to-color: #fff; + .\32xl\:focus\:bg-gray-800:focus { + background-color: #27272a; } - .\32xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .\32xl\:focus\:bg-gray-900:focus { + background-color: #18181b; } - .\32xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .\32xl\:focus\:bg-red-50:focus { + background-color: #fef2f2; } - .\32xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .\32xl\:focus\:bg-red-100:focus { + background-color: #fee2e2; } - .\32xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .\32xl\:focus\:bg-red-200:focus { + background-color: #fecaca; } - .\32xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .\32xl\:focus\:bg-red-300:focus { + background-color: #fca5a5; } - .\32xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .\32xl\:focus\:bg-red-400:focus { + background-color: #f87171; } - .\32xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .\32xl\:focus\:bg-red-500:focus { + background-color: #ef4444; } - .\32xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .\32xl\:focus\:bg-red-600:focus { + background-color: #dc2626; } - .\32xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .\32xl\:focus\:bg-red-700:focus { + background-color: #b91c1c; } - .\32xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .\32xl\:focus\:bg-red-800:focus { + background-color: #991b1b; } - .\32xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .\32xl\:focus\:bg-red-900:focus { + background-color: #7f1d1d; } - .\32xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .\32xl\:focus\:bg-yellow-50:focus { + background-color: #fffbeb; } - .\32xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .\32xl\:focus\:bg-yellow-100:focus { + background-color: #fef3c7; } - .\32xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .\32xl\:focus\:bg-yellow-200:focus { + background-color: #fde68a; } - .\32xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .\32xl\:focus\:bg-yellow-300:focus { + background-color: #fcd34d; } - .\32xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .\32xl\:focus\:bg-yellow-400:focus { + background-color: #fbbf24; } - .\32xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .\32xl\:focus\:bg-yellow-500:focus { + background-color: #f59e0b; } - .\32xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .\32xl\:focus\:bg-yellow-600:focus { + background-color: #d97706; } - .\32xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .\32xl\:focus\:bg-yellow-700:focus { + background-color: #b45309; } - .\32xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .\32xl\:focus\:bg-yellow-800:focus { + background-color: #92400e; } - .\32xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .\32xl\:focus\:bg-yellow-900:focus { + background-color: #78350f; } - .\32xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .\32xl\:focus\:bg-green-50:focus { + background-color: #ecfdf5; } - .\32xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .\32xl\:focus\:bg-green-100:focus { + background-color: #d1fae5; } - .\32xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .\32xl\:focus\:bg-green-200:focus { + background-color: #a7f3d0; } - .\32xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .\32xl\:focus\:bg-green-300:focus { + background-color: #6ee7b7; } - .\32xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .\32xl\:focus\:bg-green-400:focus { + background-color: #34d399; } - .\32xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .\32xl\:focus\:bg-green-500:focus { + background-color: #10b981; } - .\32xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .\32xl\:focus\:bg-green-600:focus { + background-color: #059669; } - .\32xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .\32xl\:focus\:bg-green-700:focus { + background-color: #047857; } - .\32xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .\32xl\:focus\:bg-green-800:focus { + background-color: #065f46; } - .\32xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .\32xl\:focus\:bg-green-900:focus { + background-color: #064e3b; } - .\32xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .\32xl\:focus\:bg-blue-50:focus { + background-color: #eff6ff; } - .\32xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .\32xl\:focus\:bg-blue-100:focus { + background-color: #dbeafe; } - .\32xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .\32xl\:focus\:bg-blue-200:focus { + background-color: #bfdbfe; } - .\32xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .\32xl\:focus\:bg-blue-300:focus { + background-color: #93c5fd; } - .\32xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .\32xl\:focus\:bg-blue-400:focus { + background-color: #60a5fa; } - .\32xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .\32xl\:focus\:bg-blue-500:focus { + background-color: #3b82f6; } - .\32xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .\32xl\:focus\:bg-blue-600:focus { + background-color: #2563eb; } - .\32xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .\32xl\:focus\:bg-blue-700:focus { + background-color: #1d4ed8; } - .\32xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .\32xl\:focus\:bg-blue-800:focus { + background-color: #1e40af; } - .\32xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .\32xl\:focus\:bg-blue-900:focus { + background-color: #1e3a8a; } - .\32xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .\32xl\:focus\:bg-purple-50:focus { + background-color: #f5f3ff; } - .\32xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .\32xl\:focus\:bg-purple-100:focus { + background-color: #ede9fe; } - .\32xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .\32xl\:focus\:bg-purple-200:focus { + background-color: #ddd6fe; } - .\32xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .\32xl\:focus\:bg-purple-300:focus { + background-color: #c4b5fd; } - .\32xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .\32xl\:focus\:bg-purple-400:focus { + background-color: #a78bfa; } - .\32xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .\32xl\:focus\:bg-purple-500:focus { + background-color: #8b5cf6; } - .\32xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .\32xl\:focus\:bg-purple-600:focus { + background-color: #7c3aed; } - .\32xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .\32xl\:focus\:bg-purple-700:focus { + background-color: #6d28d9; } - .\32xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .\32xl\:focus\:bg-purple-800:focus { + background-color: #5b21b6; } - .\32xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .\32xl\:focus\:bg-purple-900:focus { + background-color: #4c1d95; } - .\32xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .\32xl\:focus\:bg-pink-50:focus { + background-color: #fdf2f8; } - .\32xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .\32xl\:focus\:bg-pink-100:focus { + background-color: #fce7f3; } - .\32xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .\32xl\:focus\:bg-pink-200:focus { + background-color: #fbcfe8; } - .\32xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .\32xl\:focus\:bg-pink-300:focus { + background-color: #f9a8d4; } - .\32xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .\32xl\:focus\:bg-pink-400:focus { + background-color: #f472b6; } - .\32xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .\32xl\:focus\:bg-pink-500:focus { + background-color: #ec4899; } - .\32xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .\32xl\:focus\:bg-pink-600:focus { + background-color: #db2777; } - .\32xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .\32xl\:focus\:bg-pink-700:focus { + background-color: #be185d; } - .\32xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .\32xl\:focus\:bg-pink-800:focus { + background-color: #9d174d; } - .\32xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .\32xl\:focus\:bg-pink-900:focus { + background-color: #831843; } - .\32xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .\32xl\:bg-none { + background-image: none; } - .\32xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .\32xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .\32xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .\32xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .\32xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .\32xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .\32xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .\32xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .\32xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .\32xl\:focus\:from-transparent:focus { + .\32xl\:from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:from-current:focus { + .\32xl\:from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:from-black:focus { + .\32xl\:from-black { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:from-white:focus { + .\32xl\:from-white { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:from-gray-50:focus { + .\32xl\:from-gray-50 { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .\32xl\:focus\:from-gray-100:focus { + .\32xl\:from-gray-100 { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .\32xl\:focus\:from-gray-200:focus { + .\32xl\:from-gray-200 { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .\32xl\:focus\:from-gray-300:focus { + .\32xl\:from-gray-300 { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .\32xl\:focus\:from-gray-400:focus { + .\32xl\:from-gray-400 { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .\32xl\:focus\:from-gray-500:focus { + .\32xl\:from-gray-500 { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .\32xl\:focus\:from-gray-600:focus { + .\32xl\:from-gray-600 { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .\32xl\:focus\:from-gray-700:focus { + .\32xl\:from-gray-700 { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .\32xl\:focus\:from-gray-800:focus { + .\32xl\:from-gray-800 { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .\32xl\:focus\:from-gray-900:focus { + .\32xl\:from-gray-900 { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .\32xl\:focus\:from-red-50:focus { + .\32xl\:from-red-50 { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .\32xl\:focus\:from-red-100:focus { + .\32xl\:from-red-100 { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .\32xl\:focus\:from-red-200:focus { + .\32xl\:from-red-200 { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .\32xl\:focus\:from-red-300:focus { + .\32xl\:from-red-300 { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .\32xl\:focus\:from-red-400:focus { + .\32xl\:from-red-400 { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .\32xl\:focus\:from-red-500:focus { + .\32xl\:from-red-500 { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .\32xl\:focus\:from-red-600:focus { + .\32xl\:from-red-600 { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .\32xl\:focus\:from-red-700:focus { + .\32xl\:from-red-700 { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .\32xl\:focus\:from-red-800:focus { + .\32xl\:from-red-800 { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .\32xl\:focus\:from-red-900:focus { + .\32xl\:from-red-900 { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .\32xl\:focus\:from-yellow-50:focus { + .\32xl\:from-yellow-50 { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .\32xl\:focus\:from-yellow-100:focus { + .\32xl\:from-yellow-100 { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .\32xl\:focus\:from-yellow-200:focus { + .\32xl\:from-yellow-200 { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .\32xl\:focus\:from-yellow-300:focus { + .\32xl\:from-yellow-300 { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .\32xl\:focus\:from-yellow-400:focus { + .\32xl\:from-yellow-400 { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .\32xl\:focus\:from-yellow-500:focus { + .\32xl\:from-yellow-500 { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .\32xl\:focus\:from-yellow-600:focus { + .\32xl\:from-yellow-600 { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .\32xl\:focus\:from-yellow-700:focus { + .\32xl\:from-yellow-700 { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .\32xl\:focus\:from-yellow-800:focus { + .\32xl\:from-yellow-800 { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .\32xl\:focus\:from-yellow-900:focus { + .\32xl\:from-yellow-900 { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .\32xl\:focus\:from-green-50:focus { + .\32xl\:from-green-50 { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .\32xl\:focus\:from-green-100:focus { + .\32xl\:from-green-100 { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .\32xl\:focus\:from-green-200:focus { + .\32xl\:from-green-200 { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .\32xl\:focus\:from-green-300:focus { + .\32xl\:from-green-300 { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .\32xl\:focus\:from-green-400:focus { + .\32xl\:from-green-400 { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .\32xl\:focus\:from-green-500:focus { + .\32xl\:from-green-500 { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .\32xl\:focus\:from-green-600:focus { + .\32xl\:from-green-600 { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .\32xl\:focus\:from-green-700:focus { + .\32xl\:from-green-700 { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .\32xl\:focus\:from-green-800:focus { + .\32xl\:from-green-800 { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .\32xl\:focus\:from-green-900:focus { + .\32xl\:from-green-900 { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .\32xl\:focus\:from-blue-50:focus { + .\32xl\:from-blue-50 { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .\32xl\:focus\:from-blue-100:focus { + .\32xl\:from-blue-100 { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .\32xl\:focus\:from-blue-200:focus { + .\32xl\:from-blue-200 { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .\32xl\:focus\:from-blue-300:focus { + .\32xl\:from-blue-300 { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .\32xl\:focus\:from-blue-400:focus { + .\32xl\:from-blue-400 { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .\32xl\:focus\:from-blue-500:focus { + .\32xl\:from-blue-500 { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .\32xl\:focus\:from-blue-600:focus { + .\32xl\:from-blue-600 { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .\32xl\:focus\:from-blue-700:focus { + .\32xl\:from-blue-700 { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .\32xl\:focus\:from-blue-800:focus { + .\32xl\:from-blue-800 { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .\32xl\:focus\:from-blue-900:focus { + .\32xl\:from-blue-900 { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .\32xl\:focus\:from-purple-50:focus { + .\32xl\:from-purple-50 { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .\32xl\:focus\:from-purple-100:focus { + .\32xl\:from-purple-100 { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .\32xl\:focus\:from-purple-200:focus { + .\32xl\:from-purple-200 { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .\32xl\:focus\:from-purple-300:focus { + .\32xl\:from-purple-300 { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .\32xl\:focus\:from-purple-400:focus { + .\32xl\:from-purple-400 { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .\32xl\:focus\:from-purple-500:focus { + .\32xl\:from-purple-500 { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .\32xl\:focus\:from-purple-600:focus { + .\32xl\:from-purple-600 { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .\32xl\:focus\:from-purple-700:focus { + .\32xl\:from-purple-700 { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .\32xl\:focus\:from-purple-800:focus { + .\32xl\:from-purple-800 { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .\32xl\:focus\:from-purple-900:focus { + .\32xl\:from-purple-900 { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .\32xl\:focus\:from-pink-50:focus { + .\32xl\:from-pink-50 { --gradient-from-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .\32xl\:focus\:from-pink-100:focus { + .\32xl\:from-pink-100 { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .\32xl\:focus\:from-pink-200:focus { + .\32xl\:from-pink-200 { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .\32xl\:focus\:from-pink-300:focus { + .\32xl\:from-pink-300 { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .\32xl\:focus\:from-pink-400:focus { + .\32xl\:from-pink-400 { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .\32xl\:focus\:from-pink-500:focus { + .\32xl\:from-pink-500 { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .\32xl\:focus\:from-pink-600:focus { + .\32xl\:from-pink-600 { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .\32xl\:focus\:from-pink-700:focus { + .\32xl\:from-pink-700 { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .\32xl\:focus\:from-pink-800:focus { + .\32xl\:from-pink-800 { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .\32xl\:focus\:from-pink-900:focus { + .\32xl\:from-pink-900 { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .\32xl\:focus\:via-transparent:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-current:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-black:focus { + .\32xl\:via-black { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:via-white:focus { + .\32xl\:via-white { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:via-gray-50:focus { + .\32xl\:via-gray-50 { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .\32xl\:focus\:via-gray-100:focus { + .\32xl\:via-gray-100 { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .\32xl\:focus\:via-gray-200:focus { + .\32xl\:via-gray-200 { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .\32xl\:focus\:via-gray-300:focus { + .\32xl\:via-gray-300 { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .\32xl\:focus\:via-gray-400:focus { + .\32xl\:via-gray-400 { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .\32xl\:focus\:via-gray-500:focus { + .\32xl\:via-gray-500 { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .\32xl\:focus\:via-gray-600:focus { + .\32xl\:via-gray-600 { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .\32xl\:focus\:via-gray-700:focus { + .\32xl\:via-gray-700 { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .\32xl\:focus\:via-gray-800:focus { + .\32xl\:via-gray-800 { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .\32xl\:focus\:via-gray-900:focus { + .\32xl\:via-gray-900 { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .\32xl\:focus\:via-red-50:focus { + .\32xl\:via-red-50 { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .\32xl\:focus\:via-red-100:focus { + .\32xl\:via-red-100 { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .\32xl\:focus\:via-red-200:focus { + .\32xl\:via-red-200 { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .\32xl\:focus\:via-red-300:focus { + .\32xl\:via-red-300 { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .\32xl\:focus\:via-red-400:focus { + .\32xl\:via-red-400 { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .\32xl\:focus\:via-red-500:focus { + .\32xl\:via-red-500 { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .\32xl\:focus\:via-red-600:focus { + .\32xl\:via-red-600 { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .\32xl\:focus\:via-red-700:focus { + .\32xl\:via-red-700 { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .\32xl\:focus\:via-red-800:focus { + .\32xl\:via-red-800 { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .\32xl\:focus\:via-red-900:focus { + .\32xl\:via-red-900 { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .\32xl\:focus\:via-yellow-50:focus { + .\32xl\:via-yellow-50 { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .\32xl\:focus\:via-yellow-100:focus { + .\32xl\:via-yellow-100 { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .\32xl\:focus\:via-yellow-200:focus { + .\32xl\:via-yellow-200 { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .\32xl\:focus\:via-yellow-300:focus { + .\32xl\:via-yellow-300 { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .\32xl\:focus\:via-yellow-400:focus { + .\32xl\:via-yellow-400 { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .\32xl\:focus\:via-yellow-500:focus { + .\32xl\:via-yellow-500 { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .\32xl\:focus\:via-yellow-600:focus { + .\32xl\:via-yellow-600 { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .\32xl\:focus\:via-yellow-700:focus { + .\32xl\:via-yellow-700 { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .\32xl\:focus\:via-yellow-800:focus { + .\32xl\:via-yellow-800 { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .\32xl\:focus\:via-yellow-900:focus { + .\32xl\:via-yellow-900 { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .\32xl\:focus\:via-green-50:focus { + .\32xl\:via-green-50 { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .\32xl\:focus\:via-green-100:focus { + .\32xl\:via-green-100 { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .\32xl\:focus\:via-green-200:focus { + .\32xl\:via-green-200 { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .\32xl\:focus\:via-green-300:focus { + .\32xl\:via-green-300 { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .\32xl\:focus\:via-green-400:focus { + .\32xl\:via-green-400 { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .\32xl\:focus\:via-green-500:focus { + .\32xl\:via-green-500 { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .\32xl\:focus\:via-green-600:focus { + .\32xl\:via-green-600 { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .\32xl\:focus\:via-green-700:focus { + .\32xl\:via-green-700 { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .\32xl\:focus\:via-green-800:focus { + .\32xl\:via-green-800 { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .\32xl\:focus\:via-green-900:focus { + .\32xl\:via-green-900 { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .\32xl\:focus\:via-blue-50:focus { + .\32xl\:via-blue-50 { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .\32xl\:focus\:via-blue-100:focus { + .\32xl\:via-blue-100 { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .\32xl\:focus\:via-blue-200:focus { + .\32xl\:via-blue-200 { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .\32xl\:focus\:via-blue-300:focus { + .\32xl\:via-blue-300 { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .\32xl\:focus\:via-blue-400:focus { + .\32xl\:via-blue-400 { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .\32xl\:focus\:via-blue-500:focus { + .\32xl\:via-blue-500 { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .\32xl\:focus\:via-blue-600:focus { + .\32xl\:via-blue-600 { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .\32xl\:focus\:via-blue-700:focus { + .\32xl\:via-blue-700 { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .\32xl\:focus\:via-blue-800:focus { + .\32xl\:via-blue-800 { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .\32xl\:focus\:via-blue-900:focus { + .\32xl\:via-blue-900 { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .\32xl\:focus\:via-purple-50:focus { + .\32xl\:via-purple-50 { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .\32xl\:focus\:via-purple-100:focus { + .\32xl\:via-purple-100 { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .\32xl\:focus\:via-purple-200:focus { + .\32xl\:via-purple-200 { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .\32xl\:focus\:via-purple-300:focus { + .\32xl\:via-purple-300 { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .\32xl\:focus\:via-purple-400:focus { + .\32xl\:via-purple-400 { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .\32xl\:focus\:via-purple-500:focus { + .\32xl\:via-purple-500 { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .\32xl\:focus\:via-purple-600:focus { + .\32xl\:via-purple-600 { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .\32xl\:focus\:via-purple-700:focus { + .\32xl\:via-purple-700 { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .\32xl\:focus\:via-purple-800:focus { + .\32xl\:via-purple-800 { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .\32xl\:focus\:via-purple-900:focus { + .\32xl\:via-purple-900 { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .\32xl\:focus\:via-pink-50:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-pink-100:focus { + .\32xl\:via-pink-100 { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .\32xl\:focus\:via-pink-200:focus { + .\32xl\:via-pink-200 { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .\32xl\:focus\:via-pink-300:focus { + .\32xl\:via-pink-300 { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .\32xl\:focus\:via-pink-400:focus { + .\32xl\:via-pink-400 { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .\32xl\:focus\:via-pink-500:focus { + .\32xl\:via-pink-500 { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .\32xl\:focus\:via-pink-600:focus { + .\32xl\:via-pink-600 { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .\32xl\:focus\:via-pink-700:focus { + .\32xl\:via-pink-700 { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .\32xl\:focus\:via-pink-800:focus { + .\32xl\:via-pink-800 { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .\32xl\:focus\:via-pink-900:focus { + .\32xl\:via-pink-900 { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .\32xl\:focus\:to-transparent:focus { + .\32xl\:to-transparent { --gradient-to-color: transparent; } - .\32xl\:focus\:to-current:focus { + .\32xl\:to-current { --gradient-to-color: currentColor; } - .\32xl\:focus\:to-black:focus { + .\32xl\:to-black { --gradient-to-color: #000; } - .\32xl\:focus\:to-white:focus { + .\32xl\:to-white { --gradient-to-color: #fff; } - .\32xl\:focus\:to-gray-50:focus { + .\32xl\:to-gray-50 { --gradient-to-color: #fafafa; } - .\32xl\:focus\:to-gray-100:focus { + .\32xl\:to-gray-100 { --gradient-to-color: #f4f4f5; } - .\32xl\:focus\:to-gray-200:focus { + .\32xl\:to-gray-200 { --gradient-to-color: #e4e4e7; } - .\32xl\:focus\:to-gray-300:focus { + .\32xl\:to-gray-300 { --gradient-to-color: #d4d4d8; } - .\32xl\:focus\:to-gray-400:focus { + .\32xl\:to-gray-400 { --gradient-to-color: #a1a1aa; } - .\32xl\:focus\:to-gray-500:focus { + .\32xl\:to-gray-500 { --gradient-to-color: #71717a; } - .\32xl\:focus\:to-gray-600:focus { + .\32xl\:to-gray-600 { --gradient-to-color: #52525b; } - .\32xl\:focus\:to-gray-700:focus { + .\32xl\:to-gray-700 { --gradient-to-color: #3f3f46; } - .\32xl\:focus\:to-gray-800:focus { + .\32xl\:to-gray-800 { --gradient-to-color: #27272a; } - .\32xl\:focus\:to-gray-900:focus { + .\32xl\:to-gray-900 { --gradient-to-color: #18181b; } - .\32xl\:focus\:to-red-50:focus { + .\32xl\:to-red-50 { --gradient-to-color: #fef2f2; } - .\32xl\:focus\:to-red-100:focus { + .\32xl\:to-red-100 { --gradient-to-color: #fee2e2; } - .\32xl\:focus\:to-red-200:focus { + .\32xl\:to-red-200 { --gradient-to-color: #fecaca; } - .\32xl\:focus\:to-red-300:focus { + .\32xl\:to-red-300 { --gradient-to-color: #fca5a5; } - .\32xl\:focus\:to-red-400:focus { + .\32xl\:to-red-400 { --gradient-to-color: #f87171; } - .\32xl\:focus\:to-red-500:focus { + .\32xl\:to-red-500 { --gradient-to-color: #ef4444; } - .\32xl\:focus\:to-red-600:focus { + .\32xl\:to-red-600 { --gradient-to-color: #dc2626; } - .\32xl\:focus\:to-red-700:focus { + .\32xl\:to-red-700 { --gradient-to-color: #b91c1c; } - .\32xl\:focus\:to-red-800:focus { + .\32xl\:to-red-800 { --gradient-to-color: #991b1b; } - .\32xl\:focus\:to-red-900:focus { + .\32xl\:to-red-900 { --gradient-to-color: #7f1d1d; } - .\32xl\:focus\:to-yellow-50:focus { + .\32xl\:to-yellow-50 { --gradient-to-color: #fffbeb; } - .\32xl\:focus\:to-yellow-100:focus { + .\32xl\:to-yellow-100 { --gradient-to-color: #fef3c7; } - .\32xl\:focus\:to-yellow-200:focus { + .\32xl\:to-yellow-200 { --gradient-to-color: #fde68a; } - .\32xl\:focus\:to-yellow-300:focus { + .\32xl\:to-yellow-300 { --gradient-to-color: #fcd34d; } - .\32xl\:focus\:to-yellow-400:focus { + .\32xl\:to-yellow-400 { --gradient-to-color: #fbbf24; } - .\32xl\:focus\:to-yellow-500:focus { + .\32xl\:to-yellow-500 { --gradient-to-color: #f59e0b; } - .\32xl\:focus\:to-yellow-600:focus { + .\32xl\:to-yellow-600 { --gradient-to-color: #d97706; } - .\32xl\:focus\:to-yellow-700:focus { + .\32xl\:to-yellow-700 { --gradient-to-color: #b45309; } - .\32xl\:focus\:to-yellow-800:focus { + .\32xl\:to-yellow-800 { --gradient-to-color: #92400e; } - .\32xl\:focus\:to-yellow-900:focus { + .\32xl\:to-yellow-900 { --gradient-to-color: #78350f; } - .\32xl\:focus\:to-green-50:focus { + .\32xl\:to-green-50 { --gradient-to-color: #ecfdf5; } - .\32xl\:focus\:to-green-100:focus { + .\32xl\:to-green-100 { --gradient-to-color: #d1fae5; } - .\32xl\:focus\:to-green-200:focus { + .\32xl\:to-green-200 { --gradient-to-color: #a7f3d0; } - .\32xl\:focus\:to-green-300:focus { + .\32xl\:to-green-300 { --gradient-to-color: #6ee7b7; } - .\32xl\:focus\:to-green-400:focus { + .\32xl\:to-green-400 { --gradient-to-color: #34d399; } - .\32xl\:focus\:to-green-500:focus { + .\32xl\:to-green-500 { --gradient-to-color: #10b981; } - .\32xl\:focus\:to-green-600:focus { + .\32xl\:to-green-600 { --gradient-to-color: #059669; } - .\32xl\:focus\:to-green-700:focus { + .\32xl\:to-green-700 { --gradient-to-color: #047857; } - .\32xl\:focus\:to-green-800:focus { + .\32xl\:to-green-800 { --gradient-to-color: #065f46; } - .\32xl\:focus\:to-green-900:focus { + .\32xl\:to-green-900 { --gradient-to-color: #064e3b; } - .\32xl\:focus\:to-blue-50:focus { + .\32xl\:to-blue-50 { --gradient-to-color: #eff6ff; } - .\32xl\:focus\:to-blue-100:focus { + .\32xl\:to-blue-100 { --gradient-to-color: #dbeafe; } - .\32xl\:focus\:to-blue-200:focus { + .\32xl\:to-blue-200 { --gradient-to-color: #bfdbfe; } - .\32xl\:focus\:to-blue-300:focus { + .\32xl\:to-blue-300 { --gradient-to-color: #93c5fd; } - .\32xl\:focus\:to-blue-400:focus { + .\32xl\:to-blue-400 { --gradient-to-color: #60a5fa; } - .\32xl\:focus\:to-blue-500:focus { + .\32xl\:to-blue-500 { --gradient-to-color: #3b82f6; } - .\32xl\:focus\:to-blue-600:focus { + .\32xl\:to-blue-600 { --gradient-to-color: #2563eb; } - .\32xl\:focus\:to-blue-700:focus { + .\32xl\:to-blue-700 { --gradient-to-color: #1d4ed8; } - .\32xl\:focus\:to-blue-800:focus { + .\32xl\:to-blue-800 { --gradient-to-color: #1e40af; } - .\32xl\:focus\:to-blue-900:focus { + .\32xl\:to-blue-900 { --gradient-to-color: #1e3a8a; } - .\32xl\:focus\:to-purple-50:focus { + .\32xl\:to-purple-50 { --gradient-to-color: #f5f3ff; } - .\32xl\:focus\:to-purple-100:focus { + .\32xl\:to-purple-100 { --gradient-to-color: #ede9fe; } - .\32xl\:focus\:to-purple-200:focus { + .\32xl\:to-purple-200 { --gradient-to-color: #ddd6fe; } - .\32xl\:focus\:to-purple-300:focus { + .\32xl\:to-purple-300 { --gradient-to-color: #c4b5fd; } - .\32xl\:focus\:to-purple-400:focus { + .\32xl\:to-purple-400 { --gradient-to-color: #a78bfa; } - .\32xl\:focus\:to-purple-500:focus { + .\32xl\:to-purple-500 { --gradient-to-color: #8b5cf6; } - .\32xl\:focus\:to-purple-600:focus { + .\32xl\:to-purple-600 { --gradient-to-color: #7c3aed; } - .\32xl\:focus\:to-purple-700:focus { + .\32xl\:to-purple-700 { --gradient-to-color: #6d28d9; } - .\32xl\:focus\:to-purple-800:focus { + .\32xl\:to-purple-800 { --gradient-to-color: #5b21b6; } - .\32xl\:focus\:to-purple-900:focus { + .\32xl\:to-purple-900 { --gradient-to-color: #4c1d95; } - .\32xl\:focus\:to-pink-50:focus { + .\32xl\:to-pink-50 { --gradient-to-color: #fdf2f8; } - .\32xl\:focus\:to-pink-100:focus { + .\32xl\:to-pink-100 { --gradient-to-color: #fce7f3; } - .\32xl\:focus\:to-pink-200:focus { + .\32xl\:to-pink-200 { --gradient-to-color: #fbcfe8; } - .\32xl\:focus\:to-pink-300:focus { + .\32xl\:to-pink-300 { --gradient-to-color: #f9a8d4; } - .\32xl\:focus\:to-pink-400:focus { + .\32xl\:to-pink-400 { --gradient-to-color: #f472b6; } - .\32xl\:focus\:to-pink-500:focus { + .\32xl\:to-pink-500 { --gradient-to-color: #ec4899; } - .\32xl\:focus\:to-pink-600:focus { + .\32xl\:to-pink-600 { --gradient-to-color: #db2777; } - .\32xl\:focus\:to-pink-700:focus { + .\32xl\:to-pink-700 { --gradient-to-color: #be185d; } - .\32xl\:focus\:to-pink-800:focus { + .\32xl\:to-pink-800 { --gradient-to-color: #9d174d; } - .\32xl\:focus\:to-pink-900:focus { + .\32xl\:to-pink-900 { --gradient-to-color: #831843; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .\32xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .\32xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .\32xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .\32xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .\32xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .\32xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .\32xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .\32xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .\32xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .\32xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .\32xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .\32xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .\32xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .\32xl\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .\32xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .\32xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .\32xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .\32xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .\32xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .\32xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .\32xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .\32xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .\32xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .\32xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .\32xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .\32xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .\32xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .\32xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .\32xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .\32xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .\32xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .\32xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .\32xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .\32xl\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .\32xl\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .\32xl\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .\32xl\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .\32xl\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .\32xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .\32xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .\32xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .\32xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .\32xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .\32xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .\32xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .\32xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .\32xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .\32xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .\32xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .\32xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .\32xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .\32xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .\32xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .\32xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .\32xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .\32xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .\32xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .\32xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .\32xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .\32xl\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } - - .\32xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .\32xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .\32xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .\32xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .\32xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .\32xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .\32xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .\32xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .\32xl\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .\32xl\: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)); - } - - .\32xl\: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)); - } - - .\32xl\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .\32xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .\32xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .\32xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .\32xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .\32xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .\32xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .\32xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .\32xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .\32xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .\32xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .\32xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .\32xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .\32xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .\32xl\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .\32xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .\32xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .\32xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .\32xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .\32xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .\32xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .\32xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .\32xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .\32xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .\32xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .\32xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .\32xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .\32xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .\32xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .\32xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .\32xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .\32xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .\32xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .\32xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .\32xl\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .\32xl\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .\32xl\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .\32xl\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .\32xl\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .\32xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .\32xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .\32xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .\32xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .\32xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .\32xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .\32xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .\32xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .\32xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .\32xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .\32xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .\32xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .\32xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .\32xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .\32xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .\32xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .\32xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .\32xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .\32xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .\32xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .\32xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .\32xl\: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)); - } - - .\32xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .\32xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .\32xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .\32xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .\32xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .\32xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .\32xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .\32xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .\32xl\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .\32xl\:dark\:to-transparent { - --gradient-to-color: transparent; - } - - .\32xl\:dark\:to-current { - --gradient-to-color: currentColor; - } - - .\32xl\:dark\:to-black { - --gradient-to-color: #000; - } - - .\32xl\:dark\:to-white { - --gradient-to-color: #fff; - } - - .\32xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .\32xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .\32xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .\32xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .\32xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .\32xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .\32xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .\32xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .\32xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .\32xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .\32xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .\32xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .\32xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .\32xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .\32xl\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } - - .\32xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .\32xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .\32xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .\32xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .\32xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .\32xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .\32xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .\32xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .\32xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .\32xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .\32xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .\32xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .\32xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .\32xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .\32xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .\32xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .\32xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .\32xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .\32xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .\32xl\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } - - .\32xl\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } - - .\32xl\:dark\:to-green-600 { - --gradient-to-color: #059669; - } - - .\32xl\:dark\:to-green-700 { - --gradient-to-color: #047857; - } - - .\32xl\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } - - .\32xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .\32xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .\32xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .\32xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .\32xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .\32xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .\32xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .\32xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .\32xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .\32xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .\32xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .\32xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .\32xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .\32xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .\32xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .\32xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .\32xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .\32xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .\32xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .\32xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .\32xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .\32xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .\32xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .\32xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .\32xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .\32xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .\32xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .\32xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .\32xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .\32xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .\32xl\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } - - .\32xl\: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)); - } + .\32xl\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\: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)); - } + .\32xl\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .\32xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .\32xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .\32xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .\32xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .\32xl\:hover\:to-black:hover { + --gradient-to-color: #000; + } - .\32xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .\32xl\:hover\:to-white:hover { + --gradient-to-color: #fff; + } - .\32xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .\32xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; + } - .\32xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .\32xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; + } - .\32xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .\32xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; + } - .\32xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .\32xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; + } - .\32xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .\32xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; + } - .\32xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .\32xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; + } - .\32xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .\32xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; + } - .\32xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .\32xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; + } - .\32xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .\32xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; + } - .\32xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .\32xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; + } - .\32xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .\32xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; + } - .\32xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .\32xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; + } - .\32xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .\32xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; + } - .\32xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .\32xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; + } - .\32xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .\32xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; + } - .\32xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .\32xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; + } - .\32xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .\32xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; + } - .\32xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .\32xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; + } - .\32xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .\32xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; + } - .\32xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .\32xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; + } - .\32xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .\32xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; + } - .\32xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .\32xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; + } - .\32xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .\32xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; + } - .\32xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .\32xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; + } - .\32xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .\32xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; + } - .\32xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .\32xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; + } - .\32xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .\32xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; + } - .\32xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .\32xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; + } - .\32xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .\32xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; + } - .\32xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .\32xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; + } - .\32xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .\32xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; + } - .\32xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .\32xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; + } - .\32xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .\32xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; + } - .\32xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .\32xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; + } - .\32xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .\32xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; + } - .\32xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .\32xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; + } - .\32xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .\32xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669; + } - .\32xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .\32xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857; + } - .\32xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .\32xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; + } - .\32xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .\32xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; + } - .\32xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .\32xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; + } - .\32xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .\32xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; + } - .\32xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .\32xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; + } - .\32xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .\32xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; + } - .\32xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .\32xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; + } - .\32xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .\32xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; + } - .\32xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .\32xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; + } - .\32xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .\32xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; + } - .\32xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .\32xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; + } - .\32xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .\32xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; + } - .\32xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .\32xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; + } - .\32xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .\32xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; + } - .\32xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .\32xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; + } - .\32xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .\32xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; + } - .\32xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .\32xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; + } - .\32xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .\32xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; + } - .\32xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .\32xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; + } - .\32xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .\32xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; + } - .\32xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .\32xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; + } - .\32xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .\32xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; + } - .\32xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .\32xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .\32xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .\32xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; + } - .\32xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .\32xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; + } - .\32xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .\32xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; + } - .\32xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .\32xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; + } - .\32xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .\32xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; + } - .\32xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .\32xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; + } - .\32xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .\32xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; + } - .\32xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .\32xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; + } - .\32xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .\32xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; + } - .\32xl\: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)); - } + .\32xl\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\: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)); - } + .\32xl\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .\32xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .\32xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .\32xl\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .\32xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .\32xl\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .\32xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .\32xl\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .\32xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .\32xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .\32xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .\32xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .\32xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .\32xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .\32xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .\32xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .\32xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .\32xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .\32xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .\32xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .\32xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .\32xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .\32xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .\32xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .\32xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .\32xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .\32xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .\32xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .\32xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .\32xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .\32xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .\32xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .\32xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .\32xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .\32xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .\32xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .\32xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .\32xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .\32xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .\32xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .\32xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .\32xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .\32xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .\32xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .\32xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .\32xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .\32xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .\32xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .\32xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .\32xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .\32xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .\32xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .\32xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .\32xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .\32xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .\32xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .\32xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .\32xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .\32xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .\32xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .\32xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .\32xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .\32xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .\32xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .\32xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .\32xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .\32xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .\32xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .\32xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .\32xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .\32xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .\32xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .\32xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .\32xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .\32xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .\32xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .\32xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .\32xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .\32xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .\32xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .\32xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .\32xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .\32xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .\32xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .\32xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .\32xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .\32xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .\32xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .\32xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .\32xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .\32xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .\32xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .\32xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .\32xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .\32xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .\32xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .\32xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .\32xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .\32xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .\32xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .\32xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .\32xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .\32xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .\32xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .\32xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .\32xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .\32xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .\32xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .\32xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .\32xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .\32xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .\32xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .\32xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .\32xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .\32xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .\32xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .\32xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .\32xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .\32xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .\32xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .\32xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .\32xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .\32xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .\32xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .\32xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .\32xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .\32xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .\32xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .\32xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .\32xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .\32xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .\32xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .\32xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .\32xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .\32xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .\32xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .\32xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .\32xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .\32xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .\32xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .\32xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .\32xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .\32xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .\32xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .\32xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .\32xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .\32xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .\32xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } .\32xl\:bg-bottom { @@ -154640,1192 +112246,6 @@ video { border-color: #831843; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:border-transparent { - border-color: transparent; - } - - .\32xl\:dark\:border-current { - border-color: currentColor; - } - - .\32xl\:dark\:border-black { - border-color: #000; - } - - .\32xl\:dark\:border-white { - border-color: #fff; - } - - .\32xl\:dark\:border-gray-50 { - border-color: #fafafa; - } - - .\32xl\:dark\:border-gray-100 { - border-color: #f4f4f5; - } - - .\32xl\:dark\:border-gray-200 { - border-color: #e4e4e7; - } - - .\32xl\:dark\:border-gray-300 { - border-color: #d4d4d8; - } - - .\32xl\:dark\:border-gray-400 { - border-color: #a1a1aa; - } - - .\32xl\:dark\:border-gray-500 { - border-color: #71717a; - } - - .\32xl\:dark\:border-gray-600 { - border-color: #52525b; - } - - .\32xl\:dark\:border-gray-700 { - border-color: #3f3f46; - } - - .\32xl\:dark\:border-gray-800 { - border-color: #27272a; - } - - .\32xl\:dark\:border-gray-900 { - border-color: #18181b; - } - - .\32xl\:dark\:border-red-50 { - border-color: #fef2f2; - } - - .\32xl\:dark\:border-red-100 { - border-color: #fee2e2; - } - - .\32xl\:dark\:border-red-200 { - border-color: #fecaca; - } - - .\32xl\:dark\:border-red-300 { - border-color: #fca5a5; - } - - .\32xl\:dark\:border-red-400 { - border-color: #f87171; - } - - .\32xl\:dark\:border-red-500 { - border-color: #ef4444; - } - - .\32xl\:dark\:border-red-600 { - border-color: #dc2626; - } - - .\32xl\:dark\:border-red-700 { - border-color: #b91c1c; - } - - .\32xl\:dark\:border-red-800 { - border-color: #991b1b; - } - - .\32xl\:dark\:border-red-900 { - border-color: #7f1d1d; - } - - .\32xl\:dark\:border-yellow-50 { - border-color: #fffbeb; - } - - .\32xl\:dark\:border-yellow-100 { - border-color: #fef3c7; - } - - .\32xl\:dark\:border-yellow-200 { - border-color: #fde68a; - } - - .\32xl\:dark\:border-yellow-300 { - border-color: #fcd34d; - } - - .\32xl\:dark\:border-yellow-400 { - border-color: #fbbf24; - } - - .\32xl\:dark\:border-yellow-500 { - border-color: #f59e0b; - } - - .\32xl\:dark\:border-yellow-600 { - border-color: #d97706; - } - - .\32xl\:dark\:border-yellow-700 { - border-color: #b45309; - } - - .\32xl\:dark\:border-yellow-800 { - border-color: #92400e; - } - - .\32xl\:dark\:border-yellow-900 { - border-color: #78350f; - } - - .\32xl\:dark\:border-green-50 { - border-color: #ecfdf5; - } - - .\32xl\:dark\:border-green-100 { - border-color: #d1fae5; - } - - .\32xl\:dark\:border-green-200 { - border-color: #a7f3d0; - } - - .\32xl\:dark\:border-green-300 { - border-color: #6ee7b7; - } - - .\32xl\:dark\:border-green-400 { - border-color: #34d399; - } - - .\32xl\:dark\:border-green-500 { - border-color: #10b981; - } - - .\32xl\:dark\:border-green-600 { - border-color: #059669; - } - - .\32xl\:dark\:border-green-700 { - border-color: #047857; - } - - .\32xl\:dark\:border-green-800 { - border-color: #065f46; - } - - .\32xl\:dark\:border-green-900 { - border-color: #064e3b; - } - - .\32xl\:dark\:border-blue-50 { - border-color: #eff6ff; - } - - .\32xl\:dark\:border-blue-100 { - border-color: #dbeafe; - } - - .\32xl\:dark\:border-blue-200 { - border-color: #bfdbfe; - } - - .\32xl\:dark\:border-blue-300 { - border-color: #93c5fd; - } - - .\32xl\:dark\:border-blue-400 { - border-color: #60a5fa; - } - - .\32xl\:dark\:border-blue-500 { - border-color: #3b82f6; - } - - .\32xl\:dark\:border-blue-600 { - border-color: #2563eb; - } - - .\32xl\:dark\:border-blue-700 { - border-color: #1d4ed8; - } - - .\32xl\:dark\:border-blue-800 { - border-color: #1e40af; - } - - .\32xl\:dark\:border-blue-900 { - border-color: #1e3a8a; - } - - .\32xl\:dark\:border-purple-50 { - border-color: #f5f3ff; - } - - .\32xl\:dark\:border-purple-100 { - border-color: #ede9fe; - } - - .\32xl\:dark\:border-purple-200 { - border-color: #ddd6fe; - } - - .\32xl\:dark\:border-purple-300 { - border-color: #c4b5fd; - } - - .\32xl\:dark\:border-purple-400 { - border-color: #a78bfa; - } - - .\32xl\:dark\:border-purple-500 { - border-color: #8b5cf6; - } - - .\32xl\:dark\:border-purple-600 { - border-color: #7c3aed; - } - - .\32xl\:dark\:border-purple-700 { - border-color: #6d28d9; - } - - .\32xl\:dark\:border-purple-800 { - border-color: #5b21b6; - } - - .\32xl\:dark\:border-purple-900 { - border-color: #4c1d95; - } - - .\32xl\:dark\:border-pink-50 { - border-color: #fdf2f8; - } - - .\32xl\:dark\:border-pink-100 { - border-color: #fce7f3; - } - - .\32xl\:dark\:border-pink-200 { - border-color: #fbcfe8; - } - - .\32xl\:dark\:border-pink-300 { - border-color: #f9a8d4; - } - - .\32xl\:dark\:border-pink-400 { - border-color: #f472b6; - } - - .\32xl\:dark\:border-pink-500 { - border-color: #ec4899; - } - - .\32xl\:dark\:border-pink-600 { - border-color: #db2777; - } - - .\32xl\:dark\:border-pink-700 { - border-color: #be185d; - } - - .\32xl\:dark\:border-pink-800 { - border-color: #9d174d; - } - - .\32xl\:dark\:border-pink-900 { - border-color: #831843; - } - - .group:hover .\32xl\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .\32xl\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .\32xl\:dark\:group-hover\:border-black { - border-color: #000; - } - - .group:hover .\32xl\:dark\:group-hover\:border-white { - border-color: #fff; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-50 { - border-color: #fafafa; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-100 { - border-color: #f4f4f5; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-200 { - border-color: #e4e4e7; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-300 { - border-color: #d4d4d8; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-400 { - border-color: #a1a1aa; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-500 { - border-color: #71717a; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-600 { - border-color: #52525b; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-700 { - border-color: #3f3f46; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-800 { - border-color: #27272a; - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-900 { - border-color: #18181b; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-50 { - border-color: #fef2f2; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-100 { - border-color: #fee2e2; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-200 { - border-color: #fecaca; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-300 { - border-color: #fca5a5; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-400 { - border-color: #f87171; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-500 { - border-color: #ef4444; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-600 { - border-color: #dc2626; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-700 { - border-color: #b91c1c; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-800 { - border-color: #991b1b; - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-900 { - border-color: #7f1d1d; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-50 { - border-color: #fffbeb; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-100 { - border-color: #fef3c7; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-200 { - border-color: #fde68a; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-300 { - border-color: #fcd34d; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-400 { - border-color: #fbbf24; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-500 { - border-color: #f59e0b; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-600 { - border-color: #d97706; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-700 { - border-color: #b45309; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-800 { - border-color: #92400e; - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-900 { - border-color: #78350f; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-50 { - border-color: #ecfdf5; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-100 { - border-color: #d1fae5; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-200 { - border-color: #a7f3d0; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-300 { - border-color: #6ee7b7; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-400 { - border-color: #34d399; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-500 { - border-color: #10b981; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-600 { - border-color: #059669; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-700 { - border-color: #047857; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-800 { - border-color: #065f46; - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-900 { - border-color: #064e3b; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-50 { - border-color: #eff6ff; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-100 { - border-color: #dbeafe; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-200 { - border-color: #bfdbfe; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-300 { - border-color: #93c5fd; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-400 { - border-color: #60a5fa; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-500 { - border-color: #3b82f6; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-600 { - border-color: #2563eb; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-700 { - border-color: #1d4ed8; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-800 { - border-color: #1e40af; - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-900 { - border-color: #1e3a8a; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-50 { - border-color: #f5f3ff; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-100 { - border-color: #ede9fe; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-200 { - border-color: #ddd6fe; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-300 { - border-color: #c4b5fd; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-400 { - border-color: #a78bfa; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-500 { - border-color: #8b5cf6; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-600 { - border-color: #7c3aed; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-700 { - border-color: #6d28d9; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-800 { - border-color: #5b21b6; - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-900 { - border-color: #4c1d95; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-50 { - border-color: #fdf2f8; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-100 { - border-color: #fce7f3; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-200 { - border-color: #fbcfe8; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-300 { - border-color: #f9a8d4; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-400 { - border-color: #f472b6; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-500 { - border-color: #ec4899; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-600 { - border-color: #db2777; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-700 { - border-color: #be185d; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-800 { - border-color: #9d174d; - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-900 { - border-color: #831843; - } - - .\32xl\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } - - .\32xl\:dark\:hover\:border-current:hover { - border-color: currentColor; - } - - .\32xl\:dark\:hover\:border-black:hover { - border-color: #000; - } - - .\32xl\:dark\:hover\:border-white:hover { - border-color: #fff; - } - - .\32xl\:dark\:hover\:border-gray-50:hover { - border-color: #fafafa; - } - - .\32xl\:dark\:hover\:border-gray-100:hover { - border-color: #f4f4f5; - } - - .\32xl\:dark\:hover\:border-gray-200:hover { - border-color: #e4e4e7; - } - - .\32xl\:dark\:hover\:border-gray-300:hover { - border-color: #d4d4d8; - } - - .\32xl\:dark\:hover\:border-gray-400:hover { - border-color: #a1a1aa; - } - - .\32xl\:dark\:hover\:border-gray-500:hover { - border-color: #71717a; - } - - .\32xl\:dark\:hover\:border-gray-600:hover { - border-color: #52525b; - } - - .\32xl\:dark\:hover\:border-gray-700:hover { - border-color: #3f3f46; - } - - .\32xl\:dark\:hover\:border-gray-800:hover { - border-color: #27272a; - } - - .\32xl\:dark\:hover\:border-gray-900:hover { - border-color: #18181b; - } - - .\32xl\:dark\:hover\:border-red-50:hover { - border-color: #fef2f2; - } - - .\32xl\:dark\:hover\:border-red-100:hover { - border-color: #fee2e2; - } - - .\32xl\:dark\:hover\:border-red-200:hover { - border-color: #fecaca; - } - - .\32xl\:dark\:hover\:border-red-300:hover { - border-color: #fca5a5; - } - - .\32xl\:dark\:hover\:border-red-400:hover { - border-color: #f87171; - } - - .\32xl\:dark\:hover\:border-red-500:hover { - border-color: #ef4444; - } - - .\32xl\:dark\:hover\:border-red-600:hover { - border-color: #dc2626; - } - - .\32xl\:dark\:hover\:border-red-700:hover { - border-color: #b91c1c; - } - - .\32xl\:dark\:hover\:border-red-800:hover { - border-color: #991b1b; - } - - .\32xl\:dark\:hover\:border-red-900:hover { - border-color: #7f1d1d; - } - - .\32xl\:dark\:hover\:border-yellow-50:hover { - border-color: #fffbeb; - } - - .\32xl\:dark\:hover\:border-yellow-100:hover { - border-color: #fef3c7; - } - - .\32xl\:dark\:hover\:border-yellow-200:hover { - border-color: #fde68a; - } - - .\32xl\:dark\:hover\:border-yellow-300:hover { - border-color: #fcd34d; - } - - .\32xl\:dark\:hover\:border-yellow-400:hover { - border-color: #fbbf24; - } - - .\32xl\:dark\:hover\:border-yellow-500:hover { - border-color: #f59e0b; - } - - .\32xl\:dark\:hover\:border-yellow-600:hover { - border-color: #d97706; - } - - .\32xl\:dark\:hover\:border-yellow-700:hover { - border-color: #b45309; - } - - .\32xl\:dark\:hover\:border-yellow-800:hover { - border-color: #92400e; - } - - .\32xl\:dark\:hover\:border-yellow-900:hover { - border-color: #78350f; - } - - .\32xl\:dark\:hover\:border-green-50:hover { - border-color: #ecfdf5; - } - - .\32xl\:dark\:hover\:border-green-100:hover { - border-color: #d1fae5; - } - - .\32xl\:dark\:hover\:border-green-200:hover { - border-color: #a7f3d0; - } - - .\32xl\:dark\:hover\:border-green-300:hover { - border-color: #6ee7b7; - } - - .\32xl\:dark\:hover\:border-green-400:hover { - border-color: #34d399; - } - - .\32xl\:dark\:hover\:border-green-500:hover { - border-color: #10b981; - } - - .\32xl\:dark\:hover\:border-green-600:hover { - border-color: #059669; - } - - .\32xl\:dark\:hover\:border-green-700:hover { - border-color: #047857; - } - - .\32xl\:dark\:hover\:border-green-800:hover { - border-color: #065f46; - } - - .\32xl\:dark\:hover\:border-green-900:hover { - border-color: #064e3b; - } - - .\32xl\:dark\:hover\:border-blue-50:hover { - border-color: #eff6ff; - } - - .\32xl\:dark\:hover\:border-blue-100:hover { - border-color: #dbeafe; - } - - .\32xl\:dark\:hover\:border-blue-200:hover { - border-color: #bfdbfe; - } - - .\32xl\:dark\:hover\:border-blue-300:hover { - border-color: #93c5fd; - } - - .\32xl\:dark\:hover\:border-blue-400:hover { - border-color: #60a5fa; - } - - .\32xl\:dark\:hover\:border-blue-500:hover { - border-color: #3b82f6; - } - - .\32xl\:dark\:hover\:border-blue-600:hover { - border-color: #2563eb; - } - - .\32xl\:dark\:hover\:border-blue-700:hover { - border-color: #1d4ed8; - } - - .\32xl\:dark\:hover\:border-blue-800:hover { - border-color: #1e40af; - } - - .\32xl\:dark\:hover\:border-blue-900:hover { - border-color: #1e3a8a; - } - - .\32xl\:dark\:hover\:border-purple-50:hover { - border-color: #f5f3ff; - } - - .\32xl\:dark\:hover\:border-purple-100:hover { - border-color: #ede9fe; - } - - .\32xl\:dark\:hover\:border-purple-200:hover { - border-color: #ddd6fe; - } - - .\32xl\:dark\:hover\:border-purple-300:hover { - border-color: #c4b5fd; - } - - .\32xl\:dark\:hover\:border-purple-400:hover { - border-color: #a78bfa; - } - - .\32xl\:dark\:hover\:border-purple-500:hover { - border-color: #8b5cf6; - } - - .\32xl\:dark\:hover\:border-purple-600:hover { - border-color: #7c3aed; - } - - .\32xl\:dark\:hover\:border-purple-700:hover { - border-color: #6d28d9; - } - - .\32xl\:dark\:hover\:border-purple-800:hover { - border-color: #5b21b6; - } - - .\32xl\:dark\:hover\:border-purple-900:hover { - border-color: #4c1d95; - } - - .\32xl\:dark\:hover\:border-pink-50:hover { - border-color: #fdf2f8; - } - - .\32xl\:dark\:hover\:border-pink-100:hover { - border-color: #fce7f3; - } - - .\32xl\:dark\:hover\:border-pink-200:hover { - border-color: #fbcfe8; - } - - .\32xl\:dark\:hover\:border-pink-300:hover { - border-color: #f9a8d4; - } - - .\32xl\:dark\:hover\:border-pink-400:hover { - border-color: #f472b6; - } - - .\32xl\:dark\:hover\:border-pink-500:hover { - border-color: #ec4899; - } - - .\32xl\:dark\:hover\:border-pink-600:hover { - border-color: #db2777; - } - - .\32xl\:dark\:hover\:border-pink-700:hover { - border-color: #be185d; - } - - .\32xl\:dark\:hover\:border-pink-800:hover { - border-color: #9d174d; - } - - .\32xl\:dark\:hover\:border-pink-900:hover { - border-color: #831843; - } - - .\32xl\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } - - .\32xl\:dark\:focus\:border-current:focus { - border-color: currentColor; - } - - .\32xl\:dark\:focus\:border-black:focus { - border-color: #000; - } - - .\32xl\:dark\:focus\:border-white:focus { - border-color: #fff; - } - - .\32xl\:dark\:focus\:border-gray-50:focus { - border-color: #fafafa; - } - - .\32xl\:dark\:focus\:border-gray-100:focus { - border-color: #f4f4f5; - } - - .\32xl\:dark\:focus\:border-gray-200:focus { - border-color: #e4e4e7; - } - - .\32xl\:dark\:focus\:border-gray-300:focus { - border-color: #d4d4d8; - } - - .\32xl\:dark\:focus\:border-gray-400:focus { - border-color: #a1a1aa; - } - - .\32xl\:dark\:focus\:border-gray-500:focus { - border-color: #71717a; - } - - .\32xl\:dark\:focus\:border-gray-600:focus { - border-color: #52525b; - } - - .\32xl\:dark\:focus\:border-gray-700:focus { - border-color: #3f3f46; - } - - .\32xl\:dark\:focus\:border-gray-800:focus { - border-color: #27272a; - } - - .\32xl\:dark\:focus\:border-gray-900:focus { - border-color: #18181b; - } - - .\32xl\:dark\:focus\:border-red-50:focus { - border-color: #fef2f2; - } - - .\32xl\:dark\:focus\:border-red-100:focus { - border-color: #fee2e2; - } - - .\32xl\:dark\:focus\:border-red-200:focus { - border-color: #fecaca; - } - - .\32xl\:dark\:focus\:border-red-300:focus { - border-color: #fca5a5; - } - - .\32xl\:dark\:focus\:border-red-400:focus { - border-color: #f87171; - } - - .\32xl\:dark\:focus\:border-red-500:focus { - border-color: #ef4444; - } - - .\32xl\:dark\:focus\:border-red-600:focus { - border-color: #dc2626; - } - - .\32xl\:dark\:focus\:border-red-700:focus { - border-color: #b91c1c; - } - - .\32xl\:dark\:focus\:border-red-800:focus { - border-color: #991b1b; - } - - .\32xl\:dark\:focus\:border-red-900:focus { - border-color: #7f1d1d; - } - - .\32xl\:dark\:focus\:border-yellow-50:focus { - border-color: #fffbeb; - } - - .\32xl\:dark\:focus\:border-yellow-100:focus { - border-color: #fef3c7; - } - - .\32xl\:dark\:focus\:border-yellow-200:focus { - border-color: #fde68a; - } - - .\32xl\:dark\:focus\:border-yellow-300:focus { - border-color: #fcd34d; - } - - .\32xl\:dark\:focus\:border-yellow-400:focus { - border-color: #fbbf24; - } - - .\32xl\:dark\:focus\:border-yellow-500:focus { - border-color: #f59e0b; - } - - .\32xl\:dark\:focus\:border-yellow-600:focus { - border-color: #d97706; - } - - .\32xl\:dark\:focus\:border-yellow-700:focus { - border-color: #b45309; - } - - .\32xl\:dark\:focus\:border-yellow-800:focus { - border-color: #92400e; - } - - .\32xl\:dark\:focus\:border-yellow-900:focus { - border-color: #78350f; - } - - .\32xl\:dark\:focus\:border-green-50:focus { - border-color: #ecfdf5; - } - - .\32xl\:dark\:focus\:border-green-100:focus { - border-color: #d1fae5; - } - - .\32xl\:dark\:focus\:border-green-200:focus { - border-color: #a7f3d0; - } - - .\32xl\:dark\:focus\:border-green-300:focus { - border-color: #6ee7b7; - } - - .\32xl\:dark\:focus\:border-green-400:focus { - border-color: #34d399; - } - - .\32xl\:dark\:focus\:border-green-500:focus { - border-color: #10b981; - } - - .\32xl\:dark\:focus\:border-green-600:focus { - border-color: #059669; - } - - .\32xl\:dark\:focus\:border-green-700:focus { - border-color: #047857; - } - - .\32xl\:dark\:focus\:border-green-800:focus { - border-color: #065f46; - } - - .\32xl\:dark\:focus\:border-green-900:focus { - border-color: #064e3b; - } - - .\32xl\:dark\:focus\:border-blue-50:focus { - border-color: #eff6ff; - } - - .\32xl\:dark\:focus\:border-blue-100:focus { - border-color: #dbeafe; - } - - .\32xl\:dark\:focus\:border-blue-200:focus { - border-color: #bfdbfe; - } - - .\32xl\:dark\:focus\:border-blue-300:focus { - border-color: #93c5fd; - } - - .\32xl\:dark\:focus\:border-blue-400:focus { - border-color: #60a5fa; - } - - .\32xl\:dark\:focus\:border-blue-500:focus { - border-color: #3b82f6; - } - - .\32xl\:dark\:focus\:border-blue-600:focus { - border-color: #2563eb; - } - - .\32xl\:dark\:focus\:border-blue-700:focus { - border-color: #1d4ed8; - } - - .\32xl\:dark\:focus\:border-blue-800:focus { - border-color: #1e40af; - } - - .\32xl\:dark\:focus\:border-blue-900:focus { - border-color: #1e3a8a; - } - - .\32xl\:dark\:focus\:border-purple-50:focus { - border-color: #f5f3ff; - } - - .\32xl\:dark\:focus\:border-purple-100:focus { - border-color: #ede9fe; - } - - .\32xl\:dark\:focus\:border-purple-200:focus { - border-color: #ddd6fe; - } - - .\32xl\:dark\:focus\:border-purple-300:focus { - border-color: #c4b5fd; - } - - .\32xl\:dark\:focus\:border-purple-400:focus { - border-color: #a78bfa; - } - - .\32xl\:dark\:focus\:border-purple-500:focus { - border-color: #8b5cf6; - } - - .\32xl\:dark\:focus\:border-purple-600:focus { - border-color: #7c3aed; - } - - .\32xl\:dark\:focus\:border-purple-700:focus { - border-color: #6d28d9; - } - - .\32xl\:dark\:focus\:border-purple-800:focus { - border-color: #5b21b6; - } - - .\32xl\:dark\:focus\:border-purple-900:focus { - border-color: #4c1d95; - } - - .\32xl\:dark\:focus\:border-pink-50:focus { - border-color: #fdf2f8; - } - - .\32xl\:dark\:focus\:border-pink-100:focus { - border-color: #fce7f3; - } - - .\32xl\:dark\:focus\:border-pink-200:focus { - border-color: #fbcfe8; - } - - .\32xl\:dark\:focus\:border-pink-300:focus { - border-color: #f9a8d4; - } - - .\32xl\:dark\:focus\:border-pink-400:focus { - border-color: #f472b6; - } - - .\32xl\:dark\:focus\:border-pink-500:focus { - border-color: #ec4899; - } - - .\32xl\:dark\:focus\:border-pink-600:focus { - border-color: #db2777; - } - - .\32xl\:dark\:focus\:border-pink-700:focus { - border-color: #be185d; - } - - .\32xl\:dark\:focus\:border-pink-800:focus { - border-color: #9d174d; - } - - .\32xl\:dark\:focus\:border-pink-900:focus { - border-color: #831843; - } - } - .\32xl\:rounded-none { border-radius: 0; } @@ -161335,600 +117755,6 @@ video { color: #831843; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .\32xl\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .\32xl\:dark\:placeholder-black::placeholder { - color: #000; - } - - .\32xl\:dark\:placeholder-white::placeholder { - color: #fff; - } - - .\32xl\:dark\:placeholder-gray-50::placeholder { - color: #fafafa; - } - - .\32xl\:dark\:placeholder-gray-100::placeholder { - color: #f4f4f5; - } - - .\32xl\:dark\:placeholder-gray-200::placeholder { - color: #e4e4e7; - } - - .\32xl\:dark\:placeholder-gray-300::placeholder { - color: #d4d4d8; - } - - .\32xl\:dark\:placeholder-gray-400::placeholder { - color: #a1a1aa; - } - - .\32xl\:dark\:placeholder-gray-500::placeholder { - color: #71717a; - } - - .\32xl\:dark\:placeholder-gray-600::placeholder { - color: #52525b; - } - - .\32xl\:dark\:placeholder-gray-700::placeholder { - color: #3f3f46; - } - - .\32xl\:dark\:placeholder-gray-800::placeholder { - color: #27272a; - } - - .\32xl\:dark\:placeholder-gray-900::placeholder { - color: #18181b; - } - - .\32xl\:dark\:placeholder-red-50::placeholder { - color: #fef2f2; - } - - .\32xl\:dark\:placeholder-red-100::placeholder { - color: #fee2e2; - } - - .\32xl\:dark\:placeholder-red-200::placeholder { - color: #fecaca; - } - - .\32xl\:dark\:placeholder-red-300::placeholder { - color: #fca5a5; - } - - .\32xl\:dark\:placeholder-red-400::placeholder { - color: #f87171; - } - - .\32xl\:dark\:placeholder-red-500::placeholder { - color: #ef4444; - } - - .\32xl\:dark\:placeholder-red-600::placeholder { - color: #dc2626; - } - - .\32xl\:dark\:placeholder-red-700::placeholder { - color: #b91c1c; - } - - .\32xl\:dark\:placeholder-red-800::placeholder { - color: #991b1b; - } - - .\32xl\:dark\:placeholder-red-900::placeholder { - color: #7f1d1d; - } - - .\32xl\:dark\:placeholder-yellow-50::placeholder { - color: #fffbeb; - } - - .\32xl\:dark\:placeholder-yellow-100::placeholder { - color: #fef3c7; - } - - .\32xl\:dark\:placeholder-yellow-200::placeholder { - color: #fde68a; - } - - .\32xl\:dark\:placeholder-yellow-300::placeholder { - color: #fcd34d; - } - - .\32xl\:dark\:placeholder-yellow-400::placeholder { - color: #fbbf24; - } - - .\32xl\:dark\:placeholder-yellow-500::placeholder { - color: #f59e0b; - } - - .\32xl\:dark\:placeholder-yellow-600::placeholder { - color: #d97706; - } - - .\32xl\:dark\:placeholder-yellow-700::placeholder { - color: #b45309; - } - - .\32xl\:dark\:placeholder-yellow-800::placeholder { - color: #92400e; - } - - .\32xl\:dark\:placeholder-yellow-900::placeholder { - color: #78350f; - } - - .\32xl\:dark\:placeholder-green-50::placeholder { - color: #ecfdf5; - } - - .\32xl\:dark\:placeholder-green-100::placeholder { - color: #d1fae5; - } - - .\32xl\:dark\:placeholder-green-200::placeholder { - color: #a7f3d0; - } - - .\32xl\:dark\:placeholder-green-300::placeholder { - color: #6ee7b7; - } - - .\32xl\:dark\:placeholder-green-400::placeholder { - color: #34d399; - } - - .\32xl\:dark\:placeholder-green-500::placeholder { - color: #10b981; - } - - .\32xl\:dark\:placeholder-green-600::placeholder { - color: #059669; - } - - .\32xl\:dark\:placeholder-green-700::placeholder { - color: #047857; - } - - .\32xl\:dark\:placeholder-green-800::placeholder { - color: #065f46; - } - - .\32xl\:dark\:placeholder-green-900::placeholder { - color: #064e3b; - } - - .\32xl\:dark\:placeholder-blue-50::placeholder { - color: #eff6ff; - } - - .\32xl\:dark\:placeholder-blue-100::placeholder { - color: #dbeafe; - } - - .\32xl\:dark\:placeholder-blue-200::placeholder { - color: #bfdbfe; - } - - .\32xl\:dark\:placeholder-blue-300::placeholder { - color: #93c5fd; - } - - .\32xl\:dark\:placeholder-blue-400::placeholder { - color: #60a5fa; - } - - .\32xl\:dark\:placeholder-blue-500::placeholder { - color: #3b82f6; - } - - .\32xl\:dark\:placeholder-blue-600::placeholder { - color: #2563eb; - } - - .\32xl\:dark\:placeholder-blue-700::placeholder { - color: #1d4ed8; - } - - .\32xl\:dark\:placeholder-blue-800::placeholder { - color: #1e40af; - } - - .\32xl\:dark\:placeholder-blue-900::placeholder { - color: #1e3a8a; - } - - .\32xl\:dark\:placeholder-purple-50::placeholder { - color: #f5f3ff; - } - - .\32xl\:dark\:placeholder-purple-100::placeholder { - color: #ede9fe; - } - - .\32xl\:dark\:placeholder-purple-200::placeholder { - color: #ddd6fe; - } - - .\32xl\:dark\:placeholder-purple-300::placeholder { - color: #c4b5fd; - } - - .\32xl\:dark\:placeholder-purple-400::placeholder { - color: #a78bfa; - } - - .\32xl\:dark\:placeholder-purple-500::placeholder { - color: #8b5cf6; - } - - .\32xl\:dark\:placeholder-purple-600::placeholder { - color: #7c3aed; - } - - .\32xl\:dark\:placeholder-purple-700::placeholder { - color: #6d28d9; - } - - .\32xl\:dark\:placeholder-purple-800::placeholder { - color: #5b21b6; - } - - .\32xl\:dark\:placeholder-purple-900::placeholder { - color: #4c1d95; - } - - .\32xl\:dark\:placeholder-pink-50::placeholder { - color: #fdf2f8; - } - - .\32xl\:dark\:placeholder-pink-100::placeholder { - color: #fce7f3; - } - - .\32xl\:dark\:placeholder-pink-200::placeholder { - color: #fbcfe8; - } - - .\32xl\:dark\:placeholder-pink-300::placeholder { - color: #f9a8d4; - } - - .\32xl\:dark\:placeholder-pink-400::placeholder { - color: #f472b6; - } - - .\32xl\:dark\:placeholder-pink-500::placeholder { - color: #ec4899; - } - - .\32xl\:dark\:placeholder-pink-600::placeholder { - color: #db2777; - } - - .\32xl\:dark\:placeholder-pink-700::placeholder { - color: #be185d; - } - - .\32xl\:dark\:placeholder-pink-800::placeholder { - color: #9d174d; - } - - .\32xl\:dark\:placeholder-pink-900::placeholder { - color: #831843; - } - - .\32xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .\32xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .\32xl\:dark\:focus\:placeholder-black:focus::placeholder { - color: #000; - } - - .\32xl\:dark\:focus\:placeholder-white:focus::placeholder { - color: #fff; - } - - .\32xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - color: #fafafa; - } - - .\32xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - color: #f4f4f5; - } - - .\32xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - color: #e4e4e7; - } - - .\32xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - color: #d4d4d8; - } - - .\32xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - color: #a1a1aa; - } - - .\32xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - color: #71717a; - } - - .\32xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - color: #52525b; - } - - .\32xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - color: #3f3f46; - } - - .\32xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - color: #27272a; - } - - .\32xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - color: #18181b; - } - - .\32xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - color: #fef2f2; - } - - .\32xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - color: #fee2e2; - } - - .\32xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - color: #fecaca; - } - - .\32xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - color: #fca5a5; - } - - .\32xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - color: #f87171; - } - - .\32xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - color: #ef4444; - } - - .\32xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - color: #dc2626; - } - - .\32xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - color: #b91c1c; - } - - .\32xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - color: #991b1b; - } - - .\32xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - color: #7f1d1d; - } - - .\32xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - color: #fffbeb; - } - - .\32xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - color: #fef3c7; - } - - .\32xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - color: #fde68a; - } - - .\32xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - color: #fcd34d; - } - - .\32xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - color: #fbbf24; - } - - .\32xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - color: #f59e0b; - } - - .\32xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - color: #d97706; - } - - .\32xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - color: #b45309; - } - - .\32xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - color: #92400e; - } - - .\32xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - color: #78350f; - } - - .\32xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - color: #ecfdf5; - } - - .\32xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - color: #d1fae5; - } - - .\32xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - color: #a7f3d0; - } - - .\32xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - color: #6ee7b7; - } - - .\32xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - color: #34d399; - } - - .\32xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - color: #10b981; - } - - .\32xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - color: #059669; - } - - .\32xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - color: #047857; - } - - .\32xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - color: #065f46; - } - - .\32xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - color: #064e3b; - } - - .\32xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - color: #eff6ff; - } - - .\32xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - color: #dbeafe; - } - - .\32xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - color: #bfdbfe; - } - - .\32xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - color: #93c5fd; - } - - .\32xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - color: #60a5fa; - } - - .\32xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - color: #3b82f6; - } - - .\32xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - color: #2563eb; - } - - .\32xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - color: #1d4ed8; - } - - .\32xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - color: #1e40af; - } - - .\32xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - color: #1e3a8a; - } - - .\32xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - color: #f5f3ff; - } - - .\32xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - color: #ede9fe; - } - - .\32xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - color: #ddd6fe; - } - - .\32xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - color: #c4b5fd; - } - - .\32xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - color: #a78bfa; - } - - .\32xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - color: #8b5cf6; - } - - .\32xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - color: #7c3aed; - } - - .\32xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - color: #6d28d9; - } - - .\32xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - color: #5b21b6; - } - - .\32xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - color: #4c1d95; - } - - .\32xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - color: #fdf2f8; - } - - .\32xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - color: #fce7f3; - } - - .\32xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - color: #fbcfe8; - } - - .\32xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - color: #f9a8d4; - } - - .\32xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - color: #f472b6; - } - - .\32xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - color: #ec4899; - } - - .\32xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - color: #db2777; - } - - .\32xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - color: #be185d; - } - - .\32xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - color: #9d174d; - } - - .\32xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - color: #831843; - } - } - .\32xl\:pointer-events-none { pointer-events: none; } @@ -166027,1192 +121853,6 @@ video { color: #831843; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:text-transparent { - color: transparent; - } - - .\32xl\:dark\:text-current { - color: currentColor; - } - - .\32xl\:dark\:text-black { - color: #000; - } - - .\32xl\:dark\:text-white { - color: #fff; - } - - .\32xl\:dark\:text-gray-50 { - color: #fafafa; - } - - .\32xl\:dark\:text-gray-100 { - color: #f4f4f5; - } - - .\32xl\:dark\:text-gray-200 { - color: #e4e4e7; - } - - .\32xl\:dark\:text-gray-300 { - color: #d4d4d8; - } - - .\32xl\:dark\:text-gray-400 { - color: #a1a1aa; - } - - .\32xl\:dark\:text-gray-500 { - color: #71717a; - } - - .\32xl\:dark\:text-gray-600 { - color: #52525b; - } - - .\32xl\:dark\:text-gray-700 { - color: #3f3f46; - } - - .\32xl\:dark\:text-gray-800 { - color: #27272a; - } - - .\32xl\:dark\:text-gray-900 { - color: #18181b; - } - - .\32xl\:dark\:text-red-50 { - color: #fef2f2; - } - - .\32xl\:dark\:text-red-100 { - color: #fee2e2; - } - - .\32xl\:dark\:text-red-200 { - color: #fecaca; - } - - .\32xl\:dark\:text-red-300 { - color: #fca5a5; - } - - .\32xl\:dark\:text-red-400 { - color: #f87171; - } - - .\32xl\:dark\:text-red-500 { - color: #ef4444; - } - - .\32xl\:dark\:text-red-600 { - color: #dc2626; - } - - .\32xl\:dark\:text-red-700 { - color: #b91c1c; - } - - .\32xl\:dark\:text-red-800 { - color: #991b1b; - } - - .\32xl\:dark\:text-red-900 { - color: #7f1d1d; - } - - .\32xl\:dark\:text-yellow-50 { - color: #fffbeb; - } - - .\32xl\:dark\:text-yellow-100 { - color: #fef3c7; - } - - .\32xl\:dark\:text-yellow-200 { - color: #fde68a; - } - - .\32xl\:dark\:text-yellow-300 { - color: #fcd34d; - } - - .\32xl\:dark\:text-yellow-400 { - color: #fbbf24; - } - - .\32xl\:dark\:text-yellow-500 { - color: #f59e0b; - } - - .\32xl\:dark\:text-yellow-600 { - color: #d97706; - } - - .\32xl\:dark\:text-yellow-700 { - color: #b45309; - } - - .\32xl\:dark\:text-yellow-800 { - color: #92400e; - } - - .\32xl\:dark\:text-yellow-900 { - color: #78350f; - } - - .\32xl\:dark\:text-green-50 { - color: #ecfdf5; - } - - .\32xl\:dark\:text-green-100 { - color: #d1fae5; - } - - .\32xl\:dark\:text-green-200 { - color: #a7f3d0; - } - - .\32xl\:dark\:text-green-300 { - color: #6ee7b7; - } - - .\32xl\:dark\:text-green-400 { - color: #34d399; - } - - .\32xl\:dark\:text-green-500 { - color: #10b981; - } - - .\32xl\:dark\:text-green-600 { - color: #059669; - } - - .\32xl\:dark\:text-green-700 { - color: #047857; - } - - .\32xl\:dark\:text-green-800 { - color: #065f46; - } - - .\32xl\:dark\:text-green-900 { - color: #064e3b; - } - - .\32xl\:dark\:text-blue-50 { - color: #eff6ff; - } - - .\32xl\:dark\:text-blue-100 { - color: #dbeafe; - } - - .\32xl\:dark\:text-blue-200 { - color: #bfdbfe; - } - - .\32xl\:dark\:text-blue-300 { - color: #93c5fd; - } - - .\32xl\:dark\:text-blue-400 { - color: #60a5fa; - } - - .\32xl\:dark\:text-blue-500 { - color: #3b82f6; - } - - .\32xl\:dark\:text-blue-600 { - color: #2563eb; - } - - .\32xl\:dark\:text-blue-700 { - color: #1d4ed8; - } - - .\32xl\:dark\:text-blue-800 { - color: #1e40af; - } - - .\32xl\:dark\:text-blue-900 { - color: #1e3a8a; - } - - .\32xl\:dark\:text-purple-50 { - color: #f5f3ff; - } - - .\32xl\:dark\:text-purple-100 { - color: #ede9fe; - } - - .\32xl\:dark\:text-purple-200 { - color: #ddd6fe; - } - - .\32xl\:dark\:text-purple-300 { - color: #c4b5fd; - } - - .\32xl\:dark\:text-purple-400 { - color: #a78bfa; - } - - .\32xl\:dark\:text-purple-500 { - color: #8b5cf6; - } - - .\32xl\:dark\:text-purple-600 { - color: #7c3aed; - } - - .\32xl\:dark\:text-purple-700 { - color: #6d28d9; - } - - .\32xl\:dark\:text-purple-800 { - color: #5b21b6; - } - - .\32xl\:dark\:text-purple-900 { - color: #4c1d95; - } - - .\32xl\:dark\:text-pink-50 { - color: #fdf2f8; - } - - .\32xl\:dark\:text-pink-100 { - color: #fce7f3; - } - - .\32xl\:dark\:text-pink-200 { - color: #fbcfe8; - } - - .\32xl\:dark\:text-pink-300 { - color: #f9a8d4; - } - - .\32xl\:dark\:text-pink-400 { - color: #f472b6; - } - - .\32xl\:dark\:text-pink-500 { - color: #ec4899; - } - - .\32xl\:dark\:text-pink-600 { - color: #db2777; - } - - .\32xl\:dark\:text-pink-700 { - color: #be185d; - } - - .\32xl\:dark\:text-pink-800 { - color: #9d174d; - } - - .\32xl\:dark\:text-pink-900 { - color: #831843; - } - - .group:hover .\32xl\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .\32xl\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .\32xl\:dark\:group-hover\:text-black { - color: #000; - } - - .group:hover .\32xl\:dark\:group-hover\:text-white { - color: #fff; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-50 { - color: #fafafa; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-100 { - color: #f4f4f5; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-200 { - color: #e4e4e7; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-300 { - color: #d4d4d8; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-400 { - color: #a1a1aa; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-500 { - color: #71717a; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-600 { - color: #52525b; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-700 { - color: #3f3f46; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-800 { - color: #27272a; - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-900 { - color: #18181b; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-50 { - color: #fef2f2; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-100 { - color: #fee2e2; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-200 { - color: #fecaca; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-300 { - color: #fca5a5; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-400 { - color: #f87171; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-500 { - color: #ef4444; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-600 { - color: #dc2626; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-700 { - color: #b91c1c; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-800 { - color: #991b1b; - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-900 { - color: #7f1d1d; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-50 { - color: #fffbeb; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-100 { - color: #fef3c7; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-200 { - color: #fde68a; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-300 { - color: #fcd34d; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-400 { - color: #fbbf24; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-500 { - color: #f59e0b; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-600 { - color: #d97706; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-700 { - color: #b45309; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-800 { - color: #92400e; - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-900 { - color: #78350f; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-50 { - color: #ecfdf5; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-100 { - color: #d1fae5; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-200 { - color: #a7f3d0; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-300 { - color: #6ee7b7; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-400 { - color: #34d399; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-500 { - color: #10b981; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-600 { - color: #059669; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-700 { - color: #047857; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-800 { - color: #065f46; - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-900 { - color: #064e3b; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-50 { - color: #eff6ff; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-100 { - color: #dbeafe; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-200 { - color: #bfdbfe; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-300 { - color: #93c5fd; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-400 { - color: #60a5fa; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-500 { - color: #3b82f6; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-600 { - color: #2563eb; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-700 { - color: #1d4ed8; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-800 { - color: #1e40af; - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-900 { - color: #1e3a8a; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-50 { - color: #f5f3ff; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-100 { - color: #ede9fe; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-200 { - color: #ddd6fe; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-300 { - color: #c4b5fd; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-400 { - color: #a78bfa; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-500 { - color: #8b5cf6; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-600 { - color: #7c3aed; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-700 { - color: #6d28d9; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-800 { - color: #5b21b6; - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-900 { - color: #4c1d95; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-50 { - color: #fdf2f8; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-100 { - color: #fce7f3; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-200 { - color: #fbcfe8; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-300 { - color: #f9a8d4; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-400 { - color: #f472b6; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-500 { - color: #ec4899; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-600 { - color: #db2777; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-700 { - color: #be185d; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-800 { - color: #9d174d; - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-900 { - color: #831843; - } - - .\32xl\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .\32xl\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .\32xl\:dark\:hover\:text-black:hover { - color: #000; - } - - .\32xl\:dark\:hover\:text-white:hover { - color: #fff; - } - - .\32xl\:dark\:hover\:text-gray-50:hover { - color: #fafafa; - } - - .\32xl\:dark\:hover\:text-gray-100:hover { - color: #f4f4f5; - } - - .\32xl\:dark\:hover\:text-gray-200:hover { - color: #e4e4e7; - } - - .\32xl\:dark\:hover\:text-gray-300:hover { - color: #d4d4d8; - } - - .\32xl\:dark\:hover\:text-gray-400:hover { - color: #a1a1aa; - } - - .\32xl\:dark\:hover\:text-gray-500:hover { - color: #71717a; - } - - .\32xl\:dark\:hover\:text-gray-600:hover { - color: #52525b; - } - - .\32xl\:dark\:hover\:text-gray-700:hover { - color: #3f3f46; - } - - .\32xl\:dark\:hover\:text-gray-800:hover { - color: #27272a; - } - - .\32xl\:dark\:hover\:text-gray-900:hover { - color: #18181b; - } - - .\32xl\:dark\:hover\:text-red-50:hover { - color: #fef2f2; - } - - .\32xl\:dark\:hover\:text-red-100:hover { - color: #fee2e2; - } - - .\32xl\:dark\:hover\:text-red-200:hover { - color: #fecaca; - } - - .\32xl\:dark\:hover\:text-red-300:hover { - color: #fca5a5; - } - - .\32xl\:dark\:hover\:text-red-400:hover { - color: #f87171; - } - - .\32xl\:dark\:hover\:text-red-500:hover { - color: #ef4444; - } - - .\32xl\:dark\:hover\:text-red-600:hover { - color: #dc2626; - } - - .\32xl\:dark\:hover\:text-red-700:hover { - color: #b91c1c; - } - - .\32xl\:dark\:hover\:text-red-800:hover { - color: #991b1b; - } - - .\32xl\:dark\:hover\:text-red-900:hover { - color: #7f1d1d; - } - - .\32xl\:dark\:hover\:text-yellow-50:hover { - color: #fffbeb; - } - - .\32xl\:dark\:hover\:text-yellow-100:hover { - color: #fef3c7; - } - - .\32xl\:dark\:hover\:text-yellow-200:hover { - color: #fde68a; - } - - .\32xl\:dark\:hover\:text-yellow-300:hover { - color: #fcd34d; - } - - .\32xl\:dark\:hover\:text-yellow-400:hover { - color: #fbbf24; - } - - .\32xl\:dark\:hover\:text-yellow-500:hover { - color: #f59e0b; - } - - .\32xl\:dark\:hover\:text-yellow-600:hover { - color: #d97706; - } - - .\32xl\:dark\:hover\:text-yellow-700:hover { - color: #b45309; - } - - .\32xl\:dark\:hover\:text-yellow-800:hover { - color: #92400e; - } - - .\32xl\:dark\:hover\:text-yellow-900:hover { - color: #78350f; - } - - .\32xl\:dark\:hover\:text-green-50:hover { - color: #ecfdf5; - } - - .\32xl\:dark\:hover\:text-green-100:hover { - color: #d1fae5; - } - - .\32xl\:dark\:hover\:text-green-200:hover { - color: #a7f3d0; - } - - .\32xl\:dark\:hover\:text-green-300:hover { - color: #6ee7b7; - } - - .\32xl\:dark\:hover\:text-green-400:hover { - color: #34d399; - } - - .\32xl\:dark\:hover\:text-green-500:hover { - color: #10b981; - } - - .\32xl\:dark\:hover\:text-green-600:hover { - color: #059669; - } - - .\32xl\:dark\:hover\:text-green-700:hover { - color: #047857; - } - - .\32xl\:dark\:hover\:text-green-800:hover { - color: #065f46; - } - - .\32xl\:dark\:hover\:text-green-900:hover { - color: #064e3b; - } - - .\32xl\:dark\:hover\:text-blue-50:hover { - color: #eff6ff; - } - - .\32xl\:dark\:hover\:text-blue-100:hover { - color: #dbeafe; - } - - .\32xl\:dark\:hover\:text-blue-200:hover { - color: #bfdbfe; - } - - .\32xl\:dark\:hover\:text-blue-300:hover { - color: #93c5fd; - } - - .\32xl\:dark\:hover\:text-blue-400:hover { - color: #60a5fa; - } - - .\32xl\:dark\:hover\:text-blue-500:hover { - color: #3b82f6; - } - - .\32xl\:dark\:hover\:text-blue-600:hover { - color: #2563eb; - } - - .\32xl\:dark\:hover\:text-blue-700:hover { - color: #1d4ed8; - } - - .\32xl\:dark\:hover\:text-blue-800:hover { - color: #1e40af; - } - - .\32xl\:dark\:hover\:text-blue-900:hover { - color: #1e3a8a; - } - - .\32xl\:dark\:hover\:text-purple-50:hover { - color: #f5f3ff; - } - - .\32xl\:dark\:hover\:text-purple-100:hover { - color: #ede9fe; - } - - .\32xl\:dark\:hover\:text-purple-200:hover { - color: #ddd6fe; - } - - .\32xl\:dark\:hover\:text-purple-300:hover { - color: #c4b5fd; - } - - .\32xl\:dark\:hover\:text-purple-400:hover { - color: #a78bfa; - } - - .\32xl\:dark\:hover\:text-purple-500:hover { - color: #8b5cf6; - } - - .\32xl\:dark\:hover\:text-purple-600:hover { - color: #7c3aed; - } - - .\32xl\:dark\:hover\:text-purple-700:hover { - color: #6d28d9; - } - - .\32xl\:dark\:hover\:text-purple-800:hover { - color: #5b21b6; - } - - .\32xl\:dark\:hover\:text-purple-900:hover { - color: #4c1d95; - } - - .\32xl\:dark\:hover\:text-pink-50:hover { - color: #fdf2f8; - } - - .\32xl\:dark\:hover\:text-pink-100:hover { - color: #fce7f3; - } - - .\32xl\:dark\:hover\:text-pink-200:hover { - color: #fbcfe8; - } - - .\32xl\:dark\:hover\:text-pink-300:hover { - color: #f9a8d4; - } - - .\32xl\:dark\:hover\:text-pink-400:hover { - color: #f472b6; - } - - .\32xl\:dark\:hover\:text-pink-500:hover { - color: #ec4899; - } - - .\32xl\:dark\:hover\:text-pink-600:hover { - color: #db2777; - } - - .\32xl\:dark\:hover\:text-pink-700:hover { - color: #be185d; - } - - .\32xl\:dark\:hover\:text-pink-800:hover { - color: #9d174d; - } - - .\32xl\:dark\:hover\:text-pink-900:hover { - color: #831843; - } - - .\32xl\:dark\:focus\:text-transparent:focus { - color: transparent; - } - - .\32xl\:dark\:focus\:text-current:focus { - color: currentColor; - } - - .\32xl\:dark\:focus\:text-black:focus { - color: #000; - } - - .\32xl\:dark\:focus\:text-white:focus { - color: #fff; - } - - .\32xl\:dark\:focus\:text-gray-50:focus { - color: #fafafa; - } - - .\32xl\:dark\:focus\:text-gray-100:focus { - color: #f4f4f5; - } - - .\32xl\:dark\:focus\:text-gray-200:focus { - color: #e4e4e7; - } - - .\32xl\:dark\:focus\:text-gray-300:focus { - color: #d4d4d8; - } - - .\32xl\:dark\:focus\:text-gray-400:focus { - color: #a1a1aa; - } - - .\32xl\:dark\:focus\:text-gray-500:focus { - color: #71717a; - } - - .\32xl\:dark\:focus\:text-gray-600:focus { - color: #52525b; - } - - .\32xl\:dark\:focus\:text-gray-700:focus { - color: #3f3f46; - } - - .\32xl\:dark\:focus\:text-gray-800:focus { - color: #27272a; - } - - .\32xl\:dark\:focus\:text-gray-900:focus { - color: #18181b; - } - - .\32xl\:dark\:focus\:text-red-50:focus { - color: #fef2f2; - } - - .\32xl\:dark\:focus\:text-red-100:focus { - color: #fee2e2; - } - - .\32xl\:dark\:focus\:text-red-200:focus { - color: #fecaca; - } - - .\32xl\:dark\:focus\:text-red-300:focus { - color: #fca5a5; - } - - .\32xl\:dark\:focus\:text-red-400:focus { - color: #f87171; - } - - .\32xl\:dark\:focus\:text-red-500:focus { - color: #ef4444; - } - - .\32xl\:dark\:focus\:text-red-600:focus { - color: #dc2626; - } - - .\32xl\:dark\:focus\:text-red-700:focus { - color: #b91c1c; - } - - .\32xl\:dark\:focus\:text-red-800:focus { - color: #991b1b; - } - - .\32xl\:dark\:focus\:text-red-900:focus { - color: #7f1d1d; - } - - .\32xl\:dark\:focus\:text-yellow-50:focus { - color: #fffbeb; - } - - .\32xl\:dark\:focus\:text-yellow-100:focus { - color: #fef3c7; - } - - .\32xl\:dark\:focus\:text-yellow-200:focus { - color: #fde68a; - } - - .\32xl\:dark\:focus\:text-yellow-300:focus { - color: #fcd34d; - } - - .\32xl\:dark\:focus\:text-yellow-400:focus { - color: #fbbf24; - } - - .\32xl\:dark\:focus\:text-yellow-500:focus { - color: #f59e0b; - } - - .\32xl\:dark\:focus\:text-yellow-600:focus { - color: #d97706; - } - - .\32xl\:dark\:focus\:text-yellow-700:focus { - color: #b45309; - } - - .\32xl\:dark\:focus\:text-yellow-800:focus { - color: #92400e; - } - - .\32xl\:dark\:focus\:text-yellow-900:focus { - color: #78350f; - } - - .\32xl\:dark\:focus\:text-green-50:focus { - color: #ecfdf5; - } - - .\32xl\:dark\:focus\:text-green-100:focus { - color: #d1fae5; - } - - .\32xl\:dark\:focus\:text-green-200:focus { - color: #a7f3d0; - } - - .\32xl\:dark\:focus\:text-green-300:focus { - color: #6ee7b7; - } - - .\32xl\:dark\:focus\:text-green-400:focus { - color: #34d399; - } - - .\32xl\:dark\:focus\:text-green-500:focus { - color: #10b981; - } - - .\32xl\:dark\:focus\:text-green-600:focus { - color: #059669; - } - - .\32xl\:dark\:focus\:text-green-700:focus { - color: #047857; - } - - .\32xl\:dark\:focus\:text-green-800:focus { - color: #065f46; - } - - .\32xl\:dark\:focus\:text-green-900:focus { - color: #064e3b; - } - - .\32xl\:dark\:focus\:text-blue-50:focus { - color: #eff6ff; - } - - .\32xl\:dark\:focus\:text-blue-100:focus { - color: #dbeafe; - } - - .\32xl\:dark\:focus\:text-blue-200:focus { - color: #bfdbfe; - } - - .\32xl\:dark\:focus\:text-blue-300:focus { - color: #93c5fd; - } - - .\32xl\:dark\:focus\:text-blue-400:focus { - color: #60a5fa; - } - - .\32xl\:dark\:focus\:text-blue-500:focus { - color: #3b82f6; - } - - .\32xl\:dark\:focus\:text-blue-600:focus { - color: #2563eb; - } - - .\32xl\:dark\:focus\:text-blue-700:focus { - color: #1d4ed8; - } - - .\32xl\:dark\:focus\:text-blue-800:focus { - color: #1e40af; - } - - .\32xl\:dark\:focus\:text-blue-900:focus { - color: #1e3a8a; - } - - .\32xl\:dark\:focus\:text-purple-50:focus { - color: #f5f3ff; - } - - .\32xl\:dark\:focus\:text-purple-100:focus { - color: #ede9fe; - } - - .\32xl\:dark\:focus\:text-purple-200:focus { - color: #ddd6fe; - } - - .\32xl\:dark\:focus\:text-purple-300:focus { - color: #c4b5fd; - } - - .\32xl\:dark\:focus\:text-purple-400:focus { - color: #a78bfa; - } - - .\32xl\:dark\:focus\:text-purple-500:focus { - color: #8b5cf6; - } - - .\32xl\:dark\:focus\:text-purple-600:focus { - color: #7c3aed; - } - - .\32xl\:dark\:focus\:text-purple-700:focus { - color: #6d28d9; - } - - .\32xl\:dark\:focus\:text-purple-800:focus { - color: #5b21b6; - } - - .\32xl\:dark\:focus\:text-purple-900:focus { - color: #4c1d95; - } - - .\32xl\:dark\:focus\:text-pink-50:focus { - color: #fdf2f8; - } - - .\32xl\:dark\:focus\:text-pink-100:focus { - color: #fce7f3; - } - - .\32xl\:dark\:focus\:text-pink-200:focus { - color: #fbcfe8; - } - - .\32xl\:dark\:focus\:text-pink-300:focus { - color: #f9a8d4; - } - - .\32xl\:dark\:focus\:text-pink-400:focus { - color: #f472b6; - } - - .\32xl\:dark\:focus\:text-pink-500:focus { - color: #ec4899; - } - - .\32xl\:dark\:focus\:text-pink-600:focus { - color: #db2777; - } - - .\32xl\:dark\:focus\:text-pink-700:focus { - color: #be185d; - } - - .\32xl\:dark\:focus\:text-pink-800:focus { - color: #9d174d; - } - - .\32xl\:dark\:focus\:text-pink-900:focus { - color: #831843; - } - } - .\32xl\:truncate { overflow: hidden; text-overflow: ellipsis; diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index f6837927e24f..f5bec955aaf0 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -1808,376 +1808,6 @@ video { border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } -} - .divide-solid > :not(template) ~ :not(template) { border-style: solid; } @@ -3768,162652 +3398,114868 @@ video { background-color: rgba(131, 24, 67, var(--bg-opacity)); } -@media (prefers-color-scheme: dark) { - .dark\:bg-transparent { - background-color: transparent; - } +.bg-none { + background-image: none; +} - .dark\:bg-current { - background-color: currentColor; - } +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); +} - .dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); +} - .dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); +} - .dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); +} - .dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); +} - .dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); +} - .dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); +} - .dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); +} - .dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, 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-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, 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-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +} - .dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +} - .dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +} - .dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +} - .dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +} - .dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +} - .dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +} - .dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +} - .dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +} - .dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +} - .dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +} - .dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +} - .dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +} - .dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +} - .dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +} - .dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +} - .dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +} - .dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +} - .dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +} - .dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +} - .dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +} - .dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +} - .dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +} - .dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +} - .dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +} - .dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +} - .dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +} - .dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +} - .dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +} - .dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +} - .dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +} - .dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +} - .dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +} - .dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +} - .dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +} - .dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +} - .dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +} - .dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +} - .dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +} - .dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +} - .dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +} - .dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +} - .dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +} - .dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +} - .dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +} - .dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +} - .dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +} - .dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +} - .dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +} - .dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +} - .dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +} - .dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +} - .dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +} - .dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +} - .dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +} - .dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +} - .dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +} - .dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +} - .dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +} - .dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +} - .dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +} - .dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +} - .dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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)); +} - .group:hover .dark\:group-hover\:bg-transparent { - background-color: transparent; - } +.from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +} - .group:hover .dark\:group-hover\:bg-current { - background-color: currentColor; - } +.from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +} - .group:hover .dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +} - .group:hover .dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, 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)); +} - .group:hover .dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, 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)); +} - .group:hover .dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +} - .group:hover .dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +} - .group:hover .dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +} - .group:hover .dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +} - .group:hover .dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +} - .group:hover .dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +} - .group:hover .dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +} - .group:hover .dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +} - .group:hover .dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +} - .group:hover .dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +} - .group:hover .dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +} - .group:hover .dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +} - .group:hover .dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +} - .group:hover .dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +} - .group:hover .dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +} - .group:hover .dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +} - .group:hover .dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +} - .group:hover .dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +} - .group:hover .dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +} - .group:hover .dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +} - .group:hover .dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +} - .group:hover .dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +} - .group:hover .dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +} - .group:hover .dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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-transparent:hover { - background-color: transparent; - } - - .dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .dark\:focus\:bg-transparent:focus { - background-color: transparent; - } +.via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +} - .dark\:focus\:bg-current:focus { - background-color: currentColor; - } +.via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +} - .dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +} - .dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +} - .dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +} - .dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +} - .dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +} - .dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +} - .dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +} - .dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.to-transparent { + --gradient-to-color: transparent; +} - .dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.to-current { + --gradient-to-color: currentColor; +} - .dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.to-black { + --gradient-to-color: #000; +} - .dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.to-white { + --gradient-to-color: #fff; +} - .dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.to-gray-50 { + --gradient-to-color: #fafafa; +} - .dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.to-gray-100 { + --gradient-to-color: #f4f4f5; +} - .dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.to-gray-200 { + --gradient-to-color: #e4e4e7; +} - .dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.to-gray-300 { + --gradient-to-color: #d4d4d8; +} - .dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.to-gray-400 { + --gradient-to-color: #a1a1aa; +} - .dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.to-gray-500 { + --gradient-to-color: #71717a; +} - .dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.to-gray-600 { + --gradient-to-color: #52525b; +} - .dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.to-gray-700 { + --gradient-to-color: #3f3f46; +} - .dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.to-gray-800 { + --gradient-to-color: #27272a; +} - .dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.to-gray-900 { + --gradient-to-color: #18181b; +} - .dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.to-red-50 { + --gradient-to-color: #fef2f2; +} - .dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.to-red-100 { + --gradient-to-color: #fee2e2; +} - .dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.to-red-200 { + --gradient-to-color: #fecaca; +} - .dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.to-red-300 { + --gradient-to-color: #fca5a5; +} - .dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.to-red-400 { + --gradient-to-color: #f87171; +} - .dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.to-red-500 { + --gradient-to-color: #ef4444; +} - .dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.to-red-600 { + --gradient-to-color: #dc2626; +} - .dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.to-red-700 { + --gradient-to-color: #b91c1c; +} - .dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.to-red-800 { + --gradient-to-color: #991b1b; +} - .dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.to-red-900 { + --gradient-to-color: #7f1d1d; +} - .dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.to-yellow-50 { + --gradient-to-color: #fffbeb; +} - .dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.to-yellow-100 { + --gradient-to-color: #fef3c7; +} - .dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.to-yellow-200 { + --gradient-to-color: #fde68a; +} - .dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.to-yellow-300 { + --gradient-to-color: #fcd34d; +} - .dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.to-yellow-400 { + --gradient-to-color: #fbbf24; +} - .dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.to-yellow-500 { + --gradient-to-color: #f59e0b; +} - .dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.to-yellow-600 { + --gradient-to-color: #d97706; +} - .dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.to-yellow-700 { + --gradient-to-color: #b45309; +} - .dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.to-yellow-800 { + --gradient-to-color: #92400e; +} - .dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.to-yellow-900 { + --gradient-to-color: #78350f; +} - .dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.to-green-50 { + --gradient-to-color: #ecfdf5; +} - .dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.to-green-100 { + --gradient-to-color: #d1fae5; +} - .dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.to-green-200 { + --gradient-to-color: #a7f3d0; +} - .dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.to-green-300 { + --gradient-to-color: #6ee7b7; +} - .dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.to-green-400 { + --gradient-to-color: #34d399; +} - .dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.to-green-500 { + --gradient-to-color: #10b981; +} - .dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.to-green-600 { + --gradient-to-color: #059669; +} - .dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.to-green-700 { + --gradient-to-color: #047857; +} - .dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.to-green-800 { + --gradient-to-color: #065f46; +} - .dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.to-green-900 { + --gradient-to-color: #064e3b; +} - .dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.to-blue-50 { + --gradient-to-color: #eff6ff; +} - .dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.to-blue-100 { + --gradient-to-color: #dbeafe; +} - .dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.to-blue-200 { + --gradient-to-color: #bfdbfe; +} - .dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.to-blue-300 { + --gradient-to-color: #93c5fd; +} - .dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.to-blue-400 { + --gradient-to-color: #60a5fa; +} - .dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.to-blue-500 { + --gradient-to-color: #3b82f6; +} - .dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.to-blue-600 { + --gradient-to-color: #2563eb; +} - .dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.to-blue-700 { + --gradient-to-color: #1d4ed8; +} - .dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.to-blue-800 { + --gradient-to-color: #1e40af; +} - .dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.to-blue-900 { + --gradient-to-color: #1e3a8a; +} - .dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.to-purple-50 { + --gradient-to-color: #f5f3ff; +} - .dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.to-purple-100 { + --gradient-to-color: #ede9fe; +} - .dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.to-purple-200 { + --gradient-to-color: #ddd6fe; +} - .dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.to-purple-300 { + --gradient-to-color: #c4b5fd; +} - .dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.to-purple-400 { + --gradient-to-color: #a78bfa; +} - .dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.to-purple-500 { + --gradient-to-color: #8b5cf6; +} - .dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.to-purple-600 { + --gradient-to-color: #7c3aed; +} - .dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.to-purple-700 { + --gradient-to-color: #6d28d9; +} - .dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.to-purple-800 { + --gradient-to-color: #5b21b6; +} - .dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.to-purple-900 { + --gradient-to-color: #4c1d95; +} - .dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.to-pink-50 { + --gradient-to-color: #fdf2f8; } -.bg-none { - background-image: none; +.to-pink-100 { + --gradient-to-color: #fce7f3; } -.bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); +.to-pink-200 { + --gradient-to-color: #fbcfe8; } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); +.to-pink-300 { + --gradient-to-color: #f9a8d4; } -.bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); +.to-pink-400 { + --gradient-to-color: #f472b6; } -.bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); +.to-pink-500 { + --gradient-to-color: #ec4899; } -.bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); +.to-pink-600 { + --gradient-to-color: #db2777; } -.bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); +.to-pink-700 { + --gradient-to-color: #be185d; } -.bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); +.to-pink-800 { + --gradient-to-color: #9d174d; } -.bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); +.to-pink-900 { + --gradient-to-color: #831843; } -.from-transparent { +.hover\:from-transparent:hover { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.from-current { +.hover\:from-current:hover { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.from-black { +.hover\:from-black:hover { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.from-white { +.hover\:from-white:hover { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.from-gray-50 { +.hover\:from-gray-50:hover { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.from-gray-100 { +.hover\:from-gray-100:hover { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.from-gray-200 { +.hover\:from-gray-200:hover { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.from-gray-300 { +.hover\:from-gray-300:hover { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.from-gray-400 { +.hover\:from-gray-400:hover { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.from-gray-500 { +.hover\:from-gray-500:hover { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.from-gray-600 { +.hover\:from-gray-600:hover { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.from-gray-700 { +.hover\:from-gray-700:hover { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.from-gray-800 { +.hover\:from-gray-800:hover { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.from-gray-900 { +.hover\:from-gray-900:hover { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.from-red-50 { +.hover\:from-red-50:hover { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.from-red-100 { +.hover\:from-red-100:hover { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.from-red-200 { +.hover\:from-red-200:hover { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.from-red-300 { +.hover\:from-red-300:hover { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.from-red-400 { +.hover\:from-red-400:hover { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.from-red-500 { +.hover\:from-red-500:hover { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.from-red-600 { +.hover\:from-red-600:hover { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.from-red-700 { +.hover\:from-red-700:hover { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.from-red-800 { +.hover\:from-red-800:hover { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.from-red-900 { +.hover\:from-red-900:hover { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.from-yellow-50 { +.hover\:from-yellow-50:hover { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.from-yellow-100 { +.hover\:from-yellow-100:hover { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.from-yellow-200 { +.hover\:from-yellow-200:hover { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.from-yellow-300 { +.hover\:from-yellow-300:hover { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.from-yellow-400 { +.hover\:from-yellow-400:hover { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.from-yellow-500 { +.hover\:from-yellow-500:hover { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.from-yellow-600 { +.hover\:from-yellow-600:hover { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.from-yellow-700 { +.hover\:from-yellow-700:hover { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.from-yellow-800 { +.hover\:from-yellow-800:hover { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.from-yellow-900 { +.hover\:from-yellow-900:hover { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.from-green-50 { +.hover\:from-green-50:hover { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.from-green-100 { +.hover\:from-green-100:hover { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.from-green-200 { +.hover\:from-green-200:hover { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.from-green-300 { +.hover\:from-green-300:hover { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.from-green-400 { +.hover\:from-green-400:hover { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.from-green-500 { +.hover\:from-green-500:hover { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.from-green-600 { +.hover\:from-green-600:hover { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.from-green-700 { +.hover\:from-green-700:hover { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.from-green-800 { +.hover\:from-green-800:hover { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.from-green-900 { +.hover\:from-green-900:hover { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.from-blue-50 { +.hover\:from-blue-50:hover { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.from-blue-100 { +.hover\:from-blue-100:hover { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.from-blue-200 { +.hover\:from-blue-200:hover { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.from-blue-300 { +.hover\:from-blue-300:hover { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.from-blue-400 { +.hover\:from-blue-400:hover { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.from-blue-500 { +.hover\:from-blue-500:hover { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.from-blue-600 { +.hover\:from-blue-600:hover { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.from-blue-700 { +.hover\:from-blue-700:hover { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.from-blue-800 { +.hover\:from-blue-800:hover { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.from-blue-900 { +.hover\:from-blue-900:hover { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.from-purple-50 { +.hover\:from-purple-50:hover { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.from-purple-100 { +.hover\:from-purple-100:hover { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.from-purple-200 { +.hover\:from-purple-200:hover { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.from-purple-300 { +.hover\:from-purple-300:hover { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.from-purple-400 { +.hover\:from-purple-400:hover { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.from-purple-500 { +.hover\:from-purple-500:hover { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.from-purple-600 { +.hover\:from-purple-600:hover { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.from-purple-700 { +.hover\:from-purple-700:hover { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.from-purple-800 { +.hover\:from-purple-800:hover { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.from-purple-900 { +.hover\:from-purple-900:hover { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.from-pink-50 { +.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)); } -.from-pink-100 { +.hover\:from-pink-100:hover { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.from-pink-200 { +.hover\:from-pink-200:hover { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.from-pink-300 { +.hover\:from-pink-300:hover { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.from-pink-400 { +.hover\:from-pink-400:hover { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.from-pink-500 { +.hover\:from-pink-500:hover { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.from-pink-600 { +.hover\:from-pink-600:hover { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.from-pink-700 { +.hover\:from-pink-700:hover { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.from-pink-800 { +.hover\:from-pink-800:hover { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.from-pink-900 { +.hover\:from-pink-900:hover { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.via-transparent { +.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)); } -.via-current { +.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)); } -.via-black { +.hover\:via-black:hover { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.via-white { +.hover\:via-white:hover { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.via-gray-50 { +.hover\:via-gray-50:hover { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.via-gray-100 { +.hover\:via-gray-100:hover { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.via-gray-200 { +.hover\:via-gray-200:hover { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.via-gray-300 { +.hover\:via-gray-300:hover { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.via-gray-400 { +.hover\:via-gray-400:hover { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.via-gray-500 { +.hover\:via-gray-500:hover { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.via-gray-600 { +.hover\:via-gray-600:hover { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.via-gray-700 { +.hover\:via-gray-700:hover { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.via-gray-800 { +.hover\:via-gray-800:hover { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.via-gray-900 { +.hover\:via-gray-900:hover { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.via-red-50 { +.hover\:via-red-50:hover { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.via-red-100 { +.hover\:via-red-100:hover { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.via-red-200 { +.hover\:via-red-200:hover { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.via-red-300 { +.hover\:via-red-300:hover { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.via-red-400 { +.hover\:via-red-400:hover { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.via-red-500 { +.hover\:via-red-500:hover { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.via-red-600 { +.hover\:via-red-600:hover { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.via-red-700 { +.hover\:via-red-700:hover { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.via-red-800 { +.hover\:via-red-800:hover { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.via-red-900 { +.hover\:via-red-900:hover { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.via-yellow-50 { +.hover\:via-yellow-50:hover { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.via-yellow-100 { +.hover\:via-yellow-100:hover { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.via-yellow-200 { +.hover\:via-yellow-200:hover { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.via-yellow-300 { +.hover\:via-yellow-300:hover { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.via-yellow-400 { +.hover\:via-yellow-400:hover { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.via-yellow-500 { +.hover\:via-yellow-500:hover { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.via-yellow-600 { +.hover\:via-yellow-600:hover { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.via-yellow-700 { +.hover\:via-yellow-700:hover { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.via-yellow-800 { +.hover\:via-yellow-800:hover { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.via-yellow-900 { +.hover\:via-yellow-900:hover { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.via-green-50 { +.hover\:via-green-50:hover { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.via-green-100 { +.hover\:via-green-100:hover { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.via-green-200 { +.hover\:via-green-200:hover { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.via-green-300 { +.hover\:via-green-300:hover { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.via-green-400 { +.hover\:via-green-400:hover { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.via-green-500 { +.hover\:via-green-500:hover { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.via-green-600 { +.hover\:via-green-600:hover { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.via-green-700 { +.hover\:via-green-700:hover { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.via-green-800 { +.hover\:via-green-800:hover { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.via-green-900 { +.hover\:via-green-900:hover { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.via-blue-50 { +.hover\:via-blue-50:hover { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.via-blue-100 { +.hover\:via-blue-100:hover { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.via-blue-200 { +.hover\:via-blue-200:hover { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.via-blue-300 { +.hover\:via-blue-300:hover { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.via-blue-400 { +.hover\:via-blue-400:hover { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.via-blue-500 { +.hover\:via-blue-500:hover { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.via-blue-600 { +.hover\:via-blue-600:hover { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.via-blue-700 { +.hover\:via-blue-700:hover { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.via-blue-800 { +.hover\:via-blue-800:hover { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.via-blue-900 { +.hover\:via-blue-900:hover { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.via-purple-50 { +.hover\:via-purple-50:hover { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.via-purple-100 { +.hover\:via-purple-100:hover { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.via-purple-200 { +.hover\:via-purple-200:hover { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.via-purple-300 { +.hover\:via-purple-300:hover { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.via-purple-400 { +.hover\:via-purple-400:hover { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.via-purple-500 { +.hover\:via-purple-500:hover { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.via-purple-600 { +.hover\:via-purple-600:hover { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.via-purple-700 { +.hover\:via-purple-700:hover { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.via-purple-800 { +.hover\:via-purple-800:hover { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.via-purple-900 { +.hover\:via-purple-900:hover { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.via-pink-50 { +.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)); } -.via-pink-100 { +.hover\:via-pink-100:hover { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.via-pink-200 { +.hover\:via-pink-200:hover { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.via-pink-300 { +.hover\:via-pink-300:hover { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.via-pink-400 { +.hover\:via-pink-400:hover { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.via-pink-500 { +.hover\:via-pink-500:hover { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.via-pink-600 { +.hover\:via-pink-600:hover { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.via-pink-700 { +.hover\:via-pink-700:hover { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.via-pink-800 { +.hover\:via-pink-800:hover { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.via-pink-900 { +.hover\:via-pink-900:hover { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.to-transparent { +.hover\:to-transparent:hover { --gradient-to-color: transparent; } -.to-current { +.hover\:to-current:hover { --gradient-to-color: currentColor; } -.to-black { +.hover\:to-black:hover { --gradient-to-color: #000; } -.to-white { +.hover\:to-white:hover { --gradient-to-color: #fff; } -.to-gray-50 { +.hover\:to-gray-50:hover { --gradient-to-color: #fafafa; } -.to-gray-100 { +.hover\:to-gray-100:hover { --gradient-to-color: #f4f4f5; } -.to-gray-200 { +.hover\:to-gray-200:hover { --gradient-to-color: #e4e4e7; } -.to-gray-300 { +.hover\:to-gray-300:hover { --gradient-to-color: #d4d4d8; } -.to-gray-400 { +.hover\:to-gray-400:hover { --gradient-to-color: #a1a1aa; } -.to-gray-500 { +.hover\:to-gray-500:hover { --gradient-to-color: #71717a; } -.to-gray-600 { +.hover\:to-gray-600:hover { --gradient-to-color: #52525b; } -.to-gray-700 { +.hover\:to-gray-700:hover { --gradient-to-color: #3f3f46; } -.to-gray-800 { +.hover\:to-gray-800:hover { --gradient-to-color: #27272a; } -.to-gray-900 { +.hover\:to-gray-900:hover { --gradient-to-color: #18181b; } -.to-red-50 { +.hover\:to-red-50:hover { --gradient-to-color: #fef2f2; } -.to-red-100 { +.hover\:to-red-100:hover { --gradient-to-color: #fee2e2; } -.to-red-200 { +.hover\:to-red-200:hover { --gradient-to-color: #fecaca; } -.to-red-300 { +.hover\:to-red-300:hover { --gradient-to-color: #fca5a5; } -.to-red-400 { +.hover\:to-red-400:hover { --gradient-to-color: #f87171; } -.to-red-500 { +.hover\:to-red-500:hover { --gradient-to-color: #ef4444; } -.to-red-600 { +.hover\:to-red-600:hover { --gradient-to-color: #dc2626; } -.to-red-700 { +.hover\:to-red-700:hover { --gradient-to-color: #b91c1c; } -.to-red-800 { +.hover\:to-red-800:hover { --gradient-to-color: #991b1b; } -.to-red-900 { +.hover\:to-red-900:hover { --gradient-to-color: #7f1d1d; } -.to-yellow-50 { +.hover\:to-yellow-50:hover { --gradient-to-color: #fffbeb; } -.to-yellow-100 { +.hover\:to-yellow-100:hover { --gradient-to-color: #fef3c7; } -.to-yellow-200 { +.hover\:to-yellow-200:hover { --gradient-to-color: #fde68a; } -.to-yellow-300 { +.hover\:to-yellow-300:hover { --gradient-to-color: #fcd34d; } -.to-yellow-400 { +.hover\:to-yellow-400:hover { --gradient-to-color: #fbbf24; } -.to-yellow-500 { +.hover\:to-yellow-500:hover { --gradient-to-color: #f59e0b; } -.to-yellow-600 { +.hover\:to-yellow-600:hover { --gradient-to-color: #d97706; } -.to-yellow-700 { +.hover\:to-yellow-700:hover { --gradient-to-color: #b45309; } -.to-yellow-800 { +.hover\:to-yellow-800:hover { --gradient-to-color: #92400e; } -.to-yellow-900 { +.hover\:to-yellow-900:hover { --gradient-to-color: #78350f; } -.to-green-50 { +.hover\:to-green-50:hover { --gradient-to-color: #ecfdf5; } -.to-green-100 { +.hover\:to-green-100:hover { --gradient-to-color: #d1fae5; } -.to-green-200 { +.hover\:to-green-200:hover { --gradient-to-color: #a7f3d0; } -.to-green-300 { +.hover\:to-green-300:hover { --gradient-to-color: #6ee7b7; } -.to-green-400 { +.hover\:to-green-400:hover { --gradient-to-color: #34d399; } -.to-green-500 { +.hover\:to-green-500:hover { --gradient-to-color: #10b981; } -.to-green-600 { +.hover\:to-green-600:hover { --gradient-to-color: #059669; } -.to-green-700 { +.hover\:to-green-700:hover { --gradient-to-color: #047857; } -.to-green-800 { +.hover\:to-green-800:hover { --gradient-to-color: #065f46; } -.to-green-900 { +.hover\:to-green-900:hover { --gradient-to-color: #064e3b; } -.to-blue-50 { +.hover\:to-blue-50:hover { --gradient-to-color: #eff6ff; } -.to-blue-100 { +.hover\:to-blue-100:hover { --gradient-to-color: #dbeafe; } -.to-blue-200 { +.hover\:to-blue-200:hover { --gradient-to-color: #bfdbfe; } -.to-blue-300 { +.hover\:to-blue-300:hover { --gradient-to-color: #93c5fd; } -.to-blue-400 { +.hover\:to-blue-400:hover { --gradient-to-color: #60a5fa; } -.to-blue-500 { +.hover\:to-blue-500:hover { --gradient-to-color: #3b82f6; } -.to-blue-600 { +.hover\:to-blue-600:hover { --gradient-to-color: #2563eb; } -.to-blue-700 { +.hover\:to-blue-700:hover { --gradient-to-color: #1d4ed8; } -.to-blue-800 { +.hover\:to-blue-800:hover { --gradient-to-color: #1e40af; } -.to-blue-900 { +.hover\:to-blue-900:hover { --gradient-to-color: #1e3a8a; } -.to-purple-50 { +.hover\:to-purple-50:hover { --gradient-to-color: #f5f3ff; } -.to-purple-100 { +.hover\:to-purple-100:hover { --gradient-to-color: #ede9fe; } -.to-purple-200 { +.hover\:to-purple-200:hover { --gradient-to-color: #ddd6fe; } -.to-purple-300 { +.hover\:to-purple-300:hover { --gradient-to-color: #c4b5fd; } -.to-purple-400 { +.hover\:to-purple-400:hover { --gradient-to-color: #a78bfa; } -.to-purple-500 { +.hover\:to-purple-500:hover { --gradient-to-color: #8b5cf6; } -.to-purple-600 { +.hover\:to-purple-600:hover { --gradient-to-color: #7c3aed; } -.to-purple-700 { +.hover\:to-purple-700:hover { --gradient-to-color: #6d28d9; } -.to-purple-800 { +.hover\:to-purple-800:hover { --gradient-to-color: #5b21b6; } -.to-purple-900 { +.hover\:to-purple-900:hover { --gradient-to-color: #4c1d95; } -.to-pink-50 { +.hover\:to-pink-50:hover { --gradient-to-color: #fdf2f8; } -.to-pink-100 { +.hover\:to-pink-100:hover { --gradient-to-color: #fce7f3; } -.to-pink-200 { +.hover\:to-pink-200:hover { --gradient-to-color: #fbcfe8; } -.to-pink-300 { +.hover\:to-pink-300:hover { --gradient-to-color: #f9a8d4; } -.to-pink-400 { +.hover\:to-pink-400:hover { --gradient-to-color: #f472b6; } -.to-pink-500 { +.hover\:to-pink-500:hover { --gradient-to-color: #ec4899; } -.to-pink-600 { +.hover\:to-pink-600:hover { --gradient-to-color: #db2777; } -.to-pink-700 { +.hover\:to-pink-700:hover { --gradient-to-color: #be185d; } -.to-pink-800 { +.hover\:to-pink-800:hover { --gradient-to-color: #9d174d; } -.to-pink-900 { +.hover\:to-pink-900:hover { --gradient-to-color: #831843; } -.hover\:from-transparent:hover { +.focus\:from-transparent:focus { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-current:hover { +.focus\:from-current:focus { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-black:hover { +.focus\:from-black:focus { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:from-white:hover { +.focus\:from-white:focus { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:from-gray-50:hover { +.focus\:from-gray-50:focus { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.hover\:from-gray-100:hover { +.focus\:from-gray-100:focus { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.hover\:from-gray-200:hover { +.focus\:from-gray-200:focus { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.hover\:from-gray-300:hover { +.focus\:from-gray-300:focus { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.hover\:from-gray-400:hover { +.focus\:from-gray-400:focus { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.hover\:from-gray-500:hover { +.focus\:from-gray-500:focus { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.hover\:from-gray-600:hover { +.focus\:from-gray-600:focus { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.hover\:from-gray-700:hover { +.focus\:from-gray-700:focus { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.hover\:from-gray-800:hover { +.focus\:from-gray-800:focus { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.hover\:from-gray-900:hover { +.focus\:from-gray-900:focus { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.hover\:from-red-50:hover { +.focus\:from-red-50:focus { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.hover\:from-red-100:hover { +.focus\:from-red-100:focus { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.hover\:from-red-200:hover { +.focus\:from-red-200:focus { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.hover\:from-red-300:hover { +.focus\:from-red-300:focus { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.hover\:from-red-400:hover { +.focus\:from-red-400:focus { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.hover\:from-red-500:hover { +.focus\:from-red-500:focus { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.hover\:from-red-600:hover { +.focus\:from-red-600:focus { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.hover\:from-red-700:hover { +.focus\:from-red-700:focus { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.hover\:from-red-800:hover { +.focus\:from-red-800:focus { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.hover\:from-red-900:hover { +.focus\:from-red-900:focus { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.hover\:from-yellow-50:hover { +.focus\:from-yellow-50:focus { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.hover\:from-yellow-100:hover { +.focus\:from-yellow-100:focus { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.hover\:from-yellow-200:hover { +.focus\:from-yellow-200:focus { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.hover\:from-yellow-300:hover { +.focus\:from-yellow-300:focus { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.hover\:from-yellow-400:hover { +.focus\:from-yellow-400:focus { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.hover\:from-yellow-500:hover { +.focus\:from-yellow-500:focus { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.hover\:from-yellow-600:hover { +.focus\:from-yellow-600:focus { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.hover\:from-yellow-700:hover { +.focus\:from-yellow-700:focus { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.hover\:from-yellow-800:hover { +.focus\:from-yellow-800:focus { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.hover\:from-yellow-900:hover { +.focus\:from-yellow-900:focus { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.hover\:from-green-50:hover { +.focus\:from-green-50:focus { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.hover\:from-green-100:hover { +.focus\:from-green-100:focus { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.hover\:from-green-200:hover { +.focus\:from-green-200:focus { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.hover\:from-green-300:hover { +.focus\:from-green-300:focus { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.hover\:from-green-400:hover { +.focus\:from-green-400:focus { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.hover\:from-green-500:hover { +.focus\:from-green-500:focus { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.hover\:from-green-600:hover { +.focus\:from-green-600:focus { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.hover\:from-green-700:hover { +.focus\:from-green-700:focus { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.hover\:from-green-800:hover { +.focus\:from-green-800:focus { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.hover\:from-green-900:hover { +.focus\:from-green-900:focus { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.hover\:from-blue-50:hover { +.focus\:from-blue-50:focus { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.hover\:from-blue-100:hover { +.focus\:from-blue-100:focus { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.hover\:from-blue-200:hover { +.focus\:from-blue-200:focus { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.hover\:from-blue-300:hover { +.focus\:from-blue-300:focus { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.hover\:from-blue-400:hover { +.focus\:from-blue-400:focus { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.hover\:from-blue-500:hover { +.focus\:from-blue-500:focus { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.hover\:from-blue-600:hover { +.focus\:from-blue-600:focus { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.hover\:from-blue-700:hover { +.focus\:from-blue-700:focus { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.hover\:from-blue-800:hover { +.focus\:from-blue-800:focus { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.hover\:from-blue-900:hover { +.focus\:from-blue-900:focus { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.hover\:from-purple-50:hover { +.focus\:from-purple-50:focus { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.hover\:from-purple-100:hover { +.focus\:from-purple-100:focus { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.hover\:from-purple-200:hover { +.focus\:from-purple-200:focus { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.hover\:from-purple-300:hover { +.focus\:from-purple-300:focus { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.hover\:from-purple-400:hover { +.focus\:from-purple-400:focus { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.hover\:from-purple-500:hover { +.focus\:from-purple-500:focus { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.hover\:from-purple-600:hover { +.focus\:from-purple-600:focus { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.hover\:from-purple-700:hover { +.focus\:from-purple-700:focus { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.hover\:from-purple-800:hover { +.focus\:from-purple-800:focus { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.hover\:from-purple-900:hover { +.focus\:from-purple-900:focus { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.hover\:from-pink-50:hover { +.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)); } -.hover\:from-pink-100:hover { +.focus\:from-pink-100:focus { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.hover\:from-pink-200:hover { +.focus\:from-pink-200:focus { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.hover\:from-pink-300:hover { +.focus\:from-pink-300:focus { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.hover\:from-pink-400:hover { +.focus\:from-pink-400:focus { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.hover\:from-pink-500:hover { +.focus\:from-pink-500:focus { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.hover\:from-pink-600:hover { +.focus\:from-pink-600:focus { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.hover\:from-pink-700:hover { +.focus\:from-pink-700:focus { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.hover\:from-pink-800:hover { +.focus\:from-pink-800:focus { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.hover\:from-pink-900:hover { +.focus\:from-pink-900:focus { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.hover\:via-transparent:hover { +.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)); } -.hover\:via-current:hover { +.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)); } -.hover\:via-black:hover { +.focus\:via-black:focus { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } -.hover\:via-white:hover { +.focus\:via-white:focus { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } -.hover\:via-gray-50:hover { +.focus\:via-gray-50:focus { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } -.hover\:via-gray-100:hover { +.focus\:via-gray-100:focus { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } -.hover\:via-gray-200:hover { +.focus\:via-gray-200:focus { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } -.hover\:via-gray-300:hover { +.focus\:via-gray-300:focus { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } -.hover\:via-gray-400:hover { +.focus\:via-gray-400:focus { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } -.hover\:via-gray-500:hover { +.focus\:via-gray-500:focus { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } -.hover\:via-gray-600:hover { +.focus\:via-gray-600:focus { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } -.hover\:via-gray-700:hover { +.focus\:via-gray-700:focus { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } -.hover\:via-gray-800:hover { +.focus\:via-gray-800:focus { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } -.hover\:via-gray-900:hover { +.focus\:via-gray-900:focus { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } -.hover\:via-red-50:hover { +.focus\:via-red-50:focus { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } -.hover\:via-red-100:hover { +.focus\:via-red-100:focus { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } -.hover\:via-red-200:hover { +.focus\:via-red-200:focus { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } -.hover\:via-red-300:hover { +.focus\:via-red-300:focus { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } -.hover\:via-red-400:hover { +.focus\:via-red-400:focus { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } -.hover\:via-red-500:hover { +.focus\:via-red-500:focus { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } -.hover\:via-red-600:hover { +.focus\:via-red-600:focus { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } -.hover\:via-red-700:hover { +.focus\:via-red-700:focus { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } -.hover\:via-red-800:hover { +.focus\:via-red-800:focus { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } -.hover\:via-red-900:hover { +.focus\:via-red-900:focus { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } -.hover\:via-yellow-50:hover { +.focus\:via-yellow-50:focus { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } -.hover\:via-yellow-100:hover { +.focus\:via-yellow-100:focus { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } -.hover\:via-yellow-200:hover { +.focus\:via-yellow-200:focus { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } -.hover\:via-yellow-300:hover { +.focus\:via-yellow-300:focus { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } -.hover\:via-yellow-400:hover { +.focus\:via-yellow-400:focus { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } -.hover\:via-yellow-500:hover { +.focus\:via-yellow-500:focus { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } -.hover\:via-yellow-600:hover { +.focus\:via-yellow-600:focus { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -.hover\:via-yellow-700:hover { +.focus\:via-yellow-700:focus { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } -.hover\:via-yellow-800:hover { +.focus\:via-yellow-800:focus { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } -.hover\:via-yellow-900:hover { +.focus\:via-yellow-900:focus { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } -.hover\:via-green-50:hover { +.focus\:via-green-50:focus { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } -.hover\:via-green-100:hover { +.focus\:via-green-100:focus { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } -.hover\:via-green-200:hover { +.focus\:via-green-200:focus { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } -.hover\:via-green-300:hover { +.focus\:via-green-300:focus { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } -.hover\:via-green-400:hover { +.focus\:via-green-400:focus { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } -.hover\:via-green-500:hover { +.focus\:via-green-500:focus { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } -.hover\:via-green-600:hover { +.focus\:via-green-600:focus { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } -.hover\:via-green-700:hover { +.focus\:via-green-700:focus { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } -.hover\:via-green-800:hover { +.focus\:via-green-800:focus { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } -.hover\:via-green-900:hover { +.focus\:via-green-900:focus { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } -.hover\:via-blue-50:hover { +.focus\:via-blue-50:focus { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } -.hover\:via-blue-100:hover { +.focus\:via-blue-100:focus { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } -.hover\:via-blue-200:hover { +.focus\:via-blue-200:focus { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } -.hover\:via-blue-300:hover { +.focus\:via-blue-300:focus { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } -.hover\:via-blue-400:hover { +.focus\:via-blue-400:focus { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } -.hover\:via-blue-500:hover { +.focus\:via-blue-500:focus { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } -.hover\:via-blue-600:hover { +.focus\:via-blue-600:focus { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } -.hover\:via-blue-700:hover { +.focus\:via-blue-700:focus { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } -.hover\:via-blue-800:hover { +.focus\:via-blue-800:focus { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } -.hover\:via-blue-900:hover { +.focus\:via-blue-900:focus { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } -.hover\:via-purple-50:hover { +.focus\:via-purple-50:focus { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } -.hover\:via-purple-100:hover { +.focus\:via-purple-100:focus { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } -.hover\:via-purple-200:hover { +.focus\:via-purple-200:focus { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } -.hover\:via-purple-300:hover { +.focus\:via-purple-300:focus { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } -.hover\:via-purple-400:hover { +.focus\:via-purple-400:focus { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } -.hover\:via-purple-500:hover { +.focus\:via-purple-500:focus { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } -.hover\:via-purple-600:hover { +.focus\:via-purple-600:focus { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } -.hover\:via-purple-700:hover { +.focus\:via-purple-700:focus { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } -.hover\:via-purple-800:hover { +.focus\:via-purple-800:focus { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } -.hover\:via-purple-900:hover { +.focus\:via-purple-900:focus { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } -.hover\:via-pink-50:hover { +.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\:via-pink-100:hover { +.focus\:via-pink-100:focus { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } -.hover\:via-pink-200:hover { +.focus\:via-pink-200:focus { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } -.hover\:via-pink-300:hover { +.focus\:via-pink-300:focus { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } -.hover\:via-pink-400:hover { +.focus\:via-pink-400:focus { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } -.hover\:via-pink-500:hover { +.focus\:via-pink-500:focus { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } -.hover\:via-pink-600:hover { +.focus\:via-pink-600:focus { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } -.hover\:via-pink-700:hover { +.focus\:via-pink-700:focus { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } -.hover\:via-pink-800:hover { +.focus\:via-pink-800:focus { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } -.hover\:via-pink-900:hover { +.focus\:via-pink-900:focus { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } -.hover\:to-transparent:hover { +.focus\:to-transparent:focus { --gradient-to-color: transparent; } -.hover\:to-current:hover { +.focus\:to-current:focus { --gradient-to-color: currentColor; } -.hover\:to-black:hover { +.focus\:to-black:focus { --gradient-to-color: #000; } -.hover\:to-white:hover { +.focus\:to-white:focus { --gradient-to-color: #fff; } -.hover\:to-gray-50:hover { +.focus\:to-gray-50:focus { --gradient-to-color: #fafafa; } -.hover\:to-gray-100:hover { +.focus\:to-gray-100:focus { --gradient-to-color: #f4f4f5; } -.hover\:to-gray-200:hover { +.focus\:to-gray-200:focus { --gradient-to-color: #e4e4e7; } -.hover\:to-gray-300:hover { +.focus\:to-gray-300:focus { --gradient-to-color: #d4d4d8; } -.hover\:to-gray-400:hover { +.focus\:to-gray-400:focus { --gradient-to-color: #a1a1aa; } -.hover\:to-gray-500:hover { +.focus\:to-gray-500:focus { --gradient-to-color: #71717a; } -.hover\:to-gray-600:hover { +.focus\:to-gray-600:focus { --gradient-to-color: #52525b; } -.hover\:to-gray-700:hover { +.focus\:to-gray-700:focus { --gradient-to-color: #3f3f46; } -.hover\:to-gray-800:hover { +.focus\:to-gray-800:focus { --gradient-to-color: #27272a; } -.hover\:to-gray-900:hover { +.focus\:to-gray-900:focus { --gradient-to-color: #18181b; } -.hover\:to-red-50:hover { +.focus\:to-red-50:focus { --gradient-to-color: #fef2f2; } -.hover\:to-red-100:hover { +.focus\:to-red-100:focus { --gradient-to-color: #fee2e2; } -.hover\:to-red-200:hover { +.focus\:to-red-200:focus { --gradient-to-color: #fecaca; } -.hover\:to-red-300:hover { +.focus\:to-red-300:focus { --gradient-to-color: #fca5a5; } -.hover\:to-red-400:hover { +.focus\:to-red-400:focus { --gradient-to-color: #f87171; } -.hover\:to-red-500:hover { +.focus\:to-red-500:focus { --gradient-to-color: #ef4444; } -.hover\:to-red-600:hover { +.focus\:to-red-600:focus { --gradient-to-color: #dc2626; } -.hover\:to-red-700:hover { +.focus\:to-red-700:focus { --gradient-to-color: #b91c1c; } -.hover\:to-red-800:hover { +.focus\:to-red-800:focus { --gradient-to-color: #991b1b; } -.hover\:to-red-900:hover { +.focus\:to-red-900:focus { --gradient-to-color: #7f1d1d; } -.hover\:to-yellow-50:hover { +.focus\:to-yellow-50:focus { --gradient-to-color: #fffbeb; } -.hover\:to-yellow-100:hover { +.focus\:to-yellow-100:focus { --gradient-to-color: #fef3c7; } -.hover\:to-yellow-200:hover { +.focus\:to-yellow-200:focus { --gradient-to-color: #fde68a; } -.hover\:to-yellow-300:hover { +.focus\:to-yellow-300:focus { --gradient-to-color: #fcd34d; } -.hover\:to-yellow-400:hover { +.focus\:to-yellow-400:focus { --gradient-to-color: #fbbf24; } -.hover\:to-yellow-500:hover { +.focus\:to-yellow-500:focus { --gradient-to-color: #f59e0b; } -.hover\:to-yellow-600:hover { +.focus\:to-yellow-600:focus { --gradient-to-color: #d97706; } -.hover\:to-yellow-700:hover { +.focus\:to-yellow-700:focus { --gradient-to-color: #b45309; } -.hover\:to-yellow-800:hover { +.focus\:to-yellow-800:focus { --gradient-to-color: #92400e; } -.hover\:to-yellow-900:hover { +.focus\:to-yellow-900:focus { --gradient-to-color: #78350f; } -.hover\:to-green-50:hover { +.focus\:to-green-50:focus { --gradient-to-color: #ecfdf5; } -.hover\:to-green-100:hover { +.focus\:to-green-100:focus { --gradient-to-color: #d1fae5; } -.hover\:to-green-200:hover { +.focus\:to-green-200:focus { --gradient-to-color: #a7f3d0; } -.hover\:to-green-300:hover { +.focus\:to-green-300:focus { --gradient-to-color: #6ee7b7; } -.hover\:to-green-400:hover { +.focus\:to-green-400:focus { --gradient-to-color: #34d399; } -.hover\:to-green-500:hover { +.focus\:to-green-500:focus { --gradient-to-color: #10b981; } -.hover\:to-green-600:hover { +.focus\:to-green-600:focus { --gradient-to-color: #059669; } -.hover\:to-green-700:hover { +.focus\:to-green-700:focus { --gradient-to-color: #047857; } -.hover\:to-green-800:hover { +.focus\:to-green-800:focus { --gradient-to-color: #065f46; } -.hover\:to-green-900:hover { +.focus\:to-green-900:focus { --gradient-to-color: #064e3b; } -.hover\:to-blue-50:hover { +.focus\:to-blue-50:focus { --gradient-to-color: #eff6ff; } -.hover\:to-blue-100:hover { +.focus\:to-blue-100:focus { --gradient-to-color: #dbeafe; } -.hover\:to-blue-200:hover { +.focus\:to-blue-200:focus { --gradient-to-color: #bfdbfe; } -.hover\:to-blue-300:hover { +.focus\:to-blue-300:focus { --gradient-to-color: #93c5fd; } -.hover\:to-blue-400:hover { +.focus\:to-blue-400:focus { --gradient-to-color: #60a5fa; } -.hover\:to-blue-500:hover { +.focus\:to-blue-500:focus { --gradient-to-color: #3b82f6; } -.hover\:to-blue-600:hover { +.focus\:to-blue-600:focus { --gradient-to-color: #2563eb; } -.hover\:to-blue-700:hover { +.focus\:to-blue-700:focus { --gradient-to-color: #1d4ed8; } -.hover\:to-blue-800:hover { +.focus\:to-blue-800:focus { --gradient-to-color: #1e40af; } -.hover\:to-blue-900:hover { +.focus\:to-blue-900:focus { --gradient-to-color: #1e3a8a; } -.hover\:to-purple-50:hover { +.focus\:to-purple-50:focus { --gradient-to-color: #f5f3ff; } -.hover\:to-purple-100:hover { +.focus\:to-purple-100:focus { --gradient-to-color: #ede9fe; } -.hover\:to-purple-200:hover { +.focus\:to-purple-200:focus { --gradient-to-color: #ddd6fe; } -.hover\:to-purple-300:hover { +.focus\:to-purple-300:focus { --gradient-to-color: #c4b5fd; } -.hover\:to-purple-400:hover { +.focus\:to-purple-400:focus { --gradient-to-color: #a78bfa; } -.hover\:to-purple-500:hover { +.focus\:to-purple-500:focus { --gradient-to-color: #8b5cf6; } -.hover\:to-purple-600:hover { +.focus\:to-purple-600:focus { --gradient-to-color: #7c3aed; } -.hover\:to-purple-700:hover { +.focus\:to-purple-700:focus { --gradient-to-color: #6d28d9; } -.hover\:to-purple-800:hover { +.focus\:to-purple-800:focus { --gradient-to-color: #5b21b6; } -.hover\:to-purple-900:hover { +.focus\:to-purple-900:focus { --gradient-to-color: #4c1d95; } -.hover\:to-pink-50:hover { +.focus\:to-pink-50:focus { --gradient-to-color: #fdf2f8; } -.hover\:to-pink-100:hover { +.focus\:to-pink-100:focus { --gradient-to-color: #fce7f3; } -.hover\:to-pink-200:hover { +.focus\:to-pink-200:focus { --gradient-to-color: #fbcfe8; } -.hover\:to-pink-300:hover { +.focus\:to-pink-300:focus { --gradient-to-color: #f9a8d4; } -.hover\:to-pink-400:hover { +.focus\:to-pink-400:focus { --gradient-to-color: #f472b6; } -.hover\:to-pink-500:hover { +.focus\:to-pink-500:focus { --gradient-to-color: #ec4899; } -.hover\:to-pink-600:hover { +.focus\:to-pink-600:focus { --gradient-to-color: #db2777; } -.hover\:to-pink-700:hover { +.focus\:to-pink-700:focus { --gradient-to-color: #be185d; } -.hover\:to-pink-800:hover { +.focus\:to-pink-800:focus { --gradient-to-color: #9d174d; } -.hover\:to-pink-900:hover { +.focus\:to-pink-900:focus { --gradient-to-color: #831843; } -.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-0 { + --bg-opacity: 0; } -.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-25 { + --bg-opacity: 0.25; } -.focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +.bg-opacity-50 { + --bg-opacity: 0.5; } -.focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +.bg-opacity-75 { + --bg-opacity: 0.75; } -.focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +.bg-opacity-100 { + --bg-opacity: 1; } -.focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +.group:hover .group-hover\:bg-opacity-0 { + --bg-opacity: 0; } -.focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +.group:hover .group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; } -.focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +.group:hover .group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; } -.focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +.group:hover .group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; } -.focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +.group:hover .group-hover\:bg-opacity-100 { + --bg-opacity: 1; } -.focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +.hover\:bg-opacity-0:hover { + --bg-opacity: 0; } -.focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +.hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } -.focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +.hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } -.focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +.hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } -.focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +.hover\:bg-opacity-100:hover { + --bg-opacity: 1; } -.focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +.focus\:bg-opacity-0:focus { + --bg-opacity: 0; } -.focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +.focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } -.focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +.focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } -.focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +.focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } -.focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +.focus\:bg-opacity-100:focus { + --bg-opacity: 1; } -.focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +.bg-bottom { + background-position: bottom; } -.focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +.bg-center { + background-position: center; } -.focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +.bg-left { + background-position: left; } -.focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +.bg-left-bottom { + background-position: left bottom; } -.focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +.bg-left-top { + background-position: left top; } -.focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +.bg-right { + background-position: right; } -.focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +.bg-right-bottom { + background-position: right bottom; } -.focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +.bg-right-top { + background-position: right top; } -.focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +.bg-top { + background-position: top; } -.focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +.bg-repeat { + background-repeat: repeat; } -.focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +.bg-no-repeat { + background-repeat: no-repeat; } -.focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +.bg-repeat-x { + background-repeat: repeat-x; } -.focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +.bg-repeat-y { + background-repeat: repeat-y; } -.focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +.bg-repeat-round { + background-repeat: round; } -.focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +.bg-repeat-space { + background-repeat: space; } -.focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +.bg-auto { + background-size: auto; } -.focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +.bg-cover { + background-size: cover; } -.focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +.bg-contain { + background-size: contain; } -.focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +.border-collapse { + border-collapse: collapse; } -.focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +.border-separate { + border-collapse: separate; } -.focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +.border-transparent { + border-color: transparent; } -.focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +.border-current { + border-color: currentColor; } -.focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +.border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +.border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +.border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } -.focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +.border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } -.focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +.border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } -.focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +.border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } -.focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +.border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } -.focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +.border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } -.focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +.border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } -.focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +.border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } -.focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +.border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } -.focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +.border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } -.focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +.border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } -.focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +.border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } -.focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +.border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } -.focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +.border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } -.focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +.border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } -.focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +.border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } -.focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +.border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } -.focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +.border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } -.focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +.border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } -.focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +.border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, 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-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } -.focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +.border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } -.focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +.border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } -.focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +.border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } -.focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +.border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } -.focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +.border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } -.focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +.border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } -.focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +.border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } -.focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +.border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } -.focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +.border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, 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-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, 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-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } -.focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); +.border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } -.focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); +.border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } -.focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); +.border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } -.focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); +.border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } -.focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); +.border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } -.focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); +.border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } -.focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); +.border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } -.focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); +.border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } -.focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); +.border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } -.focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); +.border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } -.focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); +.border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } -.focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); +.border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } -.focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); +.border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } -.focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); +.border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } -.focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); +.border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } -.focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); +.border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } -.focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); +.border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } -.focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); +.border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } -.focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); +.border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } -.focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); +.border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } -.focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); +.border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } -.focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); +.border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } -.focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); +.border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } -.focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); +.border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } -.focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); +.border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } -.focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); +.border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } -.focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); +.border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } -.focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); +.border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } -.focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); +.border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); +.border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } -.focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); +.border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } -.focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); +.border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } -.focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); +.border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } -.focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); +.border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } -.focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); +.border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } -.focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); +.border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } -.focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); +.border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } -.focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); +.border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } -.focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); +.group:hover .group-hover\:border-transparent { + border-color: transparent; } -.focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); +.group:hover .group-hover\:border-current { + border-color: currentColor; } -.focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); +.group:hover .group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); +.group:hover .group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); +.group:hover .group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } -.focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); +.group:hover .group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } -.focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); +.group:hover .group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } -.focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); +.group:hover .group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } -.focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); +.group:hover .group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } -.focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); +.group:hover .group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } -.focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); +.group:hover .group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } -.focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); +.group:hover .group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } -.focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); +.group:hover .group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } -.focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); +.group:hover .group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } -.focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); +.group:hover .group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } -.focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); +.group:hover .group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } -.focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); +.group:hover .group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } -.focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); +.group:hover .group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } -.focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); +.group:hover .group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } -.focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); +.group:hover .group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } -.focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); +.group:hover .group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } -.focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); +.group:hover .group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } -.focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); +.group:hover .group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } -.focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); +.group:hover .group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, 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)); +.group:hover .group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } -.focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); +.group:hover .group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } -.focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); +.group:hover .group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } -.focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); +.group:hover .group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } -.focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); +.group:hover .group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } -.focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); +.group:hover .group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } -.focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); +.group:hover .group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } -.focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); +.group:hover .group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } -.focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); +.group:hover .group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } -.focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); +.group:hover .group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } -.focus\:to-transparent:focus { - --gradient-to-color: transparent; +.group:hover .group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } -.focus\:to-current:focus { - --gradient-to-color: currentColor; +.group:hover .group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } -.focus\:to-black:focus { - --gradient-to-color: #000; +.group:hover .group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } -.focus\:to-white:focus { - --gradient-to-color: #fff; +.group:hover .group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } -.focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; +.group:hover .group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } -.focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; +.group:hover .group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } -.focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; +.group:hover .group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } -.focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; +.group:hover .group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } -.focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; +.group:hover .group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } -.focus\:to-gray-500:focus { - --gradient-to-color: #71717a; +.group:hover .group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } -.focus\:to-gray-600:focus { - --gradient-to-color: #52525b; +.group:hover .group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } -.focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; +.group:hover .group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } -.focus\:to-gray-800:focus { - --gradient-to-color: #27272a; +.group:hover .group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } -.focus\:to-gray-900:focus { - --gradient-to-color: #18181b; +.group:hover .group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } -.focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; +.group:hover .group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } -.focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; +.group:hover .group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } -.focus\:to-red-200:focus { - --gradient-to-color: #fecaca; +.group:hover .group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } -.focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; +.group:hover .group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } -.focus\:to-red-400:focus { - --gradient-to-color: #f87171; +.group:hover .group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } -.focus\:to-red-500:focus { - --gradient-to-color: #ef4444; +.group:hover .group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } -.focus\:to-red-600:focus { - --gradient-to-color: #dc2626; +.group:hover .group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } -.focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; +.group:hover .group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } -.focus\:to-red-800:focus { - --gradient-to-color: #991b1b; +.group:hover .group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } -.focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; +.group:hover .group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } -.focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; +.group:hover .group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } -.focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; +.group:hover .group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } -.focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; +.group:hover .group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } -.focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; +.group:hover .group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } -.focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; +.group:hover .group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } -.focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; +.group:hover .group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } -.focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; +.group:hover .group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } -.focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; +.group:hover .group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } -.focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; +.group:hover .group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } -.focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; +.group:hover .group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } -.focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; +.group:hover .group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } -.focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; +.group:hover .group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } -.focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; +.group:hover .group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } -.focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; +.group:hover .group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } -.focus\:to-green-400:focus { - --gradient-to-color: #34d399; +.group:hover .group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } -.focus\:to-green-500:focus { - --gradient-to-color: #10b981; +.group:hover .group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } -.focus\:to-green-600:focus { - --gradient-to-color: #059669; +.hover\:border-transparent:hover { + border-color: transparent; } -.focus\:to-green-700:focus { - --gradient-to-color: #047857; +.hover\:border-current:hover { + border-color: currentColor; } -.focus\:to-green-800:focus { - --gradient-to-color: #065f46; +.hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } -.focus\:to-green-900:focus { - --gradient-to-color: #064e3b; +.hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } -.focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; +.hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } -.focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; +.hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } -.focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; +.hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } -.focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; +.hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } -.focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; +.hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } -.focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; +.hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } -.focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; +.hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } -.focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; +.hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } -.focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; +.hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } -.focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; +.hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } -.focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; +.hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } -.focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; +.hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } -.focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; +.hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } -.focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; +.hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } -.focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; +.hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } -.focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; +.hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } -.focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; +.hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } -.focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; +.hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } -.focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; +.hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } -.focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; +.hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } -.focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; +.hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } -.focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; +.hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } -.focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; +.hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } -.focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; +.hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } -.focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; +.hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } -.focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; +.hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } -.focus\:to-pink-600:focus { - --gradient-to-color: #db2777; +.hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } -.focus\:to-pink-700:focus { - --gradient-to-color: #be185d; +.hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } -.focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; +.hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } -.focus\:to-pink-900:focus { - --gradient-to-color: #831843; +.hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, 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)); - } - - .dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); +} - .dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); +} - .dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); +} - .dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); +} - .dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); +} - .dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); +} - .dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); +} - .dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); +} - .dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); +} - .dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); +} - .dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); +} - .dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); +} - .dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); +} - .dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); +} - .dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); +} - .dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); +} - .dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); +} - .dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); +} - .dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); +} - .dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); +} - .dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); +} - .dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); +} - .dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); +} - .dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); +} - .dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); +} - .dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); +} - .dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); +} - .dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); +} - .dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); +} - .dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); +} - .dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); +} - .dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); +} - .dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); +} - .dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); +} - .dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); +} - .dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); +} - .dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); +} - .dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); +} - .dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); +} - .dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); +} - .dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.focus\:border-transparent:focus { + border-color: transparent; +} - .dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.focus\:border-current:focus { + border-color: currentColor; +} - .dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); +} - .dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); +} - .dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); +} - .dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); +} - .dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); +} - .dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); +} - .dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); +} - .dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); +} - .dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); +} - .dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); +} - .dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); +} - .dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); +} - .dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); +} - .dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); +} - .dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); +} - .dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); +} - .dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); +} - .dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); +} - .dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); +} - .dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); +} - .dark\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } +.focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); +} - .dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); +} - .dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); +} - .dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); +} - .dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); +} - .dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); +} - .dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); +} - .dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); +} - .dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); +} - .dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); +} - .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)); - } +.focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); +} - .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)); - } +.focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); +} - .dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); +} - .dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); +} - .dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); +} - .dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); +} - .dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); +} - .dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); +} - .dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); +} - .dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); +} - .dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); +} - .dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); +} - .dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); +} - .dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); +} - .dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); +} - .dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); +} - .dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); +} - .dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); +} - .dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); +} - .dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); +} - .dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); +} - .dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); +} - .dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); +} - .dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); +} - .dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); +} - .dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); +} - .dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); +} - .dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); +} - .dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); +} - .dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); +} - .dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); +} - .dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); +} - .dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); +} - .dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); +} - .dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); +} - .dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); +} - .dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); +} - .dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); +} - .dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); +} - .dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); +} - .dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); +} - .dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); +} - .dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.border-opacity-0 { + --border-opacity: 0; +} - .dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.border-opacity-25 { + --border-opacity: 0.25; +} - .dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.border-opacity-50 { + --border-opacity: 0.5; +} - .dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.border-opacity-75 { + --border-opacity: 0.75; +} - .dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.border-opacity-100 { + --border-opacity: 1; +} - .dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.group:hover .group-hover\:border-opacity-0 { + --border-opacity: 0; +} - .dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.group:hover .group-hover\:border-opacity-25 { + --border-opacity: 0.25; +} - .dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.group:hover .group-hover\:border-opacity-50 { + --border-opacity: 0.5; +} - .dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.group:hover .group-hover\:border-opacity-75 { + --border-opacity: 0.75; +} - .dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.group:hover .group-hover\:border-opacity-100 { + --border-opacity: 1; +} - .dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.hover\:border-opacity-0:hover { + --border-opacity: 0; +} - .dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.hover\:border-opacity-25:hover { + --border-opacity: 0.25; +} - .dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.hover\:border-opacity-50:hover { + --border-opacity: 0.5; +} - .dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.hover\:border-opacity-75:hover { + --border-opacity: 0.75; +} - .dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.hover\:border-opacity-100:hover { + --border-opacity: 1; +} - .dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.focus\:border-opacity-0:focus { + --border-opacity: 0; +} - .dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.focus\:border-opacity-25:focus { + --border-opacity: 0.25; +} - .dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.focus\:border-opacity-50:focus { + --border-opacity: 0.5; +} - .dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.focus\:border-opacity-75:focus { + --border-opacity: 0.75; +} - .dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.focus\:border-opacity-100:focus { + --border-opacity: 1; +} - .dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.rounded-none { + border-radius: 0; +} - .dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.rounded-sm { + border-radius: 0.125rem; +} - .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)); - } +.rounded { + border-radius: 0.25rem; +} - .dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.rounded-md { + border-radius: 0.375rem; +} - .dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.rounded-lg { + border-radius: 0.5rem; +} - .dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.rounded-xl { + border-radius: 0.75rem; +} - .dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.rounded-2xl { + border-radius: 1rem; +} - .dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.rounded-3xl { + border-radius: 1.5rem; +} - .dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.rounded-full { + border-radius: 9999px; +} - .dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; +} - .dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} - .dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} - .dark\:to-transparent { - --gradient-to-color: transparent; - } +.rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} - .dark\:to-current { - --gradient-to-color: currentColor; - } +.rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; +} - .dark\:to-black { - --gradient-to-color: #000; - } +.rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; +} - .dark\:to-white { - --gradient-to-color: #fff; - } +.rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} - .dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } +.rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} - .dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } +.rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} - .dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } +.rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} - .dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } +.rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} - .dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } +.rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; +} - .dark\:to-gray-500 { - --gradient-to-color: #71717a; - } +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} - .dark\:to-gray-600 { - --gradient-to-color: #52525b; - } +.rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; +} - .dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } +.rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} - .dark\:to-gray-800 { - --gradient-to-color: #27272a; - } +.rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} - .dark\:to-gray-900 { - --gradient-to-color: #18181b; - } +.rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; +} - .dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } +.rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; +} - .dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } +.rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} - .dark\:to-red-200 { - --gradient-to-color: #fecaca; - } +.rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; +} - .dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } +.rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} - .dark\:to-red-400 { - --gradient-to-color: #f87171; - } +.rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; +} - .dark\:to-red-500 { - --gradient-to-color: #ef4444; - } +.rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .dark\:to-red-600 { - --gradient-to-color: #dc2626; - } +.rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; +} - .dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } +.rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; +} - .dark\:to-red-800 { - --gradient-to-color: #991b1b; - } +.rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; +} - .dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } +.rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; +} - .dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } +.rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; +} - .dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } +.rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; +} - .dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} - .dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } +.rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} - .dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } +.rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; +} - .dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } +.rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; +} - .dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } +.rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} - .dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } +.rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; +} - .dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } +.rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} - .dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } +.rounded-tl-none { + border-top-left-radius: 0; +} - .dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } +.rounded-tr-none { + border-top-right-radius: 0; +} - .dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } +.rounded-br-none { + border-bottom-right-radius: 0; +} - .dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } +.rounded-bl-none { + border-bottom-left-radius: 0; +} - .dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } +.rounded-tl-sm { + border-top-left-radius: 0.125rem; +} - .dark\:to-green-400 { - --gradient-to-color: #34d399; - } +.rounded-tr-sm { + border-top-right-radius: 0.125rem; +} - .dark\:to-green-500 { - --gradient-to-color: #10b981; - } +.rounded-br-sm { + border-bottom-right-radius: 0.125rem; +} - .dark\:to-green-600 { - --gradient-to-color: #059669; - } +.rounded-bl-sm { + border-bottom-left-radius: 0.125rem; +} - .dark\:to-green-700 { - --gradient-to-color: #047857; - } +.rounded-tl { + border-top-left-radius: 0.25rem; +} - .dark\:to-green-800 { - --gradient-to-color: #065f46; - } +.rounded-tr { + border-top-right-radius: 0.25rem; +} - .dark\:to-green-900 { - --gradient-to-color: #064e3b; - } +.rounded-br { + border-bottom-right-radius: 0.25rem; +} - .dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } +.rounded-bl { + border-bottom-left-radius: 0.25rem; +} - .dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } +.rounded-tl-md { + border-top-left-radius: 0.375rem; +} - .dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } +.rounded-tr-md { + border-top-right-radius: 0.375rem; +} - .dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } +.rounded-br-md { + border-bottom-right-radius: 0.375rem; +} - .dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } +.rounded-bl-md { + border-bottom-left-radius: 0.375rem; +} - .dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } +.rounded-tl-lg { + border-top-left-radius: 0.5rem; +} - .dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } +.rounded-tr-lg { + border-top-right-radius: 0.5rem; +} - .dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } +.rounded-br-lg { + border-bottom-right-radius: 0.5rem; +} - .dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } +.rounded-bl-lg { + border-bottom-left-radius: 0.5rem; +} - .dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } +.rounded-tl-xl { + border-top-left-radius: 0.75rem; +} - .dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } +.rounded-tr-xl { + border-top-right-radius: 0.75rem; +} - .dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } +.rounded-br-xl { + border-bottom-right-radius: 0.75rem; +} - .dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } +.rounded-bl-xl { + border-bottom-left-radius: 0.75rem; +} - .dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } +.rounded-tl-2xl { + border-top-left-radius: 1rem; +} - .dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } +.rounded-tr-2xl { + border-top-right-radius: 1rem; +} - .dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } +.rounded-br-2xl { + border-bottom-right-radius: 1rem; +} - .dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } +.rounded-bl-2xl { + border-bottom-left-radius: 1rem; +} - .dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } +.rounded-tl-3xl { + border-top-left-radius: 1.5rem; +} - .dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } +.rounded-tr-3xl { + border-top-right-radius: 1.5rem; +} - .dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } +.rounded-br-3xl { + border-bottom-right-radius: 1.5rem; +} - .dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } +.rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; +} - .dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } +.rounded-tl-full { + border-top-left-radius: 9999px; +} - .dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } +.rounded-tr-full { + border-top-right-radius: 9999px; +} - .dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } +.rounded-br-full { + border-bottom-right-radius: 9999px; +} - .dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } +.rounded-bl-full { + border-bottom-left-radius: 9999px; +} - .dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } +.border-solid { + border-style: solid; +} - .dark\:to-pink-600 { - --gradient-to-color: #db2777; - } +.border-dashed { + border-style: dashed; +} - .dark\:to-pink-700 { - --gradient-to-color: #be185d; - } +.border-dotted { + border-style: dotted; +} - .dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } +.border-double { + border-style: double; +} - .dark\:to-pink-900 { - --gradient-to-color: #831843; - } +.border-none { + border-style: none; +} - .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)); - } +.border-0 { + border-width: 0; +} - .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)); - } +.border-2 { + border-width: 2px; +} - .dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.border-4 { + border-width: 4px; +} - .dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.border-8 { + border-width: 8px; +} - .dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.border { + border-width: 1px; +} - .dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.border-t-0 { + border-top-width: 0; +} - .dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.border-r-0 { + border-right-width: 0; +} - .dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.border-b-0 { + border-bottom-width: 0; +} - .dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.border-l-0 { + border-left-width: 0; +} - .dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.border-t-2 { + border-top-width: 2px; +} - .dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.border-r-2 { + border-right-width: 2px; +} - .dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.border-b-2 { + border-bottom-width: 2px; +} - .dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.border-l-2 { + border-left-width: 2px; +} - .dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.border-t-4 { + border-top-width: 4px; +} - .dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.border-r-4 { + border-right-width: 4px; +} - .dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.border-b-4 { + border-bottom-width: 4px; +} - .dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.border-l-4 { + border-left-width: 4px; +} - .dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.border-t-8 { + border-top-width: 8px; +} - .dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.border-r-8 { + border-right-width: 8px; +} - .dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.border-b-8 { + border-bottom-width: 8px; +} - .dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.border-l-8 { + border-left-width: 8px; +} - .dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.border-t { + border-top-width: 1px; +} - .dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.border-r { + border-right-width: 1px; +} - .dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.border-b { + border-bottom-width: 1px; +} - .dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.border-l { + border-left-width: 1px; +} - .dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.box-border { + box-sizing: border-box; +} - .dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.box-content { + box-sizing: content-box; +} - .dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.cursor-auto { + cursor: auto; +} - .dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.cursor-default { + cursor: default; +} - .dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.cursor-pointer { + cursor: pointer; +} - .dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.cursor-wait { + cursor: wait; +} - .dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.cursor-text { + cursor: text; +} - .dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.cursor-move { + cursor: move; +} - .dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.cursor-not-allowed { + cursor: not-allowed; +} - .dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.block { + display: block; +} - .dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.inline-block { + display: inline-block; +} - .dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.inline { + display: inline; +} - .dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.flex { + display: flex; +} - .dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.inline-flex { + display: inline-flex; +} - .dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.table { + display: table; +} - .dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.table-caption { + display: table-caption; +} - .dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.table-cell { + display: table-cell; +} - .dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.table-column { + display: table-column; +} - .dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.table-column-group { + display: table-column-group; +} - .dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.table-footer-group { + display: table-footer-group; +} - .dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.table-header-group { + display: table-header-group; +} - .dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.table-row-group { + display: table-row-group; +} - .dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.table-row { + display: table-row; +} - .dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.flow-root { + display: flow-root; +} - .dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.grid { + display: grid; +} - .dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.inline-grid { + display: inline-grid; +} - .dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.contents { + display: contents; +} - .dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.hidden { + display: none; +} - .dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.flex-row { + flex-direction: row; +} - .dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.flex-row-reverse { + flex-direction: row-reverse; +} - .dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.flex-col { + flex-direction: column; +} - .dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.flex-col-reverse { + flex-direction: column-reverse; +} - .dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.flex-wrap { + flex-wrap: wrap; +} - .dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.flex-wrap-reverse { + flex-wrap: wrap-reverse; +} - .dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.flex-no-wrap { + flex-wrap: nowrap; +} - .dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.place-items-auto { + place-items: auto; +} - .dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.place-items-start { + place-items: start; +} - .dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.place-items-end { + place-items: end; +} - .dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.place-items-center { + place-items: center; +} - .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)); - } +.place-items-stretch { + place-items: stretch; +} - .dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.place-content-center { + place-content: center; +} - .dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.place-content-start { + place-content: start; +} - .dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.place-content-end { + place-content: end; +} - .dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.place-content-between { + place-content: space-between; +} - .dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.place-content-around { + place-content: space-around; +} - .dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.place-content-evenly { + place-content: space-evenly; +} - .dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.place-content-stretch { + place-content: stretch; +} - .dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.place-self-auto { + place-self: auto; +} - .dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.place-self-start { + place-self: start; +} - .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)); - } +.place-self-end { + place-self: end; +} - .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)); - } +.place-self-center { + place-self: center; +} - .dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.place-self-stretch { + place-self: stretch; +} - .dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.items-start { + align-items: flex-start; +} - .dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.items-end { + align-items: flex-end; +} - .dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.items-center { + align-items: center; +} - .dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.items-baseline { + align-items: baseline; +} - .dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.items-stretch { + align-items: stretch; +} - .dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.content-center { + align-content: center; +} - .dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.content-start { + align-content: flex-start; +} - .dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.content-end { + align-content: flex-end; +} - .dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.content-between { + align-content: space-between; +} - .dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.content-around { + align-content: space-around; +} - .dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.content-evenly { + align-content: space-evenly; +} - .dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.self-auto { + align-self: auto; +} - .dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.self-start { + align-self: flex-start; +} - .dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.self-end { + align-self: flex-end; +} - .dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.self-center { + align-self: center; +} - .dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.self-stretch { + align-self: stretch; +} - .dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.justify-items-auto { + justify-items: auto; +} - .dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.justify-items-start { + justify-items: start; +} - .dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.justify-items-end { + justify-items: end; +} - .dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.justify-items-center { + justify-items: center; +} - .dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.justify-items-stretch { + justify-items: stretch; +} - .dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.justify-start { + justify-content: flex-start; +} - .dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.justify-end { + justify-content: flex-end; +} - .dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.justify-center { + justify-content: center; +} - .dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.justify-between { + justify-content: space-between; +} - .dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.justify-around { + justify-content: space-around; +} - .dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.justify-evenly { + justify-content: space-evenly; +} - .dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.justify-self-auto { + justify-self: auto; +} - .dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.justify-self-start { + justify-self: start; +} - .dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.justify-self-end { + justify-self: end; +} - .dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.justify-self-center { + justify-self: center; +} - .dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.justify-self-stretch { + justify-self: stretch; +} - .dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.flex-1 { + flex: 1 1 0%; +} - .dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.flex-auto { + flex: 1 1 auto; +} - .dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.flex-initial { + flex: 0 1 auto; +} - .dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.flex-none { + flex: none; +} - .dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.flex-grow-0 { + flex-grow: 0; +} - .dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.flex-grow { + flex-grow: 1; +} - .dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.flex-shrink-0 { + flex-shrink: 0; +} - .dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.flex-shrink { + flex-shrink: 1; +} - .dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.order-1 { + order: 1; +} - .dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.order-2 { + order: 2; +} - .dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.order-3 { + order: 3; +} - .dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.order-4 { + order: 4; +} - .dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.order-5 { + order: 5; +} - .dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.order-6 { + order: 6; +} - .dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.order-7 { + order: 7; +} - .dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.order-8 { + order: 8; +} - .dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.order-9 { + order: 9; +} - .dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.order-10 { + order: 10; +} - .dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.order-11 { + order: 11; +} - .dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.order-12 { + order: 12; +} - .dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.order-first { + order: -9999; +} - .dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.order-last { + order: 9999; +} - .dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.order-none { + order: 0; +} - .dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.float-right { + float: right; +} - .dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.float-left { + float: left; +} - .dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.float-none { + float: none; +} - .dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.clearfix:after { + content: ""; + display: table; + clear: both; +} - .dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.clear-left { + clear: left; +} - .dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.clear-right { + clear: right; +} - .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)); - } +.clear-both { + clear: both; +} - .dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.clear-none { + clear: none; +} - .dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.font-sans { + font-family: ui-sans-serif, 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\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +} - .dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} - .dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.font-thin { + font-weight: 100; +} - .dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.font-extralight { + font-weight: 200; +} - .dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.font-light { + font-weight: 300; +} - .dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.font-normal { + font-weight: 400; +} - .dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.font-medium { + font-weight: 500; +} - .dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } +.font-semibold { + font-weight: 600; +} - .dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } +.font-bold { + font-weight: 700; +} - .dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } +.font-extrabold { + font-weight: 800; +} - .dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } +.font-black { + font-weight: 900; +} - .dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } +.hover\:font-thin:hover { + font-weight: 100; +} - .dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } +.hover\:font-extralight:hover { + font-weight: 200; +} - .dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } +.hover\:font-light:hover { + font-weight: 300; +} - .dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } +.hover\:font-normal:hover { + font-weight: 400; +} - .dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } +.hover\:font-medium:hover { + font-weight: 500; +} - .dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } +.hover\:font-semibold:hover { + font-weight: 600; +} - .dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } +.hover\:font-bold:hover { + font-weight: 700; +} - .dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } +.hover\:font-extrabold:hover { + font-weight: 800; +} - .dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } +.hover\:font-black:hover { + font-weight: 900; +} - .dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } +.focus\:font-thin:focus { + font-weight: 100; +} - .dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } +.focus\:font-extralight:focus { + font-weight: 200; +} - .dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } +.focus\:font-light:focus { + font-weight: 300; +} - .dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } +.focus\:font-normal:focus { + font-weight: 400; +} - .dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } +.focus\:font-medium:focus { + font-weight: 500; +} - .dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } +.focus\:font-semibold:focus { + font-weight: 600; +} - .dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } +.focus\:font-bold:focus { + font-weight: 700; +} - .dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } +.focus\:font-extrabold:focus { + font-weight: 800; +} - .dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } +.focus\:font-black:focus { + font-weight: 900; +} - .dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } +.h-0 { + height: 0; +} - .dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } +.h-1 { + height: 0.25rem; +} - .dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } +.h-2 { + height: 0.5rem; +} - .dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } +.h-3 { + height: 0.75rem; +} - .dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } +.h-4 { + height: 1rem; +} - .dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } +.h-5 { + height: 1.25rem; +} - .dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } +.h-6 { + height: 1.5rem; +} - .dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } +.h-7 { + height: 1.75rem; +} - .dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } +.h-8 { + height: 2rem; +} - .dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } +.h-9 { + height: 2.25rem; +} - .dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } +.h-10 { + height: 2.5rem; +} - .dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } +.h-12 { + height: 3rem; +} - .dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } +.h-14 { + height: 3.5rem; +} - .dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } +.h-16 { + height: 4rem; +} - .dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } +.h-20 { + height: 5rem; +} - .dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } +.h-24 { + height: 6rem; +} - .dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } +.h-28 { + height: 7rem; +} - .dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } +.h-32 { + height: 8rem; +} - .dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } +.h-36 { + height: 9rem; +} - .dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } +.h-40 { + height: 10rem; +} - .dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } +.h-44 { + height: 11rem; +} - .dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } +.h-48 { + height: 12rem; +} - .dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } +.h-52 { + height: 13rem; +} - .dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } +.h-56 { + height: 14rem; +} - .dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } +.h-60 { + height: 15rem; +} - .dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } +.h-64 { + height: 16rem; +} - .dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } +.h-72 { + height: 18rem; +} - .dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } +.h-80 { + height: 20rem; +} - .dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } +.h-96 { + height: 24rem; +} - .dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } +.h-auto { + height: auto; +} - .dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } +.h-px { + height: 1px; +} - .dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } +.h-0\.5 { + height: 0.125rem; +} - .dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } +.h-1\.5 { + height: 0.375rem; +} - .dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } +.h-2\.5 { + height: 0.625rem; +} - .dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } +.h-3\.5 { + height: 0.875rem; +} - .dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } +.h-full { + height: 100%; +} - .dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } +.h-screen { + height: 100vh; +} - .dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} - .dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} - .dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} - .dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} - .dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} - .dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} - .dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} - .dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} - .dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } +.text-5xl { + font-size: 3rem; + line-height: 1; +} - .dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} - .dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } +.text-7xl { + font-size: 4.5rem; + line-height: 1; +} - .dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } +.text-8xl { + font-size: 6rem; + line-height: 1; +} - .dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } +.text-9xl { + font-size: 8rem; + line-height: 1; +} - .dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } +.leading-3 { + line-height: .75rem; +} - .dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } +.leading-4 { + line-height: 1rem; +} - .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)); - } +.leading-5 { + line-height: 1.25rem; +} - .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)); - } +.leading-6 { + line-height: 1.5rem; +} - .dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.leading-7 { + line-height: 1.75rem; +} - .dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.leading-8 { + line-height: 2rem; +} - .dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.leading-9 { + line-height: 2.25rem; +} - .dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.leading-10 { + line-height: 2.5rem; +} - .dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.leading-none { + line-height: 1; +} - .dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.leading-tight { + line-height: 1.25; +} - .dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.leading-snug { + line-height: 1.375; +} - .dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.leading-normal { + line-height: 1.5; +} - .dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.leading-relaxed { + line-height: 1.625; +} - .dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.leading-loose { + line-height: 2; +} - .dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.list-inside { + list-style-position: inside; +} - .dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.list-outside { + list-style-position: outside; +} - .dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.list-none { + list-style-type: none; +} - .dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.list-disc { + list-style-type: disc; +} - .dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.list-decimal { + list-style-type: decimal; +} - .dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.m-0 { + margin: 0; +} - .dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.m-1 { + margin: 0.25rem; +} - .dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.m-2 { + margin: 0.5rem; +} - .dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.m-3 { + margin: 0.75rem; +} - .dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.m-4 { + margin: 1rem; +} - .dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } +.m-5 { + margin: 1.25rem; +} - .dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.m-6 { + margin: 1.5rem; +} - .dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.m-7 { + margin: 1.75rem; +} - .dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.m-8 { + margin: 2rem; +} - .dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.m-9 { + margin: 2.25rem; +} - .dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.m-10 { + margin: 2.5rem; +} - .dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.m-12 { + margin: 3rem; +} - .dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.m-14 { + margin: 3.5rem; +} - .dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.m-16 { + margin: 4rem; +} - .dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.m-20 { + margin: 5rem; +} - .dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.m-24 { + margin: 6rem; +} - .dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.m-28 { + margin: 7rem; +} - .dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.m-32 { + margin: 8rem; +} - .dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.m-36 { + margin: 9rem; +} - .dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.m-40 { + margin: 10rem; +} - .dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.m-44 { + margin: 11rem; +} - .dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.m-48 { + margin: 12rem; +} - .dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.m-52 { + margin: 13rem; +} - .dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.m-56 { + margin: 14rem; +} - .dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.m-60 { + margin: 15rem; +} - .dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.m-64 { + margin: 16rem; +} - .dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.m-72 { + margin: 18rem; +} - .dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.m-80 { + margin: 20rem; +} - .dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.m-96 { + margin: 24rem; +} - .dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.m-auto { + margin: auto; +} - .dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.m-px { + margin: 1px; +} - .dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.m-0\.5 { + margin: 0.125rem; +} - .dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.m-1\.5 { + margin: 0.375rem; +} - .dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.m-2\.5 { + margin: 0.625rem; +} - .dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.m-3\.5 { + margin: 0.875rem; +} - .dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.-m-1 { + margin: -0.25rem; +} - .dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.-m-2 { + margin: -0.5rem; +} - .dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.-m-3 { + margin: -0.75rem; +} - .dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.-m-4 { + margin: -1rem; +} - .dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.-m-5 { + margin: -1.25rem; +} - .dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.-m-6 { + margin: -1.5rem; +} - .dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.-m-7 { + margin: -1.75rem; +} - .dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.-m-8 { + margin: -2rem; +} - .dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.-m-9 { + margin: -2.25rem; +} - .dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.-m-10 { + margin: -2.5rem; +} - .dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.-m-12 { + margin: -3rem; +} - .dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.-m-14 { + margin: -3.5rem; +} - .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)); - } +.-m-16 { + margin: -4rem; +} - .dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.-m-20 { + margin: -5rem; +} - .dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.-m-24 { + margin: -6rem; +} - .dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.-m-28 { + margin: -7rem; +} - .dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.-m-32 { + margin: -8rem; +} - .dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.-m-36 { + margin: -9rem; +} - .dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.-m-40 { + margin: -10rem; +} - .dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.-m-44 { + margin: -11rem; +} - .dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.-m-48 { + margin: -12rem; +} - .dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.-m-52 { + margin: -13rem; +} - .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)); - } +.-m-56 { + margin: -14rem; +} - .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)); - } +.-m-60 { + margin: -15rem; +} - .dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } +.-m-64 { + margin: -16rem; +} - .dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } +.-m-72 { + margin: -18rem; +} - .dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } +.-m-80 { + margin: -20rem; +} - .dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } +.-m-96 { + margin: -24rem; +} - .dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } +.-m-px { + margin: -1px; +} - .dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } +.-m-0\.5 { + margin: -0.125rem; +} - .dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } +.-m-1\.5 { + margin: -0.375rem; +} - .dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } +.-m-2\.5 { + margin: -0.625rem; +} - .dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } +.-m-3\.5 { + margin: -0.875rem; +} - .dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } +.my-0 { + margin-top: 0; + margin-bottom: 0; +} - .dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } +.mx-0 { + margin-left: 0; + margin-right: 0; +} - .dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} - .dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} - .dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} - .dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } +.mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; +} - .dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} - .dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} - .dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} - .dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} - .dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} - .dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} - .dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} - .dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} - .dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } +.my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; +} - .dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } +.mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; +} - .dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} - .dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } +.mx-8 { + margin-left: 2rem; + margin-right: 2rem; +} - .dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } +.my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; +} - .dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } +.mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; +} - .dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} - .dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } +.mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; +} - .dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} - .dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } +.mx-12 { + margin-left: 3rem; + margin-right: 3rem; +} - .dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } +.my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; +} - .dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } +.mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; +} - .dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } +.my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} - .dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } +.mx-16 { + margin-left: 4rem; + margin-right: 4rem; +} - .dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} - .dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } +.mx-20 { + margin-left: 5rem; + margin-right: 5rem; +} - .dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } +.my-24 { + margin-top: 6rem; + margin-bottom: 6rem; +} - .dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } +.mx-24 { + margin-left: 6rem; + margin-right: 6rem; +} - .dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } +.my-28 { + margin-top: 7rem; + margin-bottom: 7rem; +} - .dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } +.mx-28 { + margin-left: 7rem; + margin-right: 7rem; +} - .dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } +.my-32 { + margin-top: 8rem; + margin-bottom: 8rem; +} - .dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } +.mx-32 { + margin-left: 8rem; + margin-right: 8rem; +} - .dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } +.my-36 { + margin-top: 9rem; + margin-bottom: 9rem; +} - .dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } +.mx-36 { + margin-left: 9rem; + margin-right: 9rem; +} - .dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } +.my-40 { + margin-top: 10rem; + margin-bottom: 10rem; +} - .dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } +.mx-40 { + margin-left: 10rem; + margin-right: 10rem; +} - .dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } +.my-44 { + margin-top: 11rem; + margin-bottom: 11rem; +} - .dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } +.mx-44 { + margin-left: 11rem; + margin-right: 11rem; +} - .dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } +.my-48 { + margin-top: 12rem; + margin-bottom: 12rem; +} - .dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } +.mx-48 { + margin-left: 12rem; + margin-right: 12rem; +} - .dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } +.my-52 { + margin-top: 13rem; + margin-bottom: 13rem; +} - .dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } +.mx-52 { + margin-left: 13rem; + margin-right: 13rem; +} - .dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } +.my-56 { + margin-top: 14rem; + margin-bottom: 14rem; +} - .dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } +.mx-56 { + margin-left: 14rem; + margin-right: 14rem; +} - .dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } +.my-60 { + margin-top: 15rem; + margin-bottom: 15rem; +} - .dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } +.mx-60 { + margin-left: 15rem; + margin-right: 15rem; +} - .dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } +.my-64 { + margin-top: 16rem; + margin-bottom: 16rem; +} - .dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } +.mx-64 { + margin-left: 16rem; + margin-right: 16rem; +} - .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)); - } +.my-72 { + margin-top: 18rem; + margin-bottom: 18rem; +} - .dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } +.mx-72 { + margin-left: 18rem; + margin-right: 18rem; +} - .dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } +.my-80 { + margin-top: 20rem; + margin-bottom: 20rem; +} - .dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } +.mx-80 { + margin-left: 20rem; + margin-right: 20rem; +} - .dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } +.my-96 { + margin-top: 24rem; + margin-bottom: 24rem; +} - .dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } +.mx-96 { + margin-left: 24rem; + margin-right: 24rem; +} - .dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } +.my-auto { + margin-top: auto; + margin-bottom: auto; +} - .dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } +.mx-auto { + margin-left: auto; + margin-right: auto; +} - .dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } +.my-px { + margin-top: 1px; + margin-bottom: 1px; +} - .dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } +.mx-px { + margin-left: 1px; + margin-right: 1px; +} - .dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } +.my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; +} - .dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } +.mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; +} - .dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } +.my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} - .dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } +.mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; +} - .dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } +.my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} - .dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } +.mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; +} - .dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } +.my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; +} - .dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } +.mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; +} - .dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } +.-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; +} - .dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; +} - .dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} - .dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; +} - .dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } +.-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; +} - .dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } +.-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; +} - .dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } +.-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; +} - .dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; +} - .dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } +.-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; +} - .dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } +.-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; +} - .dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } +.-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; +} - .dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; +} - .dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } +.-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; +} - .dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } +.-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; +} - .dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } +.-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; +} - .dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } +.-mx-8 { + margin-left: -2rem; + margin-right: -2rem; +} - .dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } +.-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; +} - .dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } +.-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; +} - .dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } +.-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; +} - .dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } +.-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; +} - .dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } +.-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; +} - .dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } +.-mx-12 { + margin-left: -3rem; + margin-right: -3rem; +} - .dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } +.-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; +} - .dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } +.-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; +} - .dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } +.-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; +} - .dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } +.-mx-16 { + margin-left: -4rem; + margin-right: -4rem; +} - .dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } +.-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; +} - .dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } +.-mx-20 { + margin-left: -5rem; + margin-right: -5rem; +} - .dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } +.-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; +} - .dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } +.-mx-24 { + margin-left: -6rem; + margin-right: -6rem; +} - .dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } +.-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; +} - .dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } +.-mx-28 { + margin-left: -7rem; + margin-right: -7rem; +} - .dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } +.-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; +} - .dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } +.-mx-32 { + margin-left: -8rem; + margin-right: -8rem; +} - .dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } +.-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; +} - .dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } +.-mx-36 { + margin-left: -9rem; + margin-right: -9rem; +} - .dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } +.-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; +} - .dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } +.-mx-40 { + margin-left: -10rem; + margin-right: -10rem; +} - .dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } +.-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; +} - .dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } +.-mx-44 { + margin-left: -11rem; + margin-right: -11rem; +} - .dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } +.-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; +} - .dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } +.-mx-48 { + margin-left: -12rem; + margin-right: -12rem; +} - .dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } +.-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; +} - .dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } +.-mx-52 { + margin-left: -13rem; + margin-right: -13rem; +} - .dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } +.-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; +} - .dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } +.-mx-56 { + margin-left: -14rem; + margin-right: -14rem; +} - .dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } +.-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; +} - .dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } +.-mx-60 { + margin-left: -15rem; + margin-right: -15rem; +} - .dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } +.-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; +} - .dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } +.-mx-64 { + margin-left: -16rem; + margin-right: -16rem; +} - .dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } +.-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; +} - .dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } +.-mx-72 { + margin-left: -18rem; + margin-right: -18rem; +} - .dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } +.-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; +} - .dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } +.-mx-80 { + margin-left: -20rem; + margin-right: -20rem; +} - .dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } +.-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; +} - .dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } +.-mx-96 { + margin-left: -24rem; + margin-right: -24rem; +} - .dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } +.-my-px { + margin-top: -1px; + margin-bottom: -1px; +} - .dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } +.-mx-px { + margin-left: -1px; + margin-right: -1px; +} - .dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } +.-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; +} - .dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } +.-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; +} - .dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } +.-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; +} - .dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } +.-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; +} - .dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } +.-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; +} - .dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } +.-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; +} - .dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } +.-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; +} - .dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } +.-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } -.bg-opacity-0 { - --bg-opacity: 0; +.mt-0 { + margin-top: 0; } -.bg-opacity-25 { - --bg-opacity: 0.25; +.mr-0 { + margin-right: 0; } -.bg-opacity-50 { - --bg-opacity: 0.5; +.mb-0 { + margin-bottom: 0; } -.bg-opacity-75 { - --bg-opacity: 0.75; +.ml-0 { + margin-left: 0; } -.bg-opacity-100 { - --bg-opacity: 1; +.mt-1 { + margin-top: 0.25rem; } -.group:hover .group-hover\:bg-opacity-0 { - --bg-opacity: 0; +.mr-1 { + margin-right: 0.25rem; } -.group:hover .group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; +.mb-1 { + margin-bottom: 0.25rem; } -.group:hover .group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; +.ml-1 { + margin-left: 0.25rem; } -.group:hover .group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; +.mt-2 { + margin-top: 0.5rem; } -.group:hover .group-hover\:bg-opacity-100 { - --bg-opacity: 1; +.mr-2 { + margin-right: 0.5rem; } -.hover\:bg-opacity-0:hover { - --bg-opacity: 0; +.mb-2 { + margin-bottom: 0.5rem; } -.hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; +.ml-2 { + margin-left: 0.5rem; } -.hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; +.mt-3 { + margin-top: 0.75rem; } -.hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; +.mr-3 { + margin-right: 0.75rem; } -.hover\:bg-opacity-100:hover { - --bg-opacity: 1; +.mb-3 { + margin-bottom: 0.75rem; } -.focus\:bg-opacity-0:focus { - --bg-opacity: 0; +.ml-3 { + margin-left: 0.75rem; } -.focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; +.mt-4 { + margin-top: 1rem; } -.focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; +.mr-4 { + margin-right: 1rem; } -.focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; +.mb-4 { + margin-bottom: 1rem; } -.focus\:bg-opacity-100:focus { - --bg-opacity: 1; +.ml-4 { + margin-left: 1rem; } -.bg-bottom { - background-position: bottom; +.mt-5 { + margin-top: 1.25rem; } -.bg-center { - background-position: center; +.mr-5 { + margin-right: 1.25rem; } -.bg-left { - background-position: left; +.mb-5 { + margin-bottom: 1.25rem; } -.bg-left-bottom { - background-position: left bottom; +.ml-5 { + margin-left: 1.25rem; } -.bg-left-top { - background-position: left top; +.mt-6 { + margin-top: 1.5rem; } -.bg-right { - background-position: right; +.mr-6 { + margin-right: 1.5rem; } -.bg-right-bottom { - background-position: right bottom; +.mb-6 { + margin-bottom: 1.5rem; } -.bg-right-top { - background-position: right top; +.ml-6 { + margin-left: 1.5rem; } -.bg-top { - background-position: top; +.mt-7 { + margin-top: 1.75rem; } -.bg-repeat { - background-repeat: repeat; +.mr-7 { + margin-right: 1.75rem; } -.bg-no-repeat { - background-repeat: no-repeat; +.mb-7 { + margin-bottom: 1.75rem; } -.bg-repeat-x { - background-repeat: repeat-x; +.ml-7 { + margin-left: 1.75rem; } -.bg-repeat-y { - background-repeat: repeat-y; +.mt-8 { + margin-top: 2rem; } -.bg-repeat-round { - background-repeat: round; +.mr-8 { + margin-right: 2rem; } -.bg-repeat-space { - background-repeat: space; +.mb-8 { + margin-bottom: 2rem; } -.bg-auto { - background-size: auto; +.ml-8 { + margin-left: 2rem; } -.bg-cover { - background-size: cover; +.mt-9 { + margin-top: 2.25rem; } -.bg-contain { - background-size: contain; +.mr-9 { + margin-right: 2.25rem; } -.border-collapse { - border-collapse: collapse; +.mb-9 { + margin-bottom: 2.25rem; } -.border-separate { - border-collapse: separate; +.ml-9 { + margin-left: 2.25rem; } -.border-transparent { - border-color: transparent; +.mt-10 { + margin-top: 2.5rem; } -.border-current { - border-color: currentColor; +.mr-10 { + margin-right: 2.5rem; } -.border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.mb-10 { + margin-bottom: 2.5rem; } -.border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.ml-10 { + margin-left: 2.5rem; } -.border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.mt-12 { + margin-top: 3rem; } -.border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.mr-12 { + margin-right: 3rem; } -.border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.mb-12 { + margin-bottom: 3rem; } -.border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.ml-12 { + margin-left: 3rem; } -.border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.mt-14 { + margin-top: 3.5rem; } -.border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.mr-14 { + margin-right: 3.5rem; } -.border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.mb-14 { + margin-bottom: 3.5rem; } -.border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.ml-14 { + margin-left: 3.5rem; } -.border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.mt-16 { + margin-top: 4rem; } -.border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.mr-16 { + margin-right: 4rem; } -.border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.mb-16 { + margin-bottom: 4rem; } -.border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.ml-16 { + margin-left: 4rem; } -.border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.mt-20 { + margin-top: 5rem; } -.border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.mr-20 { + margin-right: 5rem; } -.border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.mb-20 { + margin-bottom: 5rem; } -.border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.ml-20 { + margin-left: 5rem; } -.border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.mt-24 { + margin-top: 6rem; } -.border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.mr-24 { + margin-right: 6rem; } -.border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.mb-24 { + margin-bottom: 6rem; } -.border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.ml-24 { + margin-left: 6rem; } -.border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.mt-28 { + margin-top: 7rem; } -.border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.mr-28 { + margin-right: 7rem; } -.border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.mb-28 { + margin-bottom: 7rem; } -.border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.ml-28 { + margin-left: 7rem; } -.border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.mt-32 { + margin-top: 8rem; } -.border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.mr-32 { + margin-right: 8rem; } -.border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.mb-32 { + margin-bottom: 8rem; } -.border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.ml-32 { + margin-left: 8rem; } -.border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.mt-36 { + margin-top: 9rem; } -.border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.mr-36 { + margin-right: 9rem; } -.border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.mb-36 { + margin-bottom: 9rem; } -.border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.ml-36 { + margin-left: 9rem; } -.border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.mt-40 { + margin-top: 10rem; } -.border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.mr-40 { + margin-right: 10rem; } -.border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.mb-40 { + margin-bottom: 10rem; } -.border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.ml-40 { + margin-left: 10rem; } -.border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.mt-44 { + margin-top: 11rem; } -.border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.mr-44 { + margin-right: 11rem; } -.border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.mb-44 { + margin-bottom: 11rem; } -.border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.ml-44 { + margin-left: 11rem; } -.border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.mt-48 { + margin-top: 12rem; } -.border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.mr-48 { + margin-right: 12rem; } -.border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.mb-48 { + margin-bottom: 12rem; } -.border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.ml-48 { + margin-left: 12rem; } -.border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.mt-52 { + margin-top: 13rem; } -.border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.mr-52 { + margin-right: 13rem; } -.border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.mb-52 { + margin-bottom: 13rem; } -.border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.ml-52 { + margin-left: 13rem; } -.border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.mt-56 { + margin-top: 14rem; } -.border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.mr-56 { + margin-right: 14rem; } -.border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.mb-56 { + margin-bottom: 14rem; } -.border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.ml-56 { + margin-left: 14rem; } -.border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.mt-60 { + margin-top: 15rem; } -.border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.mr-60 { + margin-right: 15rem; } -.border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.mb-60 { + margin-bottom: 15rem; } -.border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.ml-60 { + margin-left: 15rem; } -.border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.mt-64 { + margin-top: 16rem; } -.border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.mr-64 { + margin-right: 16rem; } -.border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.mb-64 { + margin-bottom: 16rem; } -.border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.ml-64 { + margin-left: 16rem; } -.border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.mt-72 { + margin-top: 18rem; } -.border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.mr-72 { + margin-right: 18rem; } -.border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.mb-72 { + margin-bottom: 18rem; } -.border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.ml-72 { + margin-left: 18rem; } -.border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.mt-80 { + margin-top: 20rem; } -.border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.mr-80 { + margin-right: 20rem; } -.border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.mb-80 { + margin-bottom: 20rem; } -.border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.ml-80 { + margin-left: 20rem; } -.border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.mt-96 { + margin-top: 24rem; } -.border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.mr-96 { + margin-right: 24rem; } -.group:hover .group-hover\:border-transparent { - border-color: transparent; +.mb-96 { + margin-bottom: 24rem; } -.group:hover .group-hover\:border-current { - border-color: currentColor; +.ml-96 { + margin-left: 24rem; } -.group:hover .group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.mt-auto { + margin-top: auto; } -.group:hover .group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.mr-auto { + margin-right: auto; } -.group:hover .group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.mb-auto { + margin-bottom: auto; } -.group:hover .group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.ml-auto { + margin-left: auto; } -.group:hover .group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.mt-px { + margin-top: 1px; } -.group:hover .group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.mr-px { + margin-right: 1px; } -.group:hover .group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.mb-px { + margin-bottom: 1px; } -.group:hover .group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.ml-px { + margin-left: 1px; } -.group:hover .group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.mt-0\.5 { + margin-top: 0.125rem; } -.group:hover .group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.mr-0\.5 { + margin-right: 0.125rem; } -.group:hover .group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.mb-0\.5 { + margin-bottom: 0.125rem; } -.group:hover .group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.ml-0\.5 { + margin-left: 0.125rem; } -.group:hover .group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.mt-1\.5 { + margin-top: 0.375rem; } -.group:hover .group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.mr-1\.5 { + margin-right: 0.375rem; } -.group:hover .group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.mb-1\.5 { + margin-bottom: 0.375rem; } -.group:hover .group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.ml-1\.5 { + margin-left: 0.375rem; } -.group:hover .group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.mt-2\.5 { + margin-top: 0.625rem; } -.group:hover .group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.mr-2\.5 { + margin-right: 0.625rem; } -.group:hover .group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.mb-2\.5 { + margin-bottom: 0.625rem; } -.group:hover .group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.ml-2\.5 { + margin-left: 0.625rem; } -.group:hover .group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.mt-3\.5 { + margin-top: 0.875rem; } -.group:hover .group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.mr-3\.5 { + margin-right: 0.875rem; } -.group:hover .group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.mb-3\.5 { + margin-bottom: 0.875rem; } -.group:hover .group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.ml-3\.5 { + margin-left: 0.875rem; } -.group:hover .group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.-mt-1 { + margin-top: -0.25rem; } -.group:hover .group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.-mr-1 { + margin-right: -0.25rem; } -.group:hover .group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.-mb-1 { + margin-bottom: -0.25rem; } -.group:hover .group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.-ml-1 { + margin-left: -0.25rem; } -.group:hover .group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.-mt-2 { + margin-top: -0.5rem; } -.group:hover .group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.-mr-2 { + margin-right: -0.5rem; } -.group:hover .group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.-mb-2 { + margin-bottom: -0.5rem; } -.group:hover .group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.-ml-2 { + margin-left: -0.5rem; } -.group:hover .group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.-mt-3 { + margin-top: -0.75rem; } -.group:hover .group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.-mr-3 { + margin-right: -0.75rem; } -.group:hover .group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.-mb-3 { + margin-bottom: -0.75rem; } -.group:hover .group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.-ml-3 { + margin-left: -0.75rem; } -.group:hover .group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.-mt-4 { + margin-top: -1rem; } -.group:hover .group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.-mr-4 { + margin-right: -1rem; } -.group:hover .group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.-mb-4 { + margin-bottom: -1rem; } -.group:hover .group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.-ml-4 { + margin-left: -1rem; } -.group:hover .group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.-mt-5 { + margin-top: -1.25rem; } -.group:hover .group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.-mr-5 { + margin-right: -1.25rem; } -.group:hover .group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.-mb-5 { + margin-bottom: -1.25rem; } -.group:hover .group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.-ml-5 { + margin-left: -1.25rem; } -.group:hover .group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.-mt-6 { + margin-top: -1.5rem; } -.group:hover .group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.-mr-6 { + margin-right: -1.5rem; } -.group:hover .group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.-mb-6 { + margin-bottom: -1.5rem; } -.group:hover .group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.-ml-6 { + margin-left: -1.5rem; } -.group:hover .group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.-mt-7 { + margin-top: -1.75rem; } -.group:hover .group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.-mr-7 { + margin-right: -1.75rem; } -.group:hover .group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.-mb-7 { + margin-bottom: -1.75rem; } -.group:hover .group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.-ml-7 { + margin-left: -1.75rem; } -.group:hover .group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.-mt-8 { + margin-top: -2rem; } -.group:hover .group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.-mr-8 { + margin-right: -2rem; } -.group:hover .group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.-mb-8 { + margin-bottom: -2rem; } -.group:hover .group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.-ml-8 { + margin-left: -2rem; } -.group:hover .group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.-mt-9 { + margin-top: -2.25rem; } -.group:hover .group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.-mr-9 { + margin-right: -2.25rem; } -.group:hover .group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.-mb-9 { + margin-bottom: -2.25rem; } -.group:hover .group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.-ml-9 { + margin-left: -2.25rem; } -.group:hover .group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.-mt-10 { + margin-top: -2.5rem; } -.group:hover .group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.-mr-10 { + margin-right: -2.5rem; } -.group:hover .group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.-mb-10 { + margin-bottom: -2.5rem; } -.group:hover .group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.-ml-10 { + margin-left: -2.5rem; } -.group:hover .group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.-mt-12 { + margin-top: -3rem; } -.group:hover .group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.-mr-12 { + margin-right: -3rem; } -.group:hover .group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.-mb-12 { + margin-bottom: -3rem; } -.group:hover .group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.-ml-12 { + margin-left: -3rem; } -.group:hover .group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.-mt-14 { + margin-top: -3.5rem; } -.group:hover .group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.-mr-14 { + margin-right: -3.5rem; } -.group:hover .group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.-mb-14 { + margin-bottom: -3.5rem; } -.group:hover .group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.-ml-14 { + margin-left: -3.5rem; } -.hover\:border-transparent:hover { - border-color: transparent; +.-mt-16 { + margin-top: -4rem; } -.hover\:border-current:hover { - border-color: currentColor; +.-mr-16 { + margin-right: -4rem; } -.hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.-mb-16 { + margin-bottom: -4rem; } -.hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.-ml-16 { + margin-left: -4rem; } -.hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.-mt-20 { + margin-top: -5rem; } -.hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.-mr-20 { + margin-right: -5rem; } -.hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.-mb-20 { + margin-bottom: -5rem; } -.hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.-ml-20 { + margin-left: -5rem; } -.hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.-mt-24 { + margin-top: -6rem; } -.hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.-mr-24 { + margin-right: -6rem; } -.hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.-mb-24 { + margin-bottom: -6rem; } -.hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.-ml-24 { + margin-left: -6rem; } -.hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.-mt-28 { + margin-top: -7rem; } -.hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.-mr-28 { + margin-right: -7rem; } -.hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.-mb-28 { + margin-bottom: -7rem; } -.hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.-ml-28 { + margin-left: -7rem; } -.hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.-mt-32 { + margin-top: -8rem; } -.hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.-mr-32 { + margin-right: -8rem; } -.hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.-mb-32 { + margin-bottom: -8rem; } -.hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.-ml-32 { + margin-left: -8rem; } -.hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.-mt-36 { + margin-top: -9rem; } -.hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.-mr-36 { + margin-right: -9rem; } -.hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.-mb-36 { + margin-bottom: -9rem; } -.hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.-ml-36 { + margin-left: -9rem; } -.hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.-mt-40 { + margin-top: -10rem; } -.hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.-mr-40 { + margin-right: -10rem; } -.hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.-mb-40 { + margin-bottom: -10rem; } -.hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.-ml-40 { + margin-left: -10rem; } -.hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.-mt-44 { + margin-top: -11rem; } -.hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.-mr-44 { + margin-right: -11rem; } -.hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.-mb-44 { + margin-bottom: -11rem; } -.hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.-ml-44 { + margin-left: -11rem; } -.hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.-mt-48 { + margin-top: -12rem; } -.hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.-mr-48 { + margin-right: -12rem; } -.hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.-mb-48 { + margin-bottom: -12rem; } -.hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.-ml-48 { + margin-left: -12rem; } -.hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.-mt-52 { + margin-top: -13rem; } -.hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.-mr-52 { + margin-right: -13rem; } -.hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.-mb-52 { + margin-bottom: -13rem; } -.hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.-ml-52 { + margin-left: -13rem; } -.hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.-mt-56 { + margin-top: -14rem; } -.hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.-mr-56 { + margin-right: -14rem; } -.hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.-mb-56 { + margin-bottom: -14rem; } -.hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.-ml-56 { + margin-left: -14rem; } -.hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.-mt-60 { + margin-top: -15rem; } -.hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.-mr-60 { + margin-right: -15rem; } -.hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.-mb-60 { + margin-bottom: -15rem; } -.hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.-ml-60 { + margin-left: -15rem; } -.hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.-mt-64 { + margin-top: -16rem; } -.hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.-mr-64 { + margin-right: -16rem; } -.hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.-mb-64 { + margin-bottom: -16rem; } -.hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.-ml-64 { + margin-left: -16rem; } -.hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.-mt-72 { + margin-top: -18rem; } -.hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.-mr-72 { + margin-right: -18rem; } -.hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.-mb-72 { + margin-bottom: -18rem; } -.hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.-ml-72 { + margin-left: -18rem; } -.hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.-mt-80 { + margin-top: -20rem; } -.hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.-mr-80 { + margin-right: -20rem; } -.hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.-mb-80 { + margin-bottom: -20rem; } -.hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.-ml-80 { + margin-left: -20rem; } -.hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.-mt-96 { + margin-top: -24rem; } -.hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.-mr-96 { + margin-right: -24rem; } -.hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.-mb-96 { + margin-bottom: -24rem; } -.hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.-ml-96 { + margin-left: -24rem; } -.hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.-mt-px { + margin-top: -1px; } -.hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.-mr-px { + margin-right: -1px; } -.hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.-mb-px { + margin-bottom: -1px; } -.hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.-ml-px { + margin-left: -1px; } -.hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.-mt-0\.5 { + margin-top: -0.125rem; } -.hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.-mr-0\.5 { + margin-right: -0.125rem; } -.hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.-mb-0\.5 { + margin-bottom: -0.125rem; } -.hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.-ml-0\.5 { + margin-left: -0.125rem; } -.hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.-mt-1\.5 { + margin-top: -0.375rem; } -.hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.-mr-1\.5 { + margin-right: -0.375rem; } -.focus\:border-transparent:focus { - border-color: transparent; +.-mb-1\.5 { + margin-bottom: -0.375rem; } -.focus\:border-current:focus { - border-color: currentColor; +.-ml-1\.5 { + margin-left: -0.375rem; } -.focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); +.-mt-2\.5 { + margin-top: -0.625rem; } -.focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); +.-mr-2\.5 { + margin-right: -0.625rem; } -.focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); +.-mb-2\.5 { + margin-bottom: -0.625rem; } -.focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); +.-ml-2\.5 { + margin-left: -0.625rem; } -.focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); +.-mt-3\.5 { + margin-top: -0.875rem; } -.focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); +.-mr-3\.5 { + margin-right: -0.875rem; } -.focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); +.-mb-3\.5 { + margin-bottom: -0.875rem; } -.focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); +.-ml-3\.5 { + margin-left: -0.875rem; } -.focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); +.max-h-0 { + max-height: 0; } -.focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); +.max-h-1 { + max-height: 0.25rem; } -.focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); +.max-h-2 { + max-height: 0.5rem; } -.focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); +.max-h-3 { + max-height: 0.75rem; } -.focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); +.max-h-4 { + max-height: 1rem; } -.focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); +.max-h-5 { + max-height: 1.25rem; } -.focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); +.max-h-6 { + max-height: 1.5rem; } -.focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); +.max-h-7 { + max-height: 1.75rem; } -.focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); +.max-h-8 { + max-height: 2rem; } -.focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); +.max-h-9 { + max-height: 2.25rem; } -.focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); +.max-h-10 { + max-height: 2.5rem; } -.focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); +.max-h-12 { + max-height: 3rem; } -.focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); +.max-h-14 { + max-height: 3.5rem; } -.focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); +.max-h-16 { + max-height: 4rem; } -.focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); +.max-h-20 { + max-height: 5rem; } -.focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); +.max-h-24 { + max-height: 6rem; } -.focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); +.max-h-28 { + max-height: 7rem; } -.focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); +.max-h-32 { + max-height: 8rem; } -.focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); +.max-h-36 { + max-height: 9rem; } -.focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); +.max-h-40 { + max-height: 10rem; } -.focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); +.max-h-44 { + max-height: 11rem; } -.focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); +.max-h-48 { + max-height: 12rem; } -.focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); +.max-h-52 { + max-height: 13rem; } -.focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); +.max-h-56 { + max-height: 14rem; } -.focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); +.max-h-60 { + max-height: 15rem; } -.focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); +.max-h-64 { + max-height: 16rem; } -.focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); +.max-h-72 { + max-height: 18rem; } -.focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); +.max-h-80 { + max-height: 20rem; } -.focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); +.max-h-96 { + max-height: 24rem; } -.focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); +.max-h-px { + max-height: 1px; } -.focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); +.max-h-0\.5 { + max-height: 0.125rem; } -.focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); +.max-h-1\.5 { + max-height: 0.375rem; } -.focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); +.max-h-2\.5 { + max-height: 0.625rem; } -.focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); +.max-h-3\.5 { + max-height: 0.875rem; } -.focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); +.max-h-full { + max-height: 100%; } -.focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); +.max-h-screen { + max-height: 100vh; } -.focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); +.max-w-0 { + max-width: 0rem; } -.focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); +.max-w-none { + max-width: none; } -.focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); +.max-w-xs { + max-width: 20rem; } -.focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); +.max-w-sm { + max-width: 24rem; } -.focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); +.max-w-md { + max-width: 28rem; } -.focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); +.max-w-lg { + max-width: 32rem; } -.focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); +.max-w-xl { + max-width: 36rem; } -.focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); +.max-w-2xl { + max-width: 42rem; } -.focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); +.max-w-3xl { + max-width: 48rem; } -.focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); +.max-w-4xl { + max-width: 56rem; } -.focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); +.max-w-5xl { + max-width: 64rem; } -.focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); +.max-w-6xl { + max-width: 72rem; } -.focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); +.max-w-7xl { + max-width: 80rem; } -.focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); +.max-w-full { + max-width: 100%; } -.focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); +.max-w-min { + max-width: min-content; } -.focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); +.max-w-max { + max-width: max-content; } -.focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); +.max-w-screen-sm { + max-width: 640px; } -.focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); +.max-w-screen-md { + max-width: 768px; } -.focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); +.max-w-screen-lg { + max-width: 1024px; } -.focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); +.max-w-screen-xl { + max-width: 1280px; } -.focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); +.max-w-screen-2xl { + max-width: 1536px; } -.focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); +.min-h-0 { + min-height: 0; } -.focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); +.min-h-full { + min-height: 100%; } -.focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); +.min-h-screen { + min-height: 100vh; } -.focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); +.min-w-0 { + min-width: 0; } -.focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); +.min-w-full { + min-width: 100%; } -.focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); +.min-w-min { + min-width: min-content; } -.focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +.min-w-max { + min-width: max-content; } -@media (prefers-color-scheme: dark) { - .dark\:border-transparent { - border-color: transparent; - } - - .dark\:border-current { - border-color: currentColor; - } +.object-contain { + object-fit: contain; +} - .dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.object-cover { + object-fit: cover; +} - .dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.object-fill { + object-fit: fill; +} - .dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.object-none { + object-fit: none; +} - .dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.object-scale-down { + object-fit: scale-down; +} - .dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.object-bottom { + object-position: bottom; +} - .dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.object-center { + object-position: center; +} - .dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.object-left { + object-position: left; +} - .dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.object-left-bottom { + object-position: left bottom; +} - .dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.object-left-top { + object-position: left top; +} - .dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.object-right { + object-position: right; +} - .dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.object-right-bottom { + object-position: right bottom; +} - .dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.object-right-top { + object-position: right top; +} - .dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.object-top { + object-position: top; +} - .dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.opacity-0 { + opacity: 0; +} - .dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.opacity-25 { + opacity: 0.25; +} - .dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.opacity-50 { + opacity: 0.5; +} - .dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.opacity-75 { + opacity: 0.75; +} - .dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.opacity-100 { + opacity: 1; +} - .dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-0 { + opacity: 0; +} - .dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-25 { + opacity: 0.25; +} - .dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-50 { + opacity: 0.5; +} - .dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-75 { + opacity: 0.75; +} - .dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.group:hover .group-hover\:opacity-100 { + opacity: 1; +} - .dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.hover\:opacity-0:hover { + opacity: 0; +} - .dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.hover\:opacity-25:hover { + opacity: 0.25; +} - .dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.hover\:opacity-50:hover { + opacity: 0.5; +} - .dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.hover\:opacity-75:hover { + opacity: 0.75; +} - .dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.hover\:opacity-100:hover { + opacity: 1; +} - .dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.focus\:opacity-0:focus { + opacity: 0; +} - .dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.focus\:opacity-25:focus { + opacity: 0.25; +} - .dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.focus\:opacity-50:focus { + opacity: 0.5; +} - .dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.focus\:opacity-75:focus { + opacity: 0.75; +} - .dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.focus\:opacity-100:focus { + opacity: 1; +} - .dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} - .dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.outline-white { + outline: 2px dotted white; + outline-offset: 2px; +} - .dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.outline-black { + outline: 2px dotted black; + outline-offset: 2px; +} - .dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} - .dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; +} - .dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; +} - .dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.overflow-auto { + overflow: auto; +} - .dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.overflow-hidden { + overflow: hidden; +} - .dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.overflow-visible { + overflow: visible; +} - .dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } +.overflow-scroll { + overflow: scroll; +} - .dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } +.overflow-x-auto { + overflow-x: auto; +} - .dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } +.overflow-y-auto { + overflow-y: auto; +} - .dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } +.overflow-x-hidden { + overflow-x: hidden; +} - .dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } +.overflow-y-hidden { + overflow-y: hidden; +} - .dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } +.overflow-x-visible { + overflow-x: visible; +} - .dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } +.overflow-y-visible { + overflow-y: visible; +} - .dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } +.overflow-x-scroll { + overflow-x: scroll; +} - .dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } +.overflow-y-scroll { + overflow-y: scroll; +} - .dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } +.overscroll-auto { + overscroll-behavior: auto; +} - .dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } +.overscroll-contain { + overscroll-behavior: contain; +} - .dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } +.overscroll-none { + overscroll-behavior: none; +} - .dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } +.overscroll-y-auto { + overscroll-behavior-y: auto; +} - .dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } +.overscroll-y-contain { + overscroll-behavior-y: contain; +} - .dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } +.overscroll-y-none { + overscroll-behavior-y: none; +} - .dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } +.overscroll-x-auto { + overscroll-behavior-x: auto; +} - .dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } +.overscroll-x-contain { + overscroll-behavior-x: contain; +} - .dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } +.overscroll-x-none { + overscroll-behavior-x: none; +} - .dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } +.p-0 { + padding: 0; +} - .dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } +.p-1 { + padding: 0.25rem; +} - .dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } +.p-2 { + padding: 0.5rem; +} - .dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } +.p-3 { + padding: 0.75rem; +} - .dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } +.p-4 { + padding: 1rem; +} - .dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } +.p-5 { + padding: 1.25rem; +} - .dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } +.p-6 { + padding: 1.5rem; +} - .dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } +.p-7 { + padding: 1.75rem; +} - .dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } +.p-8 { + padding: 2rem; +} - .dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } +.p-9 { + padding: 2.25rem; +} - .dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.p-10 { + padding: 2.5rem; +} - .dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.p-12 { + padding: 3rem; +} - .group:hover .dark\:group-hover\:border-transparent { - border-color: transparent; - } +.p-14 { + padding: 3.5rem; +} - .group:hover .dark\:group-hover\:border-current { - border-color: currentColor; - } +.p-16 { + padding: 4rem; +} - .group:hover .dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.p-20 { + padding: 5rem; +} - .group:hover .dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.p-24 { + padding: 6rem; +} - .group:hover .dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.p-28 { + padding: 7rem; +} - .group:hover .dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.p-32 { + padding: 8rem; +} - .group:hover .dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.p-36 { + padding: 9rem; +} - .group:hover .dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.p-40 { + padding: 10rem; +} - .group:hover .dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.p-44 { + padding: 11rem; +} - .group:hover .dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.p-48 { + padding: 12rem; +} - .group:hover .dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.p-52 { + padding: 13rem; +} - .group:hover .dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.p-56 { + padding: 14rem; +} - .group:hover .dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.p-60 { + padding: 15rem; +} - .group:hover .dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.p-64 { + padding: 16rem; +} - .group:hover .dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.p-72 { + padding: 18rem; +} - .group:hover .dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.p-80 { + padding: 20rem; +} - .group:hover .dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.p-96 { + padding: 24rem; +} - .group:hover .dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.p-px { + padding: 1px; +} - .group:hover .dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.p-0\.5 { + padding: 0.125rem; +} - .group:hover .dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.p-1\.5 { + padding: 0.375rem; +} - .group:hover .dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.p-2\.5 { + padding: 0.625rem; +} - .group:hover .dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.p-3\.5 { + padding: 0.875rem; +} - .group:hover .dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.py-0 { + padding-top: 0; + padding-bottom: 0; +} - .group:hover .dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.px-0 { + padding-left: 0; + padding-right: 0; +} - .group:hover .dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} - .group:hover .dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} - .group:hover .dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} - .group:hover .dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} - .group:hover .dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} - .group:hover .dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} - .group:hover .dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} - .group:hover .dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} - .group:hover .dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} - .group:hover .dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} - .group:hover .dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} - .group:hover .dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} - .group:hover .dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; +} - .group:hover .dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; +} - .group:hover .dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} - .group:hover .dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} - .group:hover .dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; +} - .group:hover .dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; +} - .group:hover .dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} - .group:hover .dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} - .group:hover .dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} - .group:hover .dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } +.px-12 { + padding-left: 3rem; + padding-right: 3rem; +} - .group:hover .dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } +.py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; +} - .group:hover .dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } +.px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; +} - .group:hover .dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} - .group:hover .dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } +.px-16 { + padding-left: 4rem; + padding-right: 4rem; +} - .group:hover .dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} - .group:hover .dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } +.px-20 { + padding-left: 5rem; + padding-right: 5rem; +} - .group:hover .dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} - .group:hover .dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } +.px-24 { + padding-left: 6rem; + padding-right: 6rem; +} - .group:hover .dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; +} - .group:hover .dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } +.px-28 { + padding-left: 7rem; + padding-right: 7rem; +} - .group:hover .dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } +.py-32 { + padding-top: 8rem; + padding-bottom: 8rem; +} - .group:hover .dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } +.px-32 { + padding-left: 8rem; + padding-right: 8rem; +} - .group:hover .dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; +} - .group:hover .dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } +.px-36 { + padding-left: 9rem; + padding-right: 9rem; +} - .group:hover .dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; +} - .group:hover .dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } +.px-40 { + padding-left: 10rem; + padding-right: 10rem; +} - .group:hover .dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } +.py-44 { + padding-top: 11rem; + padding-bottom: 11rem; +} - .group:hover .dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } +.px-44 { + padding-left: 11rem; + padding-right: 11rem; +} - .group:hover .dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } +.py-48 { + padding-top: 12rem; + padding-bottom: 12rem; +} - .group:hover .dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } +.px-48 { + padding-left: 12rem; + padding-right: 12rem; +} - .group:hover .dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } +.py-52 { + padding-top: 13rem; + padding-bottom: 13rem; +} - .group:hover .dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } +.px-52 { + padding-left: 13rem; + padding-right: 13rem; +} - .group:hover .dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } +.py-56 { + padding-top: 14rem; + padding-bottom: 14rem; +} - .group:hover .dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } +.px-56 { + padding-left: 14rem; + padding-right: 14rem; +} - .group:hover .dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } +.py-60 { + padding-top: 15rem; + padding-bottom: 15rem; +} - .group:hover .dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } +.px-60 { + padding-left: 15rem; + padding-right: 15rem; +} - .group:hover .dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.py-64 { + padding-top: 16rem; + padding-bottom: 16rem; +} - .group:hover .dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.px-64 { + padding-left: 16rem; + padding-right: 16rem; +} - .dark\:hover\:border-transparent:hover { - border-color: transparent; - } +.py-72 { + padding-top: 18rem; + padding-bottom: 18rem; +} - .dark\:hover\:border-current:hover { - border-color: currentColor; - } +.px-72 { + padding-left: 18rem; + padding-right: 18rem; +} - .dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.py-80 { + padding-top: 20rem; + padding-bottom: 20rem; +} - .dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.px-80 { + padding-left: 20rem; + padding-right: 20rem; +} - .dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.py-96 { + padding-top: 24rem; + padding-bottom: 24rem; +} - .dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.px-96 { + padding-left: 24rem; + padding-right: 24rem; +} - .dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.py-px { + padding-top: 1px; + padding-bottom: 1px; +} - .dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.px-px { + padding-left: 1px; + padding-right: 1px; +} - .dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; +} - .dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; +} - .dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} - .dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; +} - .dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; +} - .dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; +} - .dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; +} - .dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; +} - .dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.pt-0 { + padding-top: 0; +} - .dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.pr-0 { + padding-right: 0; +} - .dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.pb-0 { + padding-bottom: 0; +} - .dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.pl-0 { + padding-left: 0; +} - .dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.pt-1 { + padding-top: 0.25rem; +} - .dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.pr-1 { + padding-right: 0.25rem; +} - .dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.pb-1 { + padding-bottom: 0.25rem; +} - .dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.pl-1 { + padding-left: 0.25rem; +} - .dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.pt-2 { + padding-top: 0.5rem; +} - .dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.pr-2 { + padding-right: 0.5rem; +} - .dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.pb-2 { + padding-bottom: 0.5rem; +} - .dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.pl-2 { + padding-left: 0.5rem; +} - .dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.pt-3 { + padding-top: 0.75rem; +} - .dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.pr-3 { + padding-right: 0.75rem; +} - .dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.pb-3 { + padding-bottom: 0.75rem; +} - .dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.pl-3 { + padding-left: 0.75rem; +} - .dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.pt-4 { + padding-top: 1rem; +} - .dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.pr-4 { + padding-right: 1rem; +} - .dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.pb-4 { + padding-bottom: 1rem; +} - .dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.pl-4 { + padding-left: 1rem; +} - .dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.pt-5 { + padding-top: 1.25rem; +} - .dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.pr-5 { + padding-right: 1.25rem; +} - .dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.pb-5 { + padding-bottom: 1.25rem; +} - .dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.pl-5 { + padding-left: 1.25rem; +} - .dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.pt-6 { + padding-top: 1.5rem; +} - .dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.pr-6 { + padding-right: 1.5rem; +} - .dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.pb-6 { + padding-bottom: 1.5rem; +} - .dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.pl-6 { + padding-left: 1.5rem; +} - .dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } +.pt-7 { + padding-top: 1.75rem; +} - .dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } +.pr-7 { + padding-right: 1.75rem; +} - .dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } +.pb-7 { + padding-bottom: 1.75rem; +} - .dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } +.pl-7 { + padding-left: 1.75rem; +} - .dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } +.pt-8 { + padding-top: 2rem; +} - .dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } +.pr-8 { + padding-right: 2rem; +} - .dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } +.pb-8 { + padding-bottom: 2rem; +} - .dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } +.pl-8 { + padding-left: 2rem; +} - .dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } +.pt-9 { + padding-top: 2.25rem; +} - .dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } +.pr-9 { + padding-right: 2.25rem; +} - .dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } +.pb-9 { + padding-bottom: 2.25rem; +} - .dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } +.pl-9 { + padding-left: 2.25rem; +} - .dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } +.pt-10 { + padding-top: 2.5rem; +} - .dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } +.pr-10 { + padding-right: 2.5rem; +} - .dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } +.pb-10 { + padding-bottom: 2.5rem; +} - .dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } +.pl-10 { + padding-left: 2.5rem; +} - .dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } +.pt-12 { + padding-top: 3rem; +} - .dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } +.pr-12 { + padding-right: 3rem; +} - .dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } +.pb-12 { + padding-bottom: 3rem; +} - .dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } +.pl-12 { + padding-left: 3rem; +} - .dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } +.pt-14 { + padding-top: 3.5rem; +} - .dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } +.pr-14 { + padding-right: 3.5rem; +} - .dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } +.pb-14 { + padding-bottom: 3.5rem; +} - .dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } +.pl-14 { + padding-left: 3.5rem; +} - .dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } +.pt-16 { + padding-top: 4rem; +} - .dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } +.pr-16 { + padding-right: 4rem; +} - .dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } +.pb-16 { + padding-bottom: 4rem; +} - .dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } +.pl-16 { + padding-left: 4rem; +} - .dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.pt-20 { + padding-top: 5rem; +} - .dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.pr-20 { + padding-right: 5rem; +} - .dark\:focus\:border-transparent:focus { - border-color: transparent; - } +.pb-20 { + padding-bottom: 5rem; +} - .dark\:focus\:border-current:focus { - border-color: currentColor; - } +.pl-20 { + padding-left: 5rem; +} - .dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } +.pt-24 { + padding-top: 6rem; +} - .dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } +.pr-24 { + padding-right: 6rem; +} - .dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } +.pb-24 { + padding-bottom: 6rem; +} - .dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } +.pl-24 { + padding-left: 6rem; +} - .dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } +.pt-28 { + padding-top: 7rem; +} - .dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } +.pr-28 { + padding-right: 7rem; +} - .dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } +.pb-28 { + padding-bottom: 7rem; +} - .dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } +.pl-28 { + padding-left: 7rem; +} - .dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } +.pt-32 { + padding-top: 8rem; +} - .dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } +.pr-32 { + padding-right: 8rem; +} - .dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } +.pb-32 { + padding-bottom: 8rem; +} - .dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } +.pl-32 { + padding-left: 8rem; +} - .dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } +.pt-36 { + padding-top: 9rem; +} - .dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } +.pr-36 { + padding-right: 9rem; +} - .dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } +.pb-36 { + padding-bottom: 9rem; +} - .dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } +.pl-36 { + padding-left: 9rem; +} - .dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } +.pt-40 { + padding-top: 10rem; +} - .dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } +.pr-40 { + padding-right: 10rem; +} - .dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } +.pb-40 { + padding-bottom: 10rem; +} - .dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } +.pl-40 { + padding-left: 10rem; +} - .dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } +.pt-44 { + padding-top: 11rem; +} - .dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } +.pr-44 { + padding-right: 11rem; +} - .dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } +.pb-44 { + padding-bottom: 11rem; +} - .dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } +.pl-44 { + padding-left: 11rem; +} - .dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } +.pt-48 { + padding-top: 12rem; +} - .dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } +.pr-48 { + padding-right: 12rem; +} - .dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } +.pb-48 { + padding-bottom: 12rem; +} - .dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } +.pl-48 { + padding-left: 12rem; +} - .dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } +.pt-52 { + padding-top: 13rem; +} - .dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } +.pr-52 { + padding-right: 13rem; +} - .dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } +.pb-52 { + padding-bottom: 13rem; +} - .dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } +.pl-52 { + padding-left: 13rem; +} - .dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } +.pt-56 { + padding-top: 14rem; +} - .dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } +.pr-56 { + padding-right: 14rem; +} - .dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } +.pb-56 { + padding-bottom: 14rem; +} - .dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } +.pl-56 { + padding-left: 14rem; +} - .dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } +.pt-60 { + padding-top: 15rem; +} - .dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } +.pr-60 { + padding-right: 15rem; +} - .dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } +.pb-60 { + padding-bottom: 15rem; +} - .dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } +.pl-60 { + padding-left: 15rem; +} - .dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } +.pt-64 { + padding-top: 16rem; +} - .dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } +.pr-64 { + padding-right: 16rem; +} - .dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } +.pb-64 { + padding-bottom: 16rem; +} - .dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } +.pl-64 { + padding-left: 16rem; } -.border-opacity-0 { - --border-opacity: 0; +.pt-72 { + padding-top: 18rem; } -.border-opacity-25 { - --border-opacity: 0.25; +.pr-72 { + padding-right: 18rem; } -.border-opacity-50 { - --border-opacity: 0.5; +.pb-72 { + padding-bottom: 18rem; } -.border-opacity-75 { - --border-opacity: 0.75; +.pl-72 { + padding-left: 18rem; } -.border-opacity-100 { - --border-opacity: 1; +.pt-80 { + padding-top: 20rem; } -.group:hover .group-hover\:border-opacity-0 { - --border-opacity: 0; +.pr-80 { + padding-right: 20rem; } -.group:hover .group-hover\:border-opacity-25 { - --border-opacity: 0.25; +.pb-80 { + padding-bottom: 20rem; } -.group:hover .group-hover\:border-opacity-50 { - --border-opacity: 0.5; +.pl-80 { + padding-left: 20rem; } -.group:hover .group-hover\:border-opacity-75 { - --border-opacity: 0.75; +.pt-96 { + padding-top: 24rem; } -.group:hover .group-hover\:border-opacity-100 { - --border-opacity: 1; +.pr-96 { + padding-right: 24rem; } -.hover\:border-opacity-0:hover { - --border-opacity: 0; +.pb-96 { + padding-bottom: 24rem; } -.hover\:border-opacity-25:hover { - --border-opacity: 0.25; +.pl-96 { + padding-left: 24rem; } -.hover\:border-opacity-50:hover { - --border-opacity: 0.5; +.pt-px { + padding-top: 1px; } -.hover\:border-opacity-75:hover { - --border-opacity: 0.75; +.pr-px { + padding-right: 1px; } -.hover\:border-opacity-100:hover { - --border-opacity: 1; +.pb-px { + padding-bottom: 1px; } -.focus\:border-opacity-0:focus { - --border-opacity: 0; +.pl-px { + padding-left: 1px; } -.focus\:border-opacity-25:focus { - --border-opacity: 0.25; +.pt-0\.5 { + padding-top: 0.125rem; } -.focus\:border-opacity-50:focus { - --border-opacity: 0.5; +.pr-0\.5 { + padding-right: 0.125rem; } -.focus\:border-opacity-75:focus { - --border-opacity: 0.75; +.pb-0\.5 { + padding-bottom: 0.125rem; } -.focus\:border-opacity-100:focus { - --border-opacity: 1; +.pl-0\.5 { + padding-left: 0.125rem; } -.rounded-none { - border-radius: 0; +.pt-1\.5 { + padding-top: 0.375rem; } -.rounded-sm { - border-radius: 0.125rem; +.pr-1\.5 { + padding-right: 0.375rem; } -.rounded { - border-radius: 0.25rem; +.pb-1\.5 { + padding-bottom: 0.375rem; } -.rounded-md { - border-radius: 0.375rem; +.pl-1\.5 { + padding-left: 0.375rem; } -.rounded-lg { - border-radius: 0.5rem; +.pt-2\.5 { + padding-top: 0.625rem; } -.rounded-xl { - border-radius: 0.75rem; +.pr-2\.5 { + padding-right: 0.625rem; } -.rounded-2xl { - border-radius: 1rem; +.pb-2\.5 { + padding-bottom: 0.625rem; } -.rounded-3xl { - border-radius: 1.5rem; +.pl-2\.5 { + padding-left: 0.625rem; } -.rounded-full { - border-radius: 9999px; +.pt-3\.5 { + padding-top: 0.875rem; } -.rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; +.pr-3\.5 { + padding-right: 0.875rem; } -.rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.pb-3\.5 { + padding-bottom: 0.875rem; } -.rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.pl-3\.5 { + padding-left: 0.875rem; } -.rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; +.placeholder-transparent::placeholder { + color: transparent; } -.rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; +.placeholder-current::placeholder { + color: currentColor; } -.rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; +.placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } -.rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; +.placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } -.rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; +.placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } -.rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; +.placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } -.rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; +.placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } -.rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } -.rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; +.placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; +.placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } -.rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; +.placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } -.rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; +.placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } -.rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; +.placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } -.rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; +.placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } -.rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; +.placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } -.rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; +.placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } -.rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; +.placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } -.rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; +.placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } -.rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; +.placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } -.rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; +.placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } -.rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; +.placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } -.rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; +.placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } -.rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; +.placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } -.rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; +.placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } -.rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; +.placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } -.rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; +.placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } -.rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; +.placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } -.rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; +.placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } -.rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; +.placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } -.rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; +.placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } -.rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; +.placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } -.rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; +.placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } -.rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; +.placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } -.rounded-tl-none { - border-top-left-radius: 0; +.placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } -.rounded-tr-none { - border-top-right-radius: 0; +.placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } -.rounded-br-none { - border-bottom-right-radius: 0; +.placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } -.rounded-bl-none { - border-bottom-left-radius: 0; +.placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } -.rounded-tl-sm { - border-top-left-radius: 0.125rem; +.placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } -.rounded-tr-sm { - border-top-right-radius: 0.125rem; +.placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } -.rounded-br-sm { - border-bottom-right-radius: 0.125rem; +.placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } -.rounded-bl-sm { - border-bottom-left-radius: 0.125rem; +.placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } -.rounded-tl { - border-top-left-radius: 0.25rem; +.placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } -.rounded-tr { - border-top-right-radius: 0.25rem; +.placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } -.rounded-br { - border-bottom-right-radius: 0.25rem; +.placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } -.rounded-bl { - border-bottom-left-radius: 0.25rem; +.placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } -.rounded-tl-md { - border-top-left-radius: 0.375rem; +.placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } -.rounded-tr-md { - border-top-right-radius: 0.375rem; +.placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } -.rounded-br-md { - border-bottom-right-radius: 0.375rem; +.placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } -.rounded-bl-md { - border-bottom-left-radius: 0.375rem; +.placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } -.rounded-tl-lg { - border-top-left-radius: 0.5rem; +.placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } -.rounded-tr-lg { - border-top-right-radius: 0.5rem; +.placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } -.rounded-br-lg { - border-bottom-right-radius: 0.5rem; +.placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } -.rounded-bl-lg { - border-bottom-left-radius: 0.5rem; +.placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } -.rounded-tl-xl { - border-top-left-radius: 0.75rem; +.placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } -.rounded-tr-xl { - border-top-right-radius: 0.75rem; +.placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } -.rounded-br-xl { - border-bottom-right-radius: 0.75rem; +.placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } -.rounded-bl-xl { - border-bottom-left-radius: 0.75rem; +.placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } -.rounded-tl-2xl { - border-top-left-radius: 1rem; +.placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } -.rounded-tr-2xl { - border-top-right-radius: 1rem; +.placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } -.rounded-br-2xl { - border-bottom-right-radius: 1rem; +.placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } -.rounded-bl-2xl { - border-bottom-left-radius: 1rem; +.placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } -.rounded-tl-3xl { - border-top-left-radius: 1.5rem; +.placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } -.rounded-tr-3xl { - border-top-right-radius: 1.5rem; +.placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } -.rounded-br-3xl { - border-bottom-right-radius: 1.5rem; +.placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } -.rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; +.placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } -.rounded-tl-full { - border-top-left-radius: 9999px; +.placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } -.rounded-tr-full { - border-top-right-radius: 9999px; +.placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } -.rounded-br-full { - border-bottom-right-radius: 9999px; +.placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } -.rounded-bl-full { - border-bottom-left-radius: 9999px; +.placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } -.border-solid { - border-style: solid; +.placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } -.border-dashed { - border-style: dashed; +.placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } -.border-dotted { - border-style: dotted; +.placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } -.border-double { - border-style: double; +.placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } -.border-none { - border-style: none; +.placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } -.border-0 { - border-width: 0; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent; } -.border-2 { - border-width: 2px; +.focus\:placeholder-current:focus::placeholder { + color: currentColor; } -.border-4 { - border-width: 4px; +.focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } -.border-8 { - border-width: 8px; +.focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } -.border { - border-width: 1px; +.focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } -.border-t-0 { - border-top-width: 0; +.focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } -.border-r-0 { - border-right-width: 0; +.focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } -.border-b-0 { - border-bottom-width: 0; +.focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } -.border-l-0 { - border-left-width: 0; +.focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } -.border-t-2 { - border-top-width: 2px; +.focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } -.border-r-2 { - border-right-width: 2px; +.focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } -.border-b-2 { - border-bottom-width: 2px; +.focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } -.border-l-2 { - border-left-width: 2px; +.focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } -.border-t-4 { - border-top-width: 4px; +.focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } -.border-r-4 { - border-right-width: 4px; +.focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } -.border-b-4 { - border-bottom-width: 4px; +.focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } -.border-l-4 { - border-left-width: 4px; +.focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } -.border-t-8 { - border-top-width: 8px; +.focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } -.border-r-8 { - border-right-width: 8px; +.focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } -.border-b-8 { - border-bottom-width: 8px; +.focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } -.border-l-8 { - border-left-width: 8px; +.focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } -.border-t { - border-top-width: 1px; +.focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } -.border-r { - border-right-width: 1px; +.focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } -.border-b { - border-bottom-width: 1px; +.focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } -.border-l { - border-left-width: 1px; +.focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } -.box-border { - box-sizing: border-box; +.focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } -.box-content { - box-sizing: content-box; +.focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } -.cursor-auto { - cursor: auto; +.focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } -.cursor-default { - cursor: default; +.focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } -.cursor-pointer { - cursor: pointer; +.focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } -.cursor-wait { - cursor: wait; +.focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } -.cursor-text { - cursor: text; +.focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } -.cursor-move { - cursor: move; +.focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } -.cursor-not-allowed { - cursor: not-allowed; +.focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } -.block { - display: block; +.focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } -.inline-block { - display: inline-block; +.focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } -.inline { - display: inline; +.focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } -.flex { - display: flex; +.focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } -.inline-flex { - display: inline-flex; +.focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } -.table { - display: table; +.focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } -.table-caption { - display: table-caption; +.focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } -.table-cell { - display: table-cell; +.focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } -.table-column { - display: table-column; +.focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } -.table-column-group { - display: table-column-group; +.focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } -.table-footer-group { - display: table-footer-group; +.focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } -.table-header-group { - display: table-header-group; +.focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } -.table-row-group { - display: table-row-group; +.focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } -.table-row { - display: table-row; +.focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } -.flow-root { - display: flow-root; +.focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } -.grid { - display: grid; +.focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } -.inline-grid { - display: inline-grid; +.focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } -.contents { - display: contents; +.focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } -.hidden { - display: none; +.focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } -.flex-row { - flex-direction: row; +.focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } -.flex-row-reverse { - flex-direction: row-reverse; +.focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } -.flex-col { - flex-direction: column; +.focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } -.flex-col-reverse { - flex-direction: column-reverse; +.focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } -.flex-wrap { - flex-wrap: wrap; +.focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } -.flex-wrap-reverse { - flex-wrap: wrap-reverse; +.focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } -.flex-no-wrap { - flex-wrap: nowrap; +.focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } -.place-items-auto { - place-items: auto; +.focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } -.place-items-start { - place-items: start; +.focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } -.place-items-end { - place-items: end; +.focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } -.place-items-center { - place-items: center; +.focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } -.place-items-stretch { - place-items: stretch; +.focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } -.place-content-center { - place-content: center; +.focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } -.place-content-start { - place-content: start; +.focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } -.place-content-end { - place-content: end; +.focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } -.place-content-between { - place-content: space-between; +.focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } -.place-content-around { - place-content: space-around; +.focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } -.place-content-evenly { - place-content: space-evenly; +.focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } -.place-content-stretch { - place-content: stretch; +.focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } -.place-self-auto { - place-self: auto; +.focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } -.place-self-start { - place-self: start; +.focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } -.place-self-end { - place-self: end; +.placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } -.place-self-center { - place-self: center; +.placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } -.place-self-stretch { - place-self: stretch; +.placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } -.items-start { - align-items: flex-start; +.placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } -.items-end { - align-items: flex-end; +.placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } -.items-center { - align-items: center; +.focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } -.items-baseline { - align-items: baseline; +.focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } -.items-stretch { - align-items: stretch; +.focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } -.content-center { - align-content: center; +.focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } -.content-start { - align-content: flex-start; +.focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } -.content-end { - align-content: flex-end; +.pointer-events-none { + pointer-events: none; } -.content-between { - align-content: space-between; +.pointer-events-auto { + pointer-events: auto; } -.content-around { - align-content: space-around; +.static { + position: static; } -.content-evenly { - align-content: space-evenly; +.fixed { + position: fixed; } -.self-auto { - align-self: auto; +.absolute { + position: absolute; } -.self-start { - align-self: flex-start; +.relative { + position: relative; } -.self-end { - align-self: flex-end; +.sticky { + position: sticky; } -.self-center { - align-self: center; +.inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } -.self-stretch { - align-self: stretch; +.inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } -.justify-items-auto { - justify-items: auto; +.inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } -.justify-items-start { - justify-items: start; +.inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } -.justify-items-end { - justify-items: end; +.inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } -.justify-items-center { - justify-items: center; +.inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } -.justify-items-stretch { - justify-items: stretch; +.inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } -.justify-start { - justify-content: flex-start; +.inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } -.justify-end { - justify-content: flex-end; +.inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } -.justify-center { - justify-content: center; +.inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } -.justify-between { - justify-content: space-between; +.inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } -.justify-around { - justify-content: space-around; +.inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } -.justify-evenly { - justify-content: space-evenly; +.inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } -.justify-self-auto { - justify-self: auto; +.inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } -.justify-self-start { - justify-self: start; +.inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } -.justify-self-end { - justify-self: end; +.inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } -.justify-self-center { - justify-self: center; +.inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } -.justify-self-stretch { - justify-self: stretch; +.inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } -.flex-1 { - flex: 1 1 0%; +.inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } -.flex-auto { - flex: 1 1 auto; +.inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } -.flex-initial { - flex: 0 1 auto; +.inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } -.flex-none { - flex: none; +.inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } -.flex-grow-0 { - flex-grow: 0; +.inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } -.flex-grow { - flex-grow: 1; +.inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } -.flex-shrink-0 { - flex-shrink: 0; +.inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } -.flex-shrink { - flex-shrink: 1; +.inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } -.order-1 { - order: 1; +.inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } -.order-2 { - order: 2; +.inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } -.order-3 { - order: 3; +.inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } -.order-4 { - order: 4; +.inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } -.order-5 { - order: 5; +.inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } -.order-6 { - order: 6; +.inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } -.order-7 { - order: 7; +.inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } -.order-8 { - order: 8; +.inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } -.order-9 { - order: 9; +.inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } -.order-10 { - order: 10; +.-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } -.order-11 { - order: 11; +.-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } -.order-12 { - order: 12; +.-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } -.order-first { - order: -9999; +.-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } -.order-last { - order: 9999; +.-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } -.order-none { - order: 0; +.-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } -.float-right { - float: right; +.-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } -.float-left { - float: left; +.-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } -.float-none { - float: none; +.-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } -.clearfix:after { - content: ""; - display: table; - clear: both; +.-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } -.clear-left { - clear: left; +.-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } -.clear-right { - clear: right; +.-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } -.clear-both { - clear: both; +.-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } -.clear-none { - clear: none; +.-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } -.font-sans { - font-family: ui-sans-serif, 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"; +.-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } -.font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; +.-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } -.font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +.-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } -.font-thin { - font-weight: 100; +.-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } -.font-extralight { - font-weight: 200; +.-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } -.font-light { - font-weight: 300; +.-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } -.font-normal { - font-weight: 400; +.-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } -.font-medium { - font-weight: 500; +.-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } -.font-semibold { - font-weight: 600; +.-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } -.font-bold { - font-weight: 700; +.-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } -.font-extrabold { - font-weight: 800; +.-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } -.font-black { - font-weight: 900; +.-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } -.hover\:font-thin:hover { - font-weight: 100; +.-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } -.hover\:font-extralight:hover { - font-weight: 200; +.-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } -.hover\:font-light:hover { - font-weight: 300; +.-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } -.hover\:font-normal:hover { - font-weight: 400; +.-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } -.hover\:font-medium:hover { - font-weight: 500; +.-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } -.hover\:font-semibold:hover { - font-weight: 600; +.-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } -.hover\:font-bold:hover { - font-weight: 700; +.-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } -.hover\:font-extrabold:hover { - font-weight: 800; +.inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.hover\:font-black:hover { - font-weight: 900; +.inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } -.focus\:font-thin:focus { - font-weight: 100; +.inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } -.focus\:font-extralight:focus { - font-weight: 200; +.inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } -.focus\:font-light:focus { - font-weight: 300; +.inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } -.focus\:font-normal:focus { - font-weight: 400; +.inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } -.focus\:font-medium:focus { - font-weight: 500; +.inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } -.focus\:font-semibold:focus { - font-weight: 600; +.-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } -.focus\:font-bold:focus { - font-weight: 700; +.-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } -.focus\:font-extrabold:focus { - font-weight: 800; +.-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } -.focus\:font-black:focus { - font-weight: 900; +.-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } -.h-0 { - height: 0; +.-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } -.h-1 { - height: 0.25rem; +.-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } -.h-2 { - height: 0.5rem; +.-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } -.h-3 { - height: 0.75rem; +.inset-y-0 { + top: 0; + bottom: 0; } -.h-4 { - height: 1rem; +.inset-x-0 { + right: 0; + left: 0; } -.h-5 { - height: 1.25rem; +.inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } -.h-6 { - height: 1.5rem; +.inset-x-1 { + right: 0.25rem; + left: 0.25rem; } -.h-7 { - height: 1.75rem; +.inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } -.h-8 { - height: 2rem; +.inset-x-2 { + right: 0.5rem; + left: 0.5rem; } -.h-9 { - height: 2.25rem; +.inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } -.h-10 { - height: 2.5rem; +.inset-x-3 { + right: 0.75rem; + left: 0.75rem; } -.h-12 { - height: 3rem; +.inset-y-4 { + top: 1rem; + bottom: 1rem; } -.h-14 { - height: 3.5rem; +.inset-x-4 { + right: 1rem; + left: 1rem; } -.h-16 { - height: 4rem; +.inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } -.h-20 { - height: 5rem; +.inset-x-5 { + right: 1.25rem; + left: 1.25rem; } -.h-24 { - height: 6rem; +.inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } -.h-28 { - height: 7rem; +.inset-x-6 { + right: 1.5rem; + left: 1.5rem; } -.h-32 { - height: 8rem; +.inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } -.h-36 { - height: 9rem; +.inset-x-7 { + right: 1.75rem; + left: 1.75rem; } -.h-40 { - height: 10rem; +.inset-y-8 { + top: 2rem; + bottom: 2rem; } -.h-44 { - height: 11rem; +.inset-x-8 { + right: 2rem; + left: 2rem; } -.h-48 { - height: 12rem; +.inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } -.h-52 { - height: 13rem; +.inset-x-9 { + right: 2.25rem; + left: 2.25rem; } -.h-56 { - height: 14rem; +.inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } -.h-60 { - height: 15rem; +.inset-x-10 { + right: 2.5rem; + left: 2.5rem; } -.h-64 { - height: 16rem; +.inset-y-12 { + top: 3rem; + bottom: 3rem; } -.h-72 { - height: 18rem; +.inset-x-12 { + right: 3rem; + left: 3rem; } -.h-80 { - height: 20rem; +.inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } -.h-96 { - height: 24rem; +.inset-x-14 { + right: 3.5rem; + left: 3.5rem; } -.h-auto { - height: auto; +.inset-y-16 { + top: 4rem; + bottom: 4rem; } -.h-px { - height: 1px; +.inset-x-16 { + right: 4rem; + left: 4rem; } -.h-0\.5 { - height: 0.125rem; +.inset-y-20 { + top: 5rem; + bottom: 5rem; } -.h-1\.5 { - height: 0.375rem; +.inset-x-20 { + right: 5rem; + left: 5rem; } -.h-2\.5 { - height: 0.625rem; +.inset-y-24 { + top: 6rem; + bottom: 6rem; } -.h-3\.5 { - height: 0.875rem; +.inset-x-24 { + right: 6rem; + left: 6rem; } -.h-full { - height: 100%; +.inset-y-28 { + top: 7rem; + bottom: 7rem; } -.h-screen { - height: 100vh; +.inset-x-28 { + right: 7rem; + left: 7rem; } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; +.inset-y-32 { + top: 8rem; + bottom: 8rem; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; +.inset-x-32 { + right: 8rem; + left: 8rem; } -.text-base { - font-size: 1rem; - line-height: 1.5rem; +.inset-y-36 { + top: 9rem; + bottom: 9rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; +.inset-x-36 { + right: 9rem; + left: 9rem; } -.text-xl { - font-size: 1.25rem; - line-height: 1.75rem; +.inset-y-40 { + top: 10rem; + bottom: 10rem; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; +.inset-x-40 { + right: 10rem; + left: 10rem; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; +.inset-y-44 { + top: 11rem; + bottom: 11rem; } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; +.inset-x-44 { + right: 11rem; + left: 11rem; } -.text-5xl { - font-size: 3rem; - line-height: 1; +.inset-y-48 { + top: 12rem; + bottom: 12rem; } -.text-6xl { - font-size: 3.75rem; - line-height: 1; +.inset-x-48 { + right: 12rem; + left: 12rem; } -.text-7xl { - font-size: 4.5rem; - line-height: 1; +.inset-y-52 { + top: 13rem; + bottom: 13rem; } -.text-8xl { - font-size: 6rem; - line-height: 1; +.inset-x-52 { + right: 13rem; + left: 13rem; } -.text-9xl { - font-size: 8rem; - line-height: 1; +.inset-y-56 { + top: 14rem; + bottom: 14rem; } -.leading-3 { - line-height: .75rem; +.inset-x-56 { + right: 14rem; + left: 14rem; } -.leading-4 { - line-height: 1rem; +.inset-y-60 { + top: 15rem; + bottom: 15rem; } -.leading-5 { - line-height: 1.25rem; +.inset-x-60 { + right: 15rem; + left: 15rem; } -.leading-6 { - line-height: 1.5rem; +.inset-y-64 { + top: 16rem; + bottom: 16rem; } -.leading-7 { - line-height: 1.75rem; +.inset-x-64 { + right: 16rem; + left: 16rem; } -.leading-8 { - line-height: 2rem; +.inset-y-72 { + top: 18rem; + bottom: 18rem; } -.leading-9 { - line-height: 2.25rem; +.inset-x-72 { + right: 18rem; + left: 18rem; } -.leading-10 { - line-height: 2.5rem; +.inset-y-80 { + top: 20rem; + bottom: 20rem; } -.leading-none { - line-height: 1; +.inset-x-80 { + right: 20rem; + left: 20rem; } -.leading-tight { - line-height: 1.25; +.inset-y-96 { + top: 24rem; + bottom: 24rem; } -.leading-snug { - line-height: 1.375; +.inset-x-96 { + right: 24rem; + left: 24rem; } -.leading-normal { - line-height: 1.5; +.inset-y-auto { + top: auto; + bottom: auto; } -.leading-relaxed { - line-height: 1.625; +.inset-x-auto { + right: auto; + left: auto; } -.leading-loose { - line-height: 2; +.inset-y-px { + top: 1px; + bottom: 1px; } -.list-inside { - list-style-position: inside; +.inset-x-px { + right: 1px; + left: 1px; } -.list-outside { - list-style-position: outside; +.inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } -.list-none { - list-style-type: none; +.inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } -.list-disc { - list-style-type: disc; +.inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } -.list-decimal { - list-style-type: decimal; +.inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } -.m-0 { - margin: 0; +.inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } -.m-1 { - margin: 0.25rem; +.inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } -.m-2 { - margin: 0.5rem; +.inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } -.m-3 { - margin: 0.75rem; +.inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } -.m-4 { - margin: 1rem; +.-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } -.m-5 { - margin: 1.25rem; +.-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } -.m-6 { - margin: 1.5rem; +.-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } -.m-7 { - margin: 1.75rem; +.-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } -.m-8 { - margin: 2rem; +.-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } -.m-9 { - margin: 2.25rem; +.-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } -.m-10 { - margin: 2.5rem; +.-inset-y-4 { + top: -1rem; + bottom: -1rem; } -.m-12 { - margin: 3rem; +.-inset-x-4 { + right: -1rem; + left: -1rem; } -.m-14 { - margin: 3.5rem; +.-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } -.m-16 { - margin: 4rem; +.-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } -.m-20 { - margin: 5rem; +.-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } -.m-24 { - margin: 6rem; +.-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } -.m-28 { - margin: 7rem; +.-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } -.m-32 { - margin: 8rem; +.-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } -.m-36 { - margin: 9rem; +.-inset-y-8 { + top: -2rem; + bottom: -2rem; } -.m-40 { - margin: 10rem; +.-inset-x-8 { + right: -2rem; + left: -2rem; } -.m-44 { - margin: 11rem; +.-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } -.m-48 { - margin: 12rem; +.-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } -.m-52 { - margin: 13rem; +.-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } -.m-56 { - margin: 14rem; +.-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } -.m-60 { - margin: 15rem; +.-inset-y-12 { + top: -3rem; + bottom: -3rem; } -.m-64 { - margin: 16rem; +.-inset-x-12 { + right: -3rem; + left: -3rem; } -.m-72 { - margin: 18rem; +.-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } -.m-80 { - margin: 20rem; +.-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } -.m-96 { - margin: 24rem; +.-inset-y-16 { + top: -4rem; + bottom: -4rem; } -.m-auto { - margin: auto; +.-inset-x-16 { + right: -4rem; + left: -4rem; } -.m-px { - margin: 1px; +.-inset-y-20 { + top: -5rem; + bottom: -5rem; } -.m-0\.5 { - margin: 0.125rem; +.-inset-x-20 { + right: -5rem; + left: -5rem; } -.m-1\.5 { - margin: 0.375rem; +.-inset-y-24 { + top: -6rem; + bottom: -6rem; } -.m-2\.5 { - margin: 0.625rem; +.-inset-x-24 { + right: -6rem; + left: -6rem; } -.m-3\.5 { - margin: 0.875rem; +.-inset-y-28 { + top: -7rem; + bottom: -7rem; } -.-m-1 { - margin: -0.25rem; +.-inset-x-28 { + right: -7rem; + left: -7rem; } -.-m-2 { - margin: -0.5rem; +.-inset-y-32 { + top: -8rem; + bottom: -8rem; } -.-m-3 { - margin: -0.75rem; +.-inset-x-32 { + right: -8rem; + left: -8rem; } -.-m-4 { - margin: -1rem; +.-inset-y-36 { + top: -9rem; + bottom: -9rem; } -.-m-5 { - margin: -1.25rem; +.-inset-x-36 { + right: -9rem; + left: -9rem; } -.-m-6 { - margin: -1.5rem; +.-inset-y-40 { + top: -10rem; + bottom: -10rem; } -.-m-7 { - margin: -1.75rem; +.-inset-x-40 { + right: -10rem; + left: -10rem; } -.-m-8 { - margin: -2rem; +.-inset-y-44 { + top: -11rem; + bottom: -11rem; } -.-m-9 { - margin: -2.25rem; +.-inset-x-44 { + right: -11rem; + left: -11rem; } -.-m-10 { - margin: -2.5rem; +.-inset-y-48 { + top: -12rem; + bottom: -12rem; } -.-m-12 { - margin: -3rem; +.-inset-x-48 { + right: -12rem; + left: -12rem; } -.-m-14 { - margin: -3.5rem; +.-inset-y-52 { + top: -13rem; + bottom: -13rem; } -.-m-16 { - margin: -4rem; +.-inset-x-52 { + right: -13rem; + left: -13rem; } -.-m-20 { - margin: -5rem; +.-inset-y-56 { + top: -14rem; + bottom: -14rem; } -.-m-24 { - margin: -6rem; +.-inset-x-56 { + right: -14rem; + left: -14rem; } -.-m-28 { - margin: -7rem; +.-inset-y-60 { + top: -15rem; + bottom: -15rem; } -.-m-32 { - margin: -8rem; +.-inset-x-60 { + right: -15rem; + left: -15rem; } -.-m-36 { - margin: -9rem; +.-inset-y-64 { + top: -16rem; + bottom: -16rem; } -.-m-40 { - margin: -10rem; +.-inset-x-64 { + right: -16rem; + left: -16rem; } -.-m-44 { - margin: -11rem; +.-inset-y-72 { + top: -18rem; + bottom: -18rem; } -.-m-48 { - margin: -12rem; +.-inset-x-72 { + right: -18rem; + left: -18rem; } -.-m-52 { - margin: -13rem; +.-inset-y-80 { + top: -20rem; + bottom: -20rem; } -.-m-56 { - margin: -14rem; +.-inset-x-80 { + right: -20rem; + left: -20rem; } -.-m-60 { - margin: -15rem; +.-inset-y-96 { + top: -24rem; + bottom: -24rem; } -.-m-64 { - margin: -16rem; +.-inset-x-96 { + right: -24rem; + left: -24rem; } -.-m-72 { - margin: -18rem; +.-inset-y-px { + top: -1px; + bottom: -1px; } -.-m-80 { - margin: -20rem; +.-inset-x-px { + right: -1px; + left: -1px; } -.-m-96 { - margin: -24rem; +.-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } -.-m-px { - margin: -1px; +.-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } -.-m-0\.5 { - margin: -0.125rem; +.-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } -.-m-1\.5 { - margin: -0.375rem; +.-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } -.-m-2\.5 { - margin: -0.625rem; +.-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } -.-m-3\.5 { - margin: -0.875rem; +.-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } -.my-0 { - margin-top: 0; - margin-bottom: 0; +.-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } -.mx-0 { - margin-left: 0; - margin-right: 0; +.-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } -.my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; +.inset-y-1\/2 { + top: 50%; + bottom: 50%; } -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; +.inset-x-1\/2 { + right: 50%; + left: 50%; } -.my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; +.inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } -.mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; +.inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; +.inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; +.inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; +.inset-y-1\/4 { + top: 25%; + bottom: 25%; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; +.inset-x-1\/4 { + right: 25%; + left: 25%; } -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; +.inset-y-2\/4 { + top: 50%; + bottom: 50%; } -.mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; +.inset-x-2\/4 { + right: 50%; + left: 50%; } -.my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; +.inset-y-3\/4 { + top: 75%; + bottom: 75%; } -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; +.inset-x-3\/4 { + right: 75%; + left: 75%; } -.my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; +.inset-y-full { + top: 100%; + bottom: 100%; } -.mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; +.inset-x-full { + right: 100%; + left: 100%; } -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; +.-inset-y-1\/2 { + top: -50%; + bottom: -50%; } -.mx-8 { - margin-left: 2rem; - margin-right: 2rem; +.-inset-x-1\/2 { + right: -50%; + left: -50%; } -.my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; +.-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } -.mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; +.-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; +.-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } -.mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; +.-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } -.my-12 { - margin-top: 3rem; - margin-bottom: 3rem; +.-inset-y-1\/4 { + top: -25%; + bottom: -25%; } -.mx-12 { - margin-left: 3rem; - margin-right: 3rem; +.-inset-x-1\/4 { + right: -25%; + left: -25%; } -.my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; +.-inset-y-2\/4 { + top: -50%; + bottom: -50%; } -.mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; +.-inset-x-2\/4 { + right: -50%; + left: -50%; } -.my-16 { - margin-top: 4rem; - margin-bottom: 4rem; +.-inset-y-3\/4 { + top: -75%; + bottom: -75%; } -.mx-16 { - margin-left: 4rem; - margin-right: 4rem; +.-inset-x-3\/4 { + right: -75%; + left: -75%; } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; +.-inset-y-full { + top: -100%; + bottom: -100%; } -.mx-20 { - margin-left: 5rem; - margin-right: 5rem; +.-inset-x-full { + right: -100%; + left: -100%; } -.my-24 { - margin-top: 6rem; - margin-bottom: 6rem; +.top-0 { + top: 0; } -.mx-24 { - margin-left: 6rem; - margin-right: 6rem; +.right-0 { + right: 0; } -.my-28 { - margin-top: 7rem; - margin-bottom: 7rem; +.bottom-0 { + bottom: 0; } -.mx-28 { - margin-left: 7rem; - margin-right: 7rem; +.left-0 { + left: 0; } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; +.top-1 { + top: 0.25rem; } -.mx-32 { - margin-left: 8rem; - margin-right: 8rem; +.right-1 { + right: 0.25rem; } -.my-36 { - margin-top: 9rem; - margin-bottom: 9rem; +.bottom-1 { + bottom: 0.25rem; } -.mx-36 { - margin-left: 9rem; - margin-right: 9rem; +.left-1 { + left: 0.25rem; } -.my-40 { - margin-top: 10rem; - margin-bottom: 10rem; +.top-2 { + top: 0.5rem; } -.mx-40 { - margin-left: 10rem; - margin-right: 10rem; +.right-2 { + right: 0.5rem; } -.my-44 { - margin-top: 11rem; - margin-bottom: 11rem; +.bottom-2 { + bottom: 0.5rem; } -.mx-44 { - margin-left: 11rem; - margin-right: 11rem; +.left-2 { + left: 0.5rem; } -.my-48 { - margin-top: 12rem; - margin-bottom: 12rem; +.top-3 { + top: 0.75rem; } -.mx-48 { - margin-left: 12rem; - margin-right: 12rem; +.right-3 { + right: 0.75rem; } -.my-52 { - margin-top: 13rem; - margin-bottom: 13rem; +.bottom-3 { + bottom: 0.75rem; } -.mx-52 { - margin-left: 13rem; - margin-right: 13rem; +.left-3 { + left: 0.75rem; } -.my-56 { - margin-top: 14rem; - margin-bottom: 14rem; +.top-4 { + top: 1rem; } -.mx-56 { - margin-left: 14rem; - margin-right: 14rem; +.right-4 { + right: 1rem; } -.my-60 { - margin-top: 15rem; - margin-bottom: 15rem; +.bottom-4 { + bottom: 1rem; } -.mx-60 { - margin-left: 15rem; - margin-right: 15rem; +.left-4 { + left: 1rem; } -.my-64 { - margin-top: 16rem; - margin-bottom: 16rem; +.top-5 { + top: 1.25rem; } -.mx-64 { - margin-left: 16rem; - margin-right: 16rem; +.right-5 { + right: 1.25rem; } -.my-72 { - margin-top: 18rem; - margin-bottom: 18rem; +.bottom-5 { + bottom: 1.25rem; } -.mx-72 { - margin-left: 18rem; - margin-right: 18rem; +.left-5 { + left: 1.25rem; } -.my-80 { - margin-top: 20rem; - margin-bottom: 20rem; +.top-6 { + top: 1.5rem; } -.mx-80 { - margin-left: 20rem; - margin-right: 20rem; +.right-6 { + right: 1.5rem; } -.my-96 { - margin-top: 24rem; - margin-bottom: 24rem; +.bottom-6 { + bottom: 1.5rem; } -.mx-96 { - margin-left: 24rem; - margin-right: 24rem; +.left-6 { + left: 1.5rem; } -.my-auto { - margin-top: auto; - margin-bottom: auto; +.top-7 { + top: 1.75rem; } -.mx-auto { - margin-left: auto; - margin-right: auto; +.right-7 { + right: 1.75rem; } -.my-px { - margin-top: 1px; - margin-bottom: 1px; +.bottom-7 { + bottom: 1.75rem; } -.mx-px { - margin-left: 1px; - margin-right: 1px; +.left-7 { + left: 1.75rem; } -.my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; +.top-8 { + top: 2rem; } -.mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; +.right-8 { + right: 2rem; } -.my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; +.bottom-8 { + bottom: 2rem; } -.mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; +.left-8 { + left: 2rem; } -.my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; +.top-9 { + top: 2.25rem; } -.mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; +.right-9 { + right: 2.25rem; } -.my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; +.bottom-9 { + bottom: 2.25rem; } -.mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; +.left-9 { + left: 2.25rem; } -.-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; +.top-10 { + top: 2.5rem; } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; +.right-10 { + right: 2.5rem; } -.-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; +.bottom-10 { + bottom: 2.5rem; } -.-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; +.left-10 { + left: 2.5rem; } -.-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; +.top-12 { + top: 3rem; } -.-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; +.right-12 { + right: 3rem; } -.-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; +.bottom-12 { + bottom: 3rem; } -.-mx-4 { - margin-left: -1rem; - margin-right: -1rem; +.left-12 { + left: 3rem; } -.-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; +.top-14 { + top: 3.5rem; } -.-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; +.right-14 { + right: 3.5rem; } -.-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; +.bottom-14 { + bottom: 3.5rem; } -.-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; +.left-14 { + left: 3.5rem; } -.-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; +.top-16 { + top: 4rem; } -.-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; +.right-16 { + right: 4rem; } -.-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; +.bottom-16 { + bottom: 4rem; } -.-mx-8 { - margin-left: -2rem; - margin-right: -2rem; +.left-16 { + left: 4rem; } -.-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; +.top-20 { + top: 5rem; } -.-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; +.right-20 { + right: 5rem; } -.-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; +.bottom-20 { + bottom: 5rem; } -.-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; +.left-20 { + left: 5rem; } -.-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; +.top-24 { + top: 6rem; } -.-mx-12 { - margin-left: -3rem; - margin-right: -3rem; +.right-24 { + right: 6rem; } -.-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; +.bottom-24 { + bottom: 6rem; } -.-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; +.left-24 { + left: 6rem; } -.-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; +.top-28 { + top: 7rem; } -.-mx-16 { - margin-left: -4rem; - margin-right: -4rem; +.right-28 { + right: 7rem; } -.-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; +.bottom-28 { + bottom: 7rem; } -.-mx-20 { - margin-left: -5rem; - margin-right: -5rem; +.left-28 { + left: 7rem; } -.-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; +.top-32 { + top: 8rem; } -.-mx-24 { - margin-left: -6rem; - margin-right: -6rem; +.right-32 { + right: 8rem; } -.-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; +.bottom-32 { + bottom: 8rem; } -.-mx-28 { - margin-left: -7rem; - margin-right: -7rem; +.left-32 { + left: 8rem; } -.-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; +.top-36 { + top: 9rem; } -.-mx-32 { - margin-left: -8rem; - margin-right: -8rem; +.right-36 { + right: 9rem; } -.-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; +.bottom-36 { + bottom: 9rem; } -.-mx-36 { - margin-left: -9rem; - margin-right: -9rem; +.left-36 { + left: 9rem; } -.-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; +.top-40 { + top: 10rem; } -.-mx-40 { - margin-left: -10rem; - margin-right: -10rem; +.right-40 { + right: 10rem; } -.-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; +.bottom-40 { + bottom: 10rem; } -.-mx-44 { - margin-left: -11rem; - margin-right: -11rem; +.left-40 { + left: 10rem; } -.-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; +.top-44 { + top: 11rem; } -.-mx-48 { - margin-left: -12rem; - margin-right: -12rem; +.right-44 { + right: 11rem; } -.-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; +.bottom-44 { + bottom: 11rem; } -.-mx-52 { - margin-left: -13rem; - margin-right: -13rem; +.left-44 { + left: 11rem; } -.-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; +.top-48 { + top: 12rem; } -.-mx-56 { - margin-left: -14rem; - margin-right: -14rem; +.right-48 { + right: 12rem; } -.-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; +.bottom-48 { + bottom: 12rem; } -.-mx-60 { - margin-left: -15rem; - margin-right: -15rem; +.left-48 { + left: 12rem; } -.-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; +.top-52 { + top: 13rem; } -.-mx-64 { - margin-left: -16rem; - margin-right: -16rem; +.right-52 { + right: 13rem; } -.-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; +.bottom-52 { + bottom: 13rem; } -.-mx-72 { - margin-left: -18rem; - margin-right: -18rem; +.left-52 { + left: 13rem; } -.-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; +.top-56 { + top: 14rem; } -.-mx-80 { - margin-left: -20rem; - margin-right: -20rem; +.right-56 { + right: 14rem; } -.-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; +.bottom-56 { + bottom: 14rem; } -.-mx-96 { - margin-left: -24rem; - margin-right: -24rem; +.left-56 { + left: 14rem; } -.-my-px { - margin-top: -1px; - margin-bottom: -1px; +.top-60 { + top: 15rem; } -.-mx-px { - margin-left: -1px; - margin-right: -1px; +.right-60 { + right: 15rem; } -.-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; +.bottom-60 { + bottom: 15rem; } -.-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; +.left-60 { + left: 15rem; } -.-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; +.top-64 { + top: 16rem; } -.-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; +.right-64 { + right: 16rem; } -.-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; +.bottom-64 { + bottom: 16rem; } -.-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; +.left-64 { + left: 16rem; } -.-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; +.top-72 { + top: 18rem; } -.-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; +.right-72 { + right: 18rem; } -.mt-0 { - margin-top: 0; +.bottom-72 { + bottom: 18rem; } -.mr-0 { - margin-right: 0; +.left-72 { + left: 18rem; } -.mb-0 { - margin-bottom: 0; +.top-80 { + top: 20rem; } -.ml-0 { - margin-left: 0; -} +.right-80 { + right: 20rem; +} -.mt-1 { - margin-top: 0.25rem; +.bottom-80 { + bottom: 20rem; } -.mr-1 { - margin-right: 0.25rem; +.left-80 { + left: 20rem; } -.mb-1 { - margin-bottom: 0.25rem; +.top-96 { + top: 24rem; } -.ml-1 { - margin-left: 0.25rem; +.right-96 { + right: 24rem; } -.mt-2 { - margin-top: 0.5rem; +.bottom-96 { + bottom: 24rem; } -.mr-2 { - margin-right: 0.5rem; +.left-96 { + left: 24rem; } -.mb-2 { - margin-bottom: 0.5rem; +.top-auto { + top: auto; } -.ml-2 { - margin-left: 0.5rem; +.right-auto { + right: auto; } -.mt-3 { - margin-top: 0.75rem; +.bottom-auto { + bottom: auto; } -.mr-3 { - margin-right: 0.75rem; +.left-auto { + left: auto; } -.mb-3 { - margin-bottom: 0.75rem; +.top-px { + top: 1px; } -.ml-3 { - margin-left: 0.75rem; +.right-px { + right: 1px; } -.mt-4 { - margin-top: 1rem; +.bottom-px { + bottom: 1px; } -.mr-4 { - margin-right: 1rem; +.left-px { + left: 1px; } -.mb-4 { - margin-bottom: 1rem; +.top-0\.5 { + top: 0.125rem; } -.ml-4 { - margin-left: 1rem; +.right-0\.5 { + right: 0.125rem; } -.mt-5 { - margin-top: 1.25rem; +.bottom-0\.5 { + bottom: 0.125rem; } -.mr-5 { - margin-right: 1.25rem; +.left-0\.5 { + left: 0.125rem; } -.mb-5 { - margin-bottom: 1.25rem; +.top-1\.5 { + top: 0.375rem; } -.ml-5 { - margin-left: 1.25rem; +.right-1\.5 { + right: 0.375rem; } -.mt-6 { - margin-top: 1.5rem; +.bottom-1\.5 { + bottom: 0.375rem; } -.mr-6 { - margin-right: 1.5rem; +.left-1\.5 { + left: 0.375rem; } -.mb-6 { - margin-bottom: 1.5rem; +.top-2\.5 { + top: 0.625rem; } -.ml-6 { - margin-left: 1.5rem; +.right-2\.5 { + right: 0.625rem; } -.mt-7 { - margin-top: 1.75rem; +.bottom-2\.5 { + bottom: 0.625rem; } -.mr-7 { - margin-right: 1.75rem; +.left-2\.5 { + left: 0.625rem; } -.mb-7 { - margin-bottom: 1.75rem; +.top-3\.5 { + top: 0.875rem; } -.ml-7 { - margin-left: 1.75rem; +.right-3\.5 { + right: 0.875rem; } -.mt-8 { - margin-top: 2rem; +.bottom-3\.5 { + bottom: 0.875rem; } -.mr-8 { - margin-right: 2rem; +.left-3\.5 { + left: 0.875rem; } -.mb-8 { - margin-bottom: 2rem; +.-top-1 { + top: -0.25rem; } -.ml-8 { - margin-left: 2rem; +.-right-1 { + right: -0.25rem; } -.mt-9 { - margin-top: 2.25rem; +.-bottom-1 { + bottom: -0.25rem; } -.mr-9 { - margin-right: 2.25rem; +.-left-1 { + left: -0.25rem; } -.mb-9 { - margin-bottom: 2.25rem; +.-top-2 { + top: -0.5rem; } -.ml-9 { - margin-left: 2.25rem; +.-right-2 { + right: -0.5rem; } -.mt-10 { - margin-top: 2.5rem; +.-bottom-2 { + bottom: -0.5rem; } -.mr-10 { - margin-right: 2.5rem; +.-left-2 { + left: -0.5rem; } -.mb-10 { - margin-bottom: 2.5rem; +.-top-3 { + top: -0.75rem; } -.ml-10 { - margin-left: 2.5rem; +.-right-3 { + right: -0.75rem; } -.mt-12 { - margin-top: 3rem; +.-bottom-3 { + bottom: -0.75rem; } -.mr-12 { - margin-right: 3rem; +.-left-3 { + left: -0.75rem; } -.mb-12 { - margin-bottom: 3rem; +.-top-4 { + top: -1rem; } -.ml-12 { - margin-left: 3rem; +.-right-4 { + right: -1rem; } -.mt-14 { - margin-top: 3.5rem; +.-bottom-4 { + bottom: -1rem; } -.mr-14 { - margin-right: 3.5rem; +.-left-4 { + left: -1rem; } -.mb-14 { - margin-bottom: 3.5rem; +.-top-5 { + top: -1.25rem; } -.ml-14 { - margin-left: 3.5rem; +.-right-5 { + right: -1.25rem; } -.mt-16 { - margin-top: 4rem; +.-bottom-5 { + bottom: -1.25rem; } -.mr-16 { - margin-right: 4rem; +.-left-5 { + left: -1.25rem; } -.mb-16 { - margin-bottom: 4rem; +.-top-6 { + top: -1.5rem; } -.ml-16 { - margin-left: 4rem; +.-right-6 { + right: -1.5rem; } -.mt-20 { - margin-top: 5rem; +.-bottom-6 { + bottom: -1.5rem; } -.mr-20 { - margin-right: 5rem; +.-left-6 { + left: -1.5rem; } -.mb-20 { - margin-bottom: 5rem; +.-top-7 { + top: -1.75rem; } -.ml-20 { - margin-left: 5rem; +.-right-7 { + right: -1.75rem; } -.mt-24 { - margin-top: 6rem; +.-bottom-7 { + bottom: -1.75rem; } -.mr-24 { - margin-right: 6rem; +.-left-7 { + left: -1.75rem; } -.mb-24 { - margin-bottom: 6rem; +.-top-8 { + top: -2rem; } -.ml-24 { - margin-left: 6rem; +.-right-8 { + right: -2rem; } -.mt-28 { - margin-top: 7rem; +.-bottom-8 { + bottom: -2rem; } -.mr-28 { - margin-right: 7rem; +.-left-8 { + left: -2rem; } -.mb-28 { - margin-bottom: 7rem; +.-top-9 { + top: -2.25rem; } -.ml-28 { - margin-left: 7rem; +.-right-9 { + right: -2.25rem; } -.mt-32 { - margin-top: 8rem; +.-bottom-9 { + bottom: -2.25rem; } -.mr-32 { - margin-right: 8rem; +.-left-9 { + left: -2.25rem; } -.mb-32 { - margin-bottom: 8rem; +.-top-10 { + top: -2.5rem; } -.ml-32 { - margin-left: 8rem; +.-right-10 { + right: -2.5rem; } -.mt-36 { - margin-top: 9rem; +.-bottom-10 { + bottom: -2.5rem; } -.mr-36 { - margin-right: 9rem; +.-left-10 { + left: -2.5rem; } -.mb-36 { - margin-bottom: 9rem; +.-top-12 { + top: -3rem; } -.ml-36 { - margin-left: 9rem; +.-right-12 { + right: -3rem; } -.mt-40 { - margin-top: 10rem; +.-bottom-12 { + bottom: -3rem; } -.mr-40 { - margin-right: 10rem; +.-left-12 { + left: -3rem; } -.mb-40 { - margin-bottom: 10rem; +.-top-14 { + top: -3.5rem; } -.ml-40 { - margin-left: 10rem; +.-right-14 { + right: -3.5rem; } -.mt-44 { - margin-top: 11rem; +.-bottom-14 { + bottom: -3.5rem; } -.mr-44 { - margin-right: 11rem; +.-left-14 { + left: -3.5rem; } -.mb-44 { - margin-bottom: 11rem; +.-top-16 { + top: -4rem; } -.ml-44 { - margin-left: 11rem; +.-right-16 { + right: -4rem; } -.mt-48 { - margin-top: 12rem; +.-bottom-16 { + bottom: -4rem; } -.mr-48 { - margin-right: 12rem; +.-left-16 { + left: -4rem; } -.mb-48 { - margin-bottom: 12rem; +.-top-20 { + top: -5rem; } -.ml-48 { - margin-left: 12rem; +.-right-20 { + right: -5rem; } -.mt-52 { - margin-top: 13rem; +.-bottom-20 { + bottom: -5rem; } -.mr-52 { - margin-right: 13rem; +.-left-20 { + left: -5rem; } -.mb-52 { - margin-bottom: 13rem; +.-top-24 { + top: -6rem; } -.ml-52 { - margin-left: 13rem; +.-right-24 { + right: -6rem; } -.mt-56 { - margin-top: 14rem; +.-bottom-24 { + bottom: -6rem; } -.mr-56 { - margin-right: 14rem; +.-left-24 { + left: -6rem; } -.mb-56 { - margin-bottom: 14rem; +.-top-28 { + top: -7rem; } -.ml-56 { - margin-left: 14rem; +.-right-28 { + right: -7rem; } -.mt-60 { - margin-top: 15rem; +.-bottom-28 { + bottom: -7rem; } -.mr-60 { - margin-right: 15rem; +.-left-28 { + left: -7rem; } -.mb-60 { - margin-bottom: 15rem; +.-top-32 { + top: -8rem; } -.ml-60 { - margin-left: 15rem; +.-right-32 { + right: -8rem; } -.mt-64 { - margin-top: 16rem; +.-bottom-32 { + bottom: -8rem; } -.mr-64 { - margin-right: 16rem; +.-left-32 { + left: -8rem; } -.mb-64 { - margin-bottom: 16rem; +.-top-36 { + top: -9rem; } -.ml-64 { - margin-left: 16rem; +.-right-36 { + right: -9rem; } -.mt-72 { - margin-top: 18rem; +.-bottom-36 { + bottom: -9rem; } -.mr-72 { - margin-right: 18rem; +.-left-36 { + left: -9rem; } -.mb-72 { - margin-bottom: 18rem; +.-top-40 { + top: -10rem; } -.ml-72 { - margin-left: 18rem; +.-right-40 { + right: -10rem; } -.mt-80 { - margin-top: 20rem; +.-bottom-40 { + bottom: -10rem; } -.mr-80 { - margin-right: 20rem; +.-left-40 { + left: -10rem; } -.mb-80 { - margin-bottom: 20rem; +.-top-44 { + top: -11rem; } -.ml-80 { - margin-left: 20rem; +.-right-44 { + right: -11rem; } -.mt-96 { - margin-top: 24rem; +.-bottom-44 { + bottom: -11rem; } -.mr-96 { - margin-right: 24rem; +.-left-44 { + left: -11rem; } -.mb-96 { - margin-bottom: 24rem; +.-top-48 { + top: -12rem; } -.ml-96 { - margin-left: 24rem; +.-right-48 { + right: -12rem; } -.mt-auto { - margin-top: auto; +.-bottom-48 { + bottom: -12rem; } -.mr-auto { - margin-right: auto; +.-left-48 { + left: -12rem; } -.mb-auto { - margin-bottom: auto; +.-top-52 { + top: -13rem; } -.ml-auto { - margin-left: auto; +.-right-52 { + right: -13rem; } -.mt-px { - margin-top: 1px; +.-bottom-52 { + bottom: -13rem; } -.mr-px { - margin-right: 1px; +.-left-52 { + left: -13rem; } -.mb-px { - margin-bottom: 1px; +.-top-56 { + top: -14rem; } -.ml-px { - margin-left: 1px; +.-right-56 { + right: -14rem; } -.mt-0\.5 { - margin-top: 0.125rem; +.-bottom-56 { + bottom: -14rem; } -.mr-0\.5 { - margin-right: 0.125rem; +.-left-56 { + left: -14rem; } -.mb-0\.5 { - margin-bottom: 0.125rem; +.-top-60 { + top: -15rem; } -.ml-0\.5 { - margin-left: 0.125rem; +.-right-60 { + right: -15rem; } -.mt-1\.5 { - margin-top: 0.375rem; +.-bottom-60 { + bottom: -15rem; } -.mr-1\.5 { - margin-right: 0.375rem; +.-left-60 { + left: -15rem; } -.mb-1\.5 { - margin-bottom: 0.375rem; +.-top-64 { + top: -16rem; } -.ml-1\.5 { - margin-left: 0.375rem; +.-right-64 { + right: -16rem; } -.mt-2\.5 { - margin-top: 0.625rem; +.-bottom-64 { + bottom: -16rem; } -.mr-2\.5 { - margin-right: 0.625rem; +.-left-64 { + left: -16rem; } -.mb-2\.5 { - margin-bottom: 0.625rem; +.-top-72 { + top: -18rem; } -.ml-2\.5 { - margin-left: 0.625rem; +.-right-72 { + right: -18rem; } -.mt-3\.5 { - margin-top: 0.875rem; +.-bottom-72 { + bottom: -18rem; } -.mr-3\.5 { - margin-right: 0.875rem; +.-left-72 { + left: -18rem; } -.mb-3\.5 { - margin-bottom: 0.875rem; +.-top-80 { + top: -20rem; } -.ml-3\.5 { - margin-left: 0.875rem; +.-right-80 { + right: -20rem; } -.-mt-1 { - margin-top: -0.25rem; +.-bottom-80 { + bottom: -20rem; } -.-mr-1 { - margin-right: -0.25rem; +.-left-80 { + left: -20rem; } -.-mb-1 { - margin-bottom: -0.25rem; +.-top-96 { + top: -24rem; } -.-ml-1 { - margin-left: -0.25rem; +.-right-96 { + right: -24rem; } -.-mt-2 { - margin-top: -0.5rem; +.-bottom-96 { + bottom: -24rem; } -.-mr-2 { - margin-right: -0.5rem; +.-left-96 { + left: -24rem; } -.-mb-2 { - margin-bottom: -0.5rem; +.-top-px { + top: -1px; } -.-ml-2 { - margin-left: -0.5rem; +.-right-px { + right: -1px; } -.-mt-3 { - margin-top: -0.75rem; +.-bottom-px { + bottom: -1px; } -.-mr-3 { - margin-right: -0.75rem; +.-left-px { + left: -1px; } -.-mb-3 { - margin-bottom: -0.75rem; +.-top-0\.5 { + top: -0.125rem; } -.-ml-3 { - margin-left: -0.75rem; +.-right-0\.5 { + right: -0.125rem; } -.-mt-4 { - margin-top: -1rem; +.-bottom-0\.5 { + bottom: -0.125rem; } -.-mr-4 { - margin-right: -1rem; +.-left-0\.5 { + left: -0.125rem; } -.-mb-4 { - margin-bottom: -1rem; +.-top-1\.5 { + top: -0.375rem; } -.-ml-4 { - margin-left: -1rem; +.-right-1\.5 { + right: -0.375rem; } -.-mt-5 { - margin-top: -1.25rem; +.-bottom-1\.5 { + bottom: -0.375rem; } -.-mr-5 { - margin-right: -1.25rem; +.-left-1\.5 { + left: -0.375rem; } -.-mb-5 { - margin-bottom: -1.25rem; +.-top-2\.5 { + top: -0.625rem; } -.-ml-5 { - margin-left: -1.25rem; +.-right-2\.5 { + right: -0.625rem; } -.-mt-6 { - margin-top: -1.5rem; +.-bottom-2\.5 { + bottom: -0.625rem; } -.-mr-6 { - margin-right: -1.5rem; +.-left-2\.5 { + left: -0.625rem; } -.-mb-6 { - margin-bottom: -1.5rem; +.-top-3\.5 { + top: -0.875rem; } -.-ml-6 { - margin-left: -1.5rem; +.-right-3\.5 { + right: -0.875rem; } -.-mt-7 { - margin-top: -1.75rem; +.-bottom-3\.5 { + bottom: -0.875rem; } -.-mr-7 { - margin-right: -1.75rem; +.-left-3\.5 { + left: -0.875rem; } -.-mb-7 { - margin-bottom: -1.75rem; +.top-1\/2 { + top: 50%; } -.-ml-7 { - margin-left: -1.75rem; +.right-1\/2 { + right: 50%; } -.-mt-8 { - margin-top: -2rem; +.bottom-1\/2 { + bottom: 50%; } -.-mr-8 { - margin-right: -2rem; +.left-1\/2 { + left: 50%; } -.-mb-8 { - margin-bottom: -2rem; +.top-1\/3 { + top: 33.333333%; } -.-ml-8 { - margin-left: -2rem; +.right-1\/3 { + right: 33.333333%; } -.-mt-9 { - margin-top: -2.25rem; +.bottom-1\/3 { + bottom: 33.333333%; } -.-mr-9 { - margin-right: -2.25rem; +.left-1\/3 { + left: 33.333333%; } -.-mb-9 { - margin-bottom: -2.25rem; +.top-2\/3 { + top: 66.666667%; } -.-ml-9 { - margin-left: -2.25rem; +.right-2\/3 { + right: 66.666667%; } -.-mt-10 { - margin-top: -2.5rem; +.bottom-2\/3 { + bottom: 66.666667%; } -.-mr-10 { - margin-right: -2.5rem; +.left-2\/3 { + left: 66.666667%; } -.-mb-10 { - margin-bottom: -2.5rem; +.top-1\/4 { + top: 25%; } -.-ml-10 { - margin-left: -2.5rem; +.right-1\/4 { + right: 25%; } -.-mt-12 { - margin-top: -3rem; +.bottom-1\/4 { + bottom: 25%; } -.-mr-12 { - margin-right: -3rem; +.left-1\/4 { + left: 25%; } -.-mb-12 { - margin-bottom: -3rem; +.top-2\/4 { + top: 50%; } -.-ml-12 { - margin-left: -3rem; +.right-2\/4 { + right: 50%; } -.-mt-14 { - margin-top: -3.5rem; +.bottom-2\/4 { + bottom: 50%; } -.-mr-14 { - margin-right: -3.5rem; +.left-2\/4 { + left: 50%; } -.-mb-14 { - margin-bottom: -3.5rem; +.top-3\/4 { + top: 75%; } -.-ml-14 { - margin-left: -3.5rem; +.right-3\/4 { + right: 75%; } -.-mt-16 { - margin-top: -4rem; +.bottom-3\/4 { + bottom: 75%; } -.-mr-16 { - margin-right: -4rem; +.left-3\/4 { + left: 75%; } -.-mb-16 { - margin-bottom: -4rem; +.top-full { + top: 100%; } -.-ml-16 { - margin-left: -4rem; +.right-full { + right: 100%; } -.-mt-20 { - margin-top: -5rem; +.bottom-full { + bottom: 100%; } -.-mr-20 { - margin-right: -5rem; +.left-full { + left: 100%; } -.-mb-20 { - margin-bottom: -5rem; +.-top-1\/2 { + top: -50%; } -.-ml-20 { - margin-left: -5rem; +.-right-1\/2 { + right: -50%; } -.-mt-24 { - margin-top: -6rem; +.-bottom-1\/2 { + bottom: -50%; } -.-mr-24 { - margin-right: -6rem; +.-left-1\/2 { + left: -50%; } -.-mb-24 { - margin-bottom: -6rem; +.-top-1\/3 { + top: -33.333333%; } -.-ml-24 { - margin-left: -6rem; +.-right-1\/3 { + right: -33.333333%; } -.-mt-28 { - margin-top: -7rem; +.-bottom-1\/3 { + bottom: -33.333333%; } -.-mr-28 { - margin-right: -7rem; +.-left-1\/3 { + left: -33.333333%; } -.-mb-28 { - margin-bottom: -7rem; +.-top-2\/3 { + top: -66.666667%; } -.-ml-28 { - margin-left: -7rem; +.-right-2\/3 { + right: -66.666667%; } -.-mt-32 { - margin-top: -8rem; +.-bottom-2\/3 { + bottom: -66.666667%; } -.-mr-32 { - margin-right: -8rem; +.-left-2\/3 { + left: -66.666667%; } -.-mb-32 { - margin-bottom: -8rem; +.-top-1\/4 { + top: -25%; } -.-ml-32 { - margin-left: -8rem; +.-right-1\/4 { + right: -25%; } -.-mt-36 { - margin-top: -9rem; +.-bottom-1\/4 { + bottom: -25%; } -.-mr-36 { - margin-right: -9rem; +.-left-1\/4 { + left: -25%; } -.-mb-36 { - margin-bottom: -9rem; +.-top-2\/4 { + top: -50%; } -.-ml-36 { - margin-left: -9rem; +.-right-2\/4 { + right: -50%; } -.-mt-40 { - margin-top: -10rem; +.-bottom-2\/4 { + bottom: -50%; } -.-mr-40 { - margin-right: -10rem; +.-left-2\/4 { + left: -50%; } -.-mb-40 { - margin-bottom: -10rem; +.-top-3\/4 { + top: -75%; } -.-ml-40 { - margin-left: -10rem; +.-right-3\/4 { + right: -75%; } -.-mt-44 { - margin-top: -11rem; +.-bottom-3\/4 { + bottom: -75%; } -.-mr-44 { - margin-right: -11rem; +.-left-3\/4 { + left: -75%; } -.-mb-44 { - margin-bottom: -11rem; +.-top-full { + top: -100%; } -.-ml-44 { - margin-left: -11rem; +.-right-full { + right: -100%; } -.-mt-48 { - margin-top: -12rem; +.-bottom-full { + bottom: -100%; } -.-mr-48 { - margin-right: -12rem; +.-left-full { + left: -100%; } -.-mb-48 { - margin-bottom: -12rem; +.resize-none { + resize: none; } -.-ml-48 { - margin-left: -12rem; +.resize-y { + resize: vertical; } -.-mt-52 { - margin-top: -13rem; +.resize-x { + resize: horizontal; } -.-mr-52 { - margin-right: -13rem; +.resize { + resize: both; } -.-mb-52 { - margin-bottom: -13rem; +.shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.-ml-52 { - margin-left: -13rem; +.shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.-mt-56 { - margin-top: -14rem; +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } -.-mr-56 { - margin-right: -14rem; +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } -.-mb-56 { - margin-bottom: -14rem; +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } -.-ml-56 { - margin-left: -14rem; +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } -.-mt-60 { - margin-top: -15rem; +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.-mr-60 { - margin-right: -15rem; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.-mb-60 { - margin-bottom: -15rem; +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.-ml-60 { - margin-left: -15rem; +.shadow-none { + box-shadow: none; } -.-mt-64 { - margin-top: -16rem; +.hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.-mr-64 { - margin-right: -16rem; +.hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.-mb-64 { - margin-bottom: -16rem; +.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); } -.-ml-64 { - margin-left: -16rem; +.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); } -.-mt-72 { - margin-top: -18rem; +.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); } -.-mr-72 { - margin-right: -18rem; +.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); } -.-mb-72 { - margin-bottom: -18rem; +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.-ml-72 { - margin-left: -18rem; +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.-mt-80 { - margin-top: -20rem; +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.-mr-80 { - margin-right: -20rem; +.hover\:shadow-none:hover { + box-shadow: none; } -.-mb-80 { - margin-bottom: -20rem; +.focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } -.-ml-80 { - margin-left: -20rem; +.focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } -.-mt-96 { - margin-top: -24rem; +.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); } -.-mr-96 { - margin-right: -24rem; +.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); } -.-mb-96 { - margin-bottom: -24rem; +.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); } -.-ml-96 { - margin-left: -24rem; +.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); } -.-mt-px { - margin-top: -1px; +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.-mr-px { - margin-right: -1px; +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.-mb-px { - margin-bottom: -1px; +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.-ml-px { - margin-left: -1px; +.focus\:shadow-none:focus { + box-shadow: none; } -.-mt-0\.5 { - margin-top: -0.125rem; +.fill-current { + fill: currentColor; } -.-mr-0\.5 { - margin-right: -0.125rem; +.stroke-current { + stroke: currentColor; } -.-mb-0\.5 { - margin-bottom: -0.125rem; +.stroke-0 { + stroke-width: 0; } -.-ml-0\.5 { - margin-left: -0.125rem; -} - -.-mt-1\.5 { - margin-top: -0.375rem; +.stroke-1 { + stroke-width: 1; } -.-mr-1\.5 { - margin-right: -0.375rem; +.stroke-2 { + stroke-width: 2; } -.-mb-1\.5 { - margin-bottom: -0.375rem; +.table-auto { + table-layout: auto; } -.-ml-1\.5 { - margin-left: -0.375rem; +.table-fixed { + table-layout: fixed; } -.-mt-2\.5 { - margin-top: -0.625rem; +.text-left { + text-align: left; } -.-mr-2\.5 { - margin-right: -0.625rem; +.text-center { + text-align: center; } -.-mb-2\.5 { - margin-bottom: -0.625rem; +.text-right { + text-align: right; } -.-ml-2\.5 { - margin-left: -0.625rem; +.text-justify { + text-align: justify; } -.-mt-3\.5 { - margin-top: -0.875rem; +.text-transparent { + color: transparent; } -.-mr-3\.5 { - margin-right: -0.875rem; +.text-current { + color: currentColor; } -.-mb-3\.5 { - margin-bottom: -0.875rem; +.text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.-ml-3\.5 { - margin-left: -0.875rem; +.text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.max-h-0 { - max-height: 0; +.text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.max-h-1 { - max-height: 0.25rem; +.text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.max-h-2 { - max-height: 0.5rem; +.text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.max-h-3 { - max-height: 0.75rem; +.text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.max-h-4 { - max-height: 1rem; +.text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.max-h-5 { - max-height: 1.25rem; +.text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.max-h-6 { - max-height: 1.5rem; +.text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.max-h-7 { - max-height: 1.75rem; +.text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.max-h-8 { - max-height: 2rem; +.text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.max-h-9 { - max-height: 2.25rem; +.text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.max-h-10 { - max-height: 2.5rem; +.text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.max-h-12 { - max-height: 3rem; +.text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.max-h-14 { - max-height: 3.5rem; +.text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.max-h-16 { - max-height: 4rem; +.text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.max-h-20 { - max-height: 5rem; +.text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.max-h-24 { - max-height: 6rem; +.text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.max-h-28 { - max-height: 7rem; +.text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.max-h-32 { - max-height: 8rem; +.text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.max-h-36 { - max-height: 9rem; +.text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.max-h-40 { - max-height: 10rem; +.text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.max-h-44 { - max-height: 11rem; +.text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.max-h-48 { - max-height: 12rem; +.text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.max-h-52 { - max-height: 13rem; +.text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.max-h-56 { - max-height: 14rem; +.text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.max-h-60 { - max-height: 15rem; +.text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.max-h-64 { - max-height: 16rem; +.text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.max-h-72 { - max-height: 18rem; +.text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.max-h-80 { - max-height: 20rem; +.text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.max-h-96 { - max-height: 24rem; +.text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.max-h-px { - max-height: 1px; +.text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.max-h-0\.5 { - max-height: 0.125rem; +.text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.max-h-1\.5 { - max-height: 0.375rem; +.text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.max-h-2\.5 { - max-height: 0.625rem; +.text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.max-h-3\.5 { - max-height: 0.875rem; +.text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.max-h-full { - max-height: 100%; +.text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.max-h-screen { - max-height: 100vh; +.text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.max-w-0 { - max-width: 0rem; +.text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.max-w-none { - max-width: none; +.text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.max-w-xs { - max-width: 20rem; +.text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.max-w-sm { - max-width: 24rem; +.text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.max-w-md { - max-width: 28rem; +.text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.max-w-lg { - max-width: 32rem; +.text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.max-w-xl { - max-width: 36rem; +.text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.max-w-2xl { - max-width: 42rem; +.text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.max-w-3xl { - max-width: 48rem; +.text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.max-w-4xl { - max-width: 56rem; +.text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.max-w-5xl { - max-width: 64rem; +.text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.max-w-6xl { - max-width: 72rem; +.text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.max-w-7xl { - max-width: 80rem; +.text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.max-w-full { - max-width: 100%; +.text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.max-w-min { - max-width: min-content; +.text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.max-w-max { - max-width: max-content; +.text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.max-w-screen-sm { - max-width: 640px; +.text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.max-w-screen-md { - max-width: 768px; +.text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.max-w-screen-lg { - max-width: 1024px; +.text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.max-w-screen-xl { - max-width: 1280px; +.text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.max-w-screen-2xl { - max-width: 1536px; +.text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.min-h-0 { - min-height: 0; +.text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.min-h-full { - min-height: 100%; +.text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.min-h-screen { - min-height: 100vh; +.text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.min-w-0 { - min-width: 0; +.text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.min-w-full { - min-width: 100%; +.text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.min-w-min { - min-width: min-content; +.text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.min-w-max { - min-width: max-content; +.text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.object-contain { - object-fit: contain; +.text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.object-cover { - object-fit: cover; +.text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.object-fill { - object-fit: fill; +.text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.object-none { - object-fit: none; +.text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.object-scale-down { - object-fit: scale-down; +.text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.object-bottom { - object-position: bottom; +.text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.object-center { - object-position: center; +.group:hover .group-hover\:text-transparent { + color: transparent; } -.object-left { - object-position: left; +.group:hover .group-hover\:text-current { + color: currentColor; } -.object-left-bottom { - object-position: left bottom; +.group:hover .group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.object-left-top { - object-position: left top; +.group:hover .group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.object-right { - object-position: right; +.group:hover .group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.object-right-bottom { - object-position: right bottom; +.group:hover .group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.object-right-top { - object-position: right top; +.group:hover .group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.object-top { - object-position: top; +.group:hover .group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.opacity-0 { - opacity: 0; +.group:hover .group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.opacity-25 { - opacity: 0.25; +.group:hover .group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.opacity-50 { - opacity: 0.5; +.group:hover .group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.opacity-75 { - opacity: 0.75; +.group:hover .group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.opacity-100 { - opacity: 1; +.group:hover .group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.group:hover .group-hover\:opacity-0 { - opacity: 0; +.group:hover .group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.group:hover .group-hover\:opacity-25 { - opacity: 0.25; +.group:hover .group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.group:hover .group-hover\:opacity-50 { - opacity: 0.5; +.group:hover .group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.group:hover .group-hover\:opacity-75 { - opacity: 0.75; +.group:hover .group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.group:hover .group-hover\:opacity-100 { - opacity: 1; +.group:hover .group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.hover\:opacity-0:hover { - opacity: 0; +.group:hover .group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.hover\:opacity-25:hover { - opacity: 0.25; +.group:hover .group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.hover\:opacity-50:hover { - opacity: 0.5; +.group:hover .group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.hover\:opacity-75:hover { - opacity: 0.75; +.group:hover .group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.hover\:opacity-100:hover { - opacity: 1; +.group:hover .group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.focus\:opacity-0:focus { - opacity: 0; +.group:hover .group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.focus\:opacity-25:focus { - opacity: 0.25; +.group:hover .group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.focus\:opacity-50:focus { - opacity: 0.5; +.group:hover .group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.focus\:opacity-75:focus { - opacity: 0.75; +.group:hover .group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.focus\:opacity-100:focus { - opacity: 1; +.group:hover .group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.outline-white { - outline: 2px dotted white; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.outline-black { - outline: 2px dotted black; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; +.group:hover .group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.overflow-auto { - overflow: auto; +.group:hover .group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.overflow-hidden { - overflow: hidden; +.group:hover .group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.overflow-visible { - overflow: visible; +.group:hover .group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.overflow-scroll { - overflow: scroll; +.group:hover .group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.overflow-x-auto { - overflow-x: auto; +.group:hover .group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.overflow-y-auto { - overflow-y: auto; +.group:hover .group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.overflow-x-hidden { - overflow-x: hidden; +.group:hover .group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.overflow-y-hidden { - overflow-y: hidden; +.group:hover .group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.overflow-x-visible { - overflow-x: visible; +.group:hover .group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.overflow-y-visible { - overflow-y: visible; +.group:hover .group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.overflow-x-scroll { - overflow-x: scroll; +.group:hover .group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.overflow-y-scroll { - overflow-y: scroll; +.group:hover .group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.overscroll-auto { - overscroll-behavior: auto; +.group:hover .group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.overscroll-contain { - overscroll-behavior: contain; +.group:hover .group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.overscroll-none { - overscroll-behavior: none; +.group:hover .group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.overscroll-y-auto { - overscroll-behavior-y: auto; +.group:hover .group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.overscroll-y-contain { - overscroll-behavior-y: contain; +.group:hover .group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.overscroll-y-none { - overscroll-behavior-y: none; +.group:hover .group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.overscroll-x-auto { - overscroll-behavior-x: auto; +.group:hover .group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.overscroll-x-contain { - overscroll-behavior-x: contain; +.group:hover .group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.overscroll-x-none { - overscroll-behavior-x: none; +.group:hover .group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.p-0 { - padding: 0; +.group:hover .group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.p-1 { - padding: 0.25rem; +.group:hover .group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.p-2 { - padding: 0.5rem; +.group:hover .group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.p-3 { - padding: 0.75rem; +.group:hover .group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.p-4 { - padding: 1rem; +.group:hover .group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.p-5 { - padding: 1.25rem; +.group:hover .group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.p-6 { - padding: 1.5rem; +.group:hover .group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.p-7 { - padding: 1.75rem; +.group:hover .group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.p-8 { - padding: 2rem; +.group:hover .group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.p-9 { - padding: 2.25rem; +.group:hover .group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.p-10 { - padding: 2.5rem; +.group:hover .group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.p-12 { - padding: 3rem; +.group:hover .group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.p-14 { - padding: 3.5rem; +.group:hover .group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.p-16 { - padding: 4rem; +.group:hover .group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.p-20 { - padding: 5rem; +.group:hover .group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.p-24 { - padding: 6rem; +.group:hover .group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.p-28 { - padding: 7rem; +.group:hover .group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.p-32 { - padding: 8rem; +.group:hover .group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.p-36 { - padding: 9rem; +.group:hover .group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.p-40 { - padding: 10rem; +.hover\:text-transparent:hover { + color: transparent; } -.p-44 { - padding: 11rem; +.hover\:text-current:hover { + color: currentColor; } -.p-48 { - padding: 12rem; +.hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.p-52 { - padding: 13rem; +.hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.p-56 { - padding: 14rem; +.hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.p-60 { - padding: 15rem; +.hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.p-64 { - padding: 16rem; +.hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.p-72 { - padding: 18rem; +.hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.p-80 { - padding: 20rem; +.hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.p-96 { - padding: 24rem; +.hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.p-px { - padding: 1px; +.hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.p-0\.5 { - padding: 0.125rem; +.hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.p-1\.5 { - padding: 0.375rem; +.hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.p-2\.5 { - padding: 0.625rem; +.hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.p-3\.5 { - padding: 0.875rem; +.hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.py-0 { - padding-top: 0; - padding-bottom: 0; +.hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.px-0 { - padding-left: 0; - padding-right: 0; +.hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; +.hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; +.hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; +.hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +.hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.py-4 { - padding-top: 1rem; - padding-bottom: 1rem; +.hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.px-4 { - padding-left: 1rem; - padding-right: 1rem; +.hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; +.hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; +.hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; +.hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; +.hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; +.hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; +.hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.py-8 { - padding-top: 2rem; - padding-bottom: 2rem; +.hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.px-8 { - padding-left: 2rem; - padding-right: 2rem; +.hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; +.hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; +.hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; +.hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; +.hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; +.hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.px-12 { - padding-left: 3rem; - padding-right: 3rem; +.hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; +.hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; +.hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.py-16 { - padding-top: 4rem; - padding-bottom: 4rem; +.hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.px-16 { - padding-left: 4rem; - padding-right: 4rem; +.hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.py-20 { - padding-top: 5rem; - padding-bottom: 5rem; +.hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.px-20 { - padding-left: 5rem; - padding-right: 5rem; +.hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; +.hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.px-24 { - padding-left: 6rem; - padding-right: 6rem; +.hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.py-28 { - padding-top: 7rem; - padding-bottom: 7rem; +.hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.px-28 { - padding-left: 7rem; - padding-right: 7rem; +.hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; +.hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.px-32 { - padding-left: 8rem; - padding-right: 8rem; +.hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.py-36 { - padding-top: 9rem; - padding-bottom: 9rem; +.hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.px-36 { - padding-left: 9rem; - padding-right: 9rem; +.hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.py-40 { - padding-top: 10rem; - padding-bottom: 10rem; +.hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.px-40 { - padding-left: 10rem; - padding-right: 10rem; +.hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.py-44 { - padding-top: 11rem; - padding-bottom: 11rem; +.hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.px-44 { - padding-left: 11rem; - padding-right: 11rem; +.hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.py-48 { - padding-top: 12rem; - padding-bottom: 12rem; +.hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.px-48 { - padding-left: 12rem; - padding-right: 12rem; +.hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.py-52 { - padding-top: 13rem; - padding-bottom: 13rem; +.hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.px-52 { - padding-left: 13rem; - padding-right: 13rem; +.hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.py-56 { - padding-top: 14rem; - padding-bottom: 14rem; +.hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.px-56 { - padding-left: 14rem; - padding-right: 14rem; +.hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.py-60 { - padding-top: 15rem; - padding-bottom: 15rem; +.hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.px-60 { - padding-left: 15rem; - padding-right: 15rem; +.hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.py-64 { - padding-top: 16rem; - padding-bottom: 16rem; +.hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.px-64 { - padding-left: 16rem; - padding-right: 16rem; +.hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.py-72 { - padding-top: 18rem; - padding-bottom: 18rem; +.hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.px-72 { - padding-left: 18rem; - padding-right: 18rem; +.hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.py-80 { - padding-top: 20rem; - padding-bottom: 20rem; +.hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.px-80 { - padding-left: 20rem; - padding-right: 20rem; +.hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.py-96 { - padding-top: 24rem; - padding-bottom: 24rem; +.hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.px-96 { - padding-left: 24rem; - padding-right: 24rem; +.hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.py-px { - padding-top: 1px; - padding-bottom: 1px; +.hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.px-px { - padding-left: 1px; - padding-right: 1px; +.focus\:text-transparent:focus { + color: transparent; } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; +.focus\:text-current:focus { + color: currentColor; } -.px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; +.focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; +.focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } -.px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; +.focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; +.focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } -.px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; +.focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } -.py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; +.focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } -.px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; +.focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } -.pt-0 { - padding-top: 0; +.focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } -.pr-0 { - padding-right: 0; +.focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } -.pb-0 { - padding-bottom: 0; +.focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } -.pl-0 { - padding-left: 0; +.focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } -.pt-1 { - padding-top: 0.25rem; +.focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } -.pr-1 { - padding-right: 0.25rem; +.focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } -.pb-1 { - padding-bottom: 0.25rem; +.focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } -.pl-1 { - padding-left: 0.25rem; +.focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } -.pt-2 { - padding-top: 0.5rem; +.focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } -.pr-2 { - padding-right: 0.5rem; +.focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } -.pb-2 { - padding-bottom: 0.5rem; +.focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } -.pl-2 { - padding-left: 0.5rem; +.focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } -.pt-3 { - padding-top: 0.75rem; +.focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } -.pr-3 { - padding-right: 0.75rem; +.focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } -.pb-3 { - padding-bottom: 0.75rem; +.focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } -.pl-3 { - padding-left: 0.75rem; +.focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } -.pt-4 { - padding-top: 1rem; +.focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } -.pr-4 { - padding-right: 1rem; +.focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } -.pb-4 { - padding-bottom: 1rem; +.focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } -.pl-4 { - padding-left: 1rem; +.focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } -.pt-5 { - padding-top: 1.25rem; +.focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } -.pr-5 { - padding-right: 1.25rem; +.focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } -.pb-5 { - padding-bottom: 1.25rem; +.focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } -.pl-5 { - padding-left: 1.25rem; +.focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } -.pt-6 { - padding-top: 1.5rem; +.focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } -.pr-6 { - padding-right: 1.5rem; +.focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } -.pb-6 { - padding-bottom: 1.5rem; +.focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } -.pl-6 { - padding-left: 1.5rem; +.focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } -.pt-7 { - padding-top: 1.75rem; +.focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } -.pr-7 { - padding-right: 1.75rem; +.focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } -.pb-7 { - padding-bottom: 1.75rem; +.focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } -.pl-7 { - padding-left: 1.75rem; +.focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } -.pt-8 { - padding-top: 2rem; +.focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } -.pr-8 { - padding-right: 2rem; +.focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } -.pb-8 { - padding-bottom: 2rem; +.focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } -.pl-8 { - padding-left: 2rem; +.focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } -.pt-9 { - padding-top: 2.25rem; +.focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } -.pr-9 { - padding-right: 2.25rem; +.focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } -.pb-9 { - padding-bottom: 2.25rem; +.focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } -.pl-9 { - padding-left: 2.25rem; +.focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } -.pt-10 { - padding-top: 2.5rem; +.focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } -.pr-10 { - padding-right: 2.5rem; +.focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } -.pb-10 { - padding-bottom: 2.5rem; +.focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } -.pl-10 { - padding-left: 2.5rem; +.focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } -.pt-12 { - padding-top: 3rem; +.focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } -.pr-12 { - padding-right: 3rem; +.focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } -.pb-12 { - padding-bottom: 3rem; +.focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } -.pl-12 { - padding-left: 3rem; +.focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } -.pt-14 { - padding-top: 3.5rem; +.focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } -.pr-14 { - padding-right: 3.5rem; +.focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } -.pb-14 { - padding-bottom: 3.5rem; +.focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } -.pl-14 { - padding-left: 3.5rem; +.focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } -.pt-16 { - padding-top: 4rem; +.focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } -.pr-16 { - padding-right: 4rem; +.focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } -.pb-16 { - padding-bottom: 4rem; +.focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } -.pl-16 { - padding-left: 4rem; +.focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } -.pt-20 { - padding-top: 5rem; +.focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } -.pr-20 { - padding-right: 5rem; +.focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } -.pb-20 { - padding-bottom: 5rem; +.focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } -.pl-20 { - padding-left: 5rem; +.focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } -.pt-24 { - padding-top: 6rem; +.focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } -.pr-24 { - padding-right: 6rem; +.focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } -.pb-24 { - padding-bottom: 6rem; +.focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } -.pl-24 { - padding-left: 6rem; +.focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } -.pt-28 { - padding-top: 7rem; +.focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } -.pr-28 { - padding-right: 7rem; +.text-opacity-0 { + --text-opacity: 0; } -.pb-28 { - padding-bottom: 7rem; +.text-opacity-25 { + --text-opacity: 0.25; } -.pl-28 { - padding-left: 7rem; +.text-opacity-50 { + --text-opacity: 0.5; } -.pt-32 { - padding-top: 8rem; +.text-opacity-75 { + --text-opacity: 0.75; } -.pr-32 { - padding-right: 8rem; +.text-opacity-100 { + --text-opacity: 1; } -.pb-32 { - padding-bottom: 8rem; +.group:hover .group-hover\:text-opacity-0 { + --text-opacity: 0; } -.pl-32 { - padding-left: 8rem; +.group:hover .group-hover\:text-opacity-25 { + --text-opacity: 0.25; } -.pt-36 { - padding-top: 9rem; +.group:hover .group-hover\:text-opacity-50 { + --text-opacity: 0.5; } -.pr-36 { - padding-right: 9rem; +.group:hover .group-hover\:text-opacity-75 { + --text-opacity: 0.75; } -.pb-36 { - padding-bottom: 9rem; +.group:hover .group-hover\:text-opacity-100 { + --text-opacity: 1; } -.pl-36 { - padding-left: 9rem; +.hover\:text-opacity-0:hover { + --text-opacity: 0; } -.pt-40 { - padding-top: 10rem; +.hover\:text-opacity-25:hover { + --text-opacity: 0.25; } -.pr-40 { - padding-right: 10rem; +.hover\:text-opacity-50:hover { + --text-opacity: 0.5; } -.pb-40 { - padding-bottom: 10rem; +.hover\:text-opacity-75:hover { + --text-opacity: 0.75; } -.pl-40 { - padding-left: 10rem; +.hover\:text-opacity-100:hover { + --text-opacity: 1; } -.pt-44 { - padding-top: 11rem; +.focus\:text-opacity-0:focus { + --text-opacity: 0; } -.pr-44 { - padding-right: 11rem; +.focus\:text-opacity-25:focus { + --text-opacity: 0.25; } -.pb-44 { - padding-bottom: 11rem; +.focus\:text-opacity-50:focus { + --text-opacity: 0.5; } -.pl-44 { - padding-left: 11rem; +.focus\:text-opacity-75:focus { + --text-opacity: 0.75; } -.pt-48 { - padding-top: 12rem; +.focus\:text-opacity-100:focus { + --text-opacity: 1; } -.pr-48 { - padding-right: 12rem; +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } -.pb-48 { - padding-bottom: 12rem; +.overflow-ellipsis { + text-overflow: ellipsis; } -.pl-48 { - padding-left: 12rem; +.overflow-clip { + text-overflow: clip; } -.pt-52 { - padding-top: 13rem; +.italic { + font-style: italic; } -.pr-52 { - padding-right: 13rem; +.not-italic { + font-style: normal; } -.pb-52 { - padding-bottom: 13rem; +.uppercase { + text-transform: uppercase; } -.pl-52 { - padding-left: 13rem; +.lowercase { + text-transform: lowercase; } -.pt-56 { - padding-top: 14rem; +.capitalize { + text-transform: capitalize; } -.pr-56 { - padding-right: 14rem; +.normal-case { + text-transform: none; } -.pb-56 { - padding-bottom: 14rem; +.underline { + text-decoration: underline; } -.pl-56 { - padding-left: 14rem; +.line-through { + text-decoration: line-through; } -.pt-60 { - padding-top: 15rem; +.no-underline { + text-decoration: none; } -.pr-60 { - padding-right: 15rem; +.hover\:underline:hover { + text-decoration: underline; } -.pb-60 { - padding-bottom: 15rem; +.hover\:line-through:hover { + text-decoration: line-through; } -.pl-60 { - padding-left: 15rem; +.hover\:no-underline:hover { + text-decoration: none; } -.pt-64 { - padding-top: 16rem; +.focus\:underline:focus { + text-decoration: underline; } -.pr-64 { - padding-right: 16rem; +.focus\:line-through:focus { + text-decoration: line-through; } -.pb-64 { - padding-bottom: 16rem; +.focus\:no-underline:focus { + text-decoration: none; } -.pl-64 { - padding-left: 16rem; +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.pt-72 { - padding-top: 18rem; +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } -.pr-72 { - padding-right: 18rem; +.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } -.pb-72 { - padding-bottom: 18rem; +.normal-nums { + font-variant-numeric: normal; } -.pl-72 { - padding-left: 18rem; +.ordinal { + --font-variant-numeric-ordinal: ordinal; } -.pt-80 { - padding-top: 20rem; +.slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } -.pr-80 { - padding-right: 20rem; +.lining-nums { + --font-variant-numeric-figure: lining-nums; } -.pb-80 { - padding-bottom: 20rem; +.oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } -.pl-80 { - padding-left: 20rem; +.proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } -.pt-96 { - padding-top: 24rem; +.tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } -.pr-96 { - padding-right: 24rem; +.diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } -.pb-96 { - padding-bottom: 24rem; +.stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } -.pl-96 { - padding-left: 24rem; +.tracking-tighter { + letter-spacing: -0.05em; } -.pt-px { - padding-top: 1px; +.tracking-tight { + letter-spacing: -0.025em; } -.pr-px { - padding-right: 1px; +.tracking-normal { + letter-spacing: 0; } -.pb-px { - padding-bottom: 1px; +.tracking-wide { + letter-spacing: 0.025em; } -.pl-px { - padding-left: 1px; +.tracking-wider { + letter-spacing: 0.05em; } -.pt-0\.5 { - padding-top: 0.125rem; +.tracking-widest { + letter-spacing: 0.1em; } -.pr-0\.5 { - padding-right: 0.125rem; +.select-none { + user-select: none; } -.pb-0\.5 { - padding-bottom: 0.125rem; +.select-text { + user-select: text; } -.pl-0\.5 { - padding-left: 0.125rem; +.select-all { + user-select: all; } -.pt-1\.5 { - padding-top: 0.375rem; +.select-auto { + user-select: auto; } -.pr-1\.5 { - padding-right: 0.375rem; +.align-baseline { + vertical-align: baseline; } -.pb-1\.5 { - padding-bottom: 0.375rem; +.align-top { + vertical-align: top; } -.pl-1\.5 { - padding-left: 0.375rem; +.align-middle { + vertical-align: middle; } -.pt-2\.5 { - padding-top: 0.625rem; +.align-bottom { + vertical-align: bottom; } -.pr-2\.5 { - padding-right: 0.625rem; +.align-text-top { + vertical-align: text-top; } -.pb-2\.5 { - padding-bottom: 0.625rem; +.align-text-bottom { + vertical-align: text-bottom; } -.pl-2\.5 { - padding-left: 0.625rem; +.visible { + visibility: visible; } -.pt-3\.5 { - padding-top: 0.875rem; +.invisible { + visibility: hidden; } -.pr-3\.5 { - padding-right: 0.875rem; +.whitespace-normal { + white-space: normal; } -.pb-3\.5 { - padding-bottom: 0.875rem; +.whitespace-no-wrap { + white-space: nowrap; } -.pl-3\.5 { - padding-left: 0.875rem; +.whitespace-pre { + white-space: pre; } -.placeholder-transparent::placeholder { - color: transparent; +.whitespace-pre-line { + white-space: pre-line; } -.placeholder-current::placeholder { - color: currentColor; +.whitespace-pre-wrap { + white-space: pre-wrap; } -.placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); +.break-normal { + overflow-wrap: normal; + word-break: normal; } -.placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); +.break-words { + overflow-wrap: break-word; } -.placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); +.break-all { + word-break: break-all; } -.placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); +.w-0 { + width: 0; } -.placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); +.w-1 { + width: 0.25rem; } -.placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); +.w-2 { + width: 0.5rem; } -.placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); +.w-3 { + width: 0.75rem; } -.placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); +.w-4 { + width: 1rem; } -.placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); +.w-5 { + width: 1.25rem; } -.placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); +.w-6 { + width: 1.5rem; } -.placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); +.w-7 { + width: 1.75rem; } -.placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); +.w-8 { + width: 2rem; } -.placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); +.w-9 { + width: 2.25rem; } -.placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); +.w-10 { + width: 2.5rem; } -.placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); +.w-12 { + width: 3rem; } -.placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); +.w-14 { + width: 3.5rem; } -.placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); +.w-16 { + width: 4rem; } -.placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); +.w-20 { + width: 5rem; } -.placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); +.w-24 { + width: 6rem; } -.placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); +.w-28 { + width: 7rem; } -.placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); +.w-32 { + width: 8rem; } -.placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); +.w-36 { + width: 9rem; } -.placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); +.w-40 { + width: 10rem; } -.placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); +.w-44 { + width: 11rem; } -.placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); +.w-48 { + width: 12rem; } -.placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); +.w-52 { + width: 13rem; } -.placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); +.w-56 { + width: 14rem; } -.placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); +.w-60 { + width: 15rem; } -.placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); +.w-64 { + width: 16rem; } -.placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); +.w-72 { + width: 18rem; } -.placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); +.w-80 { + width: 20rem; } -.placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); +.w-96 { + width: 24rem; } -.placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); +.w-auto { + width: auto; } -.placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); +.w-px { + width: 1px; } -.placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); +.w-0\.5 { + width: 0.125rem; } -.placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); +.w-1\.5 { + width: 0.375rem; } -.placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); +.w-2\.5 { + width: 0.625rem; } -.placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); +.w-3\.5 { + width: 0.875rem; } -.placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); +.w-1\/2 { + width: 50%; } -.placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); +.w-1\/3 { + width: 33.333333%; } -.placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); +.w-2\/3 { + width: 66.666667%; } -.placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); +.w-1\/4 { + width: 25%; } -.placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); +.w-2\/4 { + width: 50%; } -.placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); +.w-3\/4 { + width: 75%; } -.placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); +.w-1\/5 { + width: 20%; } -.placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); +.w-2\/5 { + width: 40%; } -.placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); +.w-3\/5 { + width: 60%; } -.placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); +.w-4\/5 { + width: 80%; } -.placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); +.w-1\/6 { + width: 16.666667%; } -.placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); +.w-2\/6 { + width: 33.333333%; } -.placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); +.w-3\/6 { + width: 50%; } -.placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); +.w-4\/6 { + width: 66.666667%; } -.placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); +.w-5\/6 { + width: 83.333333%; } -.placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); +.w-1\/12 { + width: 8.333333%; } -.placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); +.w-2\/12 { + width: 16.666667%; } -.placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); +.w-3\/12 { + width: 25%; } -.placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); +.w-4\/12 { + width: 33.333333%; } -.placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); +.w-5\/12 { + width: 41.666667%; } -.placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); +.w-6\/12 { + width: 50%; } -.placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); +.w-7\/12 { + width: 58.333333%; } -.placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); +.w-8\/12 { + width: 66.666667%; } -.placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); +.w-9\/12 { + width: 75%; } -.placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); +.w-10\/12 { + width: 83.333333%; } -.placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); +.w-11\/12 { + width: 91.666667%; } -.placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); +.w-full { + width: 100%; } -.placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); +.w-screen { + width: 100vw; } -.placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); +.w-min { + width: min-content; } -.placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); +.w-max { + width: max-content; } -.placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); +.z-0 { + z-index: 0; } -.placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); +.z-10 { + z-index: 10; } -.placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); +.z-20 { + z-index: 20; } -.placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); +.z-30 { + z-index: 30; } -.focus\:placeholder-transparent:focus::placeholder { - color: transparent; +.z-40 { + z-index: 40; } -.focus\:placeholder-current:focus::placeholder { - color: currentColor; +.z-50 { + z-index: 50; } -.focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); +.z-auto { + z-index: auto; } -.focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); +.focus\:z-0:focus { + z-index: 0; } -.focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); +.focus\:z-10:focus { + z-index: 10; } -.focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); +.focus\:z-20:focus { + z-index: 20; } -.focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); +.focus\:z-30:focus { + z-index: 30; } -.focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); +.focus\:z-40:focus { + z-index: 40; } -.focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); +.focus\:z-50:focus { + z-index: 50; } -.focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); +.focus\:z-auto:focus { + z-index: auto; } -.focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); +.gap-0 { + grid-gap: 0; + gap: 0; } -.focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); +.gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } -.focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); +.gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } -.focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); +.gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } -.focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); +.gap-4 { + grid-gap: 1rem; + gap: 1rem; } -.focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); +.gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } -.focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); +.gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } -.focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); +.gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } -.focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); +.gap-8 { + grid-gap: 2rem; + gap: 2rem; } -.focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); +.gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } -.focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); +.gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } -.focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); +.gap-12 { + grid-gap: 3rem; + gap: 3rem; } -.focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); +.gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } -.focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); +.gap-16 { + grid-gap: 4rem; + gap: 4rem; } -.focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); +.gap-20 { + grid-gap: 5rem; + gap: 5rem; } -.focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); +.gap-24 { + grid-gap: 6rem; + gap: 6rem; } -.focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); +.gap-28 { + grid-gap: 7rem; + gap: 7rem; } -.focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); +.gap-32 { + grid-gap: 8rem; + gap: 8rem; } -.focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); +.gap-36 { + grid-gap: 9rem; + gap: 9rem; } -.focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); +.gap-40 { + grid-gap: 10rem; + gap: 10rem; } -.focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); +.gap-44 { + grid-gap: 11rem; + gap: 11rem; } -.focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); +.gap-48 { + grid-gap: 12rem; + gap: 12rem; } -.focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); +.gap-52 { + grid-gap: 13rem; + gap: 13rem; } -.focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); +.gap-56 { + grid-gap: 14rem; + gap: 14rem; } -.focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); +.gap-60 { + grid-gap: 15rem; + gap: 15rem; } -.focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); +.gap-64 { + grid-gap: 16rem; + gap: 16rem; } -.focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); +.gap-72 { + grid-gap: 18rem; + gap: 18rem; } -.focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); +.gap-80 { + grid-gap: 20rem; + gap: 20rem; } -.focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); +.gap-96 { + grid-gap: 24rem; + gap: 24rem; } -.focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); +.gap-px { + grid-gap: 1px; + gap: 1px; } -.focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); +.gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } -.focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); +.gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } -.focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); +.gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } -.focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); +.gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } -.focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); +.gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } -.focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); +.gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } -.focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); +.gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } -.focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); +.gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } -.focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); +.gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } -.focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); +.gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } -.focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); +.gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } -.focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); +.gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } -.focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); +.gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } -.focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); +.gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } -.focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); +.gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } -.focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); +.gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } -.focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); +.gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } -.focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); +.gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } -.focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); +.gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } -.focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); +.gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } -.focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); +.gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } -.focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); +.gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } -.focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); +.gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } -.focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); +.gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } -.focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); +.gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } -.focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); +.gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } -.focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); +.gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } -.focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); +.gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } -.focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); +.gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } -.focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); +.gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } -.focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); +.gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } -.focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); +.gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } -.focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); +.gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } -.focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); +.gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } -@media (prefers-color-scheme: dark) { - .dark\:placeholder-transparent::placeholder { - color: transparent; - } +.gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; +} - .dark\:placeholder-current::placeholder { - color: currentColor; - } +.gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; +} - .dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } +.gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; +} - .dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } +.gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; +} - .dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } +.gap-y-0 { + grid-row-gap: 0; + row-gap: 0; +} - .dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } +.gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; +} - .dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } +.gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; +} - .dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } +.gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; +} - .dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } +.gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; +} - .dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } +.gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; +} - .dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } +.gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; +} - .dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } +.gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; +} - .dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } +.gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; +} - .dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } +.gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; +} - .dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } +.gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; +} - .dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } +.gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; +} - .dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } +.gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; +} - .dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } +.gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; +} - .dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } +.gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; +} - .dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } +.gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; +} - .dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } +.gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; +} - .dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } +.gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; +} - .dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } +.gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; +} - .dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } +.gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; +} - .dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } +.gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; +} - .dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } +.gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; +} - .dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } +.gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; +} - .dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } +.gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; +} - .dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } +.gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; +} - .dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } +.gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; +} - .dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } +.gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; +} - .dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } +.gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; +} - .dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } +.gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; +} - .dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } +.gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; +} - .dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } +.gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; +} - .dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } +.gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; +} - .dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } +.gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; +} - .dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } +.gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; +} - .dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } +.grid-flow-row { + grid-auto-flow: row; +} - .dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } +.grid-flow-col { + grid-auto-flow: column; +} - .dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } +.grid-flow-row-dense { + grid-auto-flow: row dense; +} - .dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } +.grid-flow-col-dense { + grid-auto-flow: column dense; +} - .dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} - .dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} - .dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} - .dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} - .dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} - .dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } +.grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); +} - .dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} - .dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } +.grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); +} - .dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } +.grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); +} - .dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } +.grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); +} - .dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } +.grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); +} - .dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} - .dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } +.grid-cols-none { + grid-template-columns: none; +} - .dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } +.auto-cols-auto { + grid-auto-columns: auto; +} - .dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } +.auto-cols-min { + grid-auto-columns: min-content; +} - .dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } +.auto-cols-max { + grid-auto-columns: max-content; +} - .dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } +.auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); +} - .dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } +.col-auto { + grid-column: auto; +} - .dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } +.col-span-1 { + grid-column: span 1 / span 1; +} - .dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } +.col-span-2 { + grid-column: span 2 / span 2; +} - .dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } +.col-span-3 { + grid-column: span 3 / span 3; +} - .dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } +.col-span-4 { + grid-column: span 4 / span 4; +} - .dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } +.col-span-5 { + grid-column: span 5 / span 5; +} - .dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } +.col-span-6 { + grid-column: span 6 / span 6; +} - .dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } +.col-span-7 { + grid-column: span 7 / span 7; +} - .dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } +.col-span-8 { + grid-column: span 8 / span 8; +} - .dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } +.col-span-9 { + grid-column: span 9 / span 9; +} - .dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } +.col-span-10 { + grid-column: span 10 / span 10; +} - .dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } +.col-span-11 { + grid-column: span 11 / span 11; +} - .dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } +.col-span-12 { + grid-column: span 12 / span 12; +} - .dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } +.col-span-full { + grid-column: 1 / -1; +} - .dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } +.col-start-1 { + grid-column-start: 1; +} - .dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } +.col-start-2 { + grid-column-start: 2; +} - .dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } +.col-start-3 { + grid-column-start: 3; +} - .dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } +.col-start-4 { + grid-column-start: 4; +} - .dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } +.col-start-5 { + grid-column-start: 5; +} - .dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } +.col-start-6 { + grid-column-start: 6; +} - .dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } +.col-start-7 { + grid-column-start: 7; +} - .dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } +.col-start-8 { + grid-column-start: 8; +} - .dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } +.col-start-9 { + grid-column-start: 9; +} - .dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } +.col-start-10 { + grid-column-start: 10; +} - .dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } +.col-start-11 { + grid-column-start: 11; +} - .dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } +.col-start-12 { + grid-column-start: 12; +} - .dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } +.col-start-13 { + grid-column-start: 13; +} - .dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } +.col-start-auto { + grid-column-start: auto; +} - .dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } +.col-end-1 { + grid-column-end: 1; +} - .dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } +.col-end-2 { + grid-column-end: 2; +} - .dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } +.col-end-3 { + grid-column-end: 3; +} - .dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } +.col-end-4 { + grid-column-end: 4; +} - .dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } +.col-end-5 { + grid-column-end: 5; +} - .dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } +.col-end-6 { + grid-column-end: 6; +} - .dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } +.col-end-7 { + grid-column-end: 7; +} - .dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } +.col-end-8 { + grid-column-end: 8; +} - .dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } +.col-end-9 { + grid-column-end: 9; +} - .dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } +.col-end-10 { + grid-column-end: 10; +} - .dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } +.col-end-11 { + grid-column-end: 11; +} - .dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } +.col-end-12 { + grid-column-end: 12; +} - .dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } +.col-end-13 { + grid-column-end: 13; +} - .dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } +.col-end-auto { + grid-column-end: auto; +} - .dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } +.grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } +.grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } +.grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } +.grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); +} - .dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } +.grid-rows-none { + grid-template-rows: none; +} - .dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } +.auto-rows-auto { + grid-auto-rows: auto; +} - .dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } +.auto-rows-min { + grid-auto-rows: min-content; +} - .dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } +.auto-rows-max { + grid-auto-rows: max-content; +} - .dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } +.auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); +} - .dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } +.row-auto { + grid-row: auto; +} - .dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } +.row-span-1 { + grid-row: span 1 / span 1; +} - .dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } +.row-span-2 { + grid-row: span 2 / span 2; +} - .dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } +.row-span-3 { + grid-row: span 3 / span 3; +} - .dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } +.row-span-4 { + grid-row: span 4 / span 4; +} - .dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } +.row-span-5 { + grid-row: span 5 / span 5; +} - .dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } +.row-span-6 { + grid-row: span 6 / span 6; +} - .dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } +.row-span-full { + grid-row: 1 / -1; +} - .dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } +.row-start-1 { + grid-row-start: 1; +} - .dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } +.row-start-2 { + grid-row-start: 2; +} - .dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } +.row-start-3 { + grid-row-start: 3; +} - .dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } +.row-start-4 { + grid-row-start: 4; +} - .dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } +.row-start-5 { + grid-row-start: 5; +} - .dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } +.row-start-6 { + grid-row-start: 6; +} - .dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } +.row-start-7 { + grid-row-start: 7; +} - .dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } +.row-start-auto { + grid-row-start: auto; +} - .dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } +.row-end-1 { + grid-row-end: 1; +} - .dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } +.row-end-2 { + grid-row-end: 2; +} - .dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } +.row-end-3 { + grid-row-end: 3; +} - .dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } +.row-end-4 { + grid-row-end: 4; +} - .dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } +.row-end-5 { + grid-row-end: 5; +} - .dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } +.row-end-6 { + grid-row-end: 6; +} - .dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } +.row-end-7 { + grid-row-end: 7; +} - .dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } +.row-end-auto { + grid-row-end: auto; +} - .dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } +.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)); +} - .dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } +.transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); +} - .dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } +.transform-none { + transform: none; +} - .dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } +.origin-center { + transform-origin: center; +} - .dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } +.origin-top { + transform-origin: top; +} - .dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } +.origin-top-right { + transform-origin: top right; +} - .dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } +.origin-right { + transform-origin: right; +} - .dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } +.origin-bottom-right { + transform-origin: bottom right; +} - .dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } +.origin-bottom { + transform-origin: bottom; +} - .dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } +.origin-bottom-left { + transform-origin: bottom left; } -.placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; +.origin-left { + transform-origin: left; } -.placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; +.origin-top-left { + transform-origin: top left; } -.placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; +.scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } -.placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; +.scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } -.placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; +.scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } -.focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; +.scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } -.focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; +.scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } -.focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; +.scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } -.focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; +.scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } -.focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; +.scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } -.pointer-events-none { - pointer-events: none; +.scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } -.pointer-events-auto { - pointer-events: auto; +.scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } -.static { - position: static; +.scale-x-0 { + --transform-scale-x: 0; } -.fixed { - position: fixed; +.scale-x-50 { + --transform-scale-x: .5; } -.absolute { - position: absolute; +.scale-x-75 { + --transform-scale-x: .75; } -.relative { - position: relative; +.scale-x-90 { + --transform-scale-x: .9; } -.sticky { - position: sticky; +.scale-x-95 { + --transform-scale-x: .95; } -.inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; +.scale-x-100 { + --transform-scale-x: 1; } -.inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; +.scale-x-105 { + --transform-scale-x: 1.05; } -.inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; +.scale-x-110 { + --transform-scale-x: 1.1; } -.inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; +.scale-x-125 { + --transform-scale-x: 1.25; } -.inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; +.scale-x-150 { + --transform-scale-x: 1.5; } -.inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; +.scale-y-0 { + --transform-scale-y: 0; } -.inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; +.scale-y-50 { + --transform-scale-y: .5; } -.inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; +.scale-y-75 { + --transform-scale-y: .75; } -.inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; +.scale-y-90 { + --transform-scale-y: .9; } -.inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; +.scale-y-95 { + --transform-scale-y: .95; } -.inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; +.scale-y-100 { + --transform-scale-y: 1; } -.inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; +.scale-y-105 { + --transform-scale-y: 1.05; } -.inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; +.scale-y-110 { + --transform-scale-y: 1.1; } -.inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; +.scale-y-125 { + --transform-scale-y: 1.25; } -.inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; +.scale-y-150 { + --transform-scale-y: 1.5; } -.inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; +.hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } -.inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; +.hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } -.inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; +.hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } -.inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; +.hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } -.inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; +.hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } -.inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; +.hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } -.inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; +.hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } -.inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; +.hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } -.inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; +.hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } -.inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; +.hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } -.inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; +.hover\:scale-x-0:hover { + --transform-scale-x: 0; } -.inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; +.hover\:scale-x-50:hover { + --transform-scale-x: .5; } -.inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; +.hover\:scale-x-75:hover { + --transform-scale-x: .75; } -.inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; +.hover\:scale-x-90:hover { + --transform-scale-x: .9; } -.inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; +.hover\:scale-x-95:hover { + --transform-scale-x: .95; } -.inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; +.hover\:scale-x-100:hover { + --transform-scale-x: 1; } -.inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; +.hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } -.inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; +.hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } -.inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; +.hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } -.inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; +.hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } -.-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; +.hover\:scale-y-0:hover { + --transform-scale-y: 0; } -.-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; +.hover\:scale-y-50:hover { + --transform-scale-y: .5; } -.-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; +.hover\:scale-y-75:hover { + --transform-scale-y: .75; } -.-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; +.hover\:scale-y-90:hover { + --transform-scale-y: .9; } -.-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; +.hover\:scale-y-95:hover { + --transform-scale-y: .95; } -.-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; +.hover\:scale-y-100:hover { + --transform-scale-y: 1; } -.-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; +.hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } -.-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; +.hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } -.-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; +.hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } -.-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; +.hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } -.-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; +.focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } -.-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; +.focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } -.-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; +.focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } -.-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; +.focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } -.-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; +.focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } -.-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; +.focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } -.-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; +.focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } -.-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; +.focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } -.-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; +.focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } -.-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; +.focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } -.-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; +.focus\:scale-x-0:focus { + --transform-scale-x: 0; } -.-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; +.focus\:scale-x-50:focus { + --transform-scale-x: .5; } -.-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; +.focus\:scale-x-75:focus { + --transform-scale-x: .75; } -.-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; +.focus\:scale-x-90:focus { + --transform-scale-x: .9; } -.-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; +.focus\:scale-x-95:focus { + --transform-scale-x: .95; } -.-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; +.focus\:scale-x-100:focus { + --transform-scale-x: 1; } -.-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; +.focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } -.-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; +.focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } -.-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; +.focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } -.-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; +.focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } -.-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; +.focus\:scale-y-0:focus { + --transform-scale-y: 0; } -.-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; +.focus\:scale-y-50:focus { + --transform-scale-y: .5; } -.-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; +.focus\:scale-y-75:focus { + --transform-scale-y: .75; } -.inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.focus\:scale-y-90:focus { + --transform-scale-y: .9; } -.inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; +.focus\:scale-y-95:focus { + --transform-scale-y: .95; } -.inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; +.focus\:scale-y-100:focus { + --transform-scale-y: 1; } -.inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; +.focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } -.inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; +.focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } -.inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; +.focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } -.inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; +.focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } -.-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; +.rotate-0 { + --transform-rotate: 0; } -.-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; +.rotate-1 { + --transform-rotate: 1deg; } -.-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; +.rotate-2 { + --transform-rotate: 2deg; } -.-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; +.rotate-3 { + --transform-rotate: 3deg; } -.-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; +.rotate-6 { + --transform-rotate: 6deg; } -.-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; +.rotate-12 { + --transform-rotate: 12deg; } -.-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; +.rotate-45 { + --transform-rotate: 45deg; } -.inset-y-0 { - top: 0; - bottom: 0; +.rotate-90 { + --transform-rotate: 90deg; } -.inset-x-0 { - right: 0; - left: 0; +.rotate-180 { + --transform-rotate: 180deg; } -.inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; +.-rotate-180 { + --transform-rotate: -180deg; } -.inset-x-1 { - right: 0.25rem; - left: 0.25rem; +.-rotate-90 { + --transform-rotate: -90deg; } -.inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; +.-rotate-45 { + --transform-rotate: -45deg; } -.inset-x-2 { - right: 0.5rem; - left: 0.5rem; +.-rotate-12 { + --transform-rotate: -12deg; } -.inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; +.-rotate-6 { + --transform-rotate: -6deg; } -.inset-x-3 { - right: 0.75rem; - left: 0.75rem; +.-rotate-3 { + --transform-rotate: -3deg; } -.inset-y-4 { - top: 1rem; - bottom: 1rem; +.-rotate-2 { + --transform-rotate: -2deg; } -.inset-x-4 { - right: 1rem; - left: 1rem; +.-rotate-1 { + --transform-rotate: -1deg; } -.inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; +.hover\:rotate-0:hover { + --transform-rotate: 0; } -.inset-x-5 { - right: 1.25rem; - left: 1.25rem; +.hover\:rotate-1:hover { + --transform-rotate: 1deg; } -.inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; +.hover\:rotate-2:hover { + --transform-rotate: 2deg; } -.inset-x-6 { - right: 1.5rem; - left: 1.5rem; +.hover\:rotate-3:hover { + --transform-rotate: 3deg; } -.inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; +.hover\:rotate-6:hover { + --transform-rotate: 6deg; } -.inset-x-7 { - right: 1.75rem; - left: 1.75rem; +.hover\:rotate-12:hover { + --transform-rotate: 12deg; } -.inset-y-8 { - top: 2rem; - bottom: 2rem; +.hover\:rotate-45:hover { + --transform-rotate: 45deg; } -.inset-x-8 { - right: 2rem; - left: 2rem; +.hover\:rotate-90:hover { + --transform-rotate: 90deg; } -.inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; +.hover\:rotate-180:hover { + --transform-rotate: 180deg; } -.inset-x-9 { - right: 2.25rem; - left: 2.25rem; +.hover\:-rotate-180:hover { + --transform-rotate: -180deg; } -.inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; +.hover\:-rotate-90:hover { + --transform-rotate: -90deg; } -.inset-x-10 { - right: 2.5rem; - left: 2.5rem; +.hover\:-rotate-45:hover { + --transform-rotate: -45deg; } -.inset-y-12 { - top: 3rem; - bottom: 3rem; +.hover\:-rotate-12:hover { + --transform-rotate: -12deg; } -.inset-x-12 { - right: 3rem; - left: 3rem; +.hover\:-rotate-6:hover { + --transform-rotate: -6deg; } -.inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; +.hover\:-rotate-3:hover { + --transform-rotate: -3deg; } -.inset-x-14 { - right: 3.5rem; - left: 3.5rem; +.hover\:-rotate-2:hover { + --transform-rotate: -2deg; } -.inset-y-16 { - top: 4rem; - bottom: 4rem; +.hover\:-rotate-1:hover { + --transform-rotate: -1deg; } -.inset-x-16 { - right: 4rem; - left: 4rem; +.focus\:rotate-0:focus { + --transform-rotate: 0; } -.inset-y-20 { - top: 5rem; - bottom: 5rem; +.focus\:rotate-1:focus { + --transform-rotate: 1deg; } -.inset-x-20 { - right: 5rem; - left: 5rem; +.focus\:rotate-2:focus { + --transform-rotate: 2deg; } -.inset-y-24 { - top: 6rem; - bottom: 6rem; +.focus\:rotate-3:focus { + --transform-rotate: 3deg; } -.inset-x-24 { - right: 6rem; - left: 6rem; +.focus\:rotate-6:focus { + --transform-rotate: 6deg; } -.inset-y-28 { - top: 7rem; - bottom: 7rem; +.focus\:rotate-12:focus { + --transform-rotate: 12deg; } -.inset-x-28 { - right: 7rem; - left: 7rem; +.focus\:rotate-45:focus { + --transform-rotate: 45deg; } -.inset-y-32 { - top: 8rem; - bottom: 8rem; +.focus\:rotate-90:focus { + --transform-rotate: 90deg; } -.inset-x-32 { - right: 8rem; - left: 8rem; +.focus\:rotate-180:focus { + --transform-rotate: 180deg; } -.inset-y-36 { - top: 9rem; - bottom: 9rem; +.focus\:-rotate-180:focus { + --transform-rotate: -180deg; } -.inset-x-36 { - right: 9rem; - left: 9rem; +.focus\:-rotate-90:focus { + --transform-rotate: -90deg; } -.inset-y-40 { - top: 10rem; - bottom: 10rem; +.focus\:-rotate-45:focus { + --transform-rotate: -45deg; } -.inset-x-40 { - right: 10rem; - left: 10rem; +.focus\:-rotate-12:focus { + --transform-rotate: -12deg; } -.inset-y-44 { - top: 11rem; - bottom: 11rem; +.focus\:-rotate-6:focus { + --transform-rotate: -6deg; } -.inset-x-44 { - right: 11rem; - left: 11rem; +.focus\:-rotate-3:focus { + --transform-rotate: -3deg; } -.inset-y-48 { - top: 12rem; - bottom: 12rem; +.focus\:-rotate-2:focus { + --transform-rotate: -2deg; } -.inset-x-48 { - right: 12rem; - left: 12rem; +.focus\:-rotate-1:focus { + --transform-rotate: -1deg; } -.inset-y-52 { - top: 13rem; - bottom: 13rem; +.translate-x-0 { + --transform-translate-x: 0; } -.inset-x-52 { - right: 13rem; - left: 13rem; +.translate-x-1 { + --transform-translate-x: 0.25rem; } -.inset-y-56 { - top: 14rem; - bottom: 14rem; +.translate-x-2 { + --transform-translate-x: 0.5rem; } -.inset-x-56 { - right: 14rem; - left: 14rem; +.translate-x-3 { + --transform-translate-x: 0.75rem; } -.inset-y-60 { - top: 15rem; - bottom: 15rem; +.translate-x-4 { + --transform-translate-x: 1rem; } -.inset-x-60 { - right: 15rem; - left: 15rem; +.translate-x-5 { + --transform-translate-x: 1.25rem; } -.inset-y-64 { - top: 16rem; - bottom: 16rem; +.translate-x-6 { + --transform-translate-x: 1.5rem; } -.inset-x-64 { - right: 16rem; - left: 16rem; +.translate-x-7 { + --transform-translate-x: 1.75rem; } -.inset-y-72 { - top: 18rem; - bottom: 18rem; +.translate-x-8 { + --transform-translate-x: 2rem; } -.inset-x-72 { - right: 18rem; - left: 18rem; +.translate-x-9 { + --transform-translate-x: 2.25rem; } -.inset-y-80 { - top: 20rem; - bottom: 20rem; +.translate-x-10 { + --transform-translate-x: 2.5rem; } -.inset-x-80 { - right: 20rem; - left: 20rem; +.translate-x-12 { + --transform-translate-x: 3rem; } -.inset-y-96 { - top: 24rem; - bottom: 24rem; +.translate-x-14 { + --transform-translate-x: 3.5rem; } -.inset-x-96 { - right: 24rem; - left: 24rem; +.translate-x-16 { + --transform-translate-x: 4rem; } -.inset-y-auto { - top: auto; - bottom: auto; +.translate-x-20 { + --transform-translate-x: 5rem; } -.inset-x-auto { - right: auto; - left: auto; +.translate-x-24 { + --transform-translate-x: 6rem; } -.inset-y-px { - top: 1px; - bottom: 1px; +.translate-x-28 { + --transform-translate-x: 7rem; } -.inset-x-px { - right: 1px; - left: 1px; +.translate-x-32 { + --transform-translate-x: 8rem; } -.inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; +.translate-x-36 { + --transform-translate-x: 9rem; } -.inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; +.translate-x-40 { + --transform-translate-x: 10rem; } -.inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; +.translate-x-44 { + --transform-translate-x: 11rem; } -.inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; +.translate-x-48 { + --transform-translate-x: 12rem; } -.inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; +.translate-x-52 { + --transform-translate-x: 13rem; } -.inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; +.translate-x-56 { + --transform-translate-x: 14rem; } -.inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; +.translate-x-60 { + --transform-translate-x: 15rem; } -.inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; +.translate-x-64 { + --transform-translate-x: 16rem; } -.-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; +.translate-x-72 { + --transform-translate-x: 18rem; } -.-inset-x-1 { - right: -0.25rem; - left: -0.25rem; +.translate-x-80 { + --transform-translate-x: 20rem; } -.-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; +.translate-x-96 { + --transform-translate-x: 24rem; } -.-inset-x-2 { - right: -0.5rem; - left: -0.5rem; +.translate-x-px { + --transform-translate-x: 1px; } -.-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; +.translate-x-0\.5 { + --transform-translate-x: 0.125rem; } -.-inset-x-3 { - right: -0.75rem; - left: -0.75rem; +.translate-x-1\.5 { + --transform-translate-x: 0.375rem; } -.-inset-y-4 { - top: -1rem; - bottom: -1rem; +.translate-x-2\.5 { + --transform-translate-x: 0.625rem; } -.-inset-x-4 { - right: -1rem; - left: -1rem; +.translate-x-3\.5 { + --transform-translate-x: 0.875rem; } -.-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; +.-translate-x-1 { + --transform-translate-x: -0.25rem; } -.-inset-x-5 { - right: -1.25rem; - left: -1.25rem; +.-translate-x-2 { + --transform-translate-x: -0.5rem; } -.-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; +.-translate-x-3 { + --transform-translate-x: -0.75rem; } -.-inset-x-6 { - right: -1.5rem; - left: -1.5rem; +.-translate-x-4 { + --transform-translate-x: -1rem; } -.-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; +.-translate-x-5 { + --transform-translate-x: -1.25rem; } -.-inset-x-7 { - right: -1.75rem; - left: -1.75rem; +.-translate-x-6 { + --transform-translate-x: -1.5rem; } -.-inset-y-8 { - top: -2rem; - bottom: -2rem; +.-translate-x-7 { + --transform-translate-x: -1.75rem; } -.-inset-x-8 { - right: -2rem; - left: -2rem; +.-translate-x-8 { + --transform-translate-x: -2rem; } -.-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; +.-translate-x-9 { + --transform-translate-x: -2.25rem; } -.-inset-x-9 { - right: -2.25rem; - left: -2.25rem; +.-translate-x-10 { + --transform-translate-x: -2.5rem; } -.-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; +.-translate-x-12 { + --transform-translate-x: -3rem; } -.-inset-x-10 { - right: -2.5rem; - left: -2.5rem; +.-translate-x-14 { + --transform-translate-x: -3.5rem; } -.-inset-y-12 { - top: -3rem; - bottom: -3rem; +.-translate-x-16 { + --transform-translate-x: -4rem; } -.-inset-x-12 { - right: -3rem; - left: -3rem; +.-translate-x-20 { + --transform-translate-x: -5rem; } -.-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; +.-translate-x-24 { + --transform-translate-x: -6rem; } -.-inset-x-14 { - right: -3.5rem; - left: -3.5rem; +.-translate-x-28 { + --transform-translate-x: -7rem; } -.-inset-y-16 { - top: -4rem; - bottom: -4rem; +.-translate-x-32 { + --transform-translate-x: -8rem; } -.-inset-x-16 { - right: -4rem; - left: -4rem; +.-translate-x-36 { + --transform-translate-x: -9rem; } -.-inset-y-20 { - top: -5rem; - bottom: -5rem; +.-translate-x-40 { + --transform-translate-x: -10rem; } -.-inset-x-20 { - right: -5rem; - left: -5rem; +.-translate-x-44 { + --transform-translate-x: -11rem; } -.-inset-y-24 { - top: -6rem; - bottom: -6rem; +.-translate-x-48 { + --transform-translate-x: -12rem; } -.-inset-x-24 { - right: -6rem; - left: -6rem; +.-translate-x-52 { + --transform-translate-x: -13rem; } -.-inset-y-28 { - top: -7rem; - bottom: -7rem; +.-translate-x-56 { + --transform-translate-x: -14rem; } -.-inset-x-28 { - right: -7rem; - left: -7rem; +.-translate-x-60 { + --transform-translate-x: -15rem; } -.-inset-y-32 { - top: -8rem; - bottom: -8rem; +.-translate-x-64 { + --transform-translate-x: -16rem; } -.-inset-x-32 { - right: -8rem; - left: -8rem; +.-translate-x-72 { + --transform-translate-x: -18rem; } -.-inset-y-36 { - top: -9rem; - bottom: -9rem; +.-translate-x-80 { + --transform-translate-x: -20rem; } -.-inset-x-36 { - right: -9rem; - left: -9rem; +.-translate-x-96 { + --transform-translate-x: -24rem; } -.-inset-y-40 { - top: -10rem; - bottom: -10rem; +.-translate-x-px { + --transform-translate-x: -1px; } -.-inset-x-40 { - right: -10rem; - left: -10rem; +.-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } -.-inset-y-44 { - top: -11rem; - bottom: -11rem; +.-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } -.-inset-x-44 { - right: -11rem; - left: -11rem; +.-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } -.-inset-y-48 { - top: -12rem; - bottom: -12rem; +.-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } -.-inset-x-48 { - right: -12rem; - left: -12rem; +.translate-x-1\/2 { + --transform-translate-x: 50%; } -.-inset-y-52 { - top: -13rem; - bottom: -13rem; +.translate-x-1\/3 { + --transform-translate-x: 33.333333%; } -.-inset-x-52 { - right: -13rem; - left: -13rem; +.translate-x-2\/3 { + --transform-translate-x: 66.666667%; } -.-inset-y-56 { - top: -14rem; - bottom: -14rem; +.translate-x-1\/4 { + --transform-translate-x: 25%; } -.-inset-x-56 { - right: -14rem; - left: -14rem; +.translate-x-2\/4 { + --transform-translate-x: 50%; } -.-inset-y-60 { - top: -15rem; - bottom: -15rem; +.translate-x-3\/4 { + --transform-translate-x: 75%; } -.-inset-x-60 { - right: -15rem; - left: -15rem; +.translate-x-full { + --transform-translate-x: 100%; } -.-inset-y-64 { - top: -16rem; - bottom: -16rem; +.-translate-x-1\/2 { + --transform-translate-x: -50%; } -.-inset-x-64 { - right: -16rem; - left: -16rem; +.-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } -.-inset-y-72 { - top: -18rem; - bottom: -18rem; +.-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } -.-inset-x-72 { - right: -18rem; - left: -18rem; +.-translate-x-1\/4 { + --transform-translate-x: -25%; } -.-inset-y-80 { - top: -20rem; - bottom: -20rem; +.-translate-x-2\/4 { + --transform-translate-x: -50%; } -.-inset-x-80 { - right: -20rem; - left: -20rem; +.-translate-x-3\/4 { + --transform-translate-x: -75%; } -.-inset-y-96 { - top: -24rem; - bottom: -24rem; +.-translate-x-full { + --transform-translate-x: -100%; } -.-inset-x-96 { - right: -24rem; - left: -24rem; +.translate-y-0 { + --transform-translate-y: 0; } -.-inset-y-px { - top: -1px; - bottom: -1px; +.translate-y-1 { + --transform-translate-y: 0.25rem; } -.-inset-x-px { - right: -1px; - left: -1px; +.translate-y-2 { + --transform-translate-y: 0.5rem; } -.-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; +.translate-y-3 { + --transform-translate-y: 0.75rem; } -.-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; +.translate-y-4 { + --transform-translate-y: 1rem; } -.-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; +.translate-y-5 { + --transform-translate-y: 1.25rem; } -.-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; +.translate-y-6 { + --transform-translate-y: 1.5rem; } -.-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; +.translate-y-7 { + --transform-translate-y: 1.75rem; } -.-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; +.translate-y-8 { + --transform-translate-y: 2rem; } -.-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; +.translate-y-9 { + --transform-translate-y: 2.25rem; } -.-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; +.translate-y-10 { + --transform-translate-y: 2.5rem; } -.inset-y-1\/2 { - top: 50%; - bottom: 50%; +.translate-y-12 { + --transform-translate-y: 3rem; } -.inset-x-1\/2 { - right: 50%; - left: 50%; +.translate-y-14 { + --transform-translate-y: 3.5rem; } -.inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; +.translate-y-16 { + --transform-translate-y: 4rem; } -.inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; +.translate-y-20 { + --transform-translate-y: 5rem; } -.inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; +.translate-y-24 { + --transform-translate-y: 6rem; } -.inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; +.translate-y-28 { + --transform-translate-y: 7rem; } -.inset-y-1\/4 { - top: 25%; - bottom: 25%; +.translate-y-32 { + --transform-translate-y: 8rem; } -.inset-x-1\/4 { - right: 25%; - left: 25%; +.translate-y-36 { + --transform-translate-y: 9rem; } -.inset-y-2\/4 { - top: 50%; - bottom: 50%; +.translate-y-40 { + --transform-translate-y: 10rem; } -.inset-x-2\/4 { - right: 50%; - left: 50%; +.translate-y-44 { + --transform-translate-y: 11rem; } -.inset-y-3\/4 { - top: 75%; - bottom: 75%; +.translate-y-48 { + --transform-translate-y: 12rem; } -.inset-x-3\/4 { - right: 75%; - left: 75%; +.translate-y-52 { + --transform-translate-y: 13rem; } -.inset-y-full { - top: 100%; - bottom: 100%; +.translate-y-56 { + --transform-translate-y: 14rem; } -.inset-x-full { - right: 100%; - left: 100%; +.translate-y-60 { + --transform-translate-y: 15rem; } -.-inset-y-1\/2 { - top: -50%; - bottom: -50%; +.translate-y-64 { + --transform-translate-y: 16rem; } -.-inset-x-1\/2 { - right: -50%; - left: -50%; +.translate-y-72 { + --transform-translate-y: 18rem; } -.-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; +.translate-y-80 { + --transform-translate-y: 20rem; } -.-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; +.translate-y-96 { + --transform-translate-y: 24rem; } -.-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; +.translate-y-px { + --transform-translate-y: 1px; } -.-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; +.translate-y-0\.5 { + --transform-translate-y: 0.125rem; } -.-inset-y-1\/4 { - top: -25%; - bottom: -25%; +.translate-y-1\.5 { + --transform-translate-y: 0.375rem; } -.-inset-x-1\/4 { - right: -25%; - left: -25%; +.translate-y-2\.5 { + --transform-translate-y: 0.625rem; } -.-inset-y-2\/4 { - top: -50%; - bottom: -50%; +.translate-y-3\.5 { + --transform-translate-y: 0.875rem; } -.-inset-x-2\/4 { - right: -50%; - left: -50%; +.-translate-y-1 { + --transform-translate-y: -0.25rem; } -.-inset-y-3\/4 { - top: -75%; - bottom: -75%; +.-translate-y-2 { + --transform-translate-y: -0.5rem; } -.-inset-x-3\/4 { - right: -75%; - left: -75%; +.-translate-y-3 { + --transform-translate-y: -0.75rem; } -.-inset-y-full { - top: -100%; - bottom: -100%; +.-translate-y-4 { + --transform-translate-y: -1rem; } -.-inset-x-full { - right: -100%; - left: -100%; +.-translate-y-5 { + --transform-translate-y: -1.25rem; } -.top-0 { - top: 0; +.-translate-y-6 { + --transform-translate-y: -1.5rem; } -.right-0 { - right: 0; +.-translate-y-7 { + --transform-translate-y: -1.75rem; } -.bottom-0 { - bottom: 0; +.-translate-y-8 { + --transform-translate-y: -2rem; } -.left-0 { - left: 0; +.-translate-y-9 { + --transform-translate-y: -2.25rem; } -.top-1 { - top: 0.25rem; +.-translate-y-10 { + --transform-translate-y: -2.5rem; } -.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-12 { - top: 3rem; -} - -.right-12 { - right: 3rem; -} - -.bottom-12 { - bottom: 3rem; -} - -.left-12 { - left: 3rem; -} - -.top-14 { - top: 3.5rem; -} - -.right-14 { - right: 3.5rem; -} - -.bottom-14 { - bottom: 3.5rem; -} - -.left-14 { - left: 3.5rem; -} - -.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; +.-translate-y-12 { + --transform-translate-y: -3rem; } -.right-72 { - right: 18rem; +.-translate-y-14 { + --transform-translate-y: -3.5rem; } -.bottom-72 { - bottom: 18rem; +.-translate-y-16 { + --transform-translate-y: -4rem; } -.left-72 { - left: 18rem; +.-translate-y-20 { + --transform-translate-y: -5rem; } -.top-80 { - top: 20rem; +.-translate-y-24 { + --transform-translate-y: -6rem; } -.right-80 { - right: 20rem; +.-translate-y-28 { + --transform-translate-y: -7rem; } -.bottom-80 { - bottom: 20rem; +.-translate-y-32 { + --transform-translate-y: -8rem; } -.left-80 { - left: 20rem; +.-translate-y-36 { + --transform-translate-y: -9rem; } -.top-96 { - top: 24rem; +.-translate-y-40 { + --transform-translate-y: -10rem; } -.right-96 { - right: 24rem; +.-translate-y-44 { + --transform-translate-y: -11rem; } -.bottom-96 { - bottom: 24rem; +.-translate-y-48 { + --transform-translate-y: -12rem; } -.left-96 { - left: 24rem; +.-translate-y-52 { + --transform-translate-y: -13rem; } -.top-auto { - top: auto; +.-translate-y-56 { + --transform-translate-y: -14rem; } -.right-auto { - right: auto; +.-translate-y-60 { + --transform-translate-y: -15rem; } -.bottom-auto { - bottom: auto; +.-translate-y-64 { + --transform-translate-y: -16rem; } -.left-auto { - left: auto; +.-translate-y-72 { + --transform-translate-y: -18rem; } -.top-px { - top: 1px; +.-translate-y-80 { + --transform-translate-y: -20rem; } -.right-px { - right: 1px; +.-translate-y-96 { + --transform-translate-y: -24rem; } -.bottom-px { - bottom: 1px; +.-translate-y-px { + --transform-translate-y: -1px; } -.left-px { - left: 1px; +.-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } -.top-0\.5 { - top: 0.125rem; +.-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } -.right-0\.5 { - right: 0.125rem; +.-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } -.bottom-0\.5 { - bottom: 0.125rem; +.-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } -.left-0\.5 { - left: 0.125rem; +.translate-y-1\/2 { + --transform-translate-y: 50%; } -.top-1\.5 { - top: 0.375rem; +.translate-y-1\/3 { + --transform-translate-y: 33.333333%; } -.right-1\.5 { - right: 0.375rem; +.translate-y-2\/3 { + --transform-translate-y: 66.666667%; } -.bottom-1\.5 { - bottom: 0.375rem; +.translate-y-1\/4 { + --transform-translate-y: 25%; } -.left-1\.5 { - left: 0.375rem; +.translate-y-2\/4 { + --transform-translate-y: 50%; } -.top-2\.5 { - top: 0.625rem; +.translate-y-3\/4 { + --transform-translate-y: 75%; } -.right-2\.5 { - right: 0.625rem; +.translate-y-full { + --transform-translate-y: 100%; } -.bottom-2\.5 { - bottom: 0.625rem; +.-translate-y-1\/2 { + --transform-translate-y: -50%; } -.left-2\.5 { - left: 0.625rem; +.-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } -.top-3\.5 { - top: 0.875rem; +.-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } -.right-3\.5 { - right: 0.875rem; +.-translate-y-1\/4 { + --transform-translate-y: -25%; } -.bottom-3\.5 { - bottom: 0.875rem; +.-translate-y-2\/4 { + --transform-translate-y: -50%; } -.left-3\.5 { - left: 0.875rem; +.-translate-y-3\/4 { + --transform-translate-y: -75%; } -.-top-1 { - top: -0.25rem; +.-translate-y-full { + --transform-translate-y: -100%; } -.-right-1 { - right: -0.25rem; +.hover\:translate-x-0:hover { + --transform-translate-x: 0; } -.-bottom-1 { - bottom: -0.25rem; +.hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } -.-left-1 { - left: -0.25rem; +.hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } -.-top-2 { - top: -0.5rem; +.hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } -.-right-2 { - right: -0.5rem; +.hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } -.-bottom-2 { - bottom: -0.5rem; +.hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } -.-left-2 { - left: -0.5rem; +.hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } -.-top-3 { - top: -0.75rem; +.hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } -.-right-3 { - right: -0.75rem; +.hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } -.-bottom-3 { - bottom: -0.75rem; +.hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } -.-left-3 { - left: -0.75rem; +.hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } -.-top-4 { - top: -1rem; +.hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } -.-right-4 { - right: -1rem; +.hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } -.-bottom-4 { - bottom: -1rem; +.hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } -.-left-4 { - left: -1rem; +.hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } -.-top-5 { - top: -1.25rem; +.hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } -.-right-5 { - right: -1.25rem; +.hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } -.-bottom-5 { - bottom: -1.25rem; +.hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } -.-left-5 { - left: -1.25rem; +.hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } -.-top-6 { - top: -1.5rem; +.hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } -.-right-6 { - right: -1.5rem; +.hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } -.-bottom-6 { - bottom: -1.5rem; +.hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } -.-left-6 { - left: -1.5rem; +.hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } -.-top-7 { - top: -1.75rem; +.hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } -.-right-7 { - right: -1.75rem; +.hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } -.-bottom-7 { - bottom: -1.75rem; +.hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } -.-left-7 { - left: -1.75rem; +.hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } -.-top-8 { - top: -2rem; +.hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } -.-right-8 { - right: -2rem; +.hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } -.-bottom-8 { - bottom: -2rem; +.hover\:translate-x-px:hover { + --transform-translate-x: 1px; } -.-left-8 { - left: -2rem; +.hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } -.-top-9 { - top: -2.25rem; +.hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } -.-right-9 { - right: -2.25rem; +.hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } -.-bottom-9 { - bottom: -2.25rem; +.hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } -.-left-9 { - left: -2.25rem; +.hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } -.-top-10 { - top: -2.5rem; +.hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } -.-right-10 { - right: -2.5rem; +.hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } -.-bottom-10 { - bottom: -2.5rem; +.hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } -.-left-10 { - left: -2.5rem; +.hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } -.-top-12 { - top: -3rem; +.hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } -.-right-12 { - right: -3rem; +.hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } -.-bottom-12 { - bottom: -3rem; +.hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } -.-left-12 { - left: -3rem; +.hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } -.-top-14 { - top: -3.5rem; +.hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } -.-right-14 { - right: -3.5rem; +.hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } -.-bottom-14 { - bottom: -3.5rem; +.hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } -.-left-14 { - left: -3.5rem; +.hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } -.-top-16 { - top: -4rem; +.hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } -.-right-16 { - right: -4rem; +.hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } -.-bottom-16 { - bottom: -4rem; +.hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } -.-left-16 { - left: -4rem; +.hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } -.-top-20 { - top: -5rem; +.hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } -.-right-20 { - right: -5rem; +.hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } -.-bottom-20 { - bottom: -5rem; +.hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } -.-left-20 { - left: -5rem; +.hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } -.-top-24 { - top: -6rem; +.hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } -.-right-24 { - right: -6rem; +.hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } -.-bottom-24 { - bottom: -6rem; +.hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } -.-left-24 { - left: -6rem; +.hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } -.-top-28 { - top: -7rem; +.hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } -.-right-28 { - right: -7rem; +.hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } -.-bottom-28 { - bottom: -7rem; +.hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } -.-left-28 { - left: -7rem; +.hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } -.-top-32 { - top: -8rem; +.hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } -.-right-32 { - right: -8rem; +.hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } -.-bottom-32 { - bottom: -8rem; +.hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } -.-left-32 { - left: -8rem; +.hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } -.-top-36 { - top: -9rem; +.hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } -.-right-36 { - right: -9rem; +.hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } -.-bottom-36 { - bottom: -9rem; +.hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } -.-left-36 { - left: -9rem; +.hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } -.-top-40 { - top: -10rem; +.hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } -.-right-40 { - right: -10rem; +.hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } -.-bottom-40 { - bottom: -10rem; +.hover\:translate-x-full:hover { + --transform-translate-x: 100%; } -.-left-40 { - left: -10rem; +.hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } -.-top-44 { - top: -11rem; +.hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } -.-right-44 { - right: -11rem; +.hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } -.-bottom-44 { - bottom: -11rem; +.hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } -.-left-44 { - left: -11rem; +.hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } -.-top-48 { - top: -12rem; +.hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } -.-right-48 { - right: -12rem; +.hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } -.-bottom-48 { - bottom: -12rem; +.hover\:translate-y-0:hover { + --transform-translate-y: 0; } -.-left-48 { - left: -12rem; +.hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } -.-top-52 { - top: -13rem; +.hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } -.-right-52 { - right: -13rem; +.hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } -.-bottom-52 { - bottom: -13rem; +.hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } -.-left-52 { - left: -13rem; +.hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } -.-top-56 { - top: -14rem; +.hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } -.-right-56 { - right: -14rem; +.hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } -.-bottom-56 { - bottom: -14rem; +.hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } -.-left-56 { - left: -14rem; +.hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } -.-top-60 { - top: -15rem; +.hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } -.-right-60 { - right: -15rem; +.hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } -.-bottom-60 { - bottom: -15rem; +.hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } -.-left-60 { - left: -15rem; +.hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } -.-top-64 { - top: -16rem; +.hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } -.-right-64 { - right: -16rem; +.hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } -.-bottom-64 { - bottom: -16rem; +.hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } -.-left-64 { - left: -16rem; +.hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } -.-top-72 { - top: -18rem; +.hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } -.-right-72 { - right: -18rem; +.hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } -.-bottom-72 { - bottom: -18rem; +.hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } -.-left-72 { - left: -18rem; +.hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } -.-top-80 { - top: -20rem; +.hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } -.-right-80 { - right: -20rem; +.hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } -.-bottom-80 { - bottom: -20rem; +.hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } -.-left-80 { - left: -20rem; +.hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } -.-top-96 { - top: -24rem; +.hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } -.-right-96 { - right: -24rem; +.hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } -.-bottom-96 { - bottom: -24rem; +.hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } -.-left-96 { - left: -24rem; +.hover\:translate-y-px:hover { + --transform-translate-y: 1px; } -.-top-px { - top: -1px; +.hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } -.-right-px { - right: -1px; +.hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } -.-bottom-px { - bottom: -1px; +.hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } -.-left-px { - left: -1px; +.hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } -.-top-0\.5 { - top: -0.125rem; +.hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } -.-right-0\.5 { - right: -0.125rem; +.hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } -.-bottom-0\.5 { - bottom: -0.125rem; +.hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } -.-left-0\.5 { - left: -0.125rem; +.hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } -.-top-1\.5 { - top: -0.375rem; +.hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } -.-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-full { - top: 100%; -} - -.right-full { - right: 100%; -} - -.bottom-full { - bottom: 100%; -} - -.left-full { - left: 100%; -} - -.-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-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: rgba(0, 0, 0, var(--text-opacity)); -} - -.text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); -} - -.group:hover .group-hover\:text-transparent { - color: transparent; -} - -.group:hover .group-hover\:text-current { - color: currentColor; -} - -.group:hover .group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); -} - -.group:hover .group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.group:hover .group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.group:hover .group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.group:hover .group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.group:hover .group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.group:hover .group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.group:hover .group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.group:hover .group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); -} - -.hover\:text-transparent:hover { - color: transparent; -} - -.hover\:text-current:hover { - color: currentColor; -} - -.hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); -} - -.hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); -} - -.focus\:text-transparent:focus { - color: transparent; -} - -.focus\:text-current:focus { - color: currentColor; -} - -.focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); -} - -.focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); -} - -.focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); -} - -.focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); -} - -.focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); -} - -.focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); -} - -.focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); -} - -.focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); -} - -.focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); -} - -.focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); -} - -.focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); -} - -.focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); -} - -.focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); -} - -.focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); -} - -.focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); -} - -.focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); -} - -.focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); -} - -.focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); -} - -.focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); -} - -.focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); -} - -.focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); -} - -.focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); -} - -.focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); -} - -.focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); -} - -.focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); -} - -.focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); -} - -.focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); -} - -.focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); -} - -.focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); -} - -.focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); -} - -.focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); -} - -.focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); -} - -.focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); -} - -.focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); -} - -.focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); -} - -.focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); -} - -.focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); -} - -.focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); -} - -.focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); -} - -.focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); -} - -.focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); -} - -.focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); -} - -.focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); -} - -.focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); -} - -.focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); -} - -.focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); -} - -.focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); -} - -.focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); -} - -.focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); -} - -.focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); -} - -.focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); -} - -.focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); -} - -.focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); -} - -.focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); -} - -.focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); -} - -.focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); -} - -.focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); -} - -.focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); -} - -.focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); -} - -.focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); -} - -.focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); -} - -.focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); -} - -.focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); -} - -.focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); -} - -.focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); -} - -.focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); -} - -.focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); -} - -.focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); -} - -.focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); -} - -.focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); -} - -.focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); -} - -.focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, 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; -} - -.group:hover .group-hover\:text-opacity-0 { - --text-opacity: 0; -} - -.group:hover .group-hover\:text-opacity-25 { - --text-opacity: 0.25; -} - -.group:hover .group-hover\:text-opacity-50 { - --text-opacity: 0.5; -} - -.group:hover .group-hover\:text-opacity-75 { - --text-opacity: 0.75; -} - -.group:hover .group-hover\: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; -} - -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.overflow-ellipsis { - text-overflow: ellipsis; -} - -.overflow-clip { - text-overflow: clip; -} - -.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; -} - -.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); -} - -.normal-nums { - font-variant-numeric: normal; -} - -.ordinal { - --font-variant-numeric-ordinal: ordinal; -} - -.slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; -} - -.lining-nums { - --font-variant-numeric-figure: lining-nums; -} - -.oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; -} - -.proportional-nums { - --font-variant-numeric-spacing: proportional-nums; -} - -.tabular-nums { - --font-variant-numeric-spacing: tabular-nums; -} - -.diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; -} - -.stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; -} - -.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; -} - -.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-12 { - width: 3rem; -} - -.w-14 { - width: 3.5rem; -} - -.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 { - width: min-content; -} - -.w-max { - 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; -} - -.focus\:z-0:focus { - z-index: 0; -} - -.focus\:z-10:focus { - z-index: 10; -} - -.focus\:z-20:focus { - z-index: 20; -} - -.focus\:z-30:focus { - z-index: 30; -} - -.focus\:z-40:focus { - z-index: 40; -} - -.focus\:z-50:focus { - z-index: 50; -} - -.focus\:z-auto:focus { - 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-12 { - grid-gap: 3rem; - gap: 3rem; -} - -.gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; -} - -.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-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-12 { - grid-column-gap: 3rem; - column-gap: 3rem; -} - -.gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; -} - -.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-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-12 { - grid-row-gap: 3rem; - row-gap: 3rem; -} - -.gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; -} - -.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; -} - -.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; -} - -.auto-cols-auto { - grid-auto-columns: auto; -} - -.auto-cols-min { - grid-auto-columns: min-content; -} - -.auto-cols-max { - grid-auto-columns: max-content; -} - -.auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); -} - -.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-span-full { - grid-column: 1 / -1; -} - -.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; -} - -.auto-rows-auto { - grid-auto-rows: auto; -} - -.auto-rows-min { - grid-auto-rows: min-content; -} - -.auto-rows-max { - grid-auto-rows: max-content; -} - -.auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); -} - -.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-span-full { - grid-row: 1 / -1; -} - -.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-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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-1 { - --transform-rotate: 1deg; -} - -.rotate-2 { - --transform-rotate: 2deg; -} - -.rotate-3 { - --transform-rotate: 3deg; -} - -.rotate-6 { - --transform-rotate: 6deg; -} - -.rotate-12 { - --transform-rotate: 12deg; -} - -.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; -} - -.-rotate-12 { - --transform-rotate: -12deg; -} - -.-rotate-6 { - --transform-rotate: -6deg; -} - -.-rotate-3 { - --transform-rotate: -3deg; -} - -.-rotate-2 { - --transform-rotate: -2deg; -} - -.-rotate-1 { - --transform-rotate: -1deg; -} - -.hover\:rotate-0:hover { - --transform-rotate: 0; -} - -.hover\:rotate-1:hover { - --transform-rotate: 1deg; -} - -.hover\:rotate-2:hover { - --transform-rotate: 2deg; -} - -.hover\:rotate-3:hover { - --transform-rotate: 3deg; -} - -.hover\:rotate-6:hover { - --transform-rotate: 6deg; -} - -.hover\:rotate-12:hover { - --transform-rotate: 12deg; -} - -.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; -} - -.hover\:-rotate-12:hover { - --transform-rotate: -12deg; -} - -.hover\:-rotate-6:hover { - --transform-rotate: -6deg; -} - -.hover\:-rotate-3:hover { - --transform-rotate: -3deg; -} - -.hover\:-rotate-2:hover { - --transform-rotate: -2deg; -} - -.hover\:-rotate-1:hover { - --transform-rotate: -1deg; -} - -.focus\:rotate-0:focus { - --transform-rotate: 0; -} - -.focus\:rotate-1:focus { - --transform-rotate: 1deg; -} - -.focus\:rotate-2:focus { - --transform-rotate: 2deg; -} - -.focus\:rotate-3:focus { - --transform-rotate: 3deg; -} - -.focus\:rotate-6:focus { - --transform-rotate: 6deg; -} - -.focus\:rotate-12:focus { - --transform-rotate: 12deg; -} - -.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; -} - -.focus\:-rotate-12:focus { - --transform-rotate: -12deg; -} - -.focus\:-rotate-6:focus { - --transform-rotate: -6deg; -} - -.focus\:-rotate-3:focus { - --transform-rotate: -3deg; -} - -.focus\:-rotate-2:focus { - --transform-rotate: -2deg; -} - -.focus\:-rotate-1:focus { - --transform-rotate: -1deg; -} - -.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-12 { - --transform-translate-x: 3rem; -} - -.translate-x-14 { - --transform-translate-x: 3.5rem; -} - -.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 { - --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-12 { - --transform-translate-x: -3rem; -} - -.-translate-x-14 { - --transform-translate-x: -3.5rem; -} - -.-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-full { - --transform-translate-x: 100%; -} - -.-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-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-12 { - --transform-translate-y: 3rem; -} - -.translate-y-14 { - --transform-translate-y: 3.5rem; -} - -.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 { - --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-12 { - --transform-translate-y: -3rem; -} - -.-translate-y-14 { - --transform-translate-y: -3.5rem; -} - -.-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-full { - --transform-translate-y: 100%; -} - -.-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-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-12:hover { - --transform-translate-x: 3rem; -} - -.hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; -} - -.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: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-12:hover { - --transform-translate-x: -3rem; -} - -.hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; -} - -.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-full:hover { - --transform-translate-x: 100%; -} - -.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-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-12:hover { - --transform-translate-y: 3rem; -} - -.hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; -} - -.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: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-12:hover { - --transform-translate-y: -3rem; -} - -.hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; -} - -.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-full:hover { - --transform-translate-y: 100%; -} - -.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-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-12:focus { - --transform-translate-x: 3rem; -} - -.focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; -} - -.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: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-12:focus { - --transform-translate-x: -3rem; -} - -.focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; -} - -.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-full:focus { - --transform-translate-x: 100%; -} - -.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-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-12:focus { - --transform-translate-y: 3rem; -} - -.focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; -} - -.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: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-12:focus { - --transform-translate-y: -3rem; -} - -.focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; -} - -.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-full:focus { - --transform-translate-y: 100%; -} - -.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-full:focus { - --transform-translate-y: -100%; -} - -.skew-x-0 { - --transform-skew-x: 0; -} - -.skew-x-1 { - --transform-skew-x: 1deg; -} - -.skew-x-2 { - --transform-skew-x: 2deg; -} - -.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-x-2 { - --transform-skew-x: -2deg; -} - -.-skew-x-1 { - --transform-skew-x: -1deg; -} - -.skew-y-0 { - --transform-skew-y: 0; -} - -.skew-y-1 { - --transform-skew-y: 1deg; -} - -.skew-y-2 { - --transform-skew-y: 2deg; -} - -.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; -} - -.-skew-y-2 { - --transform-skew-y: -2deg; -} - -.-skew-y-1 { - --transform-skew-y: -1deg; -} - -.hover\:skew-x-0:hover { - --transform-skew-x: 0; -} - -.hover\:skew-x-1:hover { - --transform-skew-x: 1deg; -} - -.hover\:skew-x-2:hover { - --transform-skew-x: 2deg; -} - -.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-x-2:hover { - --transform-skew-x: -2deg; -} - -.hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; -} - -.hover\:skew-y-0:hover { - --transform-skew-y: 0; -} - -.hover\:skew-y-1:hover { - --transform-skew-y: 1deg; -} - -.hover\:skew-y-2:hover { - --transform-skew-y: 2deg; -} - -.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; -} - -.hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; -} - -.hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; -} - -.focus\:skew-x-0:focus { - --transform-skew-x: 0; -} - -.focus\:skew-x-1:focus { - --transform-skew-x: 1deg; -} - -.focus\:skew-x-2:focus { - --transform-skew-x: 2deg; -} - -.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-x-2:focus { - --transform-skew-x: -2deg; -} - -.focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; -} - -.focus\:skew-y-0:focus { - --transform-skew-y: 0; -} - -.focus\:skew-y-1:focus { - --transform-skew-y: 1deg; -} - -.focus\:skew-y-2:focus { - --transform-skew-y: 2deg; -} - -.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; -} - -.focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; -} - -.focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; -} - -.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: #ef4444; -} - -@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; - } - } - - @media (min-width: 1536px) { - .sm\:container { - max-width: 1536px; - } - } - - .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-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * 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-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * 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-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * 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-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * 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-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * 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-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * 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-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * 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-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: 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-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * 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-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-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-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .sm\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .sm\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .sm\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .sm\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .sm\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .sm\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .sm\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .sm\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .sm\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .sm\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .sm\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .sm\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .sm\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .sm\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .sm\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .sm\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .sm\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .sm\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .sm\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .sm\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .sm\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .sm\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .sm\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .sm\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .sm\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .sm\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .sm\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .sm\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .sm\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .sm\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .sm\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .sm\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .sm\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .sm\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .sm\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .sm\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .sm\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .sm\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .sm\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .sm\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .sm\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .sm\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .sm\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .sm\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .sm\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .sm\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .sm\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .sm\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .sm\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .sm\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .sm\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .sm\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .sm\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .sm\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .sm\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .sm\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .sm\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .sm\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .sm\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .sm\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .sm\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .sm\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .sm\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .sm\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .sm\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .sm\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .sm\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .sm\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .sm\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .sm\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .sm\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .sm\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .sm\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .sm\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .sm\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .sm\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .sm\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .sm\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .sm\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .sm\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .sm\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .sm\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .sm\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, 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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .sm\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:to-transparent { - --gradient-to-color: transparent; - } - - .sm\:to-current { - --gradient-to-color: currentColor; - } - - .sm\:to-black { - --gradient-to-color: #000; - } - - .sm\:to-white { - --gradient-to-color: #fff; - } - - .sm\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .sm\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .sm\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .sm\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .sm\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .sm\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .sm\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .sm\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .sm\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .sm\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .sm\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .sm\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .sm\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .sm\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .sm\:to-red-400 { - --gradient-to-color: #f87171; - } - - .sm\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .sm\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .sm\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .sm\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .sm\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .sm\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .sm\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .sm\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .sm\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .sm\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .sm\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .sm\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .sm\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .sm\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .sm\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .sm\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .sm\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .sm\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .sm\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .sm\:to-green-400 { - --gradient-to-color: #34d399; - } - - .sm\:to-green-500 { - --gradient-to-color: #10b981; - } - - .sm\:to-green-600 { - --gradient-to-color: #059669; - } - - .sm\:to-green-700 { - --gradient-to-color: #047857; - } - - .sm\:to-green-800 { - --gradient-to-color: #065f46; - } - - .sm\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .sm\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .sm\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .sm\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .sm\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .sm\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .sm\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .sm\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .sm\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .sm\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .sm\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .sm\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .sm\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .sm\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .sm\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .sm\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .sm\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .sm\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .sm\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .sm\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .sm\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .sm\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .sm\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .sm\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .sm\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .sm\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .sm\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .sm\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .sm\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .sm\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .sm\:to-pink-900 { - --gradient-to-color: #831843; - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:hover\:from-white:hover { - --gradient-from-color: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:hover\:to-white:hover { - --gradient-to-color: #fff; - } - - .sm\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } - - .sm\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } - - .sm\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } - - .sm\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } - - .sm\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } - - .sm\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } - - .sm\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } - - .sm\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } - - .sm\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } - - .sm\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } - - .sm\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } - - .sm\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } - - .sm\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } - - .sm\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } - - .sm\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } - - .sm\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } - - .sm\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } - - .sm\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } - - .sm\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } - - .sm\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } - - .sm\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } - - .sm\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } - - .sm\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } - - .sm\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } - - .sm\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } - - .sm\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } - - .sm\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } - - .sm\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } - - .sm\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } - - .sm\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } - - .sm\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } - - .sm\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } - - .sm\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } - - .sm\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } - - .sm\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } - - .sm\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } - - .sm\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } - - .sm\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } - - .sm\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } - - .sm\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } - - .sm\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } - - .sm\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } - - .sm\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } - - .sm\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } - - .sm\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } - - .sm\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } - - .sm\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } - - .sm\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } - - .sm\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } - - .sm\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } - - .sm\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } - - .sm\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } - - .sm\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } - - .sm\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } - - .sm\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } - - .sm\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } - - .sm\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } - - .sm\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } - - .sm\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } - - .sm\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } - - .sm\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } - - .sm\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } - - .sm\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } - - .sm\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } - - .sm\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } - - .sm\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } - - .sm\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } - - .sm\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } - - .sm\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } - - .sm\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } - - .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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:focus\:from-white:focus { - --gradient-from-color: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } - - .sm\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } - - .sm\:focus\:to-black:focus { - --gradient-to-color: #000; - } - - .sm\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .sm\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .sm\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .sm\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .sm\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .sm\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .sm\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .sm\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .sm\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .sm\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .sm\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .sm\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .sm\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .sm\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .sm\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .sm\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .sm\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .sm\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .sm\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .sm\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .sm\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .sm\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .sm\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .sm\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .sm\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .sm\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .sm\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .sm\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .sm\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .sm\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .sm\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .sm\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .sm\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .sm\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .sm\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .sm\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .sm\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .sm\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .sm\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .sm\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .sm\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .sm\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .sm\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .sm\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .sm\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .sm\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .sm\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .sm\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .sm\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .sm\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .sm\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .sm\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .sm\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .sm\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .sm\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .sm\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .sm\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .sm\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .sm\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .sm\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .sm\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .sm\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .sm\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .sm\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .sm\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .sm\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .sm\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .sm\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .sm\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .sm\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .sm\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } - - @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: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .sm\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .sm\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .sm\:dark\:to-transparent { - --gradient-to-color: transparent; - } - - .sm\:dark\:to-current { - --gradient-to-color: currentColor; - } - - .sm\:dark\:to-black { - --gradient-to-color: #000; - } - - .sm\:dark\:to-white { - --gradient-to-color: #fff; - } - - .sm\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .sm\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .sm\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .sm\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .sm\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } - - .sm\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .sm\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .sm\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .sm\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .sm\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } - - .sm\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } - - .sm\:dark\:to-green-600 { - --gradient-to-color: #059669; - } - - .sm\:dark\:to-green-700 { - --gradient-to-color: #047857; - } - - .sm\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } - - .sm\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .sm\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .sm\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } - - .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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } - - .sm\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } - - .sm\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } - - .sm\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } - - .sm\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } - - .sm\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } - - .sm\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } - - .sm\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } - - .sm\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } - - .sm\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } - - .sm\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } - - .sm\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } - - .sm\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } - - .sm\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } - - .sm\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } - - .sm\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } - - .sm\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } - - .sm\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } - - .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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - --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: #fff; - --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: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .sm\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .sm\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .sm\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .sm\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .sm\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .sm\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .sm\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .sm\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .sm\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .sm\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .sm\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .sm\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .sm\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .sm\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .sm\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .sm\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .sm\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .sm\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .sm\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .sm\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .sm\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .sm\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .sm\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .sm\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .sm\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .sm\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .sm\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .sm\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .sm\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .sm\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .sm\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .sm\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .sm\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .sm\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .sm\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .sm\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .sm\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .sm\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .sm\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .sm\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .sm\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .sm\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .sm\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .sm\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .sm\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .sm\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .sm\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .sm\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .sm\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .sm\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .sm\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .sm\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .sm\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .sm\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .sm\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .sm\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .sm\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .sm\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .sm\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 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: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .sm\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .sm\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .sm\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .sm\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .sm\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .sm\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .sm\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .sm\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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: #000; - } - - .sm\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } - - .sm\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } - - .sm\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } - - .sm\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } - - .sm\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } - - .sm\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } - - .sm\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } - - .sm\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } - - .sm\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } - - .sm\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } - - .sm\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } - - .sm\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } - - .sm\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } - - .sm\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } - - .sm\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } - - .sm\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } - - .sm\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } - - .sm\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } - - .sm\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } - - .sm\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } - - .sm\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } - - .sm\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } - - .sm\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } - - .sm\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } - - .sm\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } - - .sm\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } - - .sm\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } - - .sm\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } - - .sm\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } - - .sm\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } - - .sm\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } - - .sm\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } - - .sm\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } - - .sm\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } - - .sm\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } - - .sm\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } - - .sm\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } - - .sm\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } - - .sm\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } - - .sm\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } - - .sm\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } - - .sm\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } - - .sm\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } - - .sm\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } - - .sm\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } - - .sm\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } - - .sm\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } - - .sm\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } - - .sm\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } - - .sm\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } - - .sm\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } - - .sm\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } - - .sm\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } - - .sm\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } - - .sm\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } - - .sm\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } - - .sm\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } - - .sm\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } - - .sm\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } - - .sm\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } - - .sm\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } - - .sm\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } - - .sm\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } - - .sm\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } - - .sm\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } - - .sm\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } - - .sm\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } - - .sm\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } - - .sm\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } - - .sm\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } - - .sm\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } - } - - .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; - } - - .group:hover .sm\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; - } - - .group:hover .sm\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; - } - - .group:hover .sm\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; - } - - .group:hover .sm\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .sm\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .sm\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .group:hover .sm\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .sm\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, 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; - } - - .group:hover .sm\:group-hover\:border-opacity-0 { - --border-opacity: 0; - } - - .group:hover .sm\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; - } - - .group:hover .sm\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; - } - - .group:hover .sm\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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-xl { - border-radius: 0.75rem; - } - - .sm\:rounded-2xl { - border-radius: 1rem; - } - - .sm\:rounded-3xl { - border-radius: 1.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-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; - } - - .sm\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; - } - - .sm\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; - } - - .sm\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; - } - - .sm\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; - } - - .sm\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; - } - - .sm\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.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-xl { - border-top-left-radius: 0.75rem; - } - - .sm\:rounded-tr-xl { - border-top-right-radius: 0.75rem; - } - - .sm\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; - } - - .sm\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; - } - - .sm\:rounded-tl-2xl { - border-top-left-radius: 1rem; - } - - .sm\:rounded-tr-2xl { - border-top-right-radius: 1rem; - } - - .sm\:rounded-br-2xl { - border-bottom-right-radius: 1rem; - } - - .sm\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; - } - - .sm\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; - } - - .sm\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; - } - - .sm\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; - } - - .sm\:rounded-bl-3xl { - border-bottom-left-radius: 1.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\:place-items-auto { - place-items: auto; - } - - .sm\:place-items-start { - place-items: start; - } - - .sm\:place-items-end { - place-items: end; - } - - .sm\:place-items-center { - place-items: center; - } - - .sm\:place-items-stretch { - place-items: stretch; - } - - .sm\:place-content-center { - place-content: center; - } - - .sm\:place-content-start { - place-content: start; - } - - .sm\:place-content-end { - place-content: end; - } - - .sm\:place-content-between { - place-content: space-between; - } - - .sm\:place-content-around { - place-content: space-around; - } - - .sm\:place-content-evenly { - place-content: space-evenly; - } - - .sm\:place-content-stretch { - place-content: stretch; - } - - .sm\:place-self-auto { - place-self: auto; - } - - .sm\:place-self-start { - place-self: start; - } - - .sm\:place-self-end { - place-self: end; - } - - .sm\:place-self-center { - place-self: center; - } - - .sm\:place-self-stretch { - place-self: stretch; - } - - .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\: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\:content-evenly { - align-content: space-evenly; - } - - .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-items-auto { - justify-items: auto; - } - - .sm\:justify-items-start { - justify-items: start; - } - - .sm\:justify-items-end { - justify-items: end; - } - - .sm\:justify-items-center { - justify-items: center; - } - - .sm\:justify-items-stretch { - justify-items: 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\:justify-self-auto { - justify-self: auto; - } - - .sm\:justify-self-start { - justify-self: start; - } - - .sm\:justify-self-end { - justify-self: end; - } - - .sm\:justify-self-center { - justify-self: center; - } - - .sm\:justify-self-stretch { - justify-self: stretch; - } - - .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: ui-sans-serif, 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: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; - } - - .sm\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - } - - .sm\:font-thin { - font-weight: 100; - } - - .sm\:font-extralight { - 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-thin:hover { - font-weight: 100; - } - - .sm\:hover\:font-extralight: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-thin:focus { - font-weight: 100; - } - - .sm\:focus\:font-extralight: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-12 { - height: 3rem; - } - - .sm\:h-14 { - height: 3.5rem; - } - - .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-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: 3.75rem; - line-height: 1; - } - - .sm\:text-7xl { - font-size: 4.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-12 { - margin: 3rem; - } - - .sm\:m-14 { - margin: 3.5rem; - } - - .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 { - 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-12 { - margin: -3rem; - } - - .sm\:-m-14 { - margin: -3.5rem; - } - - .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\: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-12 { - margin-top: 3rem; - margin-bottom: 3rem; - } - - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; - } - - .sm\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; - } - - .sm\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; - } - - .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 { - 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-12 { - margin-top: -3rem; - margin-bottom: -3rem; - } - - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; - } - - .sm\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; - } - - .sm\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; - } - - .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\: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-12 { - margin-top: 3rem; - } - - .sm\:mr-12 { - margin-right: 3rem; - } - - .sm\:mb-12 { - margin-bottom: 3rem; - } - - .sm\:ml-12 { - margin-left: 3rem; - } - - .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-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 { - 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-12 { - margin-top: -3rem; - } - - .sm\:-mr-12 { - margin-right: -3rem; - } - - .sm\:-mb-12 { - margin-bottom: -3rem; - } - - .sm\:-ml-12 { - margin-left: -3rem; - } - - .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-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\: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-12 { - max-height: 3rem; - } - - .sm\:max-h-14 { - max-height: 3.5rem; - } - - .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-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-full { - max-height: 100%; - } - - .sm\:max-h-screen { - max-height: 100vh; - } - - .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 { - max-width: min-content; - } - - .sm\:max-w-max { - 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\:max-w-screen-2xl { - max-width: 1536px; - } - - .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 { - min-width: min-content; - } - - .sm\:min-w-max { - 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; - } - - .group:hover .sm\:group-hover\:opacity-0 { - opacity: 0; - } - - .group:hover .sm\:group-hover\:opacity-25 { - opacity: 0.25; - } - - .group:hover .sm\:group-hover\:opacity-50 { - opacity: 0.5; - } - - .group:hover .sm\:group-hover\:opacity-75 { - opacity: 0.75; - } - - .group:hover .sm\:group-hover\: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: 2px solid transparent; - outline-offset: 2px; - } - - .sm\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; - } - - .sm\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; - } - - .sm\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; - } - - .sm\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; - } - - .sm\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; - } - - .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\: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-12 { - padding: 3rem; - } - - .sm\:p-14 { - padding: 3.5rem; - } - - .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\: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-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .sm\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; - } - - .sm\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; - } - - .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\: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-12 { - padding-top: 3rem; - } - - .sm\:pr-12 { - padding-right: 3rem; - } - - .sm\:pb-12 { - padding-bottom: 3rem; - } - - .sm\:pl-12 { - padding-left: 3rem; - } - - .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-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\:placeholder-transparent::placeholder { - color: transparent; - } - - .sm\:placeholder-current::placeholder { - color: currentColor; - } - - .sm\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, 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-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; - } - - .sm\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; - } - - .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 { - 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-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; - } - - .sm\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; - } - - .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-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-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; - } - - .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-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-12 { - top: 3rem; - bottom: 3rem; - } - - .sm\:inset-x-12 { - right: 3rem; - left: 3rem; - } - - .sm\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; - } - - .sm\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; - } - - .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 { - 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-12 { - top: -3rem; - bottom: -3rem; - } - - .sm\:-inset-x-12 { - right: -3rem; - left: -3rem; - } - - .sm\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; - } - - .sm\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; - } - - .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-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-full { - top: 100%; - bottom: 100%; - } - - .sm\:inset-x-full { - right: 100%; - left: 100%; - } - - .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-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-12 { - top: 3rem; - } - - .sm\:right-12 { - right: 3rem; - } - - .sm\:bottom-12 { - bottom: 3rem; - } - - .sm\:left-12 { - left: 3rem; - } - - .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-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 { - 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-12 { - top: -3rem; - } - - .sm\:-right-12 { - right: -3rem; - } - - .sm\:-bottom-12 { - bottom: -3rem; - } - - .sm\:-left-12 { - left: -3rem; - } - - .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-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-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-full { - top: 100%; - } - - .sm\:right-full { - right: 100%; - } - - .sm\:bottom-full { - bottom: 100%; - } - - .sm\:left-full { - left: 100%; - } - - .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-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: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .sm\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .sm\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .sm\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, 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: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - @media (prefers-color-scheme: dark) { - .sm\:dark\:text-transparent { - color: transparent; - } - - .sm\:dark\:text-current { - color: currentColor; - } - - .sm\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .sm\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .sm\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .sm\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .sm\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .sm\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-transparent:focus { - color: transparent; - } - - .sm\:dark\:focus\:text-current:focus { - color: currentColor; - } - - .sm\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .sm\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - } - - .sm\:text-opacity-0 { - --text-opacity: 0; - } - - .sm\:text-opacity-25 { - --text-opacity: 0.25; - } - - .sm\:text-opacity-50 { - --text-opacity: 0.5; - } - - .sm\:text-opacity-75 { - --text-opacity: 0.75; - } - - .sm\:text-opacity-100 { - --text-opacity: 1; - } - - .group:hover .sm\:group-hover\:text-opacity-0 { - --text-opacity: 0; - } - - .group:hover .sm\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; - } - - .group:hover .sm\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; - } - - .group:hover .sm\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; - } - - .group:hover .sm\:group-hover\:text-opacity-100 { - --text-opacity: 1; - } - - .sm\:hover\:text-opacity-0:hover { - --text-opacity: 0; - } - - .sm\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; - } - - .sm\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; - } - - .sm\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; - } - - .sm\:hover\:text-opacity-100:hover { - --text-opacity: 1; - } - - .sm\:focus\:text-opacity-0:focus { - --text-opacity: 0; - } - - .sm\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; - } - - .sm\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; - } - - .sm\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; - } - - .sm\:focus\:text-opacity-100:focus { - --text-opacity: 1; - } - - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .sm\:overflow-ellipsis { - text-overflow: ellipsis; - } - - .sm\:overflow-clip { - text-overflow: clip; - } - - .sm\:italic { - font-style: italic; - } - - .sm\:not-italic { - font-style: normal; - } - - .sm\:uppercase { - text-transform: uppercase; - } - - .sm\:lowercase { - text-transform: lowercase; - } - - .sm\:capitalize { - text-transform: capitalize; - } - - .sm\:normal-case { - text-transform: none; - } - - .sm\:underline { - text-decoration: underline; - } - - .sm\:line-through { - text-decoration: line-through; - } - - .sm\:no-underline { - text-decoration: none; - } - - .sm\:hover\:underline:hover { - text-decoration: underline; - } - - .sm\:hover\:line-through:hover { - text-decoration: line-through; - } - - .sm\:hover\:no-underline:hover { - text-decoration: none; - } - - .sm\:focus\:underline:focus { - text-decoration: underline; - } - - .sm\:focus\:line-through:focus { - text-decoration: line-through; - } - - .sm\:focus\:no-underline:focus { - text-decoration: none; - } - - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; - } - - .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); - } - - .sm\:normal-nums { - font-variant-numeric: normal; - } - - .sm\:ordinal { - --font-variant-numeric-ordinal: ordinal; - } - - .sm\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; - } - - .sm\:lining-nums { - --font-variant-numeric-figure: lining-nums; - } - - .sm\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; - } - - .sm\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; - } - - .sm\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; - } - - .sm\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; - } - - .sm\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; - } - - .sm\:tracking-tighter { - letter-spacing: -0.05em; - } - - .sm\:tracking-tight { - letter-spacing: -0.025em; - } - - .sm\:tracking-normal { - letter-spacing: 0; - } - - .sm\:tracking-wide { - letter-spacing: 0.025em; - } - - .sm\:tracking-wider { - letter-spacing: 0.05em; - } - - .sm\:tracking-widest { - letter-spacing: 0.1em; - } - - .sm\:select-none { - user-select: none; - } - - .sm\:select-text { - user-select: text; - } - - .sm\:select-all { - user-select: all; - } - - .sm\:select-auto { - user-select: auto; - } - - .sm\:align-baseline { - vertical-align: baseline; - } - - .sm\:align-top { - vertical-align: top; - } - - .sm\:align-middle { - vertical-align: middle; - } - - .sm\:align-bottom { - vertical-align: bottom; - } - - .sm\:align-text-top { - vertical-align: text-top; - } - - .sm\:align-text-bottom { - vertical-align: text-bottom; - } - - .sm\:visible { - visibility: visible; - } - - .sm\:invisible { - visibility: hidden; - } - - .sm\:whitespace-normal { - white-space: normal; - } - - .sm\:whitespace-no-wrap { - white-space: nowrap; - } - - .sm\:whitespace-pre { - white-space: pre; - } - - .sm\:whitespace-pre-line { - white-space: pre-line; - } - - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; - } - - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; - } - - .sm\:break-words { - overflow-wrap: break-word; - } - - .sm\:break-all { - word-break: break-all; - } - - .sm\:w-0 { - width: 0; - } - - .sm\:w-1 { - width: 0.25rem; - } - - .sm\:w-2 { - width: 0.5rem; - } - - .sm\:w-3 { - width: 0.75rem; - } - - .sm\:w-4 { - width: 1rem; - } - - .sm\:w-5 { - width: 1.25rem; - } - - .sm\:w-6 { - width: 1.5rem; - } - - .sm\:w-7 { - width: 1.75rem; - } - - .sm\:w-8 { - width: 2rem; - } - - .sm\:w-9 { - width: 2.25rem; - } - - .sm\:w-10 { - width: 2.5rem; - } - - .sm\:w-12 { - width: 3rem; - } - - .sm\:w-14 { - width: 3.5rem; - } - - .sm\:w-16 { - width: 4rem; - } - - .sm\:w-20 { - width: 5rem; - } - - .sm\:w-24 { - width: 6rem; - } - - .sm\:w-28 { - width: 7rem; - } - - .sm\:w-32 { - width: 8rem; - } - - .sm\:w-36 { - width: 9rem; - } - - .sm\:w-40 { - width: 10rem; - } - - .sm\:w-44 { - width: 11rem; - } - - .sm\:w-48 { - width: 12rem; - } - - .sm\:w-52 { - width: 13rem; - } - - .sm\:w-56 { - width: 14rem; - } - - .sm\:w-60 { - width: 15rem; - } - - .sm\:w-64 { - width: 16rem; - } - - .sm\:w-72 { - width: 18rem; - } - - .sm\:w-80 { - width: 20rem; - } - - .sm\:w-96 { - width: 24rem; - } - - .sm\:w-auto { - width: auto; - } - - .sm\:w-px { - width: 1px; - } - - .sm\:w-0\.5 { - width: 0.125rem; - } - - .sm\:w-1\.5 { - width: 0.375rem; - } - - .sm\:w-2\.5 { - width: 0.625rem; - } - - .sm\:w-3\.5 { - width: 0.875rem; - } - - .sm\:w-1\/2 { - width: 50%; - } - - .sm\:w-1\/3 { - width: 33.333333%; - } - - .sm\:w-2\/3 { - width: 66.666667%; - } - - .sm\:w-1\/4 { - width: 25%; - } - - .sm\:w-2\/4 { - width: 50%; - } - - .sm\:w-3\/4 { - width: 75%; - } - - .sm\:w-1\/5 { - width: 20%; - } - - .sm\:w-2\/5 { - width: 40%; - } - - .sm\:w-3\/5 { - width: 60%; - } - - .sm\:w-4\/5 { - width: 80%; - } - - .sm\:w-1\/6 { - width: 16.666667%; - } - - .sm\:w-2\/6 { - width: 33.333333%; - } - - .sm\:w-3\/6 { - width: 50%; - } - - .sm\:w-4\/6 { - width: 66.666667%; - } - - .sm\:w-5\/6 { - width: 83.333333%; - } - - .sm\:w-1\/12 { - width: 8.333333%; - } - - .sm\:w-2\/12 { - width: 16.666667%; - } - - .sm\:w-3\/12 { - width: 25%; - } - - .sm\:w-4\/12 { - width: 33.333333%; - } - - .sm\:w-5\/12 { - width: 41.666667%; - } - - .sm\:w-6\/12 { - width: 50%; - } - - .sm\:w-7\/12 { - width: 58.333333%; - } - - .sm\:w-8\/12 { - width: 66.666667%; - } - - .sm\:w-9\/12 { - width: 75%; - } - - .sm\:w-10\/12 { - width: 83.333333%; - } - - .sm\:w-11\/12 { - width: 91.666667%; - } - - .sm\:w-full { - width: 100%; - } - - .sm\:w-screen { - width: 100vw; - } - - .sm\:w-min { - width: min-content; - } - - .sm\:w-max { - width: max-content; - } - - .sm\:z-0 { - z-index: 0; - } - - .sm\:z-10 { - z-index: 10; - } - - .sm\:z-20 { - z-index: 20; - } - - .sm\:z-30 { - z-index: 30; - } - - .sm\:z-40 { - z-index: 40; - } - - .sm\:z-50 { - z-index: 50; - } - - .sm\:z-auto { - z-index: auto; - } - - .sm\:focus\:z-0:focus { - z-index: 0; - } - - .sm\:focus\:z-10:focus { - z-index: 10; - } - - .sm\:focus\:z-20:focus { - z-index: 20; - } - - .sm\:focus\:z-30:focus { - z-index: 30; - } - - .sm\:focus\:z-40:focus { - z-index: 40; - } - - .sm\:focus\:z-50:focus { - z-index: 50; - } - - .sm\:focus\:z-auto:focus { - z-index: auto; - } - - .sm\:gap-0 { - grid-gap: 0; - gap: 0; - } - - .sm\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; - } - - .sm\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; - } - - .sm\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; - } - - .sm\:gap-4 { - grid-gap: 1rem; - gap: 1rem; - } - - .sm\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; - } - - .sm\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; - } - - .sm\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; - } - - .sm\:gap-8 { - grid-gap: 2rem; - gap: 2rem; - } - - .sm\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; - } - - .sm\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; - } - - .sm\:gap-12 { - grid-gap: 3rem; - gap: 3rem; - } - - .sm\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; - } - - .sm\:gap-16 { - grid-gap: 4rem; - gap: 4rem; - } - - .sm\:gap-20 { - grid-gap: 5rem; - gap: 5rem; - } - - .sm\:gap-24 { - grid-gap: 6rem; - gap: 6rem; - } - - .sm\:gap-28 { - grid-gap: 7rem; - gap: 7rem; - } - - .sm\:gap-32 { - grid-gap: 8rem; - gap: 8rem; - } - - .sm\:gap-36 { - grid-gap: 9rem; - gap: 9rem; - } - - .sm\:gap-40 { - grid-gap: 10rem; - gap: 10rem; - } - - .sm\:gap-44 { - grid-gap: 11rem; - gap: 11rem; - } - - .sm\:gap-48 { - grid-gap: 12rem; - gap: 12rem; - } - - .sm\:gap-52 { - grid-gap: 13rem; - gap: 13rem; - } - - .sm\:gap-56 { - grid-gap: 14rem; - gap: 14rem; - } - - .sm\:gap-60 { - grid-gap: 15rem; - gap: 15rem; - } - - .sm\:gap-64 { - grid-gap: 16rem; - gap: 16rem; - } - - .sm\:gap-72 { - grid-gap: 18rem; - gap: 18rem; - } - - .sm\:gap-80 { - grid-gap: 20rem; - gap: 20rem; - } - - .sm\:gap-96 { - grid-gap: 24rem; - gap: 24rem; - } - - .sm\:gap-px { - grid-gap: 1px; - gap: 1px; - } - - .sm\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; - } - - .sm\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; - } - - .sm\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; - } - - .sm\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; - } - - .sm\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; - } - - .sm\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; - } - - .sm\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; - } - - .sm\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; - } - - .sm\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; - } - - .sm\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; - } - - .sm\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; - } - - .sm\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; - } - - .sm\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; - } - - .sm\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; - } - - .sm\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; - } - - .sm\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; - } - - .sm\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; - } - - .sm\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; - } - - .sm\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; - } - - .sm\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; - } - - .sm\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; - } - - .sm\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; - } - - .sm\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; - } - - .sm\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; - } - - .sm\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; - } - - .sm\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; - } - - .sm\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; - } - - .sm\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; - } - - .sm\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; - } - - .sm\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; - } - - .sm\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; - } - - .sm\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; - } - - .sm\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; - } - - .sm\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; - } - - .sm\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; - } - - .sm\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; - } - - .sm\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; - } - - .sm\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; - } - - .sm\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; - } - - .sm\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; - } - - .sm\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; - } - - .sm\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; - } - - .sm\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; - } - - .sm\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; - } - - .sm\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; - } - - .sm\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; - } - - .sm\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; - } - - .sm\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; - } - - .sm\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; - } - - .sm\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; - } - - .sm\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; - } - - .sm\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; - } - - .sm\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; - } - - .sm\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; - } - - .sm\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; - } - - .sm\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; - } - - .sm\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; - } - - .sm\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; - } - - .sm\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; - } - - .sm\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; - } - - .sm\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; - } - - .sm\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; - } - - .sm\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; - } - - .sm\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; - } - - .sm\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; - } - - .sm\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; - } - - .sm\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; - } - - .sm\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; - } - - .sm\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; - } - - .sm\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; - } - - .sm\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; - } - - .sm\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; - } - - .sm\:grid-flow-row { - grid-auto-flow: row; - } - - .sm\:grid-flow-col { - grid-auto-flow: column; - } - - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; - } - - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; - } - - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); - } - - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); - } - - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); - } - - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); - } - - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); - } - - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); - } - - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); - } - - .sm\:grid-cols-none { - grid-template-columns: none; - } - - .sm\:auto-cols-auto { - grid-auto-columns: auto; - } - - .sm\:auto-cols-min { - grid-auto-columns: min-content; - } - - .sm\:auto-cols-max { - grid-auto-columns: max-content; - } - - .sm\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); - } - - .sm\:col-auto { - grid-column: auto; - } - - .sm\:col-span-1 { - grid-column: span 1 / span 1; - } - - .sm\:col-span-2 { - grid-column: span 2 / span 2; - } - - .sm\:col-span-3 { - grid-column: span 3 / span 3; - } - - .sm\:col-span-4 { - grid-column: span 4 / span 4; - } - - .sm\:col-span-5 { - grid-column: span 5 / span 5; - } - - .sm\:col-span-6 { - grid-column: span 6 / span 6; - } - - .sm\:col-span-7 { - grid-column: span 7 / span 7; - } - - .sm\:col-span-8 { - grid-column: span 8 / span 8; - } - - .sm\:col-span-9 { - grid-column: span 9 / span 9; - } - - .sm\:col-span-10 { - grid-column: span 10 / span 10; - } - - .sm\:col-span-11 { - grid-column: span 11 / span 11; - } - - .sm\:col-span-12 { - grid-column: span 12 / span 12; - } - - .sm\:col-span-full { - grid-column: 1 / -1; - } - - .sm\:col-start-1 { - grid-column-start: 1; - } - - .sm\:col-start-2 { - grid-column-start: 2; - } - - .sm\:col-start-3 { - grid-column-start: 3; - } - - .sm\:col-start-4 { - grid-column-start: 4; - } - - .sm\:col-start-5 { - grid-column-start: 5; - } - - .sm\:col-start-6 { - grid-column-start: 6; - } - - .sm\:col-start-7 { - grid-column-start: 7; - } - - .sm\:col-start-8 { - grid-column-start: 8; - } - - .sm\:col-start-9 { - grid-column-start: 9; - } - - .sm\:col-start-10 { - grid-column-start: 10; - } - - .sm\:col-start-11 { - grid-column-start: 11; - } - - .sm\:col-start-12 { - grid-column-start: 12; - } - - .sm\:col-start-13 { - grid-column-start: 13; - } - - .sm\:col-start-auto { - grid-column-start: auto; - } - - .sm\:col-end-1 { - grid-column-end: 1; - } - - .sm\:col-end-2 { - grid-column-end: 2; - } - - .sm\:col-end-3 { - grid-column-end: 3; - } - - .sm\:col-end-4 { - grid-column-end: 4; - } - - .sm\:col-end-5 { - grid-column-end: 5; - } - - .sm\:col-end-6 { - grid-column-end: 6; - } - - .sm\:col-end-7 { - grid-column-end: 7; - } - - .sm\:col-end-8 { - grid-column-end: 8; - } - - .sm\:col-end-9 { - grid-column-end: 9; - } - - .sm\:col-end-10 { - grid-column-end: 10; - } - - .sm\:col-end-11 { - grid-column-end: 11; - } - - .sm\:col-end-12 { - grid-column-end: 12; - } - - .sm\:col-end-13 { - grid-column-end: 13; - } - - .sm\:col-end-auto { - grid-column-end: auto; - } - - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); - } - - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); - } - - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); - } - - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); - } - - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); - } - - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); - } - - .sm\:grid-rows-none { - grid-template-rows: none; - } - - .sm\:auto-rows-auto { - grid-auto-rows: auto; - } - - .sm\:auto-rows-min { - grid-auto-rows: min-content; - } - - .sm\:auto-rows-max { - grid-auto-rows: max-content; - } - - .sm\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); - } - - .sm\:row-auto { - grid-row: auto; - } - - .sm\:row-span-1 { - grid-row: span 1 / span 1; - } - - .sm\:row-span-2 { - grid-row: span 2 / span 2; - } - - .sm\:row-span-3 { - grid-row: span 3 / span 3; - } - - .sm\:row-span-4 { - grid-row: span 4 / span 4; - } - - .sm\:row-span-5 { - grid-row: span 5 / span 5; - } - - .sm\:row-span-6 { - grid-row: span 6 / span 6; - } - - .sm\:row-span-full { - grid-row: 1 / -1; - } - - .sm\:row-start-1 { - grid-row-start: 1; - } - - .sm\:row-start-2 { - grid-row-start: 2; - } - - .sm\:row-start-3 { - grid-row-start: 3; - } - - .sm\:row-start-4 { - grid-row-start: 4; - } - - .sm\:row-start-5 { - grid-row-start: 5; - } - - .sm\:row-start-6 { - grid-row-start: 6; - } - - .sm\:row-start-7 { - grid-row-start: 7; - } - - .sm\:row-start-auto { - grid-row-start: auto; - } - - .sm\:row-end-1 { - grid-row-end: 1; - } - - .sm\:row-end-2 { - grid-row-end: 2; - } - - .sm\:row-end-3 { - grid-row-end: 3; - } - - .sm\:row-end-4 { - grid-row-end: 4; - } - - .sm\:row-end-5 { - grid-row-end: 5; - } - - .sm\:row-end-6 { - grid-row-end: 6; - } - - .sm\:row-end-7 { - grid-row-end: 7; - } - - .sm\:row-end-auto { - grid-row-end: auto; - } - - .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\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:transform-none { - transform: none; - } - - .sm\:origin-center { - transform-origin: center; - } - - .sm\:origin-top { - transform-origin: top; - } - - .sm\:origin-top-right { - transform-origin: top right; - } - - .sm\:origin-right { - transform-origin: right; - } - - .sm\:origin-bottom-right { - transform-origin: bottom right; - } - - .sm\:origin-bottom { - transform-origin: bottom; - } - - .sm\:origin-bottom-left { - transform-origin: bottom left; - } - - .sm\:origin-left { - transform-origin: left; - } - - .sm\:origin-top-left { - transform-origin: top left; - } - - .sm\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; - } - - .sm\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; - } - - .sm\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; - } - - .sm\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; - } - - .sm\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; - } - - .sm\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; - } - - .sm\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } - - .sm\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } - - .sm\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } - - .sm\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } - - .sm\:scale-x-0 { - --transform-scale-x: 0; - } - - .sm\:scale-x-50 { - --transform-scale-x: .5; - } - - .sm\:scale-x-75 { - --transform-scale-x: .75; - } - - .sm\:scale-x-90 { - --transform-scale-x: .9; - } - - .sm\:scale-x-95 { - --transform-scale-x: .95; - } - - .sm\:scale-x-100 { - --transform-scale-x: 1; - } - - .sm\:scale-x-105 { - --transform-scale-x: 1.05; - } - - .sm\:scale-x-110 { - --transform-scale-x: 1.1; - } - - .sm\:scale-x-125 { - --transform-scale-x: 1.25; - } - - .sm\:scale-x-150 { - --transform-scale-x: 1.5; - } - - .sm\:scale-y-0 { - --transform-scale-y: 0; - } - - .sm\:scale-y-50 { - --transform-scale-y: .5; - } - - .sm\:scale-y-75 { - --transform-scale-y: .75; - } - - .sm\:scale-y-90 { - --transform-scale-y: .9; - } - - .sm\:scale-y-95 { - --transform-scale-y: .95; - } - - .sm\:scale-y-100 { - --transform-scale-y: 1; - } - - .sm\:scale-y-105 { - --transform-scale-y: 1.05; - } - - .sm\:scale-y-110 { - --transform-scale-y: 1.1; - } - - .sm\:scale-y-125 { - --transform-scale-y: 1.25; - } - - .sm\:scale-y-150 { - --transform-scale-y: 1.5; - } - - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; - } - - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; - } - - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; - } - - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; - } - - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; - } - - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; - } - - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } - - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } - - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } - - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } - - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0; - } - - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5; - } - - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75; - } - - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9; - } - - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95; - } - - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1; - } - - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; - } - - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; - } - - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; - } - - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; - } - - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0; - } - - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5; - } - - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75; - } - - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9; - } - - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95; - } - - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1; - } - - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; - } - - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; - } - - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; - } - - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; - } - - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; - } - - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; - } - - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; - } - - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; - } - - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; - } - - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; - } - - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; - } - - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; - } - - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; - } - - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; - } - - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0; - } - - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5; - } - - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75; - } - - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9; - } - - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95; - } - - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1; - } - - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; - } - - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; - } - - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; - } - - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; - } - - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0; - } - - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5; - } - - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75; - } - - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9; - } - - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95; - } - - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1; - } - - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; - } - - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; - } - - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; - } - - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; - } - - .sm\:rotate-0 { - --transform-rotate: 0; - } - - .sm\:rotate-1 { - --transform-rotate: 1deg; - } - - .sm\:rotate-2 { - --transform-rotate: 2deg; - } - - .sm\:rotate-3 { - --transform-rotate: 3deg; - } - - .sm\:rotate-6 { - --transform-rotate: 6deg; - } - - .sm\:rotate-12 { - --transform-rotate: 12deg; - } - - .sm\:rotate-45 { - --transform-rotate: 45deg; - } - - .sm\:rotate-90 { - --transform-rotate: 90deg; - } - - .sm\:rotate-180 { - --transform-rotate: 180deg; - } - - .sm\:-rotate-180 { - --transform-rotate: -180deg; - } - - .sm\:-rotate-90 { - --transform-rotate: -90deg; - } - - .sm\:-rotate-45 { - --transform-rotate: -45deg; - } - - .sm\:-rotate-12 { - --transform-rotate: -12deg; - } - - .sm\:-rotate-6 { - --transform-rotate: -6deg; - } - - .sm\:-rotate-3 { - --transform-rotate: -3deg; - } - - .sm\:-rotate-2 { - --transform-rotate: -2deg; - } - - .sm\:-rotate-1 { - --transform-rotate: -1deg; - } - - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0; - } - - .sm\:hover\:rotate-1:hover { - --transform-rotate: 1deg; - } - - .sm\:hover\:rotate-2:hover { - --transform-rotate: 2deg; - } - - .sm\:hover\:rotate-3:hover { - --transform-rotate: 3deg; - } - - .sm\:hover\:rotate-6:hover { - --transform-rotate: 6deg; - } - - .sm\:hover\:rotate-12:hover { - --transform-rotate: 12deg; - } - - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg; - } - - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg; - } - - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg; - } - - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; - } - - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; - } - - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; - } - - .sm\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; - } - - .sm\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; - } - - .sm\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; - } - - .sm\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; - } - - .sm\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; - } - - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0; - } - - .sm\:focus\:rotate-1:focus { - --transform-rotate: 1deg; - } - - .sm\:focus\:rotate-2:focus { - --transform-rotate: 2deg; - } - - .sm\:focus\:rotate-3:focus { - --transform-rotate: 3deg; - } - - .sm\:focus\:rotate-6:focus { - --transform-rotate: 6deg; - } - - .sm\:focus\:rotate-12:focus { - --transform-rotate: 12deg; - } - - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg; - } - - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg; - } - - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg; - } - - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; - } - - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; - } - - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; - } - - .sm\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; - } - - .sm\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; - } - - .sm\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; - } - - .sm\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; - } - - .sm\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; - } - - .sm\:translate-x-0 { - --transform-translate-x: 0; - } - - .sm\:translate-x-1 { - --transform-translate-x: 0.25rem; - } - - .sm\:translate-x-2 { - --transform-translate-x: 0.5rem; - } - - .sm\:translate-x-3 { - --transform-translate-x: 0.75rem; - } - - .sm\:translate-x-4 { - --transform-translate-x: 1rem; - } - - .sm\:translate-x-5 { - --transform-translate-x: 1.25rem; - } - - .sm\:translate-x-6 { - --transform-translate-x: 1.5rem; - } - - .sm\:translate-x-7 { - --transform-translate-x: 1.75rem; - } - - .sm\:translate-x-8 { - --transform-translate-x: 2rem; - } - - .sm\:translate-x-9 { - --transform-translate-x: 2.25rem; - } - - .sm\:translate-x-10 { - --transform-translate-x: 2.5rem; - } - - .sm\:translate-x-12 { - --transform-translate-x: 3rem; - } - - .sm\:translate-x-14 { - --transform-translate-x: 3.5rem; - } - - .sm\:translate-x-16 { - --transform-translate-x: 4rem; - } - - .sm\:translate-x-20 { - --transform-translate-x: 5rem; - } - - .sm\:translate-x-24 { - --transform-translate-x: 6rem; - } - - .sm\:translate-x-28 { - --transform-translate-x: 7rem; - } - - .sm\:translate-x-32 { - --transform-translate-x: 8rem; - } - - .sm\:translate-x-36 { - --transform-translate-x: 9rem; - } - - .sm\:translate-x-40 { - --transform-translate-x: 10rem; - } - - .sm\:translate-x-44 { - --transform-translate-x: 11rem; - } - - .sm\:translate-x-48 { - --transform-translate-x: 12rem; - } - - .sm\:translate-x-52 { - --transform-translate-x: 13rem; - } - - .sm\:translate-x-56 { - --transform-translate-x: 14rem; - } - - .sm\:translate-x-60 { - --transform-translate-x: 15rem; - } - - .sm\:translate-x-64 { - --transform-translate-x: 16rem; - } - - .sm\:translate-x-72 { - --transform-translate-x: 18rem; - } - - .sm\:translate-x-80 { - --transform-translate-x: 20rem; - } - - .sm\:translate-x-96 { - --transform-translate-x: 24rem; - } - - .sm\:translate-x-px { - --transform-translate-x: 1px; - } - - .sm\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; - } - - .sm\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; - } - - .sm\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; - } - - .sm\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; - } - - .sm\:-translate-x-1 { - --transform-translate-x: -0.25rem; - } - - .sm\:-translate-x-2 { - --transform-translate-x: -0.5rem; - } - - .sm\:-translate-x-3 { - --transform-translate-x: -0.75rem; - } - - .sm\:-translate-x-4 { - --transform-translate-x: -1rem; - } - - .sm\:-translate-x-5 { - --transform-translate-x: -1.25rem; - } - - .sm\:-translate-x-6 { - --transform-translate-x: -1.5rem; - } - - .sm\:-translate-x-7 { - --transform-translate-x: -1.75rem; - } - - .sm\:-translate-x-8 { - --transform-translate-x: -2rem; - } - - .sm\:-translate-x-9 { - --transform-translate-x: -2.25rem; - } - - .sm\:-translate-x-10 { - --transform-translate-x: -2.5rem; - } - - .sm\:-translate-x-12 { - --transform-translate-x: -3rem; - } - - .sm\:-translate-x-14 { - --transform-translate-x: -3.5rem; - } - - .sm\:-translate-x-16 { - --transform-translate-x: -4rem; - } - - .sm\:-translate-x-20 { - --transform-translate-x: -5rem; - } - - .sm\:-translate-x-24 { - --transform-translate-x: -6rem; - } - - .sm\:-translate-x-28 { - --transform-translate-x: -7rem; - } - - .sm\:-translate-x-32 { - --transform-translate-x: -8rem; - } - - .sm\:-translate-x-36 { - --transform-translate-x: -9rem; - } - - .sm\:-translate-x-40 { - --transform-translate-x: -10rem; - } - - .sm\:-translate-x-44 { - --transform-translate-x: -11rem; - } - - .sm\:-translate-x-48 { - --transform-translate-x: -12rem; - } - - .sm\:-translate-x-52 { - --transform-translate-x: -13rem; - } - - .sm\:-translate-x-56 { - --transform-translate-x: -14rem; - } - - .sm\:-translate-x-60 { - --transform-translate-x: -15rem; - } - - .sm\:-translate-x-64 { - --transform-translate-x: -16rem; - } - - .sm\:-translate-x-72 { - --transform-translate-x: -18rem; - } - - .sm\:-translate-x-80 { - --transform-translate-x: -20rem; - } - - .sm\:-translate-x-96 { - --transform-translate-x: -24rem; - } - - .sm\:-translate-x-px { - --transform-translate-x: -1px; - } - - .sm\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; - } - - .sm\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; - } - - .sm\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; - } - - .sm\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; - } - - .sm\:translate-x-1\/2 { - --transform-translate-x: 50%; - } - - .sm\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; - } - - .sm\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; - } - - .sm\:translate-x-1\/4 { - --transform-translate-x: 25%; - } - - .sm\:translate-x-2\/4 { - --transform-translate-x: 50%; - } - - .sm\:translate-x-3\/4 { - --transform-translate-x: 75%; - } - - .sm\:translate-x-full { - --transform-translate-x: 100%; - } - - .sm\:-translate-x-1\/2 { - --transform-translate-x: -50%; - } - - .sm\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; - } - - .sm\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; - } - - .sm\:-translate-x-1\/4 { - --transform-translate-x: -25%; - } - - .sm\:-translate-x-2\/4 { - --transform-translate-x: -50%; - } - - .sm\:-translate-x-3\/4 { - --transform-translate-x: -75%; - } - - .sm\:-translate-x-full { - --transform-translate-x: -100%; - } - - .sm\:translate-y-0 { - --transform-translate-y: 0; - } - - .sm\:translate-y-1 { - --transform-translate-y: 0.25rem; - } - - .sm\:translate-y-2 { - --transform-translate-y: 0.5rem; - } - - .sm\:translate-y-3 { - --transform-translate-y: 0.75rem; - } - - .sm\:translate-y-4 { - --transform-translate-y: 1rem; - } - - .sm\:translate-y-5 { - --transform-translate-y: 1.25rem; - } - - .sm\:translate-y-6 { - --transform-translate-y: 1.5rem; - } - - .sm\:translate-y-7 { - --transform-translate-y: 1.75rem; - } - - .sm\:translate-y-8 { - --transform-translate-y: 2rem; - } - - .sm\:translate-y-9 { - --transform-translate-y: 2.25rem; - } - - .sm\:translate-y-10 { - --transform-translate-y: 2.5rem; - } - - .sm\:translate-y-12 { - --transform-translate-y: 3rem; - } - - .sm\:translate-y-14 { - --transform-translate-y: 3.5rem; - } - - .sm\:translate-y-16 { - --transform-translate-y: 4rem; - } - - .sm\:translate-y-20 { - --transform-translate-y: 5rem; - } - - .sm\:translate-y-24 { - --transform-translate-y: 6rem; - } - - .sm\:translate-y-28 { - --transform-translate-y: 7rem; - } - - .sm\:translate-y-32 { - --transform-translate-y: 8rem; - } - - .sm\:translate-y-36 { - --transform-translate-y: 9rem; - } - - .sm\:translate-y-40 { - --transform-translate-y: 10rem; - } - - .sm\:translate-y-44 { - --transform-translate-y: 11rem; - } - - .sm\:translate-y-48 { - --transform-translate-y: 12rem; - } - - .sm\:translate-y-52 { - --transform-translate-y: 13rem; - } - - .sm\:translate-y-56 { - --transform-translate-y: 14rem; - } - - .sm\:translate-y-60 { - --transform-translate-y: 15rem; - } - - .sm\:translate-y-64 { - --transform-translate-y: 16rem; - } - - .sm\:translate-y-72 { - --transform-translate-y: 18rem; - } - - .sm\:translate-y-80 { - --transform-translate-y: 20rem; - } - - .sm\:translate-y-96 { - --transform-translate-y: 24rem; - } - - .sm\:translate-y-px { - --transform-translate-y: 1px; - } - - .sm\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; - } - - .sm\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; - } - - .sm\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; - } - - .sm\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; - } - - .sm\:-translate-y-1 { - --transform-translate-y: -0.25rem; - } - - .sm\:-translate-y-2 { - --transform-translate-y: -0.5rem; - } - - .sm\:-translate-y-3 { - --transform-translate-y: -0.75rem; - } - - .sm\:-translate-y-4 { - --transform-translate-y: -1rem; - } - - .sm\:-translate-y-5 { - --transform-translate-y: -1.25rem; - } - - .sm\:-translate-y-6 { - --transform-translate-y: -1.5rem; - } - - .sm\:-translate-y-7 { - --transform-translate-y: -1.75rem; - } - - .sm\:-translate-y-8 { - --transform-translate-y: -2rem; - } - - .sm\:-translate-y-9 { - --transform-translate-y: -2.25rem; - } - - .sm\:-translate-y-10 { - --transform-translate-y: -2.5rem; - } - - .sm\:-translate-y-12 { - --transform-translate-y: -3rem; - } - - .sm\:-translate-y-14 { - --transform-translate-y: -3.5rem; - } - - .sm\:-translate-y-16 { - --transform-translate-y: -4rem; - } - - .sm\:-translate-y-20 { - --transform-translate-y: -5rem; - } - - .sm\:-translate-y-24 { - --transform-translate-y: -6rem; - } - - .sm\:-translate-y-28 { - --transform-translate-y: -7rem; - } - - .sm\:-translate-y-32 { - --transform-translate-y: -8rem; - } - - .sm\:-translate-y-36 { - --transform-translate-y: -9rem; - } - - .sm\:-translate-y-40 { - --transform-translate-y: -10rem; - } - - .sm\:-translate-y-44 { - --transform-translate-y: -11rem; - } - - .sm\:-translate-y-48 { - --transform-translate-y: -12rem; - } - - .sm\:-translate-y-52 { - --transform-translate-y: -13rem; - } - - .sm\:-translate-y-56 { - --transform-translate-y: -14rem; - } - - .sm\:-translate-y-60 { - --transform-translate-y: -15rem; - } - - .sm\:-translate-y-64 { - --transform-translate-y: -16rem; - } - - .sm\:-translate-y-72 { - --transform-translate-y: -18rem; - } - - .sm\:-translate-y-80 { - --transform-translate-y: -20rem; - } - - .sm\:-translate-y-96 { - --transform-translate-y: -24rem; - } - - .sm\:-translate-y-px { - --transform-translate-y: -1px; - } - - .sm\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; - } - - .sm\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; - } - - .sm\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; - } - - .sm\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; - } - - .sm\:translate-y-1\/2 { - --transform-translate-y: 50%; - } - - .sm\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; - } - - .sm\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; - } - - .sm\:translate-y-1\/4 { - --transform-translate-y: 25%; - } - - .sm\:translate-y-2\/4 { - --transform-translate-y: 50%; - } - - .sm\:translate-y-3\/4 { - --transform-translate-y: 75%; - } - - .sm\:translate-y-full { - --transform-translate-y: 100%; - } - - .sm\:-translate-y-1\/2 { - --transform-translate-y: -50%; - } - - .sm\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; - } - - .sm\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; - } - - .sm\:-translate-y-1\/4 { - --transform-translate-y: -25%; - } - - .sm\:-translate-y-2\/4 { - --transform-translate-y: -50%; - } - - .sm\:-translate-y-3\/4 { - --transform-translate-y: -75%; - } - - .sm\:-translate-y-full { - --transform-translate-y: -100%; - } - - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0; - } - - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; - } - - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; - } - - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; - } - - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; - } - - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; - } - - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; - } - - .sm\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; - } - - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; - } - - .sm\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; - } - - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; - } - - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; - } - - .sm\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; - } - - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; - } - - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; - } - - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; - } - - .sm\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; - } - - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; - } - - .sm\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; - } - - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; - } - - .sm\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; - } - - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; - } - - .sm\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; - } - - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; - } - - .sm\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; - } - - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; - } - - .sm\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; - } - - .sm\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; - } - - .sm\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; - } - - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; - } - - .sm\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; - } - - .sm\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; - } - - .sm\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; - } - - .sm\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; - } - - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; - } - - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; - } - - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; - } - - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; - } - - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; - } - - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; - } - - .sm\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; - } - - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; - } - - .sm\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; - } - - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; - } - - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; - } - - .sm\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; - } - - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; - } - - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; - } - - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; - } - - .sm\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; - } - - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; - } - - .sm\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; - } - - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; - } - - .sm\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; - } - - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; - } - - .sm\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; - } - - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; - } - - .sm\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; - } - - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; - } - - .sm\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; - } - - .sm\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; - } - - .sm\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; - } - - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; - } - - .sm\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; - } - - .sm\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; - } - - .sm\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; - } - - .sm\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; - } - - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; - } - - .sm\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; - } - - .sm\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; - } - - .sm\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; - } - - .sm\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; - } - - .sm\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; - } - - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; - } - - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; - } - - .sm\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; - } - - .sm\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; - } - - .sm\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; - } - - .sm\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; - } - - .sm\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; - } - - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; - } - - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0; - } - - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; - } - - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; - } - - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; - } - - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; - } - - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; - } - - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; - } - - .sm\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; - } - - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; - } - - .sm\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; - } - - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; - } - - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; - } - - .sm\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; - } - - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; - } - - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; - } - - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; - } - - .sm\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; - } - - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; - } - - .sm\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; - } - - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; - } - - .sm\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; - } - - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; - } - - .sm\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; - } - - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; - } - - .sm\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; - } - - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; - } - - .sm\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; - } - - .sm\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; - } - - .sm\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; - } - - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; - } - - .sm\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; - } - - .sm\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; - } - - .sm\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; - } - - .sm\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; - } - - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; - } - - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; - } - - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; - } - - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; - } - - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; - } - - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; - } - - .sm\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; - } - - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; - } - - .sm\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; - } - - .sm\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; - } - - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; - } - - .sm\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; - } - - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; - } - - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; - } - - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; - } - - .sm\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; - } - - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; - } - - .sm\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; - } - - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; - } - - .sm\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; - } - - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; - } - - .sm\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; - } - - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; - } - - .sm\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; - } - - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; - } - - .sm\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; - } - - .sm\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; - } - - .sm\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; - } - - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; - } - - .sm\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; - } - - .sm\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; - } - - .sm\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; - } - - .sm\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; - } - - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; - } - - .sm\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; - } - - .sm\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; - } - - .sm\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; - } - - .sm\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; - } - - .sm\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; - } - - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; - } - - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; - } - - .sm\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; - } - - .sm\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; - } - - .sm\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; - } - - .sm\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; - } - - .sm\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; - } - - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; - } - - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0; - } - - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; - } - - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; - } - - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; - } - - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; - } - - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; - } - - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; - } - - .sm\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; - } - - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; - } - - .sm\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; - } - - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; - } - - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; - } - - .sm\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; - } - - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; - } - - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; - } - - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; - } - - .sm\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; - } - - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; - } - - .sm\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; - } - - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; - } - - .sm\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; - } - - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; - } - - .sm\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; - } - - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; - } - - .sm\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; - } - - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; - } - - .sm\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; - } - - .sm\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; - } - - .sm\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; - } - - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; - } - - .sm\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; - } - - .sm\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; - } - - .sm\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; - } - - .sm\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; - } - - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; - } - - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; - } - - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; - } - - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; - } - - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; - } - - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; - } - - .sm\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; - } - - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; - } - - .sm\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; - } - - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; - } - - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; - } - - .sm\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; - } - - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; - } - - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; - } - - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; - } - - .sm\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; - } - - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; - } - - .sm\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; - } - - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; - } - - .sm\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; - } - - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; - } - - .sm\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; - } - - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; - } - - .sm\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; - } - - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; - } - - .sm\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; - } - - .sm\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; - } - - .sm\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; - } - - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; - } - - .sm\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; - } - - .sm\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; - } - - .sm\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; - } - - .sm\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; - } - - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; - } - - .sm\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; - } - - .sm\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; - } - - .sm\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; - } - - .sm\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; - } - - .sm\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; - } - - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; - } - - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; - } - - .sm\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; - } - - .sm\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; - } - - .sm\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; - } - - .sm\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; - } - - .sm\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; - } - - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; - } - - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0; - } - - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; - } - - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; - } - - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; - } - - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; - } - - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; - } - - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; - } - - .sm\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; - } - - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; - } - - .sm\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; - } - - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; - } - - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; - } - - .sm\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; - } - - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; - } - - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; - } - - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; - } - - .sm\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; - } - - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; - } - - .sm\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; - } - - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; - } - - .sm\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; - } - - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; - } - - .sm\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; - } - - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; - } - - .sm\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; - } - - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; - } - - .sm\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; - } - - .sm\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; - } - - .sm\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; - } - - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; - } - - .sm\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; - } - - .sm\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; - } - - .sm\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; - } - - .sm\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; - } - - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; - } - - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; - } - - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; - } - - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; - } - - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; - } - - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; - } - - .sm\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; - } - - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; - } - - .sm\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; - } - - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; - } - - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; - } - - .sm\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; - } - - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; - } - - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; - } - - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; - } - - .sm\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; - } - - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; - } - - .sm\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; - } - - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; - } - - .sm\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; - } - - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; - } - - .sm\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; - } - - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; - } - - .sm\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; - } - - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; - } - - .sm\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; - } - - .sm\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; - } - - .sm\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; - } - - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; - } - - .sm\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; - } - - .sm\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; - } - - .sm\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; - } - - .sm\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; - } - - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; - } - - .sm\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; - } - - .sm\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; - } - - .sm\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; - } - - .sm\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; - } - - .sm\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; - } - - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; - } - - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; - } - - .sm\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; - } - - .sm\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; - } - - .sm\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; - } - - .sm\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; - } - - .sm\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; - } - - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; - } - - .sm\:skew-x-0 { - --transform-skew-x: 0; - } - - .sm\:skew-x-1 { - --transform-skew-x: 1deg; - } - - .sm\:skew-x-2 { - --transform-skew-x: 2deg; - } - - .sm\:skew-x-3 { - --transform-skew-x: 3deg; - } - - .sm\:skew-x-6 { - --transform-skew-x: 6deg; - } - - .sm\:skew-x-12 { - --transform-skew-x: 12deg; - } - - .sm\:-skew-x-12 { - --transform-skew-x: -12deg; - } - - .sm\:-skew-x-6 { - --transform-skew-x: -6deg; - } - - .sm\:-skew-x-3 { - --transform-skew-x: -3deg; - } - - .sm\:-skew-x-2 { - --transform-skew-x: -2deg; - } - - .sm\:-skew-x-1 { - --transform-skew-x: -1deg; - } - - .sm\:skew-y-0 { - --transform-skew-y: 0; - } - - .sm\:skew-y-1 { - --transform-skew-y: 1deg; - } - - .sm\:skew-y-2 { - --transform-skew-y: 2deg; - } - - .sm\:skew-y-3 { - --transform-skew-y: 3deg; - } - - .sm\:skew-y-6 { - --transform-skew-y: 6deg; - } - - .sm\:skew-y-12 { - --transform-skew-y: 12deg; - } - - .sm\:-skew-y-12 { - --transform-skew-y: -12deg; - } - - .sm\:-skew-y-6 { - --transform-skew-y: -6deg; - } - - .sm\:-skew-y-3 { - --transform-skew-y: -3deg; - } - - .sm\:-skew-y-2 { - --transform-skew-y: -2deg; - } - - .sm\:-skew-y-1 { - --transform-skew-y: -1deg; - } - - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0; - } - - .sm\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; - } - - .sm\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; - } - - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; - } - - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; - } - - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; - } - - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; - } - - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; - } - - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; - } - - .sm\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; - } - - .sm\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; - } - - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0; - } - - .sm\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; - } - - .sm\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; - } - - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; - } - - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; - } - - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; - } - - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; - } - - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; - } - - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; - } - - .sm\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; - } - - .sm\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; - } - - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0; - } - - .sm\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; - } - - .sm\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; - } - - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; - } - - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; - } - - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; - } - - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; - } - - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; - } - - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; - } - - .sm\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; - } - - .sm\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; - } - - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0; - } - - .sm\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; - } - - .sm\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; - } - - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; - } - - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; - } - - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; - } - - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; - } - - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; - } - - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; - } - - .sm\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; - } - - .sm\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; - } - - .sm\:transition-none { - transition-property: none; - } - - .sm\:transition-all { - transition-property: all; - } - - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; - } - - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; - } - - .sm\:transition-opacity { - transition-property: opacity; - } - - .sm\:transition-shadow { - transition-property: box-shadow; - } - - .sm\:transition-transform { - transition-property: transform; - } - - .sm\:ease-linear { - transition-timing-function: linear; - } - - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); - } - - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); - } - - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - - .sm\:duration-75 { - transition-duration: 75ms; - } - - .sm\:duration-100 { - transition-duration: 100ms; - } - - .sm\:duration-150 { - transition-duration: 150ms; - } - - .sm\:duration-200 { - transition-duration: 200ms; - } - - .sm\:duration-300 { - transition-duration: 300ms; - } - - .sm\:duration-500 { - transition-duration: 500ms; - } - - .sm\:duration-700 { - transition-duration: 700ms; - } - - .sm\:duration-1000 { - transition-duration: 1000ms; - } - - .sm\:delay-75 { - transition-delay: 75ms; - } - - .sm\:delay-100 { - transition-delay: 100ms; - } - - .sm\:delay-150 { - transition-delay: 150ms; - } - - .sm\:delay-200 { - transition-delay: 200ms; - } - - .sm\:delay-300 { - transition-delay: 300ms; - } - - .sm\:delay-500 { - transition-delay: 500ms; - } - - .sm\:delay-700 { - transition-delay: 700ms; - } - - .sm\:delay-1000 { - transition-delay: 1000ms; - } - - .sm\:animate-none { - animation: none; - } - - .sm\:animate-spin { - animation: spin 1s linear infinite; - } - - .sm\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; - } - - .sm\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; - } - - .sm\:animate-bounce { - animation: bounce 1s infinite; - } - - .sm\:example { - font-weight: 700; - color: #ef4444; - } -} - -@media (min-width: 768px) { - .md\:container { - width: 100%; - } - - @media (min-width: 640px) { - .md\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .md\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .md\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .md\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .md\:container { - max-width: 1536px; - } - } - - .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\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: 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)); - } - - .md\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); - } - - .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\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: 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)); - } - - .md\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); - } - - .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\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); - } - - .md\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; - } - - .md\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; - } - - .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\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); - } - - .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\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); - } - - .md\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; - } - - .md\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; - } - - .md\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .md\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } - - .md\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } - - .md\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .md\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .md\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .md\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .md\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .md\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .md\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .md\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .md\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .md\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .md\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .md\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .md\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .md\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .md\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .md\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .md\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .md\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .md\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .md\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .md\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .md\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .md\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .md\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .md\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .md\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .md\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .md\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .md\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .md\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .md\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .md\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .md\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .md\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .md\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .md\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .md\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .md\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .md\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .md\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .md\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .md\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .md\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .md\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .md\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .md\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .md\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .md\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .md\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .md\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .md\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .md\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .md\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .md\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .md\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .md\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .md\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .md\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .md\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .md\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .md\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .md\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .md\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .md\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .md\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .md\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .md\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .md\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .md\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .md\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .md\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } - - @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: rgba(0, 0, 0, var(--divide-opacity)); - } - - .md\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } - - .md\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } - - .md\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } - - .md\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } - - .md\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } - - .md\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } - - .md\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } - - .md\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } - - .md\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } - - .md\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } - - .md\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } - - .md\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } - - .md\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } - - .md\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } - - .md\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } - - .md\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } - - .md\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } - - .md\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } - - .md\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } - - .md\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } - - .md\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } - - .md\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } - - .md\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } - - .md\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } - - .md\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } - - .md\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } - } - - .md\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; - } - - .md\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; - } - - .md\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; - } - - .md\:divide-double > :not(template) ~ :not(template) { - border-style: double; - } - - .md\:divide-none > :not(template) ~ :not(template) { - border-style: none; - } - - .md\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; - } - - .md\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; - } - - .md\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; - } - - .md\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; - } - - .md\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - } - - .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\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .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\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } - - .md\:appearance-none { - appearance: none; - } - - .md\:bg-fixed { - background-attachment: fixed; - } - - .md\:bg-local { - background-attachment: local; - } - - .md\:bg-scroll { - background-attachment: scroll; - } - - .md\:bg-clip-border { - background-clip: border-box; - } - - .md\:bg-clip-padding { - background-clip: padding-box; - } - - .md\:bg-clip-content { - background-clip: content-box; - } - - .md\:bg-clip-text { - background-clip: text; - } - - .md\:bg-transparent { - background-color: transparent; - } - - .md\:bg-current { - background-color: currentColor; - } - - .md\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .md\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .md\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .md\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .md\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .md\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .md\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .md\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .md\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .md\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .md\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .md\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .md\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .md\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .md\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .md\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .md\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .md\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .md\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .md\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .md\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .md\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .md\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .md\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .md\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .md\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .md\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .md\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .md\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .md\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .md\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .md\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .md\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .md\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .md\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .md\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .md\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .md\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .md\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .md\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .md\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .md\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .md\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .md\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .md\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .md\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .md\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .md\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .md\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .md\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .md\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .md\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .md\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .md\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .md\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .md\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .md\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .md\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .md\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .md\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .md\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .md\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .md\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .md\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .md\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .md\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .md\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .md\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .md\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .md\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .md\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .md\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .md\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .md\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .md\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .md\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .md\:hover\:bg-current:hover { - background-color: currentColor; - } - - .md\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .md\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .md\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .md\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .md\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .md\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .md\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .md\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .md\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .md\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .md\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .md\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .md\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .md\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .md\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .md\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; +} - .md\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; +} - .md\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; +} - .md\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; +} - .md\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; +} - .md\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; +} - .md\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; +} - .md\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; +} - .md\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; +} - .md\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; +} - .md\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; +} - .md\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; +} - .md\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; +} - .md\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; +} - .md\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; +} - .md\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; +} - .md\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; +} - .md\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; +} - .md\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; +} - .md\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; +} - .md\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; +} - .md\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; +} - .md\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; +} - .md\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.hover\:-translate-y-px:hover { + --transform-translate-y: -1px; +} - .md\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; +} - .md\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; +} - .md\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; +} - .md\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; +} - .md\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; +} - .md\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; +} - .md\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; +} - .md\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; +} - .md\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; +} - .md\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; +} - .md\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.hover\:translate-y-full:hover { + --transform-translate-y: 100%; +} - .md\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; +} - .md\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; +} - .md\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; +} - .md\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; +} - .md\:focus\:bg-transparent:focus { - background-color: transparent; - } +.hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; +} - .md\:focus\:bg-current:focus { - background-color: currentColor; - } +.hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; +} - .md\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.hover\:-translate-y-full:hover { + --transform-translate-y: -100%; +} - .md\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:translate-x-0:focus { + --transform-translate-x: 0; +} - .md\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; +} - .md\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; +} - .md\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; +} - .md\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:translate-x-4:focus { + --transform-translate-x: 1rem; +} - .md\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; +} - .md\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; +} - .md\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; +} - .md\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.focus\:translate-x-8:focus { + --transform-translate-x: 2rem; +} - .md\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; +} - .md\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; +} - .md\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.focus\:translate-x-12:focus { + --transform-translate-x: 3rem; +} - .md\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; +} - .md\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.focus\:translate-x-16:focus { + --transform-translate-x: 4rem; +} - .md\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.focus\:translate-x-20:focus { + --transform-translate-x: 5rem; +} - .md\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.focus\:translate-x-24:focus { + --transform-translate-x: 6rem; +} - .md\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.focus\:translate-x-28:focus { + --transform-translate-x: 7rem; +} - .md\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.focus\:translate-x-32:focus { + --transform-translate-x: 8rem; +} - .md\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.focus\:translate-x-36:focus { + --transform-translate-x: 9rem; +} - .md\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.focus\:translate-x-40:focus { + --transform-translate-x: 10rem; +} - .md\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.focus\:translate-x-44:focus { + --transform-translate-x: 11rem; +} - .md\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.focus\:translate-x-48:focus { + --transform-translate-x: 12rem; +} - .md\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.focus\:translate-x-52:focus { + --transform-translate-x: 13rem; +} - .md\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.focus\:translate-x-56:focus { + --transform-translate-x: 14rem; +} - .md\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.focus\:translate-x-60:focus { + --transform-translate-x: 15rem; +} - .md\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.focus\:translate-x-64:focus { + --transform-translate-x: 16rem; +} - .md\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.focus\:translate-x-72:focus { + --transform-translate-x: 18rem; +} - .md\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.focus\:translate-x-80:focus { + --transform-translate-x: 20rem; +} - .md\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.focus\:translate-x-96:focus { + --transform-translate-x: 24rem; +} - .md\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.focus\:translate-x-px:focus { + --transform-translate-x: 1px; +} - .md\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; +} - .md\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; +} - .md\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; +} - .md\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; +} - .md\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; +} - .md\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; +} - .md\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; +} - .md\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; +} - .md\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; +} - .md\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; +} - .md\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; +} - .md\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; +} - .md\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; +} - .md\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; +} - .md\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; +} - .md\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; +} - .md\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; +} - .md\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; +} - .md\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; +} - .md\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; +} - .md\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; +} - .md\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; +} - .md\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; +} - .md\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; +} - .md\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; +} - .md\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; +} - .md\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; +} - .md\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; +} - .md\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; +} - .md\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; +} - .md\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; +} - .md\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; +} - .md\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.focus\:-translate-x-px:focus { + --transform-translate-x: -1px; +} - .md\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; +} - .md\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; +} - .md\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; +} - .md\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; +} - .md\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; +} - .md\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; +} - .md\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; +} - .md\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; +} - @media (prefers-color-scheme: dark) { - .md\:dark\:bg-transparent { - background-color: transparent; - } +.focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; +} - .md\:dark\:bg-current { - background-color: currentColor; - } +.focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; +} - .md\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.focus\:translate-x-full:focus { + --transform-translate-x: 100%; +} - .md\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; +} - .md\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; +} - .md\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; +} - .md\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; +} - .md\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; +} - .md\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; +} - .md\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.focus\:-translate-x-full:focus { + --transform-translate-x: -100%; +} - .md\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.focus\:translate-y-0:focus { + --transform-translate-y: 0; +} - .md\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; +} - .md\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; +} - .md\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; +} - .md\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.focus\:translate-y-4:focus { + --transform-translate-y: 1rem; +} - .md\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; +} - .md\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; +} - .md\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; +} - .md\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.focus\:translate-y-8:focus { + --transform-translate-y: 2rem; +} - .md\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; +} - .md\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; +} - .md\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.focus\:translate-y-12:focus { + --transform-translate-y: 3rem; +} - .md\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; +} - .md\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.focus\:translate-y-16:focus { + --transform-translate-y: 4rem; +} - .md\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.focus\:translate-y-20:focus { + --transform-translate-y: 5rem; +} - .md\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.focus\:translate-y-24:focus { + --transform-translate-y: 6rem; +} - .md\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.focus\:translate-y-28:focus { + --transform-translate-y: 7rem; +} - .md\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.focus\:translate-y-32:focus { + --transform-translate-y: 8rem; +} - .md\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.focus\:translate-y-36:focus { + --transform-translate-y: 9rem; +} - .md\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.focus\:translate-y-40:focus { + --transform-translate-y: 10rem; +} - .md\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.focus\:translate-y-44:focus { + --transform-translate-y: 11rem; +} - .md\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.focus\:translate-y-48:focus { + --transform-translate-y: 12rem; +} - .md\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.focus\:translate-y-52:focus { + --transform-translate-y: 13rem; +} - .md\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.focus\:translate-y-56:focus { + --transform-translate-y: 14rem; +} - .md\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.focus\:translate-y-60:focus { + --transform-translate-y: 15rem; +} - .md\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.focus\:translate-y-64:focus { + --transform-translate-y: 16rem; +} - .md\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.focus\:translate-y-72:focus { + --transform-translate-y: 18rem; +} - .md\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.focus\:translate-y-80:focus { + --transform-translate-y: 20rem; +} - .md\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.focus\:translate-y-96:focus { + --transform-translate-y: 24rem; +} - .md\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.focus\:translate-y-px:focus { + --transform-translate-y: 1px; +} - .md\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; +} - .md\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; +} - .md\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; +} - .md\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; +} - .md\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; +} - .md\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; +} - .md\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; +} - .md\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; +} - .md\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; +} - .md\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; +} - .md\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; +} - .md\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; +} - .md\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; +} - .md\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; +} - .md\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; +} - .md\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; +} - .md\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; +} - .md\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; +} - .md\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; +} - .md\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; +} - .md\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; +} - .md\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; +} - .md\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; +} - .md\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; +} - .md\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; +} - .md\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; +} - .md\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; +} - .md\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; +} - .md\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; +} - .md\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; +} - .md\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; +} - .md\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; +} - .md\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.focus\:-translate-y-px:focus { + --transform-translate-y: -1px; +} - .md\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; +} - .group:hover .md\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } +.focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; +} - .group:hover .md\:dark\:group-hover\:bg-current { - background-color: currentColor; - } +.focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; +} - .group:hover .md\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; +} - .group:hover .md\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.focus\:translate-y-full:focus { + --transform-translate-y: 100%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; +} - .group:hover .md\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; +} - .group:hover .md\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; +} - .group:hover .md\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; +} - .group:hover .md\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.focus\:-translate-y-full:focus { + --transform-translate-y: -100%; +} - .group:hover .md\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.skew-x-0 { + --transform-skew-x: 0; +} - .group:hover .md\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.skew-x-1 { + --transform-skew-x: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.skew-x-2 { + --transform-skew-x: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.skew-x-3 { + --transform-skew-x: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.skew-x-6 { + --transform-skew-x: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.skew-x-12 { + --transform-skew-x: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.-skew-x-12 { + --transform-skew-x: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.-skew-x-6 { + --transform-skew-x: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.-skew-x-3 { + --transform-skew-x: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.-skew-x-2 { + --transform-skew-x: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.-skew-x-1 { + --transform-skew-x: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.skew-y-0 { + --transform-skew-y: 0; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.skew-y-1 { + --transform-skew-y: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.skew-y-2 { + --transform-skew-y: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.skew-y-3 { + --transform-skew-y: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.skew-y-6 { + --transform-skew-y: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.skew-y-12 { + --transform-skew-y: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.-skew-y-12 { + --transform-skew-y: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.-skew-y-6 { + --transform-skew-y: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +.-skew-y-3 { + --transform-skew-y: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +.-skew-y-2 { + --transform-skew-y: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +.-skew-y-1 { + --transform-skew-y: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +.hover\:skew-x-0:hover { + --transform-skew-x: 0; +} - .group:hover .md\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } +.hover\:skew-x-1:hover { + --transform-skew-x: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.hover\:skew-x-2:hover { + --transform-skew-x: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.hover\:skew-x-3:hover { + --transform-skew-x: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.hover\:skew-x-6:hover { + --transform-skew-x: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.hover\:skew-x-12:hover { + --transform-skew-x: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +.hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } +.hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } +.hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } +.hover\:skew-y-0:hover { + --transform-skew-y: 0; +} - .group:hover .md\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } +.hover\:skew-y-1:hover { + --transform-skew-y: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } +.hover\:skew-y-2:hover { + --transform-skew-y: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } +.hover\:skew-y-3:hover { + --transform-skew-y: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } +.hover\:skew-y-6:hover { + --transform-skew-y: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } +.hover\:skew-y-12:hover { + --transform-skew-y: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } +.hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } +.hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } +.hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } +.hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } +.hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } +.focus\:skew-x-0:focus { + --transform-skew-x: 0; +} - .group:hover .md\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } +.focus\:skew-x-1:focus { + --transform-skew-x: 1deg; +} - .group:hover .md\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } +.focus\:skew-x-2:focus { + --transform-skew-x: 2deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } +.focus\:skew-x-3:focus { + --transform-skew-x: 3deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } +.focus\:skew-x-6:focus { + --transform-skew-x: 6deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } +.focus\:skew-x-12:focus { + --transform-skew-x: 12deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } +.focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } +.focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } +.focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } +.focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } +.focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; +} - .group:hover .md\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } +.focus\:skew-y-0:focus { + --transform-skew-y: 0; +} - .group:hover .md\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } +.focus\:skew-y-1:focus { + --transform-skew-y: 1deg; +} - .md\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } +.focus\:skew-y-2:focus { + --transform-skew-y: 2deg; +} - .md\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } +.focus\:skew-y-3:focus { + --transform-skew-y: 3deg; +} - .md\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } +.focus\:skew-y-6:focus { + --transform-skew-y: 6deg; +} - .md\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } +.focus\:skew-y-12:focus { + --transform-skew-y: 12deg; +} - .md\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } +.focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; +} - .md\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } +.focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; +} - .md\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } +.focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; +} - .md\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } +.focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; +} - .md\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } +.focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; +} - .md\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } +.transition-none { + transition-property: none; +} - .md\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } +.transition-all { + transition-property: all; +} - .md\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } +.transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; +} - .md\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } +.transition-colors { + transition-property: background-color, border-color, color, fill, stroke; +} - .md\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } +.transition-opacity { + transition-property: opacity; +} - .md\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } +.transition-shadow { + transition-property: box-shadow; +} - .md\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } +.transition-transform { + transition-property: transform; +} - .md\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } +.ease-linear { + transition-timing-function: linear; +} - .md\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} - .md\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} - .md\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} - .md\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } +.duration-75 { + transition-duration: 75ms; +} - .md\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } +.duration-100 { + transition-duration: 100ms; +} - .md\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } +.duration-150 { + transition-duration: 150ms; +} - .md\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } +.duration-200 { + transition-duration: 200ms; +} - .md\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } +.duration-300 { + transition-duration: 300ms; +} - .md\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } +.duration-500 { + transition-duration: 500ms; +} - .md\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } +.duration-700 { + transition-duration: 700ms; +} - .md\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } +.duration-1000 { + transition-duration: 1000ms; +} - .md\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } +.delay-75 { + transition-delay: 75ms; +} - .md\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } +.delay-100 { + transition-delay: 100ms; +} - .md\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } +.delay-150 { + transition-delay: 150ms; +} - .md\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } +.delay-200 { + transition-delay: 200ms; +} - .md\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } +.delay-300 { + transition-delay: 300ms; +} - .md\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } +.delay-500 { + transition-delay: 500ms; +} - .md\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } +.delay-700 { + transition-delay: 700ms; +} - .md\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } +.delay-1000 { + transition-delay: 1000ms; +} - .md\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } +@keyframes spin { + to { + transform: rotate(360deg); + } +} - .md\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } +@keyframes ping { + 75%, 100% { + transform: scale(2); + opacity: 0; + } +} - .md\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } +@keyframes pulse { + 50% { + opacity: .5; + } +} - .md\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } - .md\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + 50% { + transform: none; + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} - .md\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } +.animate-none { + animation: none; +} - .md\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } +.animate-spin { + animation: spin 1s linear infinite; +} - .md\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } +.animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; +} - .md\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} - .md\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } +.animate-bounce { + animation: bounce 1s infinite; +} - .md\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +.example { + font-weight: 700; + color: #ef4444; +} - .md\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } +@media (min-width: 640px) { + .sm\:container { + width: 100%; + } - .md\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + @media (min-width: 640px) { + .sm\:container { + max-width: 640px; } + } - .md\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + @media (min-width: 768px) { + .sm\:container { + max-width: 768px; } + } - .md\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + @media (min-width: 1024px) { + .sm\:container { + max-width: 1024px; } + } - .md\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + @media (min-width: 1280px) { + .sm\:container { + max-width: 1280px; } + } - .md\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + @media (min-width: 1536px) { + .sm\:container { + max-width: 1536px; } + } - .md\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .sm\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .sm\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-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)); + } - .md\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .sm\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-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)); + } - .md\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .sm\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-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)); + } - .md\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .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)); + } - .md\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .sm\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-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)); + } - .md\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .sm\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-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)); + } - .md\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-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)); + } - .md\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .sm\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .sm\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .sm\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .sm\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .sm\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .sm\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .sm\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .sm\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .sm\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .sm\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .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)); + } - .md\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .sm\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-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)); + } - .md\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-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)); + } - .md\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-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)); + } - .md\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .sm\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-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)); + } - .md\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .sm\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .sm\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-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)); + } - .md\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + } - .md\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-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)); } - .md\:bg-none { - background-image: none; + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .sm\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .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)); } - .md\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .sm\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 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)); } - .md\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .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)); } - .md\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 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)); } - .md\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .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)); } - .md\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .sm\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .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)); } - .md\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .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)); } - .md\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .sm\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .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)); } - .md\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .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)); } - .md\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .sm\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .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)); } - .md\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .sm\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .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)); } - .md\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .sm\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .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)); } - .md\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .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)); } - .md\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .sm\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .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)); } - .md\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .sm\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .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)); } - .md\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .sm\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .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)); } - .md\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .sm\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .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)); } - .md\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .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)); } - .md\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .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)); } - .md\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .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)); } - .md\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .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)); } - .md\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .sm\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .sm\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .sm\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .md\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .md\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .md\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .md\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .md\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .md\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .md\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .md\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .md\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .md\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .sm\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .md\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .sm\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .md\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .sm\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .md\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .sm\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .md\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .sm\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .md\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .sm\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .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\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .md\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .sm\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .md\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .md\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .md\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .md\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .md\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .md\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .md\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .md\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .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\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .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\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .md\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .md\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .md\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .sm\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .md\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .sm\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .md\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .sm\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .md\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .sm\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .md\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .sm\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .md\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .sm\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .md\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .sm\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .md\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .sm\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .md\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .sm\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .md\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .sm\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .md\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .sm\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .md\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .md\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .md\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .md\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .md\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .md\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .md\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .md\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .md\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .md\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .sm\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .md\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .md\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .md\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .md\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .md\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .md\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .md\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .md\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .md\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .md\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .sm\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .md\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .md\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .md\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .md\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .md\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .md\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .md\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .md\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .md\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .md\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .sm\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .md\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .sm\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .md\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .sm\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .md\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .sm\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .md\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .sm\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .md\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .sm\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .sm\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .sm\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .sm\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .sm\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .md\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .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; } - .md\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .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; } - .md\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .sm\:appearance-none { + appearance: none; } - .md\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .sm\:bg-fixed { + background-attachment: fixed; } - .md\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .sm\:bg-local { + background-attachment: local; } - .md\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .sm\:bg-scroll { + background-attachment: scroll; } - .md\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .sm\:bg-clip-border { + background-clip: border-box; } - .md\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .sm\:bg-clip-padding { + background-clip: padding-box; } - .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\:bg-clip-content { + background-clip: content-box; } - .md\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .sm\:bg-clip-text { + background-clip: text; } - .md\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:bg-transparent { + background-color: transparent; } - .md\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:bg-current { + background-color: currentColor; } - .md\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:to-transparent { - --gradient-to-color: transparent; + .sm\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:to-current { - --gradient-to-color: currentColor; + .sm\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:to-black { - --gradient-to-color: #000; + .sm\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:to-white { - --gradient-to-color: #fff; + .sm\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:to-gray-50 { - --gradient-to-color: #fafafa; + .sm\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .sm\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .sm\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .sm\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .sm\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:to-gray-500 { - --gradient-to-color: #71717a; + .sm\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:to-gray-600 { - --gradient-to-color: #52525b; + .sm\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:to-gray-700 { - --gradient-to-color: #3f3f46; + .sm\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:to-gray-800 { - --gradient-to-color: #27272a; + .sm\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:to-gray-900 { - --gradient-to-color: #18181b; + .sm\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:to-red-50 { - --gradient-to-color: #fef2f2; + .sm\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:to-red-100 { - --gradient-to-color: #fee2e2; + .sm\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:to-red-200 { - --gradient-to-color: #fecaca; + .sm\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:to-red-300 { - --gradient-to-color: #fca5a5; + .sm\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:to-red-400 { - --gradient-to-color: #f87171; + .sm\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:to-red-500 { - --gradient-to-color: #ef4444; + .sm\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:to-red-600 { - --gradient-to-color: #dc2626; + .sm\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:to-red-700 { - --gradient-to-color: #b91c1c; + .sm\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:to-red-800 { - --gradient-to-color: #991b1b; + .sm\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:to-red-900 { - --gradient-to-color: #7f1d1d; + .sm\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .sm\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .sm\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:to-yellow-200 { - --gradient-to-color: #fde68a; + .sm\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .sm\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .sm\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .sm\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:to-yellow-600 { - --gradient-to-color: #d97706; + .sm\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:to-yellow-700 { - --gradient-to-color: #b45309; + .sm\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:to-yellow-800 { - --gradient-to-color: #92400e; + .sm\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:to-yellow-900 { - --gradient-to-color: #78350f; + .sm\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:to-green-50 { - --gradient-to-color: #ecfdf5; + .sm\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:to-green-100 { - --gradient-to-color: #d1fae5; + .sm\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:to-green-200 { - --gradient-to-color: #a7f3d0; + .sm\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:to-green-300 { - --gradient-to-color: #6ee7b7; + .sm\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:to-green-400 { - --gradient-to-color: #34d399; + .sm\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:to-green-500 { - --gradient-to-color: #10b981; + .sm\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:to-green-600 { - --gradient-to-color: #059669; + .sm\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:to-green-700 { - --gradient-to-color: #047857; + .sm\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:to-green-800 { - --gradient-to-color: #065f46; + .sm\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:to-green-900 { - --gradient-to-color: #064e3b; + .sm\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:to-blue-50 { - --gradient-to-color: #eff6ff; + .sm\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:to-blue-100 { - --gradient-to-color: #dbeafe; + .sm\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .sm\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:to-blue-300 { - --gradient-to-color: #93c5fd; + .sm\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:to-blue-400 { - --gradient-to-color: #60a5fa; + .sm\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:to-blue-500 { - --gradient-to-color: #3b82f6; + .sm\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:to-blue-600 { - --gradient-to-color: #2563eb; + .sm\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .sm\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:to-blue-800 { - --gradient-to-color: #1e40af; + .sm\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .sm\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .sm\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:to-purple-100 { - --gradient-to-color: #ede9fe; + .sm\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .sm\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .sm\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:to-purple-400 { - --gradient-to-color: #a78bfa; + .sm\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .sm\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:to-purple-600 { - --gradient-to-color: #7c3aed; + .sm\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:to-purple-700 { - --gradient-to-color: #6d28d9; + .sm\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:to-purple-800 { - --gradient-to-color: #5b21b6; + .sm\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:to-purple-900 { - --gradient-to-color: #4c1d95; + .sm\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .sm\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:to-pink-100 { - --gradient-to-color: #fce7f3; + .sm\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .group:hover .sm\:group-hover\:bg-transparent { + background-color: transparent; } - .md\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .group:hover .sm\:group-hover\:bg-current { + background-color: currentColor; } - .md\:to-pink-400 { - --gradient-to-color: #f472b6; + .group:hover .sm\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:to-pink-500 { - --gradient-to-color: #ec4899; + .group:hover .sm\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:to-pink-600 { - --gradient-to-color: #db2777; + .group:hover .sm\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:to-pink-700 { - --gradient-to-color: #be185d; + .group:hover .sm\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:to-pink-800 { - --gradient-to-color: #9d174d; + .group:hover .sm\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:to-pink-900 { - --gradient-to-color: #831843; + .group:hover .sm\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .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)); + .group:hover .sm\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .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)); + .group:hover .sm\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .sm\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .sm\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .group:hover .sm\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .group:hover .sm\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .group:hover .sm\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .group:hover .sm\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .group:hover .sm\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .group:hover .sm\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .group:hover .sm\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .group:hover .sm\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .group:hover .sm\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .group:hover .sm\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .group:hover .sm\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .group:hover .sm\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .group:hover .sm\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .group:hover .sm\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .group:hover .sm\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .group:hover .sm\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .group:hover .sm\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .group:hover .sm\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .group:hover .sm\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .group:hover .sm\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .group:hover .sm\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .group:hover .sm\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .group:hover .sm\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .group:hover .sm\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .group:hover .sm\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .group:hover .sm\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .group:hover .sm\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .group:hover .sm\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .group:hover .sm\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .group:hover .sm\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .group:hover .sm\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .group:hover .sm\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .group:hover .sm\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .group:hover .sm\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .group:hover .sm\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .group:hover .sm\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .group:hover .sm\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .group:hover .sm\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .group:hover .sm\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .group:hover .sm\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .group:hover .sm\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .group:hover .sm\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .group:hover .sm\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .group:hover .sm\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .group:hover .sm\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .group:hover .sm\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .group:hover .sm\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .group:hover .sm\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .group:hover .sm\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .group:hover .sm\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .group:hover .sm\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .group:hover .sm\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .sm\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .sm\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .sm\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .sm\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .sm\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .sm\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .sm\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .sm\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .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)); + .group:hover .sm\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .sm\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .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\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .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\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .sm\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .sm\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .sm\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .sm\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .sm\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .sm\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .sm\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .sm\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .sm\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .sm\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .sm\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .sm\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .sm\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .sm\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .sm\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .sm\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .sm\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .sm\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .sm\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .sm\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); + } + + .sm\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .sm\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .sm\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .sm\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .sm\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .sm\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .sm\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .sm\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .sm\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .sm\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .sm\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .sm\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .sm\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .sm\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .sm\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .sm\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .sm\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .sm\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .sm\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .sm\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .sm\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .sm\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .sm\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .sm\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .sm\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .sm\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .sm\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .sm\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .sm\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .sm\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .sm\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .sm\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .sm\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .sm\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .sm\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .sm\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .sm\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .sm\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .sm\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .sm\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .sm\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .sm\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .sm\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .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\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .sm\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .sm\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .sm\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .sm\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .sm\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .sm\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .sm\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .sm\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .sm\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .sm\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .sm\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:to-black:hover { - --gradient-to-color: #000; + .sm\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:to-white:hover { - --gradient-to-color: #fff; + .sm\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .sm\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .sm\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .sm\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .sm\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .sm\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .sm\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .sm\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .sm\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .sm\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .sm\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .sm\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .sm\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .sm\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .sm\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .sm\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .sm\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .sm\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .sm\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .sm\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .sm\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .sm\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .sm\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .sm\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .sm\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .sm\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .sm\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .sm\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .sm\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .sm\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .sm\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .sm\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .sm\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .sm\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .sm\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .sm\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .sm\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .sm\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .sm\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .sm\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .sm\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .sm\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .sm\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .sm\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .sm\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .sm\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .sm\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .sm\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .sm\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .sm\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .sm\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .sm\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .sm\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .sm\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .sm\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .sm\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .sm\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .sm\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .sm\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .sm\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .sm\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .sm\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .sm\:bg-none { + background-image: none; } - .md\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .sm\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .sm\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .sm\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .sm\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .sm\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .sm\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .sm\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .sm\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:focus\:from-transparent:focus { + .sm\:from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:from-current:focus { + .sm\:from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:from-black:focus { + .sm\:from-black { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:from-white:focus { + .sm\:from-white { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:from-gray-50:focus { + .sm\:from-gray-50 { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:from-gray-100:focus { + .sm\:from-gray-100 { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:from-gray-200:focus { + .sm\:from-gray-200 { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:from-gray-300:focus { + .sm\:from-gray-300 { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:from-gray-400:focus { + .sm\:from-gray-400 { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:from-gray-500:focus { + .sm\:from-gray-500 { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:from-gray-600:focus { + .sm\:from-gray-600 { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:from-gray-700:focus { + .sm\:from-gray-700 { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:from-gray-800:focus { + .sm\:from-gray-800 { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:from-gray-900:focus { + .sm\:from-gray-900 { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:from-red-50:focus { + .sm\:from-red-50 { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:from-red-100:focus { + .sm\:from-red-100 { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:from-red-200:focus { + .sm\:from-red-200 { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:from-red-300:focus { + .sm\:from-red-300 { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:from-red-400:focus { + .sm\:from-red-400 { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:from-red-500:focus { + .sm\:from-red-500 { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:from-red-600:focus { + .sm\:from-red-600 { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:from-red-700:focus { + .sm\:from-red-700 { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:from-red-800:focus { + .sm\:from-red-800 { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:from-red-900:focus { + .sm\:from-red-900 { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:from-yellow-50:focus { + .sm\:from-yellow-50 { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:from-yellow-100:focus { + .sm\:from-yellow-100 { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:from-yellow-200:focus { + .sm\:from-yellow-200 { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:from-yellow-300:focus { + .sm\:from-yellow-300 { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:from-yellow-400:focus { + .sm\:from-yellow-400 { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:from-yellow-500:focus { + .sm\:from-yellow-500 { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:from-yellow-600:focus { + .sm\:from-yellow-600 { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:from-yellow-700:focus { + .sm\:from-yellow-700 { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:from-yellow-800:focus { + .sm\:from-yellow-800 { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:from-yellow-900:focus { + .sm\:from-yellow-900 { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:from-green-50:focus { + .sm\:from-green-50 { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:from-green-100:focus { + .sm\:from-green-100 { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:from-green-200:focus { + .sm\:from-green-200 { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:from-green-300:focus { + .sm\:from-green-300 { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:from-green-400:focus { + .sm\:from-green-400 { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:from-green-500:focus { + .sm\:from-green-500 { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:from-green-600:focus { + .sm\:from-green-600 { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:from-green-700:focus { + .sm\:from-green-700 { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:from-green-800:focus { + .sm\:from-green-800 { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:from-green-900:focus { + .sm\:from-green-900 { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:from-blue-50:focus { + .sm\:from-blue-50 { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:from-blue-100:focus { + .sm\:from-blue-100 { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:from-blue-200:focus { + .sm\:from-blue-200 { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:from-blue-300:focus { + .sm\:from-blue-300 { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:from-blue-400:focus { + .sm\:from-blue-400 { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:from-blue-500:focus { + .sm\:from-blue-500 { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:from-blue-600:focus { + .sm\:from-blue-600 { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:from-blue-700:focus { + .sm\:from-blue-700 { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:from-blue-800:focus { + .sm\:from-blue-800 { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:from-blue-900:focus { + .sm\:from-blue-900 { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:from-purple-50:focus { + .sm\:from-purple-50 { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:from-purple-100:focus { + .sm\:from-purple-100 { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:from-purple-200:focus { + .sm\:from-purple-200 { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:from-purple-300:focus { + .sm\:from-purple-300 { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:from-purple-400:focus { + .sm\:from-purple-400 { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:from-purple-500:focus { + .sm\:from-purple-500 { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:from-purple-600:focus { + .sm\:from-purple-600 { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:from-purple-700:focus { + .sm\:from-purple-700 { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:from-purple-800:focus { + .sm\:from-purple-800 { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:from-purple-900:focus { + .sm\:from-purple-900 { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:from-pink-50:focus { + .sm\: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\:from-pink-100:focus { + .sm\:from-pink-100 { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:from-pink-200:focus { + .sm\:from-pink-200 { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:from-pink-300:focus { + .sm\:from-pink-300 { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:from-pink-400:focus { + .sm\:from-pink-400 { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:from-pink-500:focus { + .sm\:from-pink-500 { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:from-pink-600:focus { + .sm\:from-pink-600 { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:from-pink-700:focus { + .sm\:from-pink-700 { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:from-pink-800:focus { + .sm\:from-pink-800 { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:from-pink-900:focus { + .sm\:from-pink-900 { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:via-transparent:focus { + .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)); } - .md\:focus\:via-current:focus { + .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)); } - .md\:focus\:via-black:focus { + .sm\:via-black { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:via-white:focus { + .sm\:via-white { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:via-gray-50:focus { + .sm\:via-gray-50 { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:via-gray-100:focus { + .sm\:via-gray-100 { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:via-gray-200:focus { + .sm\:via-gray-200 { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:via-gray-300:focus { + .sm\:via-gray-300 { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:via-gray-400:focus { + .sm\:via-gray-400 { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:via-gray-500:focus { + .sm\:via-gray-500 { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:via-gray-600:focus { + .sm\:via-gray-600 { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:via-gray-700:focus { + .sm\:via-gray-700 { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:via-gray-800:focus { + .sm\:via-gray-800 { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:via-gray-900:focus { + .sm\:via-gray-900 { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:via-red-50:focus { + .sm\:via-red-50 { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:via-red-100:focus { + .sm\:via-red-100 { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:via-red-200:focus { + .sm\:via-red-200 { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:via-red-300:focus { + .sm\:via-red-300 { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:via-red-400:focus { + .sm\:via-red-400 { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:via-red-500:focus { + .sm\:via-red-500 { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:via-red-600:focus { + .sm\:via-red-600 { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:via-red-700:focus { + .sm\:via-red-700 { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:via-red-800:focus { + .sm\:via-red-800 { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:via-red-900:focus { + .sm\:via-red-900 { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:via-yellow-50:focus { + .sm\:via-yellow-50 { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:via-yellow-100:focus { + .sm\:via-yellow-100 { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:via-yellow-200:focus { + .sm\:via-yellow-200 { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:via-yellow-300:focus { + .sm\:via-yellow-300 { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:via-yellow-400:focus { + .sm\:via-yellow-400 { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:via-yellow-500:focus { + .sm\:via-yellow-500 { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:via-yellow-600:focus { + .sm\:via-yellow-600 { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:via-yellow-700:focus { + .sm\:via-yellow-700 { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:via-yellow-800:focus { + .sm\:via-yellow-800 { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:via-yellow-900:focus { + .sm\:via-yellow-900 { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:via-green-50:focus { + .sm\:via-green-50 { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:via-green-100:focus { + .sm\:via-green-100 { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:via-green-200:focus { + .sm\:via-green-200 { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:via-green-300:focus { + .sm\:via-green-300 { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:via-green-400:focus { + .sm\:via-green-400 { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:via-green-500:focus { + .sm\:via-green-500 { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:via-green-600:focus { + .sm\:via-green-600 { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:via-green-700:focus { + .sm\:via-green-700 { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:via-green-800:focus { + .sm\:via-green-800 { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:via-green-900:focus { + .sm\:via-green-900 { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:via-blue-50:focus { + .sm\:via-blue-50 { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:via-blue-100:focus { + .sm\:via-blue-100 { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:via-blue-200:focus { + .sm\:via-blue-200 { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:via-blue-300:focus { + .sm\:via-blue-300 { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:via-blue-400:focus { + .sm\:via-blue-400 { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:via-blue-500:focus { + .sm\:via-blue-500 { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:via-blue-600:focus { + .sm\:via-blue-600 { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:via-blue-700:focus { + .sm\:via-blue-700 { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:via-blue-800:focus { + .sm\:via-blue-800 { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:via-blue-900:focus { + .sm\:via-blue-900 { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:via-purple-50:focus { + .sm\:via-purple-50 { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:via-purple-100:focus { + .sm\:via-purple-100 { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:via-purple-200:focus { + .sm\:via-purple-200 { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:via-purple-300:focus { + .sm\:via-purple-300 { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:via-purple-400:focus { + .sm\:via-purple-400 { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:via-purple-500:focus { + .sm\:via-purple-500 { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:via-purple-600:focus { + .sm\:via-purple-600 { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:via-purple-700:focus { + .sm\:via-purple-700 { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:via-purple-800:focus { + .sm\:via-purple-800 { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:via-purple-900:focus { + .sm\:via-purple-900 { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:via-pink-50:focus { + .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)); } - .md\:focus\:via-pink-100:focus { + .sm\:via-pink-100 { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:via-pink-200:focus { + .sm\:via-pink-200 { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:via-pink-300:focus { + .sm\:via-pink-300 { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:via-pink-400:focus { + .sm\:via-pink-400 { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:via-pink-500:focus { + .sm\:via-pink-500 { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:via-pink-600:focus { + .sm\:via-pink-600 { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:via-pink-700:focus { + .sm\:via-pink-700 { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:via-pink-800:focus { + .sm\:via-pink-800 { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:via-pink-900:focus { + .sm\:via-pink-900 { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:to-transparent:focus { + .sm\:to-transparent { --gradient-to-color: transparent; } - .md\:focus\:to-current:focus { + .sm\:to-current { --gradient-to-color: currentColor; } - .md\:focus\:to-black:focus { + .sm\:to-black { --gradient-to-color: #000; } - .md\:focus\:to-white:focus { + .sm\:to-white { --gradient-to-color: #fff; } - .md\:focus\:to-gray-50:focus { + .sm\:to-gray-50 { --gradient-to-color: #fafafa; } - .md\:focus\:to-gray-100:focus { + .sm\:to-gray-100 { --gradient-to-color: #f4f4f5; } - .md\:focus\:to-gray-200:focus { + .sm\:to-gray-200 { --gradient-to-color: #e4e4e7; } - .md\:focus\:to-gray-300:focus { + .sm\:to-gray-300 { --gradient-to-color: #d4d4d8; } - .md\:focus\:to-gray-400:focus { + .sm\:to-gray-400 { --gradient-to-color: #a1a1aa; } - .md\:focus\:to-gray-500:focus { + .sm\:to-gray-500 { --gradient-to-color: #71717a; } - .md\:focus\:to-gray-600:focus { + .sm\:to-gray-600 { --gradient-to-color: #52525b; } - .md\:focus\:to-gray-700:focus { + .sm\:to-gray-700 { --gradient-to-color: #3f3f46; } - .md\:focus\:to-gray-800:focus { + .sm\:to-gray-800 { --gradient-to-color: #27272a; } - .md\:focus\:to-gray-900:focus { + .sm\:to-gray-900 { --gradient-to-color: #18181b; } - .md\:focus\:to-red-50:focus { + .sm\:to-red-50 { --gradient-to-color: #fef2f2; } - .md\:focus\:to-red-100:focus { + .sm\:to-red-100 { --gradient-to-color: #fee2e2; } - .md\:focus\:to-red-200:focus { + .sm\:to-red-200 { --gradient-to-color: #fecaca; } - .md\:focus\:to-red-300:focus { + .sm\:to-red-300 { --gradient-to-color: #fca5a5; } - .md\:focus\:to-red-400:focus { + .sm\:to-red-400 { --gradient-to-color: #f87171; } - .md\:focus\:to-red-500:focus { + .sm\:to-red-500 { --gradient-to-color: #ef4444; } - .md\:focus\:to-red-600:focus { + .sm\:to-red-600 { --gradient-to-color: #dc2626; } - .md\:focus\:to-red-700:focus { + .sm\:to-red-700 { --gradient-to-color: #b91c1c; } - .md\:focus\:to-red-800:focus { + .sm\:to-red-800 { --gradient-to-color: #991b1b; } - .md\:focus\:to-red-900:focus { + .sm\:to-red-900 { --gradient-to-color: #7f1d1d; } - .md\:focus\:to-yellow-50:focus { + .sm\:to-yellow-50 { --gradient-to-color: #fffbeb; } - .md\:focus\:to-yellow-100:focus { + .sm\:to-yellow-100 { --gradient-to-color: #fef3c7; } - .md\:focus\:to-yellow-200:focus { + .sm\:to-yellow-200 { --gradient-to-color: #fde68a; } - .md\:focus\:to-yellow-300:focus { + .sm\:to-yellow-300 { --gradient-to-color: #fcd34d; } - .md\:focus\:to-yellow-400:focus { + .sm\:to-yellow-400 { --gradient-to-color: #fbbf24; } - .md\:focus\:to-yellow-500:focus { + .sm\:to-yellow-500 { --gradient-to-color: #f59e0b; } - .md\:focus\:to-yellow-600:focus { + .sm\:to-yellow-600 { --gradient-to-color: #d97706; } - .md\:focus\:to-yellow-700:focus { + .sm\:to-yellow-700 { --gradient-to-color: #b45309; } - .md\:focus\:to-yellow-800:focus { + .sm\:to-yellow-800 { --gradient-to-color: #92400e; } - .md\:focus\:to-yellow-900:focus { + .sm\:to-yellow-900 { --gradient-to-color: #78350f; } - .md\:focus\:to-green-50:focus { + .sm\:to-green-50 { --gradient-to-color: #ecfdf5; } - .md\:focus\:to-green-100:focus { + .sm\:to-green-100 { --gradient-to-color: #d1fae5; } - .md\:focus\:to-green-200:focus { + .sm\:to-green-200 { --gradient-to-color: #a7f3d0; } - .md\:focus\:to-green-300:focus { + .sm\:to-green-300 { --gradient-to-color: #6ee7b7; } - .md\:focus\:to-green-400:focus { + .sm\:to-green-400 { --gradient-to-color: #34d399; } - .md\:focus\:to-green-500:focus { + .sm\:to-green-500 { --gradient-to-color: #10b981; } - .md\:focus\:to-green-600:focus { + .sm\:to-green-600 { --gradient-to-color: #059669; } - .md\:focus\:to-green-700:focus { + .sm\:to-green-700 { --gradient-to-color: #047857; } - .md\:focus\:to-green-800:focus { + .sm\:to-green-800 { --gradient-to-color: #065f46; } - .md\:focus\:to-green-900:focus { + .sm\:to-green-900 { --gradient-to-color: #064e3b; } - .md\:focus\:to-blue-50:focus { + .sm\:to-blue-50 { --gradient-to-color: #eff6ff; } - .md\:focus\:to-blue-100:focus { + .sm\:to-blue-100 { --gradient-to-color: #dbeafe; } - .md\:focus\:to-blue-200:focus { + .sm\:to-blue-200 { --gradient-to-color: #bfdbfe; } - .md\:focus\:to-blue-300:focus { + .sm\:to-blue-300 { --gradient-to-color: #93c5fd; } - .md\:focus\:to-blue-400:focus { + .sm\:to-blue-400 { --gradient-to-color: #60a5fa; } - .md\:focus\:to-blue-500:focus { + .sm\:to-blue-500 { --gradient-to-color: #3b82f6; } - .md\:focus\:to-blue-600:focus { + .sm\:to-blue-600 { --gradient-to-color: #2563eb; } - .md\:focus\:to-blue-700:focus { + .sm\:to-blue-700 { --gradient-to-color: #1d4ed8; } - .md\:focus\:to-blue-800:focus { + .sm\:to-blue-800 { --gradient-to-color: #1e40af; } - .md\:focus\:to-blue-900:focus { + .sm\:to-blue-900 { --gradient-to-color: #1e3a8a; } - .md\:focus\:to-purple-50:focus { + .sm\:to-purple-50 { --gradient-to-color: #f5f3ff; } - .md\:focus\:to-purple-100:focus { + .sm\:to-purple-100 { --gradient-to-color: #ede9fe; } - .md\:focus\:to-purple-200:focus { + .sm\:to-purple-200 { --gradient-to-color: #ddd6fe; } - .md\:focus\:to-purple-300:focus { + .sm\:to-purple-300 { --gradient-to-color: #c4b5fd; } - .md\:focus\:to-purple-400:focus { + .sm\:to-purple-400 { --gradient-to-color: #a78bfa; } - .md\:focus\:to-purple-500:focus { + .sm\:to-purple-500 { --gradient-to-color: #8b5cf6; } - .md\:focus\:to-purple-600:focus { + .sm\:to-purple-600 { --gradient-to-color: #7c3aed; } - .md\:focus\:to-purple-700:focus { + .sm\:to-purple-700 { --gradient-to-color: #6d28d9; } - .md\:focus\:to-purple-800:focus { + .sm\:to-purple-800 { --gradient-to-color: #5b21b6; } - .md\:focus\:to-purple-900:focus { + .sm\:to-purple-900 { --gradient-to-color: #4c1d95; } - .md\:focus\:to-pink-50:focus { + .sm\:to-pink-50 { --gradient-to-color: #fdf2f8; } - .md\:focus\:to-pink-100:focus { + .sm\:to-pink-100 { --gradient-to-color: #fce7f3; } - .md\:focus\:to-pink-200:focus { + .sm\:to-pink-200 { --gradient-to-color: #fbcfe8; } - .md\:focus\:to-pink-300:focus { + .sm\:to-pink-300 { --gradient-to-color: #f9a8d4; } - .md\:focus\:to-pink-400:focus { + .sm\:to-pink-400 { --gradient-to-color: #f472b6; } - .md\:focus\:to-pink-500:focus { + .sm\:to-pink-500 { --gradient-to-color: #ec4899; } - .md\:focus\:to-pink-600:focus { + .sm\:to-pink-600 { --gradient-to-color: #db2777; } - .md\:focus\:to-pink-700:focus { + .sm\:to-pink-700 { --gradient-to-color: #be185d; } - .md\:focus\:to-pink-800:focus { + .sm\:to-pink-800 { --gradient-to-color: #9d174d; } - .md\:focus\:to-pink-900:focus { + .sm\:to-pink-900 { --gradient-to-color: #831843; } - @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)); - } - - .md\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .md\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .md\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .md\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .md\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .md\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .md\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .md\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .md\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .md\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .md\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .md\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .md\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .md\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .md\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .md\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .md\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .md\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .md\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .md\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .md\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .md\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .md\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .md\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .md\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .md\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .md\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .md\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .md\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .md\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .md\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .md\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .md\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .md\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .md\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .md\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .md\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .md\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .md\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .md\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .md\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .md\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .md\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .md\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .md\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .md\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .md\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .md\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .md\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .md\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .md\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .md\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .md\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .md\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .md\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .md\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .md\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .md\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .md\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .md\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .md\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .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)); - } - - .md\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .md\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .md\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .md\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .md\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .md\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .md\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .md\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .md\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .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)); - } - - .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)); - } - - .md\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .md\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .md\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .md\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .md\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .md\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .md\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .md\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .md\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .md\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .md\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .md\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .md\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .md\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .md\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .md\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .md\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .md\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .md\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .md\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .md\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .md\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .md\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .md\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .md\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .md\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .md\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .md\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .md\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .md\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .md\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .md\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .md\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .md\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .md\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .md\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .md\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .md\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .md\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .md\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .md\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .md\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .md\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .md\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .md\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .md\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .md\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .md\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .md\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .md\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .md\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .md\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .md\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .md\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .md\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .md\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .md\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .md\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .md\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .md\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .md\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .md\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .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)); - } - - .md\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .md\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .md\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .md\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .md\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .md\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .md\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .md\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .md\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .md\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .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)); + } - .md\:dark\:to-current { - --gradient-to-color: currentColor; - } + .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)); + } - .md\:dark\:to-black { - --gradient-to-color: #000; - } + .sm\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:to-white { - --gradient-to-color: #fff; - } + .sm\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .sm\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .sm\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .sm\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .sm\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .sm\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .sm\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .sm\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .sm\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .sm\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .sm\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .sm\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .sm\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .sm\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .sm\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .sm\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .sm\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .sm\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .sm\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .sm\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .sm\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .sm\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .sm\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .sm\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .sm\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .sm\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .sm\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .sm\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .sm\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .sm\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .sm\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .sm\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .sm\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .sm\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .sm\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .sm\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .sm\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .sm\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .sm\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .sm\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .sm\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .sm\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .sm\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .sm\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .sm\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .sm\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .sm\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .sm\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .sm\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .sm\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .sm\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .sm\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .sm\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .sm\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .sm\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .sm\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .sm\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .sm\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .sm\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .sm\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .sm\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .md\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .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)); + } - .md\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .sm\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .sm\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .sm\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .sm\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .sm\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .sm\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .sm\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .sm\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .sm\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .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\: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\: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\: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\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .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\: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\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .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\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .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\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .md\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:hover\:to-black:hover { + --gradient-to-color: #000; + } - .md\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:hover\:to-white:hover { + --gradient-to-color: #fff; + } - .md\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; + } - .md\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; + } - .md\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; + } - .md\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; + } - .md\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; + } - .md\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; + } - .md\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; + } - .md\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; + } - .md\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; + } - .md\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; + } - .md\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; + } - .md\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; + } - .md\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; + } - .md\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; + } - .md\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; + } - .md\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; + } - .md\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; + } - .md\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; + } - .md\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; + } - .md\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; + } - .md\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; + } - .md\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; + } - .md\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; + } - .md\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; + } - .md\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; + } - .md\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; + } - .md\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; + } - .md\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; + } - .md\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; + } - .md\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; + } - .md\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; + } - .md\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; + } - .md\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; + } - .md\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; + } - .md\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; + } - .md\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; + } - .md\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:hover\:to-green-600:hover { + --gradient-to-color: #059669; + } - .md\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:hover\:to-green-700:hover { + --gradient-to-color: #047857; + } - .md\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; + } - .md\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; + } - .md\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; + } - .md\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; + } - .md\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; + } - .md\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; + } - .md\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; + } - .md\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; + } - .md\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; + } - .md\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; + } - .md\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; + } - .md\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; + } - .md\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; + } - .md\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; + } - .md\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; + } - .md\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; + } - .md\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; + } - .md\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; + } - .md\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; + } - .md\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; + } - .md\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; + } - .md\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; + } - .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\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .md\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; + } - .md\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; + } - .md\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; + } - .md\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; + } - .md\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; + } - .md\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; + } - .md\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; + } - .md\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; + } - .md\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; + } - .md\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .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)); + } - .md\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .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)); + } - .md\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .sm\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .sm\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .sm\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .sm\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .sm\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .sm\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .sm\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .sm\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .sm\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .sm\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .sm\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .sm\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .sm\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .sm\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .sm\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .sm\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .sm\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .sm\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .sm\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .sm\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .sm\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .sm\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .sm\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .sm\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .sm\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .sm\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .sm\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .sm\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .sm\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .sm\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .sm\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .sm\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .sm\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .sm\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .sm\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .sm\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .sm\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .sm\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .sm\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .sm\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .sm\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .sm\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .sm\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .sm\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .sm\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .sm\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .sm\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .sm\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .sm\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .sm\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .sm\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .sm\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .sm\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .sm\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .sm\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .sm\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .sm\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .sm\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .sm\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .sm\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .sm\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .sm\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .md\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .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\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .sm\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .sm\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .sm\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .sm\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .sm\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .sm\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .sm\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .sm\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .sm\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .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\: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\: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\: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\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .md\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .md\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .md\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .md\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .md\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .md\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .md\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .md\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .md\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .md\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .md\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .md\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .md\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .md\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .md\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .md\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .md\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .md\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .md\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .md\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .md\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .md\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .md\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .md\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .md\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .md\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .md\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .md\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .md\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .md\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .md\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .md\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .md\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .md\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .md\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .md\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .md\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .md\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .md\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .md\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .md\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .md\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .md\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .md\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .md\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .md\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .md\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .md\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .md\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .md\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .md\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .md\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .md\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .md\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .md\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .md\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .md\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .md\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .md\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .md\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .md\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .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\: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\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .md\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .md\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .md\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .md\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .md\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .md\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .md\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .md\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 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\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .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\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .md\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .sm\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .md\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .sm\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .md\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .sm\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .md\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .sm\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .md\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .sm\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .md\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .sm\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .md\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .sm\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .md\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .sm\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .md\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .sm\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .md\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .sm\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .md\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .sm\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .md\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .sm\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .md\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .sm\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .md\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .sm\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .md\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .sm\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .md\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .sm\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .md\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .sm\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .md\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .sm\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .md\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .sm\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .md\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .sm\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .md\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .sm\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .md\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .sm\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .md\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .sm\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .md\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .sm\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .md\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .sm\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .md\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .sm\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .md\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .sm\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .md\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .sm\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .md\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .sm\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .md\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .sm\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .md\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .sm\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .md\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .sm\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .md\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .sm\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .md\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .sm\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .md\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .sm\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .md\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .sm\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .md\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .sm\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .md\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .sm\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .md\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .sm\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .md\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .sm\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .md\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .sm\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .md\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .sm\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .md\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .sm\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .md\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .sm\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .md\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .sm\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .md\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .sm\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .md\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .sm\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .md\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .sm\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .md\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .sm\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .md\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .sm\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .md\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .sm\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .md\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .sm\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .md\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .sm\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .md\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .sm\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .md\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .sm\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .md\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .sm\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .md\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .sm\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .md\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .sm\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .md\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .sm\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .md\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .sm\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .md\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .sm\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .md\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .sm\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .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\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .md\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .sm\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .md\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .sm\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .md\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .sm\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .md\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .sm\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .md\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .sm\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .md\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .sm\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .md\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .sm\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .md\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .sm\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .md\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .sm\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; + } - .md\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .sm\:bg-opacity-0 { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .sm\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .sm\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .sm\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .sm\:bg-opacity-100 { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .group:hover .sm\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .group:hover .sm\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .group:hover .sm\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .group:hover .sm\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .group:hover .sm\:group-hover\:bg-opacity-100 { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .sm\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .sm\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .sm\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .sm\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .sm\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .sm\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; + } - .md\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .sm\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; + } - .md\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .sm\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; + } - .md\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .sm\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; + } - .md\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .sm\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; + } - .md\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .sm\:bg-bottom { + background-position: bottom; + } - .md\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .sm\:bg-center { + background-position: center; + } - .md\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .sm\:bg-left { + background-position: left; + } - .md\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .sm\:bg-left-bottom { + background-position: left bottom; + } - .md\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .sm\:bg-left-top { + background-position: left top; + } - .md\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .sm\:bg-right { + background-position: right; + } - .md\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .sm\:bg-right-bottom { + background-position: right bottom; + } - .md\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .sm\:bg-right-top { + background-position: right top; + } - .md\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .sm\:bg-top { + background-position: top; + } - .md\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .sm\:bg-repeat { + background-repeat: repeat; + } - .md\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } - .md\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } - .md\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } - .md\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .sm\:bg-repeat-round { + background-repeat: round; + } - .md\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .sm\:bg-repeat-space { + background-repeat: space; + } - .md\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .sm\:bg-auto { + background-size: auto; + } - .md\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .sm\:bg-cover { + background-size: cover; + } - .md\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .sm\:bg-contain { + background-size: contain; + } - .md\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .sm\:border-collapse { + border-collapse: collapse; + } - .md\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .sm\:border-separate { + border-collapse: separate; + } - .md\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .sm\:border-transparent { + border-color: transparent; + } - .md\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .sm\:border-current { + border-color: currentColor; + } - .md\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .sm\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .md\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .sm\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .sm\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .sm\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .sm\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .sm\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .sm\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .sm\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .sm\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .sm\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .sm\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); + } - .md\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .sm\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .sm\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .sm\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .sm\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .sm\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .sm\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .sm\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .sm\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .sm\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .sm\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .md\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .sm\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .sm\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .sm\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .sm\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .sm\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .sm\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .sm\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .sm\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .sm\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .sm\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .md\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .sm\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .md\:bg-opacity-0 { - --bg-opacity: 0; + .sm\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .md\:bg-opacity-25 { - --bg-opacity: 0.25; + .sm\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .md\:bg-opacity-50 { - --bg-opacity: 0.5; + .sm\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .md\:bg-opacity-75 { - --bg-opacity: 0.75; + .sm\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .md\:bg-opacity-100 { - --bg-opacity: 1; + .sm\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; + .sm\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; + .sm\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; + .sm\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; + .sm\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .group:hover .md\:group-hover\:bg-opacity-100 { - --bg-opacity: 1; + .sm\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .md\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .sm\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .md\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .sm\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .md\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .sm\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .md\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .sm\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .md\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .sm\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .md\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .sm\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .md\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .sm\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .md\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .sm\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .md\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .sm\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .md\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .sm\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .md\:bg-bottom { - background-position: bottom; + .sm\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .md\:bg-center { - background-position: center; + .sm\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .md\:bg-left { - background-position: left; + .sm\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .md\:bg-left-bottom { - background-position: left bottom; + .sm\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .md\:bg-left-top { - background-position: left top; + .sm\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .md\:bg-right { - background-position: right; + .sm\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .md\:bg-right-bottom { - background-position: right bottom; + .sm\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .md\:bg-right-top { - background-position: right top; + .sm\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .md\:bg-top { - background-position: top; + .sm\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .md\:bg-repeat { - background-repeat: repeat; + .sm\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .sm\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .md\:bg-repeat-x { - background-repeat: repeat-x; + .sm\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .sm\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .md\:bg-repeat-round { - background-repeat: round; + .sm\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .md\:bg-repeat-space { - background-repeat: space; + .sm\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .md\:bg-auto { - background-size: auto; + .sm\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .md\:bg-cover { - background-size: cover; + .sm\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .md\:bg-contain { - background-size: contain; + .sm\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .md\:border-collapse { - border-collapse: collapse; + .sm\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .md\:border-separate { - border-collapse: separate; + .sm\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .md\:border-transparent { + .group:hover .sm\:group-hover\:border-transparent { border-color: transparent; } - .md\:border-current { + .group:hover .sm\:group-hover\:border-current { border-color: currentColor; } - .md\:border-black { + .group:hover .sm\:group-hover\:border-black { --border-opacity: 1; border-color: rgba(0, 0, 0, var(--border-opacity)); } - .md\:border-white { + .group:hover .sm\:group-hover\:border-white { --border-opacity: 1; border-color: rgba(255, 255, 255, var(--border-opacity)); } - .md\:border-gray-50 { + .group:hover .sm\:group-hover\:border-gray-50 { --border-opacity: 1; border-color: rgba(250, 250, 250, var(--border-opacity)); } - .md\:border-gray-100 { + .group:hover .sm\:group-hover\:border-gray-100 { --border-opacity: 1; border-color: rgba(244, 244, 245, var(--border-opacity)); } - .md\:border-gray-200 { + .group:hover .sm\:group-hover\:border-gray-200 { --border-opacity: 1; border-color: rgba(228, 228, 231, var(--border-opacity)); } - .md\:border-gray-300 { + .group:hover .sm\:group-hover\:border-gray-300 { --border-opacity: 1; border-color: rgba(212, 212, 216, var(--border-opacity)); } - .md\:border-gray-400 { + .group:hover .sm\:group-hover\:border-gray-400 { --border-opacity: 1; border-color: rgba(161, 161, 170, var(--border-opacity)); } - .md\:border-gray-500 { + .group:hover .sm\:group-hover\:border-gray-500 { --border-opacity: 1; border-color: rgba(113, 113, 122, var(--border-opacity)); } - .md\:border-gray-600 { + .group:hover .sm\:group-hover\:border-gray-600 { --border-opacity: 1; border-color: rgba(82, 82, 91, var(--border-opacity)); } - .md\:border-gray-700 { + .group:hover .sm\:group-hover\:border-gray-700 { --border-opacity: 1; border-color: rgba(63, 63, 70, var(--border-opacity)); } - .md\:border-gray-800 { + .group:hover .sm\:group-hover\:border-gray-800 { --border-opacity: 1; border-color: rgba(39, 39, 42, var(--border-opacity)); } - .md\:border-gray-900 { + .group:hover .sm\:group-hover\:border-gray-900 { --border-opacity: 1; border-color: rgba(24, 24, 27, var(--border-opacity)); } - .md\:border-red-50 { + .group:hover .sm\:group-hover\:border-red-50 { --border-opacity: 1; border-color: rgba(254, 242, 242, var(--border-opacity)); } - .md\:border-red-100 { + .group:hover .sm\:group-hover\:border-red-100 { --border-opacity: 1; border-color: rgba(254, 226, 226, var(--border-opacity)); } - .md\:border-red-200 { + .group:hover .sm\:group-hover\:border-red-200 { --border-opacity: 1; border-color: rgba(254, 202, 202, var(--border-opacity)); } - .md\:border-red-300 { + .group:hover .sm\:group-hover\:border-red-300 { --border-opacity: 1; border-color: rgba(252, 165, 165, var(--border-opacity)); } - .md\:border-red-400 { + .group:hover .sm\:group-hover\:border-red-400 { --border-opacity: 1; border-color: rgba(248, 113, 113, var(--border-opacity)); } - .md\:border-red-500 { + .group:hover .sm\:group-hover\:border-red-500 { --border-opacity: 1; border-color: rgba(239, 68, 68, var(--border-opacity)); } - .md\:border-red-600 { + .group:hover .sm\:group-hover\:border-red-600 { --border-opacity: 1; border-color: rgba(220, 38, 38, var(--border-opacity)); } - .md\:border-red-700 { + .group:hover .sm\:group-hover\:border-red-700 { --border-opacity: 1; border-color: rgba(185, 28, 28, var(--border-opacity)); } - .md\:border-red-800 { + .group:hover .sm\:group-hover\:border-red-800 { --border-opacity: 1; border-color: rgba(153, 27, 27, var(--border-opacity)); } - .md\:border-red-900 { + .group:hover .sm\:group-hover\:border-red-900 { --border-opacity: 1; border-color: rgba(127, 29, 29, var(--border-opacity)); } - .md\:border-yellow-50 { + .group:hover .sm\:group-hover\:border-yellow-50 { --border-opacity: 1; border-color: rgba(255, 251, 235, var(--border-opacity)); } - .md\:border-yellow-100 { + .group:hover .sm\:group-hover\:border-yellow-100 { --border-opacity: 1; border-color: rgba(254, 243, 199, var(--border-opacity)); } - .md\:border-yellow-200 { + .group:hover .sm\:group-hover\:border-yellow-200 { --border-opacity: 1; border-color: rgba(253, 230, 138, var(--border-opacity)); } - .md\:border-yellow-300 { + .group:hover .sm\:group-hover\:border-yellow-300 { --border-opacity: 1; border-color: rgba(252, 211, 77, var(--border-opacity)); } - .md\:border-yellow-400 { + .group:hover .sm\:group-hover\:border-yellow-400 { --border-opacity: 1; border-color: rgba(251, 191, 36, var(--border-opacity)); } - .md\:border-yellow-500 { + .group:hover .sm\:group-hover\:border-yellow-500 { --border-opacity: 1; border-color: rgba(245, 158, 11, var(--border-opacity)); } - .md\:border-yellow-600 { + .group:hover .sm\:group-hover\:border-yellow-600 { --border-opacity: 1; border-color: rgba(217, 119, 6, var(--border-opacity)); } - .md\:border-yellow-700 { + .group:hover .sm\:group-hover\:border-yellow-700 { --border-opacity: 1; border-color: rgba(180, 83, 9, var(--border-opacity)); } - .md\:border-yellow-800 { + .group:hover .sm\:group-hover\:border-yellow-800 { --border-opacity: 1; border-color: rgba(146, 64, 14, var(--border-opacity)); } - .md\:border-yellow-900 { + .group:hover .sm\:group-hover\:border-yellow-900 { --border-opacity: 1; border-color: rgba(120, 53, 15, var(--border-opacity)); } - .md\:border-green-50 { + .group:hover .sm\:group-hover\:border-green-50 { --border-opacity: 1; border-color: rgba(236, 253, 245, var(--border-opacity)); } - .md\:border-green-100 { + .group:hover .sm\:group-hover\:border-green-100 { --border-opacity: 1; border-color: rgba(209, 250, 229, var(--border-opacity)); } - .md\:border-green-200 { + .group:hover .sm\:group-hover\:border-green-200 { --border-opacity: 1; border-color: rgba(167, 243, 208, var(--border-opacity)); } - .md\:border-green-300 { + .group:hover .sm\:group-hover\:border-green-300 { --border-opacity: 1; border-color: rgba(110, 231, 183, var(--border-opacity)); } - .md\:border-green-400 { + .group:hover .sm\:group-hover\:border-green-400 { --border-opacity: 1; border-color: rgba(52, 211, 153, var(--border-opacity)); } - .md\:border-green-500 { + .group:hover .sm\:group-hover\:border-green-500 { --border-opacity: 1; border-color: rgba(16, 185, 129, var(--border-opacity)); } - .md\:border-green-600 { + .group:hover .sm\:group-hover\:border-green-600 { --border-opacity: 1; border-color: rgba(5, 150, 105, var(--border-opacity)); } - .md\:border-green-700 { + .group:hover .sm\:group-hover\:border-green-700 { --border-opacity: 1; border-color: rgba(4, 120, 87, var(--border-opacity)); } - .md\:border-green-800 { + .group:hover .sm\:group-hover\:border-green-800 { --border-opacity: 1; border-color: rgba(6, 95, 70, var(--border-opacity)); } - .md\:border-green-900 { + .group:hover .sm\:group-hover\:border-green-900 { --border-opacity: 1; border-color: rgba(6, 78, 59, var(--border-opacity)); } - .md\:border-blue-50 { + .group:hover .sm\:group-hover\:border-blue-50 { --border-opacity: 1; border-color: rgba(239, 246, 255, var(--border-opacity)); } - .md\:border-blue-100 { + .group:hover .sm\:group-hover\:border-blue-100 { --border-opacity: 1; border-color: rgba(219, 234, 254, var(--border-opacity)); } - .md\:border-blue-200 { + .group:hover .sm\:group-hover\:border-blue-200 { --border-opacity: 1; border-color: rgba(191, 219, 254, var(--border-opacity)); } - .md\:border-blue-300 { + .group:hover .sm\:group-hover\:border-blue-300 { --border-opacity: 1; border-color: rgba(147, 197, 253, var(--border-opacity)); } - .md\:border-blue-400 { + .group:hover .sm\:group-hover\:border-blue-400 { --border-opacity: 1; border-color: rgba(96, 165, 250, var(--border-opacity)); } - .md\:border-blue-500 { + .group:hover .sm\:group-hover\:border-blue-500 { --border-opacity: 1; border-color: rgba(59, 130, 246, var(--border-opacity)); } - .md\:border-blue-600 { + .group:hover .sm\:group-hover\:border-blue-600 { --border-opacity: 1; border-color: rgba(37, 99, 235, var(--border-opacity)); } - .md\:border-blue-700 { + .group:hover .sm\:group-hover\:border-blue-700 { --border-opacity: 1; border-color: rgba(29, 78, 216, var(--border-opacity)); } - .md\:border-blue-800 { + .group:hover .sm\:group-hover\:border-blue-800 { --border-opacity: 1; border-color: rgba(30, 64, 175, var(--border-opacity)); } - .md\:border-blue-900 { + .group:hover .sm\:group-hover\:border-blue-900 { --border-opacity: 1; border-color: rgba(30, 58, 138, var(--border-opacity)); } - .md\:border-purple-50 { + .group:hover .sm\:group-hover\:border-purple-50 { --border-opacity: 1; border-color: rgba(245, 243, 255, var(--border-opacity)); } - .md\:border-purple-100 { + .group:hover .sm\:group-hover\:border-purple-100 { --border-opacity: 1; border-color: rgba(237, 233, 254, var(--border-opacity)); } - .md\:border-purple-200 { + .group:hover .sm\:group-hover\:border-purple-200 { --border-opacity: 1; border-color: rgba(221, 214, 254, var(--border-opacity)); } - .md\:border-purple-300 { + .group:hover .sm\:group-hover\:border-purple-300 { --border-opacity: 1; border-color: rgba(196, 181, 253, var(--border-opacity)); } - .md\:border-purple-400 { + .group:hover .sm\:group-hover\:border-purple-400 { --border-opacity: 1; border-color: rgba(167, 139, 250, var(--border-opacity)); } - .md\:border-purple-500 { + .group:hover .sm\:group-hover\:border-purple-500 { --border-opacity: 1; border-color: rgba(139, 92, 246, var(--border-opacity)); } - .md\:border-purple-600 { + .group:hover .sm\:group-hover\:border-purple-600 { --border-opacity: 1; border-color: rgba(124, 58, 237, var(--border-opacity)); } - .md\:border-purple-700 { + .group:hover .sm\:group-hover\:border-purple-700 { --border-opacity: 1; border-color: rgba(109, 40, 217, var(--border-opacity)); } - .md\:border-purple-800 { + .group:hover .sm\:group-hover\:border-purple-800 { --border-opacity: 1; border-color: rgba(91, 33, 182, var(--border-opacity)); } - .md\:border-purple-900 { + .group:hover .sm\:group-hover\:border-purple-900 { --border-opacity: 1; border-color: rgba(76, 29, 149, var(--border-opacity)); } - .md\:border-pink-50 { + .group:hover .sm\:group-hover\:border-pink-50 { --border-opacity: 1; border-color: rgba(253, 242, 248, var(--border-opacity)); } - .md\:border-pink-100 { + .group:hover .sm\:group-hover\:border-pink-100 { --border-opacity: 1; border-color: rgba(252, 231, 243, var(--border-opacity)); } - .md\:border-pink-200 { + .group:hover .sm\:group-hover\:border-pink-200 { --border-opacity: 1; border-color: rgba(251, 207, 232, var(--border-opacity)); } - .md\:border-pink-300 { + .group:hover .sm\:group-hover\:border-pink-300 { --border-opacity: 1; border-color: rgba(249, 168, 212, var(--border-opacity)); } - .md\:border-pink-400 { + .group:hover .sm\:group-hover\:border-pink-400 { --border-opacity: 1; border-color: rgba(244, 114, 182, var(--border-opacity)); } - .md\:border-pink-500 { + .group:hover .sm\:group-hover\:border-pink-500 { --border-opacity: 1; border-color: rgba(236, 72, 153, var(--border-opacity)); } - .md\:border-pink-600 { + .group:hover .sm\:group-hover\:border-pink-600 { --border-opacity: 1; border-color: rgba(219, 39, 119, var(--border-opacity)); } - .md\:border-pink-700 { + .group:hover .sm\:group-hover\:border-pink-700 { --border-opacity: 1; border-color: rgba(190, 24, 93, var(--border-opacity)); } - .md\:border-pink-800 { + .group:hover .sm\:group-hover\:border-pink-800 { --border-opacity: 1; border-color: rgba(157, 23, 77, var(--border-opacity)); } - .md\:border-pink-900 { + .group:hover .sm\:group-hover\:border-pink-900 { --border-opacity: 1; border-color: rgba(131, 24, 67, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-transparent { + .sm\:hover\:border-transparent:hover { border-color: transparent; } - .group:hover .md\:group-hover\:border-current { + .sm\:hover\:border-current:hover { border-color: currentColor; } - .group:hover .md\:group-hover\:border-black { + .sm\:hover\:border-black:hover { --border-opacity: 1; border-color: rgba(0, 0, 0, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-white { + .sm\:hover\:border-white:hover { --border-opacity: 1; border-color: rgba(255, 255, 255, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-50 { + .sm\:hover\:border-gray-50:hover { --border-opacity: 1; border-color: rgba(250, 250, 250, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-100 { + .sm\:hover\:border-gray-100:hover { --border-opacity: 1; border-color: rgba(244, 244, 245, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-200 { + .sm\:hover\:border-gray-200:hover { --border-opacity: 1; border-color: rgba(228, 228, 231, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-300 { + .sm\:hover\:border-gray-300:hover { --border-opacity: 1; border-color: rgba(212, 212, 216, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-400 { + .sm\:hover\:border-gray-400:hover { --border-opacity: 1; border-color: rgba(161, 161, 170, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-500 { + .sm\:hover\:border-gray-500:hover { --border-opacity: 1; border-color: rgba(113, 113, 122, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-600 { + .sm\:hover\:border-gray-600:hover { --border-opacity: 1; border-color: rgba(82, 82, 91, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-700 { + .sm\:hover\:border-gray-700:hover { --border-opacity: 1; border-color: rgba(63, 63, 70, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-800 { + .sm\:hover\:border-gray-800:hover { --border-opacity: 1; border-color: rgba(39, 39, 42, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-gray-900 { + .sm\:hover\:border-gray-900:hover { --border-opacity: 1; border-color: rgba(24, 24, 27, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-50 { + .sm\:hover\:border-red-50:hover { --border-opacity: 1; border-color: rgba(254, 242, 242, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-100 { + .sm\:hover\:border-red-100:hover { --border-opacity: 1; border-color: rgba(254, 226, 226, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-200 { + .sm\:hover\:border-red-200:hover { --border-opacity: 1; border-color: rgba(254, 202, 202, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-300 { + .sm\:hover\:border-red-300:hover { --border-opacity: 1; border-color: rgba(252, 165, 165, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-400 { + .sm\:hover\:border-red-400:hover { --border-opacity: 1; border-color: rgba(248, 113, 113, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-500 { + .sm\:hover\:border-red-500:hover { --border-opacity: 1; border-color: rgba(239, 68, 68, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-600 { + .sm\:hover\:border-red-600:hover { --border-opacity: 1; border-color: rgba(220, 38, 38, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-700 { + .sm\:hover\:border-red-700:hover { --border-opacity: 1; border-color: rgba(185, 28, 28, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-800 { + .sm\:hover\:border-red-800:hover { --border-opacity: 1; border-color: rgba(153, 27, 27, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-red-900 { + .sm\:hover\:border-red-900:hover { --border-opacity: 1; border-color: rgba(127, 29, 29, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-50 { + .sm\:hover\:border-yellow-50:hover { --border-opacity: 1; border-color: rgba(255, 251, 235, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-100 { + .sm\:hover\:border-yellow-100:hover { --border-opacity: 1; border-color: rgba(254, 243, 199, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-200 { + .sm\:hover\:border-yellow-200:hover { --border-opacity: 1; border-color: rgba(253, 230, 138, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-300 { + .sm\:hover\:border-yellow-300:hover { --border-opacity: 1; border-color: rgba(252, 211, 77, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-400 { + .sm\:hover\:border-yellow-400:hover { --border-opacity: 1; border-color: rgba(251, 191, 36, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-500 { + .sm\:hover\:border-yellow-500:hover { --border-opacity: 1; border-color: rgba(245, 158, 11, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-600 { + .sm\:hover\:border-yellow-600:hover { --border-opacity: 1; border-color: rgba(217, 119, 6, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-700 { + .sm\:hover\:border-yellow-700:hover { --border-opacity: 1; border-color: rgba(180, 83, 9, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-800 { + .sm\:hover\:border-yellow-800:hover { --border-opacity: 1; border-color: rgba(146, 64, 14, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-yellow-900 { + .sm\:hover\:border-yellow-900:hover { --border-opacity: 1; border-color: rgba(120, 53, 15, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-50 { + .sm\:hover\:border-green-50:hover { --border-opacity: 1; border-color: rgba(236, 253, 245, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-100 { + .sm\:hover\:border-green-100:hover { --border-opacity: 1; border-color: rgba(209, 250, 229, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-200 { + .sm\:hover\:border-green-200:hover { --border-opacity: 1; border-color: rgba(167, 243, 208, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-300 { + .sm\:hover\:border-green-300:hover { --border-opacity: 1; border-color: rgba(110, 231, 183, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-400 { + .sm\:hover\:border-green-400:hover { --border-opacity: 1; border-color: rgba(52, 211, 153, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-500 { + .sm\:hover\:border-green-500:hover { --border-opacity: 1; border-color: rgba(16, 185, 129, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-600 { + .sm\:hover\:border-green-600:hover { --border-opacity: 1; border-color: rgba(5, 150, 105, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-700 { + .sm\:hover\:border-green-700:hover { --border-opacity: 1; border-color: rgba(4, 120, 87, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-800 { + .sm\:hover\:border-green-800:hover { --border-opacity: 1; border-color: rgba(6, 95, 70, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-green-900 { + .sm\:hover\:border-green-900:hover { --border-opacity: 1; border-color: rgba(6, 78, 59, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-50 { + .sm\:hover\:border-blue-50:hover { --border-opacity: 1; border-color: rgba(239, 246, 255, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-100 { + .sm\:hover\:border-blue-100:hover { --border-opacity: 1; border-color: rgba(219, 234, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-200 { + .sm\:hover\:border-blue-200:hover { --border-opacity: 1; border-color: rgba(191, 219, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-300 { + .sm\:hover\:border-blue-300:hover { --border-opacity: 1; border-color: rgba(147, 197, 253, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-400 { + .sm\:hover\:border-blue-400:hover { --border-opacity: 1; border-color: rgba(96, 165, 250, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-500 { + .sm\:hover\:border-blue-500:hover { --border-opacity: 1; border-color: rgba(59, 130, 246, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-600 { + .sm\:hover\:border-blue-600:hover { --border-opacity: 1; border-color: rgba(37, 99, 235, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-700 { + .sm\:hover\:border-blue-700:hover { --border-opacity: 1; border-color: rgba(29, 78, 216, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-800 { + .sm\:hover\:border-blue-800:hover { --border-opacity: 1; border-color: rgba(30, 64, 175, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-blue-900 { + .sm\:hover\:border-blue-900:hover { --border-opacity: 1; border-color: rgba(30, 58, 138, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-50 { + .sm\:hover\:border-purple-50:hover { --border-opacity: 1; border-color: rgba(245, 243, 255, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-100 { + .sm\:hover\:border-purple-100:hover { --border-opacity: 1; border-color: rgba(237, 233, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-200 { + .sm\:hover\:border-purple-200:hover { --border-opacity: 1; border-color: rgba(221, 214, 254, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-300 { + .sm\:hover\:border-purple-300:hover { --border-opacity: 1; border-color: rgba(196, 181, 253, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-400 { + .sm\:hover\:border-purple-400:hover { --border-opacity: 1; border-color: rgba(167, 139, 250, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-500 { + .sm\:hover\:border-purple-500:hover { --border-opacity: 1; border-color: rgba(139, 92, 246, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-600 { + .sm\:hover\:border-purple-600:hover { --border-opacity: 1; border-color: rgba(124, 58, 237, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-700 { + .sm\:hover\:border-purple-700:hover { --border-opacity: 1; border-color: rgba(109, 40, 217, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-800 { + .sm\:hover\:border-purple-800:hover { --border-opacity: 1; border-color: rgba(91, 33, 182, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-purple-900 { + .sm\:hover\:border-purple-900:hover { --border-opacity: 1; border-color: rgba(76, 29, 149, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-50 { + .sm\:hover\:border-pink-50:hover { --border-opacity: 1; border-color: rgba(253, 242, 248, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-100 { + .sm\:hover\:border-pink-100:hover { --border-opacity: 1; border-color: rgba(252, 231, 243, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-200 { + .sm\:hover\:border-pink-200:hover { --border-opacity: 1; border-color: rgba(251, 207, 232, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-300 { + .sm\:hover\:border-pink-300:hover { --border-opacity: 1; border-color: rgba(249, 168, 212, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-400 { + .sm\:hover\:border-pink-400:hover { --border-opacity: 1; border-color: rgba(244, 114, 182, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-500 { + .sm\:hover\:border-pink-500:hover { --border-opacity: 1; border-color: rgba(236, 72, 153, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-600 { + .sm\:hover\:border-pink-600:hover { --border-opacity: 1; border-color: rgba(219, 39, 119, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-700 { + .sm\:hover\:border-pink-700:hover { --border-opacity: 1; border-color: rgba(190, 24, 93, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-800 { + .sm\:hover\:border-pink-800:hover { --border-opacity: 1; border-color: rgba(157, 23, 77, var(--border-opacity)); } - .group:hover .md\:group-hover\:border-pink-900 { + .sm\:hover\:border-pink-900:hover { --border-opacity: 1; border-color: rgba(131, 24, 67, var(--border-opacity)); } - .md\:hover\:border-transparent:hover { + .sm\:focus\:border-transparent:focus { border-color: transparent; } - .md\:hover\:border-current:hover { + .sm\:focus\:border-current:focus { border-color: currentColor; } - .md\:hover\:border-black:hover { + .sm\:focus\:border-black:focus { --border-opacity: 1; border-color: rgba(0, 0, 0, var(--border-opacity)); } - .md\:hover\:border-white:hover { + .sm\:focus\:border-white:focus { --border-opacity: 1; border-color: rgba(255, 255, 255, var(--border-opacity)); } - .md\:hover\:border-gray-50:hover { + .sm\:focus\:border-gray-50:focus { --border-opacity: 1; border-color: rgba(250, 250, 250, var(--border-opacity)); } - .md\:hover\:border-gray-100:hover { + .sm\:focus\:border-gray-100:focus { --border-opacity: 1; border-color: rgba(244, 244, 245, var(--border-opacity)); } - .md\:hover\:border-gray-200:hover { + .sm\:focus\:border-gray-200:focus { --border-opacity: 1; border-color: rgba(228, 228, 231, var(--border-opacity)); } - .md\:hover\:border-gray-300:hover { + .sm\:focus\:border-gray-300:focus { --border-opacity: 1; border-color: rgba(212, 212, 216, var(--border-opacity)); } - .md\:hover\:border-gray-400:hover { + .sm\:focus\:border-gray-400:focus { --border-opacity: 1; border-color: rgba(161, 161, 170, var(--border-opacity)); } - .md\:hover\:border-gray-500:hover { + .sm\:focus\:border-gray-500:focus { --border-opacity: 1; border-color: rgba(113, 113, 122, var(--border-opacity)); } - .md\:hover\:border-gray-600:hover { + .sm\:focus\:border-gray-600:focus { --border-opacity: 1; border-color: rgba(82, 82, 91, var(--border-opacity)); } - .md\:hover\:border-gray-700:hover { + .sm\:focus\:border-gray-700:focus { --border-opacity: 1; border-color: rgba(63, 63, 70, var(--border-opacity)); } - .md\:hover\:border-gray-800:hover { + .sm\:focus\:border-gray-800:focus { --border-opacity: 1; border-color: rgba(39, 39, 42, var(--border-opacity)); } - .md\:hover\:border-gray-900:hover { + .sm\:focus\:border-gray-900:focus { --border-opacity: 1; border-color: rgba(24, 24, 27, var(--border-opacity)); } - .md\:hover\:border-red-50:hover { + .sm\:focus\:border-red-50:focus { --border-opacity: 1; border-color: rgba(254, 242, 242, var(--border-opacity)); } - .md\:hover\:border-red-100:hover { + .sm\:focus\:border-red-100:focus { --border-opacity: 1; border-color: rgba(254, 226, 226, var(--border-opacity)); } - .md\:hover\:border-red-200:hover { + .sm\:focus\:border-red-200:focus { --border-opacity: 1; border-color: rgba(254, 202, 202, var(--border-opacity)); } - .md\:hover\:border-red-300:hover { + .sm\:focus\:border-red-300:focus { --border-opacity: 1; border-color: rgba(252, 165, 165, var(--border-opacity)); } - .md\:hover\:border-red-400:hover { + .sm\:focus\:border-red-400:focus { --border-opacity: 1; border-color: rgba(248, 113, 113, var(--border-opacity)); } - .md\:hover\:border-red-500:hover { + .sm\:focus\:border-red-500:focus { --border-opacity: 1; border-color: rgba(239, 68, 68, var(--border-opacity)); } - .md\:hover\:border-red-600:hover { + .sm\:focus\:border-red-600:focus { --border-opacity: 1; border-color: rgba(220, 38, 38, var(--border-opacity)); } - .md\:hover\:border-red-700:hover { + .sm\:focus\:border-red-700:focus { --border-opacity: 1; border-color: rgba(185, 28, 28, var(--border-opacity)); } - .md\:hover\:border-red-800:hover { + .sm\:focus\:border-red-800:focus { --border-opacity: 1; border-color: rgba(153, 27, 27, var(--border-opacity)); } - .md\:hover\:border-red-900:hover { + .sm\:focus\:border-red-900:focus { --border-opacity: 1; border-color: rgba(127, 29, 29, var(--border-opacity)); } - .md\:hover\:border-yellow-50:hover { + .sm\:focus\:border-yellow-50:focus { --border-opacity: 1; border-color: rgba(255, 251, 235, var(--border-opacity)); } - .md\:hover\:border-yellow-100:hover { + .sm\:focus\:border-yellow-100:focus { --border-opacity: 1; border-color: rgba(254, 243, 199, var(--border-opacity)); } - .md\:hover\:border-yellow-200:hover { + .sm\:focus\:border-yellow-200:focus { --border-opacity: 1; border-color: rgba(253, 230, 138, var(--border-opacity)); } - .md\:hover\:border-yellow-300:hover { + .sm\:focus\:border-yellow-300:focus { --border-opacity: 1; border-color: rgba(252, 211, 77, var(--border-opacity)); } - .md\:hover\:border-yellow-400:hover { + .sm\:focus\:border-yellow-400:focus { --border-opacity: 1; border-color: rgba(251, 191, 36, var(--border-opacity)); } - .md\:hover\:border-yellow-500:hover { + .sm\:focus\:border-yellow-500:focus { --border-opacity: 1; border-color: rgba(245, 158, 11, var(--border-opacity)); } - .md\:hover\:border-yellow-600:hover { + .sm\:focus\:border-yellow-600:focus { --border-opacity: 1; border-color: rgba(217, 119, 6, var(--border-opacity)); } - .md\:hover\:border-yellow-700:hover { + .sm\:focus\:border-yellow-700:focus { --border-opacity: 1; border-color: rgba(180, 83, 9, var(--border-opacity)); } - .md\:hover\:border-yellow-800:hover { + .sm\:focus\:border-yellow-800:focus { --border-opacity: 1; border-color: rgba(146, 64, 14, var(--border-opacity)); } - .md\:hover\:border-yellow-900:hover { + .sm\:focus\:border-yellow-900:focus { --border-opacity: 1; border-color: rgba(120, 53, 15, var(--border-opacity)); } - .md\:hover\:border-green-50:hover { + .sm\:focus\:border-green-50:focus { --border-opacity: 1; border-color: rgba(236, 253, 245, var(--border-opacity)); } - .md\:hover\:border-green-100:hover { + .sm\:focus\:border-green-100:focus { --border-opacity: 1; border-color: rgba(209, 250, 229, var(--border-opacity)); } - .md\:hover\:border-green-200:hover { + .sm\:focus\:border-green-200:focus { --border-opacity: 1; border-color: rgba(167, 243, 208, var(--border-opacity)); } - .md\:hover\:border-green-300:hover { + .sm\:focus\:border-green-300:focus { --border-opacity: 1; border-color: rgba(110, 231, 183, var(--border-opacity)); } - .md\:hover\:border-green-400:hover { + .sm\:focus\:border-green-400:focus { --border-opacity: 1; border-color: rgba(52, 211, 153, var(--border-opacity)); } - .md\:hover\:border-green-500:hover { + .sm\:focus\:border-green-500:focus { --border-opacity: 1; border-color: rgba(16, 185, 129, var(--border-opacity)); } - .md\:hover\:border-green-600:hover { + .sm\:focus\:border-green-600:focus { --border-opacity: 1; border-color: rgba(5, 150, 105, var(--border-opacity)); } - .md\:hover\:border-green-700:hover { + .sm\:focus\:border-green-700:focus { --border-opacity: 1; border-color: rgba(4, 120, 87, var(--border-opacity)); } - .md\:hover\:border-green-800:hover { + .sm\:focus\:border-green-800:focus { --border-opacity: 1; border-color: rgba(6, 95, 70, var(--border-opacity)); } - .md\:hover\:border-green-900:hover { + .sm\:focus\:border-green-900:focus { --border-opacity: 1; border-color: rgba(6, 78, 59, var(--border-opacity)); } - .md\:hover\:border-blue-50:hover { + .sm\:focus\:border-blue-50:focus { --border-opacity: 1; border-color: rgba(239, 246, 255, var(--border-opacity)); } - .md\:hover\:border-blue-100:hover { + .sm\:focus\:border-blue-100:focus { --border-opacity: 1; border-color: rgba(219, 234, 254, var(--border-opacity)); } - .md\:hover\:border-blue-200:hover { + .sm\:focus\:border-blue-200:focus { --border-opacity: 1; border-color: rgba(191, 219, 254, var(--border-opacity)); } - .md\:hover\:border-blue-300:hover { + .sm\:focus\:border-blue-300:focus { --border-opacity: 1; border-color: rgba(147, 197, 253, var(--border-opacity)); } - .md\:hover\:border-blue-400:hover { + .sm\:focus\:border-blue-400:focus { --border-opacity: 1; border-color: rgba(96, 165, 250, var(--border-opacity)); } - .md\:hover\:border-blue-500:hover { + .sm\:focus\:border-blue-500:focus { --border-opacity: 1; border-color: rgba(59, 130, 246, var(--border-opacity)); } - .md\:hover\:border-blue-600:hover { + .sm\:focus\:border-blue-600:focus { --border-opacity: 1; border-color: rgba(37, 99, 235, var(--border-opacity)); } - .md\:hover\:border-blue-700:hover { + .sm\:focus\:border-blue-700:focus { --border-opacity: 1; border-color: rgba(29, 78, 216, var(--border-opacity)); } - .md\:hover\:border-blue-800:hover { + .sm\:focus\:border-blue-800:focus { --border-opacity: 1; border-color: rgba(30, 64, 175, var(--border-opacity)); } - .md\:hover\:border-blue-900:hover { + .sm\:focus\:border-blue-900:focus { --border-opacity: 1; border-color: rgba(30, 58, 138, var(--border-opacity)); } - .md\:hover\:border-purple-50:hover { + .sm\:focus\:border-purple-50:focus { --border-opacity: 1; border-color: rgba(245, 243, 255, var(--border-opacity)); } - .md\:hover\:border-purple-100:hover { + .sm\:focus\:border-purple-100:focus { --border-opacity: 1; border-color: rgba(237, 233, 254, var(--border-opacity)); } - .md\:hover\:border-purple-200:hover { + .sm\:focus\:border-purple-200:focus { --border-opacity: 1; border-color: rgba(221, 214, 254, var(--border-opacity)); } - .md\:hover\:border-purple-300:hover { + .sm\:focus\:border-purple-300:focus { --border-opacity: 1; border-color: rgba(196, 181, 253, var(--border-opacity)); } - .md\:hover\:border-purple-400:hover { + .sm\:focus\:border-purple-400:focus { --border-opacity: 1; border-color: rgba(167, 139, 250, var(--border-opacity)); } - .md\:hover\:border-purple-500:hover { + .sm\:focus\:border-purple-500:focus { --border-opacity: 1; border-color: rgba(139, 92, 246, var(--border-opacity)); } - .md\:hover\:border-purple-600:hover { + .sm\:focus\:border-purple-600:focus { --border-opacity: 1; border-color: rgba(124, 58, 237, var(--border-opacity)); } - .md\:hover\:border-purple-700:hover { + .sm\:focus\:border-purple-700:focus { --border-opacity: 1; border-color: rgba(109, 40, 217, var(--border-opacity)); } - .md\:hover\:border-purple-800:hover { + .sm\:focus\:border-purple-800:focus { --border-opacity: 1; border-color: rgba(91, 33, 182, var(--border-opacity)); } - .md\:hover\:border-purple-900:hover { + .sm\:focus\:border-purple-900:focus { --border-opacity: 1; border-color: rgba(76, 29, 149, var(--border-opacity)); } - .md\:hover\:border-pink-50:hover { + .sm\:focus\:border-pink-50:focus { --border-opacity: 1; border-color: rgba(253, 242, 248, var(--border-opacity)); } - .md\:hover\:border-pink-100:hover { + .sm\:focus\:border-pink-100:focus { --border-opacity: 1; border-color: rgba(252, 231, 243, var(--border-opacity)); } - .md\:hover\:border-pink-200:hover { + .sm\:focus\:border-pink-200:focus { --border-opacity: 1; border-color: rgba(251, 207, 232, var(--border-opacity)); } - .md\:hover\:border-pink-300:hover { + .sm\:focus\:border-pink-300:focus { --border-opacity: 1; border-color: rgba(249, 168, 212, var(--border-opacity)); } - .md\:hover\:border-pink-400:hover { + .sm\:focus\:border-pink-400:focus { --border-opacity: 1; border-color: rgba(244, 114, 182, var(--border-opacity)); } - .md\:hover\:border-pink-500:hover { + .sm\:focus\:border-pink-500:focus { --border-opacity: 1; border-color: rgba(236, 72, 153, var(--border-opacity)); } - .md\:hover\:border-pink-600:hover { + .sm\:focus\:border-pink-600:focus { --border-opacity: 1; border-color: rgba(219, 39, 119, var(--border-opacity)); } - .md\:hover\:border-pink-700:hover { + .sm\:focus\:border-pink-700:focus { --border-opacity: 1; border-color: rgba(190, 24, 93, var(--border-opacity)); } - .md\:hover\:border-pink-800:hover { + .sm\:focus\:border-pink-800:focus { --border-opacity: 1; border-color: rgba(157, 23, 77, var(--border-opacity)); } - .md\:hover\:border-pink-900:hover { + .sm\:focus\:border-pink-900:focus { --border-opacity: 1; border-color: rgba(131, 24, 67, var(--border-opacity)); } - .md\:focus\:border-transparent:focus { - border-color: transparent; + .sm\:border-opacity-0 { + --border-opacity: 0; } - .md\:focus\:border-current:focus { - border-color: currentColor; + .sm\:border-opacity-25 { + --border-opacity: 0.25; } - .md\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .sm\:border-opacity-50 { + --border-opacity: 0.5; } - .md\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .sm\:border-opacity-75 { + --border-opacity: 0.75; } - .md\:focus\:border-gray-50:focus { + .sm\:border-opacity-100 { --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); } - .md\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-0 { + --border-opacity: 0; } - .md\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; } - .md\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; } - .md\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .group:hover .sm\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; } - .md\:focus\:border-gray-500:focus { + .group:hover .sm\:group-hover\:border-opacity-100 { --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); } - .md\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .sm\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .md\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .sm\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .md\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .sm\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .md\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .sm\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .md\:focus\:border-red-50:focus { + .sm\:hover\:border-opacity-100:hover { --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); } - .md\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .sm\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .md\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .sm\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .md\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .sm\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .md\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .sm\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .md\:focus\:border-red-500:focus { + .sm\:focus\:border-opacity-100:focus { --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); } - .md\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .sm\:rounded-none { + border-radius: 0; } - .md\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .sm\:rounded-sm { + border-radius: 0.125rem; } - .md\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .sm\:rounded { + border-radius: 0.25rem; } - .md\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .sm\:rounded-md { + border-radius: 0.375rem; } - .md\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .sm\:rounded-lg { + border-radius: 0.5rem; } - .md\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .sm\:rounded-xl { + border-radius: 0.75rem; } - .md\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .sm\:rounded-2xl { + border-radius: 1rem; } - .md\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .sm\:rounded-3xl { + border-radius: 1.5rem; } - .md\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .sm\:rounded-full { + border-radius: 9999px; } - .md\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .md\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .md\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .md\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .md\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .md\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .md\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .md\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .md\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .md\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .md\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .md\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .md\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .md\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .md\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .md\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .md\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .md\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .md\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .md\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .md\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .sm\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .md\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .sm\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .md\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .sm\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .md\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .sm\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .md\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .sm\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .md\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .sm\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .md\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .sm\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .md\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .sm\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .md\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .sm\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .md\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .sm\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .md\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .sm\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .md\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .sm\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .md\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .md\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .md\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .sm\:rounded-tl-none { + border-top-left-radius: 0; } - .md\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .sm\:rounded-tr-none { + border-top-right-radius: 0; } - .md\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .sm\:rounded-br-none { + border-bottom-right-radius: 0; } - .md\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; } - .md\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .md\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .md\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .md\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .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-xl { + border-top-left-radius: 0.75rem; + } + + .sm\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } + + .sm\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } + + .sm\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } + + .sm\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } + + .sm\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } + + .sm\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } + + .sm\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } + + .sm\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } + + .sm\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } + + .sm\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } + + .sm\:rounded-bl-3xl { + border-bottom-left-radius: 1.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; } - .md\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .sm\:inline-block { + display: inline-block; } - @media (prefers-color-scheme: dark) { - .md\:dark\:border-transparent { - border-color: transparent; - } + .sm\:inline { + display: inline; + } - .md\:dark\:border-current { - border-color: currentColor; - } + .sm\:flex { + display: flex; + } - .md\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:inline-flex { + display: inline-flex; + } - .md\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:table { + display: table; + } - .md\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:table-caption { + display: table-caption; + } - .md\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:table-cell { + display: table-cell; + } - .md\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:table-column { + display: table-column; + } - .md\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:table-column-group { + display: table-column-group; + } - .md\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:table-footer-group { + display: table-footer-group; + } - .md\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:table-header-group { + display: table-header-group; + } - .md\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:table-row-group { + display: table-row-group; + } - .md\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:table-row { + display: table-row; + } - .md\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:flow-root { + display: flow-root; + } - .md\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:grid { + display: grid; + } - .md\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:inline-grid { + display: inline-grid; + } - .md\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:contents { + display: contents; + } - .md\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:hidden { + display: none; + } - .md\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:flex-row { + flex-direction: row; + } - .md\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } - .md\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:flex-col { + flex-direction: column; + } - .md\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } - .md\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:flex-wrap { + flex-wrap: wrap; + } - .md\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .md\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } - .md\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:place-items-auto { + place-items: auto; + } - .md\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:place-items-start { + place-items: start; + } - .md\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:place-items-end { + place-items: end; + } - .md\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:place-items-center { + place-items: center; + } - .md\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:place-items-stretch { + place-items: stretch; + } - .md\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:place-content-center { + place-content: center; + } - .md\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:place-content-start { + place-content: start; + } - .md\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:place-content-end { + place-content: end; + } - .md\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:place-content-between { + place-content: space-between; + } - .md\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:place-content-around { + place-content: space-around; + } - .md\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:place-content-evenly { + place-content: space-evenly; + } - .md\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:place-content-stretch { + place-content: stretch; + } - .md\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:place-self-auto { + place-self: auto; + } - .md\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:place-self-start { + place-self: start; + } - .md\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:place-self-end { + place-self: end; + } - .md\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:place-self-center { + place-self: center; + } - .md\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:place-self-stretch { + place-self: stretch; + } - .md\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:items-start { + align-items: flex-start; + } - .md\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:items-end { + align-items: flex-end; + } - .md\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:items-center { + align-items: center; + } - .md\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:items-baseline { + align-items: baseline; + } - .md\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:items-stretch { + align-items: stretch; + } - .md\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:content-center { + align-content: center; + } - .md\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:content-start { + align-content: flex-start; + } - .md\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:content-end { + align-content: flex-end; + } - .md\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:content-between { + align-content: space-between; + } - .md\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:content-around { + align-content: space-around; + } - .md\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:content-evenly { + align-content: space-evenly; + } - .md\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:self-auto { + align-self: auto; + } - .md\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:self-start { + align-self: flex-start; + } - .md\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:self-end { + align-self: flex-end; + } - .md\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:self-center { + align-self: center; + } - .md\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:self-stretch { + align-self: stretch; + } - .md\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:justify-items-auto { + justify-items: auto; + } - .md\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:justify-items-start { + justify-items: start; + } - .md\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:justify-items-end { + justify-items: end; + } - .md\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:justify-items-center { + justify-items: center; + } - .md\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:justify-items-stretch { + justify-items: stretch; + } - .md\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:justify-start { + justify-content: flex-start; + } - .md\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:justify-end { + justify-content: flex-end; + } - .md\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:justify-center { + justify-content: center; + } - .md\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:justify-between { + justify-content: space-between; + } - .md\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:justify-around { + justify-content: space-around; + } - .md\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:justify-evenly { + justify-content: space-evenly; + } - .md\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:justify-self-auto { + justify-self: auto; + } - .md\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:justify-self-start { + justify-self: start; + } - .md\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:justify-self-end { + justify-self: end; + } - .md\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:justify-self-center { + justify-self: center; + } - .md\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:justify-self-stretch { + justify-self: stretch; + } - .md\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:flex-1 { + flex: 1 1 0%; + } - .group:hover .md\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .sm\:flex-auto { + flex: 1 1 auto; + } - .group:hover .md\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .sm\:flex-initial { + flex: 0 1 auto; + } - .group:hover .md\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:flex-none { + flex: none; + } - .group:hover .md\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:flex-grow-0 { + flex-grow: 0; + } - .group:hover .md\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:flex-grow { + flex-grow: 1; + } - .group:hover .md\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:flex-shrink-0 { + flex-shrink: 0; + } - .group:hover .md\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:flex-shrink { + flex-shrink: 1; + } - .group:hover .md\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:order-1 { + order: 1; + } - .group:hover .md\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:order-2 { + order: 2; + } - .group:hover .md\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:order-3 { + order: 3; + } - .group:hover .md\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:order-4 { + order: 4; + } - .group:hover .md\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:order-5 { + order: 5; + } - .group:hover .md\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:order-6 { + order: 6; + } - .group:hover .md\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:order-7 { + order: 7; + } - .group:hover .md\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:order-8 { + order: 8; + } - .group:hover .md\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:order-9 { + order: 9; + } - .group:hover .md\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:order-10 { + order: 10; + } - .group:hover .md\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:order-11 { + order: 11; + } - .group:hover .md\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:order-12 { + order: 12; + } - .group:hover .md\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:order-first { + order: -9999; + } - .group:hover .md\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:order-last { + order: 9999; + } - .group:hover .md\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:order-none { + order: 0; + } - .group:hover .md\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:float-right { + float: right; + } - .group:hover .md\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:float-left { + float: left; + } - .group:hover .md\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:float-none { + float: none; + } - .group:hover .md\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; + } - .group:hover .md\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:clear-left { + clear: left; + } - .group:hover .md\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:clear-right { + clear: right; + } - .group:hover .md\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:clear-both { + clear: both; + } - .group:hover .md\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:clear-none { + clear: none; + } - .group:hover .md\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:font-sans { + font-family: ui-sans-serif, 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"; + } - .group:hover .md\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + } - .group:hover .md\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } - .group:hover .md\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:font-thin { + font-weight: 100; + } - .group:hover .md\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:font-extralight { + font-weight: 200; + } - .group:hover .md\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:font-light { + font-weight: 300; + } - .group:hover .md\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:font-normal { + font-weight: 400; + } - .group:hover .md\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:font-medium { + font-weight: 500; + } - .group:hover .md\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:font-semibold { + font-weight: 600; + } - .group:hover .md\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:font-bold { + font-weight: 700; + } - .group:hover .md\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:font-extrabold { + font-weight: 800; + } - .group:hover .md\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:font-black { + font-weight: 900; + } - .group:hover .md\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:hover\:font-thin:hover { + font-weight: 100; + } - .group:hover .md\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:hover\:font-extralight:hover { + font-weight: 200; + } - .group:hover .md\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:hover\:font-light:hover { + font-weight: 300; + } - .group:hover .md\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:hover\:font-normal:hover { + font-weight: 400; + } - .group:hover .md\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:hover\:font-medium:hover { + font-weight: 500; + } - .group:hover .md\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:hover\:font-semibold:hover { + font-weight: 600; + } - .group:hover .md\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:hover\:font-bold:hover { + font-weight: 700; + } - .group:hover .md\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:hover\:font-extrabold:hover { + font-weight: 800; + } - .group:hover .md\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:hover\:font-black:hover { + font-weight: 900; + } - .group:hover .md\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:focus\:font-thin:focus { + font-weight: 100; + } - .group:hover .md\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:focus\:font-extralight:focus { + font-weight: 200; + } - .group:hover .md\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:focus\:font-light:focus { + font-weight: 300; + } - .group:hover .md\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:focus\:font-normal:focus { + font-weight: 400; + } - .group:hover .md\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:focus\:font-medium:focus { + font-weight: 500; + } - .group:hover .md\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:focus\:font-semibold:focus { + font-weight: 600; + } - .group:hover .md\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:focus\:font-bold:focus { + font-weight: 700; + } - .group:hover .md\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:focus\:font-extrabold:focus { + font-weight: 800; + } - .group:hover .md\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:focus\:font-black:focus { + font-weight: 900; + } - .group:hover .md\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:h-0 { + height: 0; + } - .group:hover .md\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:h-1 { + height: 0.25rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:h-2 { + height: 0.5rem; + } - .group:hover .md\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:h-3 { + height: 0.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:h-4 { + height: 1rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:h-5 { + height: 1.25rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:h-6 { + height: 1.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:h-7 { + height: 1.75rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:h-8 { + height: 2rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:h-9 { + height: 2.25rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:h-10 { + height: 2.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:h-12 { + height: 3rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:h-14 { + height: 3.5rem; + } - .group:hover .md\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:h-16 { + height: 4rem; + } - .md\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .sm\:h-20 { + height: 5rem; + } - .md\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .sm\:h-24 { + height: 6rem; + } - .md\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:h-28 { + height: 7rem; + } - .md\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:h-32 { + height: 8rem; + } - .md\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:h-36 { + height: 9rem; + } - .md\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:h-40 { + height: 10rem; + } - .md\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:h-44 { + height: 11rem; + } - .md\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:h-48 { + height: 12rem; + } - .md\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:h-52 { + height: 13rem; + } - .md\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:h-56 { + height: 14rem; + } - .md\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:h-60 { + height: 15rem; + } - .md\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:h-64 { + height: 16rem; + } - .md\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:h-72 { + height: 18rem; + } - .md\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:h-80 { + height: 20rem; + } - .md\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:h-96 { + height: 24rem; + } - .md\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:h-auto { + height: auto; + } - .md\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:h-px { + height: 1px; + } - .md\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:h-0\.5 { + height: 0.125rem; + } - .md\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:h-1\.5 { + height: 0.375rem; + } - .md\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:h-2\.5 { + height: 0.625rem; + } - .md\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:h-3\.5 { + height: 0.875rem; + } - .md\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:h-full { + height: 100%; + } - .md\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:h-screen { + height: 100vh; + } - .md\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } - .md\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } - .md\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } - .md\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } - .md\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } - .md\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } - .md\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } - .md\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } - .md\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:text-5xl { + font-size: 3rem; + line-height: 1; + } - .md\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } - .md\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } - .md\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:text-8xl { + font-size: 6rem; + line-height: 1; + } - .md\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:text-9xl { + font-size: 8rem; + line-height: 1; + } - .md\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:leading-3 { + line-height: .75rem; + } - .md\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:leading-4 { + line-height: 1rem; + } - .md\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:leading-5 { + line-height: 1.25rem; + } - .md\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:leading-6 { + line-height: 1.5rem; + } - .md\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:leading-7 { + line-height: 1.75rem; + } - .md\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:leading-8 { + line-height: 2rem; + } - .md\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:leading-9 { + line-height: 2.25rem; + } - .md\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:leading-10 { + line-height: 2.5rem; + } - .md\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:leading-none { + line-height: 1; + } - .md\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:leading-tight { + line-height: 1.25; + } - .md\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:leading-snug { + line-height: 1.375; + } - .md\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:leading-normal { + line-height: 1.5; + } - .md\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:leading-relaxed { + line-height: 1.625; + } - .md\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:leading-loose { + line-height: 2; + } - .md\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:list-inside { + list-style-position: inside; + } - .md\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:list-outside { + list-style-position: outside; + } - .md\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:list-none { + list-style-type: none; + } - .md\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:list-disc { + list-style-type: disc; + } - .md\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:list-decimal { + list-style-type: decimal; + } - .md\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:m-0 { + margin: 0; + } - .md\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:m-1 { + margin: 0.25rem; + } - .md\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:m-2 { + margin: 0.5rem; + } - .md\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:m-3 { + margin: 0.75rem; + } - .md\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:m-4 { + margin: 1rem; + } - .md\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:m-5 { + margin: 1.25rem; + } - .md\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:m-6 { + margin: 1.5rem; + } - .md\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:m-7 { + margin: 1.75rem; + } - .md\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:m-8 { + margin: 2rem; + } - .md\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:m-9 { + margin: 2.25rem; + } - .md\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:m-10 { + margin: 2.5rem; + } - .md\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:m-12 { + margin: 3rem; + } - .md\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:m-14 { + margin: 3.5rem; + } - .md\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:m-16 { + margin: 4rem; + } - .md\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:m-20 { + margin: 5rem; + } - .md\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:m-24 { + margin: 6rem; + } - .md\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:m-28 { + margin: 7rem; + } - .md\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:m-32 { + margin: 8rem; + } - .md\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:m-36 { + margin: 9rem; + } - .md\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .sm\:m-40 { + margin: 10rem; + } - .md\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .sm\:m-44 { + margin: 11rem; + } - .md\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .sm\:m-48 { + margin: 12rem; + } - .md\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .sm\:m-52 { + margin: 13rem; + } - .md\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .sm\:m-56 { + margin: 14rem; + } - .md\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .sm\:m-60 { + margin: 15rem; + } - .md\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .sm\:m-64 { + margin: 16rem; + } - .md\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .sm\:m-72 { + margin: 18rem; + } - .md\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .sm\:m-80 { + margin: 20rem; + } - .md\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .sm\:m-96 { + margin: 24rem; + } - .md\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .sm\:m-auto { + margin: auto; + } - .md\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .sm\:m-px { + margin: 1px; + } - .md\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .sm\:m-0\.5 { + margin: 0.125rem; + } - .md\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .sm\:m-1\.5 { + margin: 0.375rem; + } - .md\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .sm\:m-2\.5 { + margin: 0.625rem; + } - .md\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .sm\:m-3\.5 { + margin: 0.875rem; + } - .md\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .sm\:-m-1 { + margin: -0.25rem; + } - .md\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .sm\:-m-2 { + margin: -0.5rem; + } - .md\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .sm\:-m-3 { + margin: -0.75rem; + } - .md\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .sm\:-m-4 { + margin: -1rem; + } - .md\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .sm\:-m-5 { + margin: -1.25rem; + } - .md\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .sm\:-m-6 { + margin: -1.5rem; + } - .md\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .sm\:-m-7 { + margin: -1.75rem; + } - .md\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .sm\:-m-8 { + margin: -2rem; + } - .md\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .sm\:-m-9 { + margin: -2.25rem; + } - .md\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .sm\:-m-10 { + margin: -2.5rem; + } - .md\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .sm\:-m-12 { + margin: -3rem; + } - .md\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .sm\:-m-14 { + margin: -3.5rem; + } - .md\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .sm\:-m-16 { + margin: -4rem; + } - .md\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .sm\:-m-20 { + margin: -5rem; + } - .md\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .sm\:-m-24 { + margin: -6rem; + } - .md\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .sm\:-m-28 { + margin: -7rem; + } - .md\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .sm\:-m-32 { + margin: -8rem; + } - .md\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .sm\:-m-36 { + margin: -9rem; + } - .md\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .sm\:-m-40 { + margin: -10rem; + } - .md\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .sm\:-m-44 { + margin: -11rem; + } - .md\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .sm\:-m-48 { + margin: -12rem; + } - .md\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .sm\:-m-52 { + margin: -13rem; + } - .md\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .sm\:-m-56 { + margin: -14rem; + } - .md\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .sm\:-m-60 { + margin: -15rem; + } - .md\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .sm\:-m-64 { + margin: -16rem; + } - .md\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .sm\:-m-72 { + margin: -18rem; + } - .md\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .sm\:-m-80 { + margin: -20rem; + } - .md\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .sm\:-m-96 { + margin: -24rem; + } - .md\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .sm\:-m-px { + margin: -1px; + } - .md\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .sm\:-m-0\.5 { + margin: -0.125rem; + } - .md\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .sm\:-m-1\.5 { + margin: -0.375rem; + } - .md\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .sm\:-m-2\.5 { + margin: -0.625rem; + } - .md\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .sm\:-m-3\.5 { + margin: -0.875rem; + } - .md\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; + } - .md\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; + } - .md\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } - .md\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } - .md\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; + } - .md\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } - .md\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; + } - .md\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; + } - .md\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; + } - .md\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } - .md\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } - .md\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; + } - .md\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + } - .md\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } - .md\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .sm\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; + } - .md\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .sm\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; + } - .md\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } - .md\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } - .md\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .sm\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; + } - .md\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .sm\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; + } - .md\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } - .md\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; + } - .md\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } - .md\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; + } - .md\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .sm\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .md\:border-opacity-0 { - --border-opacity: 0; + .sm\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .md\:border-opacity-25 { - --border-opacity: 0.25; + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .md\:border-opacity-50 { - --border-opacity: 0.5; + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .md\:border-opacity-75 { - --border-opacity: 0.75; + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .md\:border-opacity-100 { - --border-opacity: 1; + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .group:hover .md\:group-hover\:border-opacity-0 { - --border-opacity: 0; + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .group:hover .md\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .group:hover .md\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; + .sm\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .group:hover .md\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; + .sm\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .group:hover .md\:group-hover\:border-opacity-100 { - --border-opacity: 1; + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .md\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .md\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .sm\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .md\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .sm\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .md\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .md\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .md\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .sm\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .md\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .sm\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .md\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .md\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .md\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .sm\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .md\:rounded-none { - border-radius: 0; + .sm\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .md\:rounded-sm { - border-radius: 0.125rem; + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .md\:rounded { - border-radius: 0.25rem; + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .md\:rounded-md { - border-radius: 0.375rem; + .sm\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .md\:rounded-lg { - border-radius: 0.5rem; + .sm\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .md\:rounded-xl { - border-radius: 0.75rem; + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .md\:rounded-2xl { - border-radius: 1rem; + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .md\:rounded-3xl { - border-radius: 1.5rem; + .sm\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .md\:rounded-full { - border-radius: 9999px; + .sm\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .sm\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .sm\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .md\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .sm\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .md\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .sm\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .md\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .md\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .md\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .md\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .md\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .md\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .md\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .md\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .md\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .md\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .md\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .sm\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .md\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .sm\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .md\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .md\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .sm\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .sm\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .sm\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .md\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .md\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .md\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .sm\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .md\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .sm\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .sm\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .sm\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .md\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .md\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .md\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .sm\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .md\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .sm\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .md\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .md\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .md\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .sm\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .md\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .sm\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .md\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .md\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .md\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .sm\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .md\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .sm\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .md\:border-solid { - border-style: solid; + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .md\:border-dashed { - border-style: dashed; + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .md\:border-dotted { - border-style: dotted; + .sm\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .md\:border-double { - border-style: double; + .sm\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .md\:border-none { - border-style: none; + .sm\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .md\:border-0 { - border-width: 0; + .sm\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .md\:border-2 { - border-width: 2px; + .sm\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .md\:border-4 { - border-width: 4px; + .sm\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .md\:border-8 { - border-width: 8px; + .sm\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .md\:border { - border-width: 1px; + .sm\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .md\:border-t-0 { - border-top-width: 0; + .sm\:mt-0 { + margin-top: 0; } - .md\:border-r-0 { - border-right-width: 0; + .sm\:mr-0 { + margin-right: 0; } - .md\:border-b-0 { - border-bottom-width: 0; + .sm\:mb-0 { + margin-bottom: 0; } - .md\:border-l-0 { - border-left-width: 0; + .sm\:ml-0 { + margin-left: 0; } - .md\:border-t-2 { - border-top-width: 2px; + .sm\:mt-1 { + margin-top: 0.25rem; } - .md\:border-r-2 { - border-right-width: 2px; + .sm\:mr-1 { + margin-right: 0.25rem; } - .md\:border-b-2 { - border-bottom-width: 2px; + .sm\:mb-1 { + margin-bottom: 0.25rem; } - .md\:border-l-2 { - border-left-width: 2px; + .sm\:ml-1 { + margin-left: 0.25rem; } - .md\:border-t-4 { - border-top-width: 4px; + .sm\:mt-2 { + margin-top: 0.5rem; } - .md\:border-r-4 { - border-right-width: 4px; + .sm\:mr-2 { + margin-right: 0.5rem; } - .md\:border-b-4 { - border-bottom-width: 4px; + .sm\:mb-2 { + margin-bottom: 0.5rem; } - .md\:border-l-4 { - border-left-width: 4px; + .sm\:ml-2 { + margin-left: 0.5rem; } - .md\:border-t-8 { - border-top-width: 8px; + .sm\:mt-3 { + margin-top: 0.75rem; } - .md\:border-r-8 { - border-right-width: 8px; + .sm\:mr-3 { + margin-right: 0.75rem; } - .md\:border-b-8 { - border-bottom-width: 8px; + .sm\:mb-3 { + margin-bottom: 0.75rem; } - .md\:border-l-8 { - border-left-width: 8px; + .sm\:ml-3 { + margin-left: 0.75rem; } - .md\:border-t { - border-top-width: 1px; + .sm\:mt-4 { + margin-top: 1rem; } - .md\:border-r { - border-right-width: 1px; + .sm\:mr-4 { + margin-right: 1rem; } - .md\:border-b { - border-bottom-width: 1px; + .sm\:mb-4 { + margin-bottom: 1rem; } - .md\:border-l { - border-left-width: 1px; + .sm\:ml-4 { + margin-left: 1rem; } - .md\:box-border { - box-sizing: border-box; + .sm\:mt-5 { + margin-top: 1.25rem; } - .md\:box-content { - box-sizing: content-box; + .sm\:mr-5 { + margin-right: 1.25rem; } - .md\:cursor-auto { - cursor: auto; + .sm\:mb-5 { + margin-bottom: 1.25rem; } - .md\:cursor-default { - cursor: default; + .sm\:ml-5 { + margin-left: 1.25rem; } - .md\:cursor-pointer { - cursor: pointer; + .sm\:mt-6 { + margin-top: 1.5rem; } - .md\:cursor-wait { - cursor: wait; + .sm\:mr-6 { + margin-right: 1.5rem; } - .md\:cursor-text { - cursor: text; + .sm\:mb-6 { + margin-bottom: 1.5rem; } - .md\:cursor-move { - cursor: move; + .sm\:ml-6 { + margin-left: 1.5rem; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .sm\:mt-7 { + margin-top: 1.75rem; } - .md\:block { - display: block; + .sm\:mr-7 { + margin-right: 1.75rem; } - .md\:inline-block { - display: inline-block; + .sm\:mb-7 { + margin-bottom: 1.75rem; } - .md\:inline { - display: inline; + .sm\:ml-7 { + margin-left: 1.75rem; } - .md\:flex { - display: flex; + .sm\:mt-8 { + margin-top: 2rem; } - .md\:inline-flex { - display: inline-flex; + .sm\:mr-8 { + margin-right: 2rem; } - .md\:table { - display: table; + .sm\:mb-8 { + margin-bottom: 2rem; } - .md\:table-caption { - display: table-caption; + .sm\:ml-8 { + margin-left: 2rem; } - .md\:table-cell { - display: table-cell; + .sm\:mt-9 { + margin-top: 2.25rem; } - .md\:table-column { - display: table-column; + .sm\:mr-9 { + margin-right: 2.25rem; } - .md\:table-column-group { - display: table-column-group; + .sm\:mb-9 { + margin-bottom: 2.25rem; } - .md\:table-footer-group { - display: table-footer-group; + .sm\:ml-9 { + margin-left: 2.25rem; } - .md\:table-header-group { - display: table-header-group; + .sm\:mt-10 { + margin-top: 2.5rem; } - .md\:table-row-group { - display: table-row-group; + .sm\:mr-10 { + margin-right: 2.5rem; } - .md\:table-row { - display: table-row; + .sm\:mb-10 { + margin-bottom: 2.5rem; } - .md\:flow-root { - display: flow-root; + .sm\:ml-10 { + margin-left: 2.5rem; } - .md\:grid { - display: grid; + .sm\:mt-12 { + margin-top: 3rem; } - .md\:inline-grid { - display: inline-grid; + .sm\:mr-12 { + margin-right: 3rem; } - .md\:contents { - display: contents; + .sm\:mb-12 { + margin-bottom: 3rem; } - .md\:hidden { - display: none; + .sm\:ml-12 { + margin-left: 3rem; } - .md\:flex-row { - flex-direction: row; + .sm\:mt-14 { + margin-top: 3.5rem; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:mr-14 { + margin-right: 3.5rem; } - .md\:flex-col { - flex-direction: column; + .sm\:mb-14 { + margin-bottom: 3.5rem; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:ml-14 { + margin-left: 3.5rem; } - .md\:flex-wrap { - flex-wrap: wrap; + .sm\:mt-16 { + margin-top: 4rem; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:mr-16 { + margin-right: 4rem; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:mb-16 { + margin-bottom: 4rem; } - .md\:place-items-auto { - place-items: auto; + .sm\:ml-16 { + margin-left: 4rem; } - .md\:place-items-start { - place-items: start; + .sm\:mt-20 { + margin-top: 5rem; } - .md\:place-items-end { - place-items: end; + .sm\:mr-20 { + margin-right: 5rem; } - .md\:place-items-center { - place-items: center; + .sm\:mb-20 { + margin-bottom: 5rem; } - .md\:place-items-stretch { - place-items: stretch; + .sm\:ml-20 { + margin-left: 5rem; } - .md\:place-content-center { - place-content: center; + .sm\:mt-24 { + margin-top: 6rem; } - .md\:place-content-start { - place-content: start; + .sm\:mr-24 { + margin-right: 6rem; } - .md\:place-content-end { - place-content: end; + .sm\:mb-24 { + margin-bottom: 6rem; } - .md\:place-content-between { - place-content: space-between; + .sm\:ml-24 { + margin-left: 6rem; } - .md\:place-content-around { - place-content: space-around; + .sm\:mt-28 { + margin-top: 7rem; } - .md\:place-content-evenly { - place-content: space-evenly; + .sm\:mr-28 { + margin-right: 7rem; } - .md\:place-content-stretch { - place-content: stretch; + .sm\:mb-28 { + margin-bottom: 7rem; } - .md\:place-self-auto { - place-self: auto; + .sm\:ml-28 { + margin-left: 7rem; } - .md\:place-self-start { - place-self: start; + .sm\:mt-32 { + margin-top: 8rem; } - .md\:place-self-end { - place-self: end; + .sm\:mr-32 { + margin-right: 8rem; } - .md\:place-self-center { - place-self: center; + .sm\:mb-32 { + margin-bottom: 8rem; } - .md\:place-self-stretch { - place-self: stretch; + .sm\:ml-32 { + margin-left: 8rem; } - .md\:items-start { - align-items: flex-start; + .sm\:mt-36 { + margin-top: 9rem; } - .md\:items-end { - align-items: flex-end; + .sm\:mr-36 { + margin-right: 9rem; } - .md\:items-center { - align-items: center; + .sm\:mb-36 { + margin-bottom: 9rem; } - .md\:items-baseline { - align-items: baseline; + .sm\:ml-36 { + margin-left: 9rem; } - .md\:items-stretch { - align-items: stretch; + .sm\:mt-40 { + margin-top: 10rem; } - .md\:content-center { - align-content: center; + .sm\:mr-40 { + margin-right: 10rem; } - .md\:content-start { - align-content: flex-start; + .sm\:mb-40 { + margin-bottom: 10rem; } - .md\:content-end { - align-content: flex-end; + .sm\:ml-40 { + margin-left: 10rem; } - .md\:content-between { - align-content: space-between; + .sm\:mt-44 { + margin-top: 11rem; } - .md\:content-around { - align-content: space-around; + .sm\:mr-44 { + margin-right: 11rem; } - .md\:content-evenly { - align-content: space-evenly; + .sm\:mb-44 { + margin-bottom: 11rem; } - .md\:self-auto { - align-self: auto; + .sm\:ml-44 { + margin-left: 11rem; } - .md\:self-start { - align-self: flex-start; + .sm\:mt-48 { + margin-top: 12rem; } - .md\:self-end { - align-self: flex-end; + .sm\:mr-48 { + margin-right: 12rem; } - .md\:self-center { - align-self: center; + .sm\:mb-48 { + margin-bottom: 12rem; } - .md\:self-stretch { - align-self: stretch; + .sm\:ml-48 { + margin-left: 12rem; } - .md\:justify-items-auto { - justify-items: auto; + .sm\:mt-52 { + margin-top: 13rem; } - .md\:justify-items-start { - justify-items: start; + .sm\:mr-52 { + margin-right: 13rem; } - .md\:justify-items-end { - justify-items: end; + .sm\:mb-52 { + margin-bottom: 13rem; } - .md\:justify-items-center { - justify-items: center; + .sm\:ml-52 { + margin-left: 13rem; } - .md\:justify-items-stretch { - justify-items: stretch; + .sm\:mt-56 { + margin-top: 14rem; } - .md\:justify-start { - justify-content: flex-start; + .sm\:mr-56 { + margin-right: 14rem; } - .md\:justify-end { - justify-content: flex-end; + .sm\:mb-56 { + margin-bottom: 14rem; } - .md\:justify-center { - justify-content: center; + .sm\:ml-56 { + margin-left: 14rem; } - .md\:justify-between { - justify-content: space-between; + .sm\:mt-60 { + margin-top: 15rem; } - .md\:justify-around { - justify-content: space-around; + .sm\:mr-60 { + margin-right: 15rem; } - .md\:justify-evenly { - justify-content: space-evenly; + .sm\:mb-60 { + margin-bottom: 15rem; } - .md\:justify-self-auto { - justify-self: auto; + .sm\:ml-60 { + margin-left: 15rem; } - .md\:justify-self-start { - justify-self: start; + .sm\:mt-64 { + margin-top: 16rem; } - .md\:justify-self-end { - justify-self: end; + .sm\:mr-64 { + margin-right: 16rem; } - .md\:justify-self-center { - justify-self: center; + .sm\:mb-64 { + margin-bottom: 16rem; } - .md\:justify-self-stretch { - justify-self: stretch; + .sm\:ml-64 { + margin-left: 16rem; } - .md\:flex-1 { - flex: 1 1 0%; + .sm\:mt-72 { + margin-top: 18rem; } - .md\:flex-auto { - flex: 1 1 auto; + .sm\:mr-72 { + margin-right: 18rem; } - .md\:flex-initial { - flex: 0 1 auto; + .sm\:mb-72 { + margin-bottom: 18rem; } - .md\:flex-none { - flex: none; + .sm\:ml-72 { + margin-left: 18rem; } - .md\:flex-grow-0 { - flex-grow: 0; + .sm\:mt-80 { + margin-top: 20rem; } - .md\:flex-grow { - flex-grow: 1; + .sm\:mr-80 { + margin-right: 20rem; } - .md\:flex-shrink-0 { - flex-shrink: 0; + .sm\:mb-80 { + margin-bottom: 20rem; } - .md\:flex-shrink { - flex-shrink: 1; + .sm\:ml-80 { + margin-left: 20rem; } - .md\:order-1 { - order: 1; + .sm\:mt-96 { + margin-top: 24rem; } - .md\:order-2 { - order: 2; + .sm\:mr-96 { + margin-right: 24rem; } - .md\:order-3 { - order: 3; + .sm\:mb-96 { + margin-bottom: 24rem; } - .md\:order-4 { - order: 4; + .sm\:ml-96 { + margin-left: 24rem; } - .md\:order-5 { - order: 5; + .sm\:mt-auto { + margin-top: auto; } - .md\:order-6 { - order: 6; + .sm\:mr-auto { + margin-right: auto; } - .md\:order-7 { - order: 7; + .sm\:mb-auto { + margin-bottom: auto; } - .md\:order-8 { - order: 8; + .sm\:ml-auto { + margin-left: auto; } - .md\:order-9 { - order: 9; + .sm\:mt-px { + margin-top: 1px; } - .md\:order-10 { - order: 10; + .sm\:mr-px { + margin-right: 1px; } - .md\:order-11 { - order: 11; + .sm\:mb-px { + margin-bottom: 1px; } - .md\:order-12 { - order: 12; + .sm\:ml-px { + margin-left: 1px; } - .md\:order-first { - order: -9999; + .sm\:mt-0\.5 { + margin-top: 0.125rem; } - .md\:order-last { - order: 9999; + .sm\:mr-0\.5 { + margin-right: 0.125rem; } - .md\:order-none { - order: 0; + .sm\:mb-0\.5 { + margin-bottom: 0.125rem; } - .md\:float-right { - float: right; + .sm\:ml-0\.5 { + margin-left: 0.125rem; } - .md\:float-left { - float: left; + .sm\:mt-1\.5 { + margin-top: 0.375rem; } - .md\:float-none { - float: none; + .sm\:mr-1\.5 { + margin-right: 0.375rem; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:mb-1\.5 { + margin-bottom: 0.375rem; } - .md\:clear-left { - clear: left; + .sm\:ml-1\.5 { + margin-left: 0.375rem; } - .md\:clear-right { - clear: right; + .sm\:mt-2\.5 { + margin-top: 0.625rem; } - .md\:clear-both { - clear: both; + .sm\:mr-2\.5 { + margin-right: 0.625rem; } - .md\:clear-none { - clear: none; + .sm\:mb-2\.5 { + margin-bottom: 0.625rem; } - .md\:font-sans { - font-family: ui-sans-serif, 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\:ml-2\.5 { + margin-left: 0.625rem; } - .md\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .sm\:mt-3\.5 { + margin-top: 0.875rem; } - .md\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .sm\:mr-3\.5 { + margin-right: 0.875rem; } - .md\:font-thin { - font-weight: 100; + .sm\:mb-3\.5 { + margin-bottom: 0.875rem; } - .md\:font-extralight { - font-weight: 200; + .sm\:ml-3\.5 { + margin-left: 0.875rem; } - .md\:font-light { - font-weight: 300; + .sm\:-mt-1 { + margin-top: -0.25rem; } - .md\:font-normal { - font-weight: 400; + .sm\:-mr-1 { + margin-right: -0.25rem; } - .md\:font-medium { - font-weight: 500; + .sm\:-mb-1 { + margin-bottom: -0.25rem; } - .md\:font-semibold { - font-weight: 600; + .sm\:-ml-1 { + margin-left: -0.25rem; } - .md\:font-bold { - font-weight: 700; + .sm\:-mt-2 { + margin-top: -0.5rem; } - .md\:font-extrabold { - font-weight: 800; + .sm\:-mr-2 { + margin-right: -0.5rem; } - .md\:font-black { - font-weight: 900; + .sm\:-mb-2 { + margin-bottom: -0.5rem; } - .md\:hover\:font-thin:hover { - font-weight: 100; + .sm\:-ml-2 { + margin-left: -0.5rem; } - .md\:hover\:font-extralight:hover { - font-weight: 200; + .sm\:-mt-3 { + margin-top: -0.75rem; } - .md\:hover\:font-light:hover { - font-weight: 300; + .sm\:-mr-3 { + margin-right: -0.75rem; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .sm\:-mb-3 { + margin-bottom: -0.75rem; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .sm\:-ml-3 { + margin-left: -0.75rem; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:-mt-4 { + margin-top: -1rem; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .sm\:-mr-4 { + margin-right: -1rem; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:-mb-4 { + margin-bottom: -1rem; } - .md\:hover\:font-black:hover { - font-weight: 900; + .sm\:-ml-4 { + margin-left: -1rem; } - .md\:focus\:font-thin:focus { - font-weight: 100; + .sm\:-mt-5 { + margin-top: -1.25rem; } - .md\:focus\:font-extralight:focus { - font-weight: 200; + .sm\:-mr-5 { + margin-right: -1.25rem; } - .md\:focus\:font-light:focus { - font-weight: 300; + .sm\:-mb-5 { + margin-bottom: -1.25rem; } - .md\:focus\:font-normal:focus { - font-weight: 400; + .sm\:-ml-5 { + margin-left: -1.25rem; } - .md\:focus\:font-medium:focus { - font-weight: 500; + .sm\:-mt-6 { + margin-top: -1.5rem; } - .md\:focus\:font-semibold:focus { - font-weight: 600; + .sm\:-mr-6 { + margin-right: -1.5rem; } - .md\:focus\:font-bold:focus { - font-weight: 700; + .sm\:-mb-6 { + margin-bottom: -1.5rem; } - .md\:focus\:font-extrabold:focus { - font-weight: 800; + .sm\:-ml-6 { + margin-left: -1.5rem; } - .md\:focus\:font-black:focus { - font-weight: 900; + .sm\:-mt-7 { + margin-top: -1.75rem; } - .md\:h-0 { - height: 0; + .sm\:-mr-7 { + margin-right: -1.75rem; } - .md\:h-1 { - height: 0.25rem; + .sm\:-mb-7 { + margin-bottom: -1.75rem; } - .md\:h-2 { - height: 0.5rem; + .sm\:-ml-7 { + margin-left: -1.75rem; } - .md\:h-3 { - height: 0.75rem; + .sm\:-mt-8 { + margin-top: -2rem; } - .md\:h-4 { - height: 1rem; + .sm\:-mr-8 { + margin-right: -2rem; } - .md\:h-5 { - height: 1.25rem; + .sm\:-mb-8 { + margin-bottom: -2rem; } - .md\:h-6 { - height: 1.5rem; + .sm\:-ml-8 { + margin-left: -2rem; } - .md\:h-7 { - height: 1.75rem; + .sm\:-mt-9 { + margin-top: -2.25rem; } - .md\:h-8 { - height: 2rem; + .sm\:-mr-9 { + margin-right: -2.25rem; } - .md\:h-9 { - height: 2.25rem; + .sm\:-mb-9 { + margin-bottom: -2.25rem; } - .md\:h-10 { - height: 2.5rem; + .sm\:-ml-9 { + margin-left: -2.25rem; } - .md\:h-12 { - height: 3rem; + .sm\:-mt-10 { + margin-top: -2.5rem; } - .md\:h-14 { - height: 3.5rem; + .sm\:-mr-10 { + margin-right: -2.5rem; } - .md\:h-16 { - height: 4rem; + .sm\:-mb-10 { + margin-bottom: -2.5rem; } - .md\:h-20 { - height: 5rem; + .sm\:-ml-10 { + margin-left: -2.5rem; } - .md\:h-24 { - height: 6rem; + .sm\:-mt-12 { + margin-top: -3rem; } - .md\:h-28 { - height: 7rem; + .sm\:-mr-12 { + margin-right: -3rem; } - .md\:h-32 { - height: 8rem; + .sm\:-mb-12 { + margin-bottom: -3rem; } - .md\:h-36 { - height: 9rem; + .sm\:-ml-12 { + margin-left: -3rem; } - .md\:h-40 { - height: 10rem; + .sm\:-mt-14 { + margin-top: -3.5rem; } - .md\:h-44 { - height: 11rem; + .sm\:-mr-14 { + margin-right: -3.5rem; } - .md\:h-48 { - height: 12rem; + .sm\:-mb-14 { + margin-bottom: -3.5rem; } - .md\:h-52 { - height: 13rem; + .sm\:-ml-14 { + margin-left: -3.5rem; } - .md\:h-56 { - height: 14rem; + .sm\:-mt-16 { + margin-top: -4rem; } - .md\:h-60 { - height: 15rem; + .sm\:-mr-16 { + margin-right: -4rem; } - .md\:h-64 { - height: 16rem; + .sm\:-mb-16 { + margin-bottom: -4rem; } - .md\:h-72 { - height: 18rem; + .sm\:-ml-16 { + margin-left: -4rem; } - .md\:h-80 { - height: 20rem; + .sm\:-mt-20 { + margin-top: -5rem; } - .md\:h-96 { - height: 24rem; + .sm\:-mr-20 { + margin-right: -5rem; } - .md\:h-auto { - height: auto; + .sm\:-mb-20 { + margin-bottom: -5rem; } - .md\:h-px { - height: 1px; + .sm\:-ml-20 { + margin-left: -5rem; } - .md\:h-0\.5 { - height: 0.125rem; + .sm\:-mt-24 { + margin-top: -6rem; } - .md\:h-1\.5 { - height: 0.375rem; + .sm\:-mr-24 { + margin-right: -6rem; } - .md\:h-2\.5 { - height: 0.625rem; + .sm\:-mb-24 { + margin-bottom: -6rem; } - .md\:h-3\.5 { - height: 0.875rem; + .sm\:-ml-24 { + margin-left: -6rem; } - .md\:h-full { - height: 100%; + .sm\:-mt-28 { + margin-top: -7rem; } - .md\:h-screen { - height: 100vh; + .sm\:-mr-28 { + margin-right: -7rem; } - .md\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .sm\:-mb-28 { + margin-bottom: -7rem; } - .md\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .sm\:-ml-28 { + margin-left: -7rem; } - .md\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .sm\:-mt-32 { + margin-top: -8rem; } - .md\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .sm\:-mr-32 { + margin-right: -8rem; } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .sm\:-mb-32 { + margin-bottom: -8rem; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .sm\:-ml-32 { + margin-left: -8rem; } - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .sm\:-mt-36 { + margin-top: -9rem; } - .md\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .sm\:-mr-36 { + margin-right: -9rem; } - .md\:text-5xl { - font-size: 3rem; - line-height: 1; + .sm\:-mb-36 { + margin-bottom: -9rem; } - .md\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .sm\:-ml-36 { + margin-left: -9rem; } - .md\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .sm\:-mt-40 { + margin-top: -10rem; } - .md\:text-8xl { - font-size: 6rem; - line-height: 1; + .sm\:-mr-40 { + margin-right: -10rem; } - .md\:text-9xl { - font-size: 8rem; - line-height: 1; + .sm\:-mb-40 { + margin-bottom: -10rem; } - .md\:leading-3 { - line-height: .75rem; + .sm\:-ml-40 { + margin-left: -10rem; } - .md\:leading-4 { - line-height: 1rem; + .sm\:-mt-44 { + margin-top: -11rem; } - .md\:leading-5 { - line-height: 1.25rem; + .sm\:-mr-44 { + margin-right: -11rem; } - .md\:leading-6 { - line-height: 1.5rem; + .sm\:-mb-44 { + margin-bottom: -11rem; } - .md\:leading-7 { - line-height: 1.75rem; + .sm\:-ml-44 { + margin-left: -11rem; } - .md\:leading-8 { - line-height: 2rem; + .sm\:-mt-48 { + margin-top: -12rem; } - .md\:leading-9 { - line-height: 2.25rem; + .sm\:-mr-48 { + margin-right: -12rem; } - .md\:leading-10 { - line-height: 2.5rem; + .sm\:-mb-48 { + margin-bottom: -12rem; } - .md\:leading-none { - line-height: 1; + .sm\:-ml-48 { + margin-left: -12rem; } - .md\:leading-tight { - line-height: 1.25; + .sm\:-mt-52 { + margin-top: -13rem; } - .md\:leading-snug { - line-height: 1.375; + .sm\:-mr-52 { + margin-right: -13rem; } - .md\:leading-normal { - line-height: 1.5; + .sm\:-mb-52 { + margin-bottom: -13rem; } - .md\:leading-relaxed { - line-height: 1.625; + .sm\:-ml-52 { + margin-left: -13rem; } - .md\:leading-loose { - line-height: 2; + .sm\:-mt-56 { + margin-top: -14rem; } - .md\:list-inside { - list-style-position: inside; + .sm\:-mr-56 { + margin-right: -14rem; } - .md\:list-outside { - list-style-position: outside; + .sm\:-mb-56 { + margin-bottom: -14rem; } - .md\:list-none { - list-style-type: none; + .sm\:-ml-56 { + margin-left: -14rem; } - .md\:list-disc { - list-style-type: disc; + .sm\:-mt-60 { + margin-top: -15rem; } - .md\:list-decimal { - list-style-type: decimal; + .sm\:-mr-60 { + margin-right: -15rem; } - .md\:m-0 { - margin: 0; + .sm\:-mb-60 { + margin-bottom: -15rem; } - .md\:m-1 { - margin: 0.25rem; + .sm\:-ml-60 { + margin-left: -15rem; } - .md\:m-2 { - margin: 0.5rem; + .sm\:-mt-64 { + margin-top: -16rem; } - .md\:m-3 { - margin: 0.75rem; + .sm\:-mr-64 { + margin-right: -16rem; } - .md\:m-4 { - margin: 1rem; + .sm\:-mb-64 { + margin-bottom: -16rem; } - .md\:m-5 { - margin: 1.25rem; + .sm\:-ml-64 { + margin-left: -16rem; } - .md\:m-6 { - margin: 1.5rem; + .sm\:-mt-72 { + margin-top: -18rem; } - .md\:m-7 { - margin: 1.75rem; + .sm\:-mr-72 { + margin-right: -18rem; } - .md\:m-8 { - margin: 2rem; + .sm\:-mb-72 { + margin-bottom: -18rem; } - .md\:m-9 { - margin: 2.25rem; + .sm\:-ml-72 { + margin-left: -18rem; } - .md\:m-10 { - margin: 2.5rem; + .sm\:-mt-80 { + margin-top: -20rem; } - .md\:m-12 { - margin: 3rem; + .sm\:-mr-80 { + margin-right: -20rem; } - .md\:m-14 { - margin: 3.5rem; + .sm\:-mb-80 { + margin-bottom: -20rem; } - .md\:m-16 { - margin: 4rem; + .sm\:-ml-80 { + margin-left: -20rem; } - .md\:m-20 { - margin: 5rem; + .sm\:-mt-96 { + margin-top: -24rem; } - .md\:m-24 { - margin: 6rem; + .sm\:-mr-96 { + margin-right: -24rem; } - .md\:m-28 { - margin: 7rem; + .sm\:-mb-96 { + margin-bottom: -24rem; } - .md\:m-32 { - margin: 8rem; + .sm\:-ml-96 { + margin-left: -24rem; } - .md\:m-36 { - margin: 9rem; + .sm\:-mt-px { + margin-top: -1px; } - .md\:m-40 { - margin: 10rem; + .sm\:-mr-px { + margin-right: -1px; } - .md\:m-44 { - margin: 11rem; + .sm\:-mb-px { + margin-bottom: -1px; } - .md\:m-48 { - margin: 12rem; + .sm\:-ml-px { + margin-left: -1px; } - .md\:m-52 { - margin: 13rem; + .sm\:-mt-0\.5 { + margin-top: -0.125rem; } - .md\:m-56 { - margin: 14rem; + .sm\:-mr-0\.5 { + margin-right: -0.125rem; } - .md\:m-60 { - margin: 15rem; + .sm\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .md\:m-64 { - margin: 16rem; + .sm\:-ml-0\.5 { + margin-left: -0.125rem; } - .md\:m-72 { - margin: 18rem; + .sm\:-mt-1\.5 { + margin-top: -0.375rem; } - .md\:m-80 { - margin: 20rem; + .sm\:-mr-1\.5 { + margin-right: -0.375rem; } - .md\:m-96 { - margin: 24rem; + .sm\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .md\:m-auto { - margin: auto; + .sm\:-ml-1\.5 { + margin-left: -0.375rem; } - .md\:m-px { - margin: 1px; + .sm\:-mt-2\.5 { + margin-top: -0.625rem; } - .md\:m-0\.5 { - margin: 0.125rem; + .sm\:-mr-2\.5 { + margin-right: -0.625rem; } - .md\:m-1\.5 { - margin: 0.375rem; + .sm\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .md\:m-2\.5 { - margin: 0.625rem; + .sm\:-ml-2\.5 { + margin-left: -0.625rem; } - .md\:m-3\.5 { - margin: 0.875rem; + .sm\:-mt-3\.5 { + margin-top: -0.875rem; } - .md\:-m-1 { - margin: -0.25rem; + .sm\:-mr-3\.5 { + margin-right: -0.875rem; } - .md\:-m-2 { - margin: -0.5rem; + .sm\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .md\:-m-3 { - margin: -0.75rem; + .sm\:-ml-3\.5 { + margin-left: -0.875rem; } - .md\:-m-4 { - margin: -1rem; + .sm\:max-h-0 { + max-height: 0; } - .md\:-m-5 { - margin: -1.25rem; + .sm\:max-h-1 { + max-height: 0.25rem; } - .md\:-m-6 { - margin: -1.5rem; + .sm\:max-h-2 { + max-height: 0.5rem; } - .md\:-m-7 { - margin: -1.75rem; + .sm\:max-h-3 { + max-height: 0.75rem; } - .md\:-m-8 { - margin: -2rem; + .sm\:max-h-4 { + max-height: 1rem; } - .md\:-m-9 { - margin: -2.25rem; + .sm\:max-h-5 { + max-height: 1.25rem; } - .md\:-m-10 { - margin: -2.5rem; + .sm\:max-h-6 { + max-height: 1.5rem; } - .md\:-m-12 { - margin: -3rem; + .sm\:max-h-7 { + max-height: 1.75rem; } - .md\:-m-14 { - margin: -3.5rem; + .sm\:max-h-8 { + max-height: 2rem; } - .md\:-m-16 { - margin: -4rem; + .sm\:max-h-9 { + max-height: 2.25rem; } - .md\:-m-20 { - margin: -5rem; + .sm\:max-h-10 { + max-height: 2.5rem; } - .md\:-m-24 { - margin: -6rem; + .sm\:max-h-12 { + max-height: 3rem; } - .md\:-m-28 { - margin: -7rem; + .sm\:max-h-14 { + max-height: 3.5rem; } - .md\:-m-32 { - margin: -8rem; + .sm\:max-h-16 { + max-height: 4rem; } - .md\:-m-36 { - margin: -9rem; + .sm\:max-h-20 { + max-height: 5rem; } - .md\:-m-40 { - margin: -10rem; + .sm\:max-h-24 { + max-height: 6rem; } - .md\:-m-44 { - margin: -11rem; + .sm\:max-h-28 { + max-height: 7rem; } - .md\:-m-48 { - margin: -12rem; + .sm\:max-h-32 { + max-height: 8rem; } - .md\:-m-52 { - margin: -13rem; + .sm\:max-h-36 { + max-height: 9rem; } - .md\:-m-56 { - margin: -14rem; + .sm\:max-h-40 { + max-height: 10rem; } - .md\:-m-60 { - margin: -15rem; + .sm\:max-h-44 { + max-height: 11rem; } - .md\:-m-64 { - margin: -16rem; + .sm\:max-h-48 { + max-height: 12rem; } - .md\:-m-72 { - margin: -18rem; + .sm\:max-h-52 { + max-height: 13rem; } - .md\:-m-80 { - margin: -20rem; + .sm\:max-h-56 { + max-height: 14rem; } - .md\:-m-96 { - margin: -24rem; + .sm\:max-h-60 { + max-height: 15rem; } - .md\:-m-px { - margin: -1px; + .sm\:max-h-64 { + max-height: 16rem; } - .md\:-m-0\.5 { - margin: -0.125rem; + .sm\:max-h-72 { + max-height: 18rem; } - .md\:-m-1\.5 { - margin: -0.375rem; + .sm\:max-h-80 { + max-height: 20rem; } - .md\:-m-2\.5 { - margin: -0.625rem; + .sm\:max-h-96 { + max-height: 24rem; } - .md\:-m-3\.5 { - margin: -0.875rem; + .sm\:max-h-px { + max-height: 1px; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:max-h-0\.5 { + max-height: 0.125rem; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:max-h-1\.5 { + max-height: 0.375rem; } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:max-h-2\.5 { + max-height: 0.625rem; } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .sm\:max-h-3\.5 { + max-height: 0.875rem; } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .sm\:max-h-full { + max-height: 100%; } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .sm\:max-h-screen { + max-height: 100vh; } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .sm\:max-w-0 { + max-width: 0rem; } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .sm\:max-w-none { + max-width: none; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .sm\:max-w-xs { + max-width: 20rem; } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .sm\:max-w-sm { + max-width: 24rem; } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .sm\:max-w-md { + max-width: 28rem; } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .sm\:max-w-lg { + max-width: 32rem; } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .sm\:max-w-xl { + max-width: 36rem; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:max-w-2xl { + max-width: 42rem; } - .md\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .sm\:max-w-3xl { + max-width: 48rem; } - .md\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .sm\:max-w-4xl { + max-width: 56rem; } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .sm\:max-w-5xl { + max-width: 64rem; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .sm\:max-w-6xl { + max-width: 72rem; } - .md\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .sm\:max-w-7xl { + max-width: 80rem; } - .md\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .sm\:max-w-full { + max-width: 100%; } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .sm\:max-w-min { + max-width: min-content; } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .sm\:max-w-max { + max-width: max-content; } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .sm\:max-w-screen-sm { + max-width: 640px; } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .sm\:max-w-screen-md { + max-width: 768px; } - .md\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .sm\:max-w-screen-lg { + max-width: 1024px; } - .md\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .sm\:max-w-screen-xl { + max-width: 1280px; } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .sm\:max-w-screen-2xl { + max-width: 1536px; } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .sm\:min-h-0 { + min-height: 0; } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .sm\:min-h-full { + min-height: 100%; } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .sm\:min-h-screen { + min-height: 100vh; } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .sm\:min-w-0 { + min-width: 0; } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .sm\:min-w-full { + min-width: 100%; } - .md\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .sm\:min-w-min { + min-width: min-content; } - .md\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .sm\:min-w-max { + min-width: max-content; } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .sm\:object-contain { + object-fit: contain; } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .sm\:object-cover { + object-fit: cover; } - .md\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .sm\:object-fill { + object-fit: fill; } - .md\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .sm\:object-none { + object-fit: none; } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .sm\:object-scale-down { + object-fit: scale-down; } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .sm\:object-bottom { + object-position: bottom; } - .md\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .sm\:object-center { + object-position: center; } - .md\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .sm\:object-left { + object-position: left; } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .sm\:object-left-bottom { + object-position: left bottom; } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .sm\:object-left-top { + object-position: left top; } - .md\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .sm\:object-right { + object-position: right; } - .md\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .sm\:object-right-bottom { + object-position: right bottom; } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .sm\:object-right-top { + object-position: right top; } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .sm\:object-top { + object-position: top; } - .md\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .sm\:opacity-0 { + opacity: 0; } - .md\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .sm\:opacity-25 { + opacity: 0.25; } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .sm\:opacity-50 { + opacity: 0.5; } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .sm\:opacity-75 { + opacity: 0.75; } - .md\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .sm\:opacity-100 { + opacity: 1; } - .md\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .group:hover .sm\:group-hover\:opacity-0 { + opacity: 0; } - .md\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .group:hover .sm\:group-hover\:opacity-25 { + opacity: 0.25; } - .md\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .group:hover .sm\:group-hover\:opacity-50 { + opacity: 0.5; } - .md\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .group:hover .sm\:group-hover\:opacity-75 { + opacity: 0.75; } - .md\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .group:hover .sm\:group-hover\:opacity-100 { + opacity: 1; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .sm\:hover\:opacity-0:hover { + opacity: 0; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:hover\:opacity-25:hover { + opacity: 0.25; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .sm\:hover\:opacity-50:hover { + opacity: 0.5; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .sm\:hover\:opacity-75:hover { + opacity: 0.75; } - .md\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .sm\:hover\:opacity-100:hover { + opacity: 1; } - .md\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .sm\:focus\:opacity-0:focus { + opacity: 0; } - .md\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .sm\:focus\:opacity-25:focus { + opacity: 0.25; } - .md\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .sm\:focus\:opacity-50:focus { + opacity: 0.5; } - .md\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .sm\:focus\:opacity-75:focus { + opacity: 0.75; } - .md\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .sm\:focus\:opacity-100:focus { + opacity: 1; } - .md\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .sm\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .sm\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .sm\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .sm\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .sm\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .sm\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .sm\:overflow-auto { + overflow: auto; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .sm\:overflow-hidden { + overflow: hidden; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .sm\:overflow-visible { + overflow: visible; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .sm\:overflow-scroll { + overflow: scroll; } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .sm\:overflow-x-auto { + overflow-x: auto; } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .sm\:overflow-y-auto { + overflow-y: auto; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .sm\:overflow-x-hidden { + overflow-x: hidden; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .sm\:overflow-y-hidden { + overflow-y: hidden; } - .md\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .sm\:overflow-x-visible { + overflow-x: visible; } - .md\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .sm\:overflow-y-visible { + overflow-y: visible; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .sm\:overflow-x-scroll { + overflow-x: scroll; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .sm\:overflow-y-scroll { + overflow-y: scroll; } - .md\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .sm\:overscroll-auto { + overscroll-behavior: auto; } - .md\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .sm\:overscroll-contain { + overscroll-behavior: contain; } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .sm\:overscroll-none { + overscroll-behavior: none; } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .sm\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .sm\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .sm\:overscroll-y-none { + overscroll-behavior-y: none; } - .md\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .sm\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .md\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .sm\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .sm\:overscroll-x-none { + overscroll-behavior-x: none; } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .sm\:p-0 { + padding: 0; } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .sm\:p-1 { + padding: 0.25rem; } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .sm\:p-2 { + padding: 0.5rem; } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .sm\:p-3 { + padding: 0.75rem; } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .sm\:p-4 { + padding: 1rem; } - .md\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .sm\:p-5 { + padding: 1.25rem; } - .md\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .sm\:p-6 { + padding: 1.5rem; } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .sm\:p-7 { + padding: 1.75rem; } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .sm\:p-8 { + padding: 2rem; } - .md\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .sm\:p-9 { + padding: 2.25rem; } - .md\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .sm\:p-10 { + padding: 2.5rem; } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .sm\:p-12 { + padding: 3rem; } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .sm\:p-14 { + padding: 3.5rem; } - .md\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .sm\:p-16 { + padding: 4rem; } - .md\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .sm\:p-20 { + padding: 5rem; } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .sm\:p-24 { + padding: 6rem; } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .sm\:p-28 { + padding: 7rem; } - .md\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .sm\:p-32 { + padding: 8rem; } - .md\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .sm\:p-36 { + padding: 9rem; } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .sm\:p-40 { + padding: 10rem; } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .sm\:p-44 { + padding: 11rem; } - .md\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .sm\:p-48 { + padding: 12rem; } - .md\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .sm\:p-52 { + padding: 13rem; } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .sm\:p-56 { + padding: 14rem; } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .sm\:p-60 { + padding: 15rem; } - .md\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .sm\:p-64 { + padding: 16rem; } - .md\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .sm\:p-72 { + padding: 18rem; } - .md\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .sm\:p-80 { + padding: 20rem; } - .md\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .sm\:p-96 { + padding: 24rem; } - .md\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .sm\:p-px { + padding: 1px; } - .md\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .sm\:p-0\.5 { + padding: 0.125rem; } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .sm\:p-1\.5 { + padding: 0.375rem; } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .sm\:p-2\.5 { + padding: 0.625rem; } - .md\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .sm\:p-3\.5 { + padding: 0.875rem; } - .md\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .md\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .sm\:px-0 { + padding-left: 0; + padding-right: 0; } - .md\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .md\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .md\:mt-0 { - margin-top: 0; + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .md\:mr-0 { - margin-right: 0; + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .md\:mb-0 { - margin-bottom: 0; + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .md\:ml-0 { - margin-left: 0; + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .md\:mt-1 { - margin-top: 0.25rem; + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .md\:mr-1 { - margin-right: 0.25rem; + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .md\:mb-1 { - margin-bottom: 0.25rem; + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .md\:ml-1 { - margin-left: 0.25rem; + .sm\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .md\:mt-2 { - margin-top: 0.5rem; + .sm\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .md\:mr-2 { - margin-right: 0.5rem; + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .md\:ml-2 { - margin-left: 0.5rem; + .sm\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .md\:mt-3 { - margin-top: 0.75rem; + .sm\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .md\:mr-3 { - margin-right: 0.75rem; + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .md\:mb-3 { - margin-bottom: 0.75rem; + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .md\:ml-3 { - margin-left: 0.75rem; + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .md\:mt-4 { - margin-top: 1rem; + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .md\:mr-4 { - margin-right: 1rem; + .sm\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .md\:mb-4 { - margin-bottom: 1rem; + .sm\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .md\:ml-4 { - margin-left: 1rem; + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .md\:mt-5 { - margin-top: 1.25rem; + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .md\:mr-5 { - margin-right: 1.25rem; + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .md\:mb-5 { - margin-bottom: 1.25rem; + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .md\:ml-5 { - margin-left: 1.25rem; + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .md\:mt-6 { - margin-top: 1.5rem; + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .md\:mr-6 { - margin-right: 1.5rem; + .sm\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .sm\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .md\:ml-6 { - margin-left: 1.5rem; + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .md\:mt-7 { - margin-top: 1.75rem; + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .md\:mr-7 { - margin-right: 1.75rem; + .sm\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .md\:mb-7 { - margin-bottom: 1.75rem; + .sm\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .md\:ml-7 { - margin-left: 1.75rem; + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .md\:mt-8 { - margin-top: 2rem; + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .md\:mr-8 { - margin-right: 2rem; + .sm\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .md\:mb-8 { - margin-bottom: 2rem; + .sm\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .md\:ml-8 { - margin-left: 2rem; + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .md\:mt-9 { - margin-top: 2.25rem; + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .md\:mr-9 { - margin-right: 2.25rem; + .sm\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .md\:mb-9 { - margin-bottom: 2.25rem; + .sm\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .md\:ml-9 { - margin-left: 2.25rem; + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .md\:mt-10 { - margin-top: 2.5rem; + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .md\:mr-10 { - margin-right: 2.5rem; + .sm\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .md\:mb-10 { - margin-bottom: 2.5rem; + .sm\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .md\:ml-10 { - margin-left: 2.5rem; + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:mt-12 { - margin-top: 3rem; + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:mr-12 { - margin-right: 3rem; + .sm\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .md\:mb-12 { - margin-bottom: 3rem; + .sm\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .md\:ml-12 { - margin-left: 3rem; + .sm\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .md\:mt-14 { - margin-top: 3.5rem; + .sm\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .md\:mr-14 { - margin-right: 3.5rem; + .sm\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .md\:mb-14 { - margin-bottom: 3.5rem; + .sm\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .md\:ml-14 { - margin-left: 3.5rem; + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:mt-16 { - margin-top: 4rem; + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:mr-16 { - margin-right: 4rem; + .sm\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .md\:mb-16 { - margin-bottom: 4rem; + .sm\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .md\:ml-16 { - margin-left: 4rem; + .sm\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .md\:mt-20 { - margin-top: 5rem; + .sm\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .md\:mr-20 { - margin-right: 5rem; + .sm\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .md\:mb-20 { - margin-bottom: 5rem; + .sm\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .md\:ml-20 { - margin-left: 5rem; + .sm\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .md\:mt-24 { - margin-top: 6rem; + .sm\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .md\:mr-24 { - margin-right: 6rem; + .sm\:pt-0 { + padding-top: 0; } - .md\:mb-24 { - margin-bottom: 6rem; + .sm\:pr-0 { + padding-right: 0; } - .md\:ml-24 { - margin-left: 6rem; + .sm\:pb-0 { + padding-bottom: 0; } - .md\:mt-28 { - margin-top: 7rem; + .sm\:pl-0 { + padding-left: 0; } - .md\:mr-28 { - margin-right: 7rem; + .sm\:pt-1 { + padding-top: 0.25rem; } - .md\:mb-28 { - margin-bottom: 7rem; + .sm\:pr-1 { + padding-right: 0.25rem; } - .md\:ml-28 { - margin-left: 7rem; + .sm\:pb-1 { + padding-bottom: 0.25rem; } - .md\:mt-32 { - margin-top: 8rem; + .sm\:pl-1 { + padding-left: 0.25rem; } - .md\:mr-32 { - margin-right: 8rem; + .sm\:pt-2 { + padding-top: 0.5rem; } - .md\:mb-32 { - margin-bottom: 8rem; + .sm\:pr-2 { + padding-right: 0.5rem; } - .md\:ml-32 { - margin-left: 8rem; + .sm\:pb-2 { + padding-bottom: 0.5rem; } - .md\:mt-36 { - margin-top: 9rem; + .sm\:pl-2 { + padding-left: 0.5rem; } - .md\:mr-36 { - margin-right: 9rem; + .sm\:pt-3 { + padding-top: 0.75rem; } - - .md\:mb-36 { - margin-bottom: 9rem; + + .sm\:pr-3 { + padding-right: 0.75rem; } - .md\:ml-36 { - margin-left: 9rem; + .sm\:pb-3 { + padding-bottom: 0.75rem; } - .md\:mt-40 { - margin-top: 10rem; + .sm\:pl-3 { + padding-left: 0.75rem; } - .md\:mr-40 { - margin-right: 10rem; + .sm\:pt-4 { + padding-top: 1rem; } - .md\:mb-40 { - margin-bottom: 10rem; + .sm\:pr-4 { + padding-right: 1rem; } - .md\:ml-40 { - margin-left: 10rem; + .sm\:pb-4 { + padding-bottom: 1rem; } - .md\:mt-44 { - margin-top: 11rem; + .sm\:pl-4 { + padding-left: 1rem; } - .md\:mr-44 { - margin-right: 11rem; + .sm\:pt-5 { + padding-top: 1.25rem; } - .md\:mb-44 { - margin-bottom: 11rem; + .sm\:pr-5 { + padding-right: 1.25rem; } - .md\:ml-44 { - margin-left: 11rem; + .sm\:pb-5 { + padding-bottom: 1.25rem; } - .md\:mt-48 { - margin-top: 12rem; + .sm\:pl-5 { + padding-left: 1.25rem; } - .md\:mr-48 { - margin-right: 12rem; + .sm\:pt-6 { + padding-top: 1.5rem; } - .md\:mb-48 { - margin-bottom: 12rem; + .sm\:pr-6 { + padding-right: 1.5rem; } - .md\:ml-48 { - margin-left: 12rem; + .sm\:pb-6 { + padding-bottom: 1.5rem; } - .md\:mt-52 { - margin-top: 13rem; + .sm\:pl-6 { + padding-left: 1.5rem; } - .md\:mr-52 { - margin-right: 13rem; + .sm\:pt-7 { + padding-top: 1.75rem; } - .md\:mb-52 { - margin-bottom: 13rem; + .sm\:pr-7 { + padding-right: 1.75rem; } - .md\:ml-52 { - margin-left: 13rem; + .sm\:pb-7 { + padding-bottom: 1.75rem; } - .md\:mt-56 { - margin-top: 14rem; + .sm\:pl-7 { + padding-left: 1.75rem; } - .md\:mr-56 { - margin-right: 14rem; + .sm\:pt-8 { + padding-top: 2rem; } - .md\:mb-56 { - margin-bottom: 14rem; + .sm\:pr-8 { + padding-right: 2rem; } - .md\:ml-56 { - margin-left: 14rem; + .sm\:pb-8 { + padding-bottom: 2rem; } - .md\:mt-60 { - margin-top: 15rem; + .sm\:pl-8 { + padding-left: 2rem; } - .md\:mr-60 { - margin-right: 15rem; + .sm\:pt-9 { + padding-top: 2.25rem; } - .md\:mb-60 { - margin-bottom: 15rem; + .sm\:pr-9 { + padding-right: 2.25rem; } - .md\:ml-60 { - margin-left: 15rem; + .sm\:pb-9 { + padding-bottom: 2.25rem; } - .md\:mt-64 { - margin-top: 16rem; + .sm\:pl-9 { + padding-left: 2.25rem; } - .md\:mr-64 { - margin-right: 16rem; + .sm\:pt-10 { + padding-top: 2.5rem; } - .md\:mb-64 { - margin-bottom: 16rem; + .sm\:pr-10 { + padding-right: 2.5rem; } - .md\:ml-64 { - margin-left: 16rem; + .sm\:pb-10 { + padding-bottom: 2.5rem; } - .md\:mt-72 { - margin-top: 18rem; + .sm\:pl-10 { + padding-left: 2.5rem; } - .md\:mr-72 { - margin-right: 18rem; + .sm\:pt-12 { + padding-top: 3rem; } - .md\:mb-72 { - margin-bottom: 18rem; + .sm\:pr-12 { + padding-right: 3rem; } - .md\:ml-72 { - margin-left: 18rem; + .sm\:pb-12 { + padding-bottom: 3rem; } - .md\:mt-80 { - margin-top: 20rem; + .sm\:pl-12 { + padding-left: 3rem; } - .md\:mr-80 { - margin-right: 20rem; + .sm\:pt-14 { + padding-top: 3.5rem; } - .md\:mb-80 { - margin-bottom: 20rem; + .sm\:pr-14 { + padding-right: 3.5rem; } - .md\:ml-80 { - margin-left: 20rem; + .sm\:pb-14 { + padding-bottom: 3.5rem; } - .md\:mt-96 { - margin-top: 24rem; + .sm\:pl-14 { + padding-left: 3.5rem; } - .md\:mr-96 { - margin-right: 24rem; + .sm\:pt-16 { + padding-top: 4rem; } - .md\:mb-96 { - margin-bottom: 24rem; + .sm\:pr-16 { + padding-right: 4rem; } - .md\:ml-96 { - margin-left: 24rem; + .sm\:pb-16 { + padding-bottom: 4rem; } - .md\:mt-auto { - margin-top: auto; + .sm\:pl-16 { + padding-left: 4rem; } - .md\:mr-auto { - margin-right: auto; + .sm\:pt-20 { + padding-top: 5rem; } - .md\:mb-auto { - margin-bottom: auto; + .sm\:pr-20 { + padding-right: 5rem; } - .md\:ml-auto { - margin-left: auto; + .sm\:pb-20 { + padding-bottom: 5rem; } - .md\:mt-px { - margin-top: 1px; + .sm\:pl-20 { + padding-left: 5rem; } - .md\:mr-px { - margin-right: 1px; + .sm\:pt-24 { + padding-top: 6rem; } - .md\:mb-px { - margin-bottom: 1px; + .sm\:pr-24 { + padding-right: 6rem; } - .md\:ml-px { - margin-left: 1px; + .sm\:pb-24 { + padding-bottom: 6rem; } - .md\:mt-0\.5 { - margin-top: 0.125rem; + .sm\:pl-24 { + padding-left: 6rem; } - .md\:mr-0\.5 { - margin-right: 0.125rem; + .sm\:pt-28 { + padding-top: 7rem; } - .md\:mb-0\.5 { - margin-bottom: 0.125rem; + .sm\:pr-28 { + padding-right: 7rem; } - .md\:ml-0\.5 { - margin-left: 0.125rem; + .sm\:pb-28 { + padding-bottom: 7rem; } - .md\:mt-1\.5 { - margin-top: 0.375rem; + .sm\:pl-28 { + padding-left: 7rem; } - .md\:mr-1\.5 { - margin-right: 0.375rem; + .sm\:pt-32 { + padding-top: 8rem; } - .md\:mb-1\.5 { - margin-bottom: 0.375rem; + .sm\:pr-32 { + padding-right: 8rem; } - .md\:ml-1\.5 { - margin-left: 0.375rem; + .sm\:pb-32 { + padding-bottom: 8rem; } - .md\:mt-2\.5 { - margin-top: 0.625rem; + .sm\:pl-32 { + padding-left: 8rem; } - .md\:mr-2\.5 { - margin-right: 0.625rem; + .sm\:pt-36 { + padding-top: 9rem; } - .md\:mb-2\.5 { - margin-bottom: 0.625rem; + .sm\:pr-36 { + padding-right: 9rem; } - .md\:ml-2\.5 { - margin-left: 0.625rem; + .sm\:pb-36 { + padding-bottom: 9rem; } - .md\:mt-3\.5 { - margin-top: 0.875rem; + .sm\:pl-36 { + padding-left: 9rem; } - .md\:mr-3\.5 { - margin-right: 0.875rem; + .sm\:pt-40 { + padding-top: 10rem; } - .md\:mb-3\.5 { - margin-bottom: 0.875rem; + .sm\:pr-40 { + padding-right: 10rem; } - .md\:ml-3\.5 { - margin-left: 0.875rem; + .sm\:pb-40 { + padding-bottom: 10rem; } - .md\:-mt-1 { - margin-top: -0.25rem; + .sm\:pl-40 { + padding-left: 10rem; } - .md\:-mr-1 { - margin-right: -0.25rem; + .sm\:pt-44 { + padding-top: 11rem; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .sm\:pr-44 { + padding-right: 11rem; } - .md\:-ml-1 { - margin-left: -0.25rem; + .sm\:pb-44 { + padding-bottom: 11rem; } - .md\:-mt-2 { - margin-top: -0.5rem; + .sm\:pl-44 { + padding-left: 11rem; } - .md\:-mr-2 { - margin-right: -0.5rem; + .sm\:pt-48 { + padding-top: 12rem; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .sm\:pr-48 { + padding-right: 12rem; } - .md\:-ml-2 { - margin-left: -0.5rem; + .sm\:pb-48 { + padding-bottom: 12rem; } - .md\:-mt-3 { - margin-top: -0.75rem; + .sm\:pl-48 { + padding-left: 12rem; } - .md\:-mr-3 { - margin-right: -0.75rem; + .sm\:pt-52 { + padding-top: 13rem; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .sm\:pr-52 { + padding-right: 13rem; } - .md\:-ml-3 { - margin-left: -0.75rem; + .sm\:pb-52 { + padding-bottom: 13rem; } - .md\:-mt-4 { - margin-top: -1rem; + .sm\:pl-52 { + padding-left: 13rem; } - .md\:-mr-4 { - margin-right: -1rem; + .sm\:pt-56 { + padding-top: 14rem; } - .md\:-mb-4 { - margin-bottom: -1rem; + .sm\:pr-56 { + padding-right: 14rem; } - .md\:-ml-4 { - margin-left: -1rem; + .sm\:pb-56 { + padding-bottom: 14rem; } - .md\:-mt-5 { - margin-top: -1.25rem; + .sm\:pl-56 { + padding-left: 14rem; } - .md\:-mr-5 { - margin-right: -1.25rem; + .sm\:pt-60 { + padding-top: 15rem; } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .sm\:pr-60 { + padding-right: 15rem; } - .md\:-ml-5 { - margin-left: -1.25rem; + .sm\:pb-60 { + padding-bottom: 15rem; } - .md\:-mt-6 { - margin-top: -1.5rem; + .sm\:pl-60 { + padding-left: 15rem; } - .md\:-mr-6 { - margin-right: -1.5rem; + .sm\:pt-64 { + padding-top: 16rem; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .sm\:pr-64 { + padding-right: 16rem; } - .md\:-ml-6 { - margin-left: -1.5rem; + .sm\:pb-64 { + padding-bottom: 16rem; } - .md\:-mt-7 { - margin-top: -1.75rem; + .sm\:pl-64 { + padding-left: 16rem; } - .md\:-mr-7 { - margin-right: -1.75rem; + .sm\:pt-72 { + padding-top: 18rem; } - .md\:-mb-7 { - margin-bottom: -1.75rem; + .sm\:pr-72 { + padding-right: 18rem; } - .md\:-ml-7 { - margin-left: -1.75rem; + .sm\:pb-72 { + padding-bottom: 18rem; } - .md\:-mt-8 { - margin-top: -2rem; + .sm\:pl-72 { + padding-left: 18rem; } - .md\:-mr-8 { - margin-right: -2rem; + .sm\:pt-80 { + padding-top: 20rem; } - .md\:-mb-8 { - margin-bottom: -2rem; + .sm\:pr-80 { + padding-right: 20rem; } - .md\:-ml-8 { - margin-left: -2rem; + .sm\:pb-80 { + padding-bottom: 20rem; } - .md\:-mt-9 { - margin-top: -2.25rem; + .sm\:pl-80 { + padding-left: 20rem; } - .md\:-mr-9 { - margin-right: -2.25rem; + .sm\:pt-96 { + padding-top: 24rem; } - .md\:-mb-9 { - margin-bottom: -2.25rem; + .sm\:pr-96 { + padding-right: 24rem; } - .md\:-ml-9 { - margin-left: -2.25rem; + .sm\:pb-96 { + padding-bottom: 24rem; } - .md\:-mt-10 { - margin-top: -2.5rem; + .sm\:pl-96 { + padding-left: 24rem; } - .md\:-mr-10 { - margin-right: -2.5rem; + .sm\:pt-px { + padding-top: 1px; } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .sm\:pr-px { + padding-right: 1px; } - .md\:-ml-10 { - margin-left: -2.5rem; + .sm\:pb-px { + padding-bottom: 1px; } - .md\:-mt-12 { - margin-top: -3rem; + .sm\:pl-px { + padding-left: 1px; } - .md\:-mr-12 { - margin-right: -3rem; + .sm\:pt-0\.5 { + padding-top: 0.125rem; } - .md\:-mb-12 { - margin-bottom: -3rem; + .sm\:pr-0\.5 { + padding-right: 0.125rem; } - .md\:-ml-12 { - margin-left: -3rem; + .sm\:pb-0\.5 { + padding-bottom: 0.125rem; } - .md\:-mt-14 { - margin-top: -3.5rem; + .sm\:pl-0\.5 { + padding-left: 0.125rem; } - .md\:-mr-14 { - margin-right: -3.5rem; + .sm\:pt-1\.5 { + padding-top: 0.375rem; } - .md\:-mb-14 { - margin-bottom: -3.5rem; + .sm\:pr-1\.5 { + padding-right: 0.375rem; } - .md\:-ml-14 { - margin-left: -3.5rem; + .sm\:pb-1\.5 { + padding-bottom: 0.375rem; } - .md\:-mt-16 { - margin-top: -4rem; + .sm\:pl-1\.5 { + padding-left: 0.375rem; } - .md\:-mr-16 { - margin-right: -4rem; + .sm\:pt-2\.5 { + padding-top: 0.625rem; } - .md\:-mb-16 { - margin-bottom: -4rem; + .sm\:pr-2\.5 { + padding-right: 0.625rem; } - .md\:-ml-16 { - margin-left: -4rem; + .sm\:pb-2\.5 { + padding-bottom: 0.625rem; } - .md\:-mt-20 { - margin-top: -5rem; + .sm\:pl-2\.5 { + padding-left: 0.625rem; } - .md\:-mr-20 { - margin-right: -5rem; + .sm\:pt-3\.5 { + padding-top: 0.875rem; } - .md\:-mb-20 { - margin-bottom: -5rem; + .sm\:pr-3\.5 { + padding-right: 0.875rem; } - .md\:-ml-20 { - margin-left: -5rem; + .sm\:pb-3\.5 { + padding-bottom: 0.875rem; } - .md\:-mt-24 { - margin-top: -6rem; + .sm\:pl-3\.5 { + padding-left: 0.875rem; } - .md\:-mr-24 { - margin-right: -6rem; + .sm\:placeholder-transparent::placeholder { + color: transparent; } - .md\:-mb-24 { - margin-bottom: -6rem; + .sm\:placeholder-current::placeholder { + color: currentColor; } - .md\:-ml-24 { - margin-left: -6rem; + .sm\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:-mt-28 { - margin-top: -7rem; + .sm\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:-mr-28 { - margin-right: -7rem; + .sm\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } - .md\:-mb-28 { - margin-bottom: -7rem; + .sm\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } - .md\:-ml-28 { - margin-left: -7rem; + .sm\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } - .md\:-mt-32 { - margin-top: -8rem; + .sm\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } - .md\:-mr-32 { - margin-right: -8rem; + .sm\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } - .md\:-mb-32 { - margin-bottom: -8rem; + .sm\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } - .md\:-ml-32 { - margin-left: -8rem; + .sm\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } - .md\:-mt-36 { - margin-top: -9rem; + .sm\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } - .md\:-mr-36 { - margin-right: -9rem; + .sm\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } - .md\:-mb-36 { - margin-bottom: -9rem; + .sm\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } - .md\:-ml-36 { - margin-left: -9rem; + .sm\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } - .md\:-mt-40 { - margin-top: -10rem; + .sm\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } - .md\:-mr-40 { - margin-right: -10rem; + .sm\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } - .md\:-mb-40 { - margin-bottom: -10rem; + .sm\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } - .md\:-ml-40 { - margin-left: -10rem; + .sm\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } - .md\:-mt-44 { - margin-top: -11rem; + .sm\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } - .md\:-mr-44 { - margin-right: -11rem; + .sm\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } - .md\:-mb-44 { - margin-bottom: -11rem; + .sm\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } - .md\:-ml-44 { - margin-left: -11rem; + .sm\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } - .md\:-mt-48 { - margin-top: -12rem; + .sm\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } - .md\:-mr-48 { - margin-right: -12rem; + .sm\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } - .md\:-mb-48 { - margin-bottom: -12rem; + .sm\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } - .md\:-ml-48 { - margin-left: -12rem; + .sm\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } - .md\:-mt-52 { - margin-top: -13rem; + .sm\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } - .md\:-mr-52 { - margin-right: -13rem; + .sm\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } - .md\:-mb-52 { - margin-bottom: -13rem; + .sm\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } - .md\:-ml-52 { - margin-left: -13rem; + .sm\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } - .md\:-mt-56 { - margin-top: -14rem; + .sm\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } - .md\:-mr-56 { - margin-right: -14rem; + .sm\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } - .md\:-mb-56 { - margin-bottom: -14rem; + .sm\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } - .md\:-ml-56 { - margin-left: -14rem; + .sm\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } - .md\:-mt-60 { - margin-top: -15rem; + .sm\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } - .md\:-mr-60 { - margin-right: -15rem; + .sm\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } - .md\:-mb-60 { - margin-bottom: -15rem; + .sm\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } - .md\:-ml-60 { - margin-left: -15rem; + .sm\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } - .md\:-mt-64 { - margin-top: -16rem; + .sm\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .md\:-mr-64 { - margin-right: -16rem; + .sm\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .md\:-mb-64 { - margin-bottom: -16rem; + .sm\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .md\:-ml-64 { - margin-left: -16rem; + .sm\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .md\:-mt-72 { - margin-top: -18rem; + .sm\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .md\:-mr-72 { - margin-right: -18rem; + .sm\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .md\:-mb-72 { - margin-bottom: -18rem; + .sm\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .md\:-ml-72 { - margin-left: -18rem; + .sm\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .md\:-mt-80 { - margin-top: -20rem; + .sm\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .md\:-mr-80 { - margin-right: -20rem; + .sm\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .md\:-mb-80 { - margin-bottom: -20rem; + .sm\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .md\:-ml-80 { - margin-left: -20rem; + .sm\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .md\:-mt-96 { - margin-top: -24rem; + .sm\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .md\:-mr-96 { - margin-right: -24rem; + .sm\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .md\:-mb-96 { - margin-bottom: -24rem; + .sm\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .md\:-ml-96 { - margin-left: -24rem; + .sm\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .md\:-mt-px { - margin-top: -1px; + .sm\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .md\:-mr-px { - margin-right: -1px; + .sm\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .md\:-mb-px { - margin-bottom: -1px; + .sm\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .md\:-ml-px { - margin-left: -1px; + .sm\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .md\:-mt-0\.5 { - margin-top: -0.125rem; + .sm\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .md\:-mr-0\.5 { - margin-right: -0.125rem; + .sm\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .md\:-mb-0\.5 { - margin-bottom: -0.125rem; + .sm\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .md\:-ml-0\.5 { - margin-left: -0.125rem; + .sm\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .md\:-mt-1\.5 { - margin-top: -0.375rem; + .sm\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .md\:-mr-1\.5 { - margin-right: -0.375rem; + .sm\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .md\:-mb-1\.5 { - margin-bottom: -0.375rem; + .sm\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .md\:-ml-1\.5 { - margin-left: -0.375rem; + .sm\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .md\:-mt-2\.5 { - margin-top: -0.625rem; + .sm\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .md\:-mr-2\.5 { - margin-right: -0.625rem; + .sm\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .md\:-mb-2\.5 { - margin-bottom: -0.625rem; + .sm\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .md\:-ml-2\.5 { - margin-left: -0.625rem; + .sm\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .md\:-mt-3\.5 { - margin-top: -0.875rem; + .sm\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .md\:-mr-3\.5 { - margin-right: -0.875rem; + .sm\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .md\:-mb-3\.5 { - margin-bottom: -0.875rem; + .sm\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .md\:-ml-3\.5 { - margin-left: -0.875rem; + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .md\:max-h-0 { - max-height: 0; + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .md\:max-h-1 { - max-height: 0.25rem; + .sm\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .md\:max-h-2 { - max-height: 0.5rem; + .sm\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .md\:max-h-3 { - max-height: 0.75rem; + .sm\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } - .md\:max-h-4 { - max-height: 1rem; + .sm\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } - .md\:max-h-5 { - max-height: 1.25rem; + .sm\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } - .md\:max-h-6 { - max-height: 1.5rem; + .sm\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } - .md\:max-h-7 { - max-height: 1.75rem; + .sm\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } - .md\:max-h-8 { - max-height: 2rem; + .sm\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } - .md\:max-h-9 { - max-height: 2.25rem; + .sm\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } - .md\:max-h-10 { - max-height: 2.5rem; + .sm\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } - .md\:max-h-12 { - max-height: 3rem; + .sm\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } - .md\:max-h-14 { - max-height: 3.5rem; + .sm\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } - .md\:max-h-16 { - max-height: 4rem; + .sm\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } - .md\:max-h-20 { - max-height: 5rem; + .sm\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } - .md\:max-h-24 { - max-height: 6rem; + .sm\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } - .md\:max-h-28 { - max-height: 7rem; + .sm\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } - .md\:max-h-32 { - max-height: 8rem; + .sm\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } - .md\:max-h-36 { - max-height: 9rem; + .sm\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } - .md\:max-h-40 { - max-height: 10rem; + .sm\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } - .md\:max-h-44 { - max-height: 11rem; + .sm\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } - .md\:max-h-48 { - max-height: 12rem; + .sm\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } - .md\:max-h-52 { - max-height: 13rem; + .sm\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } - .md\:max-h-56 { - max-height: 14rem; + .sm\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } - .md\:max-h-60 { - max-height: 15rem; + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } - .md\:max-h-64 { - max-height: 16rem; + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } - .md\:max-h-72 { - max-height: 18rem; + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } - .md\:max-h-80 { - max-height: 20rem; + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } - .md\:max-h-96 { - max-height: 24rem; + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } - .md\:max-h-px { - max-height: 1px; + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } - .md\:max-h-0\.5 { - max-height: 0.125rem; + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } - .md\:max-h-1\.5 { - max-height: 0.375rem; + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } - .md\:max-h-2\.5 { - max-height: 0.625rem; + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } - .md\:max-h-3\.5 { - max-height: 0.875rem; + .sm\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } - .md\:max-h-full { - max-height: 100%; + .sm\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } - .md\:max-h-screen { - max-height: 100vh; + .sm\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } - .md\:max-w-0 { - max-width: 0rem; + .sm\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } - .md\:max-w-none { - max-width: none; + .sm\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } - .md\:max-w-xs { - max-width: 20rem; + .sm\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .md\:max-w-sm { - max-width: 24rem; + .sm\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .md\:max-w-md { - max-width: 28rem; + .sm\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .md\:max-w-lg { - max-width: 32rem; + .sm\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .md\:max-w-xl { - max-width: 36rem; + .sm\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .md\:max-w-2xl { - max-width: 42rem; + .sm\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .md\:max-w-3xl { - max-width: 48rem; + .sm\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .md\:max-w-4xl { - max-width: 56rem; + .sm\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .md\:max-w-5xl { - max-width: 64rem; + .sm\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .md\:max-w-6xl { - max-width: 72rem; + .sm\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .md\:max-w-7xl { - max-width: 80rem; + .sm\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .md\:max-w-full { - max-width: 100%; + .sm\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .md\:max-w-min { - max-width: min-content; + .sm\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .md\:max-w-max { - max-width: max-content; + .sm\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .md\:max-w-screen-sm { - max-width: 640px; + .sm\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .md\:max-w-screen-md { - max-width: 768px; + .sm\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .md\:max-w-screen-lg { - max-width: 1024px; + .sm\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .md\:max-w-screen-xl { - max-width: 1280px; + .sm\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .md\:max-w-screen-2xl { - max-width: 1536px; + .sm\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .md\:min-h-0 { - min-height: 0; + .sm\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .md\:min-h-full { - min-height: 100%; + .sm\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .md\:min-h-screen { - min-height: 100vh; + .sm\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .md\:min-w-0 { - min-width: 0; + .sm\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .md\:min-w-full { - min-width: 100%; + .sm\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .md\:min-w-min { - min-width: min-content; + .sm\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .md\:min-w-max { - min-width: max-content; + .sm\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .md\:object-contain { - object-fit: contain; + .sm\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .md\:object-cover { - object-fit: cover; + .sm\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .md\:object-fill { - object-fit: fill; + .sm\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .md\:object-none { - object-fit: none; + .sm\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .md\:object-scale-down { - object-fit: scale-down; + .sm\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .md\:object-bottom { - object-position: bottom; + .sm\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .md\:object-center { - object-position: center; + .sm\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .md\:object-left { - object-position: left; + .sm\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .md\:object-left-bottom { - object-position: left bottom; + .sm\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .md\:object-left-top { - object-position: left top; + .sm\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .md\:object-right { - object-position: right; + .sm\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .md\:object-right-bottom { - object-position: right bottom; + .sm\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .md\:object-right-top { - object-position: right top; + .sm\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .md\:object-top { - object-position: top; + .sm\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .md\:opacity-0 { - opacity: 0; + .sm\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .md\:opacity-25 { - opacity: 0.25; + .sm\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .md\:opacity-50 { - opacity: 0.5; + .sm\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .md\:opacity-75 { - opacity: 0.75; + .sm\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .md\:opacity-100 { - opacity: 1; + .sm\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .group:hover .md\:group-hover\:opacity-0 { - opacity: 0; + .sm\:pointer-events-none { + pointer-events: none; } - .group:hover .md\:group-hover\:opacity-25 { - opacity: 0.25; + .sm\:pointer-events-auto { + pointer-events: auto; } - .group:hover .md\:group-hover\:opacity-50 { - opacity: 0.5; + .sm\:static { + position: static; } - .group:hover .md\:group-hover\:opacity-75 { - opacity: 0.75; + .sm\:fixed { + position: fixed; } - .group:hover .md\:group-hover\:opacity-100 { - opacity: 1; + .sm\:absolute { + position: absolute; } - .md\:hover\:opacity-0:hover { - opacity: 0; + .sm\:relative { + position: relative; } - .md\:hover\:opacity-25:hover { - opacity: 0.25; + .sm\:sticky { + position: sticky; } - .md\:hover\:opacity-50:hover { - opacity: 0.5; + .sm\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .md\:hover\:opacity-75:hover { - opacity: 0.75; + .sm\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .md\:hover\:opacity-100:hover { - opacity: 1; + .sm\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .md\:focus\:opacity-0:focus { - opacity: 0; + .sm\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .md\:focus\:opacity-25:focus { - opacity: 0.25; + .sm\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .md\:focus\:opacity-50:focus { - opacity: 0.5; + .sm\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .md\:focus\:opacity-75:focus { - opacity: 0.75; + .sm\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .md\:focus\:opacity-100:focus { - opacity: 1; + .sm\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .md\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .sm\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .md\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .sm\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .md\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .sm\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .md\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .sm\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .md\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .sm\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .md\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .sm\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .md\:overflow-auto { - overflow: auto; + .sm\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .md\:overflow-hidden { - overflow: hidden; + .sm\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .md\:overflow-visible { - overflow: visible; + .sm\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .md\:overflow-scroll { - overflow: scroll; + .sm\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .md\:overflow-x-auto { - overflow-x: auto; + .sm\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .md\:overflow-y-auto { - overflow-y: auto; + .sm\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .md\:overflow-x-hidden { - overflow-x: hidden; + .sm\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .md\:overflow-y-hidden { - overflow-y: hidden; + .sm\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .md\:overflow-x-visible { - overflow-x: visible; + .sm\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .md\:overflow-y-visible { - overflow-y: visible; + .sm\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .md\:overflow-x-scroll { - overflow-x: scroll; + .sm\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .md\:overflow-y-scroll { - overflow-y: scroll; + .sm\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .md\:overscroll-auto { - overscroll-behavior: auto; + .sm\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .md\:overscroll-contain { - overscroll-behavior: contain; + .sm\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .md\:overscroll-none { - overscroll-behavior: none; + .sm\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .md\:overscroll-y-auto { - overscroll-behavior-y: auto; + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:overscroll-y-contain { - overscroll-behavior-y: contain; + .sm\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .md\:overscroll-y-none { - overscroll-behavior-y: none; + .sm\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .md\:overscroll-x-auto { - overscroll-behavior-x: auto; + .sm\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .md\:overscroll-x-contain { - overscroll-behavior-x: contain; + .sm\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .md\:overscroll-x-none { - overscroll-behavior-x: none; + .sm\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .md\:p-0 { - padding: 0; + .sm\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .md\:p-1 { - padding: 0.25rem; + .sm\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .md\:p-2 { - padding: 0.5rem; + .sm\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .md\:p-3 { - padding: 0.75rem; + .sm\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .md\:p-4 { - padding: 1rem; + .sm\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .md\:p-5 { - padding: 1.25rem; + .sm\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .md\:p-6 { - padding: 1.5rem; + .sm\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .md\:p-7 { - padding: 1.75rem; + .sm\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .md\:p-8 { - padding: 2rem; + .sm\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .md\:p-9 { - padding: 2.25rem; + .sm\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .md\:p-10 { - padding: 2.5rem; + .sm\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .md\:p-12 { - padding: 3rem; + .sm\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .md\:p-14 { - padding: 3.5rem; + .sm\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .md\:p-16 { - padding: 4rem; + .sm\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .md\:p-20 { - padding: 5rem; + .sm\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .md\:p-24 { - padding: 6rem; + .sm\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .md\:p-28 { - padding: 7rem; + .sm\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .md\:p-32 { - padding: 8rem; + .sm\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .md\:p-36 { - padding: 9rem; + .sm\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .md\:p-40 { - padding: 10rem; + .sm\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .md\:p-44 { - padding: 11rem; + .sm\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .md\:p-48 { - padding: 12rem; + .sm\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .md\:p-52 { - padding: 13rem; + .sm\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .md\:p-56 { - padding: 14rem; + .sm\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .md\:p-60 { - padding: 15rem; + .sm\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .md\:p-64 { - padding: 16rem; + .sm\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .md\:p-72 { - padding: 18rem; + .sm\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .md\:p-80 { - padding: 20rem; + .sm\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .md\:p-96 { - padding: 24rem; + .sm\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .md\:p-px { - padding: 1px; + .sm\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .md\:p-0\.5 { - padding: 0.125rem; + .sm\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .md\:p-1\.5 { - padding: 0.375rem; + .sm\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .md\:p-2\.5 { - padding: 0.625rem; + .sm\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .md\:p-3\.5 { - padding: 0.875rem; + .sm\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .sm\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .sm\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .sm\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .sm\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .sm\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .sm\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .sm\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .sm\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .sm\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .sm\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .sm\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .sm\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .sm\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .sm\:inset-y-0 { + top: 0; + bottom: 0; } - .md\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .sm\:inset-x-0 { + right: 0; + left: 0; } - .md\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .sm\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .sm\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .sm\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .md\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .sm\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .md\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .sm\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .sm\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .sm\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .sm\:inset-x-4 { + right: 1rem; + left: 1rem; } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .sm\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .md\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .sm\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .md\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .sm\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .sm\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .sm\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .sm\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .sm\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .sm\:inset-x-8 { + right: 2rem; + left: 2rem; } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .sm\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .md\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .sm\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .md\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .sm\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .sm\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .sm\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .md\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .sm\:inset-x-12 { + right: 3rem; + left: 3rem; } - .md\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .sm\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .sm\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .sm\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .md\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .sm\:inset-x-16 { + right: 4rem; + left: 4rem; } - .md\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .sm\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .sm\:inset-x-20 { + right: 5rem; + left: 5rem; } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .sm\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .md\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .sm\:inset-x-24 { + right: 6rem; + left: 6rem; } - .md\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .sm\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .sm\:inset-x-28 { + right: 7rem; + left: 7rem; } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .sm\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .md\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .sm\:inset-x-32 { + right: 8rem; + left: 8rem; } - .md\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .sm\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .sm\:inset-x-36 { + right: 9rem; + left: 9rem; } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .sm\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .md\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .sm\:inset-x-40 { + right: 10rem; + left: 10rem; } - .md\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .sm\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .md\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .sm\:inset-x-44 { + right: 11rem; + left: 11rem; } - .md\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .sm\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .md\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .sm\:inset-x-48 { + right: 12rem; + left: 12rem; } - .md\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .sm\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .sm\:inset-x-52 { + right: 13rem; + left: 13rem; } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .sm\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .md\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .sm\:inset-x-56 { + right: 14rem; + left: 14rem; } - .md\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .sm\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .md\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .sm\:inset-x-60 { + right: 15rem; + left: 15rem; } - .md\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .sm\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .md\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .sm\:inset-x-64 { + right: 16rem; + left: 16rem; } - .md\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .sm\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .md\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .sm\:inset-x-72 { + right: 18rem; + left: 18rem; } - .md\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .sm\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .md\:pt-0 { - padding-top: 0; + .sm\:inset-x-80 { + right: 20rem; + left: 20rem; } - .md\:pr-0 { - padding-right: 0; + .sm\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .md\:pb-0 { - padding-bottom: 0; + .sm\:inset-x-96 { + right: 24rem; + left: 24rem; } - .md\:pl-0 { - padding-left: 0; + .sm\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:pt-1 { - padding-top: 0.25rem; + .sm\:inset-x-auto { + right: auto; + left: auto; } - .md\:pr-1 { - padding-right: 0.25rem; + .sm\:inset-y-px { + top: 1px; + bottom: 1px; } - .md\:pb-1 { - padding-bottom: 0.25rem; + .sm\:inset-x-px { + right: 1px; + left: 1px; } - .md\:pl-1 { - padding-left: 0.25rem; + .sm\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .md\:pt-2 { - padding-top: 0.5rem; + .sm\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .md\:pr-2 { - padding-right: 0.5rem; + .sm\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .md\:pb-2 { - padding-bottom: 0.5rem; + .sm\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .md\:pl-2 { - padding-left: 0.5rem; + .sm\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .md\:pt-3 { - padding-top: 0.75rem; + .sm\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .md\:pr-3 { - padding-right: 0.75rem; + .sm\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .md\:pb-3 { - padding-bottom: 0.75rem; + .sm\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .md\:pl-3 { - padding-left: 0.75rem; + .sm\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .md\:pt-4 { - padding-top: 1rem; + .sm\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .md\:pr-4 { - padding-right: 1rem; + .sm\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .md\:pb-4 { - padding-bottom: 1rem; + .sm\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .md\:pl-4 { - padding-left: 1rem; + .sm\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .md\:pt-5 { - padding-top: 1.25rem; + .sm\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .md\:pr-5 { - padding-right: 1.25rem; + .sm\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .md\:pb-5 { - padding-bottom: 1.25rem; + .sm\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .md\:pl-5 { - padding-left: 1.25rem; + .sm\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .md\:pt-6 { - padding-top: 1.5rem; + .sm\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .md\:pr-6 { - padding-right: 1.5rem; + .sm\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .md\:pb-6 { - padding-bottom: 1.5rem; + .sm\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .md\:pl-6 { - padding-left: 1.5rem; + .sm\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .md\:pt-7 { - padding-top: 1.75rem; + .sm\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .md\:pr-7 { - padding-right: 1.75rem; + .sm\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .md\:pb-7 { - padding-bottom: 1.75rem; + .sm\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .md\:pl-7 { - padding-left: 1.75rem; + .sm\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .md\:pt-8 { - padding-top: 2rem; + .sm\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .md\:pr-8 { - padding-right: 2rem; + .sm\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .md\:pb-8 { - padding-bottom: 2rem; + .sm\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .md\:pl-8 { - padding-left: 2rem; + .sm\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .md\:pt-9 { - padding-top: 2.25rem; + .sm\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .md\:pr-9 { - padding-right: 2.25rem; + .sm\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .md\:pb-9 { - padding-bottom: 2.25rem; + .sm\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .md\:pl-9 { - padding-left: 2.25rem; + .sm\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .md\:pt-10 { - padding-top: 2.5rem; + .sm\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .md\:pr-10 { - padding-right: 2.5rem; + .sm\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .md\:pb-10 { - padding-bottom: 2.5rem; + .sm\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .md\:pl-10 { - padding-left: 2.5rem; + .sm\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .md\:pt-12 { - padding-top: 3rem; + .sm\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .md\:pr-12 { - padding-right: 3rem; + .sm\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .md\:pb-12 { - padding-bottom: 3rem; + .sm\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .md\:pl-12 { - padding-left: 3rem; + .sm\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .md\:pt-14 { - padding-top: 3.5rem; + .sm\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .md\:pr-14 { - padding-right: 3.5rem; + .sm\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .md\:pb-14 { - padding-bottom: 3.5rem; + .sm\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .md\:pl-14 { - padding-left: 3.5rem; + .sm\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .md\:pt-16 { - padding-top: 4rem; + .sm\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .md\:pr-16 { - padding-right: 4rem; + .sm\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .md\:pb-16 { - padding-bottom: 4rem; + .sm\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .md\:pl-16 { - padding-left: 4rem; + .sm\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .md\:pt-20 { - padding-top: 5rem; + .sm\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .md\:pr-20 { - padding-right: 5rem; + .sm\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .md\:pb-20 { - padding-bottom: 5rem; + .sm\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .md\:pl-20 { - padding-left: 5rem; + .sm\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .md\:pt-24 { - padding-top: 6rem; + .sm\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .md\:pr-24 { - padding-right: 6rem; + .sm\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .md\:pb-24 { - padding-bottom: 6rem; + .sm\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .md\:pl-24 { - padding-left: 6rem; + .sm\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .md\:pt-28 { - padding-top: 7rem; + .sm\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .md\:pr-28 { - padding-right: 7rem; + .sm\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .md\:pb-28 { - padding-bottom: 7rem; + .sm\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .md\:pl-28 { - padding-left: 7rem; + .sm\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .md\:pt-32 { - padding-top: 8rem; + .sm\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .md\:pr-32 { - padding-right: 8rem; + .sm\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .md\:pb-32 { - padding-bottom: 8rem; + .sm\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .md\:pl-32 { - padding-left: 8rem; + .sm\:-inset-y-px { + top: -1px; + bottom: -1px; } - .md\:pt-36 { - padding-top: 9rem; + .sm\:-inset-x-px { + right: -1px; + left: -1px; } - .md\:pr-36 { - padding-right: 9rem; + .sm\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .md\:pb-36 { - padding-bottom: 9rem; + .sm\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .md\:pl-36 { - padding-left: 9rem; + .sm\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .md\:pt-40 { - padding-top: 10rem; + .sm\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .md\:pr-40 { - padding-right: 10rem; + .sm\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .md\:pb-40 { - padding-bottom: 10rem; + .sm\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .md\:pl-40 { - padding-left: 10rem; + .sm\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .md\:pt-44 { - padding-top: 11rem; + .sm\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .md\:pr-44 { - padding-right: 11rem; + .sm\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .md\:pb-44 { - padding-bottom: 11rem; + .sm\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .md\:pl-44 { - padding-left: 11rem; + .sm\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .md\:pt-48 { - padding-top: 12rem; + .sm\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .md\:pr-48 { - padding-right: 12rem; + .sm\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .md\:pb-48 { - padding-bottom: 12rem; + .sm\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .md\:pl-48 { - padding-left: 12rem; + .sm\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .md\:pt-52 { - padding-top: 13rem; + .sm\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .md\:pr-52 { - padding-right: 13rem; + .sm\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .md\:pb-52 { - padding-bottom: 13rem; + .sm\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .md\:pl-52 { - padding-left: 13rem; + .sm\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .md\:pt-56 { - padding-top: 14rem; + .sm\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .md\:pr-56 { - padding-right: 14rem; + .sm\:inset-y-full { + top: 100%; + bottom: 100%; } - .md\:pb-56 { - padding-bottom: 14rem; + .sm\:inset-x-full { + right: 100%; + left: 100%; } - .md\:pl-56 { - padding-left: 14rem; + .sm\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .md\:pt-60 { - padding-top: 15rem; + .sm\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .md\:pr-60 { - padding-right: 15rem; + .sm\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .md\:pb-60 { - padding-bottom: 15rem; + .sm\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .md\:pl-60 { - padding-left: 15rem; + .sm\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .md\:pt-64 { - padding-top: 16rem; + .sm\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .md\:pr-64 { - padding-right: 16rem; + .sm\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .md\:pb-64 { - padding-bottom: 16rem; + .sm\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .md\:pl-64 { - padding-left: 16rem; + .sm\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .md\:pt-72 { - padding-top: 18rem; + .sm\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .md\:pr-72 { - padding-right: 18rem; + .sm\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .md\:pb-72 { - padding-bottom: 18rem; + .sm\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .md\:pl-72 { - padding-left: 18rem; + .sm\:-inset-y-full { + top: -100%; + bottom: -100%; } - .md\:pt-80 { - padding-top: 20rem; + .sm\:-inset-x-full { + right: -100%; + left: -100%; } - .md\:pr-80 { - padding-right: 20rem; + .sm\:top-0 { + top: 0; } - .md\:pb-80 { - padding-bottom: 20rem; + .sm\:right-0 { + right: 0; } - .md\:pl-80 { - padding-left: 20rem; + .sm\:bottom-0 { + bottom: 0; } - .md\:pt-96 { - padding-top: 24rem; + .sm\:left-0 { + left: 0; } - .md\:pr-96 { - padding-right: 24rem; + .sm\:top-1 { + top: 0.25rem; } - .md\:pb-96 { - padding-bottom: 24rem; + .sm\:right-1 { + right: 0.25rem; } - .md\:pl-96 { - padding-left: 24rem; + .sm\:bottom-1 { + bottom: 0.25rem; } - .md\:pt-px { - padding-top: 1px; + .sm\:left-1 { + left: 0.25rem; } - .md\:pr-px { - padding-right: 1px; + .sm\:top-2 { + top: 0.5rem; } - .md\:pb-px { - padding-bottom: 1px; + .sm\:right-2 { + right: 0.5rem; } - .md\:pl-px { - padding-left: 1px; + .sm\:bottom-2 { + bottom: 0.5rem; } - .md\:pt-0\.5 { - padding-top: 0.125rem; + .sm\:left-2 { + left: 0.5rem; } - .md\:pr-0\.5 { - padding-right: 0.125rem; + .sm\:top-3 { + top: 0.75rem; } - .md\:pb-0\.5 { - padding-bottom: 0.125rem; + .sm\:right-3 { + right: 0.75rem; } - .md\:pl-0\.5 { - padding-left: 0.125rem; + .sm\:bottom-3 { + bottom: 0.75rem; } - .md\:pt-1\.5 { - padding-top: 0.375rem; + .sm\:left-3 { + left: 0.75rem; } - .md\:pr-1\.5 { - padding-right: 0.375rem; + .sm\:top-4 { + top: 1rem; } - .md\:pb-1\.5 { - padding-bottom: 0.375rem; + .sm\:right-4 { + right: 1rem; } - .md\:pl-1\.5 { - padding-left: 0.375rem; + .sm\:bottom-4 { + bottom: 1rem; } - .md\:pt-2\.5 { - padding-top: 0.625rem; + .sm\:left-4 { + left: 1rem; } - .md\:pr-2\.5 { - padding-right: 0.625rem; + .sm\:top-5 { + top: 1.25rem; } - .md\:pb-2\.5 { - padding-bottom: 0.625rem; + .sm\:right-5 { + right: 1.25rem; } - .md\:pl-2\.5 { - padding-left: 0.625rem; + .sm\:bottom-5 { + bottom: 1.25rem; } - .md\:pt-3\.5 { - padding-top: 0.875rem; + .sm\:left-5 { + left: 1.25rem; } - .md\:pr-3\.5 { - padding-right: 0.875rem; + .sm\:top-6 { + top: 1.5rem; } - .md\:pb-3\.5 { - padding-bottom: 0.875rem; + .sm\:right-6 { + right: 1.5rem; } - .md\:pl-3\.5 { - padding-left: 0.875rem; + .sm\:bottom-6 { + bottom: 1.5rem; } - .md\:placeholder-transparent::placeholder { - color: transparent; + .sm\:left-6 { + left: 1.5rem; } - .md\:placeholder-current::placeholder { - color: currentColor; + .sm\:top-7 { + top: 1.75rem; } - .md\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .sm\:right-7 { + right: 1.75rem; } - .md\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .sm\:bottom-7 { + bottom: 1.75rem; } - .md\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .sm\:left-7 { + left: 1.75rem; } - .md\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .sm\:top-8 { + top: 2rem; } - .md\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .sm\:right-8 { + right: 2rem; } - .md\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .sm\:bottom-8 { + bottom: 2rem; } - .md\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .sm\:left-8 { + left: 2rem; } - .md\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .sm\:top-9 { + top: 2.25rem; } - .md\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .sm\:right-9 { + right: 2.25rem; } - .md\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .sm\:bottom-9 { + bottom: 2.25rem; } - .md\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .sm\:left-9 { + left: 2.25rem; } - .md\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .sm\:top-10 { + top: 2.5rem; } - .md\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .sm\:right-10 { + right: 2.5rem; } - .md\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .sm\:bottom-10 { + bottom: 2.5rem; } - .md\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .sm\:left-10 { + left: 2.5rem; } - .md\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .sm\:top-12 { + top: 3rem; } - .md\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .sm\:right-12 { + right: 3rem; } - .md\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .sm\:bottom-12 { + bottom: 3rem; } - .md\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .sm\:left-12 { + left: 3rem; } - .md\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .sm\:top-14 { + top: 3.5rem; } - .md\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .sm\:right-14 { + right: 3.5rem; } - .md\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .sm\:bottom-14 { + bottom: 3.5rem; } - .md\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .sm\:left-14 { + left: 3.5rem; } - .md\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .sm\:top-16 { + top: 4rem; } - .md\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .sm\:right-16 { + right: 4rem; } - .md\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .sm\:bottom-16 { + bottom: 4rem; } - .md\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .sm\:left-16 { + left: 4rem; } - .md\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .sm\:top-20 { + top: 5rem; } - .md\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .sm\:right-20 { + right: 5rem; } - .md\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .sm\:bottom-20 { + bottom: 5rem; } - .md\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .sm\:left-20 { + left: 5rem; } - .md\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .sm\:top-24 { + top: 6rem; } - .md\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .sm\:right-24 { + right: 6rem; } - .md\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .sm\:bottom-24 { + bottom: 6rem; } - .md\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .sm\:left-24 { + left: 6rem; } - .md\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .sm\:top-28 { + top: 7rem; } - .md\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .sm\:right-28 { + right: 7rem; } - .md\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .sm\:bottom-28 { + bottom: 7rem; } - .md\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .sm\:left-28 { + left: 7rem; } - .md\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .sm\:top-32 { + top: 8rem; } - .md\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .sm\:right-32 { + right: 8rem; } - .md\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .sm\:bottom-32 { + bottom: 8rem; } - .md\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .sm\:left-32 { + left: 8rem; } - .md\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .sm\:top-36 { + top: 9rem; } - .md\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .sm\:right-36 { + right: 9rem; } - .md\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .sm\:bottom-36 { + bottom: 9rem; } - .md\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .sm\:left-36 { + left: 9rem; } - .md\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .sm\:top-40 { + top: 10rem; } - .md\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .sm\:right-40 { + right: 10rem; } - .md\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .sm\:bottom-40 { + bottom: 10rem; } - .md\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .sm\:left-40 { + left: 10rem; } - .md\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .sm\:top-44 { + top: 11rem; } - .md\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .sm\:right-44 { + right: 11rem; } - .md\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .sm\:bottom-44 { + bottom: 11rem; } - .md\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .sm\:left-44 { + left: 11rem; } - .md\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .sm\:top-48 { + top: 12rem; } - .md\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .sm\:right-48 { + right: 12rem; } - .md\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .sm\:bottom-48 { + bottom: 12rem; } - .md\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .sm\:left-48 { + left: 12rem; } - .md\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .sm\:top-52 { + top: 13rem; } - .md\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .sm\:right-52 { + right: 13rem; } - .md\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .sm\:bottom-52 { + bottom: 13rem; } - .md\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .sm\:left-52 { + left: 13rem; } - .md\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .sm\:top-56 { + top: 14rem; } - .md\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .sm\:right-56 { + right: 14rem; } - .md\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .sm\:bottom-56 { + bottom: 14rem; } - .md\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .sm\:left-56 { + left: 14rem; } - .md\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .sm\:top-60 { + top: 15rem; } - .md\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .sm\:right-60 { + right: 15rem; } - .md\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .sm\:bottom-60 { + bottom: 15rem; } - .md\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .sm\:left-60 { + left: 15rem; } - .md\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .sm\:top-64 { + top: 16rem; } - .md\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .sm\:right-64 { + right: 16rem; } - .md\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .sm\:bottom-64 { + bottom: 16rem; } - .md\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .sm\:left-64 { + left: 16rem; } - .md\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .sm\:top-72 { + top: 18rem; } - .md\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .sm\:right-72 { + right: 18rem; } - .md\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .sm\:bottom-72 { + bottom: 18rem; } - .md\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .sm\:left-72 { + left: 18rem; } - .md\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .sm\:top-80 { + top: 20rem; } - .md\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .sm\:right-80 { + right: 20rem; } - .md\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .sm\:bottom-80 { + bottom: 20rem; } - .md\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .sm\:left-80 { + left: 20rem; } - .md\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .sm\:top-96 { + top: 24rem; } - .md\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .sm\:right-96 { + right: 24rem; } - .md\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .sm\:bottom-96 { + bottom: 24rem; } - .md\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .sm\:left-96 { + left: 24rem; } - .md\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .sm\:top-auto { + top: auto; } - .md\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .sm\:right-auto { + right: auto; } - .md\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .sm\:bottom-auto { + bottom: auto; } - .md\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .sm\:left-auto { + left: auto; } - .md\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .sm\:top-px { + top: 1px; } - .md\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .sm\:right-px { + right: 1px; } - .md\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .sm\:bottom-px { + bottom: 1px; } - .md\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .sm\:left-px { + left: 1px; } - .md\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .sm\:top-0\.5 { + top: 0.125rem; } - .md\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .sm\:right-0\.5 { + right: 0.125rem; } - .md\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .sm\:bottom-0\.5 { + bottom: 0.125rem; } - .md\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .sm\:left-0\.5 { + left: 0.125rem; } - .md\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .sm\:top-1\.5 { + top: 0.375rem; } - .md\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .sm\:right-1\.5 { + right: 0.375rem; } - .md\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .sm\:bottom-1\.5 { + bottom: 0.375rem; } - .md\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .sm\:left-1\.5 { + left: 0.375rem; } - .md\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .sm\:top-2\.5 { + top: 0.625rem; } - .md\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .sm\:right-2\.5 { + right: 0.625rem; } - .md\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .sm\:bottom-2\.5 { + bottom: 0.625rem; } - .md\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .sm\:left-2\.5 { + left: 0.625rem; } - .md\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .sm\:top-3\.5 { + top: 0.875rem; } - .md\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .sm\:right-3\.5 { + right: 0.875rem; } - .md\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .sm\:bottom-3\.5 { + bottom: 0.875rem; } - .md\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .sm\:left-3\.5 { + left: 0.875rem; } - .md\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .sm\:-top-1 { + top: -0.25rem; } - .md\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .sm\:-right-1 { + right: -0.25rem; } - .md\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .sm\:-bottom-1 { + bottom: -0.25rem; } - .md\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .sm\:-left-1 { + left: -0.25rem; } - .md\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .sm\:-top-2 { + top: -0.5rem; } - .md\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .sm\:-right-2 { + right: -0.5rem; } - .md\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .sm\:-bottom-2 { + bottom: -0.5rem; } - .md\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .sm\:-left-2 { + left: -0.5rem; } - .md\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .sm\:-top-3 { + top: -0.75rem; } - .md\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .sm\:-right-3 { + right: -0.75rem; } - .md\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .sm\:-bottom-3 { + bottom: -0.75rem; } - .md\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .sm\:-left-3 { + left: -0.75rem; } - .md\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .sm\:-top-4 { + top: -1rem; } - .md\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .sm\:-right-4 { + right: -1rem; } - .md\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .sm\:-bottom-4 { + bottom: -1rem; } - .md\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .sm\:-left-4 { + left: -1rem; } - .md\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .sm\:-top-5 { + top: -1.25rem; } - .md\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .sm\:-right-5 { + right: -1.25rem; } - .md\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .sm\:-bottom-5 { + bottom: -1.25rem; } - .md\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .sm\:-left-5 { + left: -1.25rem; } - .md\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .sm\:-top-6 { + top: -1.5rem; } - .md\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .sm\:-right-6 { + right: -1.5rem; } - .md\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .sm\:-bottom-6 { + bottom: -1.5rem; } - .md\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .sm\:-left-6 { + left: -1.5rem; } - .md\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .sm\:-top-7 { + top: -1.75rem; } - .md\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .sm\:-right-7 { + right: -1.75rem; } - .md\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .sm\:-bottom-7 { + bottom: -1.75rem; } - .md\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .sm\:-left-7 { + left: -1.75rem; } - .md\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .sm\:-top-8 { + top: -2rem; } - .md\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .sm\:-right-8 { + right: -2rem; } - .md\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .sm\:-bottom-8 { + bottom: -2rem; } - .md\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .sm\:-left-8 { + left: -2rem; } - .md\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .sm\:-top-9 { + top: -2.25rem; } - .md\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .sm\:-right-9 { + right: -2.25rem; } - .md\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .sm\:-bottom-9 { + bottom: -2.25rem; } - @media (prefers-color-scheme: dark) { - .md\:dark\:placeholder-transparent::placeholder { - color: transparent; - } + .sm\:-left-9 { + left: -2.25rem; + } - .md\:dark\:placeholder-current::placeholder { - color: currentColor; - } + .sm\:-top-10 { + top: -2.5rem; + } - .md\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .sm\:-right-10 { + right: -2.5rem; + } - .md\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .sm\:-bottom-10 { + bottom: -2.5rem; + } - .md\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .sm\:-left-10 { + left: -2.5rem; + } - .md\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .sm\:-top-12 { + top: -3rem; + } - .md\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .sm\:-right-12 { + right: -3rem; + } - .md\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .sm\:-bottom-12 { + bottom: -3rem; + } - .md\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .sm\:-left-12 { + left: -3rem; + } - .md\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .sm\:-top-14 { + top: -3.5rem; + } - .md\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .sm\:-right-14 { + right: -3.5rem; + } - .md\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .sm\:-bottom-14 { + bottom: -3.5rem; + } - .md\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .sm\:-left-14 { + left: -3.5rem; + } - .md\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .sm\:-top-16 { + top: -4rem; + } - .md\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .sm\:-right-16 { + right: -4rem; + } - .md\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .sm\:-bottom-16 { + bottom: -4rem; + } - .md\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .sm\:-left-16 { + left: -4rem; + } - .md\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .sm\:-top-20 { + top: -5rem; + } - .md\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .sm\:-right-20 { + right: -5rem; + } - .md\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .sm\:-bottom-20 { + bottom: -5rem; + } - .md\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .sm\:-left-20 { + left: -5rem; + } - .md\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .sm\:-top-24 { + top: -6rem; + } - .md\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .sm\:-right-24 { + right: -6rem; + } - .md\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .sm\:-bottom-24 { + bottom: -6rem; + } - .md\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .sm\:-left-24 { + left: -6rem; + } - .md\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .sm\:-top-28 { + top: -7rem; + } - .md\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .sm\:-right-28 { + right: -7rem; + } - .md\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .sm\:-bottom-28 { + bottom: -7rem; + } - .md\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .sm\:-left-28 { + left: -7rem; + } - .md\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .sm\:-top-32 { + top: -8rem; + } - .md\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .sm\:-right-32 { + right: -8rem; + } - .md\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .sm\:-bottom-32 { + bottom: -8rem; + } - .md\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .sm\:-left-32 { + left: -8rem; + } - .md\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .sm\:-top-36 { + top: -9rem; + } - .md\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .sm\:-right-36 { + right: -9rem; + } - .md\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .sm\:-bottom-36 { + bottom: -9rem; + } - .md\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .sm\:-left-36 { + left: -9rem; + } - .md\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .sm\:-top-40 { + top: -10rem; + } - .md\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .sm\:-right-40 { + right: -10rem; + } - .md\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .sm\:-bottom-40 { + bottom: -10rem; + } - .md\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .sm\:-left-40 { + left: -10rem; + } - .md\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .sm\:-top-44 { + top: -11rem; + } - .md\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .sm\:-right-44 { + right: -11rem; + } - .md\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .sm\:-bottom-44 { + bottom: -11rem; + } - .md\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .sm\:-left-44 { + left: -11rem; + } - .md\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .sm\:-top-48 { + top: -12rem; + } - .md\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .sm\:-right-48 { + right: -12rem; + } - .md\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .sm\:-bottom-48 { + bottom: -12rem; + } - .md\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .sm\:-left-48 { + left: -12rem; + } - .md\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .sm\:-top-52 { + top: -13rem; + } - .md\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .sm\:-right-52 { + right: -13rem; + } - .md\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .sm\:-bottom-52 { + bottom: -13rem; + } - .md\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .sm\:-left-52 { + left: -13rem; + } - .md\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .sm\:-top-56 { + top: -14rem; + } - .md\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .sm\:-right-56 { + right: -14rem; + } - .md\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .sm\:-bottom-56 { + bottom: -14rem; + } - .md\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .sm\:-left-56 { + left: -14rem; + } - .md\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .sm\:-top-60 { + top: -15rem; + } - .md\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .sm\:-right-60 { + right: -15rem; + } - .md\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .sm\:-bottom-60 { + bottom: -15rem; + } - .md\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .sm\:-left-60 { + left: -15rem; + } - .md\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .sm\:-top-64 { + top: -16rem; + } - .md\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .sm\:-right-64 { + right: -16rem; + } - .md\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .sm\:-bottom-64 { + bottom: -16rem; + } - .md\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .sm\:-left-64 { + left: -16rem; + } - .md\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .sm\:-top-72 { + top: -18rem; + } - .md\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .sm\:-right-72 { + right: -18rem; + } - .md\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .sm\:-bottom-72 { + bottom: -18rem; + } - .md\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .sm\:-left-72 { + left: -18rem; + } - .md\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .sm\:-top-80 { + top: -20rem; + } - .md\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .sm\:-right-80 { + right: -20rem; + } - .md\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .sm\:-bottom-80 { + bottom: -20rem; + } - .md\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .sm\:-left-80 { + left: -20rem; + } - .md\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .sm\:-top-96 { + top: -24rem; + } - .md\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .sm\:-right-96 { + right: -24rem; + } - .md\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .sm\:-bottom-96 { + bottom: -24rem; + } - .md\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .sm\:-left-96 { + left: -24rem; + } - .md\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .sm\:-top-px { + top: -1px; + } - .md\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .sm\:-right-px { + right: -1px; + } - .md\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .sm\:-bottom-px { + bottom: -1px; + } - .md\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .sm\:-left-px { + left: -1px; + } - .md\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .sm\:-top-0\.5 { + top: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .sm\:-right-0\.5 { + right: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .sm\:-bottom-0\.5 { + bottom: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .sm\:-left-0\.5 { + left: -0.125rem; + } - .md\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .sm\:-top-1\.5 { + top: -0.375rem; + } - .md\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .sm\:-right-1\.5 { + right: -0.375rem; + } - .md\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .sm\:-bottom-1\.5 { + bottom: -0.375rem; + } - .md\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .sm\:-left-1\.5 { + left: -0.375rem; + } - .md\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .sm\:-top-2\.5 { + top: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .sm\:-right-2\.5 { + right: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .sm\:-bottom-2\.5 { + bottom: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .sm\:-left-2\.5 { + left: -0.625rem; + } - .md\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .sm\:-top-3\.5 { + top: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .sm\:-right-3\.5 { + right: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .sm\:-bottom-3\.5 { + bottom: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .sm\:-left-3\.5 { + left: -0.875rem; + } - .md\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .sm\:top-1\/2 { + top: 50%; + } - .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .sm\:right-1\/2 { + right: 50%; + } - .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .sm\:bottom-1\/2 { + bottom: 50%; + } - .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .sm\:left-1\/2 { + left: 50%; + } - .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .sm\:top-1\/3 { + top: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .sm\:right-1\/3 { + right: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .sm\:bottom-1\/3 { + bottom: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .sm\:left-1\/3 { + left: 33.333333%; + } - .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .sm\:top-2\/3 { + top: 66.666667%; + } - .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .sm\:right-2\/3 { + right: 66.666667%; + } - .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .sm\:bottom-2\/3 { + bottom: 66.666667%; + } - .md\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .sm\:left-2\/3 { + left: 66.666667%; + } - .md\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .sm\:top-1\/4 { + top: 25%; + } - .md\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .sm\:right-1\/4 { + right: 25%; + } - .md\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .sm\:bottom-1\/4 { + bottom: 25%; + } - .md\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .sm\:left-1\/4 { + left: 25%; + } - .md\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .sm\:top-2\/4 { + top: 50%; + } - .md\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .sm\:right-2\/4 { + right: 50%; + } - .md\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .sm\:bottom-2\/4 { + bottom: 50%; + } - .md\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .sm\:left-2\/4 { + left: 50%; + } - .md\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .sm\:top-3\/4 { + top: 75%; + } - .md\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .sm\:right-3\/4 { + right: 75%; + } - .md\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .sm\:bottom-3\/4 { + bottom: 75%; + } - .md\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .sm\:left-3\/4 { + left: 75%; + } - .md\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .sm\:top-full { + top: 100%; + } - .md\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .sm\:right-full { + right: 100%; + } - .md\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .sm\:bottom-full { + bottom: 100%; + } - .md\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .sm\:left-full { + left: 100%; + } - .md\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .sm\:-top-1\/2 { + top: -50%; + } - .md\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .sm\:-right-1\/2 { + right: -50%; + } - .md\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .sm\:-bottom-1\/2 { + bottom: -50%; + } - .md\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .sm\:-left-1\/2 { + left: -50%; + } - .md\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .sm\:-top-1\/3 { + top: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .sm\:-right-1\/3 { + right: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .sm\:-bottom-1\/3 { + bottom: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .sm\:-left-1\/3 { + left: -33.333333%; + } - .md\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .sm\:-top-2\/3 { + top: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .sm\:-right-2\/3 { + right: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .sm\:-bottom-2\/3 { + bottom: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .sm\:-left-2\/3 { + left: -66.666667%; + } - .md\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .sm\:-top-1\/4 { + top: -25%; + } - .md\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .sm\:-right-1\/4 { + right: -25%; + } - .md\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .sm\:-bottom-1\/4 { + bottom: -25%; + } - .md\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .sm\:-left-1\/4 { + left: -25%; + } - .md\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .sm\:-top-2\/4 { + top: -50%; + } - .md\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .sm\:-right-2\/4 { + right: -50%; + } - .md\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .sm\:-bottom-2\/4 { + bottom: -50%; + } - .md\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .sm\:-left-2\/4 { + left: -50%; + } - .md\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .sm\:-top-3\/4 { + top: -75%; + } - .md\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .sm\:-right-3\/4 { + right: -75%; + } - .md\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .sm\:-bottom-3\/4 { + bottom: -75%; } - .md\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .sm\:-left-3\/4 { + left: -75%; } - .md\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .sm\:-top-full { + top: -100%; } - .md\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .sm\:-right-full { + right: -100%; } - .md\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .sm\:-bottom-full { + bottom: -100%; } - .md\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .sm\:-left-full { + left: -100%; } - .md\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .sm\:resize-none { + resize: none; } - .md\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .sm\:resize-y { + resize: vertical; } - .md\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .sm\:resize-x { + resize: horizontal; } - .md\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .sm\:resize { + resize: both; } - .md\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .sm\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:pointer-events-none { - pointer-events: none; + .sm\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:pointer-events-auto { - pointer-events: auto; + .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\:static { - position: static; + .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\:fixed { - position: fixed; + .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\:absolute { - position: absolute; + .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\:relative { - position: relative; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:sticky { - position: sticky; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .sm\:shadow-none { + box-shadow: none; } - .md\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .sm\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .sm\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .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\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .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\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .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\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .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\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .sm\:hover\:shadow-none:hover { + box-shadow: none; } - .md\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .sm\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .md\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .sm\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .md\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .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\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .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\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .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\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .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\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .sm\:focus\:shadow-none:focus { + box-shadow: none; } - .md\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .sm\:fill-current { + fill: currentColor; } - .md\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .sm\:stroke-current { + stroke: currentColor; } - .md\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .sm\:stroke-0 { + stroke-width: 0; } - .md\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .sm\:stroke-1 { + stroke-width: 1; } - .md\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .sm\:stroke-2 { + stroke-width: 2; } - .md\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .sm\:table-auto { + table-layout: auto; } - .md\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .sm\:table-fixed { + table-layout: fixed; } - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .sm\:text-left { + text-align: left; } - .md\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .sm\:text-center { + text-align: center; } - .md\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .sm\:text-right { + text-align: right; } - .md\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .sm\:text-justify { + text-align: justify; } - .md\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .sm\:text-transparent { + color: transparent; } - .md\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .sm\:text-current { + color: currentColor; } - .md\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .sm\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .sm\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .sm\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .sm\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .sm\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .sm\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .sm\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .sm\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .sm\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .sm\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .sm\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .sm\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .md\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .sm\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .sm\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .sm\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .sm\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .sm\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .sm\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .sm\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .sm\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .sm\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .sm\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .sm\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .sm\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .sm\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .sm\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .sm\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .sm\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .sm\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .sm\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .sm\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .sm\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .sm\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .sm\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .sm\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .sm\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .sm\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .sm\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .sm\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .sm\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .sm\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .sm\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .sm\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .sm\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .sm\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .sm\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .sm\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:inset-y-0 { - top: 0; - bottom: 0; + .sm\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:inset-x-0 { - right: 0; - left: 0; + .sm\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .sm\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .sm\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .sm\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .sm\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .sm\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .sm\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .sm\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:inset-x-4 { - right: 1rem; - left: 1rem; + .sm\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .sm\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .sm\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .sm\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .sm\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .sm\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .sm\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .sm\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:inset-x-8 { - right: 2rem; - left: 2rem; + .sm\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .sm\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .sm\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .sm\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .sm\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .sm\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:inset-x-12 { - right: 3rem; - left: 3rem; + .sm\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .sm\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .group:hover .sm\:group-hover\:text-transparent { + color: transparent; } - .md\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .group:hover .sm\:group-hover\:text-current { + color: currentColor; } - .md\:inset-x-16 { - right: 4rem; - left: 4rem; + .group:hover .sm\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .group:hover .sm\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:inset-x-20 { - right: 5rem; - left: 5rem; + .group:hover .sm\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .group:hover .sm\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:inset-x-24 { - right: 6rem; - left: 6rem; + .group:hover .sm\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .group:hover .sm\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:inset-x-28 { - right: 7rem; - left: 7rem; + .group:hover .sm\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .group:hover .sm\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:inset-x-32 { - right: 8rem; - left: 8rem; + .group:hover .sm\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .group:hover .sm\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:inset-x-36 { - right: 9rem; - left: 9rem; + .group:hover .sm\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .group:hover .sm\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } + + .group:hover .sm\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:inset-x-40 { - right: 10rem; - left: 10rem; + .group:hover .sm\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .group:hover .sm\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:inset-x-44 { - right: 11rem; - left: 11rem; + .group:hover .sm\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .group:hover .sm\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:inset-x-48 { - right: 12rem; - left: 12rem; + .group:hover .sm\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .group:hover .sm\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:inset-x-52 { - right: 13rem; - left: 13rem; + .group:hover .sm\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .group:hover .sm\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:inset-x-56 { - right: 14rem; - left: 14rem; + .group:hover .sm\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .group:hover .sm\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:inset-x-60 { - right: 15rem; - left: 15rem; + .group:hover .sm\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .group:hover .sm\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:inset-x-64 { - right: 16rem; - left: 16rem; + .group:hover .sm\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .group:hover .sm\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:inset-x-72 { - right: 18rem; - left: 18rem; + .group:hover .sm\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .group:hover .sm\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:inset-x-80 { - right: 20rem; - left: 20rem; + .group:hover .sm\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .group:hover .sm\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:inset-x-96 { - right: 24rem; - left: 24rem; + .group:hover .sm\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:inset-y-auto { - top: auto; - bottom: auto; + .group:hover .sm\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:inset-x-auto { - right: auto; - left: auto; + .group:hover .sm\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:inset-y-px { - top: 1px; - bottom: 1px; + .group:hover .sm\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:inset-x-px { - right: 1px; - left: 1px; + .group:hover .sm\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .group:hover .sm\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .group:hover .sm\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .group:hover .sm\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .group:hover .sm\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .group:hover .sm\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .group:hover .sm\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .group:hover .sm\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .group:hover .sm\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .group:hover .sm\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .group:hover .sm\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .group:hover .sm\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .group:hover .sm\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .group:hover .sm\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .group:hover .sm\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .group:hover .sm\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:-inset-x-4 { - right: -1rem; - left: -1rem; + .group:hover .sm\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .group:hover .sm\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .group:hover .sm\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .group:hover .sm\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .group:hover .sm\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .group:hover .sm\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .group:hover .sm\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .group:hover .sm\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:-inset-x-8 { - right: -2rem; - left: -2rem; + .group:hover .sm\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .group:hover .sm\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .group:hover .sm\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .group:hover .sm\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .group:hover .sm\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .group:hover .sm\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:-inset-x-12 { - right: -3rem; - left: -3rem; + .group:hover .sm\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .group:hover .sm\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .group:hover .sm\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .group:hover .sm\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:-inset-x-16 { - right: -4rem; - left: -4rem; + .group:hover .sm\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .group:hover .sm\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:-inset-x-20 { - right: -5rem; - left: -5rem; + .group:hover .sm\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .sm\:hover\:text-transparent:hover { + color: transparent; } - .md\:-inset-x-24 { - right: -6rem; - left: -6rem; + .sm\:hover\:text-current:hover { + color: currentColor; } - .md\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .sm\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:-inset-x-28 { - right: -7rem; - left: -7rem; + .sm\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .sm\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:-inset-x-32 { - right: -8rem; - left: -8rem; + .sm\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .sm\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:-inset-x-36 { - right: -9rem; - left: -9rem; + .sm\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .sm\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:-inset-x-40 { - right: -10rem; - left: -10rem; + .sm\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .sm\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:-inset-x-44 { - right: -11rem; - left: -11rem; + .sm\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .sm\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:-inset-x-48 { - right: -12rem; - left: -12rem; + .sm\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .md\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .sm\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:-inset-x-52 { - right: -13rem; - left: -13rem; + .sm\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .sm\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:-inset-x-56 { - right: -14rem; - left: -14rem; + .sm\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .sm\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:-inset-x-60 { - right: -15rem; - left: -15rem; + .sm\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .sm\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:-inset-x-64 { - right: -16rem; - left: -16rem; + .sm\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .sm\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:-inset-x-72 { - right: -18rem; - left: -18rem; + .sm\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .sm\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:-inset-x-80 { - right: -20rem; - left: -20rem; + .sm\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .sm\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:-inset-x-96 { - right: -24rem; - left: -24rem; + .sm\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:-inset-y-px { - top: -1px; - bottom: -1px; + .sm\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:-inset-x-px { - right: -1px; - left: -1px; + .sm\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .sm\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .sm\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .sm\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .sm\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .sm\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .sm\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .sm\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .sm\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .sm\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:inset-x-1\/2 { - right: 50%; - left: 50%; + .sm\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .sm\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .sm\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .sm\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .sm\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .sm\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:inset-x-1\/4 { - right: 25%; - left: 25%; + .sm\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .sm\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:inset-x-2\/4 { - right: 50%; - left: 50%; + .sm\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .sm\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:inset-x-3\/4 { - right: 75%; - left: 75%; + .sm\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:inset-y-full { - top: 100%; - bottom: 100%; + .sm\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:inset-x-full { - right: 100%; - left: 100%; + .sm\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .sm\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .sm\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .sm\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .sm\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .sm\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .sm\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .sm\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .sm\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .sm\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .sm\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .sm\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .sm\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:-inset-y-full { - top: -100%; - bottom: -100%; + .sm\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:-inset-x-full { - right: -100%; - left: -100%; + .sm\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:top-0 { - top: 0; + .sm\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:right-0 { - right: 0; + .sm\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:bottom-0 { - bottom: 0; + .sm\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:left-0 { - left: 0; + .sm\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:top-1 { - top: 0.25rem; + .sm\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:right-1 { - right: 0.25rem; + .sm\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:bottom-1 { - bottom: 0.25rem; + .sm\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:left-1 { - left: 0.25rem; + .sm\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:top-2 { - top: 0.5rem; + .sm\:focus\:text-transparent:focus { + color: transparent; } - .md\:right-2 { - right: 0.5rem; + .sm\:focus\:text-current:focus { + color: currentColor; } - .md\:bottom-2 { - bottom: 0.5rem; + .sm\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .md\:left-2 { - left: 0.5rem; + .sm\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .md\:top-3 { - top: 0.75rem; + .sm\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .md\:right-3 { - right: 0.75rem; + .sm\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .md\:bottom-3 { - bottom: 0.75rem; + .sm\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .md\:left-3 { - left: 0.75rem; + .sm\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .md\:top-4 { - top: 1rem; + .sm\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .md\:right-4 { - right: 1rem; + .sm\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .md\:bottom-4 { - bottom: 1rem; + .sm\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .md\:left-4 { - left: 1rem; + .sm\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .md\:top-5 { - top: 1.25rem; + .sm\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .md\:right-5 { - right: 1.25rem; + .sm\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .md\:bottom-5 { - bottom: 1.25rem; + .sm\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .md\:left-5 { - left: 1.25rem; + .sm\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .md\:top-6 { - top: 1.5rem; + .sm\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .md\:right-6 { - right: 1.5rem; + .sm\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .md\:bottom-6 { - bottom: 1.5rem; + .sm\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .md\:left-6 { - left: 1.5rem; + .sm\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .md\:top-7 { - top: 1.75rem; + .sm\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .md\:right-7 { - right: 1.75rem; + .sm\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .md\:bottom-7 { - bottom: 1.75rem; + .sm\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .md\:left-7 { - left: 1.75rem; + .sm\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .md\:top-8 { - top: 2rem; + .sm\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .md\:right-8 { - right: 2rem; + .sm\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .md\:bottom-8 { - bottom: 2rem; + .sm\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .md\:left-8 { - left: 2rem; + .sm\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .md\:top-9 { - top: 2.25rem; + .sm\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .md\:right-9 { - right: 2.25rem; + .sm\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .md\:bottom-9 { - bottom: 2.25rem; + .sm\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .md\:left-9 { - left: 2.25rem; + .sm\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .md\:top-10 { - top: 2.5rem; + .sm\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .md\:right-10 { - right: 2.5rem; + .sm\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .md\:bottom-10 { - bottom: 2.5rem; + .sm\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .md\:left-10 { - left: 2.5rem; + .sm\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .md\:top-12 { - top: 3rem; + .sm\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .md\:right-12 { - right: 3rem; + .sm\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .md\:bottom-12 { - bottom: 3rem; + .sm\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .md\:left-12 { - left: 3rem; + .sm\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .md\:top-14 { - top: 3.5rem; + .sm\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .md\:right-14 { - right: 3.5rem; + .sm\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .md\:bottom-14 { - bottom: 3.5rem; + .sm\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .md\:left-14 { - left: 3.5rem; + .sm\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .md\:top-16 { - top: 4rem; + .sm\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .md\:right-16 { - right: 4rem; + .sm\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .md\:bottom-16 { - bottom: 4rem; + .sm\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .md\:left-16 { - left: 4rem; + .sm\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .md\:top-20 { - top: 5rem; + .sm\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .md\:right-20 { - right: 5rem; + .sm\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .md\:bottom-20 { - bottom: 5rem; + .sm\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .md\:left-20 { - left: 5rem; + .sm\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .md\:top-24 { - top: 6rem; + .sm\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .md\:right-24 { - right: 6rem; + .sm\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .md\:bottom-24 { - bottom: 6rem; + .sm\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .md\:left-24 { - left: 6rem; + .sm\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .md\:top-28 { - top: 7rem; + .sm\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .md\:right-28 { - right: 7rem; + .sm\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .md\:bottom-28 { - bottom: 7rem; + .sm\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .md\:left-28 { - left: 7rem; + .sm\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .md\:top-32 { - top: 8rem; + .sm\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .md\:right-32 { - right: 8rem; + .sm\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .md\:bottom-32 { - bottom: 8rem; + .sm\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .md\:left-32 { - left: 8rem; + .sm\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .md\:top-36 { - top: 9rem; + .sm\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .md\:right-36 { - right: 9rem; + .sm\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .md\:bottom-36 { - bottom: 9rem; + .sm\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .md\:left-36 { - left: 9rem; + .sm\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .md\:top-40 { - top: 10rem; + .sm\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .md\:right-40 { - right: 10rem; + .sm\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .md\:bottom-40 { - bottom: 10rem; + .sm\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .md\:left-40 { - left: 10rem; + .sm\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .md\:top-44 { - top: 11rem; + .sm\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .md\:right-44 { - right: 11rem; + .sm\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .md\:bottom-44 { - bottom: 11rem; + .sm\:text-opacity-0 { + --text-opacity: 0; } - .md\:left-44 { - left: 11rem; + .sm\:text-opacity-25 { + --text-opacity: 0.25; } - .md\:top-48 { - top: 12rem; + .sm\:text-opacity-50 { + --text-opacity: 0.5; } - .md\:right-48 { - right: 12rem; + .sm\:text-opacity-75 { + --text-opacity: 0.75; } - .md\:bottom-48 { - bottom: 12rem; + .sm\:text-opacity-100 { + --text-opacity: 1; } - .md\:left-48 { - left: 12rem; + .group:hover .sm\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .md\:top-52 { - top: 13rem; + .group:hover .sm\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .md\:right-52 { - right: 13rem; + .group:hover .sm\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .md\:bottom-52 { - bottom: 13rem; + .group:hover .sm\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .md\:left-52 { - left: 13rem; + .group:hover .sm\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .md\:top-56 { - top: 14rem; + .sm\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .md\:right-56 { - right: 14rem; + .sm\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .md\:bottom-56 { - bottom: 14rem; + .sm\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .md\:left-56 { - left: 14rem; + .sm\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .md\:top-60 { - top: 15rem; + .sm\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .md\:right-60 { - right: 15rem; + .sm\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .md\:bottom-60 { - bottom: 15rem; + .sm\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .md\:left-60 { - left: 15rem; + .sm\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .md\:top-64 { - top: 16rem; + .sm\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .md\:right-64 { - right: 16rem; + .sm\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .md\:bottom-64 { - bottom: 16rem; + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:left-64 { - left: 16rem; + .sm\:overflow-ellipsis { + text-overflow: ellipsis; } - .md\:top-72 { - top: 18rem; + .sm\:overflow-clip { + text-overflow: clip; } - .md\:right-72 { - right: 18rem; + .sm\:italic { + font-style: italic; } - .md\:bottom-72 { - bottom: 18rem; + .sm\:not-italic { + font-style: normal; } - .md\:left-72 { - left: 18rem; + .sm\:uppercase { + text-transform: uppercase; } - .md\:top-80 { - top: 20rem; + .sm\:lowercase { + text-transform: lowercase; } - .md\:right-80 { - right: 20rem; + .sm\:capitalize { + text-transform: capitalize; } - .md\:bottom-80 { - bottom: 20rem; + .sm\:normal-case { + text-transform: none; } - .md\:left-80 { - left: 20rem; + .sm\:underline { + text-decoration: underline; } - .md\:top-96 { - top: 24rem; + .sm\:line-through { + text-decoration: line-through; } - .md\:right-96 { - right: 24rem; + .sm\:no-underline { + text-decoration: none; } - .md\:bottom-96 { - bottom: 24rem; + .sm\:hover\:underline:hover { + text-decoration: underline; } - .md\:left-96 { - left: 24rem; + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:top-auto { - top: auto; + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .md\:right-auto { - right: auto; + .sm\:focus\:underline:focus { + text-decoration: underline; } - .md\:bottom-auto { - bottom: auto; + .sm\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:left-auto { - left: auto; + .sm\:focus\:no-underline:focus { + text-decoration: none; } - .md\:top-px { - top: 1px; + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:right-px { - right: 1px; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:bottom-px { - bottom: 1px; + .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .md\:left-px { - left: 1px; + .sm\:normal-nums { + font-variant-numeric: normal; } - .md\:top-0\.5 { - top: 0.125rem; + .sm\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .md\:right-0\.5 { - right: 0.125rem; + .sm\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .md\:bottom-0\.5 { - bottom: 0.125rem; + .sm\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .md\:left-0\.5 { - left: 0.125rem; + .sm\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .md\:top-1\.5 { - top: 0.375rem; + .sm\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .md\:right-1\.5 { - right: 0.375rem; + .sm\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .md\:bottom-1\.5 { - bottom: 0.375rem; + .sm\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .md\:left-1\.5 { - left: 0.375rem; + .sm\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .md\:top-2\.5 { - top: 0.625rem; + .sm\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:right-2\.5 { - right: 0.625rem; + .sm\:tracking-tight { + letter-spacing: -0.025em; } - .md\:bottom-2\.5 { - bottom: 0.625rem; + .sm\:tracking-normal { + letter-spacing: 0; } - .md\:left-2\.5 { - left: 0.625rem; + .sm\:tracking-wide { + letter-spacing: 0.025em; } - .md\:top-3\.5 { - top: 0.875rem; + .sm\:tracking-wider { + letter-spacing: 0.05em; } - .md\:right-3\.5 { - right: 0.875rem; + .sm\:tracking-widest { + letter-spacing: 0.1em; } - .md\:bottom-3\.5 { - bottom: 0.875rem; + .sm\:select-none { + user-select: none; } - .md\:left-3\.5 { - left: 0.875rem; + .sm\:select-text { + user-select: text; } - .md\:-top-1 { - top: -0.25rem; + .sm\:select-all { + user-select: all; } - .md\:-right-1 { - right: -0.25rem; + .sm\:select-auto { + user-select: auto; } - .md\:-bottom-1 { - bottom: -0.25rem; + .sm\:align-baseline { + vertical-align: baseline; } - .md\:-left-1 { - left: -0.25rem; + .sm\:align-top { + vertical-align: top; } - .md\:-top-2 { - top: -0.5rem; + .sm\:align-middle { + vertical-align: middle; } - .md\:-right-2 { - right: -0.5rem; + .sm\:align-bottom { + vertical-align: bottom; } - .md\:-bottom-2 { - bottom: -0.5rem; + .sm\:align-text-top { + vertical-align: text-top; } - .md\:-left-2 { - left: -0.5rem; + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .md\:-top-3 { - top: -0.75rem; + .sm\:visible { + visibility: visible; } - .md\:-right-3 { - right: -0.75rem; + .sm\:invisible { + visibility: hidden; } - .md\:-bottom-3 { - bottom: -0.75rem; + .sm\:whitespace-normal { + white-space: normal; } - .md\:-left-3 { - left: -0.75rem; + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .md\:-top-4 { - top: -1rem; + .sm\:whitespace-pre { + white-space: pre; } - .md\:-right-4 { - right: -1rem; + .sm\:whitespace-pre-line { + white-space: pre-line; } - .md\:-bottom-4 { - bottom: -1rem; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:-left-4 { - left: -1rem; + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .md\:-top-5 { - top: -1.25rem; + .sm\:break-words { + overflow-wrap: break-word; } - .md\:-right-5 { - right: -1.25rem; + .sm\:break-all { + word-break: break-all; } - .md\:-bottom-5 { - bottom: -1.25rem; + .sm\:w-0 { + width: 0; } - .md\:-left-5 { - left: -1.25rem; + .sm\:w-1 { + width: 0.25rem; } - .md\:-top-6 { - top: -1.5rem; + .sm\:w-2 { + width: 0.5rem; } - .md\:-right-6 { - right: -1.5rem; + .sm\:w-3 { + width: 0.75rem; } - .md\:-bottom-6 { - bottom: -1.5rem; + .sm\:w-4 { + width: 1rem; } - .md\:-left-6 { - left: -1.5rem; + .sm\:w-5 { + width: 1.25rem; } - .md\:-top-7 { - top: -1.75rem; + .sm\:w-6 { + width: 1.5rem; } - .md\:-right-7 { - right: -1.75rem; + .sm\:w-7 { + width: 1.75rem; } - .md\:-bottom-7 { - bottom: -1.75rem; + .sm\:w-8 { + width: 2rem; } - .md\:-left-7 { - left: -1.75rem; + .sm\:w-9 { + width: 2.25rem; } - .md\:-top-8 { - top: -2rem; + .sm\:w-10 { + width: 2.5rem; } - .md\:-right-8 { - right: -2rem; + .sm\:w-12 { + width: 3rem; } - .md\:-bottom-8 { - bottom: -2rem; + .sm\:w-14 { + width: 3.5rem; } - .md\:-left-8 { - left: -2rem; + .sm\:w-16 { + width: 4rem; } - .md\:-top-9 { - top: -2.25rem; + .sm\:w-20 { + width: 5rem; } - .md\:-right-9 { - right: -2.25rem; + .sm\:w-24 { + width: 6rem; } - .md\:-bottom-9 { - bottom: -2.25rem; + .sm\:w-28 { + width: 7rem; } - .md\:-left-9 { - left: -2.25rem; + .sm\:w-32 { + width: 8rem; } - .md\:-top-10 { - top: -2.5rem; + .sm\:w-36 { + width: 9rem; } - .md\:-right-10 { - right: -2.5rem; + .sm\:w-40 { + width: 10rem; } - .md\:-bottom-10 { - bottom: -2.5rem; + .sm\:w-44 { + width: 11rem; } - .md\:-left-10 { - left: -2.5rem; + .sm\:w-48 { + width: 12rem; } - .md\:-top-12 { - top: -3rem; + .sm\:w-52 { + width: 13rem; } - .md\:-right-12 { - right: -3rem; + .sm\:w-56 { + width: 14rem; } - .md\:-bottom-12 { - bottom: -3rem; + .sm\:w-60 { + width: 15rem; } - .md\:-left-12 { - left: -3rem; + .sm\:w-64 { + width: 16rem; } - .md\:-top-14 { - top: -3.5rem; + .sm\:w-72 { + width: 18rem; } - .md\:-right-14 { - right: -3.5rem; + .sm\:w-80 { + width: 20rem; } - .md\:-bottom-14 { - bottom: -3.5rem; + .sm\:w-96 { + width: 24rem; } - .md\:-left-14 { - left: -3.5rem; + .sm\:w-auto { + width: auto; } - .md\:-top-16 { - top: -4rem; + .sm\:w-px { + width: 1px; } - .md\:-right-16 { - right: -4rem; + .sm\:w-0\.5 { + width: 0.125rem; } - .md\:-bottom-16 { - bottom: -4rem; + .sm\:w-1\.5 { + width: 0.375rem; } - .md\:-left-16 { - left: -4rem; + .sm\:w-2\.5 { + width: 0.625rem; } - .md\:-top-20 { - top: -5rem; + .sm\:w-3\.5 { + width: 0.875rem; } - .md\:-right-20 { - right: -5rem; + .sm\:w-1\/2 { + width: 50%; } - .md\:-bottom-20 { - bottom: -5rem; + .sm\:w-1\/3 { + width: 33.333333%; } - .md\:-left-20 { - left: -5rem; + .sm\:w-2\/3 { + width: 66.666667%; } - .md\:-top-24 { - top: -6rem; + .sm\:w-1\/4 { + width: 25%; } - .md\:-right-24 { - right: -6rem; + .sm\:w-2\/4 { + width: 50%; } - .md\:-bottom-24 { - bottom: -6rem; + .sm\:w-3\/4 { + width: 75%; } - .md\:-left-24 { - left: -6rem; + .sm\:w-1\/5 { + width: 20%; } - .md\:-top-28 { - top: -7rem; + .sm\:w-2\/5 { + width: 40%; } - .md\:-right-28 { - right: -7rem; + .sm\:w-3\/5 { + width: 60%; } - .md\:-bottom-28 { - bottom: -7rem; + .sm\:w-4\/5 { + width: 80%; } - .md\:-left-28 { - left: -7rem; + .sm\:w-1\/6 { + width: 16.666667%; } - .md\:-top-32 { - top: -8rem; + .sm\:w-2\/6 { + width: 33.333333%; } - .md\:-right-32 { - right: -8rem; + .sm\:w-3\/6 { + width: 50%; } - .md\:-bottom-32 { - bottom: -8rem; + .sm\:w-4\/6 { + width: 66.666667%; } - .md\:-left-32 { - left: -8rem; + .sm\:w-5\/6 { + width: 83.333333%; } - .md\:-top-36 { - top: -9rem; + .sm\:w-1\/12 { + width: 8.333333%; } - .md\:-right-36 { - right: -9rem; + .sm\:w-2\/12 { + width: 16.666667%; } - .md\:-bottom-36 { - bottom: -9rem; + .sm\:w-3\/12 { + width: 25%; } - .md\:-left-36 { - left: -9rem; + .sm\:w-4\/12 { + width: 33.333333%; } - .md\:-top-40 { - top: -10rem; + .sm\:w-5\/12 { + width: 41.666667%; } - .md\:-right-40 { - right: -10rem; + .sm\:w-6\/12 { + width: 50%; } - .md\:-bottom-40 { - bottom: -10rem; + .sm\:w-7\/12 { + width: 58.333333%; } - .md\:-left-40 { - left: -10rem; + .sm\:w-8\/12 { + width: 66.666667%; } - .md\:-top-44 { - top: -11rem; + .sm\:w-9\/12 { + width: 75%; } - .md\:-right-44 { - right: -11rem; + .sm\:w-10\/12 { + width: 83.333333%; } - .md\:-bottom-44 { - bottom: -11rem; + .sm\:w-11\/12 { + width: 91.666667%; } - .md\:-left-44 { - left: -11rem; + .sm\:w-full { + width: 100%; } - .md\:-top-48 { - top: -12rem; + .sm\:w-screen { + width: 100vw; } - .md\:-right-48 { - right: -12rem; + .sm\:w-min { + width: min-content; } - .md\:-bottom-48 { - bottom: -12rem; + .sm\:w-max { + width: max-content; } - .md\:-left-48 { - left: -12rem; + .sm\:z-0 { + z-index: 0; } - .md\:-top-52 { - top: -13rem; + .sm\:z-10 { + z-index: 10; } - .md\:-right-52 { - right: -13rem; + .sm\:z-20 { + z-index: 20; } - .md\:-bottom-52 { - bottom: -13rem; + .sm\:z-30 { + z-index: 30; } - .md\:-left-52 { - left: -13rem; + .sm\:z-40 { + z-index: 40; } - .md\:-top-56 { - top: -14rem; + .sm\:z-50 { + z-index: 50; } - .md\:-right-56 { - right: -14rem; + .sm\:z-auto { + z-index: auto; } - .md\:-bottom-56 { - bottom: -14rem; + .sm\:focus\:z-0:focus { + z-index: 0; } - .md\:-left-56 { - left: -14rem; + .sm\:focus\:z-10:focus { + z-index: 10; } - .md\:-top-60 { - top: -15rem; + .sm\:focus\:z-20:focus { + z-index: 20; } - .md\:-right-60 { - right: -15rem; + .sm\:focus\:z-30:focus { + z-index: 30; } - .md\:-bottom-60 { - bottom: -15rem; + .sm\:focus\:z-40:focus { + z-index: 40; } - .md\:-left-60 { - left: -15rem; + .sm\:focus\:z-50:focus { + z-index: 50; } - .md\:-top-64 { - top: -16rem; + .sm\:focus\:z-auto:focus { + z-index: auto; } - .md\:-right-64 { - right: -16rem; + .sm\:gap-0 { + grid-gap: 0; + gap: 0; } - .md\:-bottom-64 { - bottom: -16rem; + .sm\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .md\:-left-64 { - left: -16rem; + .sm\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .md\:-top-72 { - top: -18rem; + .sm\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .md\:-right-72 { - right: -18rem; + .sm\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .md\:-bottom-72 { - bottom: -18rem; + .sm\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .md\:-left-72 { - left: -18rem; + .sm\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .md\:-top-80 { - top: -20rem; + .sm\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .md\:-right-80 { - right: -20rem; + .sm\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .md\:-bottom-80 { - bottom: -20rem; + .sm\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .md\:-left-80 { - left: -20rem; + .sm\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .md\:-top-96 { - top: -24rem; + .sm\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .md\:-right-96 { - right: -24rem; + .sm\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .md\:-bottom-96 { - bottom: -24rem; + .sm\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .md\:-left-96 { - left: -24rem; + .sm\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .md\:-top-px { - top: -1px; + .sm\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .md\:-right-px { - right: -1px; + .sm\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .md\:-bottom-px { - bottom: -1px; + .sm\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .md\:-left-px { - left: -1px; + .sm\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .md\:-top-0\.5 { - top: -0.125rem; + .sm\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .md\:-right-0\.5 { - right: -0.125rem; + .sm\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .md\:-bottom-0\.5 { - bottom: -0.125rem; + .sm\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .md\:-left-0\.5 { - left: -0.125rem; + .sm\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .md\:-top-1\.5 { - top: -0.375rem; + .sm\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .md\:-right-1\.5 { - right: -0.375rem; + .sm\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .md\:-bottom-1\.5 { - bottom: -0.375rem; + .sm\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .md\:-left-1\.5 { - left: -0.375rem; + .sm\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .md\:-top-2\.5 { - top: -0.625rem; + .sm\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .md\:-right-2\.5 { - right: -0.625rem; + .sm\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .md\:-bottom-2\.5 { - bottom: -0.625rem; + .sm\:gap-px { + grid-gap: 1px; + gap: 1px; } - .md\:-left-2\.5 { - left: -0.625rem; + .sm\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .md\:-top-3\.5 { - top: -0.875rem; + .sm\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .md\:-right-3\.5 { - right: -0.875rem; + .sm\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .md\:-bottom-3\.5 { - bottom: -0.875rem; + .sm\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .md\:-left-3\.5 { - left: -0.875rem; + .sm\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .md\:top-1\/2 { - top: 50%; + .sm\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .md\:right-1\/2 { - right: 50%; + .sm\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .md\:bottom-1\/2 { - bottom: 50%; + .sm\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .md\:left-1\/2 { - left: 50%; + .sm\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .md\:top-1\/3 { - top: 33.333333%; + .sm\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .md\:right-1\/3 { - right: 33.333333%; + .sm\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .md\:bottom-1\/3 { - bottom: 33.333333%; + .sm\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .md\:left-1\/3 { - left: 33.333333%; + .sm\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .md\:top-2\/3 { - top: 66.666667%; + .sm\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .md\:right-2\/3 { - right: 66.666667%; + .sm\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .md\:bottom-2\/3 { - bottom: 66.666667%; + .sm\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .md\:left-2\/3 { - left: 66.666667%; + .sm\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .md\:top-1\/4 { - top: 25%; + .sm\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .md\:right-1\/4 { - right: 25%; + .sm\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .md\:bottom-1\/4 { - bottom: 25%; + .sm\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .md\:left-1\/4 { - left: 25%; + .sm\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - - .md\:top-2\/4 { - top: 50%; + + .sm\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .md\:right-2\/4 { - right: 50%; + .sm\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .md\:bottom-2\/4 { - bottom: 50%; + .sm\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .md\:left-2\/4 { - left: 50%; + .sm\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .md\:top-3\/4 { - top: 75%; + .sm\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .md\:right-3\/4 { - right: 75%; + .sm\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .md\:bottom-3\/4 { - bottom: 75%; + .sm\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .md\:left-3\/4 { - left: 75%; + .sm\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .md\:top-full { - top: 100%; + .sm\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .md\:right-full { - right: 100%; + .sm\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .md\:bottom-full { - bottom: 100%; + .sm\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .md\:left-full { - left: 100%; + .sm\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .md\:-top-1\/2 { - top: -50%; + .sm\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .md\:-right-1\/2 { - right: -50%; + .sm\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .md\:-bottom-1\/2 { - bottom: -50%; + .sm\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .md\:-left-1\/2 { - left: -50%; + .sm\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .md\:-top-1\/3 { - top: -33.333333%; + .sm\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .md\:-right-1\/3 { - right: -33.333333%; + .sm\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .md\:-bottom-1\/3 { - bottom: -33.333333%; + .sm\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .md\:-left-1\/3 { - left: -33.333333%; + .sm\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .md\:-top-2\/3 { - top: -66.666667%; + .sm\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .md\:-right-2\/3 { - right: -66.666667%; + .sm\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .md\:-bottom-2\/3 { - bottom: -66.666667%; + .sm\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .md\:-left-2\/3 { - left: -66.666667%; + .sm\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .md\:-top-1\/4 { - top: -25%; + .sm\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .md\:-right-1\/4 { - right: -25%; + .sm\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .md\:-bottom-1\/4 { - bottom: -25%; + .sm\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .md\:-left-1\/4 { - left: -25%; + .sm\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .md\:-top-2\/4 { - top: -50%; + .sm\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .md\:-right-2\/4 { - right: -50%; + .sm\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .md\:-bottom-2\/4 { - bottom: -50%; + .sm\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .md\:-left-2\/4 { - left: -50%; + .sm\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .md\:-top-3\/4 { - top: -75%; + .sm\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .md\:-right-3\/4 { - right: -75%; + .sm\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .md\:-bottom-3\/4 { - bottom: -75%; + .sm\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .md\:-left-3\/4 { - left: -75%; + .sm\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .md\:-top-full { - top: -100%; + .sm\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .md\:-right-full { - right: -100%; + .sm\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .md\:-bottom-full { - bottom: -100%; + .sm\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .md\:-left-full { - left: -100%; + .sm\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .md\:resize-none { - resize: none; + .sm\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .md\:resize-y { - resize: vertical; + .sm\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .md\:resize-x { - resize: horizontal; + .sm\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .md\:resize { - resize: both; + .sm\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .md\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .md\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .sm\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .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); + .sm\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .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); + .sm\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .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); + .sm\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:grid-flow-row { + grid-auto-flow: row; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:grid-flow-col { + grid-auto-flow: column; } - .md\:shadow-none { - box-shadow: none; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .md\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .md\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .md\:hover\:shadow-none:hover { - box-shadow: none; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .md\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .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); + .sm\:grid-cols-none { + grid-template-columns: none; } - .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); + .sm\:auto-cols-auto { + grid-auto-columns: auto; } - .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); + .sm\:auto-cols-min { + grid-auto-columns: min-content; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .sm\:auto-cols-max { + grid-auto-columns: max-content; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .sm\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .sm\:col-auto { + grid-column: auto; } - .md\:focus\:shadow-none:focus { - box-shadow: none; + .sm\:col-span-1 { + grid-column: span 1 / span 1; } - .md\:fill-current { - fill: currentColor; + .sm\:col-span-2 { + grid-column: span 2 / span 2; } - .md\:stroke-current { - stroke: currentColor; + .sm\:col-span-3 { + grid-column: span 3 / span 3; } - .md\:stroke-0 { - stroke-width: 0; + .sm\:col-span-4 { + grid-column: span 4 / span 4; } - .md\:stroke-1 { - stroke-width: 1; + .sm\:col-span-5 { + grid-column: span 5 / span 5; } - .md\:stroke-2 { - stroke-width: 2; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .md\:table-auto { - table-layout: auto; + .sm\:col-span-7 { + grid-column: span 7 / span 7; } - .md\:table-fixed { - table-layout: fixed; + .sm\:col-span-8 { + grid-column: span 8 / span 8; } - .md\:text-left { - text-align: left; + .sm\:col-span-9 { + grid-column: span 9 / span 9; } - .md\:text-center { - text-align: center; + .sm\:col-span-10 { + grid-column: span 10 / span 10; } - .md\:text-right { - text-align: right; + .sm\:col-span-11 { + grid-column: span 11 / span 11; } - .md\:text-justify { - text-align: justify; + .sm\:col-span-12 { + grid-column: span 12 / span 12; } - .md\:text-transparent { - color: transparent; + .sm\:col-span-full { + grid-column: 1 / -1; } - .md\:text-current { - color: currentColor; + .sm\:col-start-1 { + grid-column-start: 1; } - .md\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:col-start-2 { + grid-column-start: 2; } - .md\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:col-start-3 { + grid-column-start: 3; } - .md\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:col-start-4 { + grid-column-start: 4; } - .md\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:col-start-5 { + grid-column-start: 5; } - .md\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:col-start-6 { + grid-column-start: 6; } - .md\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:col-start-7 { + grid-column-start: 7; } - .md\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:col-start-8 { + grid-column-start: 8; } - .md\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:col-start-9 { + grid-column-start: 9; } - .md\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:col-start-10 { + grid-column-start: 10; } - .md\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:col-start-11 { + grid-column-start: 11; } - .md\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:col-start-12 { + grid-column-start: 12; } - .md\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:col-start-13 { + grid-column-start: 13; } - .md\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:col-start-auto { + grid-column-start: auto; } - .md\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:col-end-1 { + grid-column-end: 1; } - .md\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:col-end-2 { + grid-column-end: 2; } - .md\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:col-end-3 { + grid-column-end: 3; } - .md\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:col-end-4 { + grid-column-end: 4; } - .md\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:col-end-5 { + grid-column-end: 5; } - .md\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:col-end-6 { + grid-column-end: 6; } - .md\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:col-end-7 { + grid-column-end: 7; } - .md\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:col-end-8 { + grid-column-end: 8; } - .md\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:col-end-9 { + grid-column-end: 9; } - .md\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:col-end-10 { + grid-column-end: 10; } - .md\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:col-end-11 { + grid-column-end: 11; } - .md\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:col-end-12 { + grid-column-end: 12; } - .md\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:col-end-13 { + grid-column-end: 13; } - .md\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:col-end-auto { + grid-column-end: auto; } - .md\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .md\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .md\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .md\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .md\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .md\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .md\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:grid-rows-none { + grid-template-rows: none; } - .md\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:auto-rows-auto { + grid-auto-rows: auto; } - .md\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:auto-rows-min { + grid-auto-rows: min-content; } - .md\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:auto-rows-max { + grid-auto-rows: max-content; } - .md\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .md\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:row-auto { + grid-row: auto; } - .md\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:row-span-1 { + grid-row: span 1 / span 1; } - .md\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:row-span-2 { + grid-row: span 2 / span 2; } - .md\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:row-span-3 { + grid-row: span 3 / span 3; } - .md\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:row-span-4 { + grid-row: span 4 / span 4; } - .md\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:row-span-5 { + grid-row: span 5 / span 5; } - .md\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:row-span-6 { + grid-row: span 6 / span 6; } - .md\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:row-span-full { + grid-row: 1 / -1; } - .md\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:row-start-1 { + grid-row-start: 1; } - .md\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:row-start-2 { + grid-row-start: 2; } - .md\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:row-start-3 { + grid-row-start: 3; } - .md\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:row-start-4 { + grid-row-start: 4; } - .md\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:row-start-5 { + grid-row-start: 5; } - .md\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:row-start-6 { + grid-row-start: 6; } - .md\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:row-start-7 { + grid-row-start: 7; } - .md\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:row-start-auto { + grid-row-start: auto; } - .md\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:row-end-1 { + grid-row-end: 1; } - .md\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:row-end-2 { + grid-row-end: 2; } - .md\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:row-end-3 { + grid-row-end: 3; } - .md\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:row-end-4 { + grid-row-end: 4; } - .md\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:row-end-5 { + grid-row-end: 5; } - .md\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:row-end-6 { + grid-row-end: 6; } - .md\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:row-end-7 { + grid-row-end: 7; } - .md\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:row-end-auto { + grid-row-end: auto; } - .md\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-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)); } - .md\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:transform-none { + transform: none; } - .md\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:origin-center { + transform-origin: center; } - .md\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:origin-top { + transform-origin: top; } - .md\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:origin-top-right { + transform-origin: top right; } - .md\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:origin-right { + transform-origin: right; } - .md\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:origin-bottom-right { + transform-origin: bottom right; } - .md\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:origin-bottom { + transform-origin: bottom; } - .md\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:origin-bottom-left { + transform-origin: bottom left; } - .group:hover .md\:group-hover\:text-transparent { - color: transparent; + .sm\:origin-left { + transform-origin: left; } - .group:hover .md\:group-hover\:text-current { - color: currentColor; + .sm\:origin-top-left { + transform-origin: top left; } - .group:hover .md\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:scale-x-0 { + --transform-scale-x: 0; } - .group:hover .md\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:scale-x-50 { + --transform-scale-x: .5; } - .group:hover .md\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:scale-x-75 { + --transform-scale-x: .75; } - .group:hover .md\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:scale-x-90 { + --transform-scale-x: .9; } - .group:hover .md\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:scale-x-95 { + --transform-scale-x: .95; } - .group:hover .md\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:scale-x-100 { + --transform-scale-x: 1; } - .group:hover .md\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:scale-x-105 { + --transform-scale-x: 1.05; } - .group:hover .md\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:scale-x-110 { + --transform-scale-x: 1.1; } - .group:hover .md\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:scale-x-125 { + --transform-scale-x: 1.25; } - .group:hover .md\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:scale-x-150 { + --transform-scale-x: 1.5; } - .group:hover .md\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:scale-y-0 { + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:scale-y-50 { + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:scale-y-75 { + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:scale-y-90 { + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:scale-y-95 { + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:scale-y-100 { + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:scale-y-105 { + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:scale-y-110 { + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:scale-y-125 { + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:scale-y-150 { + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .group:hover .md\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .group:hover .md\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .group:hover .md\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .group:hover .md\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .group:hover .md\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .group:hover .md\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .group:hover .md\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .group:hover .md\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .group:hover .md\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .group:hover .md\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .group:hover .md\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .group:hover .md\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .group:hover .md\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .group:hover .md\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .group:hover .md\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .group:hover .md\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .group:hover .md\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .group:hover .md\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .group:hover .md\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .group:hover .md\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .group:hover .md\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .md\:hover\:text-transparent:hover { - color: transparent; + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .md\:hover\:text-current:hover { - color: currentColor; + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .md\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .md\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .md\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .md\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .md\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .md\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .md\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .md\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .md\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .md\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .md\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .md\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .md\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .md\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .md\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .md\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .md\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:rotate-0 { + --transform-rotate: 0; } - .md\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:rotate-1 { + --transform-rotate: 1deg; } - .md\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:rotate-2 { + --transform-rotate: 2deg; } - .md\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:rotate-3 { + --transform-rotate: 3deg; } - .md\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:rotate-6 { + --transform-rotate: 6deg; } - .md\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:rotate-12 { + --transform-rotate: 12deg; } - .md\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:rotate-45 { + --transform-rotate: 45deg; } - .md\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:rotate-90 { + --transform-rotate: 90deg; } - .md\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:rotate-180 { + --transform-rotate: 180deg; } - .md\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:-rotate-180 { + --transform-rotate: -180deg; } - .md\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:-rotate-90 { + --transform-rotate: -90deg; } - .md\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:-rotate-45 { + --transform-rotate: -45deg; } - .md\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:-rotate-12 { + --transform-rotate: -12deg; } - .md\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:-rotate-6 { + --transform-rotate: -6deg; } - .md\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:-rotate-3 { + --transform-rotate: -3deg; } - .md\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:-rotate-2 { + --transform-rotate: -2deg; } - .md\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:-rotate-1 { + --transform-rotate: -1deg; } - .md\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .md\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .md\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .md\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .md\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .md\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .md\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .md\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .md\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .md\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .md\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .md\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .md\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .md\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .md\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .md\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .md\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .md\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .md\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .md\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .md\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .md\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .md\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .md\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .md\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .md\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .md\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .md\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .md\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .md\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .sm\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .md\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .md\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .md\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .md\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - .md\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:translate-x-0 { + --transform-translate-x: 0; } - .md\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .md\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .md\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .md\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:translate-x-4 { + --transform-translate-x: 1rem; } - .md\:focus\:text-transparent:focus { - color: transparent; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .md\:focus\:text-current:focus { - color: currentColor; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .md\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .sm\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .md\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .sm\:translate-x-8 { + --transform-translate-x: 2rem; } - .md\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .sm\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .md\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .md\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .sm\:translate-x-12 { + --transform-translate-x: 3rem; } - .md\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .sm\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .md\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .sm\:translate-x-16 { + --transform-translate-x: 4rem; } - .md\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .sm\:translate-x-20 { + --transform-translate-x: 5rem; } - .md\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .sm\:translate-x-24 { + --transform-translate-x: 6rem; } - .md\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .sm\:translate-x-28 { + --transform-translate-x: 7rem; } - .md\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .sm\:translate-x-32 { + --transform-translate-x: 8rem; } - .md\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .sm\:translate-x-36 { + --transform-translate-x: 9rem; } - .md\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .sm\:translate-x-40 { + --transform-translate-x: 10rem; } - .md\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .sm\:translate-x-44 { + --transform-translate-x: 11rem; } - .md\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .sm\:translate-x-48 { + --transform-translate-x: 12rem; } - .md\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .sm\:translate-x-52 { + --transform-translate-x: 13rem; } - .md\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .sm\:translate-x-56 { + --transform-translate-x: 14rem; } - .md\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .sm\:translate-x-60 { + --transform-translate-x: 15rem; } - .md\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .sm\:translate-x-64 { + --transform-translate-x: 16rem; } - .md\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .sm\:translate-x-72 { + --transform-translate-x: 18rem; } - .md\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .sm\:translate-x-80 { + --transform-translate-x: 20rem; } - .md\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .sm\:translate-x-96 { + --transform-translate-x: 24rem; } - .md\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .sm\:translate-x-px { + --transform-translate-x: 1px; } - .md\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .sm\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .md\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .sm\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .md\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .sm\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .md\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .sm\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .md\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .md\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .md\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .md\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .sm\:-translate-x-4 { + --transform-translate-x: -1rem; } - .md\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .md\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .md\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .sm\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .md\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .sm\:-translate-x-8 { + --transform-translate-x: -2rem; } - .md\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .sm\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .md\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .md\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .sm\:-translate-x-12 { + --transform-translate-x: -3rem; } - .md\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .sm\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .md\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .sm\:-translate-x-16 { + --transform-translate-x: -4rem; } - .md\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .sm\:-translate-x-20 { + --transform-translate-x: -5rem; } - .md\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .sm\:-translate-x-24 { + --transform-translate-x: -6rem; } - .md\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .sm\:-translate-x-28 { + --transform-translate-x: -7rem; } - .md\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .sm\:-translate-x-32 { + --transform-translate-x: -8rem; } - .md\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .sm\:-translate-x-36 { + --transform-translate-x: -9rem; } - .md\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .sm\:-translate-x-40 { + --transform-translate-x: -10rem; } - .md\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .sm\:-translate-x-44 { + --transform-translate-x: -11rem; } - .md\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .sm\:-translate-x-48 { + --transform-translate-x: -12rem; } - .md\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .sm\:-translate-x-52 { + --transform-translate-x: -13rem; } - .md\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .sm\:-translate-x-56 { + --transform-translate-x: -14rem; } - .md\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .sm\:-translate-x-60 { + --transform-translate-x: -15rem; } - .md\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .sm\:-translate-x-64 { + --transform-translate-x: -16rem; } - .md\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .sm\:-translate-x-72 { + --transform-translate-x: -18rem; } - .md\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .sm\:-translate-x-80 { + --transform-translate-x: -20rem; } - .md\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .sm\:-translate-x-96 { + --transform-translate-x: -24rem; } - .md\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .sm\:-translate-x-px { + --transform-translate-x: -1px; } - .md\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .sm\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .md\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .sm\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .md\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .sm\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .md\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .sm\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .md\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .sm\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .sm\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .md\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .sm\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .md\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .sm\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .md\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .sm\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .md\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .sm\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .md\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .sm\:translate-x-full { + --transform-translate-x: 100%; } - .md\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .sm\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .md\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .sm\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .md\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .sm\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .md\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .sm\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - @media (prefers-color-scheme: dark) { - .md\:dark\:text-transparent { - color: transparent; - } - - .md\:dark\:text-current { - color: currentColor; - } + .sm\:-translate-x-3\/4 { + --transform-translate-x: -75%; + } - .md\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:-translate-x-full { + --transform-translate-x: -100%; + } - .md\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:translate-y-0 { + --transform-translate-y: 0; + } - .md\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem; + } - .md\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem; + } - .md\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem; + } - .md\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:translate-y-4 { + --transform-translate-y: 1rem; + } - .md\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem; + } - .md\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem; + } - .md\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:translate-y-7 { + --transform-translate-y: 1.75rem; + } - .md\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:translate-y-8 { + --transform-translate-y: 2rem; + } - .md\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:translate-y-9 { + --transform-translate-y: 2.25rem; + } - .md\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem; + } - .md\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:translate-y-12 { + --transform-translate-y: 3rem; + } - .md\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:translate-y-14 { + --transform-translate-y: 3.5rem; + } - .md\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:translate-y-16 { + --transform-translate-y: 4rem; + } - .md\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:translate-y-20 { + --transform-translate-y: 5rem; + } - .md\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:translate-y-24 { + --transform-translate-y: 6rem; + } - .md\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:translate-y-28 { + --transform-translate-y: 7rem; + } - .md\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:translate-y-32 { + --transform-translate-y: 8rem; + } - .md\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:translate-y-36 { + --transform-translate-y: 9rem; + } - .md\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:translate-y-40 { + --transform-translate-y: 10rem; + } - .md\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:translate-y-44 { + --transform-translate-y: 11rem; + } - .md\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:translate-y-48 { + --transform-translate-y: 12rem; + } - .md\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:translate-y-52 { + --transform-translate-y: 13rem; + } - .md\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:translate-y-56 { + --transform-translate-y: 14rem; + } - .md\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:translate-y-60 { + --transform-translate-y: 15rem; + } - .md\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:translate-y-64 { + --transform-translate-y: 16rem; + } - .md\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:translate-y-72 { + --transform-translate-y: 18rem; + } - .md\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:translate-y-80 { + --transform-translate-y: 20rem; + } - .md\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:translate-y-96 { + --transform-translate-y: 24rem; + } - .md\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:translate-y-px { + --transform-translate-y: 1px; + } - .md\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; + } - .md\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; + } - .md\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; + } - .md\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; + } - .md\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem; + } - .md\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem; + } - .md\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem; + } - .md\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:-translate-y-4 { + --transform-translate-y: -1rem; + } - .md\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem; + } - .md\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem; + } - .md\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:-translate-y-7 { + --transform-translate-y: -1.75rem; + } - .md\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:-translate-y-8 { + --transform-translate-y: -2rem; + } - .md\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:-translate-y-9 { + --transform-translate-y: -2.25rem; + } - .md\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem; + } - .md\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:-translate-y-12 { + --transform-translate-y: -3rem; + } - .md\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:-translate-y-14 { + --transform-translate-y: -3.5rem; + } - .md\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:-translate-y-16 { + --transform-translate-y: -4rem; + } - .md\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:-translate-y-20 { + --transform-translate-y: -5rem; + } - .md\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:-translate-y-24 { + --transform-translate-y: -6rem; + } - .md\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:-translate-y-28 { + --transform-translate-y: -7rem; + } - .md\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:-translate-y-32 { + --transform-translate-y: -8rem; + } - .md\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:-translate-y-36 { + --transform-translate-y: -9rem; + } - .md\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:-translate-y-40 { + --transform-translate-y: -10rem; + } - .md\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:-translate-y-44 { + --transform-translate-y: -11rem; + } - .md\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:-translate-y-48 { + --transform-translate-y: -12rem; + } - .md\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:-translate-y-52 { + --transform-translate-y: -13rem; + } - .md\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:-translate-y-56 { + --transform-translate-y: -14rem; + } - .md\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:-translate-y-60 { + --transform-translate-y: -15rem; + } - .md\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:-translate-y-64 { + --transform-translate-y: -16rem; + } - .md\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:-translate-y-72 { + --transform-translate-y: -18rem; + } - .md\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:-translate-y-80 { + --transform-translate-y: -20rem; + } - .md\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:-translate-y-96 { + --transform-translate-y: -24rem; + } - .md\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:-translate-y-px { + --transform-translate-y: -1px; + } - .md\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; + } - .md\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; + } - .md\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; + } - .md\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; + } - .md\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:translate-y-1\/2 { + --transform-translate-y: 50%; + } - .md\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; + } - .md\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; + } - .md\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:translate-y-1\/4 { + --transform-translate-y: 25%; + } - .group:hover .md\:dark\:group-hover\:text-transparent { - color: transparent; - } + .sm\:translate-y-2\/4 { + --transform-translate-y: 50%; + } - .group:hover .md\:dark\:group-hover\:text-current { - color: currentColor; - } + .sm\:translate-y-3\/4 { + --transform-translate-y: 75%; + } - .group:hover .md\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:translate-y-full { + --transform-translate-y: 100%; + } - .group:hover .md\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50%; + } - .group:hover .md\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; + } - .group:hover .md\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; + } - .group:hover .md\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:-translate-y-1\/4 { + --transform-translate-y: -25%; + } - .group:hover .md\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:-translate-y-2\/4 { + --transform-translate-y: -50%; + } - .group:hover .md\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:-translate-y-3\/4 { + --transform-translate-y: -75%; + } - .group:hover .md\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:-translate-y-full { + --transform-translate-y: -100%; + } - .group:hover .md\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0; + } - .group:hover .md\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; + } - .group:hover .md\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; + } - .group:hover .md\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; + } - .group:hover .md\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; + } - .group:hover .md\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; + } - .group:hover .md\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; + } - .group:hover .md\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; + } - .group:hover .md\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; + } - .group:hover .md\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; + } - .group:hover .md\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; + } - .group:hover .md\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; + } - .group:hover .md\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; + } - .group:hover .md\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; + } - .group:hover .md\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; + } - .group:hover .md\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; + } - .group:hover .md\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; + } - .group:hover .md\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; + } - .group:hover .md\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; + } - .group:hover .md\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; + } - .group:hover .md\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; + } - .group:hover .md\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; + } - .group:hover .md\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; + } - .group:hover .md\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; + } - .group:hover .md\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; + } - .group:hover .md\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; + } - .group:hover .md\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; + } - .group:hover .md\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; + } - .md\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .sm\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; + } - .md\:dark\:hover\:text-current:hover { - color: currentColor; - } + .sm\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; + } - .md\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; + } - .md\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; + } - .md\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; + } - .md\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; + } - .md\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; + } - .md\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; + } - .md\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; + } - .md\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; + } - .md\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; + } - .md\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; + } - .md\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; + } - .md\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; + } - .md\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; + } - .md\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; + } - .md\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; + } - .md\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0; + } - .md\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; + } - .md\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; + } - .md\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; + } - .md\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; + } - .md\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; + } - .md\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; + } - .md\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; + } - .md\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; + } - .md\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; + } - .md\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; + } - .md\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; + } - .md\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; + } - .md\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; + } - .md\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; + } - .md\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; + } - .md\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; + } - .md\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; + } - .md\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; + } - .md\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; + } - .md\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; + } - .md\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; + } - .md\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; + } - .md\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; + } - .md\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; + } - .md\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; + } - .md\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; + } - .md\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; + } - .md\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; + } - .md\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; + } - .md\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; + } - .md\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; + } - .md\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; + } - .md\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; + } - .md\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; + } - .md\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; + } - .md\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; + } - .md\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; + } - .md\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; + } - .md\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; + } - .md\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; + } - .md\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; + } - .md\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; + } - .md\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; + } - .md\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; + } - .md\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; + } - .md\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; + } - .md\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; + } - .md\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; + } - .md\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; + } - .md\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; + } - .md\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; + } - .md\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; + } - .md\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; + } - .md\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; + } - .md\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; + } - .md\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; + } - .md\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .sm\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; + } - .md\:dark\:focus\:text-current:focus { - color: currentColor; - } + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; + } - .md\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .sm\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; + } - .md\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .sm\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; + } - .md\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .sm\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; + } - .md\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; + } - .md\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .sm\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; + } - .md\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; + } - .md\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; + } - .md\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .sm\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; + } - .md\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; + } - .md\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; + } - .md\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .sm\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; + } - .md\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .sm\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; + } - .md\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .sm\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; + } - .md\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .sm\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; + } - .md\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; + } - .md\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; + } - .md\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; + } - .md\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; + } - .md\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .sm\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; + } - .md\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .sm\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; + } - .md\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .sm\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; + } - .md\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; + } - .md\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .sm\:focus\:translate-x-0:focus { + --transform-translate-x: 0; + } - .md\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .sm\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; + } - .md\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .sm\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; + } - .md\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .sm\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; + } - .md\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .sm\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; + } - .md\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .sm\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; + } - .md\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .sm\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; + } - .md\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .sm\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; + } - .md\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .sm\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; + } - .md\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .sm\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; + } - .md\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .sm\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; + } - .md\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .sm\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; + } - .md\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .sm\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; + } - .md\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .sm\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; + } - .md\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .sm\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; + } - .md\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .sm\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; + } - .md\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .sm\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; + } - .md\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .sm\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; + } - .md\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .sm\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; + } - .md\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .sm\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; + } - .md\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .sm\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; + } - .md\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; + } - .md\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; + } - .md\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .sm\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; + } - .md\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .sm\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; + } - .md\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .sm\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; + } - .md\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .sm\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; + } - .md\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .sm\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; + } - .md\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .sm\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; + } - .md\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .sm\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; + } - .md\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .sm\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; + } - .md\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; + } - .md\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .sm\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; + } - .md\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .sm\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; + } - .md\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .sm\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; + } - .md\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .sm\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; + } - .md\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .sm\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; + } - .md\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .sm\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; + } - .md\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .sm\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; + } - .md\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .sm\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; + } - .md\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .sm\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; + } - .md\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .sm\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; + } - .md\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .sm\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; + } - .md\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .sm\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; + } - .md\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .sm\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; + } - .md\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .sm\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; + } - .md\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .sm\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; + } - .md\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .sm\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; + } - .md\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .sm\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; + } - .md\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .sm\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .md\:text-opacity-0 { - --text-opacity: 0; + .sm\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .md\:text-opacity-25 { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .md\:text-opacity-50 { - --text-opacity: 0.5; + .sm\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .md\:text-opacity-75 { - --text-opacity: 0.75; + .sm\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .md\:text-opacity-100 { - --text-opacity: 1; + .sm\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .group:hover .md\:group-hover\:text-opacity-0 { - --text-opacity: 0; + .sm\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .group:hover .md\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .group:hover .md\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; + .sm\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .group:hover .md\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; + .sm\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .group:hover .md\:group-hover\:text-opacity-100 { - --text-opacity: 1; + .sm\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .md\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .sm\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .md\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .md\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .sm\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .md\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .sm\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .md\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .sm\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .md\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .sm\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .md\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .sm\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .md\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .sm\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .md\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .sm\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .md\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .sm\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .sm\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .md\:overflow-ellipsis { - text-overflow: ellipsis; + .sm\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .md\:overflow-clip { - text-overflow: clip; + .sm\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .md\:italic { - font-style: italic; + .sm\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .md\:not-italic { - font-style: normal; + .sm\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .md\:uppercase { - text-transform: uppercase; + .sm\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .md\:lowercase { - text-transform: lowercase; + .sm\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .md\:capitalize { - text-transform: capitalize; + .sm\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .md\:normal-case { - text-transform: none; + .sm\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .md\:underline { - text-decoration: underline; + .sm\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .md\:line-through { - text-decoration: line-through; + .sm\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .md\:no-underline { - text-decoration: none; + .sm\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .md\:hover\:underline:hover { - text-decoration: underline; + .sm\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .sm\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .sm\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .md\:focus\:underline:focus { - text-decoration: underline; + .sm\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .sm\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .md\:focus\:no-underline:focus { - text-decoration: none; + .sm\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .sm\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .sm\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .sm\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .md\:normal-nums { - font-variant-numeric: normal; + .sm\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .md\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .sm\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .md\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .sm\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .md\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .sm\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .md\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .sm\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .md\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .sm\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .md\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .sm\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .md\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .sm\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .md\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .sm\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .sm\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .md\:tracking-tight { - letter-spacing: -0.025em; + .sm\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .md\:tracking-normal { - letter-spacing: 0; + .sm\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .md\:tracking-wide { - letter-spacing: 0.025em; + .sm\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .md\:tracking-wider { - letter-spacing: 0.05em; + .sm\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .md\:tracking-widest { - letter-spacing: 0.1em; + .sm\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .md\:select-none { - user-select: none; + .sm\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .md\:select-text { - user-select: text; + .sm\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .md\:select-all { - user-select: all; + .sm\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .md\:select-auto { - user-select: auto; + .sm\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .md\:align-baseline { - vertical-align: baseline; + .sm\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .md\:align-top { - vertical-align: top; + .sm\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .md\:align-middle { - vertical-align: middle; + .sm\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .md\:align-bottom { - vertical-align: bottom; + .sm\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .md\:align-text-top { - vertical-align: text-top; + .sm\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .sm\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .md\:visible { - visibility: visible; + .sm\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .md\:invisible { - visibility: hidden; + .sm\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .md\:whitespace-normal { - white-space: normal; + .sm\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .sm\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .md\:whitespace-pre { - white-space: pre; + .sm\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .md\:whitespace-pre-line { - white-space: pre-line; + .sm\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .sm\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .sm\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .md\:break-words { - overflow-wrap: break-word; + .sm\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .md\:break-all { - word-break: break-all; + .sm\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .md\:w-0 { - width: 0; + .sm\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .md\:w-1 { - width: 0.25rem; + .sm\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .md\:w-2 { - width: 0.5rem; + .sm\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .md\:w-3 { - width: 0.75rem; + .sm\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .md\:w-4 { - width: 1rem; + .sm\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .md\:w-5 { - width: 1.25rem; + .sm\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .md\:w-6 { - width: 1.5rem; + .sm\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .md\:w-7 { - width: 1.75rem; + .sm\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .md\:w-8 { - width: 2rem; + .sm\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .md\:w-9 { - width: 2.25rem; + .sm\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .md\:w-10 { - width: 2.5rem; + .sm\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .md\:w-12 { - width: 3rem; + .sm\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .md\:w-14 { - width: 3.5rem; + .sm\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .md\:w-16 { - width: 4rem; + .sm\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .md\:w-20 { - width: 5rem; + .sm\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .md\:w-24 { - width: 6rem; + .sm\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .md\:w-28 { - width: 7rem; + .sm\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .md\:w-32 { - width: 8rem; + .sm\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .md\:w-36 { - width: 9rem; + .sm\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .md\:w-40 { - width: 10rem; + .sm\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .md\:w-44 { - width: 11rem; + .sm\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .md\:w-48 { - width: 12rem; + .sm\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .md\:w-52 { - width: 13rem; + .sm\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .md\:w-56 { - width: 14rem; + .sm\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .md\:w-60 { - width: 15rem; + .sm\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .md\:w-64 { - width: 16rem; + .sm\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .md\:w-72 { - width: 18rem; + .sm\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .md\:w-80 { - width: 20rem; + .sm\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .md\:w-96 { - width: 24rem; + .sm\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .md\:w-auto { - width: auto; + .sm\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .md\:w-px { - width: 1px; + .sm\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .md\:w-0\.5 { - width: 0.125rem; + .sm\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .md\:w-1\.5 { - width: 0.375rem; + .sm\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .md\:w-2\.5 { - width: 0.625rem; + .sm\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .md\:w-3\.5 { - width: 0.875rem; + .sm\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .md\:w-1\/2 { - width: 50%; + .sm\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .md\:w-1\/3 { - width: 33.333333%; + .sm\:skew-x-0 { + --transform-skew-x: 0; } - .md\:w-2\/3 { - width: 66.666667%; + .sm\:skew-x-1 { + --transform-skew-x: 1deg; } - .md\:w-1\/4 { - width: 25%; + .sm\:skew-x-2 { + --transform-skew-x: 2deg; } - .md\:w-2\/4 { - width: 50%; + .sm\:skew-x-3 { + --transform-skew-x: 3deg; } - .md\:w-3\/4 { - width: 75%; + .sm\:skew-x-6 { + --transform-skew-x: 6deg; } - .md\:w-1\/5 { - width: 20%; + .sm\:skew-x-12 { + --transform-skew-x: 12deg; } - .md\:w-2\/5 { - width: 40%; + .sm\:-skew-x-12 { + --transform-skew-x: -12deg; } - .md\:w-3\/5 { - width: 60%; + .sm\:-skew-x-6 { + --transform-skew-x: -6deg; } - .md\:w-4\/5 { - width: 80%; + .sm\:-skew-x-3 { + --transform-skew-x: -3deg; } - .md\:w-1\/6 { - width: 16.666667%; + .sm\:-skew-x-2 { + --transform-skew-x: -2deg; } - .md\:w-2\/6 { - width: 33.333333%; + .sm\:-skew-x-1 { + --transform-skew-x: -1deg; } - .md\:w-3\/6 { - width: 50%; + .sm\:skew-y-0 { + --transform-skew-y: 0; } - .md\:w-4\/6 { - width: 66.666667%; + .sm\:skew-y-1 { + --transform-skew-y: 1deg; } - .md\:w-5\/6 { - width: 83.333333%; + .sm\:skew-y-2 { + --transform-skew-y: 2deg; } - .md\:w-1\/12 { - width: 8.333333%; + .sm\:skew-y-3 { + --transform-skew-y: 3deg; } - .md\:w-2\/12 { - width: 16.666667%; + .sm\:skew-y-6 { + --transform-skew-y: 6deg; } - .md\:w-3\/12 { - width: 25%; + .sm\:skew-y-12 { + --transform-skew-y: 12deg; } - .md\:w-4\/12 { - width: 33.333333%; + .sm\:-skew-y-12 { + --transform-skew-y: -12deg; } - .md\:w-5\/12 { - width: 41.666667%; + .sm\:-skew-y-6 { + --transform-skew-y: -6deg; } - .md\:w-6\/12 { - width: 50%; + .sm\:-skew-y-3 { + --transform-skew-y: -3deg; } - .md\:w-7\/12 { - width: 58.333333%; + .sm\:-skew-y-2 { + --transform-skew-y: -2deg; } - .md\:w-8\/12 { - width: 66.666667%; + .sm\:-skew-y-1 { + --transform-skew-y: -1deg; } - .md\:w-9\/12 { - width: 75%; + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .md\:w-10\/12 { - width: 83.333333%; + .sm\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .md\:w-11\/12 { - width: 91.666667%; + .sm\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .md\:w-full { - width: 100%; + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .md\:w-screen { - width: 100vw; + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .md\:w-min { - width: min-content; + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .md\:w-max { - width: max-content; + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .md\:z-0 { - z-index: 0; + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .md\:z-10 { - z-index: 10; + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .md\:z-20 { - z-index: 20; + .sm\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .md\:z-30 { - z-index: 30; + .sm\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .md\:z-40 { - z-index: 40; + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .md\:z-50 { - z-index: 50; + .sm\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .md\:z-auto { - z-index: auto; + .sm\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .md\:focus\:z-0:focus { - z-index: 0; + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .md\:focus\:z-10:focus { - z-index: 10; + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .md\:focus\:z-20:focus { - z-index: 20; + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .md\:focus\:z-30:focus { - z-index: 30; + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .md\:focus\:z-40:focus { - z-index: 40; + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .md\:focus\:z-50:focus { - z-index: 50; + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .md\:focus\:z-auto:focus { - z-index: auto; + .sm\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .md\:gap-0 { - grid-gap: 0; - gap: 0; + .sm\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .md\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .md\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .sm\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .md\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .sm\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .md\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .md\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .md\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .md\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .md\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .md\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .md\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .sm\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .md\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .sm\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .md\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .md\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .sm\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .md\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .sm\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .md\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .md\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .md\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .md\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .md\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .md\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .md\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .sm\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .md\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .sm\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .md\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .sm\:transition-none { + transition-property: none; } - .md\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .sm\:transition-all { + transition-property: all; } - .md\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .md\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .md\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .sm\:transition-opacity { + transition-property: opacity; } - .md\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .sm\:transition-shadow { + transition-property: box-shadow; } - .md\:gap-px { - grid-gap: 1px; - gap: 1px; + .sm\:transition-transform { + transition-property: transform; } - .md\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .sm\:ease-linear { + transition-timing-function: linear; } - .md\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .md\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .md\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .sm\:duration-75 { + transition-duration: 75ms; } - .md\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .sm\:duration-100 { + transition-duration: 100ms; } - .md\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .sm\:duration-150 { + transition-duration: 150ms; } - .md\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .sm\:duration-200 { + transition-duration: 200ms; } - .md\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .sm\:duration-300 { + transition-duration: 300ms; } - .md\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .sm\:duration-500 { + transition-duration: 500ms; } - .md\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .sm\:duration-700 { + transition-duration: 700ms; } - .md\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .sm\:duration-1000 { + transition-duration: 1000ms; } - .md\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .sm\:delay-75 { + transition-delay: 75ms; } - .md\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .sm\:delay-100 { + transition-delay: 100ms; } - .md\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .sm\:delay-150 { + transition-delay: 150ms; } - .md\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .sm\:delay-200 { + transition-delay: 200ms; } - .md\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .sm\:delay-300 { + transition-delay: 300ms; } - .md\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .sm\:delay-500 { + transition-delay: 500ms; } - .md\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .sm\:delay-700 { + transition-delay: 700ms; } - .md\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .sm\:delay-1000 { + transition-delay: 1000ms; } - .md\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .sm\:animate-none { + animation: none; } - .md\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .sm\:animate-spin { + animation: spin 1s linear infinite; } - .md\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .sm\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .md\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .sm\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .md\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .sm\:animate-bounce { + animation: bounce 1s infinite; } - .md\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .sm\:example { + font-weight: 700; + color: #ef4444; } +} - .md\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; +@media (min-width: 768px) { + .md\:container { + width: 100%; } - .md\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + @media (min-width: 640px) { + .md\:container { + max-width: 640px; + } } - .md\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + @media (min-width: 768px) { + .md\:container { + max-width: 768px; + } } - .md\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + @media (min-width: 1024px) { + .md\:container { + max-width: 1024px; + } } - .md\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + @media (min-width: 1280px) { + .md\:container { + max-width: 1280px; + } } - .md\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + @media (min-width: 1536px) { + .md\:container { + max-width: 1536px; + } } - .md\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .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\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .md\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .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\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .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\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-0 { - grid-row-gap: 0; - row-gap: 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\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .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\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .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\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .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\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .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\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .md\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .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\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .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\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .md\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .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\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .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\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .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\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .md\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .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\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .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\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .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\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .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\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .md\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .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\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .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\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .md\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .md\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .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\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-flow-row { - grid-auto-flow: row; + .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\:grid-flow-col { - grid-auto-flow: column; + .md\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .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\:grid-flow-col-dense { - grid-auto-flow: column dense; + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .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\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .md\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .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\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .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\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .md\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .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\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .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\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .md\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .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\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .md\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-cols-none { - grid-template-columns: none; + .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\:auto-cols-auto { - grid-auto-columns: auto; + .md\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .md\:auto-cols-min { - grid-auto-columns: min-content; + .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\:auto-cols-max { - grid-auto-columns: max-content; + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .md\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .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\:col-auto { - grid-column: auto; + .md\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .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\:col-span-2 { - grid-column: span 2 / span 2; + .md\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .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\:col-span-4 { - grid-column: span 4 / span 4; + .md\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .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\:col-span-6 { - grid-column: span 6 / span 6; + .md\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .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\:col-span-8 { - grid-column: span 8 / span 8; + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .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\:col-span-10 { - grid-column: span 10 / span 10; + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .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\:col-span-12 { - grid-column: span 12 / span 12; + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:col-span-full { - grid-column: 1 / -1; + .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\:col-start-1 { - grid-column-start: 1; + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-2 { - grid-column-start: 2; + .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\:col-start-3 { - grid-column-start: 3; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-4 { - grid-column-start: 4; + .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\:col-start-5 { - grid-column-start: 5; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-6 { - grid-column-start: 6; + .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\:col-start-7 { - grid-column-start: 7; + .md\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-8 { - grid-column-start: 8; + .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\:col-start-9 { - grid-column-start: 9; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-10 { - grid-column-start: 10; + .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\:col-start-11 { - grid-column-start: 11; + .md\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-12 { - grid-column-start: 12; + .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\:col-start-13 { - grid-column-start: 13; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-start-auto { - grid-column-start: 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\:col-end-1 { - grid-column-end: 1; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-2 { - grid-column-end: 2; + .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\:col-end-3 { - grid-column-end: 3; + .md\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-4 { - grid-column-end: 4; + .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\:col-end-5 { - grid-column-end: 5; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-6 { - grid-column-end: 6; + .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\:col-end-7 { - grid-column-end: 7; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-8 { - grid-column-end: 8; + .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\:col-end-9 { - grid-column-end: 9; + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-10 { - grid-column-end: 10; + .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\:col-end-11 { - grid-column-end: 11; + .md\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-12 { - grid-column-end: 12; + .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\:col-end-13 { - grid-column-end: 13; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:col-end-auto { - grid-column-end: auto; + .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\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .md\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .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\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .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\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .md\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .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\:grid-rows-none { - grid-template-rows: none; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:auto-rows-auto { - grid-auto-rows: auto; + .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\:auto-rows-min { - grid-auto-rows: min-content; + .md\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .md\:auto-rows-max { - grid-auto-rows: max-content; + .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\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:row-auto { - grid-row: auto; + .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\:row-span-1 { - grid-row: span 1 / span 1; + .md\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .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\:row-span-3 { - grid-row: span 3 / span 3; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .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\:row-span-5 { - grid-row: span 5 / span 5; + .md\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .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\:row-span-full { - grid-row: 1 / -1; + .md\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .md\:row-start-1 { - grid-row-start: 1; + .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\:row-start-2 { - grid-row-start: 2; + .md\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .md\:row-start-3 { - grid-row-start: 3; + .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\:row-start-4 { - grid-row-start: 4; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:row-start-5 { - grid-row-start: 5; + .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\:row-start-6 { - grid-row-start: 6; + .md\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .md\:row-start-7 { - grid-row-start: 7; + .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\:row-start-auto { - grid-row-start: auto; + .md\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .md\:row-end-1 { - grid-row-end: 1; + .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\:row-end-2 { - grid-row-end: 2; + .md\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .md\:row-end-3 { - grid-row-end: 3; + .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\:row-end-4 { - grid-row-end: 4; + .md\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .md\:row-end-5 { - grid-row-end: 5; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:row-end-6 { - grid-row-end: 6; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:row-end-7 { - grid-row-end: 7; + .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\:row-end-auto { - grid-row-end: auto; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .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\: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\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:transform-none { - transform: none; + .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\:origin-center { - transform-origin: center; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:origin-top { - transform-origin: top; + .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\:origin-top-right { - transform-origin: top right; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:origin-right { - transform-origin: right; + .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\:origin-bottom-right { - transform-origin: bottom right; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:origin-bottom { - transform-origin: bottom; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:origin-bottom-left { - transform-origin: bottom left; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:origin-left { - transform-origin: left; + .md\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:origin-top-left { - transform-origin: top left; + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .md\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .md\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .md\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .md\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .md\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .md\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .md\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .md\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .md\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .md\:scale-x-0 { - --transform-scale-x: 0; + .md\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .md\:scale-x-50 { - --transform-scale-x: .5; + .md\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .md\:scale-x-75 { - --transform-scale-x: .75; + .md\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .md\:scale-x-90 { - --transform-scale-x: .9; + .md\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .md\:scale-x-95 { - --transform-scale-x: .95; + .md\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .md\:scale-x-100 { - --transform-scale-x: 1; + .md\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .md\:scale-x-105 { - --transform-scale-x: 1.05; + .md\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .md\:scale-x-110 { - --transform-scale-x: 1.1; + .md\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .md\:scale-x-125 { - --transform-scale-x: 1.25; + .md\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .md\:scale-x-150 { - --transform-scale-x: 1.5; + .md\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .md\:scale-y-0 { - --transform-scale-y: 0; + .md\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .md\:scale-y-50 { - --transform-scale-y: .5; + .md\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .md\:scale-y-75 { - --transform-scale-y: .75; + .md\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .md\:scale-y-90 { - --transform-scale-y: .9; + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .md\:scale-y-95 { - --transform-scale-y: .95; + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .md\:scale-y-100 { - --transform-scale-y: 1; + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .md\:scale-y-105 { - --transform-scale-y: 1.05; + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .md\:scale-y-110 { - --transform-scale-y: 1.1; + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .md\:scale-y-125 { - --transform-scale-y: 1.25; + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .md\:scale-y-150 { - --transform-scale-y: 1.5; + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .md\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .md\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .md\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .md\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .md\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .md\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .md\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .md\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .md\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .md\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .md\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .md\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .md\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .md\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .md\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .md\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .md\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .md\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .md\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .md\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .md\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .md\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .md\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .md\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .md\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .md\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .md\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .md\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .md\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .md\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .md\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .md\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .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\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .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\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .md\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .md\:appearance-none { + appearance: none; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .md\:bg-fixed { + background-attachment: fixed; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .md\:bg-local { + background-attachment: local; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .md\:bg-scroll { + background-attachment: scroll; } - .md\:rotate-0 { - --transform-rotate: 0; + .md\:bg-clip-border { + background-clip: border-box; } - .md\:rotate-1 { - --transform-rotate: 1deg; + .md\:bg-clip-padding { + background-clip: padding-box; } - .md\:rotate-2 { - --transform-rotate: 2deg; + .md\:bg-clip-content { + background-clip: content-box; } - .md\:rotate-3 { - --transform-rotate: 3deg; + .md\:bg-clip-text { + background-clip: text; } - .md\:rotate-6 { - --transform-rotate: 6deg; + .md\:bg-transparent { + background-color: transparent; } - .md\:rotate-12 { - --transform-rotate: 12deg; + .md\:bg-current { + background-color: currentColor; } - .md\:rotate-45 { - --transform-rotate: 45deg; + .md\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:rotate-90 { - --transform-rotate: 90deg; + .md\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:rotate-180 { - --transform-rotate: 180deg; + .md\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:-rotate-180 { - --transform-rotate: -180deg; + .md\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:-rotate-90 { - --transform-rotate: -90deg; + .md\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:-rotate-45 { - --transform-rotate: -45deg; + .md\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:-rotate-12 { - --transform-rotate: -12deg; + .md\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:-rotate-6 { - --transform-rotate: -6deg; + .md\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:-rotate-3 { - --transform-rotate: -3deg; + .md\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:-rotate-2 { - --transform-rotate: -2deg; + .md\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:-rotate-1 { - --transform-rotate: -1deg; + .md\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0; + .md\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .md\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .md\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .md\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .md\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .md\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .md\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .md\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .md\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .md\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .md\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .md\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .md\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .md\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .md\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .md\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .md\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0; + .md\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .md\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .md\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .md\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .md\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .md\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .md\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .md\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .md\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .md\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .md\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .md\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .md\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .md\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .md\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .md\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .md\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:translate-x-0 { - --transform-translate-x: 0; + .md\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:translate-x-1 { - --transform-translate-x: 0.25rem; + .md\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:translate-x-2 { - --transform-translate-x: 0.5rem; + .md\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:translate-x-3 { - --transform-translate-x: 0.75rem; + .md\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:translate-x-4 { - --transform-translate-x: 1rem; + .md\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:translate-x-5 { - --transform-translate-x: 1.25rem; + .md\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:translate-x-6 { - --transform-translate-x: 1.5rem; + .md\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:translate-x-7 { - --transform-translate-x: 1.75rem; + .md\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:translate-x-8 { - --transform-translate-x: 2rem; + .md\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:translate-x-9 { - --transform-translate-x: 2.25rem; + .md\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:translate-x-10 { - --transform-translate-x: 2.5rem; + .md\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:translate-x-12 { - --transform-translate-x: 3rem; + .md\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:translate-x-14 { - --transform-translate-x: 3.5rem; + .md\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:translate-x-16 { - --transform-translate-x: 4rem; + .md\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:translate-x-20 { - --transform-translate-x: 5rem; + .md\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:translate-x-24 { - --transform-translate-x: 6rem; + .md\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:translate-x-28 { - --transform-translate-x: 7rem; + .md\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:translate-x-32 { - --transform-translate-x: 8rem; + .md\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:translate-x-36 { - --transform-translate-x: 9rem; + .md\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:translate-x-40 { - --transform-translate-x: 10rem; + .md\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:translate-x-44 { - --transform-translate-x: 11rem; + .md\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:translate-x-48 { - --transform-translate-x: 12rem; + .md\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:translate-x-52 { - --transform-translate-x: 13rem; + .md\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:translate-x-56 { - --transform-translate-x: 14rem; + .md\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:translate-x-60 { - --transform-translate-x: 15rem; + .md\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:translate-x-64 { - --transform-translate-x: 16rem; + .md\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:translate-x-72 { - --transform-translate-x: 18rem; + .md\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:translate-x-80 { - --transform-translate-x: 20rem; + .group:hover .md\:group-hover\:bg-transparent { + background-color: transparent; } - .md\:translate-x-96 { - --transform-translate-x: 24rem; + .group:hover .md\:group-hover\:bg-current { + background-color: currentColor; } - .md\:translate-x-px { - --transform-translate-x: 1px; + .group:hover .md\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .group:hover .md\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .group:hover .md\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .group:hover .md\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .group:hover .md\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .group:hover .md\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .group:hover .md\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .group:hover .md\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:-translate-x-4 { - --transform-translate-x: -1rem; + .group:hover .md\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .group:hover .md\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .group:hover .md\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .group:hover .md\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:-translate-x-8 { - --transform-translate-x: -2rem; + .group:hover .md\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .group:hover .md\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .group:hover .md\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:-translate-x-12 { - --transform-translate-x: -3rem; + .group:hover .md\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .group:hover .md\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:-translate-x-16 { - --transform-translate-x: -4rem; + .group:hover .md\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:-translate-x-20 { - --transform-translate-x: -5rem; + .group:hover .md\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:-translate-x-24 { - --transform-translate-x: -6rem; + .group:hover .md\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:-translate-x-28 { - --transform-translate-x: -7rem; + .group:hover .md\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:-translate-x-32 { - --transform-translate-x: -8rem; + .group:hover .md\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:-translate-x-36 { - --transform-translate-x: -9rem; + .group:hover .md\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:-translate-x-40 { - --transform-translate-x: -10rem; + .group:hover .md\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:-translate-x-44 { - --transform-translate-x: -11rem; + .group:hover .md\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:-translate-x-48 { - --transform-translate-x: -12rem; + .group:hover .md\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:-translate-x-52 { - --transform-translate-x: -13rem; + .group:hover .md\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:-translate-x-56 { - --transform-translate-x: -14rem; + .group:hover .md\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:-translate-x-60 { - --transform-translate-x: -15rem; + .group:hover .md\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:-translate-x-64 { - --transform-translate-x: -16rem; + .group:hover .md\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:-translate-x-72 { - --transform-translate-x: -18rem; + .group:hover .md\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:-translate-x-80 { - --transform-translate-x: -20rem; + .group:hover .md\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:-translate-x-96 { - --transform-translate-x: -24rem; + .group:hover .md\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:-translate-x-px { - --transform-translate-x: -1px; + .group:hover .md\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .group:hover .md\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .group:hover .md\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .group:hover .md\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .group:hover .md\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:translate-x-1\/2 { - --transform-translate-x: 50%; + .group:hover .md\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .group:hover .md\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .group:hover .md\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:translate-x-1\/4 { - --transform-translate-x: 25%; + .group:hover .md\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:translate-x-2\/4 { - --transform-translate-x: 50%; + .group:hover .md\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:translate-x-3\/4 { - --transform-translate-x: 75%; + .group:hover .md\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:translate-x-full { - --transform-translate-x: 100%; + .group:hover .md\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .group:hover .md\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .group:hover .md\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .group:hover .md\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .group:hover .md\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .group:hover .md\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .group:hover .md\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:-translate-x-full { - --transform-translate-x: -100%; + .group:hover .md\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:translate-y-0 { - --transform-translate-y: 0; + .group:hover .md\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:translate-y-1 { - --transform-translate-y: 0.25rem; + .group:hover .md\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:translate-y-2 { - --transform-translate-y: 0.5rem; + .group:hover .md\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:translate-y-3 { - --transform-translate-y: 0.75rem; + .group:hover .md\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:translate-y-4 { - --transform-translate-y: 1rem; + .group:hover .md\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:translate-y-5 { - --transform-translate-y: 1.25rem; + .group:hover .md\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:translate-y-6 { - --transform-translate-y: 1.5rem; + .group:hover .md\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:translate-y-7 { - --transform-translate-y: 1.75rem; + .group:hover .md\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:translate-y-8 { - --transform-translate-y: 2rem; + .group:hover .md\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:translate-y-9 { - --transform-translate-y: 2.25rem; + .group:hover .md\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:translate-y-10 { - --transform-translate-y: 2.5rem; + .group:hover .md\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:translate-y-12 { - --transform-translate-y: 3rem; + .group:hover .md\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:translate-y-14 { - --transform-translate-y: 3.5rem; + .group:hover .md\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:translate-y-16 { - --transform-translate-y: 4rem; + .group:hover .md\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:translate-y-20 { - --transform-translate-y: 5rem; + .group:hover .md\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:translate-y-24 { - --transform-translate-y: 6rem; + .group:hover .md\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:translate-y-28 { - --transform-translate-y: 7rem; + .group:hover .md\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:translate-y-32 { - --transform-translate-y: 8rem; + .group:hover .md\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:translate-y-36 { - --transform-translate-y: 9rem; + .group:hover .md\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:translate-y-40 { - --transform-translate-y: 10rem; + .group:hover .md\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:translate-y-44 { - --transform-translate-y: 11rem; + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:translate-y-48 { - --transform-translate-y: 12rem; + .md\:hover\:bg-current:hover { + background-color: currentColor; } - .md\:translate-y-52 { - --transform-translate-y: 13rem; + .md\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:translate-y-56 { - --transform-translate-y: 14rem; + .md\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:translate-y-60 { - --transform-translate-y: 15rem; + .md\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:translate-y-64 { - --transform-translate-y: 16rem; + .md\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:translate-y-72 { - --transform-translate-y: 18rem; + .md\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:translate-y-80 { - --transform-translate-y: 20rem; + .md\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:translate-y-96 { - --transform-translate-y: 24rem; + .md\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:translate-y-px { - --transform-translate-y: 1px; + .md\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .md\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .md\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .md\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .md\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .md\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .md\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .md\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:-translate-y-4 { - --transform-translate-y: -1rem; + .md\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .md\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .md\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .md\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:-translate-y-8 { - --transform-translate-y: -2rem; + .md\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .md\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .md\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:-translate-y-12 { - --transform-translate-y: -3rem; + .md\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .md\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:-translate-y-16 { - --transform-translate-y: -4rem; + .md\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:-translate-y-20 { - --transform-translate-y: -5rem; + .md\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:-translate-y-24 { - --transform-translate-y: -6rem; + .md\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:-translate-y-28 { - --transform-translate-y: -7rem; + .md\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:-translate-y-32 { - --transform-translate-y: -8rem; + .md\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:-translate-y-36 { - --transform-translate-y: -9rem; + .md\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:-translate-y-40 { - --transform-translate-y: -10rem; + .md\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:-translate-y-44 { - --transform-translate-y: -11rem; + .md\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:-translate-y-48 { - --transform-translate-y: -12rem; + .md\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:-translate-y-52 { - --transform-translate-y: -13rem; + .md\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:-translate-y-56 { - --transform-translate-y: -14rem; + .md\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:-translate-y-60 { - --transform-translate-y: -15rem; + .md\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:-translate-y-64 { - --transform-translate-y: -16rem; + .md\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:-translate-y-72 { - --transform-translate-y: -18rem; + .md\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:-translate-y-80 { - --transform-translate-y: -20rem; + .md\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:-translate-y-96 { - --transform-translate-y: -24rem; + .md\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:-translate-y-px { - --transform-translate-y: -1px; + .md\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .md\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .md\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .md\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .md\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:translate-y-1\/2 { - --transform-translate-y: 50%; + .md\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .md\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .md\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:translate-y-1\/4 { - --transform-translate-y: 25%; + .md\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:translate-y-2\/4 { - --transform-translate-y: 50%; + .md\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:translate-y-3\/4 { - --transform-translate-y: 75%; + .md\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:translate-y-full { - --transform-translate-y: 100%; + .md\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .md\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .md\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .md\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .md\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .md\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .md\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:-translate-y-full { - --transform-translate-y: -100%; + .md\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .md\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .md\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .md\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .md\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .md\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .md\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .md\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .md\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .md\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .md\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .md\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .md\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .md\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .md\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .md\:focus\:bg-current:focus { + background-color: currentColor; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .md\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .md\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .md\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .md\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .md\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .md\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .md\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .md\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .md\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .md\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .md\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .md\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .md\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .md\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .md\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .md\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .md\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .md\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .md\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .md\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .md\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .md\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .md\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .md\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .md\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .md\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .md\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .md\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .md\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .md\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .md\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .md\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .md\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .md\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .md\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .md\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .md\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .md\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .md\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .md\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .md\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .md\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .md\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .md\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .md\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .md\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .md\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .md\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .md\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .md\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .md\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .md\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .md\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .md\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .md\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .md\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .md\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .md\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .md\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .md\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .md\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .md\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .md\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .md\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .md\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .md\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .md\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .md\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .md\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .md\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .md\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .md\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .md\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .md\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .md\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .md\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .md\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .md\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .md\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .md\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .md\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .md\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .md\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .md\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .md\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .md\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .md\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .md\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .md\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .md\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .md\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .md\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .md\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .md\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .md\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .md\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .md\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .md\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .md\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .md\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .md\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .md\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .md\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .md\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .md\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .md\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .md\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .md\:bg-none { + background-image: none; } - .md\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .md\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .md\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .md\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .md\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .md\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .md\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .md\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .md\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .md\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .md\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .md\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .md\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .md\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .md\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .md\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .md\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .md\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .md\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .md\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .md\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .md\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .md\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .md\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .md\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .md\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .md\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .md\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .md\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .md\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .md\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .md\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .md\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .md\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .md\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .md\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .md\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .md\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .md\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .md\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .md\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .md\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .md\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .md\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .md\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .md\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .md\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .md\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .md\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .md\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .md\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .md\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .md\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .md\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .md\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .md\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .md\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .md\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .md\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .md\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .md\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .md\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .md\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .md\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .md\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .md\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .md\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .md\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .md\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .md\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .md\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .md\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .md\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .md\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .md\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .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\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .md\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .md\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .md\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .md\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .md\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .md\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .md\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .md\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .md\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .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\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .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\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .md\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .md\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .md\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .md\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .md\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .md\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .md\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .md\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .md\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .md\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .md\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .md\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .md\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .md\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .md\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .md\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .md\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .md\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .md\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .md\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .md\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .md\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .md\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .md\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .md\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .md\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .md\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .md\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .md\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .md\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .md\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .md\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .md\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .md\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .md\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .md\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .md\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .md\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .md\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .md\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .md\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .md\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .md\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .md\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .md\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .md\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .md\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .md\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .md\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .md\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .md\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .md\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .md\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .md\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .md\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .md\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .md\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .md\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .md\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .md\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .md\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .md\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .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\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .md\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .md\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .md\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .md\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .md\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .md\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .md\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .md\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .md\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .md\:to-transparent { + --gradient-to-color: transparent; } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .md\:to-current { + --gradient-to-color: currentColor; } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .md\:to-black { + --gradient-to-color: #000; } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .md\:to-white { + --gradient-to-color: #fff; } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .md\:to-gray-50 { + --gradient-to-color: #fafafa; } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .md\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .md\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .md\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .md\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .md\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .md\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .md\:to-gray-500 { + --gradient-to-color: #71717a; } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .md\:to-gray-600 { + --gradient-to-color: #52525b; } - .md\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .md\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .md\:to-gray-800 { + --gradient-to-color: #27272a; } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .md\:to-gray-900 { + --gradient-to-color: #18181b; } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .md\:to-red-50 { + --gradient-to-color: #fef2f2; } - .md\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .md\:to-red-100 { + --gradient-to-color: #fee2e2; } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .md\:to-red-200 { + --gradient-to-color: #fecaca; } - .md\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .md\:to-red-300 { + --gradient-to-color: #fca5a5; } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .md\:to-red-400 { + --gradient-to-color: #f87171; } - .md\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .md\:to-red-500 { + --gradient-to-color: #ef4444; } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .md\:to-red-600 { + --gradient-to-color: #dc2626; } - .md\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .md\:to-red-700 { + --gradient-to-color: #b91c1c; } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .md\:to-red-800 { + --gradient-to-color: #991b1b; } - .md\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .md\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .md\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .md\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .md\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .md\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .md\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .md\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .md\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .md\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .md\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .md\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .md\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .md\:to-yellow-600 { + --gradient-to-color: #d97706; } - .md\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .md\:to-yellow-700 { + --gradient-to-color: #b45309; } - .md\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .md\:to-yellow-800 { + --gradient-to-color: #92400e; } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .md\:to-yellow-900 { + --gradient-to-color: #78350f; } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .md\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .md\:to-green-100 { + --gradient-to-color: #d1fae5; } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .md\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .md\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .md\:to-green-400 { + --gradient-to-color: #34d399; } - .md\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .md\:to-green-500 { + --gradient-to-color: #10b981; } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .md\:to-green-600 { + --gradient-to-color: #059669; } - .md\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .md\:to-green-700 { + --gradient-to-color: #047857; } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .md\:to-green-800 { + --gradient-to-color: #065f46; } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .md\:to-green-900 { + --gradient-to-color: #064e3b; } - .md\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .md\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .md\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .md\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .md\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .md\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .md\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .md\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .md\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .md\:to-blue-600 { + --gradient-to-color: #2563eb; } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .md\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .md\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .md\:to-blue-800 { + --gradient-to-color: #1e40af; } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .md\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .md\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .md\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .md\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .md\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .md\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .md\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .md\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .md\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .md\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .md\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .md\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .md\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .md\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .md\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .md\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .md\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .md\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .md\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .md\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .md\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .md\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .md\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .md\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .md\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .md\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .md\:to-pink-400 { + --gradient-to-color: #f472b6; } - .md\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .md\:to-pink-500 { + --gradient-to-color: #ec4899; } - .md\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .md\:to-pink-600 { + --gradient-to-color: #db2777; } - .md\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .md\:to-pink-700 { + --gradient-to-color: #be185d; } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .md\:to-pink-800 { + --gradient-to-color: #9d174d; } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .md\:to-pink-900 { + --gradient-to-color: #831843; } - .md\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .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\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .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\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .md\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .md\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .md\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .md\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:skew-x-0 { - --transform-skew-x: 0; + .md\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:skew-x-1 { - --transform-skew-x: 1deg; + .md\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:skew-x-2 { - --transform-skew-x: 2deg; + .md\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:skew-x-3 { - --transform-skew-x: 3deg; + .md\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:skew-x-6 { - --transform-skew-x: 6deg; + .md\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:skew-x-12 { - --transform-skew-x: 12deg; + .md\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:-skew-x-12 { - --transform-skew-x: -12deg; + .md\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:-skew-x-6 { - --transform-skew-x: -6deg; + .md\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:-skew-x-3 { - --transform-skew-x: -3deg; + .md\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:-skew-x-2 { - --transform-skew-x: -2deg; + .md\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:-skew-x-1 { - --transform-skew-x: -1deg; + .md\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:skew-y-0 { - --transform-skew-y: 0; + .md\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:skew-y-1 { - --transform-skew-y: 1deg; + .md\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:skew-y-2 { - --transform-skew-y: 2deg; + .md\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:skew-y-3 { - --transform-skew-y: 3deg; + .md\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:skew-y-6 { - --transform-skew-y: 6deg; + .md\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:skew-y-12 { - --transform-skew-y: 12deg; + .md\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:-skew-y-12 { - --transform-skew-y: -12deg; + .md\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:-skew-y-6 { - --transform-skew-y: -6deg; + .md\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:-skew-y-3 { - --transform-skew-y: -3deg; + .md\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:-skew-y-2 { - --transform-skew-y: -2deg; + .md\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:-skew-y-1 { - --transform-skew-y: -1deg; + .md\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .md\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .md\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .md\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + + .md\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .md\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .md\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .md\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .md\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .md\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .md\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .md\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .md\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .md\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .md\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .md\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .md\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .md\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .md\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .md\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .md\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .md\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .md\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .md\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .md\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .md\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .md\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .md\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .md\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .md\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .md\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .md\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .md\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .md\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .md\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .md\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .md\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .md\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .md\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .md\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .md\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .md\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .md\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .md\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .md\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .md\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .md\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .md\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .md\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .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\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .md\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .md\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .md\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .md\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .md\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .md\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .md\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .md\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .md\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .md\:transition-none { - transition-property: none; + .md\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .md\:transition-all { - transition-property: all; + .md\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .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\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .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\:transition-opacity { - transition-property: opacity; + .md\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .md\:transition-shadow { - transition-property: box-shadow; + .md\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .md\:transition-transform { - transition-property: transform; + .md\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .md\:ease-linear { - transition-timing-function: linear; + .md\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .md\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .md\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .md\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .md\:duration-75 { - transition-duration: 75ms; + .md\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .md\:duration-100 { - transition-duration: 100ms; + .md\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .md\:duration-150 { - transition-duration: 150ms; + .md\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .md\:duration-200 { - transition-duration: 200ms; + .md\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .md\:duration-300 { - transition-duration: 300ms; + .md\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .md\:duration-500 { - transition-duration: 500ms; + .md\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .md\:duration-700 { - transition-duration: 700ms; + .md\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .md\:duration-1000 { - transition-duration: 1000ms; + .md\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .md\:delay-75 { - transition-delay: 75ms; + .md\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .md\:delay-100 { - transition-delay: 100ms; + .md\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .md\:delay-150 { - transition-delay: 150ms; + .md\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .md\:delay-200 { - transition-delay: 200ms; + .md\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .md\:delay-300 { - transition-delay: 300ms; + .md\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .md\:delay-500 { - transition-delay: 500ms; + .md\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .md\:delay-700 { - transition-delay: 700ms; + .md\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .md\:delay-1000 { - transition-delay: 1000ms; + .md\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .md\:animate-none { - animation: none; + .md\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .md\:animate-spin { - animation: spin 1s linear infinite; + .md\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .md\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .md\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .md\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .md\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .md\:animate-bounce { - animation: bounce 1s infinite; + .md\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .md\:example { - font-weight: 700; - color: #ef4444; + .md\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } -} -@media (min-width: 1024px) { - .lg\:container { - width: 100%; + .md\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } + .md\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } + .md\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } + .md\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } + .md\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } + .md\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .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\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 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\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .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\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .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\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 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\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .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\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .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\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .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\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .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\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .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\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .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\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .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\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .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\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 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\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .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)); } - .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\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 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)); + .md\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .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\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .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\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .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\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .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\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .lg\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-black:hover { + --gradient-to-color: #000; } - .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\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .lg\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .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\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .lg\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .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\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .lg\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .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\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .lg\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .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\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .lg\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .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\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .lg\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .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\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .lg\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .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\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .lg\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .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\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .lg\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .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\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .lg\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .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\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .lg\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .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\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .lg\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .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\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .lg\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .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\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .lg\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .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\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .lg\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .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\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .lg\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .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\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .lg\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .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\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .lg\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .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\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .lg\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .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\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .lg\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .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\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .lg\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .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\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .lg\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .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\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .lg\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .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\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .lg\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .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\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .lg\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .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\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .lg\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .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\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .lg\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .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\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .lg\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .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\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .lg\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .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\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .lg\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .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\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .lg\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .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\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .lg\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .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\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .lg\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .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\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .lg\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .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\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .lg\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .md\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .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\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .lg\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .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)); } - .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\: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\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .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\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .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\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .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\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .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\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .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\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .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\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .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\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .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\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .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\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .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\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .md\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .md\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .md\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .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\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .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\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .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\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .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\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .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\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .md\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .md\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .md\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .md\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .md\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .md\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .md\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); + .md\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); + .md\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); + .md\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); + .md\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); + .md\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); + .md\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); + .md\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); + .md\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); + .md\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); + .md\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); + .md\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); + .md\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); + .md\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); + .md\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); + .md\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); + .md\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); + .md\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); + .md\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); + .md\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); + .md\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); + .md\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); + .md\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); + .md\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-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)); } - .lg\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); + .md\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); + .md\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); + .md\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); + .md\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); + .md\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); + .md\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); + .md\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); + .md\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); + .md\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-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)); } - .lg\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-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)); } - .lg\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); + .md\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); + .md\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); + .md\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); + .md\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); + .md\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); + .md\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); + .md\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); + .md\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); + .md\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); + .md\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); + .md\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); + .md\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); + .md\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); + .md\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); + .md\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); + .md\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); + .md\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); + .md\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); + .md\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); + .md\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); + .md\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); + .md\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); + .md\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); + .md\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); + .md\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .md\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); + .md\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); + .md\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); + .md\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); + .md\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); + .md\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); + .md\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); + .md\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); + .md\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); + .md\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - @media (prefers-color-scheme: dark) { - .lg\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .lg\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .md\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .lg\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } + .md\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .lg\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } + .md\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .lg\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } + .md\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .lg\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } + .md\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .lg\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } + .md\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .lg\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } + .md\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .lg\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } + .md\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .lg\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } + .md\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .lg\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } + .md\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .lg\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } + .md\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .lg\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } + .md\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .lg\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } + .md\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .lg\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } + .md\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .lg\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } + .md\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .lg\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } + .md\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .lg\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } + .md\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .lg\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } + .md\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .lg\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } + .md\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .lg\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } + .md\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .lg\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } + .md\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .lg\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } + .md\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .lg\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } + .md\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .lg\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } + .md\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .lg\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } + .md\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .lg\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } + .md\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .lg\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } + .md\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .lg\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-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)); + } - .lg\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } + .md\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .lg\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } + .md\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .lg\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } + .md\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .lg\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } + .md\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .lg\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } + .md\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .lg\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } + .md\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .lg\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } + .md\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .lg\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } + .md\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .lg\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } + .md\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .lg\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } + .md\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .lg\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } + .md\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .lg\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } + .md\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .lg\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } + .md\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .lg\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } + .md\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .lg\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } + .md\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .lg\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } + .md\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .lg\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } + .md\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .lg\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } + .md\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .lg\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } + .md\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .lg\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } + .md\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .lg\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } + .md\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .lg\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } + .md\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .lg\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } + .md\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .lg\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } + .md\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .lg\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } + .md\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .lg\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } + .md\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .lg\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } + .md\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .lg\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } + .md\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .lg\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } + .md\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .lg\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } + .md\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .lg\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } + .md\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .lg\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } + .md\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .lg\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } + .md\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .lg\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } + .md\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .lg\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } + .md\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .lg\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .md\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .lg\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } + .md\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .lg\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } + .md\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .lg\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } + .md\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .lg\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } + .md\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .lg\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } + .md\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .lg\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } + .md\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .lg\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } + .md\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .lg\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } + .md\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .lg\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } + .md\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .lg\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .md\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .lg\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .md\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .lg\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .md\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .lg\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .md\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .lg\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .md\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .lg\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .md\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .lg\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .md\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .lg\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .md\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .lg\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .md\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .lg\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .md\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .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\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .lg\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .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\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .lg\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .lg\:appearance-none { - appearance: none; + .md\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .lg\:bg-fixed { - background-attachment: fixed; + .md\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .lg\:bg-local { - background-attachment: local; + .md\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .lg\:bg-scroll { - background-attachment: scroll; + .md\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .lg\:bg-clip-border { - background-clip: border-box; + .md\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .lg\:bg-clip-padding { - background-clip: padding-box; + .md\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .lg\:bg-clip-content { - background-clip: content-box; + .md\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .lg\:bg-clip-text { - background-clip: text; + .md\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .lg\:bg-transparent { - background-color: transparent; + .md\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .lg\:bg-current { - background-color: currentColor; + .md\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .lg\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .lg\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .lg\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .md\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .lg\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .md\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .lg\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .md\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .lg\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .md\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .lg\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .md\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .lg\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .md\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .lg\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .md\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .lg\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .md\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .lg\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .md\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .lg\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .md\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .lg\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .md\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .lg\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .md\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .lg\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .md\:bg-opacity-0 { + --bg-opacity: 0; } - .lg\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .md\:bg-opacity-25 { + --bg-opacity: 0.25; } - .lg\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .md\:bg-opacity-50 { + --bg-opacity: 0.5; } - .lg\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .md\:bg-opacity-75 { + --bg-opacity: 0.75; } - .lg\:bg-red-600 { + .md\:bg-opacity-100 { --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; } - .lg\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; } - .lg\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; } - .lg\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .group:hover .md\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; } - .lg\:bg-yellow-100 { + .group:hover .md\:group-hover\:bg-opacity-100 { --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .md\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .lg\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .md\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .lg\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .md\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .lg\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .md\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .lg\:bg-yellow-600 { + .md\:hover\:bg-opacity-100:hover { --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .md\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .lg\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .md\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .lg\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .md\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .lg\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .md\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .lg\:bg-green-100 { + .md\:focus\:bg-opacity-100:focus { --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .md\:bg-bottom { + background-position: bottom; } - .lg\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .md\:bg-center { + background-position: center; } - .lg\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .md\:bg-left { + background-position: left; } - .lg\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .md\:bg-left-bottom { + background-position: left bottom; } - .lg\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .md\:bg-left-top { + background-position: left top; } - .lg\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .md\:bg-right { + background-position: right; } - .lg\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .md\:bg-right-bottom { + background-position: right bottom; } - .lg\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .md\:bg-right-top { + background-position: right top; } - .lg\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .md\:bg-top { + background-position: top; } - .lg\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .md\:bg-repeat { + background-repeat: repeat; } - .lg\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .md\:bg-no-repeat { + background-repeat: no-repeat; } - .lg\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .lg\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .md\:bg-repeat-y { + background-repeat: repeat-y; } - .lg\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .md\:bg-repeat-round { + background-repeat: round; } - .lg\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .md\:bg-repeat-space { + background-repeat: space; } - .lg\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .md\:bg-auto { + background-size: auto; } - .lg\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .md\:bg-cover { + background-size: cover; } - .lg\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .md\:bg-contain { + background-size: contain; } - .lg\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .md\:border-collapse { + border-collapse: collapse; } - .lg\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .md\:border-separate { + border-collapse: separate; } - .lg\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .md\:border-transparent { + border-color: transparent; } - .lg\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .md\:border-current { + border-color: currentColor; } - .lg\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .md\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .md\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .md\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .md\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .md\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .md\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .md\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .md\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .md\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .md\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .md\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .md\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .md\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .md\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .md\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-transparent { - background-color: transparent; + .md\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-current { - background-color: currentColor; + .md\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .md\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .md\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .md\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .md\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .md\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .md\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .md\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .md\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .md\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .md\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .md\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .md\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .md\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .md\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .md\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .md\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .md\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .md\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .md\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .md\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .md\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .md\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .md\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .md\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .md\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .md\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .md\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .md\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .md\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .md\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .md\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .md\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .md\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .md\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .md\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .md\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .md\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .md\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .md\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .md\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .md\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .md\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .md\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .md\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .md\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .md\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .md\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .md\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .md\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .md\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .md\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .md\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-transparent { + border-color: transparent; } - .group:hover .lg\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-current { + border-color: currentColor; } - .group:hover .lg\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .group:hover .lg\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .group:hover .md\:group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:hover\:bg-current:hover { - background-color: currentColor; + .group:hover .md\:group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .group:hover .md\:group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .md\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .md\:hover\:border-current:hover { + border-color: currentColor; } - .lg\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .md\:hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .md\:hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .md\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .md\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .md\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .md\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .md\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .md\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .md\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .md\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .md\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .md\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .md\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .md\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .md\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:focus\:bg-transparent:focus { - background-color: transparent; + .md\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:focus\:bg-current:focus { - background-color: currentColor; + .md\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .md\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .md\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .md\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .md\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .md\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .md\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .md\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .md\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .md\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .md\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .md\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .md\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .md\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .md\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .md\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .md\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .md\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .md\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .md\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .md\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .md\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .md\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .md\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .md\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .md\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .md\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .md\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .md\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .md\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .md\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .md\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .md\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .md\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .md\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .md\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .md\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .md\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .md\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .md\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .md\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .md\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .md\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .md\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .md\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .md\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .md\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .md\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .md\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .md\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .md\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .md\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .md\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .md\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .md\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .md\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .md\:focus\:border-current:focus { + border-color: currentColor; } - .lg\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .md\:focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .md\:focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .md\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .md\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .md\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .md\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .md\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .md\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .md\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .md\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .md\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .md\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .md\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .md\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .md\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .md\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - @media (prefers-color-scheme: dark) { - .lg\:dark\:bg-transparent { - background-color: transparent; - } - - .lg\:dark\:bg-current { - background-color: currentColor; - } - - .lg\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .lg\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .lg\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .lg\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .lg\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .lg\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .lg\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .lg\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .lg\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .lg\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .lg\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .lg\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .lg\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .lg\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .lg\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .lg\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .lg\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .lg\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .lg\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .lg\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); + } - .lg\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); + } - .lg\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); + } - .lg\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); + } - .lg\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); + } - .lg\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); + } - .lg\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); + } - .lg\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); + } - .lg\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); + } - .lg\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); + } - .lg\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); + } - .lg\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); + } - .lg\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); + } - .lg\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); + } - .lg\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); + } - .lg\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); + } - .lg\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); + } - .lg\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); + } - .lg\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); + } - .lg\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); + } - .lg\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); + } - .lg\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); + } - .lg\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); + } - .lg\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); + } - .lg\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); + } - .lg\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } + .md\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-current { - background-color: currentColor; - } + .md\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .md\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .md\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .md\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .md\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .md\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .md\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .md\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .md\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .md\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .md\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .md\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .md\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .md\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); + } - .group:hover .lg\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .md\:border-opacity-0 { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .md\:border-opacity-25 { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .md\:border-opacity-50 { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .md\:border-opacity-75 { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .md\:border-opacity-100 { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-0 { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .group:hover .md\:group-hover\:border-opacity-100 { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .md\:hover\:border-opacity-0:hover { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .md\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .md\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .md\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .md\:hover\:border-opacity-100:hover { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .md\:focus\:border-opacity-0:focus { + --border-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .md\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .md\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:focus\:border-opacity-100:focus { + --border-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:rounded-none { + border-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:rounded-sm { + border-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:rounded { + border-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:rounded-md { + border-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:rounded-lg { + border-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:rounded-xl { + border-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:rounded-2xl { + border-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:rounded-3xl { + border-radius: 1.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:rounded-full { + border-radius: 9999px; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; + } - .group:hover .lg\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .md\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .md\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .md\:rounded-tl-none { + border-top-left-radius: 0; + } - .lg\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .md\:rounded-tr-none { + border-top-right-radius: 0; + } - .lg\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .md\:rounded-br-none { + border-bottom-right-radius: 0; + } - .lg\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .md\:rounded-bl-none { + border-bottom-left-radius: 0; + } - .lg\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } - .lg\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .md\:rounded-tl { + border-top-left-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .md\:rounded-tr { + border-top-right-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } - .lg\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .md\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .md\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .md\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .md\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } - .lg\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } - .lg\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .md\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .md\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .md\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .md\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } - .lg\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .md\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } - .lg\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .md\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } - .lg\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .md\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } - .lg\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } - .lg\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } - .lg\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:rounded-tl-full { + border-top-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:rounded-tr-full { + border-top-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } - .lg\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:border-solid { + border-style: solid; + } - .lg\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:border-dashed { + border-style: dashed; + } - .lg\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:border-dotted { + border-style: dotted; + } - .lg\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:border-double { + border-style: double; + } - .lg\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:border-none { + border-style: none; + } - .lg\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:border-0 { + border-width: 0; + } - .lg\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:border-2 { + border-width: 2px; + } - .lg\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:border-4 { + border-width: 4px; + } - .lg\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:border-8 { + border-width: 8px; + } - .lg\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:border { + border-width: 1px; + } - .lg\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:border-t-0 { + border-top-width: 0; + } - .lg\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:border-r-0 { + border-right-width: 0; + } - .lg\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:border-b-0 { + border-bottom-width: 0; + } - .lg\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:border-l-0 { + border-left-width: 0; + } - .lg\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:border-t-2 { + border-top-width: 2px; + } - .lg\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:border-r-2 { + border-right-width: 2px; + } - .lg\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:border-b-2 { + border-bottom-width: 2px; + } - .lg\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:border-l-2 { + border-left-width: 2px; + } - .lg\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:border-t-4 { + border-top-width: 4px; + } - .lg\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:border-r-4 { + border-right-width: 4px; + } - .lg\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:border-b-4 { + border-bottom-width: 4px; + } - .lg\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:border-l-4 { + border-left-width: 4px; + } - .lg\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:border-t-8 { + border-top-width: 8px; + } - .lg\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:border-r-8 { + border-right-width: 8px; + } - .lg\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:border-b-8 { + border-bottom-width: 8px; + } - .lg\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:border-l-8 { + border-left-width: 8px; + } - .lg\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:border-t { + border-top-width: 1px; + } - .lg\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:border-r { + border-right-width: 1px; + } - .lg\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:border-b { + border-bottom-width: 1px; + } - .lg\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:border-l { + border-left-width: 1px; + } - .lg\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:box-border { + box-sizing: border-box; + } - .lg\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:box-content { + box-sizing: content-box; + } - .lg\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .md\:cursor-auto { + cursor: auto; + } - .lg\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .md\:cursor-default { + cursor: default; + } - .lg\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .md\:cursor-pointer { + cursor: pointer; + } - .lg\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .md\:cursor-wait { + cursor: wait; + } - .lg\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .md\:cursor-text { + cursor: text; + } - .lg\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .md\:cursor-move { + cursor: move; + } - .lg\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .md\:cursor-not-allowed { + cursor: not-allowed; + } - .lg\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .md\:block { + display: block; + } - .lg\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .md\:inline-block { + display: inline-block; + } - .lg\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .md\:inline { + display: inline; + } - .lg\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .md\:flex { + display: flex; + } - .lg\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .md\:inline-flex { + display: inline-flex; + } - .lg\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .md\:table { + display: table; + } - .lg\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .md\:table-caption { + display: table-caption; + } - .lg\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .md\:table-cell { + display: table-cell; + } - .lg\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .md\:table-column { + display: table-column; + } - .lg\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .md\:table-column-group { + display: table-column-group; + } - .lg\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .md\:table-footer-group { + display: table-footer-group; + } - .lg\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .md\:table-header-group { + display: table-header-group; + } - .lg\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .md\:table-row-group { + display: table-row-group; + } - .lg\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .md\:table-row { + display: table-row; + } - .lg\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .md\:flow-root { + display: flow-root; + } - .lg\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .md\:grid { + display: grid; + } - .lg\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .md\:inline-grid { + display: inline-grid; + } - .lg\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .md\:contents { + display: contents; + } - .lg\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .md\:hidden { + display: none; + } - .lg\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .md\:flex-row { + flex-direction: row; + } - .lg\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .md\:flex-row-reverse { + flex-direction: row-reverse; + } - .lg\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .md\:flex-col { + flex-direction: column; + } - .lg\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .md\:flex-col-reverse { + flex-direction: column-reverse; + } - .lg\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .md\:flex-wrap { + flex-wrap: wrap; + } - .lg\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .lg\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .md\:flex-no-wrap { + flex-wrap: nowrap; + } - .lg\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .md\:place-items-auto { + place-items: auto; + } - .lg\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .md\:place-items-start { + place-items: start; + } - .lg\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .md\:place-items-end { + place-items: end; + } - .lg\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .md\:place-items-center { + place-items: center; + } - .lg\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .md\:place-items-stretch { + place-items: stretch; + } - .lg\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .md\:place-content-center { + place-content: center; + } - .lg\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .md\:place-content-start { + place-content: start; + } - .lg\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .md\:place-content-end { + place-content: end; + } - .lg\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .md\:place-content-between { + place-content: space-between; + } - .lg\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .md\:place-content-around { + place-content: space-around; + } - .lg\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .md\:place-content-evenly { + place-content: space-evenly; + } - .lg\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .md\:place-content-stretch { + place-content: stretch; + } - .lg\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .md\:place-self-auto { + place-self: auto; + } - .lg\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .md\:place-self-start { + place-self: start; + } - .lg\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .md\:place-self-end { + place-self: end; + } - .lg\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .md\:place-self-center { + place-self: center; + } - .lg\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .md\:place-self-stretch { + place-self: stretch; + } - .lg\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .md\:items-start { + align-items: flex-start; + } - .lg\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .md\:items-end { + align-items: flex-end; + } - .lg\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .md\:items-center { + align-items: center; + } - .lg\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .md\:items-baseline { + align-items: baseline; + } - .lg\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .md\:items-stretch { + align-items: stretch; + } - .lg\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .md\:content-center { + align-content: center; + } - .lg\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .md\:content-start { + align-content: flex-start; + } - .lg\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .md\:content-end { + align-content: flex-end; + } - .lg\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .md\:content-between { + align-content: space-between; + } - .lg\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .md\:content-around { + align-content: space-around; + } - .lg\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .md\:content-evenly { + align-content: space-evenly; + } - .lg\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .md\:self-auto { + align-self: auto; + } - .lg\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .md\:self-start { + align-self: flex-start; + } - .lg\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .md\:self-end { + align-self: flex-end; + } - .lg\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .md\:self-center { + align-self: center; + } - .lg\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .md\:self-stretch { + align-self: stretch; + } - .lg\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .md\:justify-items-auto { + justify-items: auto; + } - .lg\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .md\:justify-items-start { + justify-items: start; + } - .lg\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .md\:justify-items-end { + justify-items: end; + } - .lg\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .md\:justify-items-center { + justify-items: center; + } - .lg\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .md\:justify-items-stretch { + justify-items: stretch; + } - .lg\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .md\:justify-start { + justify-content: flex-start; + } - .lg\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .md\:justify-end { + justify-content: flex-end; + } - .lg\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .md\:justify-center { + justify-content: center; } - .lg\:bg-none { - background-image: none; + .md\:justify-between { + justify-content: space-between; } - .lg\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .md\:justify-around { + justify-content: space-around; } - .lg\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .md\:justify-evenly { + justify-content: space-evenly; } - .lg\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .md\:justify-self-auto { + justify-self: auto; } - .lg\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .md\:justify-self-start { + justify-self: start; } - .lg\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .md\:justify-self-end { + justify-self: end; } - .lg\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .md\:justify-self-center { + justify-self: center; } - .lg\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .md\:justify-self-stretch { + justify-self: stretch; } - .lg\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .md\:flex-1 { + flex: 1 1 0%; } - .lg\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:flex-auto { + flex: 1 1 auto; } - .lg\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:flex-initial { + flex: 0 1 auto; } - .lg\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:flex-none { + flex: none; } - .lg\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:flex-grow-0 { + flex-grow: 0; } - .lg\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:flex-grow { + flex-grow: 1; } - .lg\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:flex-shrink { + flex-shrink: 1; } - .lg\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:order-1 { + order: 1; } - .lg\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:order-2 { + order: 2; } - .lg\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:order-3 { + order: 3; } - .lg\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:order-4 { + order: 4; } - .lg\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:order-5 { + order: 5; } - .lg\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:order-6 { + order: 6; } - .lg\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:order-7 { + order: 7; } - .lg\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:order-8 { + order: 8; } - .lg\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:order-9 { + order: 9; } - .lg\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:order-10 { + order: 10; } - .lg\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:order-11 { + order: 11; } - .lg\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:order-12 { + order: 12; } - .lg\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:order-first { + order: -9999; } - .lg\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:order-last { + order: 9999; } - .lg\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:order-none { + order: 0; } - .lg\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:float-right { + float: right; } - .lg\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:float-left { + float: left; } - .lg\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:float-none { + float: none; } - .lg\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:clear-left { + clear: left; } - .lg\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:clear-right { + clear: right; } - .lg\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:clear-both { + clear: both; } - .lg\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:clear-none { + clear: none; } - .lg\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:font-sans { + font-family: ui-sans-serif, 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\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:font-thin { + font-weight: 100; } - .lg\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:font-extralight { + font-weight: 200; } - .lg\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:font-light { + font-weight: 300; } - .lg\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:font-normal { + font-weight: 400; } - .lg\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:font-medium { + font-weight: 500; } - .lg\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:font-semibold { + font-weight: 600; } - .lg\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:font-bold { + font-weight: 700; } - .lg\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:font-extrabold { + font-weight: 800; } - .lg\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:font-black { + font-weight: 900; } - .lg\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:hover\:font-thin:hover { + font-weight: 100; } - .lg\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:hover\:font-extralight:hover { + font-weight: 200; } - .lg\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:hover\:font-light:hover { + font-weight: 300; } - .lg\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:hover\:font-black:hover { + font-weight: 900; } - .lg\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:focus\:font-thin:focus { + font-weight: 100; } - .lg\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:focus\:font-extralight:focus { + font-weight: 200; } - .lg\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:focus\:font-light:focus { + font-weight: 300; } - .lg\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:focus\:font-black:focus { + font-weight: 900; } - .lg\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:h-0 { + height: 0; } - .lg\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:h-1 { + height: 0.25rem; } - .lg\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:h-2 { + height: 0.5rem; } - .lg\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:h-3 { + height: 0.75rem; } - .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\:h-4 { + height: 1rem; } - .lg\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:h-5 { + height: 1.25rem; } - .lg\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:h-6 { + height: 1.5rem; } - .lg\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:h-7 { + height: 1.75rem; } - .lg\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:h-8 { + height: 2rem; } - .lg\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:h-9 { + height: 2.25rem; } - .lg\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:h-10 { + height: 2.5rem; } - .lg\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:h-12 { + height: 3rem; } - .lg\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:h-14 { + height: 3.5rem; } - .lg\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:h-16 { + height: 4rem; } - .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\:h-20 { + height: 5rem; } - .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\:h-24 { + height: 6rem; } - .lg\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:h-28 { + height: 7rem; } - .lg\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:h-32 { + height: 8rem; } - .lg\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:h-36 { + height: 9rem; } - .lg\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:h-40 { + height: 10rem; } - .lg\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:h-44 { + height: 11rem; } - .lg\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:h-48 { + height: 12rem; } - .lg\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:h-52 { + height: 13rem; } - .lg\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:h-56 { + height: 14rem; } - .lg\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:h-60 { + height: 15rem; } - .lg\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:h-64 { + height: 16rem; } - .lg\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:h-72 { + height: 18rem; } - .lg\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:h-80 { + height: 20rem; } - .lg\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:h-96 { + height: 24rem; } - .lg\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:h-auto { + height: auto; } - .lg\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:h-px { + height: 1px; } - .lg\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:h-0\.5 { + height: 0.125rem; } - .lg\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:h-1\.5 { + height: 0.375rem; } - .lg\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:h-2\.5 { + height: 0.625rem; } - .lg\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:h-3\.5 { + height: 0.875rem; } - .lg\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:h-full { + height: 100%; } - .lg\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:h-screen { + height: 100vh; } - .lg\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .lg\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .lg\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:leading-3 { + line-height: .75rem; } - .lg\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:leading-4 { + line-height: 1rem; } - .lg\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:leading-5 { + line-height: 1.25rem; } - .lg\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:leading-6 { + line-height: 1.5rem; } - .lg\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:leading-7 { + line-height: 1.75rem; } - .lg\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:leading-8 { + line-height: 2rem; } - .lg\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:leading-9 { + line-height: 2.25rem; } - .lg\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:leading-10 { + line-height: 2.5rem; } - .lg\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:leading-none { + line-height: 1; } - .lg\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:leading-tight { + line-height: 1.25; } - .lg\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:leading-snug { + line-height: 1.375; } - .lg\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:leading-normal { + line-height: 1.5; } - .lg\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:leading-relaxed { + line-height: 1.625; } - .lg\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:leading-loose { + line-height: 2; } - .lg\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:list-inside { + list-style-position: inside; } - .lg\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:list-outside { + list-style-position: outside; } - .lg\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:list-none { + list-style-type: none; } - .lg\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:list-disc { + list-style-type: disc; } - .lg\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:list-decimal { + list-style-type: decimal; } - .lg\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:m-0 { + margin: 0; } - .lg\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:m-1 { + margin: 0.25rem; } - .lg\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:m-2 { + margin: 0.5rem; } - .lg\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:m-3 { + margin: 0.75rem; } - .lg\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:m-4 { + margin: 1rem; } - .lg\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:m-5 { + margin: 1.25rem; } - .lg\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:m-6 { + margin: 1.5rem; } - .lg\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:m-7 { + margin: 1.75rem; } - .lg\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:m-8 { + margin: 2rem; } - .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\:m-9 { + margin: 2.25rem; } - .lg\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:m-10 { + margin: 2.5rem; } - .lg\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:m-12 { + margin: 3rem; } - .lg\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:m-14 { + margin: 3.5rem; } - .lg\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:m-16 { + margin: 4rem; } - .lg\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:m-20 { + margin: 5rem; } - .lg\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:m-24 { + margin: 6rem; } - .lg\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:m-28 { + margin: 7rem; } - .lg\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:m-32 { + margin: 8rem; } - .lg\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:m-36 { + margin: 9rem; } - .lg\:to-transparent { - --gradient-to-color: transparent; + .md\:m-40 { + margin: 10rem; } - .lg\:to-current { - --gradient-to-color: currentColor; + .md\:m-44 { + margin: 11rem; } - .lg\:to-black { - --gradient-to-color: #000; + .md\:m-48 { + margin: 12rem; } - .lg\:to-white { - --gradient-to-color: #fff; + .md\:m-52 { + margin: 13rem; } - .lg\:to-gray-50 { - --gradient-to-color: #fafafa; + .md\:m-56 { + margin: 14rem; } - .lg\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .md\:m-60 { + margin: 15rem; } - .lg\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .md\:m-64 { + margin: 16rem; } - .lg\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .md\:m-72 { + margin: 18rem; } - .lg\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .md\:m-80 { + margin: 20rem; } - .lg\:to-gray-500 { - --gradient-to-color: #71717a; + .md\:m-96 { + margin: 24rem; } - .lg\:to-gray-600 { - --gradient-to-color: #52525b; + .md\:m-auto { + margin: auto; } - .lg\:to-gray-700 { - --gradient-to-color: #3f3f46; + .md\:m-px { + margin: 1px; } - .lg\:to-gray-800 { - --gradient-to-color: #27272a; + .md\:m-0\.5 { + margin: 0.125rem; } - .lg\:to-gray-900 { - --gradient-to-color: #18181b; + .md\:m-1\.5 { + margin: 0.375rem; } - .lg\:to-red-50 { - --gradient-to-color: #fef2f2; + .md\:m-2\.5 { + margin: 0.625rem; } - .lg\:to-red-100 { - --gradient-to-color: #fee2e2; + .md\:m-3\.5 { + margin: 0.875rem; } - .lg\:to-red-200 { - --gradient-to-color: #fecaca; + .md\:-m-1 { + margin: -0.25rem; } - .lg\:to-red-300 { - --gradient-to-color: #fca5a5; + .md\:-m-2 { + margin: -0.5rem; } - .lg\:to-red-400 { - --gradient-to-color: #f87171; + .md\:-m-3 { + margin: -0.75rem; } - .lg\:to-red-500 { - --gradient-to-color: #ef4444; + .md\:-m-4 { + margin: -1rem; } - .lg\:to-red-600 { - --gradient-to-color: #dc2626; + .md\:-m-5 { + margin: -1.25rem; } - .lg\:to-red-700 { - --gradient-to-color: #b91c1c; + .md\:-m-6 { + margin: -1.5rem; } - .lg\:to-red-800 { - --gradient-to-color: #991b1b; + .md\:-m-7 { + margin: -1.75rem; } - .lg\:to-red-900 { - --gradient-to-color: #7f1d1d; + .md\:-m-8 { + margin: -2rem; } - .lg\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .md\:-m-9 { + margin: -2.25rem; } - .lg\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .md\:-m-10 { + margin: -2.5rem; } - .lg\:to-yellow-200 { - --gradient-to-color: #fde68a; + .md\:-m-12 { + margin: -3rem; } - .lg\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .md\:-m-14 { + margin: -3.5rem; } - .lg\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .md\:-m-16 { + margin: -4rem; } - .lg\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .md\:-m-20 { + margin: -5rem; } - .lg\:to-yellow-600 { - --gradient-to-color: #d97706; + .md\:-m-24 { + margin: -6rem; } - .lg\:to-yellow-700 { - --gradient-to-color: #b45309; + .md\:-m-28 { + margin: -7rem; } - .lg\:to-yellow-800 { - --gradient-to-color: #92400e; + .md\:-m-32 { + margin: -8rem; } - .lg\:to-yellow-900 { - --gradient-to-color: #78350f; + .md\:-m-36 { + margin: -9rem; } - .lg\:to-green-50 { - --gradient-to-color: #ecfdf5; + .md\:-m-40 { + margin: -10rem; } - .lg\:to-green-100 { - --gradient-to-color: #d1fae5; + .md\:-m-44 { + margin: -11rem; } - .lg\:to-green-200 { - --gradient-to-color: #a7f3d0; + .md\:-m-48 { + margin: -12rem; } - .lg\:to-green-300 { - --gradient-to-color: #6ee7b7; + .md\:-m-52 { + margin: -13rem; } - .lg\:to-green-400 { - --gradient-to-color: #34d399; + .md\:-m-56 { + margin: -14rem; } - .lg\:to-green-500 { - --gradient-to-color: #10b981; + .md\:-m-60 { + margin: -15rem; } - .lg\:to-green-600 { - --gradient-to-color: #059669; + .md\:-m-64 { + margin: -16rem; } - .lg\:to-green-700 { - --gradient-to-color: #047857; + .md\:-m-72 { + margin: -18rem; } - .lg\:to-green-800 { - --gradient-to-color: #065f46; + .md\:-m-80 { + margin: -20rem; } - .lg\:to-green-900 { - --gradient-to-color: #064e3b; + .md\:-m-96 { + margin: -24rem; } - .lg\:to-blue-50 { - --gradient-to-color: #eff6ff; + .md\:-m-px { + margin: -1px; } - .lg\:to-blue-100 { - --gradient-to-color: #dbeafe; + .md\:-m-0\.5 { + margin: -0.125rem; } - .lg\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .md\:-m-1\.5 { + margin: -0.375rem; } - .lg\:to-blue-300 { - --gradient-to-color: #93c5fd; + .md\:-m-2\.5 { + margin: -0.625rem; } - .lg\:to-blue-400 { - --gradient-to-color: #60a5fa; + .md\:-m-3\.5 { + margin: -0.875rem; } - .lg\:to-blue-500 { - --gradient-to-color: #3b82f6; + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:to-blue-600 { - --gradient-to-color: #2563eb; + .md\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:to-blue-800 { - --gradient-to-color: #1e40af; + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:to-purple-100 { - --gradient-to-color: #ede9fe; + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:to-purple-400 { - --gradient-to-color: #a78bfa; + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:to-purple-600 { - --gradient-to-color: #7c3aed; + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:to-purple-700 { - --gradient-to-color: #6d28d9; + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:to-purple-800 { - --gradient-to-color: #5b21b6; + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:to-purple-900 { - --gradient-to-color: #4c1d95; + .md\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .md\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:to-pink-100 { - --gradient-to-color: #fce7f3; + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .md\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:to-pink-400 { - --gradient-to-color: #f472b6; + .md\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:to-pink-500 { - --gradient-to-color: #ec4899; + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:to-pink-600 { - --gradient-to-color: #db2777; + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:to-pink-700 { - --gradient-to-color: #be185d; + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:to-pink-800 { - --gradient-to-color: #9d174d; + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:to-pink-900 { - --gradient-to-color: #831843; + .md\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .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\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .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\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .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\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .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\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .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\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:mt-0 { + margin-top: 0; } - .lg\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:mr-0 { + margin-right: 0; } - .lg\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:mb-0 { + margin-bottom: 0; } - .lg\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:ml-0 { + margin-left: 0; } - .lg\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:mt-1 { + margin-top: 0.25rem; } - .lg\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:mr-1 { + margin-right: 0.25rem; } - .lg\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:ml-1 { + margin-left: 0.25rem; } - .lg\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:mt-2 { + margin-top: 0.5rem; } - .lg\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:mr-2 { + margin-right: 0.5rem; } - .lg\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:ml-2 { + margin-left: 0.5rem; } - .lg\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:mt-3 { + margin-top: 0.75rem; } - .lg\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:mr-3 { + margin-right: 0.75rem; } - .lg\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:ml-3 { + margin-left: 0.75rem; } - .lg\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:mt-4 { + margin-top: 1rem; } - .lg\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:mr-4 { + margin-right: 1rem; } - .lg\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:mb-4 { + margin-bottom: 1rem; } - .lg\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:ml-4 { + margin-left: 1rem; } - .lg\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:mt-5 { + margin-top: 1.25rem; } - .lg\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:mr-5 { + margin-right: 1.25rem; } - .lg\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:ml-5 { + margin-left: 1.25rem; } - .lg\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:mt-6 { + margin-top: 1.5rem; } - .lg\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:mr-6 { + margin-right: 1.5rem; } - .lg\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:mb-6 { + margin-bottom: 1.5rem; } - .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\:ml-6 { + margin-left: 1.5rem; } - .lg\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:mt-7 { + margin-top: 1.75rem; } - .lg\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:mr-7 { + margin-right: 1.75rem; } - .lg\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:ml-7 { + margin-left: 1.75rem; } - .lg\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:mt-8 { + margin-top: 2rem; } - .lg\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:mr-8 { + margin-right: 2rem; } - .lg\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:mb-8 { + margin-bottom: 2rem; } - .lg\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:ml-8 { + margin-left: 2rem; } - .lg\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:mt-9 { + margin-top: 2.25rem; } - .lg\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .md\:mr-9 { + margin-right: 2.25rem; } - .lg\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .md\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:hover\:to-black:hover { - --gradient-to-color: #000; + .md\:ml-9 { + margin-left: 2.25rem; } - .lg\:hover\:to-white:hover { - --gradient-to-color: #fff; + .md\:mt-10 { + margin-top: 2.5rem; } - .lg\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .md\:mr-10 { + margin-right: 2.5rem; } - .lg\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .md\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .md\:ml-10 { + margin-left: 2.5rem; } - .lg\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .md\:mt-12 { + margin-top: 3rem; } - .lg\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .md\:mr-12 { + margin-right: 3rem; } - .lg\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .md\:mb-12 { + margin-bottom: 3rem; } - .lg\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .md\:ml-12 { + margin-left: 3rem; } - .lg\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .md\:mt-14 { + margin-top: 3.5rem; } - .lg\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .md\:mr-14 { + margin-right: 3.5rem; } - .lg\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .md\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .md\:ml-14 { + margin-left: 3.5rem; } - .lg\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .md\:mt-16 { + margin-top: 4rem; } - .lg\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .md\:mr-16 { + margin-right: 4rem; } - .lg\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .md\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .md\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .md\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .md\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .md\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .md\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .md\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .md\:mr-24 { + margin-right: 6rem; } - .lg\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .md\:mb-24 { + margin-bottom: 6rem; } - .lg\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .md\:ml-24 { + margin-left: 6rem; } - .lg\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .md\:mt-28 { + margin-top: 7rem; } - .lg\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .md\:mr-28 { + margin-right: 7rem; } - .lg\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .md\:mb-28 { + margin-bottom: 7rem; } - .lg\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .md\:ml-28 { + margin-left: 7rem; } - .lg\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .md\:mt-32 { + margin-top: 8rem; } - .lg\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .md\:mr-32 { + margin-right: 8rem; } - .lg\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .md\:mb-32 { + margin-bottom: 8rem; } - .lg\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .md\:ml-32 { + margin-left: 8rem; } - .lg\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .md\:mt-36 { + margin-top: 9rem; } - .lg\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .md\:mr-36 { + margin-right: 9rem; } - .lg\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .md\:mb-36 { + margin-bottom: 9rem; } - .lg\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .md\:ml-36 { + margin-left: 9rem; } - .lg\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .md\:mt-40 { + margin-top: 10rem; } - .lg\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .md\:mr-40 { + margin-right: 10rem; } - .lg\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .md\:mb-40 { + margin-bottom: 10rem; } - .lg\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .md\:ml-40 { + margin-left: 10rem; } - .lg\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .md\:mt-44 { + margin-top: 11rem; } - .lg\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .md\:mr-44 { + margin-right: 11rem; } - .lg\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .md\:mb-44 { + margin-bottom: 11rem; } - .lg\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .md\:ml-44 { + margin-left: 11rem; } - .lg\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .md\:mt-48 { + margin-top: 12rem; } - .lg\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .md\:mr-48 { + margin-right: 12rem; } - .lg\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .md\:mb-48 { + margin-bottom: 12rem; } - .lg\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .md\:ml-48 { + margin-left: 12rem; } - .lg\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .md\:mt-52 { + margin-top: 13rem; } - .lg\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .md\:mr-52 { + margin-right: 13rem; } - .lg\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .md\:mb-52 { + margin-bottom: 13rem; } - .lg\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .md\:ml-52 { + margin-left: 13rem; } - .lg\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .md\:mt-56 { + margin-top: 14rem; } - .lg\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .md\:mr-56 { + margin-right: 14rem; } - .lg\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .md\:mb-56 { + margin-bottom: 14rem; } - .lg\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .md\:ml-56 { + margin-left: 14rem; } - .lg\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .md\:mt-60 { + margin-top: 15rem; } - .lg\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .md\:mr-60 { + margin-right: 15rem; } - .lg\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .md\:mb-60 { + margin-bottom: 15rem; } - .lg\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .md\:ml-60 { + margin-left: 15rem; } - .lg\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .md\:mt-64 { + margin-top: 16rem; } - .lg\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .md\:mr-64 { + margin-right: 16rem; } - .lg\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .md\:mb-64 { + margin-bottom: 16rem; } - .lg\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .md\:ml-64 { + margin-left: 16rem; } - .lg\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .md\:mt-72 { + margin-top: 18rem; } - .lg\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .md\:mr-72 { + margin-right: 18rem; } - .lg\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .md\:mb-72 { + margin-bottom: 18rem; } - .lg\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .md\:ml-72 { + margin-left: 18rem; } - .lg\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .md\:mt-80 { + margin-top: 20rem; } - .lg\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .md\:mr-80 { + margin-right: 20rem; } - .lg\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .md\:mb-80 { + margin-bottom: 20rem; } - .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\:ml-80 { + margin-left: 20rem; } - .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\:mt-96 { + margin-top: 24rem; } - .lg\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:mr-96 { + margin-right: 24rem; } - .lg\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:mb-96 { + margin-bottom: 24rem; } - .lg\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:ml-96 { + margin-left: 24rem; } - .lg\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:mt-auto { + margin-top: auto; } - .lg\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:mr-auto { + margin-right: auto; } - .lg\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:mb-auto { + margin-bottom: auto; } - .lg\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:ml-auto { + margin-left: auto; } - .lg\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:mt-px { + margin-top: 1px; } - .lg\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:mr-px { + margin-right: 1px; } - .lg\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:mb-px { + margin-bottom: 1px; } - .lg\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:ml-px { + margin-left: 1px; } - .lg\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-mt-1 { + margin-top: -0.25rem; } - .lg\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-mr-1 { + margin-right: -0.25rem; } - .lg\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-ml-1 { + margin-left: -0.25rem; } - .lg\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-mt-2 { + margin-top: -0.5rem; } - .lg\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-mr-2 { + margin-right: -0.5rem; } - .lg\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-ml-2 { + margin-left: -0.5rem; } - .lg\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:-mt-3 { + margin-top: -0.75rem; } - .lg\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:-mr-3 { + margin-right: -0.75rem; } - .lg\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:-ml-3 { + margin-left: -0.75rem; } - .lg\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:-mt-4 { + margin-top: -1rem; } - .lg\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:-mr-4 { + margin-right: -1rem; } - .lg\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:-mb-4 { + margin-bottom: -1rem; } - .lg\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:-ml-4 { + margin-left: -1rem; } - .lg\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-mt-5 { + margin-top: -1.25rem; } - .lg\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-mr-5 { + margin-right: -1.25rem; } - .lg\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-ml-5 { + margin-left: -1.25rem; } - .lg\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-mt-6 { + margin-top: -1.5rem; } - .lg\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-mr-6 { + margin-right: -1.5rem; } - .lg\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-ml-6 { + margin-left: -1.5rem; } - .lg\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-mt-7 { + margin-top: -1.75rem; } - .lg\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-mr-7 { + margin-right: -1.75rem; } - .lg\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-ml-7 { + margin-left: -1.75rem; } - .lg\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-mt-8 { + margin-top: -2rem; } - .lg\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-mr-8 { + margin-right: -2rem; } - .lg\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-mb-8 { + margin-bottom: -2rem; } - .lg\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-ml-8 { + margin-left: -2rem; } - .lg\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-mt-9 { + margin-top: -2.25rem; } - .lg\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-mr-9 { + margin-right: -2.25rem; } - .lg\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-mb-9 { + margin-bottom: -2.25rem; } - .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\:-ml-9 { + margin-left: -2.25rem; } - .lg\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-mt-10 { + margin-top: -2.5rem; } - .lg\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-mr-10 { + margin-right: -2.5rem; } - .lg\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-ml-10 { + margin-left: -2.5rem; } - .lg\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-mt-12 { + margin-top: -3rem; } - .lg\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-mr-12 { + margin-right: -3rem; } - .lg\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-mb-12 { + margin-bottom: -3rem; } - .lg\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-ml-12 { + margin-left: -3rem; } - .lg\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-mt-14 { + margin-top: -3.5rem; } - .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\:-mr-14 { + margin-right: -3.5rem; } - .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\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .md\:-ml-14 { + margin-left: -3.5rem; } - .lg\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .md\:-mt-16 { + margin-top: -4rem; } - .lg\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .md\:-mr-16 { + margin-right: -4rem; } - .lg\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .md\:-mb-16 { + margin-bottom: -4rem; } - .lg\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .md\:-ml-16 { + margin-left: -4rem; } - .lg\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .md\:-mt-20 { + margin-top: -5rem; } - .lg\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .md\:-mr-20 { + margin-right: -5rem; } - .lg\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .md\:-mb-20 { + margin-bottom: -5rem; } - .lg\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .md\:-ml-20 { + margin-left: -5rem; } - .lg\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .md\:-mt-24 { + margin-top: -6rem; } - .lg\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .md\:-mr-24 { + margin-right: -6rem; } - .lg\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .md\:-mb-24 { + margin-bottom: -6rem; } - .lg\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .md\:-ml-24 { + margin-left: -6rem; } - .lg\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .md\:-mt-28 { + margin-top: -7rem; } - .lg\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .md\:-mr-28 { + margin-right: -7rem; } - .lg\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .md\:-mb-28 { + margin-bottom: -7rem; } - .lg\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .md\:-ml-28 { + margin-left: -7rem; } - .lg\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .md\:-mt-32 { + margin-top: -8rem; } - .lg\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .md\:-mr-32 { + margin-right: -8rem; } - .lg\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .md\:-mb-32 { + margin-bottom: -8rem; } - .lg\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .md\:-ml-32 { + margin-left: -8rem; } - .lg\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .md\:-mt-36 { + margin-top: -9rem; } - .lg\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .md\:-mr-36 { + margin-right: -9rem; } - .lg\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .md\:-mb-36 { + margin-bottom: -9rem; } - .lg\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .md\:-ml-36 { + margin-left: -9rem; } - .lg\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .md\:-mt-40 { + margin-top: -10rem; } - .lg\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .md\:-mr-40 { + margin-right: -10rem; } - .lg\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .md\:-mb-40 { + margin-bottom: -10rem; } - .lg\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .md\:-ml-40 { + margin-left: -10rem; } - .lg\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .md\:-mt-44 { + margin-top: -11rem; } - .lg\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .md\:-mr-44 { + margin-right: -11rem; } - .lg\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .md\:-mb-44 { + margin-bottom: -11rem; } - .lg\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .md\:-ml-44 { + margin-left: -11rem; } - .lg\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .md\:-mt-48 { + margin-top: -12rem; } - .lg\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .md\:-mr-48 { + margin-right: -12rem; } - .lg\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .md\:-mb-48 { + margin-bottom: -12rem; } - .lg\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .md\:-ml-48 { + margin-left: -12rem; } - .lg\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .md\:-mt-52 { + margin-top: -13rem; } - .lg\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .md\:-mr-52 { + margin-right: -13rem; } - .lg\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .md\:-mb-52 { + margin-bottom: -13rem; } - .lg\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .md\:-ml-52 { + margin-left: -13rem; } - .lg\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .md\:-mt-56 { + margin-top: -14rem; } - .lg\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .md\:-mr-56 { + margin-right: -14rem; } - .lg\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .md\:-mb-56 { + margin-bottom: -14rem; } - .lg\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .md\:-ml-56 { + margin-left: -14rem; } - .lg\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .md\:-mt-60 { + margin-top: -15rem; } - .lg\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .md\:-mr-60 { + margin-right: -15rem; } - .lg\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .md\:-mb-60 { + margin-bottom: -15rem; } - .lg\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .md\:-ml-60 { + margin-left: -15rem; } - .lg\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .md\:-mt-64 { + margin-top: -16rem; } - .lg\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .md\:-mr-64 { + margin-right: -16rem; } - .lg\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .md\:-mb-64 { + margin-bottom: -16rem; } - .lg\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .md\:-ml-64 { + margin-left: -16rem; } - .lg\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .md\:-mt-72 { + margin-top: -18rem; } - .lg\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .md\:-mr-72 { + margin-right: -18rem; } - .lg\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .md\:-mb-72 { + margin-bottom: -18rem; } - .lg\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .md\:-ml-72 { + margin-left: -18rem; } - .lg\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .md\:-mt-80 { + margin-top: -20rem; } - .lg\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .md\:-mr-80 { + margin-right: -20rem; } - .lg\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .md\:-mb-80 { + margin-bottom: -20rem; } - .lg\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .md\:-ml-80 { + margin-left: -20rem; } - .lg\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .md\:-mt-96 { + margin-top: -24rem; } - .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\:-mr-96 { + margin-right: -24rem; } - .lg\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .md\:-mb-96 { + margin-bottom: -24rem; } - .lg\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .md\:-ml-96 { + margin-left: -24rem; } - .lg\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .md\:-mt-px { + margin-top: -1px; } - .lg\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .md\:-mr-px { + margin-right: -1px; } - .lg\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .md\:-mb-px { + margin-bottom: -1px; } - .lg\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .md\:-ml-px { + margin-left: -1px; } - .lg\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .md\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .md\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .md\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .md\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .md\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:focus\:to-black:focus { - --gradient-to-color: #000; + .md\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:focus\:to-white:focus { - --gradient-to-color: #fff; + .md\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; + .md\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; + .md\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; + .md\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; + .md\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; + .md\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; + .md\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; + .md\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; + .md\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; + .md\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; + .md\:max-h-0 { + max-height: 0; } - .lg\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; + .md\:max-h-1 { + max-height: 0.25rem; } - .lg\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; + .md\:max-h-2 { + max-height: 0.5rem; } - .lg\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; + .md\:max-h-3 { + max-height: 0.75rem; } - .lg\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; + .md\:max-h-4 { + max-height: 1rem; } - .lg\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; + .md\:max-h-5 { + max-height: 1.25rem; } - .lg\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; + .md\:max-h-6 { + max-height: 1.5rem; } - .lg\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; + .md\:max-h-7 { + max-height: 1.75rem; } - .lg\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; + .md\:max-h-8 { + max-height: 2rem; } - .lg\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; + .md\:max-h-9 { + max-height: 2.25rem; } - .lg\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; + .md\:max-h-10 { + max-height: 2.5rem; } - .lg\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; + .md\:max-h-12 { + max-height: 3rem; } - .lg\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; + .md\:max-h-14 { + max-height: 3.5rem; } - .lg\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; + .md\:max-h-16 { + max-height: 4rem; } - .lg\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; + .md\:max-h-20 { + max-height: 5rem; } - .lg\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; + .md\:max-h-24 { + max-height: 6rem; } - .lg\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; + .md\:max-h-28 { + max-height: 7rem; } - .lg\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; + .md\:max-h-32 { + max-height: 8rem; } - .lg\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; + .md\:max-h-36 { + max-height: 9rem; } - .lg\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; + .md\:max-h-40 { + max-height: 10rem; } - .lg\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; + .md\:max-h-44 { + max-height: 11rem; } - .lg\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; + .md\:max-h-48 { + max-height: 12rem; } - .lg\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; + .md\:max-h-52 { + max-height: 13rem; } - .lg\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; + .md\:max-h-56 { + max-height: 14rem; } - .lg\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; + .md\:max-h-60 { + max-height: 15rem; } - .lg\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; + .md\:max-h-64 { + max-height: 16rem; } - .lg\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; + .md\:max-h-72 { + max-height: 18rem; } - .lg\:focus\:to-green-600:focus { - --gradient-to-color: #059669; + .md\:max-h-80 { + max-height: 20rem; } - .lg\:focus\:to-green-700:focus { - --gradient-to-color: #047857; + .md\:max-h-96 { + max-height: 24rem; } - .lg\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; + .md\:max-h-px { + max-height: 1px; } - .lg\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; + .md\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; + .md\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; + .md\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; + .md\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; + .md\:max-h-full { + max-height: 100%; } - .lg\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; + .md\:max-h-screen { + max-height: 100vh; } - .lg\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; + .md\:max-w-0 { + max-width: 0rem; } - .lg\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; + .md\:max-w-none { + max-width: none; } - .lg\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; + .md\:max-w-xs { + max-width: 20rem; } - .lg\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; + .md\:max-w-sm { + max-width: 24rem; } - .lg\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; + .md\:max-w-md { + max-width: 28rem; } - .lg\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; + .md\:max-w-lg { + max-width: 32rem; } - .lg\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; + .md\:max-w-xl { + max-width: 36rem; } - .lg\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; + .md\:max-w-2xl { + max-width: 42rem; } - .lg\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; + .md\:max-w-3xl { + max-width: 48rem; } - .lg\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; + .md\:max-w-4xl { + max-width: 56rem; } - .lg\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; + .md\:max-w-5xl { + max-width: 64rem; } - .lg\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; + .md\:max-w-6xl { + max-width: 72rem; } - .lg\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; + .md\:max-w-7xl { + max-width: 80rem; } - .lg\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; + .md\:max-w-full { + max-width: 100%; } - .lg\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; + .md\:max-w-min { + max-width: min-content; } - .lg\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .md\:max-w-max { + max-width: max-content; } - .lg\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; + .md\:max-w-screen-sm { + max-width: 640px; } - .lg\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; + .md\:max-w-screen-md { + max-width: 768px; } - .lg\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; + .md\:max-w-screen-lg { + max-width: 1024px; } - .lg\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; + .md\:max-w-screen-xl { + max-width: 1280px; } - .lg\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; + .md\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; + .md\:min-h-0 { + min-height: 0; } - .lg\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; + .md\:min-h-full { + min-height: 100%; } - .lg\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; + .md\:min-h-screen { + min-height: 100vh; } - .lg\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; + .md\:min-w-0 { + min-width: 0; } - @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\:min-w-full { + min-width: 100%; + } - .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\:min-w-min { + min-width: min-content; + } - .lg\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:min-w-max { + min-width: max-content; + } - .lg\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:object-contain { + object-fit: contain; + } - .lg\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:object-cover { + object-fit: cover; + } - .lg\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:object-fill { + object-fit: fill; + } - .lg\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:object-none { + object-fit: none; + } - .lg\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:object-scale-down { + object-fit: scale-down; + } - .lg\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:object-bottom { + object-position: bottom; + } - .lg\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:object-center { + object-position: center; + } - .lg\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:object-left { + object-position: left; + } - .lg\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:object-left-bottom { + object-position: left bottom; + } - .lg\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:object-left-top { + object-position: left top; + } - .lg\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:object-right { + object-position: right; + } - .lg\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:object-right-bottom { + object-position: right bottom; + } - .lg\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:object-right-top { + object-position: right top; + } - .lg\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:object-top { + object-position: top; + } - .lg\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:opacity-0 { + opacity: 0; + } - .lg\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:opacity-25 { + opacity: 0.25; + } - .lg\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:opacity-50 { + opacity: 0.5; + } - .lg\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:opacity-75 { + opacity: 0.75; + } - .lg\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:opacity-100 { + opacity: 1; + } - .lg\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .group:hover .md\:group-hover\:opacity-0 { + opacity: 0; + } - .lg\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .group:hover .md\:group-hover\:opacity-25 { + opacity: 0.25; + } - .lg\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .group:hover .md\:group-hover\:opacity-50 { + opacity: 0.5; + } - .lg\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .group:hover .md\:group-hover\:opacity-75 { + opacity: 0.75; + } - .lg\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .group:hover .md\:group-hover\:opacity-100 { + opacity: 1; + } - .lg\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:hover\:opacity-0:hover { + opacity: 0; + } - .lg\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:hover\:opacity-25:hover { + opacity: 0.25; + } - .lg\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:hover\:opacity-50:hover { + opacity: 0.5; + } - .lg\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:hover\:opacity-75:hover { + opacity: 0.75; + } - .lg\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:hover\:opacity-100:hover { + opacity: 1; + } - .lg\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:focus\:opacity-0:focus { + opacity: 0; + } - .lg\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:focus\:opacity-25:focus { + opacity: 0.25; + } - .lg\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:focus\:opacity-50:focus { + opacity: 0.5; + } - .lg\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:focus\:opacity-75:focus { + opacity: 0.75; + } - .lg\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:focus\:opacity-100:focus { + opacity: 1; + } - .lg\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; + } - .lg\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; + } - .lg\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; + } - .lg\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; + } - .lg\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; + } - .lg\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; + } - .lg\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:overflow-auto { + overflow: auto; + } - .lg\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:overflow-hidden { + overflow: hidden; + } - .lg\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:overflow-visible { + overflow: visible; + } - .lg\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:overflow-scroll { + overflow: scroll; + } - .lg\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:overflow-x-auto { + overflow-x: auto; + } - .lg\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:overflow-y-auto { + overflow-y: auto; + } - .lg\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:overflow-x-hidden { + overflow-x: hidden; + } - .lg\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:overflow-y-hidden { + overflow-y: hidden; + } - .lg\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:overflow-x-visible { + overflow-x: visible; + } - .lg\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:overflow-y-visible { + overflow-y: visible; + } - .lg\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:overflow-x-scroll { + overflow-x: scroll; + } - .lg\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:overflow-y-scroll { + overflow-y: scroll; + } - .lg\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:overscroll-auto { + overscroll-behavior: auto; + } - .lg\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:overscroll-contain { + overscroll-behavior: contain; + } - .lg\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:overscroll-none { + overscroll-behavior: none; + } - .lg\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:overscroll-y-auto { + overscroll-behavior-y: auto; + } - .lg\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:overscroll-y-contain { + overscroll-behavior-y: contain; + } - .lg\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:overscroll-y-none { + overscroll-behavior-y: none; + } - .lg\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:overscroll-x-auto { + overscroll-behavior-x: auto; + } - .lg\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:overscroll-x-contain { + overscroll-behavior-x: contain; + } - .lg\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:overscroll-x-none { + overscroll-behavior-x: none; + } - .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\:p-0 { + padding: 0; + } - .lg\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:p-1 { + padding: 0.25rem; + } - .lg\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:p-2 { + padding: 0.5rem; + } - .lg\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:p-3 { + padding: 0.75rem; + } - .lg\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:p-4 { + padding: 1rem; + } - .lg\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:p-5 { + padding: 1.25rem; + } - .lg\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:p-6 { + padding: 1.5rem; + } - .lg\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:p-7 { + padding: 1.75rem; + } - .lg\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:p-8 { + padding: 2rem; + } - .lg\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:p-9 { + padding: 2.25rem; + } - .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\:p-10 { + padding: 2.5rem; + } - .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\:p-12 { + padding: 3rem; + } - .lg\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:p-14 { + padding: 3.5rem; + } - .lg\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:p-16 { + padding: 4rem; + } - .lg\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:p-20 { + padding: 5rem; + } - .lg\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:p-24 { + padding: 6rem; + } - .lg\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:p-28 { + padding: 7rem; + } - .lg\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:p-32 { + padding: 8rem; + } - .lg\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:p-36 { + padding: 9rem; + } - .lg\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:p-40 { + padding: 10rem; + } - .lg\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:p-44 { + padding: 11rem; + } - .lg\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:p-48 { + padding: 12rem; + } - .lg\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:p-52 { + padding: 13rem; + } - .lg\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:p-56 { + padding: 14rem; + } - .lg\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:p-60 { + padding: 15rem; + } - .lg\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:p-64 { + padding: 16rem; + } - .lg\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:p-72 { + padding: 18rem; + } - .lg\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:p-80 { + padding: 20rem; + } - .lg\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:p-96 { + padding: 24rem; + } - .lg\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:p-px { + padding: 1px; + } - .lg\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:p-0\.5 { + padding: 0.125rem; + } - .lg\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:p-1\.5 { + padding: 0.375rem; + } - .lg\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:p-2\.5 { + padding: 0.625rem; + } - .lg\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:p-3\.5 { + padding: 0.875rem; + } - .lg\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; + } - .lg\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:px-0 { + padding-left: 0; + padding-right: 0; + } - .lg\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } - .lg\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; + } - .lg\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } - .lg\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } - .lg\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + } - .lg\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } - .lg\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } - .lg\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } - .lg\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } - .lg\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } - .lg\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } - .lg\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } - .lg\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; + } - .lg\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; + } - .lg\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } - .lg\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } - .lg\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; + } - .lg\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; + } - .lg\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } - .lg\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } - .lg\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } - .lg\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } - .lg\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; + } - .lg\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; + } - .lg\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } - .lg\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } - .lg\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } - .lg\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } - .lg\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } - .lg\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } - .lg\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; + } - .lg\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:px-28 { + padding-left: 7rem; + padding-right: 7rem; + } - .lg\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } - .lg\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } - .lg\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; + } - .lg\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:px-36 { + padding-left: 9rem; + padding-right: 9rem; + } - .lg\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; + } - .lg\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } - .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\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; + } - .lg\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:px-44 { + padding-left: 11rem; + padding-right: 11rem; + } - .lg\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } - .lg\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } - .lg\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; + } - .lg\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:px-52 { + padding-left: 13rem; + padding-right: 13rem; + } - .lg\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; + } - .lg\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; + } - .lg\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; + } - .lg\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:px-60 { + padding-left: 15rem; + padding-right: 15rem; + } - .lg\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; + } - .lg\:dark\:to-current { - --gradient-to-color: currentColor; - } + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; + } - .lg\:dark\:to-black { - --gradient-to-color: #000; - } + .md\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; + } - .lg\:dark\:to-white { - --gradient-to-color: #fff; - } + .md\:px-72 { + padding-left: 18rem; + padding-right: 18rem; + } - .lg\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .md\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; + } - .lg\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .md\:px-80 { + padding-left: 20rem; + padding-right: 20rem; + } - .lg\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .md\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; + } - .lg\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .md\:px-96 { + padding-left: 24rem; + padding-right: 24rem; + } - .lg\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; + } - .lg\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .md\:px-px { + padding-left: 1px; + padding-right: 1px; + } - .lg\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .md\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; + } - .lg\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .md\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; + } - .lg\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .md\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; + } - .lg\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .md\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; + } - .lg\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .md\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; + } - .lg\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .md\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; + } - .lg\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .md\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; + } - .lg\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .md\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; + } - .lg\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .md\:pt-0 { + padding-top: 0; + } - .lg\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .md\:pr-0 { + padding-right: 0; + } - .lg\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .md\:pb-0 { + padding-bottom: 0; + } - .lg\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .md\:pl-0 { + padding-left: 0; + } - .lg\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .md\:pt-1 { + padding-top: 0.25rem; + } - .lg\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .md\:pr-1 { + padding-right: 0.25rem; + } - .lg\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .md\:pb-1 { + padding-bottom: 0.25rem; + } - .lg\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .md\:pl-1 { + padding-left: 0.25rem; + } - .lg\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .md\:pt-2 { + padding-top: 0.5rem; + } - .lg\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .md\:pr-2 { + padding-right: 0.5rem; + } - .lg\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .md\:pb-2 { + padding-bottom: 0.5rem; + } - .lg\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .md\:pl-2 { + padding-left: 0.5rem; + } - .lg\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .md\:pt-3 { + padding-top: 0.75rem; + } - .lg\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .md\:pr-3 { + padding-right: 0.75rem; + } - .lg\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .md\:pb-3 { + padding-bottom: 0.75rem; + } - .lg\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .md\:pl-3 { + padding-left: 0.75rem; + } - .lg\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .md\:pt-4 { + padding-top: 1rem; + } - .lg\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .md\:pr-4 { + padding-right: 1rem; + } - .lg\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .md\:pb-4 { + padding-bottom: 1rem; + } - .lg\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .md\:pl-4 { + padding-left: 1rem; + } - .lg\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .md\:pt-5 { + padding-top: 1.25rem; + } - .lg\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .md\:pr-5 { + padding-right: 1.25rem; + } - .lg\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .md\:pb-5 { + padding-bottom: 1.25rem; + } - .lg\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .md\:pl-5 { + padding-left: 1.25rem; + } - .lg\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .md\:pt-6 { + padding-top: 1.5rem; + } - .lg\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .md\:pr-6 { + padding-right: 1.5rem; + } - .lg\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .md\:pb-6 { + padding-bottom: 1.5rem; + } - .lg\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .md\:pl-6 { + padding-left: 1.5rem; + } - .lg\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .md\:pt-7 { + padding-top: 1.75rem; + } - .lg\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .md\:pr-7 { + padding-right: 1.75rem; + } - .lg\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .md\:pb-7 { + padding-bottom: 1.75rem; + } - .lg\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .md\:pl-7 { + padding-left: 1.75rem; + } - .lg\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .md\:pt-8 { + padding-top: 2rem; + } - .lg\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .md\:pr-8 { + padding-right: 2rem; + } - .lg\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .md\:pb-8 { + padding-bottom: 2rem; + } - .lg\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .md\:pl-8 { + padding-left: 2rem; + } - .lg\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .md\:pt-9 { + padding-top: 2.25rem; + } - .lg\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .md\:pr-9 { + padding-right: 2.25rem; + } - .lg\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .md\:pb-9 { + padding-bottom: 2.25rem; + } - .lg\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .md\:pl-9 { + padding-left: 2.25rem; + } - .lg\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .md\:pt-10 { + padding-top: 2.5rem; + } - .lg\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .md\:pr-10 { + padding-right: 2.5rem; + } - .lg\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .md\:pb-10 { + padding-bottom: 2.5rem; + } - .lg\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .md\:pl-10 { + padding-left: 2.5rem; + } - .lg\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .md\:pt-12 { + padding-top: 3rem; + } - .lg\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .md\:pr-12 { + padding-right: 3rem; + } - .lg\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .md\:pb-12 { + padding-bottom: 3rem; + } - .lg\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .md\:pl-12 { + padding-left: 3rem; + } - .lg\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .md\:pt-14 { + padding-top: 3.5rem; + } - .lg\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .md\:pr-14 { + padding-right: 3.5rem; + } - .lg\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .md\:pb-14 { + padding-bottom: 3.5rem; + } - .lg\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .md\:pl-14 { + padding-left: 3.5rem; + } - .lg\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .md\:pt-16 { + padding-top: 4rem; + } - .lg\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .md\:pr-16 { + padding-right: 4rem; + } - .lg\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .md\:pb-16 { + padding-bottom: 4rem; + } - .lg\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .md\:pl-16 { + padding-left: 4rem; + } - .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\:pt-20 { + padding-top: 5rem; + } - .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\:pr-20 { + padding-right: 5rem; + } - .lg\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:pb-20 { + padding-bottom: 5rem; + } - .lg\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:pl-20 { + padding-left: 5rem; + } - .lg\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:pt-24 { + padding-top: 6rem; + } - .lg\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:pr-24 { + padding-right: 6rem; + } - .lg\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:pb-24 { + padding-bottom: 6rem; + } - .lg\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:pl-24 { + padding-left: 6rem; + } - .lg\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:pt-28 { + padding-top: 7rem; + } - .lg\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:pr-28 { + padding-right: 7rem; + } - .lg\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:pb-28 { + padding-bottom: 7rem; + } - .lg\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:pl-28 { + padding-left: 7rem; + } - .lg\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:pt-32 { + padding-top: 8rem; + } - .lg\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:pr-32 { + padding-right: 8rem; + } - .lg\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:pb-32 { + padding-bottom: 8rem; + } - .lg\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:pl-32 { + padding-left: 8rem; + } - .lg\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:pt-36 { + padding-top: 9rem; + } - .lg\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:pr-36 { + padding-right: 9rem; + } - .lg\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:pb-36 { + padding-bottom: 9rem; + } - .lg\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:pl-36 { + padding-left: 9rem; + } - .lg\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:pt-40 { + padding-top: 10rem; + } - .lg\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:pr-40 { + padding-right: 10rem; + } - .lg\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:pb-40 { + padding-bottom: 10rem; + } - .lg\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:pl-40 { + padding-left: 10rem; + } - .lg\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:pt-44 { + padding-top: 11rem; + } - .lg\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:pr-44 { + padding-right: 11rem; + } - .lg\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:pb-44 { + padding-bottom: 11rem; + } - .lg\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:pl-44 { + padding-left: 11rem; + } - .lg\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:pt-48 { + padding-top: 12rem; + } - .lg\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:pr-48 { + padding-right: 12rem; + } - .lg\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:pb-48 { + padding-bottom: 12rem; + } - .lg\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:pl-48 { + padding-left: 12rem; + } - .lg\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:pt-52 { + padding-top: 13rem; + } - .lg\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:pr-52 { + padding-right: 13rem; + } - .lg\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:pb-52 { + padding-bottom: 13rem; + } - .lg\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:pl-52 { + padding-left: 13rem; + } - .lg\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:pt-56 { + padding-top: 14rem; + } - .lg\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:pr-56 { + padding-right: 14rem; + } - .lg\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:pb-56 { + padding-bottom: 14rem; + } - .lg\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:pl-56 { + padding-left: 14rem; + } - .lg\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:pt-60 { + padding-top: 15rem; + } - .lg\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:pr-60 { + padding-right: 15rem; + } - .lg\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:pb-60 { + padding-bottom: 15rem; + } - .lg\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:pl-60 { + padding-left: 15rem; + } - .lg\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:pt-64 { + padding-top: 16rem; + } - .lg\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:pr-64 { + padding-right: 16rem; + } - .lg\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:pb-64 { + padding-bottom: 16rem; + } - .lg\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:pl-64 { + padding-left: 16rem; + } - .lg\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:pt-72 { + padding-top: 18rem; + } - .lg\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:pr-72 { + padding-right: 18rem; + } - .lg\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:pb-72 { + padding-bottom: 18rem; + } - .lg\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:pl-72 { + padding-left: 18rem; + } - .lg\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:pt-80 { + padding-top: 20rem; + } - .lg\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:pr-80 { + padding-right: 20rem; + } - .lg\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:pb-80 { + padding-bottom: 20rem; + } - .lg\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:pl-80 { + padding-left: 20rem; + } - .lg\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:pt-96 { + padding-top: 24rem; + } - .lg\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:pr-96 { + padding-right: 24rem; + } - .lg\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:pb-96 { + padding-bottom: 24rem; + } - .lg\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:pl-96 { + padding-left: 24rem; + } - .lg\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:pt-px { + padding-top: 1px; + } - .lg\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:pr-px { + padding-right: 1px; + } - .lg\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:pb-px { + padding-bottom: 1px; + } - .lg\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:pl-px { + padding-left: 1px; + } - .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\:pt-0\.5 { + padding-top: 0.125rem; + } - .lg\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:pr-0\.5 { + padding-right: 0.125rem; + } - .lg\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .lg\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:pl-0\.5 { + padding-left: 0.125rem; + } - .lg\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:pt-1\.5 { + padding-top: 0.375rem; + } - .lg\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:pr-1\.5 { + padding-right: 0.375rem; + } - .lg\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .lg\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:pl-1\.5 { + padding-left: 0.375rem; + } - .lg\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:pt-2\.5 { + padding-top: 0.625rem; + } - .lg\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:pr-2\.5 { + padding-right: 0.625rem; + } - .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\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .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\:pl-2\.5 { + padding-left: 0.625rem; + } - .lg\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:pt-3\.5 { + padding-top: 0.875rem; + } - .lg\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:pr-3\.5 { + padding-right: 0.875rem; + } - .lg\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .lg\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:pl-3\.5 { + padding-left: 0.875rem; + } - .lg\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:placeholder-transparent::placeholder { + color: transparent; + } - .lg\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:placeholder-current::placeholder { + color: currentColor; + } - .lg\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .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\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .md\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .md\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .md\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .md\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .md\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .md\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .lg\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .lg\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .md\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .md\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .md\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .md\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .md\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .md\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .md\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .md\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .md\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .md\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .md\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .md\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .md\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .md\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .md\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .md\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .md\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .md\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .md\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .md\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .md\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .md\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .md\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .md\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .md\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .md\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .md\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .md\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .md\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .md\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .md\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .md\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .md\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .md\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .md\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .md\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .md\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .md\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .md\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .md\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .md\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .md\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .md\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .md\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .md\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .md\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .md\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .md\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .md\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .md\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .md\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .md\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .md\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .md\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .md\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .md\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .md\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .md\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .md\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .md\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .md\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .md\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .md\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .md\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .md\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .lg\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .md\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .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\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .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\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .lg\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; + } - .lg\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; + } - .lg\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; + } - .lg\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; + } - .lg\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; + } - .lg\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; + } - .lg\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; + } - .lg\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; + } - .lg\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; + } - .lg\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; + } - .lg\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:pointer-events-none { + pointer-events: none; + } - .lg\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:pointer-events-auto { + pointer-events: auto; + } - .lg\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:static { + position: static; + } - .lg\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:fixed { + position: fixed; + } - .lg\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:absolute { + position: absolute; + } - .lg\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:relative { + position: relative; + } - .lg\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:sticky { + position: sticky; + } - .lg\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } - .lg\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } - .lg\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } - .lg\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } - .lg\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } - .lg\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } - .lg\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } - .lg\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } - .lg\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } - .lg\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } - .lg\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } - .lg\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } - .lg\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } - .lg\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } - .lg\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } - .lg\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } - .lg\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } - .lg\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } - .lg\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } - .lg\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } - .lg\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } - .lg\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } - .lg\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } - .lg\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } - .lg\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } - .lg\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } - .lg\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } - .lg\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } - .lg\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } - .lg\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } - .lg\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } - .lg\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } - .lg\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } - .lg\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } - .lg\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } - .lg\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } - .lg\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } - .lg\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } - .lg\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } - .lg\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } - .lg\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.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\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } - .lg\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } - .lg\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } - .lg\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } - .lg\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } - .lg\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } - .lg\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } - .lg\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } - .lg\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } - .lg\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } - .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\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } - .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\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } - .lg\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .md\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } - .lg\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .md\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } - .lg\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .md\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } - .lg\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .md\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } - .lg\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .md\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } - .lg\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .md\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } - .lg\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .md\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } - .lg\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .md\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } - .lg\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .md\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } - .lg\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .md\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } - .lg\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .md\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } - .lg\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .md\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } - .lg\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .md\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } - .lg\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .md\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } - .lg\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .md\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } - .lg\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .md\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .lg\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .md\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } - .lg\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .md\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } - .lg\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .md\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } - .lg\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .md\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .lg\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .md\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } - .lg\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .md\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } - .lg\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .md\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .lg\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .md\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } - .lg\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .md\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } - .lg\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .md\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } - .lg\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .md\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .lg\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .md\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } - .lg\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .md\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } - .lg\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .md\:inset-y-0 { + top: 0; + bottom: 0; + } - .lg\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .md\:inset-x-0 { + right: 0; + left: 0; + } - .lg\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .md\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } - .lg\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .md\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } - .lg\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .md\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } - .lg\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .md\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } - .lg\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .md\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } - .lg\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .md\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } - .lg\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .md\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } - .lg\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .md\:inset-x-4 { + right: 1rem; + left: 1rem; + } - .lg\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .md\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } - .lg\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .md\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } - .lg\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .md\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } - .lg\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .md\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } - .lg\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .md\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } - .lg\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .md\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } - .lg\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .md\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } - .lg\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .md\:inset-x-8 { + right: 2rem; + left: 2rem; + } - .lg\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .md\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } - .lg\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .md\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; + } - .lg\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .md\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; + } - .lg\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .md\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; + } - .lg\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .md\:inset-y-12 { + top: 3rem; + bottom: 3rem; + } - .lg\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .md\:inset-x-12 { + right: 3rem; + left: 3rem; + } - .lg\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .md\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; + } - .lg\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .md\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; + } - .lg\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .md\:inset-y-16 { + top: 4rem; + bottom: 4rem; + } - .lg\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .md\:inset-x-16 { + right: 4rem; + left: 4rem; + } - .lg\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .md\:inset-y-20 { + top: 5rem; + bottom: 5rem; + } - .lg\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .md\:inset-x-20 { + right: 5rem; + left: 5rem; + } - .lg\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .md\:inset-y-24 { + top: 6rem; + bottom: 6rem; + } - .lg\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .md\:inset-x-24 { + right: 6rem; + left: 6rem; + } - .lg\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .md\:inset-y-28 { + top: 7rem; + bottom: 7rem; + } - .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\:inset-x-28 { + right: 7rem; + left: 7rem; + } - .lg\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .md\:inset-y-32 { + top: 8rem; + bottom: 8rem; + } - .lg\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .md\:inset-x-32 { + right: 8rem; + left: 8rem; + } - .lg\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .md\:inset-y-36 { + top: 9rem; + bottom: 9rem; + } - .lg\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .md\:inset-x-36 { + right: 9rem; + left: 9rem; + } - .lg\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .md\:inset-y-40 { + top: 10rem; + bottom: 10rem; + } - .lg\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .md\:inset-x-40 { + right: 10rem; + left: 10rem; + } - .lg\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .md\:inset-y-44 { + top: 11rem; + bottom: 11rem; + } - .lg\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .md\:inset-x-44 { + right: 11rem; + left: 11rem; + } - .lg\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .md\:inset-y-48 { + top: 12rem; + bottom: 12rem; + } - .lg\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .md\:inset-x-48 { + right: 12rem; + left: 12rem; + } - .lg\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .md\:inset-y-52 { + top: 13rem; + bottom: 13rem; + } - .lg\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .md\:inset-x-52 { + right: 13rem; + left: 13rem; + } - .lg\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .md\:inset-y-56 { + top: 14rem; + bottom: 14rem; + } - .lg\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .md\:inset-x-56 { + right: 14rem; + left: 14rem; + } - .lg\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .md\:inset-y-60 { + top: 15rem; + bottom: 15rem; + } - .lg\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .md\:inset-x-60 { + right: 15rem; + left: 15rem; + } - .lg\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .md\:inset-y-64 { + top: 16rem; + bottom: 16rem; + } - .lg\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .md\:inset-x-64 { + right: 16rem; + left: 16rem; + } - .lg\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .md\:inset-y-72 { + top: 18rem; + bottom: 18rem; + } - .lg\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .md\:inset-x-72 { + right: 18rem; + left: 18rem; + } - .lg\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .md\:inset-y-80 { + top: 20rem; + bottom: 20rem; + } - .lg\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .md\:inset-x-80 { + right: 20rem; + left: 20rem; + } - .lg\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .md\:inset-y-96 { + top: 24rem; + bottom: 24rem; + } - .lg\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .md\:inset-x-96 { + right: 24rem; + left: 24rem; + } - .lg\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .md\:inset-y-auto { + top: auto; + bottom: auto; + } - .lg\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .md\:inset-x-auto { + right: auto; + left: auto; + } - .lg\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .md\:inset-y-px { + top: 1px; + bottom: 1px; + } - .lg\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .md\:inset-x-px { + right: 1px; + left: 1px; + } - .lg\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .md\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; + } - .lg\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .md\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; + } - .lg\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .md\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; + } - .lg\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .md\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; + } - .lg\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .md\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; + } - .lg\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .md\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; + } - .lg\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .md\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; + } - .lg\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .md\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; + } - .lg\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .md\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; + } - .lg\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .md\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; + } - .lg\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .md\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; + } - .lg\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .md\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; + } - .lg\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .md\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; + } - .lg\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .md\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; + } - .lg\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .md\:-inset-y-4 { + top: -1rem; + bottom: -1rem; + } - .lg\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .md\:-inset-x-4 { + right: -1rem; + left: -1rem; + } - .lg\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .md\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; + } - .lg\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .md\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; + } - .lg\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .md\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; + } - .lg\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .md\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; + } - .lg\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .md\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; + } - .lg\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .md\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; + } - .lg\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .md\:-inset-y-8 { + top: -2rem; + bottom: -2rem; + } - .lg\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .md\:-inset-x-8 { + right: -2rem; + left: -2rem; + } - .lg\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .md\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; + } - .lg\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .md\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; + } - .lg\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .md\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; + } - .lg\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .md\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; + } - .lg\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .md\:-inset-y-12 { + top: -3rem; + bottom: -3rem; + } - .lg\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .md\:-inset-x-12 { + right: -3rem; + left: -3rem; + } - .lg\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .md\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; + } - .lg\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .md\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; + } - .lg\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .md\:-inset-y-16 { + top: -4rem; + bottom: -4rem; + } - .lg\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .md\:-inset-x-16 { + right: -4rem; + left: -4rem; + } - .lg\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .md\:-inset-y-20 { + top: -5rem; + bottom: -5rem; + } - .lg\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .md\:-inset-x-20 { + right: -5rem; + left: -5rem; + } - .lg\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .md\:-inset-y-24 { + top: -6rem; + bottom: -6rem; + } - .lg\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .md\:-inset-x-24 { + right: -6rem; + left: -6rem; + } - .lg\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .md\:-inset-y-28 { + top: -7rem; + bottom: -7rem; + } - .lg\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .md\:-inset-x-28 { + right: -7rem; + left: -7rem; + } - .lg\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .md\:-inset-y-32 { + top: -8rem; + bottom: -8rem; + } - .lg\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .md\:-inset-x-32 { + right: -8rem; + left: -8rem; + } - .lg\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .md\:-inset-y-36 { + top: -9rem; + bottom: -9rem; + } - .lg\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .md\:-inset-x-36 { + right: -9rem; + left: -9rem; + } - .lg\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .md\:-inset-y-40 { + top: -10rem; + bottom: -10rem; + } - .lg\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .md\:-inset-x-40 { + right: -10rem; + left: -10rem; + } - .lg\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .md\:-inset-y-44 { + top: -11rem; + bottom: -11rem; + } - .lg\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .md\:-inset-x-44 { + right: -11rem; + left: -11rem; + } - .lg\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .md\:-inset-y-48 { + top: -12rem; + bottom: -12rem; + } - .lg\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .md\:-inset-x-48 { + right: -12rem; + left: -12rem; + } - .lg\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .md\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } - .lg\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .md\:-inset-x-52 { + right: -13rem; + left: -13rem; + } - .lg\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .md\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } - .lg\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .md\:-inset-x-56 { + right: -14rem; + left: -14rem; + } - .lg\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .md\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .lg\:bg-opacity-0 { - --bg-opacity: 0; + .md\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .lg\:bg-opacity-25 { - --bg-opacity: 0.25; + .md\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .lg\:bg-opacity-50 { - --bg-opacity: 0.5; + .md\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .lg\:bg-opacity-75 { - --bg-opacity: 0.75; + .md\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .lg\:bg-opacity-100 { - --bg-opacity: 1; + .md\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .group:hover .lg\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; + .md\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .group:hover .lg\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; + .md\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .group:hover .lg\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; + .md\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .group:hover .lg\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; + .md\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .group:hover .lg\:group-hover\:bg-opacity-100 { - --bg-opacity: 1; + .md\:-inset-y-px { + top: -1px; + bottom: -1px; } - .lg\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .md\:-inset-x-px { + right: -1px; + left: -1px; } - .lg\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .md\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .lg\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .md\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .lg\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .md\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .lg\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .md\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .lg\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .md\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .lg\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .md\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .lg\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .md\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .lg\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .md\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .lg\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .md\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .lg\:bg-bottom { - background-position: bottom; + .md\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .lg\:bg-center { - background-position: center; + .md\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .lg\:bg-left { - background-position: left; + .md\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .lg\:bg-left-bottom { - background-position: left bottom; + .md\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .lg\:bg-left-top { - background-position: left top; + .md\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .lg\:bg-right { - background-position: right; + .md\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .lg\:bg-right-bottom { - background-position: right bottom; + .md\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .lg\:bg-right-top { - background-position: right top; + .md\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .lg\:bg-top { - background-position: top; + .md\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .lg\:bg-repeat { - background-repeat: repeat; + .md\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .md\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .md\:inset-y-full { + top: 100%; + bottom: 100%; } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .md\:inset-x-full { + right: 100%; + left: 100%; } - .lg\:bg-repeat-round { - background-repeat: round; + .md\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .lg\:bg-repeat-space { - background-repeat: space; + .md\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .lg\:bg-auto { - background-size: auto; + .md\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .lg\:bg-cover { - background-size: cover; + .md\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .lg\:bg-contain { - background-size: contain; + .md\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .lg\:border-collapse { - border-collapse: collapse; + .md\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .lg\:border-separate { - border-collapse: separate; + .md\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .lg\:border-transparent { - border-color: transparent; + .md\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .lg\:border-current { - border-color: currentColor; + .md\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .lg\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .lg\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .lg\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .lg\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:-inset-y-full { + top: -100%; + bottom: -100%; } - .lg\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:-inset-x-full { + right: -100%; + left: -100%; } - .lg\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:top-0 { + top: 0; } - .lg\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:right-0 { + right: 0; } - .lg\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:bottom-0 { + bottom: 0; } - .lg\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:left-0 { + left: 0; } - .lg\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:top-1 { + top: 0.25rem; } - .lg\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:right-1 { + right: 0.25rem; } - .lg\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:bottom-1 { + bottom: 0.25rem; } - .lg\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:left-1 { + left: 0.25rem; } - .lg\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:top-2 { + top: 0.5rem; } - .lg\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:right-2 { + right: 0.5rem; } - .lg\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:bottom-2 { + bottom: 0.5rem; } - .lg\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:left-2 { + left: 0.5rem; } - .lg\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:top-3 { + top: 0.75rem; } - .lg\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:right-3 { + right: 0.75rem; } - .lg\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:bottom-3 { + bottom: 0.75rem; } - .lg\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:left-3 { + left: 0.75rem; } - .lg\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:top-4 { + top: 1rem; } - .lg\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:right-4 { + right: 1rem; } - .lg\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:bottom-4 { + bottom: 1rem; } - .lg\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:left-4 { + left: 1rem; } - .lg\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:top-5 { + top: 1.25rem; } - .lg\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:right-5 { + right: 1.25rem; } - .lg\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:bottom-5 { + bottom: 1.25rem; } - .lg\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:left-5 { + left: 1.25rem; } - .lg\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:top-6 { + top: 1.5rem; } - .lg\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:right-6 { + right: 1.5rem; } - .lg\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:bottom-6 { + bottom: 1.5rem; } - .lg\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:left-6 { + left: 1.5rem; } - .lg\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:top-7 { + top: 1.75rem; } - .lg\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:right-7 { + right: 1.75rem; } - .lg\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:bottom-7 { + bottom: 1.75rem; } - .lg\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:left-7 { + left: 1.75rem; } - .lg\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:top-8 { + top: 2rem; } - .lg\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:right-8 { + right: 2rem; } - .lg\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:bottom-8 { + bottom: 2rem; } - .lg\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:left-8 { + left: 2rem; } - .lg\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:top-9 { + top: 2.25rem; } - .lg\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:right-9 { + right: 2.25rem; } - .lg\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:bottom-9 { + bottom: 2.25rem; } - .lg\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:left-9 { + left: 2.25rem; } - .lg\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:top-10 { + top: 2.5rem; } - .lg\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:right-10 { + right: 2.5rem; } - .lg\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:bottom-10 { + bottom: 2.5rem; } - .lg\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:left-10 { + left: 2.5rem; } - .lg\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:top-12 { + top: 3rem; } - .lg\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:right-12 { + right: 3rem; } - .lg\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:bottom-12 { + bottom: 3rem; } - .lg\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:left-12 { + left: 3rem; } - .lg\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:top-14 { + top: 3.5rem; } - .lg\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:right-14 { + right: 3.5rem; } - .lg\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:bottom-14 { + bottom: 3.5rem; } - .lg\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:left-14 { + left: 3.5rem; } - .lg\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:top-16 { + top: 4rem; } - .lg\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:right-16 { + right: 4rem; } - .lg\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:bottom-16 { + bottom: 4rem; } - .lg\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:left-16 { + left: 4rem; } - .lg\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:top-20 { + top: 5rem; } - .lg\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:right-20 { + right: 5rem; } - .lg\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:bottom-20 { + bottom: 5rem; } - .lg\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:left-20 { + left: 5rem; } - .lg\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:top-24 { + top: 6rem; } - .lg\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:right-24 { + right: 6rem; } - .lg\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:bottom-24 { + bottom: 6rem; } - .lg\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:left-24 { + left: 6rem; } - .lg\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:top-28 { + top: 7rem; } - .lg\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:right-28 { + right: 7rem; } - .lg\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:bottom-28 { + bottom: 7rem; } - .group:hover .lg\:group-hover\:border-transparent { - border-color: transparent; + .md\:left-28 { + left: 7rem; } - .group:hover .lg\:group-hover\:border-current { - border-color: currentColor; + .md\:top-32 { + top: 8rem; } - .group:hover .lg\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:right-32 { + right: 8rem; } - .group:hover .lg\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:bottom-32 { + bottom: 8rem; } - .group:hover .lg\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:left-32 { + left: 8rem; } - .group:hover .lg\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:top-36 { + top: 9rem; } - .group:hover .lg\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:right-36 { + right: 9rem; } - .group:hover .lg\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:bottom-36 { + bottom: 9rem; } - .group:hover .lg\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:left-36 { + left: 9rem; } - .group:hover .lg\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:top-40 { + top: 10rem; } - .group:hover .lg\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:right-40 { + right: 10rem; } - .group:hover .lg\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:bottom-40 { + bottom: 10rem; } - .group:hover .lg\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:left-40 { + left: 10rem; } - .group:hover .lg\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:top-44 { + top: 11rem; } - .group:hover .lg\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:right-44 { + right: 11rem; } - .group:hover .lg\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:bottom-44 { + bottom: 11rem; } - .group:hover .lg\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:left-44 { + left: 11rem; } - .group:hover .lg\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:top-48 { + top: 12rem; } - .group:hover .lg\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:right-48 { + right: 12rem; } - .group:hover .lg\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:bottom-48 { + bottom: 12rem; } - .group:hover .lg\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:left-48 { + left: 12rem; } - .group:hover .lg\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:top-52 { + top: 13rem; } - .group:hover .lg\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:right-52 { + right: 13rem; } - .group:hover .lg\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:bottom-52 { + bottom: 13rem; } - .group:hover .lg\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:left-52 { + left: 13rem; } - .group:hover .lg\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:top-56 { + top: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:right-56 { + right: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:bottom-56 { + bottom: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:left-56 { + left: 14rem; } - .group:hover .lg\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:top-60 { + top: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:right-60 { + right: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:bottom-60 { + bottom: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:left-60 { + left: 15rem; } - .group:hover .lg\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:top-64 { + top: 16rem; } - .group:hover .lg\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:right-64 { + right: 16rem; } - .group:hover .lg\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:bottom-64 { + bottom: 16rem; } - .group:hover .lg\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:left-64 { + left: 16rem; } - .group:hover .lg\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:top-72 { + top: 18rem; } - .group:hover .lg\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:right-72 { + right: 18rem; } - .group:hover .lg\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:bottom-72 { + bottom: 18rem; } - .group:hover .lg\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:left-72 { + left: 18rem; } - .group:hover .lg\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:top-80 { + top: 20rem; } - .group:hover .lg\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:right-80 { + right: 20rem; } - .group:hover .lg\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:bottom-80 { + bottom: 20rem; } - .group:hover .lg\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:left-80 { + left: 20rem; } - .group:hover .lg\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:top-96 { + top: 24rem; } - .group:hover .lg\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:right-96 { + right: 24rem; } - .group:hover .lg\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:bottom-96 { + bottom: 24rem; } - .group:hover .lg\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:left-96 { + left: 24rem; } - .group:hover .lg\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:top-auto { + top: auto; } - .group:hover .lg\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:right-auto { + right: auto; } - .group:hover .lg\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:bottom-auto { + bottom: auto; } - .group:hover .lg\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:left-auto { + left: auto; } - .group:hover .lg\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:top-px { + top: 1px; } - .group:hover .lg\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:right-px { + right: 1px; } - .group:hover .lg\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:bottom-px { + bottom: 1px; } - .group:hover .lg\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:left-px { + left: 1px; } - .group:hover .lg\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:top-0\.5 { + top: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:right-0\.5 { + right: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:bottom-0\.5 { + bottom: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:left-0\.5 { + left: 0.125rem; } - .group:hover .lg\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:top-1\.5 { + top: 0.375rem; } - .group:hover .lg\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:right-1\.5 { + right: 0.375rem; } - .group:hover .lg\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:bottom-1\.5 { + bottom: 0.375rem; } - .group:hover .lg\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:left-1\.5 { + left: 0.375rem; } - .group:hover .lg\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:top-2\.5 { + top: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:right-2\.5 { + right: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:bottom-2\.5 { + bottom: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:left-2\.5 { + left: 0.625rem; } - .group:hover .lg\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:top-3\.5 { + top: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:right-3\.5 { + right: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:bottom-3\.5 { + bottom: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:left-3\.5 { + left: 0.875rem; } - .group:hover .lg\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:-top-1 { + top: -0.25rem; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .md\:-right-1 { + right: -0.25rem; } - .lg\:hover\:border-current:hover { - border-color: currentColor; + .md\:-bottom-1 { + bottom: -0.25rem; } - .lg\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:-left-1 { + left: -0.25rem; } - .lg\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:-top-2 { + top: -0.5rem; } - .lg\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:-right-2 { + right: -0.5rem; } - .lg\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:-bottom-2 { + bottom: -0.5rem; } - .lg\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:-left-2 { + left: -0.5rem; } - .lg\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:-top-3 { + top: -0.75rem; } - .lg\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:-right-3 { + right: -0.75rem; } - .lg\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:-bottom-3 { + bottom: -0.75rem; } - .lg\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:-left-3 { + left: -0.75rem; } - .lg\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:-top-4 { + top: -1rem; } - .lg\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:-right-4 { + right: -1rem; } - .lg\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:-bottom-4 { + bottom: -1rem; } - .lg\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:-left-4 { + left: -1rem; } - .lg\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:-top-5 { + top: -1.25rem; } - .lg\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:-right-5 { + right: -1.25rem; } - .lg\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:-bottom-5 { + bottom: -1.25rem; } - .lg\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:-left-5 { + left: -1.25rem; } - .lg\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:-top-6 { + top: -1.5rem; } - .lg\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:-right-6 { + right: -1.5rem; } - .lg\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:-bottom-6 { + bottom: -1.5rem; } - .lg\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:-left-6 { + left: -1.5rem; } - .lg\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:-top-7 { + top: -1.75rem; } - .lg\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:-right-7 { + right: -1.75rem; } - .lg\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:-bottom-7 { + bottom: -1.75rem; } - .lg\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:-left-7 { + left: -1.75rem; } - .lg\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:-top-8 { + top: -2rem; } - .lg\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:-right-8 { + right: -2rem; } - .lg\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:-bottom-8 { + bottom: -2rem; } - .lg\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:-left-8 { + left: -2rem; } - .lg\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:-top-9 { + top: -2.25rem; } - .lg\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:-right-9 { + right: -2.25rem; } - .lg\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:-bottom-9 { + bottom: -2.25rem; } - .lg\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:-left-9 { + left: -2.25rem; } - .lg\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:-top-10 { + top: -2.5rem; } - .lg\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:-right-10 { + right: -2.5rem; } - .lg\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:-bottom-10 { + bottom: -2.5rem; } - .lg\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:-left-10 { + left: -2.5rem; } - .lg\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:-top-12 { + top: -3rem; } - .lg\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:-right-12 { + right: -3rem; } - .lg\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:-bottom-12 { + bottom: -3rem; } - .lg\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:-left-12 { + left: -3rem; } - .lg\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:-top-14 { + top: -3.5rem; } - .lg\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:-right-14 { + right: -3.5rem; } - .lg\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:-bottom-14 { + bottom: -3.5rem; } - .lg\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:-left-14 { + left: -3.5rem; } - .lg\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:-top-16 { + top: -4rem; } - .lg\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:-right-16 { + right: -4rem; } - .lg\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:-bottom-16 { + bottom: -4rem; } - .lg\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:-left-16 { + left: -4rem; } - .lg\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:-top-20 { + top: -5rem; } - .lg\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:-right-20 { + right: -5rem; } - .lg\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:-bottom-20 { + bottom: -5rem; } - .lg\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:-left-20 { + left: -5rem; } - .lg\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:-top-24 { + top: -6rem; } - .lg\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:-right-24 { + right: -6rem; } - .lg\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:-bottom-24 { + bottom: -6rem; } - .lg\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:-left-24 { + left: -6rem; } - .lg\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:-top-28 { + top: -7rem; } - .lg\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:-right-28 { + right: -7rem; } - .lg\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:-bottom-28 { + bottom: -7rem; } - .lg\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:-left-28 { + left: -7rem; } - .lg\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:-top-32 { + top: -8rem; } - .lg\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:-right-32 { + right: -8rem; } - .lg\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:-bottom-32 { + bottom: -8rem; } - .lg\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:-left-32 { + left: -8rem; } - .lg\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:-top-36 { + top: -9rem; } - .lg\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:-right-36 { + right: -9rem; } - .lg\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:-bottom-36 { + bottom: -9rem; } - .lg\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:-left-36 { + left: -9rem; } - .lg\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:-top-40 { + top: -10rem; } - .lg\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:-right-40 { + right: -10rem; } - .lg\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:-bottom-40 { + bottom: -10rem; } - .lg\:focus\:border-transparent:focus { - border-color: transparent; + .md\:-left-40 { + left: -10rem; } - .lg\:focus\:border-current:focus { - border-color: currentColor; + .md\:-top-44 { + top: -11rem; } - .lg\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .md\:-right-44 { + right: -11rem; } - .lg\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .md\:-bottom-44 { + bottom: -11rem; } - .lg\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .md\:-left-44 { + left: -11rem; } - .lg\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .md\:-top-48 { + top: -12rem; } - .lg\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .md\:-right-48 { + right: -12rem; } - .lg\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .md\:-bottom-48 { + bottom: -12rem; } - .lg\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .md\:-left-48 { + left: -12rem; } - .lg\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .md\:-top-52 { + top: -13rem; } - .lg\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .md\:-right-52 { + right: -13rem; } - .lg\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .md\:-bottom-52 { + bottom: -13rem; } - .lg\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .md\:-left-52 { + left: -13rem; } - .lg\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .md\:-top-56 { + top: -14rem; } - .lg\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .md\:-right-56 { + right: -14rem; } - .lg\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .md\:-bottom-56 { + bottom: -14rem; } - .lg\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .md\:-left-56 { + left: -14rem; } - .lg\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .md\:-top-60 { + top: -15rem; } - .lg\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .md\:-right-60 { + right: -15rem; } - .lg\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .md\:-bottom-60 { + bottom: -15rem; } - .lg\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .md\:-left-60 { + left: -15rem; } - .lg\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .md\:-top-64 { + top: -16rem; } - .lg\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .md\:-right-64 { + right: -16rem; } - .lg\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .md\:-bottom-64 { + bottom: -16rem; } - .lg\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .md\:-left-64 { + left: -16rem; } - .lg\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .md\:-top-72 { + top: -18rem; } - .lg\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .md\:-right-72 { + right: -18rem; } - .lg\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .md\:-bottom-72 { + bottom: -18rem; } - .lg\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .md\:-left-72 { + left: -18rem; } - .lg\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .md\:-top-80 { + top: -20rem; } - .lg\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .md\:-right-80 { + right: -20rem; } - .lg\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .md\:-bottom-80 { + bottom: -20rem; } - .lg\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .md\:-left-80 { + left: -20rem; } - .lg\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .md\:-top-96 { + top: -24rem; } - .lg\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .md\:-right-96 { + right: -24rem; } - .lg\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .md\:-bottom-96 { + bottom: -24rem; } - .lg\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .md\:-left-96 { + left: -24rem; } - .lg\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .md\:-top-px { + top: -1px; } - .lg\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .md\:-right-px { + right: -1px; } - .lg\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .md\:-bottom-px { + bottom: -1px; } - .lg\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .md\:-left-px { + left: -1px; } - .lg\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .md\:-top-0\.5 { + top: -0.125rem; } - .lg\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .md\:-right-0\.5 { + right: -0.125rem; } - .lg\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .md\:-bottom-0\.5 { + bottom: -0.125rem; } - .lg\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .md\:-left-0\.5 { + left: -0.125rem; } - .lg\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .md\:-top-1\.5 { + top: -0.375rem; } - .lg\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .md\:-right-1\.5 { + right: -0.375rem; } - .lg\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .md\:-bottom-1\.5 { + bottom: -0.375rem; } - .lg\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .md\:-left-1\.5 { + left: -0.375rem; } - .lg\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .md\:-top-2\.5 { + top: -0.625rem; } - .lg\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .md\:-right-2\.5 { + right: -0.625rem; } - .lg\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .md\:-bottom-2\.5 { + bottom: -0.625rem; } - .lg\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .md\:-left-2\.5 { + left: -0.625rem; } - .lg\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .md\:-top-3\.5 { + top: -0.875rem; } - .lg\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .md\:-right-3\.5 { + right: -0.875rem; } - .lg\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .md\:-bottom-3\.5 { + bottom: -0.875rem; } - .lg\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .md\:-left-3\.5 { + left: -0.875rem; } - .lg\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .md\:top-1\/2 { + top: 50%; } - .lg\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .md\:right-1\/2 { + right: 50%; } - .lg\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .md\:bottom-1\/2 { + bottom: 50%; } - .lg\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .md\:left-1\/2 { + left: 50%; } - .lg\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .md\:top-1\/3 { + top: 33.333333%; } - .lg\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .md\:right-1\/3 { + right: 33.333333%; } - .lg\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .md\:bottom-1\/3 { + bottom: 33.333333%; } - .lg\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .md\:left-1\/3 { + left: 33.333333%; } - .lg\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .md\:top-2\/3 { + top: 66.666667%; } - .lg\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .md\:right-2\/3 { + right: 66.666667%; } - .lg\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .md\:bottom-2\/3 { + bottom: 66.666667%; } - .lg\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .md\:left-2\/3 { + left: 66.666667%; } - .lg\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .md\:top-1\/4 { + top: 25%; } - .lg\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .md\:right-1\/4 { + right: 25%; } - .lg\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .md\:bottom-1\/4 { + bottom: 25%; } - .lg\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .md\:left-1\/4 { + left: 25%; } - .lg\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .md\:top-2\/4 { + top: 50%; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:border-transparent { - border-color: transparent; - } + .md\:right-2\/4 { + right: 50%; + } - .lg\:dark\:border-current { - border-color: currentColor; - } + .md\:bottom-2\/4 { + bottom: 50%; + } - .lg\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:left-2\/4 { + left: 50%; + } - .lg\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:top-3\/4 { + top: 75%; + } - .lg\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .md\:right-3\/4 { + right: 75%; + } - .lg\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .md\:bottom-3\/4 { + bottom: 75%; + } - .lg\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .md\:left-3\/4 { + left: 75%; + } - .lg\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .md\:top-full { + top: 100%; + } - .lg\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .md\:right-full { + right: 100%; + } - .lg\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .md\:bottom-full { + bottom: 100%; + } - .lg\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .md\:left-full { + left: 100%; + } - .lg\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .md\:-top-1\/2 { + top: -50%; + } - .lg\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .md\:-right-1\/2 { + right: -50%; + } - .lg\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .md\:-bottom-1\/2 { + bottom: -50%; + } - .lg\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .md\:-left-1\/2 { + left: -50%; + } - .lg\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .md\:-top-1\/3 { + top: -33.333333%; + } - .lg\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .md\:-right-1\/3 { + right: -33.333333%; + } - .lg\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .md\:-bottom-1\/3 { + bottom: -33.333333%; + } - .lg\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .md\:-left-1\/3 { + left: -33.333333%; + } - .lg\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .md\:-top-2\/3 { + top: -66.666667%; + } - .lg\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .md\:-right-2\/3 { + right: -66.666667%; + } - .lg\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .md\:-bottom-2\/3 { + bottom: -66.666667%; + } - .lg\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .md\:-left-2\/3 { + left: -66.666667%; + } - .lg\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .md\:-top-1\/4 { + top: -25%; + } - .lg\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .md\:-right-1\/4 { + right: -25%; + } - .lg\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .md\:-bottom-1\/4 { + bottom: -25%; + } - .lg\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .md\:-left-1\/4 { + left: -25%; + } - .lg\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .md\:-top-2\/4 { + top: -50%; + } - .lg\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .md\:-right-2\/4 { + right: -50%; + } - .lg\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .md\:-bottom-2\/4 { + bottom: -50%; + } - .lg\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .md\:-left-2\/4 { + left: -50%; + } - .lg\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .md\:-top-3\/4 { + top: -75%; + } - .lg\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .md\:-right-3\/4 { + right: -75%; + } - .lg\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .md\:-bottom-3\/4 { + bottom: -75%; + } - .lg\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .md\:-left-3\/4 { + left: -75%; + } - .lg\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .md\:-top-full { + top: -100%; + } - .lg\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .md\:-right-full { + right: -100%; + } - .lg\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .md\:-bottom-full { + bottom: -100%; + } - .lg\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .md\:-left-full { + left: -100%; + } - .lg\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .md\:resize-none { + resize: none; + } - .lg\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .md\:resize-y { + resize: vertical; + } - .lg\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .md\:resize-x { + resize: horizontal; + } - .lg\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .md\:resize { + resize: both; + } - .lg\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .md\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .md\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .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\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .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\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .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\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .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\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } - .lg\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } - .lg\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } - .lg\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .md\:shadow-none { + box-shadow: none; + } - .lg\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .md\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .md\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .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\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .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\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .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\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .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\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } - .lg\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } - .lg\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } - .lg\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .md\:hover\:shadow-none:hover { + box-shadow: none; + } - .lg\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .md\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + } - .lg\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .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\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .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\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .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\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .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\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + } - .lg\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + } - .lg\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + } - .lg\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .md\:focus\:shadow-none:focus { + box-shadow: none; + } - .lg\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .md\:fill-current { + fill: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .md\:stroke-current { + stroke: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .md\:stroke-0 { + stroke-width: 0; + } - .group:hover .lg\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:stroke-1 { + stroke-width: 1; + } - .group:hover .lg\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:stroke-2 { + stroke-width: 2; + } - .group:hover .lg\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .md\:table-auto { + table-layout: auto; + } - .group:hover .lg\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .md\:table-fixed { + table-layout: fixed; + } - .group:hover .lg\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .md\:text-left { + text-align: left; + } - .group:hover .lg\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .md\:text-center { + text-align: center; + } - .group:hover .lg\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .md\:text-right { + text-align: right; + } - .group:hover .lg\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .md\:text-justify { + text-align: justify; + } - .group:hover .lg\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .md\:text-transparent { + color: transparent; + } - .group:hover .lg\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .md\:text-current { + color: currentColor; + } - .group:hover .lg\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .md\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .md\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .md\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .md\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .md\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .md\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .md\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .md\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .md\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .md\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .md\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .md\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .md\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .md\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .md\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .md\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .md\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .md\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .md\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .md\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .md\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .md\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .md\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .md\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .md\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .md\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .md\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .md\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .md\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .md\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .md\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .md\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .md\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .md\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .md\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .md\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .md\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .md\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .md\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .md\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .md\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .md\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .md\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .md\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .md\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .md\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .md\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .md\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .md\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .md\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .md\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .md\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .md\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .md\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .md\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .md\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .md\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .md\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .md\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .md\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); + } - .group:hover .lg\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .md\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); + } - .lg\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .md\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .md\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); + } - .lg\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .md\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); + } - .lg\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .md\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .md\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .md\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .md\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .md\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .md\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .md\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-transparent { + color: transparent; + } - .lg\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-current { + color: currentColor; + } - .lg\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); + } - .lg\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); + } - .lg\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); + } - .lg\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); + } - .lg\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); + } - .lg\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); + } - .lg\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); + } - .lg\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .group:hover .md\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); + } - .lg\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .group:hover .md\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); + } - .lg\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); + } - .lg\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .group:hover .md\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .md\:hover\:text-transparent:hover { + color: transparent; + } - .lg\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .md\:hover\:text-current:hover { + color: currentColor; + } - .lg\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .md\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); + } - .lg\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .md\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .md\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .md\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .md\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .md\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .md\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .md\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .md\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .md\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .md\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); + } - .lg\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .md\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .md\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .md\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .md\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .md\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .md\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .md\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .md\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .md\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .md\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); + } - .lg\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .md\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .md\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .md\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .md\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .md\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .md\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .md\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .md\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .md\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .md\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); + } - .lg\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .md\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .md\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .md\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .md\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .md\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .md\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .md\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .md\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .md\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .md\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); + } - .lg\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .md\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .md\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .md\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .md\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .md\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .md\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .md\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .md\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .md\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .md\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); + } - .lg\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .md\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .md\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .md\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .md\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .md\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .md\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .md\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .md\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .md\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .md\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); + } - .lg\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .md\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .lg\:border-opacity-0 { - --border-opacity: 0; + .md\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:border-opacity-25 { - --border-opacity: 0.25; + .md\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .lg\:border-opacity-50 { - --border-opacity: 0.5; + .md\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .lg\:border-opacity-75 { - --border-opacity: 0.75; + .md\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .lg\:border-opacity-100 { - --border-opacity: 1; + .md\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-0 { - --border-opacity: 0; + .md\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; + .md\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; + .md\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; + .md\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .group:hover .lg\:group-hover\:border-opacity-100 { - --border-opacity: 1; + .md\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .lg\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .md\:focus\:text-transparent:focus { + color: transparent; } - .lg\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .md\:focus\:text-current:focus { + color: currentColor; } - .lg\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .md\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .lg\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .md\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .lg\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .md\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .lg\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .md\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .lg\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .md\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .lg\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .md\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .lg\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .md\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .lg\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .md\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .lg\:rounded-none { - border-radius: 0; + .md\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .lg\:rounded-sm { - border-radius: 0.125rem; + .md\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .lg\:rounded { - border-radius: 0.25rem; + .md\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .lg\:rounded-md { - border-radius: 0.375rem; + .md\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .lg\:rounded-lg { - border-radius: 0.5rem; + .md\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .lg\:rounded-xl { - border-radius: 0.75rem; + .md\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .lg\:rounded-2xl { - border-radius: 1rem; + .md\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .lg\:rounded-3xl { - border-radius: 1.5rem; + .md\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .lg\:rounded-full { - border-radius: 9999px; + .md\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .lg\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .lg\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .lg\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .lg\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .md\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .lg\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .md\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .lg\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .lg\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .md\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .md\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .lg\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .md\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .lg\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .md\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .lg\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .md\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .lg\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .md\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .lg\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .md\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .lg\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .md\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .lg\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .md\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .lg\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .md\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .lg\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .md\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .lg\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .md\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .lg\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .md\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .lg\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .md\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .md\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .md\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .lg\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .md\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .lg\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .md\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .lg\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .md\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .lg\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .md\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:text-opacity-0 { + --text-opacity: 0; } - .lg\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .md\:text-opacity-25 { + --text-opacity: 0.25; } - .lg\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .md\:text-opacity-50 { + --text-opacity: 0.5; } - .lg\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .md\:text-opacity-75 { + --text-opacity: 0.75; } - .lg\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .md\:text-opacity-100 { + --text-opacity: 1; } - .lg\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .lg\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .lg\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .lg\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .group:hover .md\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .lg\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .group:hover .md\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .lg\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .md\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .lg\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .md\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .lg\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .md\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .lg\:border-solid { - border-style: solid; + .md\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .lg\:border-dashed { - border-style: dashed; + .md\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .lg\:border-dotted { - border-style: dotted; + .md\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .lg\:border-double { - border-style: double; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:border-none { - border-style: none; + .md\:overflow-ellipsis { + text-overflow: ellipsis; } - .lg\:border-0 { - border-width: 0; + .md\:overflow-clip { + text-overflow: clip; } - .lg\:border-2 { - border-width: 2px; + .md\:italic { + font-style: italic; } - .lg\:border-4 { - border-width: 4px; + .md\:not-italic { + font-style: normal; } - .lg\:border-8 { - border-width: 8px; + .md\:uppercase { + text-transform: uppercase; } - .lg\:border { - border-width: 1px; + .md\:lowercase { + text-transform: lowercase; } - .lg\:border-t-0 { - border-top-width: 0; + .md\:capitalize { + text-transform: capitalize; } - .lg\:border-r-0 { - border-right-width: 0; + .md\:normal-case { + text-transform: none; } - .lg\:border-b-0 { - border-bottom-width: 0; + .md\:underline { + text-decoration: underline; } - .lg\:border-l-0 { - border-left-width: 0; + .md\:line-through { + text-decoration: line-through; } - .lg\:border-t-2 { - border-top-width: 2px; + .md\:no-underline { + text-decoration: none; } - .lg\:border-r-2 { - border-right-width: 2px; + .md\:hover\:underline:hover { + text-decoration: underline; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:border-l-2 { - border-left-width: 2px; + .md\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:border-t-4 { - border-top-width: 4px; + .md\:focus\:underline:focus { + text-decoration: underline; } - .lg\:border-r-4 { - border-right-width: 4px; + .md\:focus\:line-through:focus { + text-decoration: line-through; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .md\:focus\:no-underline:focus { + text-decoration: none; } - .lg\:border-l-4 { - border-left-width: 4px; + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:border-t-8 { - border-top-width: 8px; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:border-r-8 { - border-right-width: 8px; + .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .lg\:border-b-8 { - border-bottom-width: 8px; + .md\:normal-nums { + font-variant-numeric: normal; } - .lg\:border-l-8 { - border-left-width: 8px; + .md\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .lg\:border-t { - border-top-width: 1px; + .md\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .lg\:border-r { - border-right-width: 1px; + .md\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .lg\:border-b { - border-bottom-width: 1px; + .md\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .lg\:border-l { - border-left-width: 1px; + .md\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .lg\:box-border { - box-sizing: border-box; + .md\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .lg\:box-content { - box-sizing: content-box; + .md\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .lg\:cursor-auto { - cursor: auto; + .md\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .lg\:cursor-default { - cursor: default; + .md\:tracking-tighter { + letter-spacing: -0.05em; } - .lg\:cursor-pointer { - cursor: pointer; + .md\:tracking-tight { + letter-spacing: -0.025em; } - .lg\:cursor-wait { - cursor: wait; + .md\:tracking-normal { + letter-spacing: 0; } - .lg\:cursor-text { - cursor: text; + .md\:tracking-wide { + letter-spacing: 0.025em; } - .lg\:cursor-move { - cursor: move; + .md\:tracking-wider { + letter-spacing: 0.05em; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .md\:tracking-widest { + letter-spacing: 0.1em; } - .lg\:block { - display: block; + .md\:select-none { + user-select: none; } - .lg\:inline-block { - display: inline-block; + .md\:select-text { + user-select: text; } - .lg\:inline { - display: inline; + .md\:select-all { + user-select: all; } - .lg\:flex { - display: flex; + .md\:select-auto { + user-select: auto; } - .lg\:inline-flex { - display: inline-flex; + .md\:align-baseline { + vertical-align: baseline; } - .lg\:table { - display: table; + .md\:align-top { + vertical-align: top; } - .lg\:table-caption { - display: table-caption; + .md\:align-middle { + vertical-align: middle; } - .lg\:table-cell { - display: table-cell; + .md\:align-bottom { + vertical-align: bottom; } - .lg\:table-column { - display: table-column; + .md\:align-text-top { + vertical-align: text-top; } - .lg\:table-column-group { - display: table-column-group; + .md\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:table-footer-group { - display: table-footer-group; + .md\:visible { + visibility: visible; } - .lg\:table-header-group { - display: table-header-group; + .md\:invisible { + visibility: hidden; } - .lg\:table-row-group { - display: table-row-group; + .md\:whitespace-normal { + white-space: normal; } - .lg\:table-row { - display: table-row; + .md\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:flow-root { - display: flow-root; + .md\:whitespace-pre { + white-space: pre; } - .lg\:grid { - display: grid; + .md\:whitespace-pre-line { + white-space: pre-line; } - .lg\:inline-grid { - display: inline-grid; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:contents { - display: contents; + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .lg\:hidden { - display: none; + .md\:break-words { + overflow-wrap: break-word; } - .lg\:flex-row { - flex-direction: row; + .md\:break-all { + word-break: break-all; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .md\:w-0 { + width: 0; } - .lg\:flex-col { - flex-direction: column; + .md\:w-1 { + width: 0.25rem; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .md\:w-2 { + width: 0.5rem; } - .lg\:flex-wrap { - flex-wrap: wrap; + .md\:w-3 { + width: 0.75rem; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:w-4 { + width: 1rem; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .md\:w-5 { + width: 1.25rem; } - .lg\:place-items-auto { - place-items: auto; + .md\:w-6 { + width: 1.5rem; } - .lg\:place-items-start { - place-items: start; + .md\:w-7 { + width: 1.75rem; } - .lg\:place-items-end { - place-items: end; + .md\:w-8 { + width: 2rem; } - .lg\:place-items-center { - place-items: center; + .md\:w-9 { + width: 2.25rem; } - .lg\:place-items-stretch { - place-items: stretch; + .md\:w-10 { + width: 2.5rem; } - .lg\:place-content-center { - place-content: center; + .md\:w-12 { + width: 3rem; } - .lg\:place-content-start { - place-content: start; + .md\:w-14 { + width: 3.5rem; } - .lg\:place-content-end { - place-content: end; + .md\:w-16 { + width: 4rem; } - .lg\:place-content-between { - place-content: space-between; + .md\:w-20 { + width: 5rem; } - .lg\:place-content-around { - place-content: space-around; + .md\:w-24 { + width: 6rem; } - .lg\:place-content-evenly { - place-content: space-evenly; + .md\:w-28 { + width: 7rem; } - .lg\:place-content-stretch { - place-content: stretch; + .md\:w-32 { + width: 8rem; } - .lg\:place-self-auto { - place-self: auto; + .md\:w-36 { + width: 9rem; } - .lg\:place-self-start { - place-self: start; + .md\:w-40 { + width: 10rem; } - .lg\:place-self-end { - place-self: end; + .md\:w-44 { + width: 11rem; } - .lg\:place-self-center { - place-self: center; + .md\:w-48 { + width: 12rem; } - .lg\:place-self-stretch { - place-self: stretch; + .md\:w-52 { + width: 13rem; } - .lg\:items-start { - align-items: flex-start; + .md\:w-56 { + width: 14rem; } - .lg\:items-end { - align-items: flex-end; + .md\:w-60 { + width: 15rem; } - .lg\:items-center { - align-items: center; + .md\:w-64 { + width: 16rem; } - .lg\:items-baseline { - align-items: baseline; + .md\:w-72 { + width: 18rem; } - .lg\:items-stretch { - align-items: stretch; + .md\:w-80 { + width: 20rem; } - .lg\:content-center { - align-content: center; + .md\:w-96 { + width: 24rem; } - .lg\:content-start { - align-content: flex-start; + .md\:w-auto { + width: auto; } - .lg\:content-end { - align-content: flex-end; + .md\:w-px { + width: 1px; } - .lg\:content-between { - align-content: space-between; + .md\:w-0\.5 { + width: 0.125rem; } - .lg\:content-around { - align-content: space-around; + .md\:w-1\.5 { + width: 0.375rem; } - .lg\:content-evenly { - align-content: space-evenly; + .md\:w-2\.5 { + width: 0.625rem; } - .lg\:self-auto { - align-self: auto; + .md\:w-3\.5 { + width: 0.875rem; } - .lg\:self-start { - align-self: flex-start; + .md\:w-1\/2 { + width: 50%; } - .lg\:self-end { - align-self: flex-end; + .md\:w-1\/3 { + width: 33.333333%; } - .lg\:self-center { - align-self: center; + .md\:w-2\/3 { + width: 66.666667%; } - .lg\:self-stretch { - align-self: stretch; + .md\:w-1\/4 { + width: 25%; } - .lg\:justify-items-auto { - justify-items: auto; + .md\:w-2\/4 { + width: 50%; } - .lg\:justify-items-start { - justify-items: start; + .md\:w-3\/4 { + width: 75%; } - .lg\:justify-items-end { - justify-items: end; + .md\:w-1\/5 { + width: 20%; } - .lg\:justify-items-center { - justify-items: center; + .md\:w-2\/5 { + width: 40%; } - .lg\:justify-items-stretch { - justify-items: stretch; + .md\:w-3\/5 { + width: 60%; } - .lg\:justify-start { - justify-content: flex-start; + .md\:w-4\/5 { + width: 80%; } - .lg\:justify-end { - justify-content: flex-end; + .md\:w-1\/6 { + width: 16.666667%; } - .lg\:justify-center { - justify-content: center; + .md\:w-2\/6 { + width: 33.333333%; } - .lg\:justify-between { - justify-content: space-between; + .md\:w-3\/6 { + width: 50%; } - .lg\:justify-around { - justify-content: space-around; + .md\:w-4\/6 { + width: 66.666667%; } - .lg\:justify-evenly { - justify-content: space-evenly; + .md\:w-5\/6 { + width: 83.333333%; } - .lg\:justify-self-auto { - justify-self: auto; + .md\:w-1\/12 { + width: 8.333333%; } - .lg\:justify-self-start { - justify-self: start; + .md\:w-2\/12 { + width: 16.666667%; } - .lg\:justify-self-end { - justify-self: end; + .md\:w-3\/12 { + width: 25%; } - .lg\:justify-self-center { - justify-self: center; + .md\:w-4\/12 { + width: 33.333333%; } - .lg\:justify-self-stretch { - justify-self: stretch; + .md\:w-5\/12 { + width: 41.666667%; } - .lg\:flex-1 { - flex: 1 1 0%; + .md\:w-6\/12 { + width: 50%; } - .lg\:flex-auto { - flex: 1 1 auto; + .md\:w-7\/12 { + width: 58.333333%; } - .lg\:flex-initial { - flex: 0 1 auto; + .md\:w-8\/12 { + width: 66.666667%; } - .lg\:flex-none { - flex: none; + .md\:w-9\/12 { + width: 75%; } - .lg\:flex-grow-0 { - flex-grow: 0; + .md\:w-10\/12 { + width: 83.333333%; } - .lg\:flex-grow { - flex-grow: 1; + .md\:w-11\/12 { + width: 91.666667%; } - .lg\:flex-shrink-0 { - flex-shrink: 0; + .md\:w-full { + width: 100%; } - .lg\:flex-shrink { - flex-shrink: 1; + .md\:w-screen { + width: 100vw; } - .lg\:order-1 { - order: 1; + .md\:w-min { + width: min-content; } - .lg\:order-2 { - order: 2; + .md\:w-max { + width: max-content; } - .lg\:order-3 { - order: 3; + .md\:z-0 { + z-index: 0; } - .lg\:order-4 { - order: 4; + .md\:z-10 { + z-index: 10; } - .lg\:order-5 { - order: 5; + .md\:z-20 { + z-index: 20; } - .lg\:order-6 { - order: 6; + .md\:z-30 { + z-index: 30; } - .lg\:order-7 { - order: 7; + .md\:z-40 { + z-index: 40; } - .lg\:order-8 { - order: 8; + .md\:z-50 { + z-index: 50; } - .lg\:order-9 { - order: 9; + .md\:z-auto { + z-index: auto; } - .lg\:order-10 { - order: 10; + .md\:focus\:z-0:focus { + z-index: 0; } - .lg\:order-11 { - order: 11; + .md\:focus\:z-10:focus { + z-index: 10; } - .lg\:order-12 { - order: 12; + .md\:focus\:z-20:focus { + z-index: 20; } - .lg\:order-first { - order: -9999; + .md\:focus\:z-30:focus { + z-index: 30; } - .lg\:order-last { - order: 9999; + .md\:focus\:z-40:focus { + z-index: 40; } - .lg\:order-none { - order: 0; + .md\:focus\:z-50:focus { + z-index: 50; } - .lg\:float-right { - float: right; + .md\:focus\:z-auto:focus { + z-index: auto; } - .lg\:float-left { - float: left; + .md\:gap-0 { + grid-gap: 0; + gap: 0; } - .lg\:float-none { - float: none; + .md\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .lg\:clear-left { - clear: left; + .md\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .lg\:clear-right { - clear: right; + .md\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .lg\:clear-both { - clear: both; + .md\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .lg\:clear-none { - clear: none; + .md\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .lg\:font-sans { - font-family: ui-sans-serif, 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-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .lg\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .md\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .lg\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .md\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .lg\:font-thin { - font-weight: 100; + .md\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .lg\:font-extralight { - font-weight: 200; + .md\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .lg\:font-light { - font-weight: 300; + .md\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .lg\:font-normal { - font-weight: 400; + .md\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .lg\:font-medium { - font-weight: 500; + .md\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .lg\:font-semibold { - font-weight: 600; + .md\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .lg\:font-bold { - font-weight: 700; + .md\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .lg\:font-extrabold { - font-weight: 800; + .md\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .lg\:font-black { - font-weight: 900; + .md\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .lg\:hover\:font-thin:hover { - font-weight: 100; + .md\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .lg\:hover\:font-extralight:hover { - font-weight: 200; + .md\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .md\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .md\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .md\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .md\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .md\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .md\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .lg\:focus\:font-thin:focus { - font-weight: 100; + .md\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .lg\:focus\:font-extralight:focus { - font-weight: 200; + .md\:gap-px { + grid-gap: 1px; + gap: 1px; } - .lg\:focus\:font-light:focus { - font-weight: 300; + .md\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .lg\:focus\:font-normal:focus { - font-weight: 400; + .md\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .lg\:focus\:font-medium:focus { - font-weight: 500; + .md\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .lg\:focus\:font-semibold:focus { - font-weight: 600; + .md\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .lg\:focus\:font-bold:focus { - font-weight: 700; + .md\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800; + .md\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:focus\:font-black:focus { - font-weight: 900; + .md\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:h-0 { - height: 0; + .md\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:h-1 { - height: 0.25rem; + .md\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .lg\:h-2 { - height: 0.5rem; + .md\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:h-3 { - height: 0.75rem; + .md\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:h-4 { - height: 1rem; + .md\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .lg\:h-5 { - height: 1.25rem; + .md\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .lg\:h-6 { - height: 1.5rem; + .md\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .lg\:h-7 { - height: 1.75rem; + .md\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:h-8 { - height: 2rem; + .md\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .lg\:h-9 { - height: 2.25rem; + .md\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .lg\:h-10 { - height: 2.5rem; + .md\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .lg\:h-12 { - height: 3rem; + .md\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .lg\:h-14 { - height: 3.5rem; + .md\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .lg\:h-16 { - height: 4rem; + .md\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .lg\:h-20 { - height: 5rem; + .md\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .lg\:h-24 { - height: 6rem; + .md\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .lg\:h-28 { - height: 7rem; + .md\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .lg\:h-32 { - height: 8rem; + .md\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .lg\:h-36 { - height: 9rem; + .md\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .lg\:h-40 { - height: 10rem; + .md\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .lg\:h-44 { - height: 11rem; + .md\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .lg\:h-48 { - height: 12rem; + .md\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .lg\:h-52 { - height: 13rem; + .md\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .lg\:h-56 { - height: 14rem; + .md\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .lg\:h-60 { - height: 15rem; + .md\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .lg\:h-64 { - height: 16rem; + .md\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .lg\:h-72 { - height: 18rem; + .md\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .lg\:h-80 { - height: 20rem; + .md\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .lg\:h-96 { - height: 24rem; + .md\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .lg\:h-auto { - height: auto; + .md\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .lg\:h-px { - height: 1px; + .md\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .lg\:h-0\.5 { - height: 0.125rem; + .md\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .lg\:h-1\.5 { - height: 0.375rem; + .md\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .lg\:h-2\.5 { - height: 0.625rem; + .md\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .lg\:h-3\.5 { - height: 0.875rem; + .md\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .lg\:h-full { - height: 100%; + .md\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .lg\:h-screen { - height: 100vh; + .md\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .lg\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .md\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .lg\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .md\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .lg\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .md\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .md\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .lg\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .md\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .md\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .lg\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .md\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .md\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .lg\:text-5xl { - font-size: 3rem; - line-height: 1; + .md\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .lg\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .md\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .lg\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .md\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .lg\:text-8xl { - font-size: 6rem; - line-height: 1; + .md\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .lg\:text-9xl { - font-size: 8rem; - line-height: 1; + .md\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .lg\:leading-3 { - line-height: .75rem; + .md\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .lg\:leading-4 { - line-height: 1rem; + .md\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .lg\:leading-5 { - line-height: 1.25rem; + .md\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .lg\:leading-6 { - line-height: 1.5rem; + .md\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .lg\:leading-7 { - line-height: 1.75rem; + .md\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .lg\:leading-8 { - line-height: 2rem; + .md\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .lg\:leading-9 { - line-height: 2.25rem; + .md\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .lg\:leading-10 { - line-height: 2.5rem; + .md\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .lg\:leading-none { - line-height: 1; + .md\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .lg\:leading-tight { - line-height: 1.25; + .md\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .lg\:leading-snug { - line-height: 1.375; + .md\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .lg\:leading-normal { - line-height: 1.5; + .md\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .lg\:leading-relaxed { - line-height: 1.625; + .md\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .lg\:leading-loose { - line-height: 2; + .md\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .lg\:list-inside { - list-style-position: inside; + .md\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .lg\:list-outside { - list-style-position: outside; + .md\:grid-flow-row { + grid-auto-flow: row; } - .lg\:list-none { - list-style-type: none; + .md\:grid-flow-col { + grid-auto-flow: column; } - .lg\:list-disc { - list-style-type: disc; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:list-decimal { - list-style-type: decimal; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:m-0 { - margin: 0; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:m-1 { - margin: 0.25rem; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:m-2 { - margin: 0.5rem; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:m-3 { - margin: 0.75rem; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:m-4 { - margin: 1rem; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:m-5 { - margin: 1.25rem; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:m-6 { - margin: 1.5rem; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:m-7 { - margin: 1.75rem; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:m-8 { - margin: 2rem; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:m-9 { - margin: 2.25rem; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:m-10 { - margin: 2.5rem; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:m-12 { - margin: 3rem; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:m-14 { - margin: 3.5rem; + .md\:grid-cols-none { + grid-template-columns: none; } - .lg\:m-16 { - margin: 4rem; + .md\:auto-cols-auto { + grid-auto-columns: auto; } - .lg\:m-20 { - margin: 5rem; + .md\:auto-cols-min { + grid-auto-columns: min-content; } - .lg\:m-24 { - margin: 6rem; + .md\:auto-cols-max { + grid-auto-columns: max-content; } - .lg\:m-28 { - margin: 7rem; + .md\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .lg\:m-32 { - margin: 8rem; + .md\:col-auto { + grid-column: auto; } - .lg\:m-36 { - margin: 9rem; + .md\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:m-40 { - margin: 10rem; + .md\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:m-44 { - margin: 11rem; + .md\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:m-48 { - margin: 12rem; + .md\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:m-52 { - margin: 13rem; + .md\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:m-56 { - margin: 14rem; + .md\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:m-60 { - margin: 15rem; + .md\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:m-64 { - margin: 16rem; + .md\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:m-72 { - margin: 18rem; + .md\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:m-80 { - margin: 20rem; + .md\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:m-96 { - margin: 24rem; + .md\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:m-auto { - margin: auto; + .md\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:m-px { - margin: 1px; + .md\:col-span-full { + grid-column: 1 / -1; } - .lg\:m-0\.5 { - margin: 0.125rem; + .md\:col-start-1 { + grid-column-start: 1; } - .lg\:m-1\.5 { - margin: 0.375rem; + .md\:col-start-2 { + grid-column-start: 2; } - .lg\:m-2\.5 { - margin: 0.625rem; + .md\:col-start-3 { + grid-column-start: 3; } - .lg\:m-3\.5 { - margin: 0.875rem; + .md\:col-start-4 { + grid-column-start: 4; } - .lg\:-m-1 { - margin: -0.25rem; + .md\:col-start-5 { + grid-column-start: 5; } - .lg\:-m-2 { - margin: -0.5rem; + .md\:col-start-6 { + grid-column-start: 6; } - .lg\:-m-3 { - margin: -0.75rem; + .md\:col-start-7 { + grid-column-start: 7; } - .lg\:-m-4 { - margin: -1rem; + .md\:col-start-8 { + grid-column-start: 8; } - .lg\:-m-5 { - margin: -1.25rem; + .md\:col-start-9 { + grid-column-start: 9; } - .lg\:-m-6 { - margin: -1.5rem; + .md\:col-start-10 { + grid-column-start: 10; } - .lg\:-m-7 { - margin: -1.75rem; + .md\:col-start-11 { + grid-column-start: 11; } - .lg\:-m-8 { - margin: -2rem; + .md\:col-start-12 { + grid-column-start: 12; } - .lg\:-m-9 { - margin: -2.25rem; + .md\:col-start-13 { + grid-column-start: 13; } - .lg\:-m-10 { - margin: -2.5rem; + .md\:col-start-auto { + grid-column-start: auto; } - .lg\:-m-12 { - margin: -3rem; + .md\:col-end-1 { + grid-column-end: 1; } - .lg\:-m-14 { - margin: -3.5rem; + .md\:col-end-2 { + grid-column-end: 2; } - .lg\:-m-16 { - margin: -4rem; + .md\:col-end-3 { + grid-column-end: 3; } - .lg\:-m-20 { - margin: -5rem; + .md\:col-end-4 { + grid-column-end: 4; } - .lg\:-m-24 { - margin: -6rem; + .md\:col-end-5 { + grid-column-end: 5; } - .lg\:-m-28 { - margin: -7rem; + .md\:col-end-6 { + grid-column-end: 6; } - .lg\:-m-32 { - margin: -8rem; + .md\:col-end-7 { + grid-column-end: 7; } - .lg\:-m-36 { - margin: -9rem; + .md\:col-end-8 { + grid-column-end: 8; } - .lg\:-m-40 { - margin: -10rem; + .md\:col-end-9 { + grid-column-end: 9; } - .lg\:-m-44 { - margin: -11rem; + .md\:col-end-10 { + grid-column-end: 10; } - .lg\:-m-48 { - margin: -12rem; + .md\:col-end-11 { + grid-column-end: 11; } - .lg\:-m-52 { - margin: -13rem; + .md\:col-end-12 { + grid-column-end: 12; } - .lg\:-m-56 { - margin: -14rem; + .md\:col-end-13 { + grid-column-end: 13; } - .lg\:-m-60 { - margin: -15rem; + .md\:col-end-auto { + grid-column-end: auto; } - .lg\:-m-64 { - margin: -16rem; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:-m-72 { - margin: -18rem; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:-m-80 { - margin: -20rem; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:-m-96 { - margin: -24rem; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:-m-px { - margin: -1px; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:-m-0\.5 { - margin: -0.125rem; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:-m-1\.5 { - margin: -0.375rem; + .md\:grid-rows-none { + grid-template-rows: none; } - .lg\:-m-2\.5 { - margin: -0.625rem; + .md\:auto-rows-auto { + grid-auto-rows: auto; } - .lg\:-m-3\.5 { - margin: -0.875rem; + .md\:auto-rows-min { + grid-auto-rows: min-content; } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:auto-rows-max { + grid-auto-rows: max-content; } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:row-auto { + grid-row: auto; } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:row-span-full { + grid-row: 1 / -1; } - .lg\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:row-start-1 { + grid-row-start: 1; } - .lg\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:row-start-2 { + grid-row-start: 2; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:row-start-3 { + grid-row-start: 3; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:row-start-4 { + grid-row-start: 4; } - .lg\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .md\:row-start-5 { + grid-row-start: 5; } - .lg\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .md\:row-start-6 { + grid-row-start: 6; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:row-start-7 { + grid-row-start: 7; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:row-start-auto { + grid-row-start: auto; } - .lg\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .md\:row-end-1 { + grid-row-end: 1; } - .lg\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .md\:row-end-2 { + grid-row-end: 2; } - .lg\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:row-end-3 { + grid-row-end: 3; } - .lg\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:row-end-4 { + grid-row-end: 4; } - .lg\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:row-end-5 { + grid-row-end: 5; } - .lg\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:row-end-6 { + grid-row-end: 6; } - .lg\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .md\:row-end-7 { + grid-row-end: 7; } - .lg\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .md\:row-end-auto { + grid-row-end: auto; } - .lg\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .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\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:transform-none { + transform: none; } - .lg\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:origin-center { + transform-origin: center; } - .lg\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:origin-top { + transform-origin: top; } - .lg\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:origin-top-right { + transform-origin: top right; } - .lg\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .md\:origin-right { + transform-origin: right; } - .lg\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .md\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:origin-bottom { + transform-origin: bottom; } - .lg\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .md\:origin-left { + transform-origin: left; } - .lg\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .md\:origin-top-left { + transform-origin: top left; } - .lg\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .md\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .md\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .md\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .md\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .md\:scale-x-0 { + --transform-scale-x: 0; } - .lg\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .md\:scale-x-50 { + --transform-scale-x: .5; } - .lg\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:scale-x-75 { + --transform-scale-x: .75; } - .lg\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:scale-x-90 { + --transform-scale-x: .9; } - .lg\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .md\:scale-x-95 { + --transform-scale-x: .95; } - .lg\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .md\:scale-x-100 { + --transform-scale-x: 1; } - .lg\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .md\:scale-x-105 { + --transform-scale-x: 1.05; } - .lg\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .md\:scale-x-110 { + --transform-scale-x: 1.1; } - .lg\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .md\:scale-x-125 { + --transform-scale-x: 1.25; } - .lg\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .md\:scale-x-150 { + --transform-scale-x: 1.5; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:scale-y-0 { + --transform-scale-y: 0; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:scale-y-50 { + --transform-scale-y: .5; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:scale-y-75 { + --transform-scale-y: .75; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:scale-y-90 { + --transform-scale-y: .9; } - .lg\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .md\:scale-y-95 { + --transform-scale-y: .95; } - .lg\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .md\:scale-y-100 { + --transform-scale-y: 1; } - .lg\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .md\:scale-y-105 { + --transform-scale-y: 1.05; } - .lg\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .md\:scale-y-110 { + --transform-scale-y: 1.1; } - .lg\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .md\:scale-y-125 { + --transform-scale-y: 1.25; } - .lg\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .md\:scale-y-150 { + --transform-scale-y: 1.5; } - .lg\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .lg\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .lg\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .lg\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .lg\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .lg\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .lg\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .lg\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .lg\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .lg\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .lg\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .lg\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .lg\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .lg\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .lg\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .lg\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .lg\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .lg\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .lg\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .lg\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .lg\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .lg\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .lg\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .lg\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .lg\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .lg\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .lg\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .lg\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .lg\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .lg\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .lg\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .lg\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .lg\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .lg\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .lg\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .md\:rotate-0 { + --transform-rotate: 0; } - .lg\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .md\:rotate-1 { + --transform-rotate: 1deg; } - .lg\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .md\:rotate-2 { + --transform-rotate: 2deg; } - .lg\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .md\:rotate-3 { + --transform-rotate: 3deg; } - .lg\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .md\:rotate-6 { + --transform-rotate: 6deg; } - .lg\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .md\:rotate-12 { + --transform-rotate: 12deg; } - .lg\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .md\:rotate-45 { + --transform-rotate: 45deg; } - .lg\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .md\:rotate-90 { + --transform-rotate: 90deg; } - .lg\:mt-0 { - margin-top: 0; + .md\:rotate-180 { + --transform-rotate: 180deg; } - .lg\:mr-0 { - margin-right: 0; + .md\:-rotate-180 { + --transform-rotate: -180deg; } - .lg\:mb-0 { - margin-bottom: 0; + .md\:-rotate-90 { + --transform-rotate: -90deg; } - .lg\:ml-0 { - margin-left: 0; + .md\:-rotate-45 { + --transform-rotate: -45deg; } - .lg\:mt-1 { - margin-top: 0.25rem; + .md\:-rotate-12 { + --transform-rotate: -12deg; } - .lg\:mr-1 { - margin-right: 0.25rem; + .md\:-rotate-6 { + --transform-rotate: -6deg; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .md\:-rotate-3 { + --transform-rotate: -3deg; } - .lg\:ml-1 { - margin-left: 0.25rem; + .md\:-rotate-2 { + --transform-rotate: -2deg; } - .lg\:mt-2 { - margin-top: 0.5rem; + .md\:-rotate-1 { + --transform-rotate: -1deg; } - .lg\:mr-2 { - margin-right: 0.5rem; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .md\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .lg\:ml-2 { - margin-left: 0.5rem; + .md\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .lg\:mt-3 { - margin-top: 0.75rem; + .md\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .lg\:mr-3 { - margin-right: 0.75rem; + .md\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .md\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .lg\:ml-3 { - margin-left: 0.75rem; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .lg\:mt-4 { - margin-top: 1rem; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .lg\:mr-4 { - margin-right: 1rem; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .lg\:mb-4 { - margin-bottom: 1rem; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .lg\:ml-4 { - margin-left: 1rem; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .lg\:mt-5 { - margin-top: 1.25rem; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .lg\:mr-5 { - margin-right: 1.25rem; + .md\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .md\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .lg\:ml-5 { - margin-left: 1.25rem; + .md\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .lg\:mt-6 { - margin-top: 1.5rem; + .md\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .lg\:mr-6 { - margin-right: 1.5rem; + .md\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .lg\:ml-6 { - margin-left: 1.5rem; + .md\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .lg\:mt-7 { - margin-top: 1.75rem; + .md\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .lg\:mr-7 { - margin-right: 1.75rem; + .md\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .lg\:mb-7 { - margin-bottom: 1.75rem; + .md\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .lg\:ml-7 { - margin-left: 1.75rem; + .md\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .lg\:mt-8 { - margin-top: 2rem; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .lg\:mr-8 { - margin-right: 2rem; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .lg\:mb-8 { - margin-bottom: 2rem; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .lg\:ml-8 { - margin-left: 2rem; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .lg\:mt-9 { - margin-top: 2.25rem; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .lg\:mr-9 { - margin-right: 2.25rem; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .lg\:mb-9 { - margin-bottom: 2.25rem; + .md\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .lg\:ml-9 { - margin-left: 2.25rem; + .md\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .lg\:mt-10 { - margin-top: 2.5rem; + .md\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .lg\:mr-10 { - margin-right: 2.5rem; + .md\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .md\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - .lg\:ml-10 { - margin-left: 2.5rem; + .md\:translate-x-0 { + --transform-translate-x: 0; } - .lg\:mt-12 { - margin-top: 3rem; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .lg\:mr-12 { - margin-right: 3rem; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .lg\:mb-12 { - margin-bottom: 3rem; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .lg\:ml-12 { - margin-left: 3rem; + .md\:translate-x-4 { + --transform-translate-x: 1rem; } - .lg\:mt-14 { - margin-top: 3.5rem; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .lg\:mr-14 { - margin-right: 3.5rem; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .lg\:mb-14 { - margin-bottom: 3.5rem; + .md\:translate-x-7 { + --transform-translate-x: 1.75rem; } - .lg\:ml-14 { - margin-left: 3.5rem; + .md\:translate-x-8 { + --transform-translate-x: 2rem; } - .lg\:mt-16 { - margin-top: 4rem; + .md\:translate-x-9 { + --transform-translate-x: 2.25rem; } - .lg\:mr-16 { - margin-right: 4rem; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .lg\:mb-16 { - margin-bottom: 4rem; + .md\:translate-x-12 { + --transform-translate-x: 3rem; } - .lg\:ml-16 { - margin-left: 4rem; + .md\:translate-x-14 { + --transform-translate-x: 3.5rem; } - .lg\:mt-20 { - margin-top: 5rem; + .md\:translate-x-16 { + --transform-translate-x: 4rem; } - .lg\:mr-20 { - margin-right: 5rem; + .md\:translate-x-20 { + --transform-translate-x: 5rem; } - .lg\:mb-20 { - margin-bottom: 5rem; + .md\:translate-x-24 { + --transform-translate-x: 6rem; } - .lg\:ml-20 { - margin-left: 5rem; + .md\:translate-x-28 { + --transform-translate-x: 7rem; } - .lg\:mt-24 { - margin-top: 6rem; + .md\:translate-x-32 { + --transform-translate-x: 8rem; } - .lg\:mr-24 { - margin-right: 6rem; + .md\:translate-x-36 { + --transform-translate-x: 9rem; } - .lg\:mb-24 { - margin-bottom: 6rem; + .md\:translate-x-40 { + --transform-translate-x: 10rem; } - .lg\:ml-24 { - margin-left: 6rem; + .md\:translate-x-44 { + --transform-translate-x: 11rem; } - .lg\:mt-28 { - margin-top: 7rem; + .md\:translate-x-48 { + --transform-translate-x: 12rem; } - .lg\:mr-28 { - margin-right: 7rem; + .md\:translate-x-52 { + --transform-translate-x: 13rem; } - .lg\:mb-28 { - margin-bottom: 7rem; + .md\:translate-x-56 { + --transform-translate-x: 14rem; } - .lg\:ml-28 { - margin-left: 7rem; + .md\:translate-x-60 { + --transform-translate-x: 15rem; } - .lg\:mt-32 { - margin-top: 8rem; + .md\:translate-x-64 { + --transform-translate-x: 16rem; } - .lg\:mr-32 { - margin-right: 8rem; + .md\:translate-x-72 { + --transform-translate-x: 18rem; } - .lg\:mb-32 { - margin-bottom: 8rem; + .md\:translate-x-80 { + --transform-translate-x: 20rem; } - .lg\:ml-32 { - margin-left: 8rem; + .md\:translate-x-96 { + --transform-translate-x: 24rem; } - .lg\:mt-36 { - margin-top: 9rem; + .md\:translate-x-px { + --transform-translate-x: 1px; } - .lg\:mr-36 { - margin-right: 9rem; + .md\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; } - .lg\:mb-36 { - margin-bottom: 9rem; + .md\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; } - .lg\:ml-36 { - margin-left: 9rem; + .md\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; } - .lg\:mt-40 { - margin-top: 10rem; + .md\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; } - .lg\:mr-40 { - margin-right: 10rem; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .lg\:mb-40 { - margin-bottom: 10rem; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .lg\:ml-40 { - margin-left: 10rem; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .lg\:mt-44 { - margin-top: 11rem; + .md\:-translate-x-4 { + --transform-translate-x: -1rem; } - .lg\:mr-44 { - margin-right: 11rem; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .lg\:mb-44 { - margin-bottom: 11rem; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .lg\:ml-44 { - margin-left: 11rem; + .md\:-translate-x-7 { + --transform-translate-x: -1.75rem; } - .lg\:mt-48 { - margin-top: 12rem; + .md\:-translate-x-8 { + --transform-translate-x: -2rem; } - .lg\:mr-48 { - margin-right: 12rem; + .md\:-translate-x-9 { + --transform-translate-x: -2.25rem; } - .lg\:mb-48 { - margin-bottom: 12rem; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .lg\:ml-48 { - margin-left: 12rem; + .md\:-translate-x-12 { + --transform-translate-x: -3rem; } - .lg\:mt-52 { - margin-top: 13rem; + .md\:-translate-x-14 { + --transform-translate-x: -3.5rem; } - .lg\:mr-52 { - margin-right: 13rem; + .md\:-translate-x-16 { + --transform-translate-x: -4rem; } - .lg\:mb-52 { - margin-bottom: 13rem; + .md\:-translate-x-20 { + --transform-translate-x: -5rem; } - .lg\:ml-52 { - margin-left: 13rem; + .md\:-translate-x-24 { + --transform-translate-x: -6rem; } - .lg\:mt-56 { - margin-top: 14rem; + .md\:-translate-x-28 { + --transform-translate-x: -7rem; } - .lg\:mr-56 { - margin-right: 14rem; + .md\:-translate-x-32 { + --transform-translate-x: -8rem; } - .lg\:mb-56 { - margin-bottom: 14rem; + .md\:-translate-x-36 { + --transform-translate-x: -9rem; } - .lg\:ml-56 { - margin-left: 14rem; + .md\:-translate-x-40 { + --transform-translate-x: -10rem; } - .lg\:mt-60 { - margin-top: 15rem; + .md\:-translate-x-44 { + --transform-translate-x: -11rem; } - .lg\:mr-60 { - margin-right: 15rem; + .md\:-translate-x-48 { + --transform-translate-x: -12rem; } - .lg\:mb-60 { - margin-bottom: 15rem; + .md\:-translate-x-52 { + --transform-translate-x: -13rem; } - .lg\:ml-60 { - margin-left: 15rem; + .md\:-translate-x-56 { + --transform-translate-x: -14rem; } - .lg\:mt-64 { - margin-top: 16rem; + .md\:-translate-x-60 { + --transform-translate-x: -15rem; } - .lg\:mr-64 { - margin-right: 16rem; + .md\:-translate-x-64 { + --transform-translate-x: -16rem; } - .lg\:mb-64 { - margin-bottom: 16rem; + .md\:-translate-x-72 { + --transform-translate-x: -18rem; } - .lg\:ml-64 { - margin-left: 16rem; + .md\:-translate-x-80 { + --transform-translate-x: -20rem; } - .lg\:mt-72 { - margin-top: 18rem; + .md\:-translate-x-96 { + --transform-translate-x: -24rem; } - .lg\:mr-72 { - margin-right: 18rem; + .md\:-translate-x-px { + --transform-translate-x: -1px; } - .lg\:mb-72 { - margin-bottom: 18rem; + .md\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; } - .lg\:ml-72 { - margin-left: 18rem; + .md\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; } - .lg\:mt-80 { - margin-top: 20rem; + .md\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; } - .lg\:mr-80 { - margin-right: 20rem; + .md\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; } - .lg\:mb-80 { - margin-bottom: 20rem; + .md\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .lg\:ml-80 { - margin-left: 20rem; + .md\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; } - .lg\:mt-96 { - margin-top: 24rem; + .md\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; } - .lg\:mr-96 { - margin-right: 24rem; + .md\:translate-x-1\/4 { + --transform-translate-x: 25%; } - .lg\:mb-96 { - margin-bottom: 24rem; + .md\:translate-x-2\/4 { + --transform-translate-x: 50%; } - .lg\:ml-96 { - margin-left: 24rem; + .md\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .lg\:mt-auto { - margin-top: auto; + .md\:translate-x-full { + --transform-translate-x: 100%; } - .lg\:mr-auto { - margin-right: auto; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .lg\:mb-auto { - margin-bottom: auto; + .md\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .lg\:ml-auto { - margin-left: auto; + .md\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .lg\:mt-px { - margin-top: 1px; + .md\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .lg\:mr-px { - margin-right: 1px; + .md\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .lg\:mb-px { - margin-bottom: 1px; + .md\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .lg\:ml-px { - margin-left: 1px; + .md\:-translate-x-full { + --transform-translate-x: -100%; } - .lg\:mt-0\.5 { - margin-top: 0.125rem; + .md\:translate-y-0 { + --transform-translate-y: 0; } - .lg\:mr-0\.5 { - margin-right: 0.125rem; + .md\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .lg\:mb-0\.5 { - margin-bottom: 0.125rem; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .lg\:ml-0\.5 { - margin-left: 0.125rem; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .lg\:mt-1\.5 { - margin-top: 0.375rem; + .md\:translate-y-4 { + --transform-translate-y: 1rem; } - .lg\:mr-1\.5 { - margin-right: 0.375rem; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .lg\:mb-1\.5 { - margin-bottom: 0.375rem; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .lg\:ml-1\.5 { - margin-left: 0.375rem; + .md\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .lg\:mt-2\.5 { - margin-top: 0.625rem; + .md\:translate-y-8 { + --transform-translate-y: 2rem; } - .lg\:mr-2\.5 { - margin-right: 0.625rem; + .md\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .lg\:mb-2\.5 { - margin-bottom: 0.625rem; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .lg\:ml-2\.5 { - margin-left: 0.625rem; + .md\:translate-y-12 { + --transform-translate-y: 3rem; } - .lg\:mt-3\.5 { - margin-top: 0.875rem; + .md\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .lg\:mr-3\.5 { - margin-right: 0.875rem; + .md\:translate-y-16 { + --transform-translate-y: 4rem; } - .lg\:mb-3\.5 { - margin-bottom: 0.875rem; + .md\:translate-y-20 { + --transform-translate-y: 5rem; } - .lg\:ml-3\.5 { - margin-left: 0.875rem; + .md\:translate-y-24 { + --transform-translate-y: 6rem; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .md\:translate-y-28 { + --transform-translate-y: 7rem; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .md\:translate-y-32 { + --transform-translate-y: 8rem; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .md\:translate-y-36 { + --transform-translate-y: 9rem; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .md\:translate-y-40 { + --transform-translate-y: 10rem; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .md\:translate-y-44 { + --transform-translate-y: 11rem; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .md\:translate-y-48 { + --transform-translate-y: 12rem; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .md\:translate-y-52 { + --transform-translate-y: 13rem; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .md\:translate-y-56 { + --transform-translate-y: 14rem; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .md\:translate-y-60 { + --transform-translate-y: 15rem; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .md\:translate-y-64 { + --transform-translate-y: 16rem; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .md\:translate-y-72 { + --transform-translate-y: 18rem; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .md\:translate-y-80 { + --transform-translate-y: 20rem; } - .lg\:-mt-4 { - margin-top: -1rem; + .md\:translate-y-96 { + --transform-translate-y: 24rem; } - .lg\:-mr-4 { - margin-right: -1rem; + .md\:translate-y-px { + --transform-translate-y: 1px; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .md\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .lg\:-ml-4 { - margin-left: -1rem; + .md\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .md\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .md\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .md\:-translate-y-4 { + --transform-translate-y: -1rem; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .lg\:-mt-7 { - margin-top: -1.75rem; + .md\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .lg\:-mr-7 { - margin-right: -1.75rem; + .md\:-translate-y-8 { + --transform-translate-y: -2rem; } - .lg\:-mb-7 { - margin-bottom: -1.75rem; + .md\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .lg\:-ml-7 { - margin-left: -1.75rem; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .lg\:-mt-8 { - margin-top: -2rem; + .md\:-translate-y-12 { + --transform-translate-y: -3rem; } - .lg\:-mr-8 { - margin-right: -2rem; + .md\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .md\:-translate-y-16 { + --transform-translate-y: -4rem; } - .lg\:-ml-8 { - margin-left: -2rem; + .md\:-translate-y-20 { + --transform-translate-y: -5rem; } - .lg\:-mt-9 { - margin-top: -2.25rem; + .md\:-translate-y-24 { + --transform-translate-y: -6rem; } - .lg\:-mr-9 { - margin-right: -2.25rem; + .md\:-translate-y-28 { + --transform-translate-y: -7rem; } - .lg\:-mb-9 { - margin-bottom: -2.25rem; + .md\:-translate-y-32 { + --transform-translate-y: -8rem; } - .lg\:-ml-9 { - margin-left: -2.25rem; + .md\:-translate-y-36 { + --transform-translate-y: -9rem; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .md\:-translate-y-40 { + --transform-translate-y: -10rem; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .md\:-translate-y-44 { + --transform-translate-y: -11rem; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .md\:-translate-y-48 { + --transform-translate-y: -12rem; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .md\:-translate-y-52 { + --transform-translate-y: -13rem; } - .lg\:-mt-12 { - margin-top: -3rem; + .md\:-translate-y-56 { + --transform-translate-y: -14rem; } - .lg\:-mr-12 { - margin-right: -3rem; + .md\:-translate-y-60 { + --transform-translate-y: -15rem; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .md\:-translate-y-64 { + --transform-translate-y: -16rem; } - .lg\:-ml-12 { - margin-left: -3rem; + .md\:-translate-y-72 { + --transform-translate-y: -18rem; } - .lg\:-mt-14 { - margin-top: -3.5rem; + .md\:-translate-y-80 { + --transform-translate-y: -20rem; } - .lg\:-mr-14 { - margin-right: -3.5rem; + .md\:-translate-y-96 { + --transform-translate-y: -24rem; } - .lg\:-mb-14 { - margin-bottom: -3.5rem; + .md\:-translate-y-px { + --transform-translate-y: -1px; } - .lg\:-ml-14 { - margin-left: -3.5rem; + .md\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .lg\:-mt-16 { - margin-top: -4rem; + .md\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .lg\:-mr-16 { - margin-right: -4rem; + .md\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .md\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .lg\:-ml-16 { - margin-left: -4rem; + .md\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .lg\:-mt-20 { - margin-top: -5rem; + .md\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .lg\:-mr-20 { - margin-right: -5rem; + .md\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .md\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .lg\:-ml-20 { - margin-left: -5rem; + .md\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .lg\:-mt-24 { - margin-top: -6rem; + .md\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .lg\:-mr-24 { - margin-right: -6rem; + .md\:translate-y-full { + --transform-translate-y: 100%; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .lg\:-ml-24 { - margin-left: -6rem; + .md\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .lg\:-mt-28 { - margin-top: -7rem; + .md\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .lg\:-mr-28 { - margin-right: -7rem; + .md\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .lg\:-mb-28 { - margin-bottom: -7rem; + .md\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .lg\:-ml-28 { - margin-left: -7rem; + .md\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .lg\:-mt-32 { - margin-top: -8rem; + .md\:-translate-y-full { + --transform-translate-y: -100%; } - .lg\:-mr-32 { - margin-right: -8rem; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .lg\:-ml-32 { - margin-left: -8rem; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .lg\:-mt-36 { - margin-top: -9rem; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .lg\:-mr-36 { - margin-right: -9rem; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .lg\:-mb-36 { - margin-bottom: -9rem; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .lg\:-ml-36 { - margin-left: -9rem; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .lg\:-mt-40 { - margin-top: -10rem; + .md\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .lg\:-mr-40 { - margin-right: -10rem; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .md\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .lg\:-ml-40 { - margin-left: -10rem; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .lg\:-mt-44 { - margin-top: -11rem; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .lg\:-mr-44 { - margin-right: -11rem; + .md\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .lg\:-mb-44 { - margin-bottom: -11rem; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .lg\:-ml-44 { - margin-left: -11rem; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .lg\:-mt-48 { - margin-top: -12rem; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .lg\:-mr-48 { - margin-right: -12rem; + .md\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .lg\:-ml-48 { - margin-left: -12rem; + .md\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .lg\:-mt-52 { - margin-top: -13rem; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .lg\:-mr-52 { - margin-right: -13rem; + .md\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .lg\:-mb-52 { - margin-bottom: -13rem; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .lg\:-ml-52 { - margin-left: -13rem; + .md\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .lg\:-mt-56 { - margin-top: -14rem; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .lg\:-mr-56 { - margin-right: -14rem; + .md\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .lg\:-ml-56 { - margin-left: -14rem; + .md\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .lg\:-mt-60 { - margin-top: -15rem; + .md\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .lg\:-mr-60 { - margin-right: -15rem; + .md\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .lg\:-mb-60 { - margin-bottom: -15rem; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .lg\:-ml-60 { - margin-left: -15rem; + .md\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .lg\:-mt-64 { - margin-top: -16rem; + .md\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .lg\:-mr-64 { - margin-right: -16rem; + .md\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .md\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .lg\:-ml-64 { - margin-left: -16rem; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .lg\:-mt-72 { - margin-top: -18rem; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .lg\:-mr-72 { - margin-right: -18rem; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .lg\:-mb-72 { - margin-bottom: -18rem; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .lg\:-ml-72 { - margin-left: -18rem; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .lg\:-mt-80 { - margin-top: -20rem; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .lg\:-mr-80 { - margin-right: -20rem; + .md\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .lg\:-mb-80 { - margin-bottom: -20rem; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .lg\:-ml-80 { - margin-left: -20rem; + .md\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .lg\:-mt-96 { - margin-top: -24rem; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .lg\:-mr-96 { - margin-right: -24rem; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .lg\:-mb-96 { - margin-bottom: -24rem; + .md\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .lg\:-ml-96 { - margin-left: -24rem; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .lg\:-mt-px { - margin-top: -1px; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .lg\:-mr-px { - margin-right: -1px; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .lg\:-mb-px { - margin-bottom: -1px; + .md\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .lg\:-ml-px { - margin-left: -1px; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .lg\:-mt-0\.5 { - margin-top: -0.125rem; + .md\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .lg\:-mr-0\.5 { - margin-right: -0.125rem; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .lg\:-mb-0\.5 { - margin-bottom: -0.125rem; + .md\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .lg\:-ml-0\.5 { - margin-left: -0.125rem; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - - .lg\:-mt-1\.5 { - margin-top: -0.375rem; + + .md\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .lg\:-mr-1\.5 { - margin-right: -0.375rem; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .lg\:-mb-1\.5 { - margin-bottom: -0.375rem; + .md\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .lg\:-ml-1\.5 { - margin-left: -0.375rem; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .lg\:-mt-2\.5 { - margin-top: -0.625rem; + .md\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .lg\:-mr-2\.5 { - margin-right: -0.625rem; + .md\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .lg\:-mb-2\.5 { - margin-bottom: -0.625rem; + .md\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .lg\:-ml-2\.5 { - margin-left: -0.625rem; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .lg\:-mt-3\.5 { - margin-top: -0.875rem; + .md\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .lg\:-mr-3\.5 { - margin-right: -0.875rem; + .md\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .lg\:-mb-3\.5 { - margin-bottom: -0.875rem; + .md\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .lg\:-ml-3\.5 { - margin-left: -0.875rem; + .md\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .lg\:max-h-0 { - max-height: 0; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .lg\:max-h-1 { - max-height: 0.25rem; + .md\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .lg\:max-h-2 { - max-height: 0.5rem; + .md\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .lg\:max-h-3 { - max-height: 0.75rem; + .md\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .lg\:max-h-4 { - max-height: 1rem; + .md\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .lg\:max-h-5 { - max-height: 1.25rem; + .md\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .lg\:max-h-6 { - max-height: 1.5rem; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .lg\:max-h-7 { - max-height: 1.75rem; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .lg\:max-h-8 { - max-height: 2rem; + .md\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .lg\:max-h-9 { - max-height: 2.25rem; + .md\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .lg\:max-h-10 { - max-height: 2.5rem; + .md\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .lg\:max-h-12 { - max-height: 3rem; + .md\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .lg\:max-h-14 { - max-height: 3.5rem; + .md\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .lg\:max-h-16 { - max-height: 4rem; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .lg\:max-h-20 { - max-height: 5rem; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .lg\:max-h-24 { - max-height: 6rem; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .lg\:max-h-28 { - max-height: 7rem; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .lg\:max-h-32 { - max-height: 8rem; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .lg\:max-h-36 { - max-height: 9rem; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .lg\:max-h-40 { - max-height: 10rem; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .lg\:max-h-44 { - max-height: 11rem; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .lg\:max-h-48 { - max-height: 12rem; + .md\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .lg\:max-h-52 { - max-height: 13rem; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .lg\:max-h-56 { - max-height: 14rem; + .md\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .lg\:max-h-60 { - max-height: 15rem; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .lg\:max-h-64 { - max-height: 16rem; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .lg\:max-h-72 { - max-height: 18rem; + .md\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .lg\:max-h-80 { - max-height: 20rem; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .lg\:max-h-96 { - max-height: 24rem; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .lg\:max-h-px { - max-height: 1px; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .lg\:max-h-0\.5 { - max-height: 0.125rem; + .md\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .lg\:max-h-1\.5 { - max-height: 0.375rem; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .lg\:max-h-2\.5 { - max-height: 0.625rem; + .md\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .lg\:max-h-3\.5 { - max-height: 0.875rem; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .lg\:max-h-full { - max-height: 100%; + .md\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .lg\:max-h-screen { - max-height: 100vh; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .lg\:max-w-0 { - max-width: 0rem; + .md\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .lg\:max-w-none { - max-width: none; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .lg\:max-w-xs { - max-width: 20rem; + .md\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .lg\:max-w-sm { - max-width: 24rem; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .lg\:max-w-md { - max-width: 28rem; + .md\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .lg\:max-w-lg { - max-width: 32rem; + .md\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .lg\:max-w-xl { - max-width: 36rem; + .md\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .lg\:max-w-2xl { - max-width: 42rem; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .lg\:max-w-3xl { - max-width: 48rem; + .md\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .lg\:max-w-4xl { - max-width: 56rem; + .md\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .lg\:max-w-5xl { - max-width: 64rem; + .md\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .lg\:max-w-6xl { - max-width: 72rem; + .md\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .lg\:max-w-7xl { - max-width: 80rem; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .lg\:max-w-full { - max-width: 100%; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .lg\:max-w-min { - max-width: min-content; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .lg\:max-w-max { - max-width: max-content; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .lg\:max-w-screen-sm { - max-width: 640px; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .lg\:max-w-screen-md { - max-width: 768px; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .lg\:max-w-screen-lg { - max-width: 1024px; + .md\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .lg\:max-w-screen-xl { - max-width: 1280px; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .lg\:max-w-screen-2xl { - max-width: 1536px; + .md\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .lg\:min-h-0 { - min-height: 0; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .lg\:min-h-full { - min-height: 100%; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .lg\:min-h-screen { - min-height: 100vh; + .md\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .lg\:min-w-0 { - min-width: 0; + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .lg\:min-w-full { - min-width: 100%; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .lg\:min-w-min { - min-width: min-content; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .lg\:min-w-max { - min-width: max-content; + .md\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .lg\:object-contain { - object-fit: contain; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .lg\:object-cover { - object-fit: cover; + .md\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .lg\:object-fill { - object-fit: fill; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .lg\:object-none { - object-fit: none; + .md\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .lg\:object-scale-down { - object-fit: scale-down; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .lg\:object-bottom { - object-position: bottom; + .md\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .lg\:object-center { - object-position: center; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .lg\:object-left { - object-position: left; + .md\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .lg\:object-left-bottom { - object-position: left bottom; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .lg\:object-left-top { - object-position: left top; + .md\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .lg\:object-right { - object-position: right; + .md\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .lg\:object-right-bottom { - object-position: right bottom; + .md\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .lg\:object-right-top { - object-position: right top; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .lg\:object-top { - object-position: top; + .md\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .lg\:opacity-0 { - opacity: 0; + .md\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .lg\:opacity-25 { - opacity: 0.25; + .md\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .lg\:opacity-50 { - opacity: 0.5; + .md\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .lg\:opacity-75 { - opacity: 0.75; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .lg\:opacity-100 { - opacity: 1; + .md\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .group:hover .lg\:group-hover\:opacity-0 { - opacity: 0; + .md\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .group:hover .lg\:group-hover\:opacity-25 { - opacity: 0.25; + .md\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .group:hover .lg\:group-hover\:opacity-50 { - opacity: 0.5; + .md\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .group:hover .lg\:group-hover\:opacity-75 { - opacity: 0.75; + .md\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .group:hover .lg\:group-hover\:opacity-100 { - opacity: 1; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .lg\:hover\:opacity-0:hover { - opacity: 0; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .lg\:hover\:opacity-25:hover { - opacity: 0.25; + .md\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .lg\:hover\:opacity-50:hover { - opacity: 0.5; + .md\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .lg\:hover\:opacity-75:hover { - opacity: 0.75; + .md\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .lg\:hover\:opacity-100:hover { - opacity: 1; + .md\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .lg\:focus\:opacity-0:focus { - opacity: 0; + .md\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .lg\:focus\:opacity-25:focus { - opacity: 0.25; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .lg\:focus\:opacity-50:focus { - opacity: 0.5; + .md\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .lg\:focus\:opacity-75:focus { - opacity: 0.75; + .md\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .lg\:focus\:opacity-100:focus { - opacity: 1; + .md\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .lg\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .md\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .lg\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .md\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .lg\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .md\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .lg\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .md\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .lg\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .md\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .lg\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .md\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .lg\:overflow-auto { - overflow: auto; + .md\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .lg\:overflow-hidden { - overflow: hidden; + .md\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .lg\:overflow-visible { - overflow: visible; + .md\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .lg\:overflow-scroll { - overflow: scroll; + .md\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .lg\:overflow-x-auto { - overflow-x: auto; + .md\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .lg\:overflow-y-auto { - overflow-y: auto; + .md\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .md\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .md\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .lg\:overflow-x-visible { - overflow-x: visible; + .md\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .lg\:overflow-y-visible { - overflow-y: visible; + .md\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .md\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .md\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .lg\:overscroll-auto { - overscroll-behavior: auto; + .md\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .lg\:overscroll-contain { - overscroll-behavior: contain; + .md\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .lg\:overscroll-none { - overscroll-behavior: none; + .md\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .lg\:overscroll-y-auto { - overscroll-behavior-y: auto; + .md\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .lg\:overscroll-y-contain { - overscroll-behavior-y: contain; + .md\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .lg\:overscroll-y-none { - overscroll-behavior-y: none; + .md\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .lg\:overscroll-x-auto { - overscroll-behavior-x: auto; + .md\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .lg\:overscroll-x-contain { - overscroll-behavior-x: contain; + .md\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .lg\:overscroll-x-none { - overscroll-behavior-x: none; + .md\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .lg\:p-0 { - padding: 0; + .md\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .lg\:p-1 { - padding: 0.25rem; + .md\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .lg\:p-2 { - padding: 0.5rem; + .md\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .lg\:p-3 { - padding: 0.75rem; + .md\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .lg\:p-4 { - padding: 1rem; + .md\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .lg\:p-5 { - padding: 1.25rem; + .md\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .lg\:p-6 { - padding: 1.5rem; + .md\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .lg\:p-7 { - padding: 1.75rem; + .md\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .lg\:p-8 { - padding: 2rem; + .md\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .lg\:p-9 { - padding: 2.25rem; + .md\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .lg\:p-10 { - padding: 2.5rem; + .md\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .lg\:p-12 { - padding: 3rem; + .md\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .lg\:p-14 { - padding: 3.5rem; + .md\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .lg\:p-16 { - padding: 4rem; + .md\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .lg\:p-20 { - padding: 5rem; + .md\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .lg\:p-24 { - padding: 6rem; + .md\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .lg\:p-28 { - padding: 7rem; + .md\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .lg\:p-32 { - padding: 8rem; + .md\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .lg\:p-36 { - padding: 9rem; + .md\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .lg\:p-40 { - padding: 10rem; + .md\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .lg\:p-44 { - padding: 11rem; + .md\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .lg\:p-48 { - padding: 12rem; + .md\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .lg\:p-52 { - padding: 13rem; + .md\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .lg\:p-56 { - padding: 14rem; + .md\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .lg\:p-60 { - padding: 15rem; + .md\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .lg\:p-64 { - padding: 16rem; + .md\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .lg\:p-72 { - padding: 18rem; + .md\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .lg\:p-80 { - padding: 20rem; + .md\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .lg\:p-96 { - padding: 24rem; + .md\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .lg\:p-px { - padding: 1px; + .md\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .lg\:p-0\.5 { - padding: 0.125rem; + .md\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .lg\:p-1\.5 { - padding: 0.375rem; + .md\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .lg\:p-2\.5 { - padding: 0.625rem; + .md\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .lg\:p-3\.5 { - padding: 0.875rem; + .md\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .md\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .md\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .md\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .md\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .md\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .md\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .md\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .md\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .md\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .md\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .md\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .md\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .md\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .md\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .lg\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .md\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .lg\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .md\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .md\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .lg\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .md\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .lg\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .md\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .md\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .lg\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .md\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .lg\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .md\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .md\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .md\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .md\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .md\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .md\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .lg\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .md\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .lg\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .md\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .md\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .lg\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .md\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .lg\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .md\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .md\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .md\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .lg\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .md\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .lg\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .md\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .md\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .md\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .lg\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .md\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .lg\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .md\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .md\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .md\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .lg\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .md\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .lg\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .md\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .md\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .lg\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .md\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .lg\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .md\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .lg\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .md\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .lg\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .md\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .lg\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .md\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .lg\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .md\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .lg\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .md\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .md\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .md\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .lg\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .md\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .lg\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .md\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .lg\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .md\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .lg\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .md\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .lg\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .md\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .lg\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .md\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .lg\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .md\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .lg\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .md\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .lg\:pt-0 { - padding-top: 0; + .md\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .lg\:pr-0 { - padding-right: 0; + .md\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .lg\:pb-0 { - padding-bottom: 0; + .md\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .lg\:pl-0 { - padding-left: 0; + .md\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .lg\:pt-1 { - padding-top: 0.25rem; + .md\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .lg\:pr-1 { - padding-right: 0.25rem; + .md\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .lg\:pb-1 { - padding-bottom: 0.25rem; + .md\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .lg\:pl-1 { - padding-left: 0.25rem; + .md\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .lg\:pt-2 { - padding-top: 0.5rem; + .md\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .lg\:pr-2 { - padding-right: 0.5rem; + .md\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .md\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .lg\:pl-2 { - padding-left: 0.5rem; + .md\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .lg\:pt-3 { - padding-top: 0.75rem; + .md\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .lg\:pr-3 { - padding-right: 0.75rem; + .md\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .md\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .lg\:pl-3 { - padding-left: 0.75rem; + .md\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .lg\:pt-4 { - padding-top: 1rem; + .md\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .lg\:pr-4 { - padding-right: 1rem; + .md\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .lg\:pb-4 { - padding-bottom: 1rem; + .md\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .lg\:pl-4 { - padding-left: 1rem; + .md\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .lg\:pt-5 { - padding-top: 1.25rem; + .md\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .lg\:pr-5 { - padding-right: 1.25rem; + .md\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .lg\:pb-5 { - padding-bottom: 1.25rem; + .md\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .lg\:pl-5 { - padding-left: 1.25rem; + .md\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .lg\:pt-6 { - padding-top: 1.5rem; + .md\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .lg\:pr-6 { - padding-right: 1.5rem; + .md\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .md\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .lg\:pl-6 { - padding-left: 1.5rem; + .md\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .lg\:pt-7 { - padding-top: 1.75rem; + .md\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .lg\:pr-7 { - padding-right: 1.75rem; + .md\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .lg\:pb-7 { - padding-bottom: 1.75rem; + .md\:skew-x-0 { + --transform-skew-x: 0; } - .lg\:pl-7 { - padding-left: 1.75rem; + .md\:skew-x-1 { + --transform-skew-x: 1deg; } - .lg\:pt-8 { - padding-top: 2rem; + .md\:skew-x-2 { + --transform-skew-x: 2deg; } - .lg\:pr-8 { - padding-right: 2rem; + .md\:skew-x-3 { + --transform-skew-x: 3deg; } - .lg\:pb-8 { - padding-bottom: 2rem; + .md\:skew-x-6 { + --transform-skew-x: 6deg; } - .lg\:pl-8 { - padding-left: 2rem; + .md\:skew-x-12 { + --transform-skew-x: 12deg; } - .lg\:pt-9 { - padding-top: 2.25rem; + .md\:-skew-x-12 { + --transform-skew-x: -12deg; } - .lg\:pr-9 { - padding-right: 2.25rem; + .md\:-skew-x-6 { + --transform-skew-x: -6deg; } - .lg\:pb-9 { - padding-bottom: 2.25rem; + .md\:-skew-x-3 { + --transform-skew-x: -3deg; } - .lg\:pl-9 { - padding-left: 2.25rem; + .md\:-skew-x-2 { + --transform-skew-x: -2deg; } - .lg\:pt-10 { - padding-top: 2.5rem; + .md\:-skew-x-1 { + --transform-skew-x: -1deg; } - .lg\:pr-10 { - padding-right: 2.5rem; + .md\:skew-y-0 { + --transform-skew-y: 0; } - .lg\:pb-10 { - padding-bottom: 2.5rem; + .md\:skew-y-1 { + --transform-skew-y: 1deg; } - .lg\:pl-10 { - padding-left: 2.5rem; + .md\:skew-y-2 { + --transform-skew-y: 2deg; } - .lg\:pt-12 { - padding-top: 3rem; + .md\:skew-y-3 { + --transform-skew-y: 3deg; } - .lg\:pr-12 { - padding-right: 3rem; + .md\:skew-y-6 { + --transform-skew-y: 6deg; } - .lg\:pb-12 { - padding-bottom: 3rem; + .md\:skew-y-12 { + --transform-skew-y: 12deg; } - .lg\:pl-12 { - padding-left: 3rem; + .md\:-skew-y-12 { + --transform-skew-y: -12deg; } - .lg\:pt-14 { - padding-top: 3.5rem; + .md\:-skew-y-6 { + --transform-skew-y: -6deg; } - .lg\:pr-14 { - padding-right: 3.5rem; + .md\:-skew-y-3 { + --transform-skew-y: -3deg; } - .lg\:pb-14 { - padding-bottom: 3.5rem; + .md\:-skew-y-2 { + --transform-skew-y: -2deg; } - .lg\:pl-14 { - padding-left: 3.5rem; + .md\:-skew-y-1 { + --transform-skew-y: -1deg; } - .lg\:pt-16 { - padding-top: 4rem; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .lg\:pr-16 { - padding-right: 4rem; + .md\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .lg\:pb-16 { - padding-bottom: 4rem; + .md\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .lg\:pl-16 { - padding-left: 4rem; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .lg\:pt-20 { - padding-top: 5rem; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .lg\:pr-20 { - padding-right: 5rem; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .lg\:pb-20 { - padding-bottom: 5rem; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .lg\:pl-20 { - padding-left: 5rem; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .lg\:pt-24 { - padding-top: 6rem; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .lg\:pr-24 { - padding-right: 6rem; + .md\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .lg\:pb-24 { - padding-bottom: 6rem; + .md\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .lg\:pl-24 { - padding-left: 6rem; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .lg\:pt-28 { - padding-top: 7rem; + .md\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .lg\:pr-28 { - padding-right: 7rem; + .md\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .lg\:pb-28 { - padding-bottom: 7rem; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .lg\:pl-28 { - padding-left: 7rem; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .lg\:pt-32 { - padding-top: 8rem; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .lg\:pr-32 { - padding-right: 8rem; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .lg\:pb-32 { - padding-bottom: 8rem; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .lg\:pl-32 { - padding-left: 8rem; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .lg\:pt-36 { - padding-top: 9rem; + .md\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .lg\:pr-36 { - padding-right: 9rem; + .md\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .lg\:pb-36 { - padding-bottom: 9rem; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .lg\:pl-36 { - padding-left: 9rem; + .md\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .lg\:pt-40 { - padding-top: 10rem; + .md\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .lg\:pr-40 { - padding-right: 10rem; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .lg\:pb-40 { - padding-bottom: 10rem; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .lg\:pl-40 { - padding-left: 10rem; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .lg\:pt-44 { - padding-top: 11rem; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .lg\:pr-44 { - padding-right: 11rem; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .lg\:pb-44 { - padding-bottom: 11rem; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .lg\:pl-44 { - padding-left: 11rem; + .md\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .lg\:pt-48 { - padding-top: 12rem; + .md\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .lg\:pr-48 { - padding-right: 12rem; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .lg\:pb-48 { - padding-bottom: 12rem; + .md\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .lg\:pl-48 { - padding-left: 12rem; + .md\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .lg\:pt-52 { - padding-top: 13rem; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .lg\:pr-52 { - padding-right: 13rem; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .lg\:pb-52 { - padding-bottom: 13rem; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .lg\:pl-52 { - padding-left: 13rem; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .lg\:pt-56 { - padding-top: 14rem; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .lg\:pr-56 { - padding-right: 14rem; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .lg\:pb-56 { - padding-bottom: 14rem; + .md\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .lg\:pl-56 { - padding-left: 14rem; + .md\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .lg\:pt-60 { - padding-top: 15rem; + .md\:transition-none { + transition-property: none; } - .lg\:pr-60 { - padding-right: 15rem; + .md\:transition-all { + transition-property: all; } - .lg\:pb-60 { - padding-bottom: 15rem; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .lg\:pl-60 { - padding-left: 15rem; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .lg\:pt-64 { - padding-top: 16rem; + .md\:transition-opacity { + transition-property: opacity; } - .lg\:pr-64 { - padding-right: 16rem; + .md\:transition-shadow { + transition-property: box-shadow; } - .lg\:pb-64 { - padding-bottom: 16rem; + .md\:transition-transform { + transition-property: transform; } - .lg\:pl-64 { - padding-left: 16rem; + .md\:ease-linear { + transition-timing-function: linear; } - .lg\:pt-72 { - padding-top: 18rem; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .lg\:pr-72 { - padding-right: 18rem; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .lg\:pb-72 { - padding-bottom: 18rem; + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .lg\:pl-72 { - padding-left: 18rem; + .md\:duration-75 { + transition-duration: 75ms; } - .lg\:pt-80 { - padding-top: 20rem; + .md\:duration-100 { + transition-duration: 100ms; } - .lg\:pr-80 { - padding-right: 20rem; + .md\:duration-150 { + transition-duration: 150ms; } - .lg\:pb-80 { - padding-bottom: 20rem; + .md\:duration-200 { + transition-duration: 200ms; } - .lg\:pl-80 { - padding-left: 20rem; + .md\:duration-300 { + transition-duration: 300ms; } - .lg\:pt-96 { - padding-top: 24rem; + .md\:duration-500 { + transition-duration: 500ms; } - .lg\:pr-96 { - padding-right: 24rem; + .md\:duration-700 { + transition-duration: 700ms; } - .lg\:pb-96 { - padding-bottom: 24rem; + .md\:duration-1000 { + transition-duration: 1000ms; } - .lg\:pl-96 { - padding-left: 24rem; + .md\:delay-75 { + transition-delay: 75ms; } - .lg\:pt-px { - padding-top: 1px; + .md\:delay-100 { + transition-delay: 100ms; } - .lg\:pr-px { - padding-right: 1px; + .md\:delay-150 { + transition-delay: 150ms; } - .lg\:pb-px { - padding-bottom: 1px; + .md\:delay-200 { + transition-delay: 200ms; } - .lg\:pl-px { - padding-left: 1px; + .md\:delay-300 { + transition-delay: 300ms; } - .lg\:pt-0\.5 { - padding-top: 0.125rem; + .md\:delay-500 { + transition-delay: 500ms; } - .lg\:pr-0\.5 { - padding-right: 0.125rem; + .md\:delay-700 { + transition-delay: 700ms; } - .lg\:pb-0\.5 { - padding-bottom: 0.125rem; + .md\:delay-1000 { + transition-delay: 1000ms; } - .lg\:pl-0\.5 { - padding-left: 0.125rem; + .md\:animate-none { + animation: none; } - .lg\:pt-1\.5 { - padding-top: 0.375rem; + .md\:animate-spin { + animation: spin 1s linear infinite; } - .lg\:pr-1\.5 { - padding-right: 0.375rem; + .md\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .lg\:pb-1\.5 { - padding-bottom: 0.375rem; + .md\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .lg\:pl-1\.5 { - padding-left: 0.375rem; + .md\:animate-bounce { + animation: bounce 1s infinite; } - .lg\:pt-2\.5 { - padding-top: 0.625rem; + .md\:example { + font-weight: 700; + color: #ef4444; } +} - .lg\:pr-2\.5 { - padding-right: 0.625rem; +@media (min-width: 1024px) { + .lg\:container { + width: 100%; } - .lg\:pb-2\.5 { - padding-bottom: 0.625rem; + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } } - .lg\:pl-2\.5 { - padding-left: 0.625rem; + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } } - .lg\:pt-3\.5 { - padding-top: 0.875rem; + @media (min-width: 1024px) { + .lg\:container { + max-width: 1024px; + } } - .lg\:pr-3\.5 { - padding-right: 0.875rem; + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } } - .lg\:pb-3\.5 { - padding-bottom: 0.875rem; + @media (min-width: 1536px) { + .lg\:container { + max-width: 1536px; + } } - .lg\:pl-3\.5 { - padding-left: 0.875rem; + .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\:placeholder-transparent::placeholder { - color: transparent; + .lg\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-current::placeholder { - color: currentColor; + .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\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-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\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .lg\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-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\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .lg\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-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\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .lg\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-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\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .lg\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-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\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .lg\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-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\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .lg\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-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\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-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\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .lg\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-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\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-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\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-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\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .lg\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-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\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-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\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-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\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-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\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .lg\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .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\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-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\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .lg\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-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\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-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\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .lg\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-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\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-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\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .lg\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-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\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-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\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .lg\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-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\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-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\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .lg\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-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\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .lg\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-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\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .lg\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-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\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-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\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .lg\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-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\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .lg\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-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\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-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\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .lg\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-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\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-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\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-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\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-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\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .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\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-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\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-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\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .lg\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-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\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-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\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .lg\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-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\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-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\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-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\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .lg\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-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\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-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\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-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\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-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\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .lg\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .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\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-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\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .lg\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-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\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-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\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .lg\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-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\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-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\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .lg\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-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\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-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\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .lg\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-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\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-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\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .lg\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-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\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .lg\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-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\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .lg\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-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\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-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\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .lg\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-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\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .lg\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-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\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .lg\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-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\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .lg\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .lg\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .lg\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-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\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-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\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-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\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-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\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-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\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .lg\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .lg\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - @media (prefers-color-scheme: dark) { - .lg\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .lg\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .lg\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .lg\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .lg\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .lg\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } - .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .lg\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } - .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .lg\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } - .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .lg\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .lg\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .lg\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .lg\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .lg\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .lg\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .lg\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .lg\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .lg\:static { - position: static; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .lg\:fixed { - position: fixed; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .lg\:absolute { - position: absolute; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .lg\:relative { - position: relative; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .lg\:sticky { - position: sticky; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .lg\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .lg\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .lg\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .lg\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .lg\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .lg\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .lg\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .lg\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .lg\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .lg\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .lg\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .lg\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .lg\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .lg\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .lg\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .lg\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .lg\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .lg\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .lg\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .lg\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .lg\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .lg\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .lg\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .lg\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .lg\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .lg\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .lg\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .lg\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .lg\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .lg\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .lg\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .lg\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .lg\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .lg\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .lg\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .lg\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .lg\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .lg\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .lg\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .lg\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .lg\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .lg\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .lg\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .lg\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .lg\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .lg\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .lg\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .lg\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .lg\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .lg\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .lg\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .lg\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .lg\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .lg\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .lg\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .lg\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .lg\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .lg\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .lg\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .lg\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .lg\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .lg\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .lg\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .lg\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .lg\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .lg\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .lg\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .lg\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .lg\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .lg\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .lg\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .lg\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .lg\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .lg\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .lg\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .lg\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .lg\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .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\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .lg\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .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\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .lg\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .lg\:appearance-none { + appearance: none; } - .lg\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .lg\:bg-fixed { + background-attachment: fixed; } - .lg\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:bg-local { + background-attachment: local; } - .lg\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .lg\:bg-scroll { + background-attachment: scroll; } - .lg\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .lg\:bg-clip-border { + background-clip: border-box; } - .lg\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .lg\:bg-clip-padding { + background-clip: padding-box; } - .lg\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .lg\:bg-clip-content { + background-clip: content-box; } - .lg\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .lg\:bg-clip-text { + background-clip: text; } - .lg\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .lg\:bg-transparent { + background-color: transparent; } - .lg\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:bg-current { + background-color: currentColor; } - .lg\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .lg\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .lg\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .lg\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .lg\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .lg\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .lg\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .lg\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:inset-x-0 { - right: 0; - left: 0; + .lg\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .lg\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .lg\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .lg\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .lg\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .lg\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .lg\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .lg\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:inset-x-4 { - right: 1rem; - left: 1rem; + .lg\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .lg\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .lg\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .lg\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .lg\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .lg\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .lg\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .lg\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:inset-x-8 { - right: 2rem; - left: 2rem; + .lg\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .lg\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .lg\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .lg\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .lg\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .lg\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:inset-x-12 { - right: 3rem; - left: 3rem; + .lg\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .lg\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .lg\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .lg\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:inset-x-16 { - right: 4rem; - left: 4rem; + .lg\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .lg\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:inset-x-20 { - right: 5rem; - left: 5rem; + .lg\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .lg\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:inset-x-24 { - right: 6rem; - left: 6rem; + .lg\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .lg\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:inset-x-28 { - right: 7rem; - left: 7rem; + .lg\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .lg\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:inset-x-32 { - right: 8rem; - left: 8rem; + .lg\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .lg\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:inset-x-36 { - right: 9rem; - left: 9rem; + .lg\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .lg\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:inset-x-40 { - right: 10rem; - left: 10rem; + .lg\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .lg\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:inset-x-44 { - right: 11rem; - left: 11rem; + .lg\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .lg\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:inset-x-48 { - right: 12rem; - left: 12rem; + .lg\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .lg\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:inset-x-52 { - right: 13rem; - left: 13rem; + .lg\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .lg\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:inset-x-56 { - right: 14rem; - left: 14rem; + .lg\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .lg\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:inset-x-60 { - right: 15rem; - left: 15rem; + .lg\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .lg\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:inset-x-64 { - right: 16rem; - left: 16rem; + .lg\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .lg\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:inset-x-72 { - right: 18rem; - left: 18rem; + .lg\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .lg\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:inset-x-80 { - right: 20rem; - left: 20rem; + .lg\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .lg\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:inset-x-96 { - right: 24rem; - left: 24rem; + .lg\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:inset-x-auto { - right: auto; - left: auto; + .lg\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:inset-y-px { - top: 1px; - bottom: 1px; + .lg\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:inset-x-px { - right: 1px; - left: 1px; + .lg\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .lg\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .lg\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .lg\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .lg\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .group:hover .lg\:group-hover\:bg-transparent { + background-color: transparent; } - .lg\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .group:hover .lg\:group-hover\:bg-current { + background-color: currentColor; } - .lg\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .group:hover .lg\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .group:hover .lg\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .group:hover .lg\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .group:hover .lg\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); + } + + .group:hover .lg\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .group:hover .lg\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .group:hover .lg\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .group:hover .lg\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .group:hover .lg\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .group:hover .lg\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:-inset-x-4 { - right: -1rem; - left: -1rem; + .group:hover .lg\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .group:hover .lg\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .group:hover .lg\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .group:hover .lg\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .group:hover .lg\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .group:hover .lg\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .group:hover .lg\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .group:hover .lg\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:-inset-x-8 { - right: -2rem; - left: -2rem; + .group:hover .lg\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .group:hover .lg\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .group:hover .lg\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .group:hover .lg\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .group:hover .lg\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .group:hover .lg\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:-inset-x-12 { - right: -3rem; - left: -3rem; + .group:hover .lg\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .group:hover .lg\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .group:hover .lg\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .group:hover .lg\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:-inset-x-16 { - right: -4rem; - left: -4rem; + .group:hover .lg\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .group:hover .lg\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:-inset-x-20 { - right: -5rem; - left: -5rem; + .group:hover .lg\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .group:hover .lg\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:-inset-x-24 { - right: -6rem; - left: -6rem; + .group:hover .lg\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .group:hover .lg\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:-inset-x-28 { - right: -7rem; - left: -7rem; + .group:hover .lg\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .group:hover .lg\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:-inset-x-32 { - right: -8rem; - left: -8rem; + .group:hover .lg\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .group:hover .lg\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:-inset-x-36 { - right: -9rem; - left: -9rem; + .group:hover .lg\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .group:hover .lg\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:-inset-x-40 { - right: -10rem; - left: -10rem; + .group:hover .lg\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .group:hover .lg\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:-inset-x-44 { - right: -11rem; - left: -11rem; + .group:hover .lg\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .group:hover .lg\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:-inset-x-48 { - right: -12rem; - left: -12rem; + .group:hover .lg\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .group:hover .lg\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:-inset-x-52 { - right: -13rem; - left: -13rem; + .group:hover .lg\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .group:hover .lg\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:-inset-x-56 { - right: -14rem; - left: -14rem; + .group:hover .lg\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .group:hover .lg\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:-inset-x-60 { - right: -15rem; - left: -15rem; + .group:hover .lg\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .group:hover .lg\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:-inset-x-64 { - right: -16rem; - left: -16rem; + .group:hover .lg\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .group:hover .lg\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:-inset-x-72 { - right: -18rem; - left: -18rem; + .group:hover .lg\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .group:hover .lg\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:-inset-x-80 { - right: -20rem; - left: -20rem; + .group:hover .lg\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .group:hover .lg\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:-inset-x-96 { - right: -24rem; - left: -24rem; + .group:hover .lg\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:-inset-y-px { - top: -1px; - bottom: -1px; + .group:hover .lg\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:-inset-x-px { - right: -1px; - left: -1px; + .group:hover .lg\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .group:hover .lg\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .group:hover .lg\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .group:hover .lg\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .group:hover .lg\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .group:hover .lg\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .group:hover .lg\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .group:hover .lg\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .group:hover .lg\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .group:hover .lg\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:inset-x-1\/2 { - right: 50%; - left: 50%; + .group:hover .lg\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .group:hover .lg\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .lg\:hover\:bg-transparent:hover { + background-color: transparent; } - .lg\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .lg\:hover\:bg-current:hover { + background-color: currentColor; } - .lg\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .lg\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .lg\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:inset-x-1\/4 { - right: 25%; - left: 25%; + .lg\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .lg\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .lg\:inset-x-2\/4 { - right: 50%; - left: 50%; + .lg\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .lg\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:inset-x-3\/4 { - right: 75%; - left: 75%; + .lg\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:inset-y-full { - top: 100%; - bottom: 100%; + .lg\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:inset-x-full { - right: 100%; - left: 100%; + .lg\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .lg\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .lg\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .lg\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .lg\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .lg\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .lg\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .lg\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .lg\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .lg\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .lg\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .lg\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .lg\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:-inset-y-full { - top: -100%; - bottom: -100%; + .lg\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:-inset-x-full { - right: -100%; - left: -100%; + .lg\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:top-0 { - top: 0; + .lg\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:right-0 { - right: 0; + .lg\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:bottom-0 { - bottom: 0; + .lg\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:left-0 { - left: 0; + .lg\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:top-1 { - top: 0.25rem; + .lg\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:right-1 { - right: 0.25rem; + .lg\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:bottom-1 { - bottom: 0.25rem; + .lg\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:left-1 { - left: 0.25rem; + .lg\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:top-2 { - top: 0.5rem; + .lg\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:right-2 { - right: 0.5rem; + .lg\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:bottom-2 { - bottom: 0.5rem; + .lg\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:left-2 { - left: 0.5rem; + .lg\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:top-3 { - top: 0.75rem; + .lg\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:right-3 { - right: 0.75rem; + .lg\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:bottom-3 { - bottom: 0.75rem; + .lg\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:left-3 { - left: 0.75rem; + .lg\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:top-4 { - top: 1rem; + .lg\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:right-4 { - right: 1rem; + .lg\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:bottom-4 { - bottom: 1rem; + .lg\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:left-4 { - left: 1rem; + .lg\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:top-5 { - top: 1.25rem; + .lg\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:right-5 { - right: 1.25rem; + .lg\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:bottom-5 { - bottom: 1.25rem; + .lg\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:left-5 { - left: 1.25rem; + .lg\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:top-6 { - top: 1.5rem; + .lg\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:right-6 { - right: 1.5rem; + .lg\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:bottom-6 { - bottom: 1.5rem; + .lg\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:left-6 { - left: 1.5rem; + .lg\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:top-7 { - top: 1.75rem; + .lg\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:right-7 { - right: 1.75rem; + .lg\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:bottom-7 { - bottom: 1.75rem; + .lg\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:left-7 { - left: 1.75rem; + .lg\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:top-8 { - top: 2rem; + .lg\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:right-8 { - right: 2rem; + .lg\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:bottom-8 { - bottom: 2rem; + .lg\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:left-8 { - left: 2rem; + .lg\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:top-9 { - top: 2.25rem; + .lg\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:right-9 { - right: 2.25rem; + .lg\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:bottom-9 { - bottom: 2.25rem; + .lg\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:left-9 { - left: 2.25rem; + .lg\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:top-10 { - top: 2.5rem; + .lg\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:right-10 { - right: 2.5rem; + .lg\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:bottom-10 { - bottom: 2.5rem; + .lg\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:left-10 { - left: 2.5rem; + .lg\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:top-12 { - top: 3rem; + .lg\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:right-12 { - right: 3rem; + .lg\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:bottom-12 { - bottom: 3rem; + .lg\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:left-12 { - left: 3rem; + .lg\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:top-14 { - top: 3.5rem; + .lg\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:right-14 { - right: 3.5rem; + .lg\:focus\:bg-transparent:focus { + background-color: transparent; } - .lg\:bottom-14 { - bottom: 3.5rem; + .lg\:focus\:bg-current:focus { + background-color: currentColor; } - .lg\:left-14 { - left: 3.5rem; + .lg\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .lg\:top-16 { - top: 4rem; + .lg\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .lg\:right-16 { - right: 4rem; + .lg\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .lg\:bottom-16 { - bottom: 4rem; + .lg\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .lg\:left-16 { - left: 4rem; + .lg\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .lg\:top-20 { - top: 5rem; + .lg\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .lg\:right-20 { - right: 5rem; + .lg\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .lg\:bottom-20 { - bottom: 5rem; + .lg\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .lg\:left-20 { - left: 5rem; + .lg\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .lg\:top-24 { - top: 6rem; + .lg\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .lg\:right-24 { - right: 6rem; + .lg\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .lg\:bottom-24 { - bottom: 6rem; + .lg\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .lg\:left-24 { - left: 6rem; + .lg\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .lg\:top-28 { - top: 7rem; + .lg\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .lg\:right-28 { - right: 7rem; + .lg\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .lg\:bottom-28 { - bottom: 7rem; + .lg\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .lg\:left-28 { - left: 7rem; + .lg\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .lg\:top-32 { - top: 8rem; + .lg\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .lg\:right-32 { - right: 8rem; + .lg\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .lg\:bottom-32 { - bottom: 8rem; + .lg\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .lg\:left-32 { - left: 8rem; + .lg\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .lg\:top-36 { - top: 9rem; + .lg\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .lg\:right-36 { - right: 9rem; + .lg\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .lg\:bottom-36 { - bottom: 9rem; + .lg\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .lg\:left-36 { - left: 9rem; + .lg\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .lg\:top-40 { - top: 10rem; + .lg\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .lg\:right-40 { - right: 10rem; + .lg\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .lg\:bottom-40 { - bottom: 10rem; + .lg\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .lg\:left-40 { - left: 10rem; + .lg\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .lg\:top-44 { - top: 11rem; + .lg\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .lg\:right-44 { - right: 11rem; + .lg\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .lg\:bottom-44 { - bottom: 11rem; + .lg\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .lg\:left-44 { - left: 11rem; + .lg\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .lg\:top-48 { - top: 12rem; + .lg\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .lg\:right-48 { - right: 12rem; + .lg\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .lg\:bottom-48 { - bottom: 12rem; + .lg\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .lg\:left-48 { - left: 12rem; + .lg\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .lg\:top-52 { - top: 13rem; + .lg\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .lg\:right-52 { - right: 13rem; + .lg\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .lg\:bottom-52 { - bottom: 13rem; + .lg\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .lg\:left-52 { - left: 13rem; + .lg\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .lg\:top-56 { - top: 14rem; + .lg\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .lg\:right-56 { - right: 14rem; + .lg\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .lg\:bottom-56 { - bottom: 14rem; + .lg\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .lg\:left-56 { - left: 14rem; + .lg\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .lg\:top-60 { - top: 15rem; + .lg\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .lg\:right-60 { - right: 15rem; + .lg\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .lg\:bottom-60 { - bottom: 15rem; + .lg\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .lg\:left-60 { - left: 15rem; + .lg\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .lg\:top-64 { - top: 16rem; + .lg\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .lg\:right-64 { - right: 16rem; + .lg\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .lg\:bottom-64 { - bottom: 16rem; + .lg\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .lg\:left-64 { - left: 16rem; + .lg\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .lg\:top-72 { - top: 18rem; + .lg\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .lg\:right-72 { - right: 18rem; + .lg\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .lg\:bottom-72 { - bottom: 18rem; + .lg\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .lg\:left-72 { - left: 18rem; + .lg\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .lg\:top-80 { - top: 20rem; + .lg\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .lg\:right-80 { - right: 20rem; + .lg\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .lg\:bottom-80 { - bottom: 20rem; + .lg\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .lg\:left-80 { - left: 20rem; + .lg\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .lg\:top-96 { - top: 24rem; + .lg\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .lg\:right-96 { - right: 24rem; + .lg\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .lg\:bottom-96 { - bottom: 24rem; + .lg\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .lg\:left-96 { - left: 24rem; + .lg\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .lg\:top-auto { - top: auto; + .lg\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .lg\:right-auto { - right: auto; + .lg\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .lg\:bottom-auto { - bottom: auto; + .lg\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .lg\:left-auto { - left: auto; + .lg\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .lg\:top-px { - top: 1px; + .lg\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .lg\:right-px { - right: 1px; + .lg\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .lg\:bottom-px { - bottom: 1px; + .lg\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .lg\:left-px { - left: 1px; + .lg\:bg-none { + background-image: none; } - .lg\:top-0\.5 { - top: 0.125rem; + .lg\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .lg\:right-0\.5 { - right: 0.125rem; + .lg\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .lg\:bottom-0\.5 { - bottom: 0.125rem; + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .lg\:left-0\.5 { - left: 0.125rem; + .lg\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .lg\:top-1\.5 { - top: 0.375rem; + .lg\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .lg\:right-1\.5 { - right: 0.375rem; + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .lg\:bottom-1\.5 { - bottom: 0.375rem; + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .lg\:left-1\.5 { - left: 0.375rem; + .lg\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .lg\:top-2\.5 { - top: 0.625rem; + .lg\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:right-2\.5 { - right: 0.625rem; + .lg\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:bottom-2\.5 { - bottom: 0.625rem; + .lg\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:left-2\.5 { - left: 0.625rem; + .lg\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:top-3\.5 { - top: 0.875rem; + .lg\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:right-3\.5 { - right: 0.875rem; + .lg\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:bottom-3\.5 { - bottom: 0.875rem; + .lg\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:left-3\.5 { - left: 0.875rem; + .lg\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-top-1 { - top: -0.25rem; + .lg\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-right-1 { - right: -0.25rem; + .lg\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-bottom-1 { - bottom: -0.25rem; + .lg\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-left-1 { - left: -0.25rem; + .lg\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-top-2 { - top: -0.5rem; + .lg\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-right-2 { - right: -0.5rem; + .lg\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-bottom-2 { - bottom: -0.5rem; + .lg\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-left-2 { - left: -0.5rem; + .lg\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-top-3 { - top: -0.75rem; + .lg\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-right-3 { - right: -0.75rem; + .lg\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-bottom-3 { - bottom: -0.75rem; + .lg\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-left-3 { - left: -0.75rem; + .lg\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-top-4 { - top: -1rem; + .lg\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-right-4 { - right: -1rem; + .lg\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-bottom-4 { - bottom: -1rem; + .lg\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-left-4 { - left: -1rem; + .lg\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-top-5 { - top: -1.25rem; + .lg\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-right-5 { - right: -1.25rem; + .lg\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-bottom-5 { - bottom: -1.25rem; + .lg\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-left-5 { - left: -1.25rem; + .lg\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-top-6 { - top: -1.5rem; + .lg\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-right-6 { - right: -1.5rem; + .lg\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-bottom-6 { - bottom: -1.5rem; + .lg\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-left-6 { - left: -1.5rem; + .lg\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-top-7 { - top: -1.75rem; + .lg\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:-right-7 { - right: -1.75rem; + .lg\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:-bottom-7 { - bottom: -1.75rem; + .lg\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:-left-7 { - left: -1.75rem; + .lg\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:-top-8 { - top: -2rem; + .lg\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:-right-8 { - right: -2rem; + .lg\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:-bottom-8 { - bottom: -2rem; + .lg\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:-left-8 { - left: -2rem; + .lg\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:-top-9 { - top: -2.25rem; + .lg\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:-right-9 { - right: -2.25rem; + .lg\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:-bottom-9 { - bottom: -2.25rem; + .lg\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:-left-9 { - left: -2.25rem; + .lg\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:-top-10 { - top: -2.5rem; + .lg\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:-right-10 { - right: -2.5rem; + .lg\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:-bottom-10 { - bottom: -2.5rem; + .lg\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:-left-10 { - left: -2.5rem; + .lg\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:-top-12 { - top: -3rem; + .lg\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:-right-12 { - right: -3rem; + .lg\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:-bottom-12 { - bottom: -3rem; + .lg\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:-left-12 { - left: -3rem; + .lg\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:-top-14 { - top: -3.5rem; + .lg\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:-right-14 { - right: -3.5rem; + .lg\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:-bottom-14 { - bottom: -3.5rem; + .lg\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:-left-14 { - left: -3.5rem; + .lg\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:-top-16 { - top: -4rem; + .lg\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:-right-16 { - right: -4rem; + .lg\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:-bottom-16 { - bottom: -4rem; + .lg\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:-left-16 { - left: -4rem; + .lg\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:-top-20 { - top: -5rem; + .lg\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-right-20 { - right: -5rem; + .lg\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-bottom-20 { - bottom: -5rem; + .lg\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-left-20 { - left: -5rem; + .lg\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-top-24 { - top: -6rem; + .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\:-right-24 { - right: -6rem; + .lg\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:-bottom-24 { - bottom: -6rem; + .lg\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:-left-24 { - left: -6rem; + .lg\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:-top-28 { - top: -7rem; + .lg\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:-right-28 { - right: -7rem; + .lg\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:-bottom-28 { - bottom: -7rem; + .lg\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:-left-28 { - left: -7rem; + .lg\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:-top-32 { - top: -8rem; + .lg\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:-right-32 { - right: -8rem; + .lg\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:-bottom-32 { - bottom: -8rem; + .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\:-left-32 { - left: -8rem; + .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\:-top-36 { - top: -9rem; + .lg\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:-right-36 { - right: -9rem; + .lg\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:-bottom-36 { - bottom: -9rem; + .lg\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:-left-36 { - left: -9rem; + .lg\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:-top-40 { - top: -10rem; + .lg\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:-right-40 { - right: -10rem; + .lg\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:-bottom-40 { - bottom: -10rem; + .lg\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:-left-40 { - left: -10rem; + .lg\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:-top-44 { - top: -11rem; + .lg\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:-right-44 { - right: -11rem; + .lg\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:-bottom-44 { - bottom: -11rem; + .lg\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:-left-44 { - left: -11rem; + .lg\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:-top-48 { - top: -12rem; + .lg\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:-right-48 { - right: -12rem; + .lg\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:-bottom-48 { - bottom: -12rem; + .lg\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:-left-48 { - left: -12rem; + .lg\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:-top-52 { - top: -13rem; + .lg\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:-right-52 { - right: -13rem; + .lg\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:-bottom-52 { - bottom: -13rem; + .lg\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:-left-52 { - left: -13rem; + .lg\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:-top-56 { - top: -14rem; + .lg\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:-right-56 { - right: -14rem; + .lg\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:-bottom-56 { - bottom: -14rem; + .lg\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:-left-56 { - left: -14rem; + .lg\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:-top-60 { - top: -15rem; + .lg\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:-right-60 { - right: -15rem; + .lg\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:-bottom-60 { - bottom: -15rem; + .lg\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:-left-60 { - left: -15rem; + .lg\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:-top-64 { - top: -16rem; + .lg\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:-right-64 { - right: -16rem; + .lg\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:-bottom-64 { - bottom: -16rem; + .lg\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:-left-64 { - left: -16rem; + .lg\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:-top-72 { - top: -18rem; + .lg\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:-right-72 { - right: -18rem; + .lg\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:-bottom-72 { - bottom: -18rem; + .lg\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:-left-72 { - left: -18rem; + .lg\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:-top-80 { - top: -20rem; + .lg\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:-right-80 { - right: -20rem; + .lg\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:-bottom-80 { - bottom: -20rem; + .lg\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:-left-80 { - left: -20rem; + .lg\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:-top-96 { - top: -24rem; + .lg\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:-right-96 { - right: -24rem; + .lg\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:-bottom-96 { - bottom: -24rem; + .lg\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:-left-96 { - left: -24rem; + .lg\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:-top-px { - top: -1px; + .lg\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:-right-px { - right: -1px; + .lg\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:-bottom-px { - bottom: -1px; + .lg\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:-left-px { - left: -1px; + .lg\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:-top-0\.5 { - top: -0.125rem; + .lg\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:-right-0\.5 { - right: -0.125rem; + .lg\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:-bottom-0\.5 { - bottom: -0.125rem; + .lg\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:-left-0\.5 { - left: -0.125rem; + .lg\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:-top-1\.5 { - top: -0.375rem; + .lg\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:-right-1\.5 { - right: -0.375rem; + .lg\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:-bottom-1\.5 { - bottom: -0.375rem; + .lg\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:-left-1\.5 { - left: -0.375rem; + .lg\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:-top-2\.5 { - top: -0.625rem; + .lg\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:-right-2\.5 { - right: -0.625rem; + .lg\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:-bottom-2\.5 { - bottom: -0.625rem; + .lg\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:-left-2\.5 { - left: -0.625rem; + .lg\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:-top-3\.5 { - top: -0.875rem; + .lg\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:-right-3\.5 { - right: -0.875rem; + .lg\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:-bottom-3\.5 { - bottom: -0.875rem; + .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\:-left-3\.5 { - left: -0.875rem; + .lg\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:top-1\/2 { - top: 50%; + .lg\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:right-1\/2 { - right: 50%; + .lg\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:bottom-1\/2 { - bottom: 50%; + .lg\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:left-1\/2 { - left: 50%; + .lg\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:top-1\/3 { - top: 33.333333%; + .lg\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:right-1\/3 { - right: 33.333333%; + .lg\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:bottom-1\/3 { - bottom: 33.333333%; + .lg\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:left-1\/3 { - left: 33.333333%; + .lg\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:top-2\/3 { - top: 66.666667%; + .lg\:to-transparent { + --gradient-to-color: transparent; } - .lg\:right-2\/3 { - right: 66.666667%; + .lg\:to-current { + --gradient-to-color: currentColor; } - .lg\:bottom-2\/3 { - bottom: 66.666667%; + .lg\:to-black { + --gradient-to-color: #000; } - .lg\:left-2\/3 { - left: 66.666667%; + .lg\:to-white { + --gradient-to-color: #fff; } - .lg\:top-1\/4 { - top: 25%; + .lg\:to-gray-50 { + --gradient-to-color: #fafafa; } - .lg\:right-1\/4 { - right: 25%; + .lg\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .lg\:bottom-1\/4 { - bottom: 25%; + .lg\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .lg\:left-1\/4 { - left: 25%; + .lg\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .lg\:top-2\/4 { - top: 50%; + .lg\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .lg\:right-2\/4 { - right: 50%; + .lg\:to-gray-500 { + --gradient-to-color: #71717a; } - .lg\:bottom-2\/4 { - bottom: 50%; + .lg\:to-gray-600 { + --gradient-to-color: #52525b; } - .lg\:left-2\/4 { - left: 50%; + .lg\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .lg\:top-3\/4 { - top: 75%; + .lg\:to-gray-800 { + --gradient-to-color: #27272a; } - .lg\:right-3\/4 { - right: 75%; + .lg\:to-gray-900 { + --gradient-to-color: #18181b; } - .lg\:bottom-3\/4 { - bottom: 75%; + .lg\:to-red-50 { + --gradient-to-color: #fef2f2; } - .lg\:left-3\/4 { - left: 75%; + .lg\:to-red-100 { + --gradient-to-color: #fee2e2; } - .lg\:top-full { - top: 100%; + .lg\:to-red-200 { + --gradient-to-color: #fecaca; } - .lg\:right-full { - right: 100%; + .lg\:to-red-300 { + --gradient-to-color: #fca5a5; } - .lg\:bottom-full { - bottom: 100%; + .lg\:to-red-400 { + --gradient-to-color: #f87171; } - .lg\:left-full { - left: 100%; + .lg\:to-red-500 { + --gradient-to-color: #ef4444; } - .lg\:-top-1\/2 { - top: -50%; + .lg\:to-red-600 { + --gradient-to-color: #dc2626; } - .lg\:-right-1\/2 { - right: -50%; + .lg\:to-red-700 { + --gradient-to-color: #b91c1c; } - .lg\:-bottom-1\/2 { - bottom: -50%; + .lg\:to-red-800 { + --gradient-to-color: #991b1b; } - .lg\:-left-1\/2 { - left: -50%; + .lg\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .lg\:-top-1\/3 { - top: -33.333333%; + .lg\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .lg\:-right-1\/3 { - right: -33.333333%; + .lg\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .lg\:-bottom-1\/3 { - bottom: -33.333333%; + .lg\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .lg\:-left-1\/3 { - left: -33.333333%; + .lg\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .lg\:-top-2\/3 { - top: -66.666667%; + .lg\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .lg\:-right-2\/3 { - right: -66.666667%; + .lg\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .lg\:-bottom-2\/3 { - bottom: -66.666667%; + .lg\:to-yellow-600 { + --gradient-to-color: #d97706; } - .lg\:-left-2\/3 { - left: -66.666667%; + .lg\:to-yellow-700 { + --gradient-to-color: #b45309; } - .lg\:-top-1\/4 { - top: -25%; + .lg\:to-yellow-800 { + --gradient-to-color: #92400e; } - .lg\:-right-1\/4 { - right: -25%; + .lg\:to-yellow-900 { + --gradient-to-color: #78350f; } - .lg\:-bottom-1\/4 { - bottom: -25%; + .lg\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .lg\:-left-1\/4 { - left: -25%; + .lg\:to-green-100 { + --gradient-to-color: #d1fae5; } - .lg\:-top-2\/4 { - top: -50%; + .lg\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .lg\:-right-2\/4 { - right: -50%; + .lg\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .lg\:-bottom-2\/4 { - bottom: -50%; + .lg\:to-green-400 { + --gradient-to-color: #34d399; } - .lg\:-left-2\/4 { - left: -50%; + .lg\:to-green-500 { + --gradient-to-color: #10b981; } - .lg\:-top-3\/4 { - top: -75%; + .lg\:to-green-600 { + --gradient-to-color: #059669; } - .lg\:-right-3\/4 { - right: -75%; + .lg\:to-green-700 { + --gradient-to-color: #047857; } - .lg\:-bottom-3\/4 { - bottom: -75%; + .lg\:to-green-800 { + --gradient-to-color: #065f46; } - .lg\:-left-3\/4 { - left: -75%; + .lg\:to-green-900 { + --gradient-to-color: #064e3b; } - .lg\:-top-full { - top: -100%; + .lg\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .lg\:-right-full { - right: -100%; + .lg\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .lg\:-bottom-full { - bottom: -100%; + .lg\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .lg\:-left-full { - left: -100%; + .lg\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .lg\:resize-none { - resize: none; + .lg\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .lg\:resize-y { - resize: vertical; + .lg\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .lg\:resize-x { - resize: horizontal; + .lg\:to-blue-600 { + --gradient-to-color: #2563eb; } - .lg\:resize { - resize: both; + .lg\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .lg\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:to-blue-800 { + --gradient-to-color: #1e40af; } - .lg\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .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\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .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\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .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\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .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\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .lg\:shadow-none { - box-shadow: none; + .lg\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .lg\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .lg\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .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\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .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\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .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\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .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\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:to-pink-400 { + --gradient-to-color: #f472b6; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:to-pink-500 { + --gradient-to-color: #ec4899; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:to-pink-600 { + --gradient-to-color: #db2777; } - .lg\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:to-pink-700 { + --gradient-to-color: #be185d; } - .lg\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .lg\:to-pink-800 { + --gradient-to-color: #9d174d; } - .lg\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .lg\:to-pink-900 { + --gradient-to-color: #831843; } - .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\: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\: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\: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\: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\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .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\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:fill-current { - fill: currentColor; + .lg\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:stroke-current { - stroke: currentColor; + .lg\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:stroke-0 { - stroke-width: 0; + .lg\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:stroke-1 { - stroke-width: 1; + .lg\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:stroke-2 { - stroke-width: 2; + .lg\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:table-auto { - table-layout: auto; + .lg\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:table-fixed { - table-layout: fixed; + .lg\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:text-left { - text-align: left; + .lg\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:text-center { - text-align: center; + .lg\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:text-right { - text-align: right; + .lg\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:text-justify { - text-align: justify; + .lg\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:text-transparent { - color: transparent; + .lg\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:text-current { - color: currentColor; + .lg\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, 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)); } - .lg\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, 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)); } - .lg\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, 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)); } - .lg\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .group:hover .lg\:group-hover\:text-transparent { - color: transparent; + .lg\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .group:hover .lg\:group-hover\:text-current { - color: currentColor; + .lg\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .group:hover .lg\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .group:hover .lg\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .group:hover .lg\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .group:hover .lg\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .group:hover .lg\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .group:hover .lg\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .group:hover .lg\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .group:hover .lg\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .group:hover .lg\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .group:hover .lg\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .group:hover .lg\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .group:hover .lg\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .group:hover .lg\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .group:hover .lg\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .group:hover .lg\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .group:hover .lg\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .group:hover .lg\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .group:hover .lg\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .group:hover .lg\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .group:hover .lg\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .group:hover .lg\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .group:hover .lg\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .group:hover .lg\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .group:hover .lg\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .group:hover .lg\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .group:hover .lg\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .group:hover .lg\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .group:hover .lg\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .group:hover .lg\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .group:hover .lg\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .group:hover .lg\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .group:hover .lg\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .group:hover .lg\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .group:hover .lg\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .group:hover .lg\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .group:hover .lg\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .group:hover .lg\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .group:hover .lg\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .group:hover .lg\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .group:hover .lg\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .group:hover .lg\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .group:hover .lg\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .group:hover .lg\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .group:hover .lg\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .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)); } - .group:hover .lg\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .group:hover .lg\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .group:hover .lg\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .group:hover .lg\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .group:hover .lg\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .group:hover .lg\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .group:hover .lg\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .group:hover .lg\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .group:hover .lg\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .group:hover .lg\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .lg\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .group:hover .lg\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .lg\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .group:hover .lg\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:hover\:to-black:hover { + --gradient-to-color: #000; } - .group:hover .lg\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .group:hover .lg\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .group:hover .lg\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .group:hover .lg\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .group:hover .lg\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .group:hover .lg\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .group:hover .lg\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .group:hover .lg\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .group:hover .lg\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .group:hover .lg\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .group:hover .lg\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .group:hover .lg\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .group:hover .lg\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .group:hover .lg\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .group:hover .lg\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .group:hover .lg\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .lg\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .lg\:hover\:text-current:hover { - color: currentColor; + .lg\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .lg\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .lg\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .lg\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .lg\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .lg\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .lg\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .lg\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .lg\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .lg\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .lg\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .lg\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .lg\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .lg\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .lg\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .lg\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .lg\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .lg\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .lg\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .lg\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .lg\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .lg\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .lg\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .lg\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .lg\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .lg\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .lg\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .lg\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .lg\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .lg\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .lg\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .lg\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .lg\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .lg\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .lg\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .lg\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .lg\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .lg\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .lg\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .lg\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .lg\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .lg\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .lg\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .lg\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .lg\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .lg\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .lg\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .lg\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .lg\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .lg\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .lg\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .lg\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .lg\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .lg\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .lg\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .lg\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .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\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .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\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .lg\:focus\:text-current:focus { - color: currentColor; + .lg\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .lg\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .lg\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .lg\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .lg\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .lg\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .lg\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .lg\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .lg\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .lg\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .lg\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .lg\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .lg\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .lg\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .lg\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .lg\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .lg\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .lg\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .lg\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .lg\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .lg\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .lg\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .lg\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .lg\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .lg\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .lg\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .lg\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .lg\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .lg\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .lg\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .lg\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .lg\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .lg\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .lg\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .lg\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .lg\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .lg\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .lg\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .lg\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .lg\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .lg\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .lg\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .lg\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .lg\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .lg\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .lg\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .lg\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .lg\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .lg\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .lg\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .lg\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .lg\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .lg\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .lg\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .lg\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .lg\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .lg\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .lg\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .lg\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .lg\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .lg\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .lg\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .lg\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .lg\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .lg\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .lg\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .lg\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .lg\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .lg\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .lg\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .lg\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .lg\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .lg\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .lg\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .lg\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .lg\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .lg\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .lg\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .lg\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .lg\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .lg\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .lg\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .lg\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .lg\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .lg\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .lg\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .lg\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .lg\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .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\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .lg\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .lg\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .lg\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .lg\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .lg\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .lg\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .lg\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .lg\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .lg\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .lg\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .lg\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .lg\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .lg\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .lg\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .lg\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .lg\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .lg\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .lg\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .lg\:focus\:via-transparent:focus { + --gradient-via-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .lg\:focus\:via-current:focus { + --gradient-via-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .lg\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .lg\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .lg\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .lg\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .lg\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .lg\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .lg\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .lg\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .lg\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .lg\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .lg\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .lg\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .lg\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .lg\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .lg\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .lg\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .lg\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .lg\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .lg\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .lg\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .lg\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .lg\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .lg\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .lg\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .lg\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .lg\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .lg\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .lg\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .lg\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .lg\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .lg\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .lg\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .lg\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - @media (prefers-color-scheme: dark) { - .lg\:dark\:text-transparent { - color: transparent; - } - - .lg\:dark\:text-current { - color: currentColor; - } + .lg\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .lg\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .lg\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .lg\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .lg\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .lg\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .lg\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .lg\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .lg\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .lg\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .lg\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .lg\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .lg\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .lg\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .lg\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .lg\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .lg\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .lg\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .lg\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .lg\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .lg\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .lg\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .lg\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .lg\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .lg\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .lg\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .lg\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .lg\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .lg\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .lg\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .lg\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .lg\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .lg\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .lg\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .lg\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .lg\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .lg\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .lg\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .lg\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .lg\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .lg\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .lg\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .lg\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .lg\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .lg\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .lg\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .lg\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .lg\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .lg\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .lg\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .lg\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .lg\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .lg\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .lg\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .lg\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .lg\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .lg\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .lg\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .lg\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .lg\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .lg\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .lg\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .lg\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .lg\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .lg\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .lg\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .lg\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .lg\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .lg\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .lg\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .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\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .lg\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .lg\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .lg\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .lg\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .lg\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .lg\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .lg\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .lg\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .lg\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .lg\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .lg\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .lg\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .lg\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .lg\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .lg\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .lg\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .lg\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .lg\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .lg\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .lg\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .lg\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .lg\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .lg\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .lg\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .lg\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .lg\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .lg\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .lg\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .lg\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .lg\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .lg\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .lg\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .lg\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .lg\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .lg\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .lg\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .lg\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .lg\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .lg\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .lg\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .lg\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .lg\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .lg\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .lg\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .lg\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .lg\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .lg\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .lg\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .lg\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .lg\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .lg\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .lg\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .lg\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .group:hover .lg\:dark\:group-hover\:text-transparent { - color: transparent; - } + .lg\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .group:hover .lg\:dark\:group-hover\:text-current { - color: currentColor; - } + .lg\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .group:hover .lg\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .group:hover .lg\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .group:hover .lg\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .group:hover .lg\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .group:hover .lg\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .group:hover .lg\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .group:hover .lg\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .group:hover .lg\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .group:hover .lg\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .group:hover .lg\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .group:hover .lg\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .group:hover .lg\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .group:hover .lg\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .group:hover .lg\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .group:hover .lg\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .group:hover .lg\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .group:hover .lg\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .group:hover .lg\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .group:hover .lg\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .group:hover .lg\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .group:hover .lg\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .lg\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .group:hover .lg\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .lg\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .lg\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .lg\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .lg\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .lg\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .lg\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .lg\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .lg\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .lg\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .lg\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .group:hover .lg\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .lg\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .group:hover .lg\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .lg\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .group:hover .lg\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .lg\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .group:hover .lg\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .lg\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .group:hover .lg\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .lg\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .group:hover .lg\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .lg\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .group:hover .lg\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .lg\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .group:hover .lg\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .lg\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .group:hover .lg\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .lg\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .group:hover .lg\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .lg\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .group:hover .lg\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .lg\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .group:hover .lg\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .lg\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .group:hover .lg\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .lg\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .group:hover .lg\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .lg\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .group:hover .lg\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .lg\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .group:hover .lg\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .lg\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .group:hover .lg\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .lg\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .group:hover .lg\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .lg\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .group:hover .lg\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .lg\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .group:hover .lg\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .lg\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .group:hover .lg\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .lg\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .group:hover .lg\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .lg\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .group:hover .lg\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .lg\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; + } - .group:hover .lg\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .lg\:bg-opacity-0 { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .lg\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .lg\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .lg\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .lg\:bg-opacity-100 { + --bg-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:bg-opacity-100 { + --bg-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; + } - .group:hover .lg\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; + } - .group:hover .lg\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .lg\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; + } - .group:hover .lg\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .lg\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; + } - .group:hover .lg\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .lg\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; + } - .group:hover .lg\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .lg\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; + } - .lg\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .lg\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; + } - .lg\:dark\:hover\:text-current:hover { - color: currentColor; - } + .lg\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; + } - .lg\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:bg-bottom { + background-position: bottom; + } - .lg\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:bg-center { + background-position: center; + } - .lg\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:bg-left { + background-position: left; + } - .lg\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:bg-left-bottom { + background-position: left bottom; + } - .lg\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:bg-left-top { + background-position: left top; + } - .lg\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:bg-right { + background-position: right; + } - .lg\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:bg-right-bottom { + background-position: right bottom; + } - .lg\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:bg-right-top { + background-position: right top; + } - .lg\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:bg-top { + background-position: top; + } - .lg\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:bg-repeat { + background-repeat: repeat; + } - .lg\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:bg-no-repeat { + background-repeat: no-repeat; + } - .lg\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:bg-repeat-x { + background-repeat: repeat-x; + } - .lg\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:bg-repeat-y { + background-repeat: repeat-y; + } - .lg\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:bg-repeat-round { + background-repeat: round; + } - .lg\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:bg-repeat-space { + background-repeat: space; + } - .lg\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:bg-auto { + background-size: auto; + } - .lg\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:bg-cover { + background-size: cover; + } - .lg\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:bg-contain { + background-size: contain; + } - .lg\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:border-collapse { + border-collapse: collapse; + } - .lg\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:border-separate { + border-collapse: separate; + } - .lg\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .lg\:border-transparent { + border-color: transparent; + } - .lg\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .lg\:border-current { + border-color: currentColor; + } - .lg\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .lg\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .lg\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .lg\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .lg\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .lg\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .lg\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .lg\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .lg\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .lg\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); + } - .lg\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .lg\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .lg\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .lg\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .lg\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .lg\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .lg\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .lg\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .lg\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .lg\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .lg\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .lg\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .lg\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .lg\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .lg\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .lg\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .lg\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .lg\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .lg\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .lg\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .lg\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .lg\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .lg\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .lg\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .lg\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .lg\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .lg\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .lg\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .lg\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .lg\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .lg\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .lg\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .lg\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); + } - .lg\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .lg\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .lg\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .lg\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .lg\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .lg\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .lg\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .lg\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .lg\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .lg\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .lg\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); + } - .lg\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .lg\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); + } - .lg\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .lg\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); + } - .lg\:dark\:focus\:text-current:focus { - color: currentColor; - } + .lg\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); + } - .lg\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .lg\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); + } - .lg\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .lg\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .lg\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .lg\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .lg\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .lg\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .lg\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .lg\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .lg\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .lg\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .lg\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); + } - .lg\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .lg\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .lg\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .lg\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .lg\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .lg\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .lg\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .lg\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .lg\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .lg\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); + } - .lg\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-transparent { + border-color: transparent; + } - .lg\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-current { + border-color: currentColor; + } - .lg\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); + } - .lg\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); + } - .lg\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); + } - .lg\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); + } - .lg\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); + } - .lg\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .group:hover .lg\:group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:text-opacity-0 { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:text-opacity-25 { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:text-opacity-50 { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:text-opacity-75 { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:text-opacity-100 { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-0 { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .group:hover .lg\:group-hover\:text-opacity-100 { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .group:hover .lg\:group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .group:hover .lg\:group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .group:hover .lg\:group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .group:hover .lg\:group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .group:hover .lg\:group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .group:hover .lg\:group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:overflow-ellipsis { - text-overflow: ellipsis; + .group:hover .lg\:group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:overflow-clip { - text-overflow: clip; + .lg\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:italic { - font-style: italic; + .lg\:hover\:border-current:hover { + border-color: currentColor; } - .lg\:not-italic { - font-style: normal; + .lg\:hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:uppercase { - text-transform: uppercase; + .lg\:hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:lowercase { - text-transform: lowercase; + .lg\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:capitalize { - text-transform: capitalize; + .lg\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:normal-case { - text-transform: none; + .lg\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:underline { - text-decoration: underline; + .lg\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:line-through { - text-decoration: line-through; + .lg\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:no-underline { - text-decoration: none; + .lg\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:focus\:underline:focus { - text-decoration: underline; + .lg\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .lg\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .lg\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:normal-nums { - font-variant-numeric: normal; + .lg\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .lg\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .lg\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .lg\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .lg\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .lg\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .lg\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .lg\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .lg\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .lg\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .lg\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .lg\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .lg\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:select-none { - user-select: none; + .lg\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:select-text { - user-select: text; + .lg\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:select-all { - user-select: all; + .lg\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:select-auto { - user-select: auto; + .lg\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:align-top { - vertical-align: top; + .lg\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:align-middle { - vertical-align: middle; + .lg\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:visible { - visibility: visible; + .lg\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:invisible { - visibility: hidden; + .lg\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:whitespace-normal { - white-space: normal; + .lg\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:whitespace-pre { - white-space: pre; + .lg\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:break-words { - overflow-wrap: break-word; + .lg\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:break-all { - word-break: break-all; + .lg\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:w-0 { - width: 0; + .lg\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:w-1 { - width: 0.25rem; + .lg\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:w-2 { - width: 0.5rem; + .lg\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:w-3 { - width: 0.75rem; + .lg\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:w-4 { - width: 1rem; + .lg\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:w-5 { - width: 1.25rem; + .lg\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:w-6 { - width: 1.5rem; + .lg\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:w-7 { - width: 1.75rem; + .lg\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:w-8 { - width: 2rem; + .lg\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:w-9 { - width: 2.25rem; + .lg\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:w-10 { - width: 2.5rem; + .lg\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:w-12 { - width: 3rem; + .lg\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:w-14 { - width: 3.5rem; + .lg\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:w-16 { - width: 4rem; + .lg\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:w-20 { - width: 5rem; + .lg\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:w-24 { - width: 6rem; + .lg\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:w-28 { - width: 7rem; + .lg\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:w-32 { - width: 8rem; + .lg\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:w-36 { - width: 9rem; + .lg\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:w-40 { - width: 10rem; + .lg\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:w-44 { - width: 11rem; + .lg\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:w-48 { - width: 12rem; + .lg\:focus\:border-current:focus { + border-color: currentColor; } - .lg\:w-52 { - width: 13rem; + .lg\:focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .lg\:w-56 { - width: 14rem; + .lg\:focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .lg\:w-60 { - width: 15rem; + .lg\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .lg\:w-64 { - width: 16rem; + .lg\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .lg\:w-72 { - width: 18rem; + .lg\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .lg\:w-80 { - width: 20rem; + .lg\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .lg\:w-96 { - width: 24rem; + .lg\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .lg\:w-auto { - width: auto; + .lg\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .lg\:w-px { - width: 1px; + .lg\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .lg\:w-0\.5 { - width: 0.125rem; + .lg\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .lg\:w-1\.5 { - width: 0.375rem; + .lg\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .lg\:w-2\.5 { - width: 0.625rem; + .lg\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .lg\:w-3\.5 { - width: 0.875rem; + .lg\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .lg\:w-1\/2 { - width: 50%; + .lg\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .lg\:w-1\/3 { - width: 33.333333%; + .lg\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .lg\:w-2\/3 { - width: 66.666667%; + .lg\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .lg\:w-1\/4 { - width: 25%; + .lg\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .lg\:w-2\/4 { - width: 50%; + .lg\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .lg\:w-3\/4 { - width: 75%; + .lg\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .lg\:w-1\/5 { - width: 20%; + .lg\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .lg\:w-2\/5 { - width: 40%; + .lg\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .lg\:w-3\/5 { - width: 60%; + .lg\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .lg\:w-4\/5 { - width: 80%; + .lg\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .lg\:w-1\/6 { - width: 16.666667%; + .lg\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .lg\:w-3\/6 { - width: 50%; + .lg\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .lg\:w-4\/6 { - width: 66.666667%; + .lg\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .lg\:w-5\/6 { - width: 83.333333%; + .lg\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .lg\:w-1\/12 { - width: 8.333333%; + .lg\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .lg\:w-2\/12 { - width: 16.666667%; + .lg\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .lg\:w-3\/12 { - width: 25%; + .lg\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .lg\:w-4\/12 { - width: 33.333333%; + .lg\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .lg\:w-5\/12 { - width: 41.666667%; + .lg\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .lg\:w-6\/12 { - width: 50%; + .lg\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .lg\:w-7\/12 { - width: 58.333333%; + .lg\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .lg\:w-9\/12 { - width: 75%; + .lg\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .lg\:w-10\/12 { - width: 83.333333%; + .lg\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .lg\:w-full { - width: 100%; + .lg\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .lg\:w-screen { - width: 100vw; + .lg\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .lg\:w-min { - width: min-content; + .lg\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .lg\:w-max { - width: max-content; + .lg\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .lg\:z-0 { - z-index: 0; + .lg\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .lg\:z-10 { - z-index: 10; + .lg\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .lg\:z-20 { - z-index: 20; + .lg\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .lg\:z-30 { - z-index: 30; + .lg\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .lg\:z-40 { - z-index: 40; + .lg\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .lg\:z-50 { - z-index: 50; + .lg\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .lg\:z-auto { - z-index: auto; + .lg\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .lg\:focus\:z-0:focus { - z-index: 0; + .lg\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .lg\:focus\:z-10:focus { - z-index: 10; + .lg\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .lg\:focus\:z-20:focus { - z-index: 20; + .lg\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .lg\:focus\:z-30:focus { - z-index: 30; + .lg\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .lg\:focus\:z-40:focus { - z-index: 40; + .lg\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .lg\:focus\:z-50:focus { - z-index: 50; + .lg\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .lg\:focus\:z-auto:focus { - z-index: auto; + .lg\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .lg\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .lg\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .lg\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .lg\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .lg\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .lg\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .lg\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .lg\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .lg\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .lg\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .lg\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .lg\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .lg\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .lg\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .lg\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .lg\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .lg\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .lg\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .lg\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:border-opacity-0 { + --border-opacity: 0; } - .lg\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .lg\:border-opacity-25 { + --border-opacity: 0.25; } - .lg\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:border-opacity-50 { + --border-opacity: 0.5; } - .lg\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .lg\:border-opacity-75 { + --border-opacity: 0.75; } - .lg\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:border-opacity-100 { + --border-opacity: 1; } - .lg\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .group:hover .lg\:group-hover\:border-opacity-0 { + --border-opacity: 0; } - .lg\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .group:hover .lg\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; } - .lg\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .group:hover .lg\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; } - .lg\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .group:hover .lg\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; } - .lg\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .group:hover .lg\:group-hover\:border-opacity-100 { + --border-opacity: 1; } - .lg\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .lg\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .lg\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .lg\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .lg\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .lg\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .lg\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .lg\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .lg\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .lg\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .lg\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .lg\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .lg\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .lg\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .lg\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .lg\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .lg\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .lg\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:rounded-none { + border-radius: 0; } - .lg\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:rounded-sm { + border-radius: 0.125rem; } - .lg\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:rounded { + border-radius: 0.25rem; } - .lg\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:rounded-md { + border-radius: 0.375rem; } - .lg\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:rounded-lg { + border-radius: 0.5rem; } - .lg\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:rounded-xl { + border-radius: 0.75rem; } - .lg\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .lg\:rounded-2xl { + border-radius: 1rem; } - .lg\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:rounded-3xl { + border-radius: 1.5rem; } - .lg\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .lg\:rounded-full { + border-radius: 9999px; } - .lg\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .lg\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .lg\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .lg\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .lg\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .lg\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .lg\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .lg\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .lg\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .lg\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .lg\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .lg\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .lg\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .lg\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .lg\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .lg\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .lg\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .lg\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .lg\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .lg\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .lg\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .lg\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .lg\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .lg\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .lg\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .lg\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .lg\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .lg\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .lg\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .lg\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .lg\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .lg\:rounded-tl-none { + border-top-left-radius: 0; } - .lg\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:rounded-tr-none { + border-top-right-radius: 0; } - .lg\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:rounded-br-none { + border-bottom-right-radius: 0; } - .lg\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; } - .lg\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .lg\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .lg\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .lg\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .lg\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .lg\:rounded-tl { + border-top-left-radius: 0.25rem; } - .lg\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:rounded-tr { + border-top-right-radius: 0.25rem; } - .lg\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .lg\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .lg\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .lg\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .lg\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .lg\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .lg\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .lg\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .lg\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .lg\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .lg\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .lg\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .lg\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .lg\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .lg\:rounded-tl-xl { + border-top-left-radius: 0.75rem; } - .lg\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .lg\:rounded-tr-xl { + border-top-right-radius: 0.75rem; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .lg\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .lg\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:rounded-tl-2xl { + border-top-left-radius: 1rem; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:rounded-tr-2xl { + border-top-right-radius: 1rem; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:rounded-br-2xl { + border-bottom-right-radius: 1rem; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:border-solid { + border-style: solid; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:border-dashed { + border-style: dashed; } - .lg\:grid-cols-none { - grid-template-columns: none; + .lg\:border-dotted { + border-style: dotted; } - .lg\:auto-cols-auto { - grid-auto-columns: auto; + .lg\:border-double { + border-style: double; } - .lg\:auto-cols-min { - grid-auto-columns: min-content; + .lg\:border-none { + border-style: none; } - .lg\:auto-cols-max { - grid-auto-columns: max-content; + .lg\:border-0 { + border-width: 0; } - .lg\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .lg\:border-2 { + border-width: 2px; } - .lg\:col-auto { - grid-column: auto; + .lg\:border-4 { + border-width: 4px; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:border-8 { + border-width: 8px; } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:border { + border-width: 1px; } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:border-t-0 { + border-top-width: 0; } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:border-r-0 { + border-right-width: 0; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:border-b-0 { + border-bottom-width: 0; } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:border-l-0 { + border-left-width: 0; } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:border-t-2 { + border-top-width: 2px; } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:border-r-2 { + border-right-width: 2px; } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:border-b-2 { + border-bottom-width: 2px; } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:border-l-2 { + border-left-width: 2px; } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:border-t-4 { + border-top-width: 4px; } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:border-r-4 { + border-right-width: 4px; } - .lg\:col-span-full { - grid-column: 1 / -1; + .lg\:border-b-4 { + border-bottom-width: 4px; } - .lg\:col-start-1 { - grid-column-start: 1; + .lg\:border-l-4 { + border-left-width: 4px; } - .lg\:col-start-2 { - grid-column-start: 2; + .lg\:border-t-8 { + border-top-width: 8px; } - .lg\:col-start-3 { - grid-column-start: 3; + .lg\:border-r-8 { + border-right-width: 8px; } - .lg\:col-start-4 { - grid-column-start: 4; + .lg\:border-b-8 { + border-bottom-width: 8px; } - .lg\:col-start-5 { - grid-column-start: 5; + .lg\:border-l-8 { + border-left-width: 8px; } - .lg\:col-start-6 { - grid-column-start: 6; + .lg\:border-t { + border-top-width: 1px; } - .lg\:col-start-7 { - grid-column-start: 7; + .lg\:border-r { + border-right-width: 1px; } - .lg\:col-start-8 { - grid-column-start: 8; + .lg\:border-b { + border-bottom-width: 1px; } - .lg\:col-start-9 { - grid-column-start: 9; + .lg\:border-l { + border-left-width: 1px; } - .lg\:col-start-10 { - grid-column-start: 10; + .lg\:box-border { + box-sizing: border-box; } - .lg\:col-start-11 { - grid-column-start: 11; + .lg\:box-content { + box-sizing: content-box; } - .lg\:col-start-12 { - grid-column-start: 12; + .lg\:cursor-auto { + cursor: auto; } - .lg\:col-start-13 { - grid-column-start: 13; + .lg\:cursor-default { + cursor: default; } - .lg\:col-start-auto { - grid-column-start: auto; + .lg\:cursor-pointer { + cursor: pointer; } - .lg\:col-end-1 { - grid-column-end: 1; + .lg\:cursor-wait { + cursor: wait; } - .lg\:col-end-2 { - grid-column-end: 2; + .lg\:cursor-text { + cursor: text; } - .lg\:col-end-3 { - grid-column-end: 3; + .lg\:cursor-move { + cursor: move; } - .lg\:col-end-4 { - grid-column-end: 4; + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:col-end-5 { - grid-column-end: 5; + .lg\:block { + display: block; } - .lg\:col-end-6 { - grid-column-end: 6; + .lg\:inline-block { + display: inline-block; } - .lg\:col-end-7 { - grid-column-end: 7; + .lg\:inline { + display: inline; } - .lg\:col-end-8 { - grid-column-end: 8; + .lg\:flex { + display: flex; } - .lg\:col-end-9 { - grid-column-end: 9; + .lg\:inline-flex { + display: inline-flex; } - .lg\:col-end-10 { - grid-column-end: 10; + .lg\:table { + display: table; } - .lg\:col-end-11 { - grid-column-end: 11; + .lg\:table-caption { + display: table-caption; } - .lg\:col-end-12 { - grid-column-end: 12; + .lg\:table-cell { + display: table-cell; } - .lg\:col-end-13 { - grid-column-end: 13; + .lg\:table-column { + display: table-column; } - .lg\:col-end-auto { - grid-column-end: auto; + .lg\:table-column-group { + display: table-column-group; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:table-footer-group { + display: table-footer-group; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:table-header-group { + display: table-header-group; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:table-row-group { + display: table-row-group; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:table-row { + display: table-row; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:flow-root { + display: flow-root; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:grid { + display: grid; } - .lg\:grid-rows-none { - grid-template-rows: none; + .lg\:inline-grid { + display: inline-grid; } - .lg\:auto-rows-auto { - grid-auto-rows: auto; + .lg\:contents { + display: contents; } - .lg\:auto-rows-min { - grid-auto-rows: min-content; + .lg\:hidden { + display: none; } - .lg\:auto-rows-max { - grid-auto-rows: max-content; + .lg\:flex-row { + flex-direction: row; } - .lg\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:row-auto { - grid-row: auto; + .lg\:flex-col { + flex-direction: column; } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:flex-wrap { + flex-wrap: wrap; } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:place-items-auto { + place-items: auto; } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:place-items-start { + place-items: start; } - .lg\:row-span-full { - grid-row: 1 / -1; + .lg\:place-items-end { + place-items: end; } - .lg\:row-start-1 { - grid-row-start: 1; + .lg\:place-items-center { + place-items: center; } - .lg\:row-start-2 { - grid-row-start: 2; + .lg\:place-items-stretch { + place-items: stretch; } - .lg\:row-start-3 { - grid-row-start: 3; + .lg\:place-content-center { + place-content: center; } - .lg\:row-start-4 { - grid-row-start: 4; + .lg\:place-content-start { + place-content: start; } - .lg\:row-start-5 { - grid-row-start: 5; + .lg\:place-content-end { + place-content: end; } - .lg\:row-start-6 { - grid-row-start: 6; + .lg\:place-content-between { + place-content: space-between; } - .lg\:row-start-7 { - grid-row-start: 7; + .lg\:place-content-around { + place-content: space-around; } - .lg\:row-start-auto { - grid-row-start: auto; + .lg\:place-content-evenly { + place-content: space-evenly; } - .lg\:row-end-1 { - grid-row-end: 1; + .lg\:place-content-stretch { + place-content: stretch; } - .lg\:row-end-2 { - grid-row-end: 2; + .lg\:place-self-auto { + place-self: auto; } - .lg\:row-end-3 { - grid-row-end: 3; + .lg\:place-self-start { + place-self: start; } - .lg\:row-end-4 { - grid-row-end: 4; + .lg\:place-self-end { + place-self: end; } - .lg\:row-end-5 { - grid-row-end: 5; + .lg\:place-self-center { + place-self: center; } - .lg\:row-end-6 { - grid-row-end: 6; + .lg\:place-self-stretch { + place-self: stretch; } - .lg\:row-end-7 { - grid-row-end: 7; + .lg\:items-start { + align-items: flex-start; } - .lg\:row-end-auto { - grid-row-end: auto; + .lg\:items-end { + align-items: flex-end; } - .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\:items-center { + align-items: center; } - .lg\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:items-baseline { + align-items: baseline; } - .lg\:transform-none { - transform: none; + .lg\:items-stretch { + align-items: stretch; } - .lg\:origin-center { - transform-origin: center; + .lg\:content-center { + align-content: center; } - .lg\:origin-top { - transform-origin: top; + .lg\:content-start { + align-content: flex-start; } - .lg\:origin-top-right { - transform-origin: top right; + .lg\:content-end { + align-content: flex-end; } - .lg\:origin-right { - transform-origin: right; + .lg\:content-between { + align-content: space-between; } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .lg\:content-around { + align-content: space-around; } - .lg\:origin-bottom { - transform-origin: bottom; + .lg\:content-evenly { + align-content: space-evenly; } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .lg\:self-auto { + align-self: auto; } - .lg\:origin-left { - transform-origin: left; + .lg\:self-start { + align-self: flex-start; } - .lg\:origin-top-left { - transform-origin: top left; + .lg\:self-end { + align-self: flex-end; } - .lg\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:self-center { + align-self: center; } - .lg\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:self-stretch { + align-self: stretch; } - .lg\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:justify-items-auto { + justify-items: auto; } - .lg\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:justify-items-start { + justify-items: start; } - .lg\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:justify-items-end { + justify-items: end; } - .lg\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:justify-items-center { + justify-items: center; } - .lg\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:justify-items-stretch { + justify-items: stretch; } - .lg\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:justify-start { + justify-content: flex-start; } - .lg\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:justify-end { + justify-content: flex-end; } - .lg\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:justify-center { + justify-content: center; } - .lg\:scale-x-0 { - --transform-scale-x: 0; + .lg\:justify-between { + justify-content: space-between; } - .lg\:scale-x-50 { - --transform-scale-x: .5; + .lg\:justify-around { + justify-content: space-around; } - .lg\:scale-x-75 { - --transform-scale-x: .75; + .lg\:justify-evenly { + justify-content: space-evenly; } - .lg\:scale-x-90 { - --transform-scale-x: .9; + .lg\:justify-self-auto { + justify-self: auto; } - .lg\:scale-x-95 { - --transform-scale-x: .95; + .lg\:justify-self-start { + justify-self: start; } - .lg\:scale-x-100 { - --transform-scale-x: 1; + .lg\:justify-self-end { + justify-self: end; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05; + .lg\:justify-self-center { + justify-self: center; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1; + .lg\:justify-self-stretch { + justify-self: stretch; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25; + .lg\:flex-1 { + flex: 1 1 0%; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5; + .lg\:flex-auto { + flex: 1 1 auto; } - .lg\:scale-y-0 { - --transform-scale-y: 0; + .lg\:flex-initial { + flex: 0 1 auto; } - .lg\:scale-y-50 { - --transform-scale-y: .5; + .lg\:flex-none { + flex: none; } - .lg\:scale-y-75 { - --transform-scale-y: .75; + .lg\:flex-grow-0 { + flex-grow: 0; } - .lg\:scale-y-90 { - --transform-scale-y: .9; + .lg\:flex-grow { + flex-grow: 1; } - .lg\:scale-y-95 { - --transform-scale-y: .95; + .lg\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:scale-y-100 { - --transform-scale-y: 1; + .lg\:flex-shrink { + flex-shrink: 1; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05; + .lg\:order-1 { + order: 1; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1; + .lg\:order-2 { + order: 2; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25; + .lg\:order-3 { + order: 3; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5; + .lg\:order-4 { + order: 4; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:order-5 { + order: 5; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:order-6 { + order: 6; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:order-7 { + order: 7; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:order-8 { + order: 8; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:order-9 { + order: 9; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:order-10 { + order: 10; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:order-11 { + order: 11; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:order-12 { + order: 12; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:order-first { + order: -9999; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:order-last { + order: 9999; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .lg\:order-none { + order: 0; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .lg\:float-right { + float: right; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .lg\:float-left { + float: left; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .lg\:float-none { + float: none; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .lg\:clear-left { + clear: left; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .lg\:clear-right { + clear: right; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .lg\:clear-both { + clear: both; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .lg\:clear-none { + clear: none; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .lg\:font-sans { + font-family: ui-sans-serif, 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\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .lg\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .lg\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .lg\:font-thin { + font-weight: 100; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .lg\:font-extralight { + font-weight: 200; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .lg\:font-light { + font-weight: 300; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .lg\:font-normal { + font-weight: 400; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .lg\:font-medium { + font-weight: 500; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .lg\:font-semibold { + font-weight: 600; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .lg\:font-bold { + font-weight: 700; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .lg\:font-extrabold { + font-weight: 800; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:font-black { + font-weight: 900; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:hover\:font-thin:hover { + font-weight: 100; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:hover\:font-extralight:hover { + font-weight: 200; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:hover\:font-light:hover { + font-weight: 300; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:hover\:font-black:hover { + font-weight: 900; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .lg\:focus\:font-thin:focus { + font-weight: 100; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .lg\:focus\:font-extralight:focus { + font-weight: 200; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .lg\:focus\:font-light:focus { + font-weight: 300; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .lg\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .lg\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .lg\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .lg\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .lg\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .lg\:focus\:font-black:focus { + font-weight: 900; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .lg\:h-0 { + height: 0; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .lg\:h-1 { + height: 0.25rem; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .lg\:h-2 { + height: 0.5rem; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .lg\:h-3 { + height: 0.75rem; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .lg\:h-4 { + height: 1rem; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .lg\:h-5 { + height: 1.25rem; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .lg\:h-6 { + height: 1.5rem; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .lg\:h-7 { + height: 1.75rem; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .lg\:h-8 { + height: 2rem; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .lg\:h-9 { + height: 2.25rem; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .lg\:h-10 { + height: 2.5rem; } - .lg\:rotate-0 { - --transform-rotate: 0; + .lg\:h-12 { + height: 3rem; } - .lg\:rotate-1 { - --transform-rotate: 1deg; + .lg\:h-14 { + height: 3.5rem; } - .lg\:rotate-2 { - --transform-rotate: 2deg; + .lg\:h-16 { + height: 4rem; } - .lg\:rotate-3 { - --transform-rotate: 3deg; + .lg\:h-20 { + height: 5rem; } - .lg\:rotate-6 { - --transform-rotate: 6deg; + .lg\:h-24 { + height: 6rem; } - .lg\:rotate-12 { - --transform-rotate: 12deg; + .lg\:h-28 { + height: 7rem; } - .lg\:rotate-45 { - --transform-rotate: 45deg; + .lg\:h-32 { + height: 8rem; } - .lg\:rotate-90 { - --transform-rotate: 90deg; + .lg\:h-36 { + height: 9rem; } - .lg\:rotate-180 { - --transform-rotate: 180deg; + .lg\:h-40 { + height: 10rem; } - .lg\:-rotate-180 { - --transform-rotate: -180deg; + .lg\:h-44 { + height: 11rem; } - .lg\:-rotate-90 { - --transform-rotate: -90deg; + .lg\:h-48 { + height: 12rem; } - .lg\:-rotate-45 { - --transform-rotate: -45deg; + .lg\:h-52 { + height: 13rem; } - .lg\:-rotate-12 { - --transform-rotate: -12deg; + .lg\:h-56 { + height: 14rem; } - .lg\:-rotate-6 { - --transform-rotate: -6deg; + .lg\:h-60 { + height: 15rem; } - .lg\:-rotate-3 { - --transform-rotate: -3deg; + .lg\:h-64 { + height: 16rem; } - .lg\:-rotate-2 { - --transform-rotate: -2deg; + .lg\:h-72 { + height: 18rem; } - .lg\:-rotate-1 { - --transform-rotate: -1deg; + .lg\:h-80 { + height: 20rem; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0; + .lg\:h-96 { + height: 24rem; } - .lg\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .lg\:h-auto { + height: auto; } - .lg\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .lg\:h-px { + height: 1px; } - .lg\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .lg\:h-0\.5 { + height: 0.125rem; } - .lg\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .lg\:h-1\.5 { + height: 0.375rem; } - .lg\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .lg\:h-2\.5 { + height: 0.625rem; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .lg\:h-3\.5 { + height: 0.875rem; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .lg\:h-full { + height: 100%; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .lg\:h-screen { + height: 100vh; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .lg\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .lg\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .lg\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .lg\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .lg\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .lg\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .lg\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .lg\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .lg\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .lg\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0; + .lg\:text-5xl { + font-size: 3rem; + line-height: 1; } - .lg\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .lg\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .lg\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .lg\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .lg\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .lg\:text-8xl { + font-size: 6rem; + line-height: 1; } - .lg\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .lg\:text-9xl { + font-size: 8rem; + line-height: 1; } - .lg\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .lg\:leading-3 { + line-height: .75rem; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .lg\:leading-4 { + line-height: 1rem; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .lg\:leading-5 { + line-height: 1.25rem; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .lg\:leading-6 { + line-height: 1.5rem; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .lg\:leading-7 { + line-height: 1.75rem; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .lg\:leading-8 { + line-height: 2rem; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .lg\:leading-9 { + line-height: 2.25rem; } - .lg\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .lg\:leading-10 { + line-height: 2.5rem; } - .lg\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .lg\:leading-none { + line-height: 1; } - .lg\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .lg\:leading-tight { + line-height: 1.25; } - .lg\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .lg\:leading-snug { + line-height: 1.375; } - .lg\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .lg\:leading-normal { + line-height: 1.5; } - .lg\:translate-x-0 { - --transform-translate-x: 0; + .lg\:leading-relaxed { + line-height: 1.625; } - .lg\:translate-x-1 { - --transform-translate-x: 0.25rem; + .lg\:leading-loose { + line-height: 2; } - .lg\:translate-x-2 { - --transform-translate-x: 0.5rem; + .lg\:list-inside { + list-style-position: inside; } - .lg\:translate-x-3 { - --transform-translate-x: 0.75rem; + .lg\:list-outside { + list-style-position: outside; } - .lg\:translate-x-4 { - --transform-translate-x: 1rem; + .lg\:list-none { + list-style-type: none; } - .lg\:translate-x-5 { - --transform-translate-x: 1.25rem; + .lg\:list-disc { + list-style-type: disc; } - .lg\:translate-x-6 { - --transform-translate-x: 1.5rem; + .lg\:list-decimal { + list-style-type: decimal; } - .lg\:translate-x-7 { - --transform-translate-x: 1.75rem; + .lg\:m-0 { + margin: 0; } - .lg\:translate-x-8 { - --transform-translate-x: 2rem; + .lg\:m-1 { + margin: 0.25rem; } - .lg\:translate-x-9 { - --transform-translate-x: 2.25rem; + .lg\:m-2 { + margin: 0.5rem; } - .lg\:translate-x-10 { - --transform-translate-x: 2.5rem; + .lg\:m-3 { + margin: 0.75rem; } - .lg\:translate-x-12 { - --transform-translate-x: 3rem; + .lg\:m-4 { + margin: 1rem; } - .lg\:translate-x-14 { - --transform-translate-x: 3.5rem; + .lg\:m-5 { + margin: 1.25rem; } - .lg\:translate-x-16 { - --transform-translate-x: 4rem; + .lg\:m-6 { + margin: 1.5rem; } - .lg\:translate-x-20 { - --transform-translate-x: 5rem; + .lg\:m-7 { + margin: 1.75rem; } - .lg\:translate-x-24 { - --transform-translate-x: 6rem; + .lg\:m-8 { + margin: 2rem; } - .lg\:translate-x-28 { - --transform-translate-x: 7rem; + .lg\:m-9 { + margin: 2.25rem; } - .lg\:translate-x-32 { - --transform-translate-x: 8rem; + .lg\:m-10 { + margin: 2.5rem; } - .lg\:translate-x-36 { - --transform-translate-x: 9rem; + .lg\:m-12 { + margin: 3rem; } - .lg\:translate-x-40 { - --transform-translate-x: 10rem; + .lg\:m-14 { + margin: 3.5rem; } - .lg\:translate-x-44 { - --transform-translate-x: 11rem; + .lg\:m-16 { + margin: 4rem; } - .lg\:translate-x-48 { - --transform-translate-x: 12rem; + .lg\:m-20 { + margin: 5rem; } - .lg\:translate-x-52 { - --transform-translate-x: 13rem; + .lg\:m-24 { + margin: 6rem; } - .lg\:translate-x-56 { - --transform-translate-x: 14rem; + .lg\:m-28 { + margin: 7rem; } - .lg\:translate-x-60 { - --transform-translate-x: 15rem; + .lg\:m-32 { + margin: 8rem; } - .lg\:translate-x-64 { - --transform-translate-x: 16rem; + .lg\:m-36 { + margin: 9rem; } - .lg\:translate-x-72 { - --transform-translate-x: 18rem; + .lg\:m-40 { + margin: 10rem; } - .lg\:translate-x-80 { - --transform-translate-x: 20rem; + .lg\:m-44 { + margin: 11rem; } - .lg\:translate-x-96 { - --transform-translate-x: 24rem; + .lg\:m-48 { + margin: 12rem; } - .lg\:translate-x-px { - --transform-translate-x: 1px; + .lg\:m-52 { + margin: 13rem; } - .lg\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .lg\:m-56 { + margin: 14rem; } - .lg\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .lg\:m-60 { + margin: 15rem; } - .lg\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .lg\:m-64 { + margin: 16rem; } - .lg\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .lg\:m-72 { + margin: 18rem; } - .lg\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .lg\:m-80 { + margin: 20rem; } - .lg\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .lg\:m-96 { + margin: 24rem; } - .lg\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .lg\:m-auto { + margin: auto; } - .lg\:-translate-x-4 { - --transform-translate-x: -1rem; + .lg\:m-px { + margin: 1px; } - .lg\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .lg\:m-0\.5 { + margin: 0.125rem; } - .lg\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .lg\:m-1\.5 { + margin: 0.375rem; } - .lg\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .lg\:m-2\.5 { + margin: 0.625rem; } - .lg\:-translate-x-8 { - --transform-translate-x: -2rem; + .lg\:m-3\.5 { + margin: 0.875rem; } - .lg\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .lg\:-m-1 { + margin: -0.25rem; } - .lg\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .lg\:-m-2 { + margin: -0.5rem; } - .lg\:-translate-x-12 { - --transform-translate-x: -3rem; + .lg\:-m-3 { + margin: -0.75rem; } - .lg\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .lg\:-m-4 { + margin: -1rem; } - .lg\:-translate-x-16 { - --transform-translate-x: -4rem; + .lg\:-m-5 { + margin: -1.25rem; } - .lg\:-translate-x-20 { - --transform-translate-x: -5rem; + .lg\:-m-6 { + margin: -1.5rem; } - .lg\:-translate-x-24 { - --transform-translate-x: -6rem; + .lg\:-m-7 { + margin: -1.75rem; } - .lg\:-translate-x-28 { - --transform-translate-x: -7rem; + .lg\:-m-8 { + margin: -2rem; } - .lg\:-translate-x-32 { - --transform-translate-x: -8rem; + .lg\:-m-9 { + margin: -2.25rem; } - .lg\:-translate-x-36 { - --transform-translate-x: -9rem; + .lg\:-m-10 { + margin: -2.5rem; } - .lg\:-translate-x-40 { - --transform-translate-x: -10rem; + .lg\:-m-12 { + margin: -3rem; } - .lg\:-translate-x-44 { - --transform-translate-x: -11rem; + .lg\:-m-14 { + margin: -3.5rem; } - .lg\:-translate-x-48 { - --transform-translate-x: -12rem; + .lg\:-m-16 { + margin: -4rem; } - .lg\:-translate-x-52 { - --transform-translate-x: -13rem; + .lg\:-m-20 { + margin: -5rem; } - .lg\:-translate-x-56 { - --transform-translate-x: -14rem; + .lg\:-m-24 { + margin: -6rem; } - .lg\:-translate-x-60 { - --transform-translate-x: -15rem; + .lg\:-m-28 { + margin: -7rem; } - .lg\:-translate-x-64 { - --transform-translate-x: -16rem; + .lg\:-m-32 { + margin: -8rem; } - .lg\:-translate-x-72 { - --transform-translate-x: -18rem; + .lg\:-m-36 { + margin: -9rem; } - .lg\:-translate-x-80 { - --transform-translate-x: -20rem; + .lg\:-m-40 { + margin: -10rem; } - .lg\:-translate-x-96 { - --transform-translate-x: -24rem; + .lg\:-m-44 { + margin: -11rem; } - .lg\:-translate-x-px { - --transform-translate-x: -1px; + .lg\:-m-48 { + margin: -12rem; } - .lg\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .lg\:-m-52 { + margin: -13rem; } - .lg\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .lg\:-m-56 { + margin: -14rem; } - .lg\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .lg\:-m-60 { + margin: -15rem; } - .lg\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .lg\:-m-64 { + margin: -16rem; } - .lg\:translate-x-1\/2 { - --transform-translate-x: 50%; + .lg\:-m-72 { + margin: -18rem; } - .lg\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .lg\:-m-80 { + margin: -20rem; } - .lg\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .lg\:-m-96 { + margin: -24rem; } - .lg\:translate-x-1\/4 { - --transform-translate-x: 25%; + .lg\:-m-px { + margin: -1px; } - .lg\:translate-x-2\/4 { - --transform-translate-x: 50%; + .lg\:-m-0\.5 { + margin: -0.125rem; } - .lg\:translate-x-3\/4 { - --transform-translate-x: 75%; + .lg\:-m-1\.5 { + margin: -0.375rem; } - .lg\:translate-x-full { - --transform-translate-x: 100%; + .lg\:-m-2\.5 { + margin: -0.625rem; } - .lg\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .lg\:-m-3\.5 { + margin: -0.875rem; } - .lg\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:-translate-x-full { - --transform-translate-x: -100%; + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:translate-y-0 { - --transform-translate-y: 0; + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:translate-y-1 { - --transform-translate-y: 0.25rem; + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:translate-y-2 { - --transform-translate-y: 0.5rem; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:translate-y-3 { - --transform-translate-y: 0.75rem; + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:translate-y-4 { - --transform-translate-y: 1rem; + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:translate-y-5 { - --transform-translate-y: 1.25rem; + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:translate-y-6 { - --transform-translate-y: 1.5rem; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:translate-y-7 { - --transform-translate-y: 1.75rem; + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:translate-y-8 { - --transform-translate-y: 2rem; + .lg\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .lg\:translate-y-9 { - --transform-translate-y: 2.25rem; + .lg\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .lg\:translate-y-10 { - --transform-translate-y: 2.5rem; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:translate-y-12 { - --transform-translate-y: 3rem; + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:translate-y-14 { - --transform-translate-y: 3.5rem; + .lg\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .lg\:translate-y-16 { - --transform-translate-y: 4rem; + .lg\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .lg\:translate-y-20 { - --transform-translate-y: 5rem; + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:translate-y-24 { - --transform-translate-y: 6rem; + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:translate-y-28 { - --transform-translate-y: 7rem; + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:translate-y-32 { - --transform-translate-y: 8rem; + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:translate-y-36 { - --transform-translate-y: 9rem; + .lg\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .lg\:translate-y-40 { - --transform-translate-y: 10rem; + .lg\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .lg\:translate-y-44 { - --transform-translate-y: 11rem; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:translate-y-48 { - --transform-translate-y: 12rem; + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:translate-y-52 { - --transform-translate-y: 13rem; + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:translate-y-56 { - --transform-translate-y: 14rem; + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:translate-y-60 { - --transform-translate-y: 15rem; + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:translate-y-64 { - --transform-translate-y: 16rem; + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:translate-y-72 { - --transform-translate-y: 18rem; + .lg\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .lg\:translate-y-80 { - --transform-translate-y: 20rem; + .lg\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .lg\:translate-y-96 { - --transform-translate-y: 24rem; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:translate-y-px { - --transform-translate-y: 1px; + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .lg\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .lg\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .lg\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .lg\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .lg\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .lg\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .lg\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .lg\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:-translate-y-4 { - --transform-translate-y: -1rem; + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .lg\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .lg\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .lg\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .lg\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:-translate-y-8 { - --transform-translate-y: -2rem; + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .lg\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .lg\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .lg\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .lg\:-translate-y-12 { - --transform-translate-y: -3rem; + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:-translate-y-16 { - --transform-translate-y: -4rem; + .lg\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .lg\:-translate-y-20 { - --transform-translate-y: -5rem; + .lg\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .lg\:-translate-y-24 { - --transform-translate-y: -6rem; + .lg\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .lg\:-translate-y-28 { - --transform-translate-y: -7rem; + .lg\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .lg\:-translate-y-32 { - --transform-translate-y: -8rem; + .lg\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .lg\:-translate-y-36 { - --transform-translate-y: -9rem; + .lg\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .lg\:-translate-y-40 { - --transform-translate-y: -10rem; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:-translate-y-44 { - --transform-translate-y: -11rem; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:-translate-y-48 { - --transform-translate-y: -12rem; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:-translate-y-52 { - --transform-translate-y: -13rem; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:-translate-y-56 { - --transform-translate-y: -14rem; + .lg\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .lg\:-translate-y-60 { - --transform-translate-y: -15rem; + .lg\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .lg\:-translate-y-64 { - --transform-translate-y: -16rem; + .lg\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .lg\:-translate-y-72 { - --transform-translate-y: -18rem; + .lg\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .lg\:-translate-y-80 { - --transform-translate-y: -20rem; + .lg\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .lg\:-translate-y-96 { - --transform-translate-y: -24rem; + .lg\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .lg\:-translate-y-px { - --transform-translate-y: -1px; + .lg\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .lg\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .lg\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .lg\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:translate-y-1\/2 { - --transform-translate-y: 50%; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:translate-y-1\/4 { - --transform-translate-y: 25%; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:translate-y-2\/4 { - --transform-translate-y: 50%; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:translate-y-3\/4 { - --transform-translate-y: 75%; + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:translate-y-full { - --transform-translate-y: 100%; + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .lg\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .lg\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .lg\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .lg\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:-translate-y-full { - --transform-translate-y: -100%; + .lg\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .lg\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .lg\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .lg\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .lg\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .lg\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .lg\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .lg\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .lg\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .lg\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .lg\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .lg\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .lg\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .lg\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .lg\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .lg\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .lg\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .lg\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .lg\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .lg\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .lg\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .lg\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .lg\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .lg\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .lg\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .lg\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .lg\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .lg\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .lg\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .lg\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .lg\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .lg\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .lg\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .lg\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .lg\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .lg\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .lg\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .lg\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .lg\:mt-0 { + margin-top: 0; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .lg\:mr-0 { + margin-right: 0; } - .lg\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .lg\:mb-0 { + margin-bottom: 0; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .lg\:ml-0 { + margin-left: 0; } - .lg\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .lg\:mt-1 { + margin-top: 0.25rem; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .lg\:mr-1 { + margin-right: 0.25rem; } - .lg\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .lg\:ml-1 { + margin-left: 0.25rem; } - .lg\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .lg\:mt-2 { + margin-top: 0.5rem; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .lg\:mr-2 { + margin-right: 0.5rem; } - .lg\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .lg\:ml-2 { + margin-left: 0.5rem; } - .lg\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .lg\:mt-3 { + margin-top: 0.75rem; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .lg\:mr-3 { + margin-right: 0.75rem; } - .lg\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .lg\:ml-3 { + margin-left: 0.75rem; } - .lg\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .lg\:mt-4 { + margin-top: 1rem; } - .lg\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .lg\:mr-4 { + margin-right: 1rem; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .lg\:mb-4 { + margin-bottom: 1rem; } - .lg\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .lg\:ml-4 { + margin-left: 1rem; } - .lg\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .lg\:mt-5 { + margin-top: 1.25rem; } - .lg\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .lg\:mr-5 { + margin-right: 1.25rem; } - .lg\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .lg\:ml-5 { + margin-left: 1.25rem; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .lg\:mt-6 { + margin-top: 1.5rem; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .lg\:mr-6 { + margin-right: 1.5rem; } - .lg\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .lg\:ml-6 { + margin-left: 1.5rem; } - .lg\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .lg\:mt-7 { + margin-top: 1.75rem; } - .lg\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .lg\:mr-7 { + margin-right: 1.75rem; } - .lg\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .lg\:mb-7 { + margin-bottom: 1.75rem; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .lg\:ml-7 { + margin-left: 1.75rem; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .lg\:mt-8 { + margin-top: 2rem; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .lg\:mr-8 { + margin-right: 2rem; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .lg\:mb-8 { + margin-bottom: 2rem; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .lg\:ml-8 { + margin-left: 2rem; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .lg\:mt-9 { + margin-top: 2.25rem; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .lg\:mr-9 { + margin-right: 2.25rem; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .lg\:mb-9 { + margin-bottom: 2.25rem; } - .lg\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .lg\:ml-9 { + margin-left: 2.25rem; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .lg\:mt-10 { + margin-top: 2.5rem; } - .lg\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .lg\:mr-10 { + margin-right: 2.5rem; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .lg\:ml-10 { + margin-left: 2.5rem; } - .lg\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .lg\:mt-12 { + margin-top: 3rem; } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .lg\:mr-12 { + margin-right: 3rem; } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .lg\:mb-12 { + margin-bottom: 3rem; } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .lg\:ml-12 { + margin-left: 3rem; } - .lg\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .lg\:mt-14 { + margin-top: 3.5rem; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:mr-14 { + margin-right: 3.5rem; } - .lg\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .lg\:mb-14 { + margin-bottom: 3.5rem; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .lg\:ml-14 { + margin-left: 3.5rem; } - .lg\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .lg\:mt-16 { + margin-top: 4rem; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:mr-16 { + margin-right: 4rem; } - .lg\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .lg\:mb-16 { + margin-bottom: 4rem; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .lg\:ml-16 { + margin-left: 4rem; } - .lg\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .lg\:mt-20 { + margin-top: 5rem; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:mr-20 { + margin-right: 5rem; } - .lg\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .lg\:mb-20 { + margin-bottom: 5rem; } - .lg\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .lg\:ml-20 { + margin-left: 5rem; } - .lg\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .lg\:mt-24 { + margin-top: 6rem; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .lg\:mr-24 { + margin-right: 6rem; } - .lg\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .lg\:mb-24 { + margin-bottom: 6rem; } - .lg\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .lg\:ml-24 { + margin-left: 6rem; } - .lg\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .lg\:mt-28 { + margin-top: 7rem; } - .lg\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .lg\:mr-28 { + margin-right: 7rem; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .lg\:mb-28 { + margin-bottom: 7rem; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .lg\:ml-28 { + margin-left: 7rem; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .lg\:mt-32 { + margin-top: 8rem; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:mr-32 { + margin-right: 8rem; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:mb-32 { + margin-bottom: 8rem; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .lg\:ml-32 { + margin-left: 8rem; } - .lg\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .lg\:mt-36 { + margin-top: 9rem; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:mr-36 { + margin-right: 9rem; } - .lg\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .lg\:mb-36 { + margin-bottom: 9rem; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .lg\:ml-36 { + margin-left: 9rem; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:mt-40 { + margin-top: 10rem; } - .lg\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .lg\:mr-40 { + margin-right: 10rem; } - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .lg\:mb-40 { + margin-bottom: 10rem; } - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .lg\:ml-40 { + margin-left: 10rem; } - .lg\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .lg\:mt-44 { + margin-top: 11rem; } - .lg\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .lg\:mr-44 { + margin-right: 11rem; } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .lg\:mb-44 { + margin-bottom: 11rem; } - .lg\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .lg\:ml-44 { + margin-left: 11rem; } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .lg\:mt-48 { + margin-top: 12rem; } - .lg\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .lg\:mr-48 { + margin-right: 12rem; } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .lg\:mb-48 { + margin-bottom: 12rem; } - .lg\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .lg\:ml-48 { + margin-left: 12rem; } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .lg\:mt-52 { + margin-top: 13rem; } - .lg\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .lg\:mr-52 { + margin-right: 13rem; } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .lg\:mb-52 { + margin-bottom: 13rem; } - .lg\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .lg\:ml-52 { + margin-left: 13rem; } - .lg\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .lg\:mt-56 { + margin-top: 14rem; } - .lg\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .lg\:mr-56 { + margin-right: 14rem; } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .lg\:mb-56 { + margin-bottom: 14rem; } - .lg\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .lg\:ml-56 { + margin-left: 14rem; } - .lg\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .lg\:mt-60 { + margin-top: 15rem; } - .lg\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .lg\:mr-60 { + margin-right: 15rem; } - .lg\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .lg\:mb-60 { + margin-bottom: 15rem; } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .lg\:ml-60 { + margin-left: 15rem; } - .lg\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .lg\:mt-64 { + margin-top: 16rem; } - .lg\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .lg\:mr-64 { + margin-right: 16rem; } - .lg\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .lg\:mb-64 { + margin-bottom: 16rem; } - .lg\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .lg\:ml-64 { + margin-left: 16rem; } - .lg\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .lg\:mt-72 { + margin-top: 18rem; } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .lg\:mr-72 { + margin-right: 18rem; } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .lg\:mb-72 { + margin-bottom: 18rem; } - .lg\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .lg\:ml-72 { + margin-left: 18rem; } - .lg\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .lg\:mt-80 { + margin-top: 20rem; } - .lg\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .lg\:mr-80 { + margin-right: 20rem; } - .lg\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .lg\:mb-80 { + margin-bottom: 20rem; } - .lg\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .lg\:ml-80 { + margin-left: 20rem; } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .lg\:mt-96 { + margin-top: 24rem; } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .lg\:mr-96 { + margin-right: 24rem; } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .lg\:mb-96 { + margin-bottom: 24rem; } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .lg\:ml-96 { + margin-left: 24rem; } - .lg\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .lg\:mt-auto { + margin-top: auto; } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .lg\:mr-auto { + margin-right: auto; } - .lg\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .lg\:mb-auto { + margin-bottom: auto; } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .lg\:ml-auto { + margin-left: auto; } - .lg\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .lg\:mt-px { + margin-top: 1px; } - .lg\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .lg\:mr-px { + margin-right: 1px; } - .lg\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .lg\:mb-px { + margin-bottom: 1px; } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .lg\:ml-px { + margin-left: 1px; } - .lg\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .lg\:mt-0\.5 { + margin-top: 0.125rem; } - .lg\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .lg\:mr-0\.5 { + margin-right: 0.125rem; } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .lg\:mb-0\.5 { + margin-bottom: 0.125rem; } - .lg\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .lg\:ml-0\.5 { + margin-left: 0.125rem; } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .lg\:mt-1\.5 { + margin-top: 0.375rem; } - .lg\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .lg\:mr-1\.5 { + margin-right: 0.375rem; } - .lg\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .lg\:mb-1\.5 { + margin-bottom: 0.375rem; } - .lg\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .lg\:ml-1\.5 { + margin-left: 0.375rem; } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .lg\:mt-2\.5 { + margin-top: 0.625rem; } - .lg\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .lg\:mr-2\.5 { + margin-right: 0.625rem; } - .lg\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .lg\:mb-2\.5 { + margin-bottom: 0.625rem; } - .lg\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .lg\:ml-2\.5 { + margin-left: 0.625rem; } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .lg\:mt-3\.5 { + margin-top: 0.875rem; } - .lg\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .lg\:mr-3\.5 { + margin-right: 0.875rem; } - .lg\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .lg\:mb-3\.5 { + margin-bottom: 0.875rem; } - .lg\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .lg\:ml-3\.5 { + margin-left: 0.875rem; } - .lg\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .lg\:-mr-3 { + margin-right: -0.75rem; } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .lg\:-mt-5 { + margin-top: -1.25rem; } - .lg\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .lg\:-mr-5 { + margin-right: -1.25rem; } - .lg\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .lg\:-ml-5 { + margin-left: -1.25rem; } - .lg\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .lg\:-mt-7 { + margin-top: -1.75rem; } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .lg\:-mr-7 { + margin-right: -1.75rem; } - .lg\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .lg\:-mb-7 { + margin-bottom: -1.75rem; } - .lg\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .lg\:-ml-7 { + margin-left: -1.75rem; } - .lg\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .lg\:-mt-9 { + margin-top: -2.25rem; } - .lg\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .lg\:-mr-9 { + margin-right: -2.25rem; } - .lg\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .lg\:-mb-9 { + margin-bottom: -2.25rem; } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .lg\:-ml-9 { + margin-left: -2.25rem; } - .lg\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .lg\:-mt-10 { + margin-top: -2.5rem; } - .lg\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .lg\:-mr-10 { + margin-right: -2.5rem; } - .lg\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .lg\:-ml-10 { + margin-left: -2.5rem; } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .lg\:-mt-12 { + margin-top: -3rem; } - .lg\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .lg\:-mr-12 { + margin-right: -3rem; } - .lg\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .lg\:-mb-12 { + margin-bottom: -3rem; } - .lg\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .lg\:-ml-12 { + margin-left: -3rem; } - .lg\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .lg\:-mt-14 { + margin-top: -3.5rem; } - .lg\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .lg\:-mr-14 { + margin-right: -3.5rem; } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .lg\:-mb-14 { + margin-bottom: -3.5rem; } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .lg\:-ml-14 { + margin-left: -3.5rem; } - .lg\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .lg\:-mt-16 { + margin-top: -4rem; } - .lg\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .lg\:-mr-16 { + margin-right: -4rem; } - .lg\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .lg\:-mb-16 { + margin-bottom: -4rem; } - .lg\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .lg\:-ml-16 { + margin-left: -4rem; } - .lg\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .lg\:-mt-20 { + margin-top: -5rem; } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .lg\:-mr-20 { + margin-right: -5rem; } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .lg\:-mb-20 { + margin-bottom: -5rem; } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .lg\:-ml-20 { + margin-left: -5rem; } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .lg\:-mt-24 { + margin-top: -6rem; } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .lg\:-mr-24 { + margin-right: -6rem; } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .lg\:-mb-24 { + margin-bottom: -6rem; } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .lg\:-ml-24 { + margin-left: -6rem; } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .lg\:-mt-28 { + margin-top: -7rem; } - .lg\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .lg\:-mr-28 { + margin-right: -7rem; } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .lg\:-mb-28 { + margin-bottom: -7rem; } - .lg\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .lg\:-ml-28 { + margin-left: -7rem; } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .lg\:-mt-32 { + margin-top: -8rem; } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .lg\:-mr-32 { + margin-right: -8rem; } - .lg\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .lg\:-mb-32 { + margin-bottom: -8rem; } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .lg\:-ml-32 { + margin-left: -8rem; } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .lg\:-mt-36 { + margin-top: -9rem; } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .lg\:-mr-36 { + margin-right: -9rem; } - .lg\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .lg\:-mb-36 { + margin-bottom: -9rem; } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .lg\:-ml-36 { + margin-left: -9rem; } - .lg\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .lg\:-mt-40 { + margin-top: -10rem; } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .lg\:-mr-40 { + margin-right: -10rem; } - .lg\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .lg\:-mb-40 { + margin-bottom: -10rem; } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .lg\:-ml-40 { + margin-left: -10rem; } - .lg\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .lg\:-mt-44 { + margin-top: -11rem; } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .lg\:-mr-44 { + margin-right: -11rem; } - .lg\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .lg\:-mb-44 { + margin-bottom: -11rem; } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .lg\:-ml-44 { + margin-left: -11rem; } - .lg\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .lg\:-mt-48 { + margin-top: -12rem; } - .lg\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .lg\:-mr-48 { + margin-right: -12rem; } - .lg\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .lg\:-mb-48 { + margin-bottom: -12rem; } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .lg\:-ml-48 { + margin-left: -12rem; } - .lg\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .lg\:-mt-52 { + margin-top: -13rem; } - .lg\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .lg\:-mr-52 { + margin-right: -13rem; } - .lg\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .lg\:-mb-52 { + margin-bottom: -13rem; } - .lg\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .lg\:-ml-52 { + margin-left: -13rem; } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .lg\:-mt-56 { + margin-top: -14rem; } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .lg\:-mr-56 { + margin-right: -14rem; } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .lg\:-mb-56 { + margin-bottom: -14rem; } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .lg\:-ml-56 { + margin-left: -14rem; } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .lg\:-mt-60 { + margin-top: -15rem; } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .lg\:-mr-60 { + margin-right: -15rem; } - .lg\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .lg\:-mb-60 { + margin-bottom: -15rem; } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .lg\:-ml-60 { + margin-left: -15rem; } - .lg\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .lg\:-mt-64 { + margin-top: -16rem; } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .lg\:-mr-64 { + margin-right: -16rem; } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .lg\:-mb-64 { + margin-bottom: -16rem; } - .lg\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .lg\:-ml-64 { + margin-left: -16rem; } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .lg\:-mt-72 { + margin-top: -18rem; } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .lg\:-mr-72 { + margin-right: -18rem; } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .lg\:-mb-72 { + margin-bottom: -18rem; } - .lg\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .lg\:-ml-72 { + margin-left: -18rem; } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .lg\:-mt-80 { + margin-top: -20rem; } - .lg\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .lg\:-mr-80 { + margin-right: -20rem; } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .lg\:-mb-80 { + margin-bottom: -20rem; } - .lg\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .lg\:-ml-80 { + margin-left: -20rem; } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .lg\:-mt-96 { + margin-top: -24rem; } - .lg\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .lg\:-mr-96 { + margin-right: -24rem; } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .lg\:-mb-96 { + margin-bottom: -24rem; } - .lg\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .lg\:-ml-96 { + margin-left: -24rem; } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .lg\:-mt-px { + margin-top: -1px; } - .lg\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .lg\:-mr-px { + margin-right: -1px; } - .lg\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .lg\:-ml-px { + margin-left: -1px; } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .lg\:-mt-0\.5 { + margin-top: -0.125rem; } - .lg\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .lg\:-mr-0\.5 { + margin-right: -0.125rem; } - .lg\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .lg\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .lg\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .lg\:-ml-0\.5 { + margin-left: -0.125rem; } - .lg\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .lg\:-mt-1\.5 { + margin-top: -0.375rem; } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .lg\:-mr-1\.5 { + margin-right: -0.375rem; } - .lg\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .lg\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .lg\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .lg\:-ml-1\.5 { + margin-left: -0.375rem; } - .lg\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .lg\:-mt-2\.5 { + margin-top: -0.625rem; } - .lg\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .lg\:-mr-2\.5 { + margin-right: -0.625rem; } - .lg\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .lg\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .lg\:-ml-2\.5 { + margin-left: -0.625rem; } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .lg\:-mt-3\.5 { + margin-top: -0.875rem; } - .lg\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .lg\:-mr-3\.5 { + margin-right: -0.875rem; } - .lg\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .lg\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .lg\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .lg\:-ml-3\.5 { + margin-left: -0.875rem; } - .lg\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .lg\:max-h-0 { + max-height: 0; } - .lg\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .lg\:max-h-1 { + max-height: 0.25rem; } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .lg\:max-h-2 { + max-height: 0.5rem; } - .lg\:skew-x-0 { - --transform-skew-x: 0; + .lg\:max-h-3 { + max-height: 0.75rem; } - .lg\:skew-x-1 { - --transform-skew-x: 1deg; + .lg\:max-h-4 { + max-height: 1rem; } - .lg\:skew-x-2 { - --transform-skew-x: 2deg; + .lg\:max-h-5 { + max-height: 1.25rem; } - .lg\:skew-x-3 { - --transform-skew-x: 3deg; + .lg\:max-h-6 { + max-height: 1.5rem; } - .lg\:skew-x-6 { - --transform-skew-x: 6deg; + .lg\:max-h-7 { + max-height: 1.75rem; } - .lg\:skew-x-12 { - --transform-skew-x: 12deg; + .lg\:max-h-8 { + max-height: 2rem; } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg; + .lg\:max-h-9 { + max-height: 2.25rem; } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg; + .lg\:max-h-10 { + max-height: 2.5rem; } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg; + .lg\:max-h-12 { + max-height: 3rem; } - .lg\:-skew-x-2 { - --transform-skew-x: -2deg; + .lg\:max-h-14 { + max-height: 3.5rem; } - .lg\:-skew-x-1 { - --transform-skew-x: -1deg; + .lg\:max-h-16 { + max-height: 4rem; } - .lg\:skew-y-0 { - --transform-skew-y: 0; + .lg\:max-h-20 { + max-height: 5rem; } - .lg\:skew-y-1 { - --transform-skew-y: 1deg; + .lg\:max-h-24 { + max-height: 6rem; } - .lg\:skew-y-2 { - --transform-skew-y: 2deg; + .lg\:max-h-28 { + max-height: 7rem; } - .lg\:skew-y-3 { - --transform-skew-y: 3deg; + .lg\:max-h-32 { + max-height: 8rem; } - .lg\:skew-y-6 { - --transform-skew-y: 6deg; + .lg\:max-h-36 { + max-height: 9rem; } - .lg\:skew-y-12 { - --transform-skew-y: 12deg; + .lg\:max-h-40 { + max-height: 10rem; } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg; + .lg\:max-h-44 { + max-height: 11rem; } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg; + .lg\:max-h-48 { + max-height: 12rem; } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg; + .lg\:max-h-52 { + max-height: 13rem; } - .lg\:-skew-y-2 { - --transform-skew-y: -2deg; + .lg\:max-h-56 { + max-height: 14rem; } - .lg\:-skew-y-1 { - --transform-skew-y: -1deg; + .lg\:max-h-60 { + max-height: 15rem; } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .lg\:max-h-64 { + max-height: 16rem; } - .lg\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .lg\:max-h-72 { + max-height: 18rem; } - .lg\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .lg\:max-h-80 { + max-height: 20rem; } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .lg\:max-h-96 { + max-height: 24rem; } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .lg\:max-h-px { + max-height: 1px; } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .lg\:max-h-0\.5 { + max-height: 0.125rem; } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .lg\:max-h-1\.5 { + max-height: 0.375rem; } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .lg\:max-h-2\.5 { + max-height: 0.625rem; } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .lg\:max-h-3\.5 { + max-height: 0.875rem; } - .lg\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .lg\:max-h-full { + max-height: 100%; } - .lg\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .lg\:max-w-0 { + max-width: 0rem; } - .lg\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .lg\:max-w-none { + max-width: none; } - .lg\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .lg\:max-w-sm { + max-width: 24rem; } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .lg\:max-w-md { + max-width: 28rem; } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .lg\:max-w-lg { + max-width: 32rem; } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .lg\:max-w-xl { + max-width: 36rem; } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .lg\:max-w-2xl { + max-width: 42rem; } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .lg\:max-w-3xl { + max-width: 48rem; } - .lg\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .lg\:max-w-4xl { + max-width: 56rem; } - .lg\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .lg\:max-w-5xl { + max-width: 64rem; } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .lg\:max-w-6xl { + max-width: 72rem; } - .lg\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .lg\:max-w-7xl { + max-width: 80rem; } - .lg\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .lg\:max-w-full { + max-width: 100%; } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .lg\:max-w-min { + max-width: min-content; } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .lg\:max-w-max { + max-width: max-content; } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .lg\:max-w-screen-sm { + max-width: 640px; } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .lg\:max-w-screen-md { + max-width: 768px; } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .lg\:max-w-screen-lg { + max-width: 1024px; } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .lg\:max-w-screen-xl { + max-width: 1280px; } - .lg\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .lg\:max-w-screen-2xl { + max-width: 1536px; } - .lg\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .lg\:min-h-0 { + min-height: 0; } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .lg\:min-h-full { + min-height: 100%; } - .lg\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .lg\:min-h-screen { + min-height: 100vh; } - .lg\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .lg\:min-w-0 { + min-width: 0; } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .lg\:min-w-full { + min-width: 100%; } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .lg\:min-w-min { + min-width: min-content; } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .lg\:min-w-max { + min-width: max-content; } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .lg\:object-contain { + object-fit: contain; } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .lg\:object-cover { + object-fit: cover; } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .lg\:object-fill { + object-fit: fill; } - .lg\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .lg\:object-none { + object-fit: none; } - .lg\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .lg\:object-scale-down { + object-fit: scale-down; } - .lg\:transition-none { - transition-property: none; + .lg\:object-bottom { + object-position: bottom; } - .lg\:transition-all { - transition-property: all; + .lg\:object-center { + object-position: center; } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .lg\:object-left { + object-position: left; } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .lg\:object-left-bottom { + object-position: left bottom; } - .lg\:transition-opacity { - transition-property: opacity; + .lg\:object-left-top { + object-position: left top; } - .lg\:transition-shadow { - transition-property: box-shadow; + .lg\:object-right { + object-position: right; } - .lg\:transition-transform { - transition-property: transform; + .lg\:object-right-bottom { + object-position: right bottom; } - .lg\:ease-linear { - transition-timing-function: linear; + .lg\:object-right-top { + object-position: right top; } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .lg\:object-top { + object-position: top; } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .lg\:opacity-0 { + opacity: 0; } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .lg\:opacity-25 { + opacity: 0.25; } - .lg\:duration-75 { - transition-duration: 75ms; + .lg\:opacity-50 { + opacity: 0.5; } - .lg\:duration-100 { - transition-duration: 100ms; + .lg\:opacity-75 { + opacity: 0.75; } - .lg\:duration-150 { - transition-duration: 150ms; + .lg\:opacity-100 { + opacity: 1; } - .lg\:duration-200 { - transition-duration: 200ms; + .group:hover .lg\:group-hover\:opacity-0 { + opacity: 0; } - .lg\:duration-300 { - transition-duration: 300ms; + .group:hover .lg\:group-hover\:opacity-25 { + opacity: 0.25; } - .lg\:duration-500 { - transition-duration: 500ms; + .group:hover .lg\:group-hover\:opacity-50 { + opacity: 0.5; } - .lg\:duration-700 { - transition-duration: 700ms; + .group:hover .lg\:group-hover\:opacity-75 { + opacity: 0.75; } - .lg\:duration-1000 { - transition-duration: 1000ms; + .group:hover .lg\:group-hover\:opacity-100 { + opacity: 1; } - .lg\:delay-75 { - transition-delay: 75ms; + .lg\:hover\:opacity-0:hover { + opacity: 0; } - .lg\:delay-100 { - transition-delay: 100ms; + .lg\:hover\:opacity-25:hover { + opacity: 0.25; } - .lg\:delay-150 { - transition-delay: 150ms; + .lg\:hover\:opacity-50:hover { + opacity: 0.5; } - .lg\:delay-200 { - transition-delay: 200ms; + .lg\:hover\:opacity-75:hover { + opacity: 0.75; } - .lg\:delay-300 { - transition-delay: 300ms; + .lg\:hover\:opacity-100:hover { + opacity: 1; } - .lg\:delay-500 { - transition-delay: 500ms; + .lg\:focus\:opacity-0:focus { + opacity: 0; } - .lg\:delay-700 { - transition-delay: 700ms; + .lg\:focus\:opacity-25:focus { + opacity: 0.25; } - .lg\:delay-1000 { - transition-delay: 1000ms; + .lg\:focus\:opacity-50:focus { + opacity: 0.5; } - .lg\:animate-none { - animation: none; + .lg\:focus\:opacity-75:focus { + opacity: 0.75; } - .lg\:animate-spin { - animation: spin 1s linear infinite; + .lg\:focus\:opacity-100:focus { + opacity: 1; } - .lg\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .lg\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .lg\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .lg\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .lg\:animate-bounce { - animation: bounce 1s infinite; + .lg\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .lg\:example { - font-weight: 700; - color: #ef4444; + .lg\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } -} -@media (min-width: 1280px) { - .xl\:container { - width: 100%; + .lg\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - @media (min-width: 640px) { - .xl\:container { - max-width: 640px; - } + .lg\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - @media (min-width: 768px) { - .xl\:container { - max-width: 768px; - } + .lg\:overflow-auto { + overflow: auto; } - @media (min-width: 1024px) { - .xl\:container { - max-width: 1024px; - } + .lg\:overflow-hidden { + overflow: hidden; } - @media (min-width: 1280px) { - .xl\:container { - max-width: 1280px; - } + .lg\:overflow-visible { + overflow: visible; } - @media (min-width: 1536px) { - .xl\:container { - max-width: 1536px; - } + .lg\:overflow-scroll { + overflow: scroll; } - .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\:overflow-x-auto { + overflow-x: auto; } - .xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-auto { + overflow-y: auto; } - .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\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .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\:overflow-x-visible { + overflow-x: visible; } - .xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-visible { + overflow-y: visible; } - .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\:overflow-x-scroll { + overflow-x: scroll; } - .xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .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\:overscroll-auto { + overscroll-behavior: auto; } - .xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-contain { + overscroll-behavior: contain; } - .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\:overscroll-none { + overscroll-behavior: none; } - .xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .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\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-y-none { + overscroll-behavior-y: none; } - .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\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .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\:overscroll-x-none { + overscroll-behavior-x: none; } - .xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .lg\:p-0 { + padding: 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)); + .lg\:p-1 { + padding: 0.25rem; } - .xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:p-2 { + padding: 0.5rem; } - .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\:p-3 { + padding: 0.75rem; } - .xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:p-4 { + padding: 1rem; } - .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\:p-5 { + padding: 1.25rem; } - .xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .lg\:p-6 { + padding: 1.5rem; } - .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\:p-7 { + padding: 1.75rem; } - .xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:p-8 { + padding: 2rem; } - .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\:p-9 { + padding: 2.25rem; } - .xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .lg\:p-10 { + padding: 2.5rem; } - .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\:p-12 { + padding: 3rem; } - .xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .lg\:p-14 { + padding: 3.5rem; } - .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\:p-16 { + padding: 4rem; } - .xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .lg\:p-20 { + padding: 5rem; } - .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\:p-24 { + padding: 6rem; } - .xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .lg\:p-28 { + padding: 7rem; } - .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\:p-32 { + padding: 8rem; } - .xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .lg\:p-36 { + padding: 9rem; } - .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\:p-40 { + padding: 10rem; } - .xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .lg\:p-44 { + padding: 11rem; } - .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\:p-48 { + padding: 12rem; } - .xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .lg\:p-52 { + padding: 13rem; } - .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\:p-56 { + padding: 14rem; } - .xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .lg\:p-60 { + padding: 15rem; } - .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\:p-64 { + padding: 16rem; } - .xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .lg\:p-72 { + padding: 18rem; } - .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\:p-80 { + padding: 20rem; } - .xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .lg\:p-96 { + padding: 24rem; } - .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\:p-px { + padding: 1px; } - .xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .lg\:p-0\.5 { + padding: 0.125rem; } - .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\:p-1\.5 { + padding: 0.375rem; } - .xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .lg\:p-2\.5 { + padding: 0.625rem; } - .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\:p-3\.5 { + padding: 0.875rem; } - .xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .lg\:py-0 { + padding-top: 0; + padding-bottom: 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)); + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .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\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .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\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .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\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .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\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.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\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .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\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .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\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .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\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .lg\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .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\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .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\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .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\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .lg\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .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\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .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\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .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\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .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\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .lg\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .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\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .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\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .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\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .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\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .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\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .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\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .lg\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .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\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .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\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .lg\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .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\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .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\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .lg\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .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\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .lg\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .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\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .lg\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .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\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .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\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .lg\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .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\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .lg\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .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\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .lg\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .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\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .lg\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .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\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-0 { + padding-top: 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\:pr-0 { + padding-right: 0; } - .xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .lg\:pb-0 { + padding-bottom: 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)); + .lg\:pl-0 { + padding-left: 0; } - .xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-1 { + padding-top: 0.25rem; } - .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\:pr-1 { + padding-right: 0.25rem; } - .xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .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\:pl-1 { + padding-left: 0.25rem; } - .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-2 { + padding-top: 0.5rem; } - .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\:pr-2 { + padding-right: 0.5rem; } - .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .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\:pl-2 { + padding-left: 0.5rem; } - .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .lg\:pt-3 { + padding-top: 0.75rem; } - .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\:pr-3 { + padding-right: 0.75rem; } - .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .lg\:pl-3 { + padding-left: 0.75rem; } - .xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .lg\:pt-4 { + padding-top: 1rem; } - .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\:pr-4 { + padding-right: 1rem; } - .xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .lg\:pb-4 { + padding-bottom: 1rem; } - .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\:pl-4 { + padding-left: 1rem; } - .xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .lg\:pt-5 { + padding-top: 1.25rem; } - .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\:pr-5 { + padding-right: 1.25rem; } - .xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .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\:pl-5 { + padding-left: 1.25rem; } - .xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .lg\:pt-6 { + padding-top: 1.5rem; } - .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\:pr-6 { + padding-right: 1.5rem; } - .xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .lg\:pl-6 { + padding-left: 1.5rem; } - .xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .lg\:pt-7 { + padding-top: 1.75rem; } - .xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .lg\:pr-7 { + padding-right: 1.75rem; } - .xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .lg\:pb-7 { + padding-bottom: 1.75rem; } - .xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .lg\:pl-7 { + padding-left: 1.75rem; } - .xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .lg\:pt-8 { + padding-top: 2rem; } - .xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); + .lg\:pr-8 { + padding-right: 2rem; } - .xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); + .lg\:pb-8 { + padding-bottom: 2rem; } - .xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); + .lg\:pl-8 { + padding-left: 2rem; } - .xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); + .lg\:pt-9 { + padding-top: 2.25rem; } - .xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); + .lg\:pr-9 { + padding-right: 2.25rem; } - .xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); + .lg\:pb-9 { + padding-bottom: 2.25rem; } - .xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); + .lg\:pl-9 { + padding-left: 2.25rem; } - .xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); + .lg\:pt-10 { + padding-top: 2.5rem; } - .xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); + .lg\:pr-10 { + padding-right: 2.5rem; } - .xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); + .lg\:pl-10 { + padding-left: 2.5rem; } - .xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); + .lg\:pt-12 { + padding-top: 3rem; } - .xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); + .lg\:pr-12 { + padding-right: 3rem; } - .xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); + .lg\:pb-12 { + padding-bottom: 3rem; } - .xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); + .lg\:pl-12 { + padding-left: 3rem; } - .xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); + .lg\:pt-14 { + padding-top: 3.5rem; } - .xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); + .lg\:pr-14 { + padding-right: 3.5rem; } - .xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); + .lg\:pb-14 { + padding-bottom: 3.5rem; } - .xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); + .lg\:pl-14 { + padding-left: 3.5rem; } - .xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); + .lg\:pt-16 { + padding-top: 4rem; } - .xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); + .lg\:pr-16 { + padding-right: 4rem; } - .xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); + .lg\:pb-16 { + padding-bottom: 4rem; } - .xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); + .lg\:pl-16 { + padding-left: 4rem; } - .xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); + .lg\:pt-20 { + padding-top: 5rem; } - .xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); + .lg\:pr-20 { + padding-right: 5rem; } - .xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); + .lg\:pb-20 { + padding-bottom: 5rem; } - .xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); + .lg\:pl-20 { + padding-left: 5rem; } - .xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); + .lg\:pt-24 { + padding-top: 6rem; } - .xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); + .lg\:pr-24 { + padding-right: 6rem; } - .xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); + .lg\:pb-24 { + padding-bottom: 6rem; } - .xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); + .lg\:pl-24 { + padding-left: 6rem; } - .xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); + .lg\:pt-28 { + padding-top: 7rem; } - .xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); + .lg\:pr-28 { + padding-right: 7rem; } - .xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); + .lg\:pb-28 { + padding-bottom: 7rem; } - .xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); + .lg\:pl-28 { + padding-left: 7rem; } - .xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); + .lg\:pt-32 { + padding-top: 8rem; } - .xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); + .lg\:pr-32 { + padding-right: 8rem; } - .xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); + .lg\:pb-32 { + padding-bottom: 8rem; } - .xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); + .lg\:pl-32 { + padding-left: 8rem; } - .xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); + .lg\:pt-36 { + padding-top: 9rem; } - .xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); + .lg\:pr-36 { + padding-right: 9rem; } - .xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); + .lg\:pb-36 { + padding-bottom: 9rem; } - .xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); + .lg\:pl-36 { + padding-left: 9rem; } - .xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); + .lg\:pt-40 { + padding-top: 10rem; } - .xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); + .lg\:pr-40 { + padding-right: 10rem; } - .xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); + .lg\:pb-40 { + padding-bottom: 10rem; } - .xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); + .lg\:pl-40 { + padding-left: 10rem; } - .xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); + .lg\:pt-44 { + padding-top: 11rem; } - .xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); + .lg\:pr-44 { + padding-right: 11rem; } - .xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); + .lg\:pb-44 { + padding-bottom: 11rem; } - .xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); + .lg\:pl-44 { + padding-left: 11rem; } - .xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); + .lg\:pt-48 { + padding-top: 12rem; } - .xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); + .lg\:pr-48 { + padding-right: 12rem; } - .xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); + .lg\:pb-48 { + padding-bottom: 12rem; } - .xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); + .lg\:pl-48 { + padding-left: 12rem; } - .xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); + .lg\:pt-52 { + padding-top: 13rem; } - .xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); + .lg\:pr-52 { + padding-right: 13rem; } - .xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); + .lg\:pb-52 { + padding-bottom: 13rem; } - .xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); + .lg\:pl-52 { + padding-left: 13rem; } - .xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); + .lg\:pt-56 { + padding-top: 14rem; } - .xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .lg\:pr-56 { + padding-right: 14rem; } - .xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); + .lg\:pb-56 { + padding-bottom: 14rem; } - .xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); + .lg\:pl-56 { + padding-left: 14rem; } - .xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); + .lg\:pt-60 { + padding-top: 15rem; } - .xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); + .lg\:pr-60 { + padding-right: 15rem; } - .xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); + .lg\:pb-60 { + padding-bottom: 15rem; } - .xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); + .lg\:pl-60 { + padding-left: 15rem; } - .xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); + .lg\:pt-64 { + padding-top: 16rem; } - .xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); + .lg\:pr-64 { + padding-right: 16rem; } - .xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); + .lg\:pb-64 { + padding-bottom: 16rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .lg\:pl-64 { + padding-left: 16rem; + } - .xl\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } + .lg\:pt-72 { + padding-top: 18rem; + } - .xl\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } + .lg\:pr-72 { + padding-right: 18rem; + } - .xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } + .lg\:pb-72 { + padding-bottom: 18rem; + } - .xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } + .lg\:pl-72 { + padding-left: 18rem; + } - .xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } + .lg\:pt-80 { + padding-top: 20rem; + } - .xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } + .lg\:pr-80 { + padding-right: 20rem; + } - .xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } + .lg\:pb-80 { + padding-bottom: 20rem; + } - .xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } + .lg\:pl-80 { + padding-left: 20rem; + } - .xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } + .lg\:pt-96 { + padding-top: 24rem; + } - .xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } + .lg\:pr-96 { + padding-right: 24rem; + } - .xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } + .lg\:pb-96 { + padding-bottom: 24rem; + } - .xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } + .lg\:pl-96 { + padding-left: 24rem; + } - .xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } + .lg\:pt-px { + padding-top: 1px; + } - .xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } + .lg\:pr-px { + padding-right: 1px; + } - .xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } + .lg\:pb-px { + padding-bottom: 1px; + } - .xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } + .lg\:pl-px { + padding-left: 1px; + } - .xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } + .lg\:pt-0\.5 { + padding-top: 0.125rem; + } - .xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } + .lg\:pr-0\.5 { + padding-right: 0.125rem; + } - .xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } + .lg\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } + .lg\:pl-0\.5 { + padding-left: 0.125rem; + } - .xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } + .lg\:pt-1\.5 { + padding-top: 0.375rem; + } - .xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } + .lg\:pr-1\.5 { + padding-right: 0.375rem; + } - .xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } + .lg\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } + .lg\:pl-1\.5 { + padding-left: 0.375rem; + } - .xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } + .lg\:pt-2\.5 { + padding-top: 0.625rem; + } - .xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } + .lg\:pr-2\.5 { + padding-right: 0.625rem; + } - .xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } + .lg\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } + .lg\:pl-2\.5 { + padding-left: 0.625rem; + } - .xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } + .lg\:pt-3\.5 { + padding-top: 0.875rem; + } - .xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } + .lg\:pr-3\.5 { + padding-right: 0.875rem; + } - .xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } + .lg\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } + .lg\:pl-3\.5 { + padding-left: 0.875rem; + } - .xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } + .lg\:placeholder-transparent::placeholder { + color: transparent; + } - .xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } + .lg\:placeholder-current::placeholder { + color: currentColor; + } - .xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } + .lg\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } + .lg\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } + .lg\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } + .lg\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } + .lg\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } + .lg\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } + .lg\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } + .lg\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } + .lg\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } + .lg\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } + .lg\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } + .lg\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } + .lg\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } + .lg\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } + .lg\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } + .lg\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } + .lg\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } + .lg\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } + .lg\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } + .lg\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } + .lg\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } + .lg\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } + .lg\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } + .lg\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } + .lg\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } + .lg\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } + .lg\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } + .lg\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .lg\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } + .lg\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } + .lg\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } + .lg\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } + .lg\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } + .lg\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } + .lg\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } + .lg\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } + .lg\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } + .lg\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .lg\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .lg\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .lg\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .lg\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .lg\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .lg\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .lg\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .lg\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .lg\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .lg\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .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\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .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\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .xl\:appearance-none { - appearance: none; + .lg\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .xl\:bg-fixed { - background-attachment: fixed; + .lg\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .xl\:bg-local { - background-attachment: local; + .lg\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .xl\:bg-scroll { - background-attachment: scroll; + .lg\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .xl\:bg-clip-border { - background-clip: border-box; + .lg\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .xl\:bg-clip-padding { - background-clip: padding-box; + .lg\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .xl\:bg-clip-content { - background-clip: content-box; + .lg\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .xl\:bg-clip-text { - background-clip: text; + .lg\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .xl\:bg-transparent { - background-color: transparent; + .lg\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .xl\:bg-current { - background-color: currentColor; + .lg\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .xl\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .xl\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .xl\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .xl\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .xl\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .xl\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .xl\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .xl\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .xl\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .xl\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .xl\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .xl\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor; } - .xl\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); } - .xl\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); } - .xl\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); } - .xl\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); } - .xl\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); } - .xl\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); } - .xl\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); } - .xl\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); } - .xl\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); } - .xl\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); } - .xl\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); } - .xl\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); } - .xl\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); } - .xl\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); } - .xl\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); } - .xl\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); } - .xl\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); } - .xl\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); } - .xl\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); } - .xl\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); } - .xl\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); } - .xl\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); } - .xl\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); } - .xl\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); } - .xl\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); } - .xl\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); } - .xl\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); } - .xl\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); } - .xl\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); } - .xl\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); } - .xl\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); } - .xl\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); } - .xl\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); } - .xl\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); } - .xl\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); } - .xl\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); } - .xl\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); } - .xl\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); } - .xl\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); } - .xl\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); } - .xl\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); } - .xl\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); } - .xl\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); } - .xl\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); } - .xl\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); } - .xl\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); } - .xl\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); } - .xl\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); } - .xl\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); } - .xl\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); } - .xl\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); } - .xl\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); } - .xl\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); } - .xl\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); } - .xl\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); } - .xl\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); } - .xl\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); } - .xl\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); } - .xl\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); } - .xl\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-transparent { - background-color: transparent; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-current { - background-color: currentColor; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); } - .group:hover .xl\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; } - .group:hover .xl\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; } - .group:hover .xl\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; } - .group:hover .xl\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; } - .group:hover .xl\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; } - .group:hover .xl\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; } - .group:hover .xl\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; } - .group:hover .xl\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; } - .group:hover .xl\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; } - .group:hover .xl\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; } - .group:hover .xl\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:pointer-events-none { + pointer-events: none; } - .group:hover .xl\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:pointer-events-auto { + pointer-events: auto; } - .group:hover .xl\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:static { + position: static; } - .group:hover .xl\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:fixed { + position: fixed; } - .group:hover .xl\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:absolute { + position: absolute; } - .group:hover .xl\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:relative { + position: relative; } - .group:hover .xl\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:sticky { + position: sticky; } - .group:hover .xl\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .group:hover .xl\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; } - .group:hover .xl\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; } - .group:hover .xl\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; } - .group:hover .xl\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; } - .group:hover .xl\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; } - .group:hover .xl\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; } - .group:hover .xl\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; } - .group:hover .xl\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; } - .group:hover .xl\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; } - .group:hover .xl\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; } - .group:hover .xl\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; } - .group:hover .xl\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; } - .group:hover .xl\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; } - .group:hover .xl\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; } - .group:hover .xl\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; } - .group:hover .xl\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; } - .group:hover .xl\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; } - .group:hover .xl\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; } - .group:hover .xl\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; } - .group:hover .xl\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; } - .group:hover .xl\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; } - .group:hover .xl\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; } - .group:hover .xl\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; } - .group:hover .xl\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; } - .group:hover .xl\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; } - .group:hover .xl\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; } - .group:hover .xl\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; } - .group:hover .xl\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; } - .group:hover .xl\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .group:hover .xl\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; } - .group:hover .xl\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; } - .group:hover .xl\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; } - .group:hover .xl\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; } - .group:hover .xl\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; } - .group:hover .xl\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; } - .group:hover .xl\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; } - .group:hover .xl\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; } - .group:hover .xl\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; } - .group:hover .xl\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; } - .group:hover .xl\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; } - .group:hover .xl\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; } - .group:hover .xl\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; } - .group:hover .xl\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; } - .group:hover .xl\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; } - .xl\:hover\:bg-current:hover { - background-color: currentColor; + .lg\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; } - .xl\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; } - .xl\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; } - .xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; } - .xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; } - .xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; } - .xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; } - .xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; } - .xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; } - .xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; } - .xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; } - .xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; } - .xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; } - .xl\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; } - .xl\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; } - .xl\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; } - .xl\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; } - .xl\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; } - .xl\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; } - .xl\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; } - .xl\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; } - .xl\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; } - .xl\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; } - .xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; } - .xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; } - .xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; } - .xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; } - .xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; } - .xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; } - .xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; } - .xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; } - .xl\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; } - .xl\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; } - .xl\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; } - .xl\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:inset-y-0 { + top: 0; + bottom: 0; } - .xl\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:inset-x-0 { + right: 0; + left: 0; } - .xl\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; } - .xl\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; } - .xl\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; } - .xl\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; } - .xl\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; } - .xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; } - .xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:inset-y-4 { + top: 1rem; + bottom: 1rem; } - .xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:inset-x-4 { + right: 1rem; + left: 1rem; } - .xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; } - .xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; } - .xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; } - .xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; } - .xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; } - .xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; } - .xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:inset-y-8 { + top: 2rem; + bottom: 2rem; } - .xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:inset-x-8 { + right: 2rem; + left: 2rem; } - .xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; } - .xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:inset-x-12 { + right: 3rem; + left: 3rem; } - .xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:inset-x-16 { + right: 4rem; + left: 4rem; } - .xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:inset-x-20 { + right: 5rem; + left: 5rem; } - .xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:inset-x-24 { + right: 6rem; + left: 6rem; } - .xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:inset-x-28 { + right: 7rem; + left: 7rem; } - .xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:inset-x-32 { + right: 8rem; + left: 8rem; } - .xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:inset-x-36 { + right: 9rem; + left: 9rem; } - .xl\:focus\:bg-current:focus { - background-color: currentColor; + .lg\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .lg\:inset-x-40 { + right: 10rem; + left: 10rem; } - .xl\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .lg\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .lg\:inset-x-44 { + right: 11rem; + left: 11rem; } - .xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .lg\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .lg\:inset-x-48 { + right: 12rem; + left: 12rem; } - .xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .lg\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .lg\:inset-x-52 { + right: 13rem; + left: 13rem; } - .xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .lg\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .lg\:inset-x-56 { + right: 14rem; + left: 14rem; } - .xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .lg\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .lg\:inset-x-60 { + right: 15rem; + left: 15rem; } - .xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .lg\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .lg\:inset-x-64 { + right: 16rem; + left: 16rem; } - .xl\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .lg\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .lg\:inset-x-72 { + right: 18rem; + left: 18rem; } - .xl\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .lg\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .lg\:inset-x-80 { + right: 20rem; + left: 20rem; } - .xl\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .lg\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .lg\:inset-x-96 { + right: 24rem; + left: 24rem; } - .xl\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .xl\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .lg\:inset-x-auto { + right: auto; + left: auto; } - .xl\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .lg\:inset-y-px { + top: 1px; + bottom: 1px; } - .xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .lg\:inset-x-px { + right: 1px; + left: 1px; } - .xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .lg\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .lg\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .lg\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .lg\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .lg\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .lg\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .lg\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .lg\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .lg\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .xl\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .lg\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .xl\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .lg\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .xl\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .lg\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .xl\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .lg\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .xl\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .lg\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .xl\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .lg\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .xl\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .lg\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .xl\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .lg\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .xl\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .lg\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .xl\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .lg\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .lg\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .lg\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .lg\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .lg\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .lg\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .lg\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .lg\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .lg\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .lg\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .lg\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .lg\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .lg\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .lg\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .lg\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .lg\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .lg\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .lg\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .lg\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .lg\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .lg\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .lg\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .lg\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .lg\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .lg\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .lg\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .lg\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .lg\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .lg\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .lg\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .lg\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:bg-transparent { - background-color: transparent; - } - - .xl\:dark\:bg-current { - background-color: currentColor; - } - - .xl\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .xl\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .xl\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .xl\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .xl\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .xl\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .xl\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .xl\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .xl\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } - - .group:hover .xl\:dark\:group-hover\:bg-current { - background-color: currentColor; - } - - .group:hover .xl\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } - - .group:hover .xl\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } - - .xl\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } - - .xl\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } - - .xl\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .lg\:-inset-x-48 { + right: -12rem; + left: -12rem; + } - .xl\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .lg\:-inset-y-52 { + top: -13rem; + bottom: -13rem; + } - .xl\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .lg\:-inset-x-52 { + right: -13rem; + left: -13rem; + } - .xl\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .lg\:-inset-y-56 { + top: -14rem; + bottom: -14rem; + } - .xl\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .lg\:-inset-x-56 { + right: -14rem; + left: -14rem; + } - .xl\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .lg\:-inset-y-60 { + top: -15rem; + bottom: -15rem; + } - .xl\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .lg\:-inset-x-60 { + right: -15rem; + left: -15rem; + } - .xl\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .lg\:-inset-y-64 { + top: -16rem; + bottom: -16rem; + } - .xl\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .lg\:-inset-x-64 { + right: -16rem; + left: -16rem; + } - .xl\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .lg\:-inset-y-72 { + top: -18rem; + bottom: -18rem; + } - .xl\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .lg\:-inset-x-72 { + right: -18rem; + left: -18rem; + } - .xl\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .lg\:-inset-y-80 { + top: -20rem; + bottom: -20rem; + } - .xl\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .lg\:-inset-x-80 { + right: -20rem; + left: -20rem; + } - .xl\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .lg\:-inset-y-96 { + top: -24rem; + bottom: -24rem; + } - .xl\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .lg\:-inset-x-96 { + right: -24rem; + left: -24rem; + } - .xl\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .lg\:-inset-y-px { + top: -1px; + bottom: -1px; + } - .xl\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .lg\:-inset-x-px { + right: -1px; + left: -1px; + } - .xl\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .lg\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; + } - .xl\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .lg\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; + } - .xl\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .lg\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; + } - .xl\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .lg\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; + } - .xl\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .lg\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; + } - .xl\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .lg\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; + } - .xl\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .lg\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; + } - .xl\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .lg\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; + } - .xl\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .lg\:inset-y-1\/2 { + top: 50%; + bottom: 50%; + } - .xl\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .lg\:inset-x-1\/2 { + right: 50%; + left: 50%; + } - .xl\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .lg\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; + } - .xl\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .lg\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; + } - .xl\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .lg\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; + } - .xl\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .lg\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; + } - .xl\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .lg\:inset-y-1\/4 { + top: 25%; + bottom: 25%; + } - .xl\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .lg\:inset-x-1\/4 { + right: 25%; + left: 25%; + } - .xl\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .lg\:inset-y-2\/4 { + top: 50%; + bottom: 50%; + } - .xl\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .lg\:inset-x-2\/4 { + right: 50%; + left: 50%; + } - .xl\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .lg\:inset-y-3\/4 { + top: 75%; + bottom: 75%; + } - .xl\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .lg\:inset-x-3\/4 { + right: 75%; + left: 75%; + } - .xl\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .lg\:inset-y-full { + top: 100%; + bottom: 100%; + } - .xl\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .lg\:inset-x-full { + right: 100%; + left: 100%; + } - .xl\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .lg\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; + } - .xl\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .lg\:-inset-x-1\/2 { + right: -50%; + left: -50%; + } - .xl\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .lg\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; + } - .xl\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .lg\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; + } - .xl\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .lg\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; + } - .xl\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .lg\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; + } - .xl\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .lg\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; + } - .xl\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .lg\:-inset-x-1\/4 { + right: -25%; + left: -25%; + } - .xl\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .lg\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; + } - .xl\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .lg\:-inset-x-2\/4 { + right: -50%; + left: -50%; + } - .xl\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .lg\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; + } - .xl\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .lg\:-inset-x-3\/4 { + right: -75%; + left: -75%; + } - .xl\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .lg\:-inset-y-full { + top: -100%; + bottom: -100%; + } - .xl\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .lg\:-inset-x-full { + right: -100%; + left: -100%; + } - .xl\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .lg\:top-0 { + top: 0; + } - .xl\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .lg\:right-0 { + right: 0; + } - .xl\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .lg\:bottom-0 { + bottom: 0; + } - .xl\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .lg\:left-0 { + left: 0; + } - .xl\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .lg\:top-1 { + top: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .lg\:right-1 { + right: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .lg\:bottom-1 { + bottom: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .lg\:left-1 { + left: 0.25rem; + } - .xl\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .lg\:top-2 { + top: 0.5rem; + } - .xl\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .lg\:right-2 { + right: 0.5rem; + } - .xl\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .lg\:bottom-2 { + bottom: 0.5rem; + } - .xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .lg\:left-2 { + left: 0.5rem; + } - .xl\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .lg\:top-3 { + top: 0.75rem; + } - .xl\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .lg\:right-3 { + right: 0.75rem; + } - .xl\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .lg\:bottom-3 { + bottom: 0.75rem; + } - .xl\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .lg\:left-3 { + left: 0.75rem; + } - .xl\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .lg\:top-4 { + top: 1rem; + } - .xl\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .lg\:right-4 { + right: 1rem; + } - .xl\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .lg\:bottom-4 { + bottom: 1rem; + } - .xl\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .lg\:left-4 { + left: 1rem; + } - .xl\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .lg\:top-5 { + top: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .lg\:right-5 { + right: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .lg\:bottom-5 { + bottom: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .lg\:left-5 { + left: 1.25rem; + } - .xl\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .lg\:top-6 { + top: 1.5rem; + } - .xl\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .lg\:right-6 { + right: 1.5rem; + } - .xl\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .lg\:bottom-6 { + bottom: 1.5rem; + } - .xl\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .lg\:left-6 { + left: 1.5rem; + } - .xl\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .lg\:top-7 { + top: 1.75rem; + } - .xl\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .lg\:right-7 { + right: 1.75rem; + } - .xl\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .lg\:bottom-7 { + bottom: 1.75rem; + } - .xl\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .lg\:left-7 { + left: 1.75rem; + } - .xl\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .lg\:top-8 { + top: 2rem; + } - .xl\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .lg\:right-8 { + right: 2rem; + } - .xl\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .lg\:bottom-8 { + bottom: 2rem; + } - .xl\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .lg\:left-8 { + left: 2rem; + } - .xl\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .lg\:top-9 { + top: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .lg\:right-9 { + right: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .lg\:bottom-9 { + bottom: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .lg\:left-9 { + left: 2.25rem; + } - .xl\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .lg\:top-10 { + top: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .lg\:right-10 { + right: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .lg\:bottom-10 { + bottom: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .lg\:left-10 { + left: 2.5rem; + } - .xl\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .lg\:top-12 { + top: 3rem; + } - .xl\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .lg\:right-12 { + right: 3rem; + } - .xl\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .lg\:bottom-12 { + bottom: 3rem; + } - .xl\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .lg\:left-12 { + left: 3rem; + } - .xl\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .lg\:top-14 { + top: 3.5rem; + } - .xl\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .lg\:right-14 { + right: 3.5rem; + } - .xl\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .lg\:bottom-14 { + bottom: 3.5rem; + } - .xl\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .lg\:left-14 { + left: 3.5rem; + } - .xl\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .lg\:top-16 { + top: 4rem; + } - .xl\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .lg\:right-16 { + right: 4rem; + } - .xl\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .lg\:bottom-16 { + bottom: 4rem; + } - .xl\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .lg\:left-16 { + left: 4rem; + } - .xl\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .lg\:top-20 { + top: 5rem; + } - .xl\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .lg\:right-20 { + right: 5rem; + } - .xl\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .lg\:bottom-20 { + bottom: 5rem; + } - .xl\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .lg\:left-20 { + left: 5rem; + } - .xl\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .lg\:top-24 { + top: 6rem; + } - .xl\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .lg\:right-24 { + right: 6rem; + } - .xl\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .lg\:bottom-24 { + bottom: 6rem; + } - .xl\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .lg\:left-24 { + left: 6rem; + } - .xl\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .lg\:top-28 { + top: 7rem; + } - .xl\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .lg\:right-28 { + right: 7rem; + } - .xl\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .lg\:bottom-28 { + bottom: 7rem; + } - .xl\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .lg\:left-28 { + left: 7rem; + } - .xl\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .lg\:top-32 { + top: 8rem; + } - .xl\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .lg\:right-32 { + right: 8rem; + } - .xl\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .lg\:bottom-32 { + bottom: 8rem; + } - .xl\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .lg\:left-32 { + left: 8rem; + } - .xl\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .lg\:top-36 { + top: 9rem; + } - .xl\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .lg\:right-36 { + right: 9rem; + } - .xl\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .lg\:bottom-36 { + bottom: 9rem; + } - .xl\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .lg\:left-36 { + left: 9rem; + } - .xl\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .lg\:top-40 { + top: 10rem; + } - .xl\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .lg\:right-40 { + right: 10rem; + } - .xl\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .lg\:bottom-40 { + bottom: 10rem; + } - .xl\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .lg\:left-40 { + left: 10rem; + } - .xl\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .lg\:top-44 { + top: 11rem; + } - .xl\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .lg\:right-44 { + right: 11rem; + } - .xl\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .lg\:bottom-44 { + bottom: 11rem; + } - .xl\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .lg\:left-44 { + left: 11rem; + } - .xl\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .lg\:top-48 { + top: 12rem; } - .xl\:bg-none { - background-image: none; + .lg\:right-48 { + right: 12rem; } - .xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .lg\:bottom-48 { + bottom: 12rem; } - .xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .lg\:left-48 { + left: 12rem; } - .xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .lg\:top-52 { + top: 13rem; } - .xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .lg\:right-52 { + right: 13rem; } - .xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .lg\:bottom-52 { + bottom: 13rem; } - .xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .lg\:left-52 { + left: 13rem; } - .xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .lg\:top-56 { + top: 14rem; } - .xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .lg\:right-56 { + right: 14rem; } - .xl\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:bottom-56 { + bottom: 14rem; } - .xl\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:left-56 { + left: 14rem; } - .xl\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:top-60 { + top: 15rem; } - .xl\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:right-60 { + right: 15rem; } - .xl\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:bottom-60 { + bottom: 15rem; } - .xl\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:left-60 { + left: 15rem; } - .xl\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:top-64 { + top: 16rem; } - .xl\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:right-64 { + right: 16rem; } - .xl\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:bottom-64 { + bottom: 16rem; } - .xl\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:left-64 { + left: 16rem; } - .xl\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:top-72 { + top: 18rem; } - .xl\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:right-72 { + right: 18rem; } - .xl\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:bottom-72 { + bottom: 18rem; } - .xl\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:left-72 { + left: 18rem; } - .xl\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:top-80 { + top: 20rem; } - .xl\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:right-80 { + right: 20rem; } - .xl\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:bottom-80 { + bottom: 20rem; } - .xl\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:left-80 { + left: 20rem; } - .xl\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:top-96 { + top: 24rem; } - .xl\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:right-96 { + right: 24rem; } - .xl\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:bottom-96 { + bottom: 24rem; } - .xl\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:left-96 { + left: 24rem; } - .xl\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:top-auto { + top: auto; } - .xl\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:right-auto { + right: auto; } - .xl\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:bottom-auto { + bottom: auto; } - .xl\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:left-auto { + left: auto; } - .xl\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:top-px { + top: 1px; } - .xl\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:right-px { + right: 1px; } - .xl\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:bottom-px { + bottom: 1px; } - .xl\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:left-px { + left: 1px; } - .xl\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:top-0\.5 { + top: 0.125rem; } - .xl\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:right-0\.5 { + right: 0.125rem; } - .xl\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:left-0\.5 { + left: 0.125rem; } - .xl\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:top-1\.5 { + top: 0.375rem; } - .xl\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:right-1\.5 { + right: 0.375rem; } - .xl\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:left-1\.5 { + left: 0.375rem; } - .xl\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:top-2\.5 { + top: 0.625rem; } - .xl\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:right-2\.5 { + right: 0.625rem; } - .xl\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:left-2\.5 { + left: 0.625rem; } - .xl\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:top-3\.5 { + top: 0.875rem; } - .xl\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:right-3\.5 { + right: 0.875rem; } - .xl\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:left-3\.5 { + left: 0.875rem; } - .xl\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:-top-1 { + top: -0.25rem; } - .xl\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:-right-1 { + right: -0.25rem; } - .xl\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:-bottom-1 { + bottom: -0.25rem; } - .xl\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:-left-1 { + left: -0.25rem; } - .xl\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:-top-2 { + top: -0.5rem; } - .xl\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:-right-2 { + right: -0.5rem; } - .xl\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:-bottom-2 { + bottom: -0.5rem; } - .xl\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:-left-2 { + left: -0.5rem; } - .xl\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:-top-3 { + top: -0.75rem; } - .xl\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:-right-3 { + right: -0.75rem; } - .xl\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:-bottom-3 { + bottom: -0.75rem; } - .xl\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:-left-3 { + left: -0.75rem; } - .xl\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:-top-4 { + top: -1rem; } - .xl\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:-right-4 { + right: -1rem; } - .xl\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:-bottom-4 { + bottom: -1rem; } - .xl\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:-left-4 { + left: -1rem; } - .xl\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:-top-5 { + top: -1.25rem; } - .xl\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:-right-5 { + right: -1.25rem; } - .xl\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .lg\:-bottom-5 { + bottom: -1.25rem; } - .xl\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:-left-5 { + left: -1.25rem; } - .xl\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:-top-6 { + top: -1.5rem; } - .xl\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:-right-6 { + right: -1.5rem; } - .xl\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:-bottom-6 { + bottom: -1.5rem; } - .xl\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:-left-6 { + left: -1.5rem; } - .xl\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:-top-7 { + top: -1.75rem; } - .xl\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:-right-7 { + right: -1.75rem; } - .xl\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:-bottom-7 { + bottom: -1.75rem; } - .xl\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:-left-7 { + left: -1.75rem; } - .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)); + .lg\:-top-8 { + top: -2rem; } - .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)); + .lg\:-right-8 { + right: -2rem; } - .xl\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-bottom-8 { + bottom: -2rem; } - .xl\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-left-8 { + left: -2rem; } - .xl\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:-top-9 { + top: -2.25rem; + } + + .lg\:-right-9 { + right: -2.25rem; } - .xl\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:-bottom-9 { + bottom: -2.25rem; } - .xl\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:-left-9 { + left: -2.25rem; } - .xl\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:-top-10 { + top: -2.5rem; } - .xl\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:-right-10 { + right: -2.5rem; } - .xl\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:-bottom-10 { + bottom: -2.5rem; } - .xl\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:-left-10 { + left: -2.5rem; } - .xl\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:-top-12 { + top: -3rem; } - .xl\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:-right-12 { + right: -3rem; } - .xl\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:-bottom-12 { + bottom: -3rem; } - .xl\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:-left-12 { + left: -3rem; } - .xl\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:-top-14 { + top: -3.5rem; } - .xl\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:-right-14 { + right: -3.5rem; } - .xl\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:-bottom-14 { + bottom: -3.5rem; } - .xl\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:-left-14 { + left: -3.5rem; } - .xl\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:-top-16 { + top: -4rem; } - .xl\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:-right-16 { + right: -4rem; } - .xl\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:-bottom-16 { + bottom: -4rem; } - .xl\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:-left-16 { + left: -4rem; } - .xl\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:-top-20 { + top: -5rem; } - .xl\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:-right-20 { + right: -5rem; } - .xl\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:-bottom-20 { + bottom: -5rem; } - .xl\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:-left-20 { + left: -5rem; } - .xl\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:-top-24 { + top: -6rem; } - .xl\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:-right-24 { + right: -6rem; } - .xl\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:-bottom-24 { + bottom: -6rem; } - .xl\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:-left-24 { + left: -6rem; } - .xl\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:-top-28 { + top: -7rem; } - .xl\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:-right-28 { + right: -7rem; } - .xl\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:-bottom-28 { + bottom: -7rem; } - .xl\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:-left-28 { + left: -7rem; } - .xl\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:-top-32 { + top: -8rem; } - .xl\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:-right-32 { + right: -8rem; } - .xl\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:-bottom-32 { + bottom: -8rem; } - .xl\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:-left-32 { + left: -8rem; } - .xl\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:-top-36 { + top: -9rem; } - .xl\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:-right-36 { + right: -9rem; } - .xl\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:-bottom-36 { + bottom: -9rem; } - .xl\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:-left-36 { + left: -9rem; } - .xl\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:-top-40 { + top: -10rem; } - .xl\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:-right-40 { + right: -10rem; } - .xl\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:-bottom-40 { + bottom: -10rem; } - .xl\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:-left-40 { + left: -10rem; } - .xl\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:-top-44 { + top: -11rem; } - .xl\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:-right-44 { + right: -11rem; } - .xl\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:-bottom-44 { + bottom: -11rem; } - .xl\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:-left-44 { + left: -11rem; } - .xl\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:-top-48 { + top: -12rem; } - .xl\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:-right-48 { + right: -12rem; } - .xl\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:-bottom-48 { + bottom: -12rem; } - .xl\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:-left-48 { + left: -12rem; } - .xl\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:-top-52 { + top: -13rem; } - .xl\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:-right-52 { + right: -13rem; } - .xl\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:-bottom-52 { + bottom: -13rem; } - .xl\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:-left-52 { + left: -13rem; } - .xl\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:-top-56 { + top: -14rem; } - .xl\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:-right-56 { + right: -14rem; } - .xl\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:-bottom-56 { + bottom: -14rem; } - .xl\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:-left-56 { + left: -14rem; } - .xl\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:-top-60 { + top: -15rem; } - .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)); + .lg\:-right-60 { + right: -15rem; } - .xl\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:-bottom-60 { + bottom: -15rem; } - .xl\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:-left-60 { + left: -15rem; } - .xl\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:-top-64 { + top: -16rem; } - .xl\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:-right-64 { + right: -16rem; } - .xl\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:-bottom-64 { + bottom: -16rem; } - .xl\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:-left-64 { + left: -16rem; } - .xl\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:-top-72 { + top: -18rem; } - .xl\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:-right-72 { + right: -18rem; } - .xl\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:-bottom-72 { + bottom: -18rem; } - .xl\:to-transparent { - --gradient-to-color: transparent; + .lg\:-left-72 { + left: -18rem; } - .xl\:to-current { - --gradient-to-color: currentColor; + .lg\:-top-80 { + top: -20rem; } - .xl\:to-black { - --gradient-to-color: #000; + .lg\:-right-80 { + right: -20rem; } - .xl\:to-white { - --gradient-to-color: #fff; + .lg\:-bottom-80 { + bottom: -20rem; } - .xl\:to-gray-50 { - --gradient-to-color: #fafafa; + .lg\:-left-80 { + left: -20rem; } - .xl\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .lg\:-top-96 { + top: -24rem; } - .xl\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .lg\:-right-96 { + right: -24rem; } - .xl\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .lg\:-bottom-96 { + bottom: -24rem; } - .xl\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .lg\:-left-96 { + left: -24rem; } - .xl\:to-gray-500 { - --gradient-to-color: #71717a; + .lg\:-top-px { + top: -1px; } - .xl\:to-gray-600 { - --gradient-to-color: #52525b; + .lg\:-right-px { + right: -1px; } - .xl\:to-gray-700 { - --gradient-to-color: #3f3f46; + .lg\:-bottom-px { + bottom: -1px; } - .xl\:to-gray-800 { - --gradient-to-color: #27272a; + .lg\:-left-px { + left: -1px; } - .xl\:to-gray-900 { - --gradient-to-color: #18181b; + .lg\:-top-0\.5 { + top: -0.125rem; } - .xl\:to-red-50 { - --gradient-to-color: #fef2f2; + .lg\:-right-0\.5 { + right: -0.125rem; } - .xl\:to-red-100 { - --gradient-to-color: #fee2e2; + .lg\:-bottom-0\.5 { + bottom: -0.125rem; } - .xl\:to-red-200 { - --gradient-to-color: #fecaca; + .lg\:-left-0\.5 { + left: -0.125rem; } - .xl\:to-red-300 { - --gradient-to-color: #fca5a5; + .lg\:-top-1\.5 { + top: -0.375rem; } - .xl\:to-red-400 { - --gradient-to-color: #f87171; + .lg\:-right-1\.5 { + right: -0.375rem; } - .xl\:to-red-500 { - --gradient-to-color: #ef4444; + .lg\:-bottom-1\.5 { + bottom: -0.375rem; } - .xl\:to-red-600 { - --gradient-to-color: #dc2626; + .lg\:-left-1\.5 { + left: -0.375rem; } - .xl\:to-red-700 { - --gradient-to-color: #b91c1c; + .lg\:-top-2\.5 { + top: -0.625rem; } - .xl\:to-red-800 { - --gradient-to-color: #991b1b; + .lg\:-right-2\.5 { + right: -0.625rem; } - .xl\:to-red-900 { - --gradient-to-color: #7f1d1d; + .lg\:-bottom-2\.5 { + bottom: -0.625rem; } - .xl\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .lg\:-left-2\.5 { + left: -0.625rem; } - .xl\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .lg\:-top-3\.5 { + top: -0.875rem; } - .xl\:to-yellow-200 { - --gradient-to-color: #fde68a; + .lg\:-right-3\.5 { + right: -0.875rem; } - .xl\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .lg\:-bottom-3\.5 { + bottom: -0.875rem; } - .xl\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .lg\:-left-3\.5 { + left: -0.875rem; } - .xl\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .lg\:top-1\/2 { + top: 50%; } - .xl\:to-yellow-600 { - --gradient-to-color: #d97706; + .lg\:right-1\/2 { + right: 50%; } - .xl\:to-yellow-700 { - --gradient-to-color: #b45309; + .lg\:bottom-1\/2 { + bottom: 50%; } - .xl\:to-yellow-800 { - --gradient-to-color: #92400e; + .lg\:left-1\/2 { + left: 50%; } - .xl\:to-yellow-900 { - --gradient-to-color: #78350f; + .lg\:top-1\/3 { + top: 33.333333%; } - .xl\:to-green-50 { - --gradient-to-color: #ecfdf5; + .lg\:right-1\/3 { + right: 33.333333%; } - .xl\:to-green-100 { - --gradient-to-color: #d1fae5; + .lg\:bottom-1\/3 { + bottom: 33.333333%; } - .xl\:to-green-200 { - --gradient-to-color: #a7f3d0; + .lg\:left-1\/3 { + left: 33.333333%; } - .xl\:to-green-300 { - --gradient-to-color: #6ee7b7; + .lg\:top-2\/3 { + top: 66.666667%; } - .xl\:to-green-400 { - --gradient-to-color: #34d399; + .lg\:right-2\/3 { + right: 66.666667%; } - .xl\:to-green-500 { - --gradient-to-color: #10b981; + .lg\:bottom-2\/3 { + bottom: 66.666667%; } - .xl\:to-green-600 { - --gradient-to-color: #059669; + .lg\:left-2\/3 { + left: 66.666667%; } - .xl\:to-green-700 { - --gradient-to-color: #047857; + .lg\:top-1\/4 { + top: 25%; } - .xl\:to-green-800 { - --gradient-to-color: #065f46; + .lg\:right-1\/4 { + right: 25%; } - .xl\:to-green-900 { - --gradient-to-color: #064e3b; + .lg\:bottom-1\/4 { + bottom: 25%; } - .xl\:to-blue-50 { - --gradient-to-color: #eff6ff; + .lg\:left-1\/4 { + left: 25%; } - .xl\:to-blue-100 { - --gradient-to-color: #dbeafe; + .lg\:top-2\/4 { + top: 50%; } - .xl\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .lg\:right-2\/4 { + right: 50%; } - .xl\:to-blue-300 { - --gradient-to-color: #93c5fd; + .lg\:bottom-2\/4 { + bottom: 50%; } - .xl\:to-blue-400 { - --gradient-to-color: #60a5fa; + .lg\:left-2\/4 { + left: 50%; } - .xl\:to-blue-500 { - --gradient-to-color: #3b82f6; + .lg\:top-3\/4 { + top: 75%; } - .xl\:to-blue-600 { - --gradient-to-color: #2563eb; + .lg\:right-3\/4 { + right: 75%; } - .xl\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .lg\:bottom-3\/4 { + bottom: 75%; } - .xl\:to-blue-800 { - --gradient-to-color: #1e40af; + .lg\:left-3\/4 { + left: 75%; } - .xl\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .lg\:top-full { + top: 100%; } - .xl\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .lg\:right-full { + right: 100%; } - .xl\:to-purple-100 { - --gradient-to-color: #ede9fe; + .lg\:bottom-full { + bottom: 100%; } - .xl\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .lg\:left-full { + left: 100%; } - .xl\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .lg\:-top-1\/2 { + top: -50%; } - .xl\:to-purple-400 { - --gradient-to-color: #a78bfa; + .lg\:-right-1\/2 { + right: -50%; } - .xl\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .lg\:-bottom-1\/2 { + bottom: -50%; } - .xl\:to-purple-600 { - --gradient-to-color: #7c3aed; + .lg\:-left-1\/2 { + left: -50%; } - .xl\:to-purple-700 { - --gradient-to-color: #6d28d9; + .lg\:-top-1\/3 { + top: -33.333333%; } - .xl\:to-purple-800 { - --gradient-to-color: #5b21b6; + .lg\:-right-1\/3 { + right: -33.333333%; } - .xl\:to-purple-900 { - --gradient-to-color: #4c1d95; + .lg\:-bottom-1\/3 { + bottom: -33.333333%; } - .xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .lg\:-left-1\/3 { + left: -33.333333%; } - .xl\:to-pink-100 { - --gradient-to-color: #fce7f3; + .lg\:-top-2\/3 { + top: -66.666667%; } - .xl\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .lg\:-right-2\/3 { + right: -66.666667%; } - .xl\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .lg\:-bottom-2\/3 { + bottom: -66.666667%; } - .xl\:to-pink-400 { - --gradient-to-color: #f472b6; + .lg\:-left-2\/3 { + left: -66.666667%; } - .xl\:to-pink-500 { - --gradient-to-color: #ec4899; + .lg\:-top-1\/4 { + top: -25%; } - .xl\:to-pink-600 { - --gradient-to-color: #db2777; + .lg\:-right-1\/4 { + right: -25%; } - .xl\:to-pink-700 { - --gradient-to-color: #be185d; + .lg\:-bottom-1\/4 { + bottom: -25%; } - .xl\:to-pink-800 { - --gradient-to-color: #9d174d; + .lg\:-left-1\/4 { + left: -25%; } - .xl\:to-pink-900 { - --gradient-to-color: #831843; + .lg\:-top-2\/4 { + top: -50%; } - .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)); + .lg\:-right-2\/4 { + right: -50%; } - .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)); + .lg\:-bottom-2\/4 { + bottom: -50%; } - .xl\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:-left-2\/4 { + left: -50%; } - .xl\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:-top-3\/4 { + top: -75%; } - .xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:-right-3\/4 { + right: -75%; } - .xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:-bottom-3\/4 { + bottom: -75%; } - .xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:-left-3\/4 { + left: -75%; } - .xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:-top-full { + top: -100%; } - .xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:-right-full { + right: -100%; } - .xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:-bottom-full { + bottom: -100%; } - .xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:-left-full { + left: -100%; } - .xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:resize-none { + resize: none; } - .xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:resize-y { + resize: vertical; } - .xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:resize-x { + resize: horizontal; } - .xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:resize { + resize: both; } - .xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .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); } - .xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .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); } - .xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .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); } - .xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:shadow-none { + box-shadow: none; } - .xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .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); } - .xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .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); } - .xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .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); } - .xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .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); } - .xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .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); } - .xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .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); } - .xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .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); } - .xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .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); } - .xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:fill-current { + fill: currentColor; } - .xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:stroke-current { + stroke: currentColor; } - .xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:stroke-0 { + stroke-width: 0; } - .xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:stroke-1 { + stroke-width: 1; } - .xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:stroke-2 { + stroke-width: 2; } - .xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:table-auto { + table-layout: auto; } - .xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:table-fixed { + table-layout: fixed; } - .xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:text-left { + text-align: left; } - .xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:text-center { + text-align: center; } - .xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:text-right { + text-align: right; } - .xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:text-justify { + text-align: justify; } - .xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:text-transparent { + color: transparent; } - .xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:text-current { + color: currentColor; } - .xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-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)); + .lg\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-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)); + .lg\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-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)); + .lg\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .lg\:group-hover\:text-transparent { + color: transparent; } - .xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .lg\:group-hover\:text-current { + color: currentColor; } - .xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .lg\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .lg\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .lg\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .lg\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .lg\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .lg\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-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)); + .group:hover .lg\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .lg\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .group:hover .lg\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .group:hover .lg\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .group:hover .lg\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .group:hover .lg\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .group:hover .lg\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .group:hover .lg\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .group:hover .lg\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .group:hover .lg\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .group:hover .lg\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .group:hover .lg\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:to-black:hover { - --gradient-to-color: #000; + .group:hover .lg\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:to-white:hover { - --gradient-to-color: #fff; + .group:hover .lg\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .group:hover .lg\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .group:hover .lg\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .group:hover .lg\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .group:hover .lg\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .group:hover .lg\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .group:hover .lg\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .group:hover .lg\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .group:hover .lg\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .group:hover .lg\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .group:hover .lg\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .group:hover .lg\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .group:hover .lg\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .group:hover .lg\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .group:hover .lg\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .group:hover .lg\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .group:hover .lg\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .group:hover .lg\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .group:hover .lg\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .group:hover .lg\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .group:hover .lg\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .group:hover .lg\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .group:hover .lg\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .group:hover .lg\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .group:hover .lg\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .group:hover .lg\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .group:hover .lg\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .group:hover .lg\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .group:hover .lg\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .group:hover .lg\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .group:hover .lg\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .group:hover .lg\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .group:hover .lg\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .group:hover .lg\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .group:hover .lg\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .group:hover .lg\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .group:hover .lg\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .group:hover .lg\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .group:hover .lg\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .group:hover .lg\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .group:hover .lg\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .group:hover .lg\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .group:hover .lg\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .group:hover .lg\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .group:hover .lg\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .group:hover .lg\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .group:hover .lg\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .group:hover .lg\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .group:hover .lg\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .group:hover .lg\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .group:hover .lg\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .group:hover .lg\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .group:hover .lg\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .lg\:hover\:text-current:hover { + color: currentColor; } - .xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .lg\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .lg\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .lg\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .lg\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .lg\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .lg\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .lg\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .lg\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .lg\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .lg\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .lg\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .lg\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .lg\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .lg\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .lg\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .lg\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .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)); + .lg\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .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)); + .lg\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:focus\:text-transparent:focus { + color: transparent; } - .xl\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:focus\:text-current:focus { + color: currentColor; } - .xl\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .lg\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .lg\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .lg\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .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)); + .lg\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .lg\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .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)); + .lg\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .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)); + .lg\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .lg\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .lg\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .lg\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .lg\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .lg\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .lg\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .lg\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .lg\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .lg\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .lg\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .lg\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .lg\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .lg\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .lg\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .lg\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .lg\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .lg\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .lg\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .lg\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .lg\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .lg\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .lg\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .lg\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .lg\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .lg\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .lg\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .lg\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .lg\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .lg\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .lg\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .lg\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .lg\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .lg\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .lg\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .lg\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .lg\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .lg\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .lg\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .lg\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .lg\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .lg\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .lg\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .lg\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .lg\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .lg\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .lg\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .lg\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .lg\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .lg\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .lg\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .lg\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .lg\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .lg\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .lg\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .lg\:text-opacity-0 { + --text-opacity: 0; } - .xl\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .lg\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .lg\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .lg\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .lg\:text-opacity-100 { + --text-opacity: 1; } - .xl\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .lg\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .xl\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .lg\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .lg\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .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)); + .group:hover .lg\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .group:hover .lg\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .xl\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .lg\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .xl\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .lg\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .xl\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .lg\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .xl\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .lg\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .xl\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .lg\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .xl\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .lg\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .xl\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .lg\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .xl\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .lg\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .xl\:focus\:to-transparent:focus { - --gradient-to-color: transparent; + .lg\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .xl\:focus\:to-current:focus { - --gradient-to-color: currentColor; + .lg\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .xl\:focus\:to-black:focus { - --gradient-to-color: #000; + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:focus\:to-white:focus { - --gradient-to-color: #fff; + .lg\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; + .lg\:overflow-clip { + text-overflow: clip; } - .xl\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; + .lg\:italic { + font-style: italic; } - .xl\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; + .lg\:not-italic { + font-style: normal; } - .xl\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; + .lg\:uppercase { + text-transform: uppercase; } - .xl\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; + .lg\:lowercase { + text-transform: lowercase; } - .xl\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; + .lg\:capitalize { + text-transform: capitalize; } - .xl\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; + .lg\:normal-case { + text-transform: none; } - .xl\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; + .lg\:underline { + text-decoration: underline; } - .xl\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; + .lg\:line-through { + text-decoration: line-through; } - .xl\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; + .lg\:no-underline { + text-decoration: none; } - .xl\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .xl\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; + .lg\:focus\:underline:focus { + text-decoration: underline; } - .xl\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; + .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .xl\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; + .lg\:normal-nums { + font-variant-numeric: normal; } - .xl\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; + .lg\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .xl\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; + .lg\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .xl\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; + .lg\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .xl\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; + .lg\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .xl\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; + .lg\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .xl\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; + .lg\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .xl\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; + .lg\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .xl\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; + .lg\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .xl\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .xl\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .xl\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; + .lg\:tracking-normal { + letter-spacing: 0; } - .xl\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .xl\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .xl\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .xl\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; + .lg\:select-none { + user-select: none; } - .xl\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; + .lg\:select-text { + user-select: text; } - .xl\:focus\:to-green-600:focus { - --gradient-to-color: #059669; + .lg\:select-all { + user-select: all; } - .xl\:focus\:to-green-700:focus { - --gradient-to-color: #047857; + .lg\:select-auto { + user-select: auto; } - .xl\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; + .lg\:align-baseline { + vertical-align: baseline; } - .xl\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; + .lg\:align-top { + vertical-align: top; } - .xl\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; + .lg\:align-middle { + vertical-align: middle; } - .xl\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; + .lg\:align-bottom { + vertical-align: bottom; } - .xl\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; + .lg\:align-text-top { + vertical-align: text-top; } - .xl\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; + .lg\:visible { + visibility: visible; } - .xl\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; + .lg\:invisible { + visibility: hidden; } - .xl\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; + .lg\:whitespace-normal { + white-space: normal; } - .xl\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; + .lg\:whitespace-pre { + white-space: pre; } - .xl\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .xl\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; + .lg\:break-words { + overflow-wrap: break-word; } - .xl\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; + .lg\:break-all { + word-break: break-all; } - .xl\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; + .lg\:w-0 { + width: 0; } - .xl\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; + .lg\:w-1 { + width: 0.25rem; } - .xl\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; + .lg\:w-2 { + width: 0.5rem; } - .xl\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; + .lg\:w-3 { + width: 0.75rem; } - .xl\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; + .lg\:w-4 { + width: 1rem; } - .xl\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; + .lg\:w-5 { + width: 1.25rem; } - .xl\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; + .lg\:w-6 { + width: 1.5rem; } - .xl\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; + .lg\:w-7 { + width: 1.75rem; } - .xl\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; + .lg\:w-8 { + width: 2rem; } - .xl\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; + .lg\:w-9 { + width: 2.25rem; } - .xl\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; + .lg\:w-10 { + width: 2.5rem; } - .xl\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; + .lg\:w-12 { + width: 3rem; } - .xl\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; + .lg\:w-14 { + width: 3.5rem; } - .xl\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; + .lg\:w-16 { + width: 4rem; } - .xl\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; + .lg\:w-20 { + width: 5rem; } - .xl\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; + .lg\:w-24 { + width: 6rem; } - @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)); - } + .lg\:w-28 { + width: 7rem; + } - .xl\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:w-32 { + width: 8rem; + } - .xl\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:w-36 { + width: 9rem; + } - .xl\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:w-40 { + width: 10rem; + } - .xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:w-44 { + width: 11rem; + } - .xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:w-48 { + width: 12rem; + } - .xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:w-52 { + width: 13rem; + } - .xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:w-56 { + width: 14rem; + } - .xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:w-60 { + width: 15rem; + } - .xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:w-64 { + width: 16rem; + } - .xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:w-72 { + width: 18rem; + } - .xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:w-80 { + width: 20rem; + } - .xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:w-96 { + width: 24rem; + } - .xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:w-auto { + width: auto; + } - .xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:w-px { + width: 1px; + } - .xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:w-0\.5 { + width: 0.125rem; + } - .xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:w-1\.5 { + width: 0.375rem; + } - .xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:w-2\.5 { + width: 0.625rem; + } - .xl\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:w-3\.5 { + width: 0.875rem; + } - .xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:w-1\/2 { + width: 50%; + } - .xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:w-1\/3 { + width: 33.333333%; + } - .xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:w-2\/3 { + width: 66.666667%; + } - .xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:w-1\/4 { + width: 25%; + } - .xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:w-2\/4 { + width: 50%; + } - .xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:w-3\/4 { + width: 75%; + } - .xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:w-1\/5 { + width: 20%; + } - .xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:w-2\/5 { + width: 40%; + } - .xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:w-3\/5 { + width: 60%; + } - .xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:w-4\/5 { + width: 80%; + } - .xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:w-1\/6 { + width: 16.666667%; + } - .xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:w-2\/6 { + width: 33.333333%; + } - .xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:w-3\/6 { + width: 50%; + } - .xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:w-4\/6 { + width: 66.666667%; + } - .xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:w-5\/6 { + width: 83.333333%; + } - .xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:w-1\/12 { + width: 8.333333%; + } - .xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:w-2\/12 { + width: 16.666667%; + } - .xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:w-3\/12 { + width: 25%; + } - .xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:w-4\/12 { + width: 33.333333%; + } - .xl\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:w-5\/12 { + width: 41.666667%; + } - .xl\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:w-6\/12 { + width: 50%; + } - .xl\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:w-7\/12 { + width: 58.333333%; + } - .xl\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:w-8\/12 { + width: 66.666667%; + } - .xl\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:w-9\/12 { + width: 75%; + } - .xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:w-10\/12 { + width: 83.333333%; + } - .xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:w-11\/12 { + width: 91.666667%; + } - .xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:w-full { + width: 100%; + } - .xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:w-screen { + width: 100vw; + } - .xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:w-min { + width: min-content; + } - .xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:w-max { + width: max-content; + } - .xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:z-0 { + z-index: 0; + } - .xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:z-10 { + z-index: 10; + } - .xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:z-20 { + z-index: 20; + } - .xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:z-30 { + z-index: 30; + } - .xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:z-40 { + z-index: 40; + } - .xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:z-50 { + z-index: 50; + } - .xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:z-auto { + z-index: auto; + } - .xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:focus\:z-0:focus { + z-index: 0; + } - .xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:focus\:z-10:focus { + z-index: 10; + } - .xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:focus\:z-20:focus { + z-index: 20; + } - .xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:focus\:z-30:focus { + z-index: 30; + } - .xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:focus\:z-40:focus { + z-index: 40; + } - .xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:focus\:z-50:focus { + z-index: 50; + } - .xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:focus\:z-auto:focus { + z-index: auto; + } - .xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:gap-0 { + grid-gap: 0; + gap: 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)); - } + .lg\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; + } - .xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; + } - .xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; + } - .xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:gap-4 { + grid-gap: 1rem; + gap: 1rem; + } - .xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; + } - .xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; + } - .xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; + } - .xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:gap-8 { + grid-gap: 2rem; + gap: 2rem; + } - .xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; + } - .xl\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; + } - .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)); - } + .lg\:gap-12 { + grid-gap: 3rem; + gap: 3rem; + } - .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)); - } + .lg\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; + } - .xl\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:gap-16 { + grid-gap: 4rem; + gap: 4rem; + } - .xl\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:gap-20 { + grid-gap: 5rem; + gap: 5rem; + } - .xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:gap-24 { + grid-gap: 6rem; + gap: 6rem; + } - .xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:gap-28 { + grid-gap: 7rem; + gap: 7rem; + } - .xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:gap-32 { + grid-gap: 8rem; + gap: 8rem; + } - .xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:gap-36 { + grid-gap: 9rem; + gap: 9rem; + } - .xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:gap-40 { + grid-gap: 10rem; + gap: 10rem; + } - .xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:gap-44 { + grid-gap: 11rem; + gap: 11rem; + } - .xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:gap-48 { + grid-gap: 12rem; + gap: 12rem; + } - .xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:gap-52 { + grid-gap: 13rem; + gap: 13rem; + } - .xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:gap-56 { + grid-gap: 14rem; + gap: 14rem; + } - .xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:gap-60 { + grid-gap: 15rem; + gap: 15rem; + } - .xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:gap-64 { + grid-gap: 16rem; + gap: 16rem; + } - .xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:gap-72 { + grid-gap: 18rem; + gap: 18rem; + } - .xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:gap-80 { + grid-gap: 20rem; + gap: 20rem; + } - .xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:gap-96 { + grid-gap: 24rem; + gap: 24rem; + } - .xl\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:gap-px { + grid-gap: 1px; + gap: 1px; + } - .xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; + } - .xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; + } - .xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; + } - .xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; + } - .xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; + } - .xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; + } - .xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; + } - .xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; + } - .xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; + } - .xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; + } - .xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; + } - .xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; + } - .xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; + } - .xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; + } - .xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; + } - .xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; + } - .xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; + } - .xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; + } - .xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; + } - .xl\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; + } - .xl\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; + } - .xl\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; + } - .xl\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; + } - .xl\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; + } - .xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; + } - .xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; + } - .xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; + } - .xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; + } - .xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; + } - .xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; + } - .xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; + } - .xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; + } - .xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; + } - .xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; + } - .xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; + } - .xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; + } - .xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; + } - .xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; + } - .xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; + } - .xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; + } - .xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; + } - .xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; + } - .xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; + } - .xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; + } - .xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; + } - .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)); - } + .lg\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; + } - .xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; + } - .xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; + } - .xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; + } - .xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; + } - .xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; + } - .xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; + } - .xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; + } - .xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; + } - .xl\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; + } - .xl\:dark\:to-transparent { - --gradient-to-color: transparent; - } + .lg\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; + } - .xl\:dark\:to-current { - --gradient-to-color: currentColor; - } + .lg\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; + } - .xl\:dark\:to-black { - --gradient-to-color: #000; - } + .lg\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; + } - .xl\:dark\:to-white { - --gradient-to-color: #fff; - } + .lg\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; + } - .xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } + .lg\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; + } - .xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } + .lg\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; + } - .xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } + .lg\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; + } - .xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } + .lg\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; + } - .xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } + .lg\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; + } - .xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } + .lg\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; + } - .xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } + .lg\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; + } - .xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } + .lg\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; + } - .xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } + .lg\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; + } - .xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } + .lg\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; + } - .xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } + .lg\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; + } - .xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } + .lg\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; + } - .xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } + .lg\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; + } - .xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } + .lg\:grid-flow-row { + grid-auto-flow: row; + } - .xl\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } + .lg\:grid-flow-col { + grid-auto-flow: column; + } - .xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; + } - .xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; + } - .xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } - .xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } - .xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } - .xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } + .lg\:grid-cols-none { + grid-template-columns: none; + } - .xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } + .lg\:auto-cols-auto { + grid-auto-columns: auto; + } - .xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } + .lg\:auto-cols-min { + grid-auto-columns: min-content; + } - .xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } + .lg\:auto-cols-max { + grid-auto-columns: max-content; + } - .xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } + .lg\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); + } - .xl\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } + .lg\:col-auto { + grid-column: auto; + } - .xl\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } - .xl\:dark\:to-green-600 { - --gradient-to-color: #059669; - } + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } - .xl\:dark\:to-green-700 { - --gradient-to-color: #047857; - } + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } - .xl\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } - .xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } - .xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } + .lg\:col-span-6 { + grid-column: span 6 / span 6; + } - .xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } + .lg\:col-span-7 { + grid-column: span 7 / span 7; + } - .xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } + .lg\:col-span-8 { + grid-column: span 8 / span 8; + } - .xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } + .lg\:col-span-9 { + grid-column: span 9 / span 9; + } - .xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } + .lg\:col-span-10 { + grid-column: span 10 / span 10; + } - .xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } + .lg\:col-span-11 { + grid-column: span 11 / span 11; + } - .xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } + .lg\:col-span-12 { + grid-column: span 12 / span 12; + } - .xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } + .lg\:col-span-full { + grid-column: 1 / -1; + } - .xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } + .lg\:col-start-1 { + grid-column-start: 1; + } - .xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } + .lg\:col-start-2 { + grid-column-start: 2; + } - .xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } + .lg\:col-start-3 { + grid-column-start: 3; + } - .xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } + .lg\:col-start-4 { + grid-column-start: 4; + } - .xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } + .lg\:col-start-5 { + grid-column-start: 5; + } - .xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } + .lg\:col-start-6 { + grid-column-start: 6; + } - .xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } + .lg\:col-start-7 { + grid-column-start: 7; + } - .xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } + .lg\:col-start-8 { + grid-column-start: 8; + } - .xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } + .lg\:col-start-9 { + grid-column-start: 9; + } - .xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } + .lg\:col-start-10 { + grid-column-start: 10; + } - .xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } + .lg\:col-start-11 { + grid-column-start: 11; + } - .xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } + .lg\:col-start-12 { + grid-column-start: 12; + } - .xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } + .lg\:col-start-13 { + grid-column-start: 13; + } - .xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } + .lg\:col-start-auto { + grid-column-start: auto; + } - .xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } + .lg\:col-end-1 { + grid-column-end: 1; + } - .xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } + .lg\:col-end-2 { + grid-column-end: 2; + } - .xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } + .lg\:col-end-3 { + grid-column-end: 3; + } - .xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } + .lg\:col-end-4 { + grid-column-end: 4; + } - .xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } + .lg\:col-end-5 { + grid-column-end: 5; + } - .xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } + .lg\:col-end-6 { + grid-column-end: 6; + } - .xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } + .lg\:col-end-7 { + grid-column-end: 7; + } - .xl\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } + .lg\:col-end-8 { + grid-column-end: 8; + } - .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)); - } + .lg\:col-end-9 { + grid-column-end: 9; + } - .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)); - } + .lg\:col-end-10 { + grid-column-end: 10; + } - .xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:col-end-11 { + grid-column-end: 11; + } - .xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:col-end-12 { + grid-column-end: 12; + } - .xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:col-end-13 { + grid-column-end: 13; + } - .xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:col-end-auto { + grid-column-end: auto; + } - .xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); + } - .xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:grid-rows-none { + grid-template-rows: none; + } - .xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:auto-rows-auto { + grid-auto-rows: auto; + } - .xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:auto-rows-min { + grid-auto-rows: min-content; + } - .xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:auto-rows-max { + grid-auto-rows: max-content; + } - .xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); + } - .xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:row-auto { + grid-row: auto; + } - .xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:row-span-1 { + grid-row: span 1 / span 1; + } - .xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:row-span-2 { + grid-row: span 2 / span 2; + } - .xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:row-span-3 { + grid-row: span 3 / span 3; + } - .xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:row-span-4 { + grid-row: span 4 / span 4; + } - .xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:row-span-5 { + grid-row: span 5 / span 5; + } - .xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:row-span-6 { + grid-row: span 6 / span 6; + } - .xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:row-span-full { + grid-row: 1 / -1; + } - .xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:row-start-1 { + grid-row-start: 1; + } - .xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:row-start-2 { + grid-row-start: 2; + } - .xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:row-start-3 { + grid-row-start: 3; + } - .xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:row-start-4 { + grid-row-start: 4; + } - .xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:row-start-5 { + grid-row-start: 5; + } - .xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:row-start-6 { + grid-row-start: 6; + } - .xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:row-start-7 { + grid-row-start: 7; + } - .xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:row-start-auto { + grid-row-start: auto; + } - .xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:row-end-1 { + grid-row-end: 1; + } - .xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:row-end-2 { + grid-row-end: 2; + } - .xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:row-end-3 { + grid-row-end: 3; + } - .xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:row-end-4 { + grid-row-end: 4; + } - .xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:row-end-5 { + grid-row-end: 5; + } - .xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:row-end-6 { + grid-row-end: 6; + } - .xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:row-end-7 { + grid-row-end: 7; + } - .xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:row-end-auto { + grid-row-end: auto; + } - .xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .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\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:transform-none { + transform: none; + } - .xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:origin-center { + transform-origin: center; + } - .xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:origin-top { + transform-origin: top; + } - .xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:origin-top-right { + transform-origin: top right; + } - .xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:origin-right { + transform-origin: right; + } - .xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:origin-bottom-right { + transform-origin: bottom right; + } - .xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:origin-bottom { + transform-origin: bottom; + } - .xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:origin-bottom-left { + transform-origin: bottom left; + } - .xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:origin-left { + transform-origin: left; + } - .xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:origin-top-left { + transform-origin: top left; + } - .xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:scale-x-0 { + --transform-scale-x: 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)); - } + .lg\:scale-x-50 { + --transform-scale-x: .5; + } - .xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:scale-x-75 { + --transform-scale-x: .75; + } - .xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:scale-x-90 { + --transform-scale-x: .9; + } - .xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:scale-x-95 { + --transform-scale-x: .95; + } - .xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:scale-x-100 { + --transform-scale-x: 1; + } - .xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:scale-x-105 { + --transform-scale-x: 1.05; + } - .xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:scale-x-110 { + --transform-scale-x: 1.1; + } - .xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:scale-x-125 { + --transform-scale-x: 1.25; + } - .xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:scale-x-150 { + --transform-scale-x: 1.5; + } - .xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:scale-y-0 { + --transform-scale-y: 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)); - } + .lg\:scale-y-50 { + --transform-scale-y: .5; + } - .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)); - } + .lg\:scale-y-75 { + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:scale-y-90 { + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:scale-y-95 { + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:scale-y-100 { + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:scale-y-105 { + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:scale-y-110 { + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:scale-y-125 { + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:scale-y-150 { + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0; + } - .xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5; + } - .xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75; + } - .xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9; + } - .xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95; + } - .xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1; + } - .xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; + } - .xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; + } - .xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; + } - .xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; + } - .xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; + } - .xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0; + } - .xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5; + } - .xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75; + } - .xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9; + } - .xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95; + } - .xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1; + } - .xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; + } - .xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; + } - .xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; + } - .xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; + } - .xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0; + } - .xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5; + } - .xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75; + } - .xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9; + } - .xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95; + } - .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)); - } + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1; + } - .xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; + } - .xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; + } - .xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; + } - .xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; + } - .xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:rotate-0 { + --transform-rotate: 0; + } - .xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:rotate-1 { + --transform-rotate: 1deg; + } - .xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:rotate-2 { + --transform-rotate: 2deg; + } - .xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:rotate-3 { + --transform-rotate: 3deg; + } - .xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:rotate-6 { + --transform-rotate: 6deg; + } - .xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .lg\:rotate-12 { + --transform-rotate: 12deg; + } - .xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .lg\:rotate-45 { + --transform-rotate: 45deg; + } - .xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .lg\:rotate-90 { + --transform-rotate: 90deg; + } - .xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .lg\:rotate-180 { + --transform-rotate: 180deg; + } - .xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .lg\:-rotate-180 { + --transform-rotate: -180deg; + } - .xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .lg\:-rotate-90 { + --transform-rotate: -90deg; + } - .xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .lg\:-rotate-45 { + --transform-rotate: -45deg; + } - .xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .lg\:-rotate-12 { + --transform-rotate: -12deg; + } - .xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .lg\:-rotate-6 { + --transform-rotate: -6deg; + } - .xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .lg\:-rotate-3 { + --transform-rotate: -3deg; + } - .xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .lg\:-rotate-2 { + --transform-rotate: -2deg; + } - .xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .lg\:-rotate-1 { + --transform-rotate: -1deg; + } - .xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0; + } - .xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .lg\:hover\:rotate-1:hover { + --transform-rotate: 1deg; + } - .xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .lg\:hover\:rotate-2:hover { + --transform-rotate: 2deg; + } - .xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .lg\:hover\:rotate-3:hover { + --transform-rotate: 3deg; + } - .xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .lg\:hover\:rotate-6:hover { + --transform-rotate: 6deg; + } - .xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .lg\:hover\:rotate-12:hover { + --transform-rotate: 12deg; + } - .xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg; + } - .xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg; + } - .xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg; + } - .xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; + } - .xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; + } - .xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; + } - .xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .lg\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; + } - .xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .lg\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; + } - .xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .lg\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; + } - .xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .lg\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; + } - .xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .lg\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; + } - .xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0; + } - .xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .lg\:focus\:rotate-1:focus { + --transform-rotate: 1deg; + } - .xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .lg\:focus\:rotate-2:focus { + --transform-rotate: 2deg; + } - .xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .lg\:focus\:rotate-3:focus { + --transform-rotate: 3deg; + } - .xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .lg\:focus\:rotate-6:focus { + --transform-rotate: 6deg; + } - .xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .lg\:focus\:rotate-12:focus { + --transform-rotate: 12deg; + } - .xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg; + } - .xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg; + } - .xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg; + } - .xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; + } - .xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; + } - .xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; + } - .xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .lg\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; + } - .xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .lg\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; + } - .xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .lg\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; + } - .xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .lg\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; + } - .xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .lg\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; + } - .xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .lg\:translate-x-0 { + --transform-translate-x: 0; + } - .xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem; + } - .xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .lg\:translate-x-4 { + --transform-translate-x: 1rem; + } - .xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .lg\:translate-x-7 { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .lg\:translate-x-8 { + --transform-translate-x: 2rem; + } - .xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .lg\:translate-x-9 { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .lg\:translate-x-12 { + --transform-translate-x: 3rem; + } - .xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .lg\:translate-x-14 { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .lg\:translate-x-16 { + --transform-translate-x: 4rem; + } - .xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .lg\:translate-x-20 { + --transform-translate-x: 5rem; + } - .xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .lg\:translate-x-24 { + --transform-translate-x: 6rem; + } - .xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .lg\:translate-x-28 { + --transform-translate-x: 7rem; + } - .xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .lg\:translate-x-32 { + --transform-translate-x: 8rem; + } - .xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .lg\:translate-x-36 { + --transform-translate-x: 9rem; + } - .xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .lg\:translate-x-40 { + --transform-translate-x: 10rem; + } - .xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .lg\:translate-x-44 { + --transform-translate-x: 11rem; + } - .xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .lg\:translate-x-48 { + --transform-translate-x: 12rem; + } - .xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .lg\:translate-x-52 { + --transform-translate-x: 13rem; + } - .xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .lg\:translate-x-56 { + --transform-translate-x: 14rem; + } - .xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .lg\:translate-x-60 { + --transform-translate-x: 15rem; + } - .xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .lg\:translate-x-64 { + --transform-translate-x: 16rem; + } - .xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .lg\:translate-x-72 { + --transform-translate-x: 18rem; + } - .xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .lg\:translate-x-80 { + --transform-translate-x: 20rem; + } - .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)); - } + .lg\:translate-x-96 { + --transform-translate-x: 24rem; + } - .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)); - } + .lg\:translate-x-px { + --transform-translate-x: 1px; + } - .xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:-translate-x-4 { + --transform-translate-x: -1rem; + } - .xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:-translate-x-8 { + --transform-translate-x: -2rem; + } - .xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:-translate-x-9 { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:-translate-x-12 { + --transform-translate-x: -3rem; + } - .xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:-translate-x-14 { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:-translate-x-16 { + --transform-translate-x: -4rem; + } - .xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:-translate-x-20 { + --transform-translate-x: -5rem; + } - .xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:-translate-x-24 { + --transform-translate-x: -6rem; + } - .xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:-translate-x-28 { + --transform-translate-x: -7rem; + } - .xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:-translate-x-32 { + --transform-translate-x: -8rem; + } - .xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:-translate-x-36 { + --transform-translate-x: -9rem; + } - .xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:-translate-x-40 { + --transform-translate-x: -10rem; + } - .xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:-translate-x-44 { + --transform-translate-x: -11rem; + } - .xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:-translate-x-48 { + --transform-translate-x: -12rem; + } - .xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:-translate-x-52 { + --transform-translate-x: -13rem; + } - .xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:-translate-x-56 { + --transform-translate-x: -14rem; + } - .xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:-translate-x-60 { + --transform-translate-x: -15rem; + } - .xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:-translate-x-64 { + --transform-translate-x: -16rem; + } - .xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:-translate-x-72 { + --transform-translate-x: -18rem; + } - .xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:-translate-x-80 { + --transform-translate-x: -20rem; + } - .xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:-translate-x-96 { + --transform-translate-x: -24rem; + } - .xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:-translate-x-px { + --transform-translate-x: -1px; + } - .xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:translate-x-1\/2 { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:translate-x-1\/4 { + --transform-translate-x: 25%; + } - .xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:translate-x-2\/4 { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:translate-x-3\/4 { + --transform-translate-x: 75%; + } - .xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:translate-x-full { + --transform-translate-x: 100%; + } - .xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:-translate-x-1\/4 { + --transform-translate-x: -25%; + } - .xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:-translate-x-2\/4 { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:-translate-x-3\/4 { + --transform-translate-x: -75%; + } - .xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:-translate-x-full { + --transform-translate-x: -100%; + } - .xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:translate-y-0 { + --transform-translate-y: 0; + } - .xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:translate-y-4 { + --transform-translate-y: 1rem; + } - .xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem; + } - .xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:translate-y-7 { + --transform-translate-y: 1.75rem; + } - .xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:translate-y-8 { + --transform-translate-y: 2rem; + } - .xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:translate-y-9 { + --transform-translate-y: 2.25rem; + } - .xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem; + } - .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)); - } + .lg\:translate-y-12 { + --transform-translate-y: 3rem; + } - .xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:translate-y-14 { + --transform-translate-y: 3.5rem; + } - .xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:translate-y-16 { + --transform-translate-y: 4rem; + } - .xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:translate-y-20 { + --transform-translate-y: 5rem; + } - .xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:translate-y-24 { + --transform-translate-y: 6rem; + } - .xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:translate-y-28 { + --transform-translate-y: 7rem; + } - .xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:translate-y-32 { + --transform-translate-y: 8rem; + } - .xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:translate-y-36 { + --transform-translate-y: 9rem; + } - .xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:translate-y-40 { + --transform-translate-y: 10rem; + } - .xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:translate-y-44 { + --transform-translate-y: 11rem; + } - .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)); - } + .lg\:translate-y-48 { + --transform-translate-y: 12rem; + } - .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)); - } + .lg\:translate-y-52 { + --transform-translate-y: 13rem; + } - .xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .lg\:translate-y-56 { + --transform-translate-y: 14rem; + } - .xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .lg\:translate-y-60 { + --transform-translate-y: 15rem; + } - .xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .lg\:translate-y-64 { + --transform-translate-y: 16rem; + } - .xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .lg\:translate-y-72 { + --transform-translate-y: 18rem; + } - .xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .lg\:translate-y-80 { + --transform-translate-y: 20rem; + } - .xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .lg\:translate-y-96 { + --transform-translate-y: 24rem; + } - .xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .lg\:translate-y-px { + --transform-translate-y: 1px; + } - .xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .lg\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; + } - .xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .lg\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; + } - .xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .lg\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; + } - .xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .lg\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; + } - .xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem; + } - .xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem; + } - .xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem; + } - .xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .lg\:-translate-y-4 { + --transform-translate-y: -1rem; + } - .xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem; + } - .xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem; + } - .xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .lg\:-translate-y-7 { + --transform-translate-y: -1.75rem; + } - .xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .lg\:-translate-y-8 { + --transform-translate-y: -2rem; + } - .xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .lg\:-translate-y-9 { + --transform-translate-y: -2.25rem; + } - .xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem; + } - .xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .lg\:-translate-y-12 { + --transform-translate-y: -3rem; + } - .xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .lg\:-translate-y-14 { + --transform-translate-y: -3.5rem; + } - .xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .lg\:-translate-y-16 { + --transform-translate-y: -4rem; + } - .xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .lg\:-translate-y-20 { + --transform-translate-y: -5rem; + } - .xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .lg\:-translate-y-24 { + --transform-translate-y: -6rem; + } - .xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .lg\:-translate-y-28 { + --transform-translate-y: -7rem; + } - .xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .lg\:-translate-y-32 { + --transform-translate-y: -8rem; + } - .xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .lg\:-translate-y-36 { + --transform-translate-y: -9rem; + } - .xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .lg\:-translate-y-40 { + --transform-translate-y: -10rem; + } - .xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .lg\:-translate-y-44 { + --transform-translate-y: -11rem; + } - .xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .lg\:-translate-y-48 { + --transform-translate-y: -12rem; + } - .xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .lg\:-translate-y-52 { + --transform-translate-y: -13rem; + } - .xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .lg\:-translate-y-56 { + --transform-translate-y: -14rem; + } - .xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .lg\:-translate-y-60 { + --transform-translate-y: -15rem; + } - .xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .lg\:-translate-y-64 { + --transform-translate-y: -16rem; + } - .xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .lg\:-translate-y-72 { + --transform-translate-y: -18rem; + } - .xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .lg\:-translate-y-80 { + --transform-translate-y: -20rem; + } - .xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .lg\:-translate-y-96 { + --transform-translate-y: -24rem; + } - .xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .lg\:-translate-y-px { + --transform-translate-y: -1px; + } - .xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .lg\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; + } - .xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .lg\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; + } - .xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .lg\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; + } - .xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .lg\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; + } - .xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .lg\:translate-y-1\/2 { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .lg\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; + } - .xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .lg\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; + } - .xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .lg\:translate-y-1\/4 { + --transform-translate-y: 25%; + } - .xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .lg\:translate-y-2\/4 { + --transform-translate-y: 50%; + } - .xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .lg\:translate-y-3\/4 { + --transform-translate-y: 75%; + } - .xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .lg\:translate-y-full { + --transform-translate-y: 100%; + } - .xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .lg\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; + } - .xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .lg\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; + } - .xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .lg\:-translate-y-1\/4 { + --transform-translate-y: -25%; + } - .xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .lg\:-translate-y-2\/4 { + --transform-translate-y: -50%; + } - .xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .lg\:-translate-y-3\/4 { + --transform-translate-y: -75%; + } - .xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .lg\:-translate-y-full { + --transform-translate-y: -100%; + } - .xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0; + } - .xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; + } - .xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; + } - .xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; + } - .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)); - } + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; + } - .xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; + } - .xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; + } - .xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .lg\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; + } - .xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; + } - .xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .lg\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; + } - .xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; + } - .xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; + } - .xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .lg\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; + } - .xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; + } - .xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; + } - .xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; + } - .xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .lg\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; + } - .xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; + } - .xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .lg\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; + } - .xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; + } - .xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .lg\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; + } - .xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; + } - .xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .lg\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; + } - .xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; + } - .xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .lg\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; + } - .xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; + } - .xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .lg\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; + } - .xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .lg\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; + } - .xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .lg\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; + } - .xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; + } - .xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .lg\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; + } - .xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .lg\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; + } - .xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .lg\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; + } - .xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .lg\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; + } - .xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; + } - .xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; + } - .xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; + } - .xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; + } - .xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; + } - .xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; + } - .xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .lg\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; + } - .xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; + } - .xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .lg\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; + } - .xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; + } - .xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; + } - .xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .lg\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; + } - .xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; + } - .xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; + } - .xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; + } - .xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .lg\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; + } - .xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; + } - .xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .lg\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; + } - .xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; + } - .xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .lg\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; + } - .xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; + } - .xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .lg\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; + } - .xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; + } - .xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .lg\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; + } - .xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; + } - .xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .lg\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; + } - .xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .lg\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; + } - .xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .lg\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; + } - .xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; + } - .xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .lg\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; + } - .xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .lg\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; + } - .xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .lg\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; + } - .xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .lg\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; + } - .xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .lg\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; + } - .xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .lg\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; + } - .xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .lg\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; + } - .xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .lg\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; + } - .xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .lg\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; + } - .xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; + } - .xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .lg\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; + } - .xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .lg\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; + } - .xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .lg\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; + } - .xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .lg\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; + } - .xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .lg\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; + } - .xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; + } - .xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0; + } - .xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; + } - .xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; + } - .xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; + } - .xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; + } - .xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; + } - .xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .xl\:bg-opacity-0 { - --bg-opacity: 0; + .lg\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .xl\:bg-opacity-25 { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .xl\:bg-opacity-50 { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .xl\:bg-opacity-75 { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .xl\:bg-opacity-100 { - --bg-opacity: 1; + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .group:hover .xl\:group-hover\:bg-opacity-0 { - --bg-opacity: 0; + .lg\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .group:hover .xl\:group-hover\:bg-opacity-25 { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .group:hover .xl\:group-hover\:bg-opacity-50 { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .group:hover .xl\:group-hover\:bg-opacity-75 { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .group:hover .xl\:group-hover\:bg-opacity-100 { - --bg-opacity: 1; + .lg\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .xl\:hover\:bg-opacity-0:hover { - --bg-opacity: 0; + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .xl\:hover\:bg-opacity-25:hover { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .xl\:hover\:bg-opacity-50:hover { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .xl\:hover\:bg-opacity-75:hover { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .xl\:hover\:bg-opacity-100:hover { - --bg-opacity: 1; + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .xl\:focus\:bg-opacity-0:focus { - --bg-opacity: 0; + .lg\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .xl\:focus\:bg-opacity-25:focus { - --bg-opacity: 0.25; + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .xl\:focus\:bg-opacity-50:focus { - --bg-opacity: 0.5; + .lg\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .xl\:focus\:bg-opacity-75:focus { - --bg-opacity: 0.75; + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .xl\:focus\:bg-opacity-100:focus { - --bg-opacity: 1; + .lg\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .xl\:bg-bottom { - background-position: bottom; + .lg\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .xl\:bg-center { - background-position: center; + .lg\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .xl\:bg-left { - background-position: left; + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .xl\:bg-left-bottom { - background-position: left bottom; + .lg\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .xl\:bg-left-top { - background-position: left top; + .lg\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .xl\:bg-right { - background-position: right; + .lg\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .xl\:bg-right-bottom { - background-position: right bottom; + .lg\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .xl\:bg-right-top { - background-position: right top; + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .xl\:bg-top { - background-position: top; + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .xl\:bg-repeat { - background-repeat: repeat; + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .xl\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .xl\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .xl\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .xl\:bg-repeat-round { - background-repeat: round; + .lg\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .xl\:bg-repeat-space { - background-repeat: space; + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .xl\:bg-auto { - background-size: auto; + .lg\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .xl\:bg-cover { - background-size: cover; + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .xl\:bg-contain { - background-size: contain; + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .xl\:border-collapse { - border-collapse: collapse; + .lg\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .xl\:border-separate { - border-collapse: separate; + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .xl\:border-transparent { - border-color: transparent; + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .xl\:border-current { - border-color: currentColor; + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .xl\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .xl\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .xl\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .xl\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .xl\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .xl\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .xl\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .xl\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .xl\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .xl\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .xl\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .xl\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .xl\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .xl\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .xl\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .xl\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .xl\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .xl\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .xl\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .xl\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .xl\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .xl\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .xl\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .xl\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .xl\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .xl\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .xl\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .xl\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .xl\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .xl\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .xl\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .xl\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .xl\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .xl\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .xl\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .xl\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .xl\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .xl\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .xl\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .xl\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .xl\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .xl\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .xl\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .xl\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .xl\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .xl\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .xl\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .xl\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .xl\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .xl\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .xl\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .xl\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .xl\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .xl\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .xl\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .xl\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .xl\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .xl\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .xl\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .xl\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .xl\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .xl\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .xl\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .xl\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .xl\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .xl\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .xl\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .xl\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .xl\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .xl\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .xl\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .xl\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .lg\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .group:hover .xl\:group-hover\:border-transparent { - border-color: transparent; + .lg\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .group:hover .xl\:group-hover\:border-current { - border-color: currentColor; + .lg\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .group:hover .xl\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .group:hover .xl\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .group:hover .xl\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .group:hover .xl\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .group:hover .xl\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .group:hover .xl\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .group:hover .xl\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .group:hover .xl\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .group:hover .xl\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .group:hover .xl\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .group:hover .xl\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .group:hover .xl\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .group:hover .xl\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .group:hover .xl\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .group:hover .xl\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .group:hover .xl\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .group:hover .xl\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .group:hover .xl\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .group:hover .xl\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .group:hover .xl\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .group:hover .xl\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .group:hover .xl\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .group:hover .xl\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .group:hover .xl\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .group:hover .xl\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - .group:hover .xl\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; } - .group:hover .xl\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; } - .group:hover .xl\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; } - .group:hover .xl\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; } - .group:hover .xl\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; } - .group:hover .xl\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; } - .group:hover .xl\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; } - .group:hover .xl\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; } - .group:hover .xl\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; } - .group:hover .xl\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; } - .group:hover .xl\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; } - .group:hover .xl\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; } - .group:hover .xl\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; } - .group:hover .xl\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; } - .group:hover .xl\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:focus\:translate-y-0:focus { + --transform-translate-y: 0; } - .group:hover .xl\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; } - .group:hover .xl\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; } - .group:hover .xl\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; } - .group:hover .xl\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; } - .group:hover .xl\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; } - .group:hover .xl\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; } - .group:hover .xl\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; } - .group:hover .xl\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; } - .group:hover .xl\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; } - .group:hover .xl\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; } - .group:hover .xl\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; } - .group:hover .xl\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; } - .group:hover .xl\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; } - .group:hover .xl\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; } - .group:hover .xl\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; } - .group:hover .xl\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; } - .group:hover .xl\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; } - .group:hover .xl\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; } - .group:hover .xl\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; } - .group:hover .xl\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; } - .group:hover .xl\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; } - .group:hover .xl\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; } - .group:hover .xl\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; } - .group:hover .xl\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; } - .group:hover .xl\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; } - .group:hover .xl\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; } - .group:hover .xl\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; } - .group:hover .xl\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; } - .group:hover .xl\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; } - .group:hover .xl\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; } - .group:hover .xl\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; } - .group:hover .xl\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .lg\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; } - .xl\:hover\:border-current:hover { - border-color: currentColor; + .lg\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; } - .xl\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; } - .xl\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; } - .xl\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; } - .xl\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; } - .xl\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; } - .xl\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; } - .xl\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; } - .xl\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; } - .xl\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; } - .xl\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; } - .xl\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; } - .xl\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; } - .xl\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; } - .xl\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; } - .xl\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; } - .xl\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; } - .xl\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; } - .xl\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; } - .xl\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; } - .xl\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; } - .xl\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; } - .xl\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; } - .xl\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; } - .xl\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; } - .xl\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; } - .xl\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; } - .xl\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; } - .xl\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; } - .xl\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; } - .xl\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; } - .xl\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; } - .xl\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; } - .xl\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; } - .xl\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; } - .xl\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; } - .xl\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; } - .xl\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; } - .xl\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; } - .xl\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; } - .xl\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; } - .xl\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; } - .xl\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; } - .xl\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; } - .xl\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; } - .xl\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; } - .xl\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; } - .xl\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:skew-x-0 { + --transform-skew-x: 0; } - .xl\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:skew-x-1 { + --transform-skew-x: 1deg; } - .xl\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:skew-x-2 { + --transform-skew-x: 2deg; } - .xl\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:skew-x-3 { + --transform-skew-x: 3deg; } - .xl\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:skew-x-6 { + --transform-skew-x: 6deg; } - .xl\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:skew-x-12 { + --transform-skew-x: 12deg; } - .xl\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:-skew-x-12 { + --transform-skew-x: -12deg; } - .xl\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:-skew-x-6 { + --transform-skew-x: -6deg; } - .xl\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:-skew-x-3 { + --transform-skew-x: -3deg; } - .xl\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:-skew-x-2 { + --transform-skew-x: -2deg; } - .xl\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:-skew-x-1 { + --transform-skew-x: -1deg; } - .xl\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:skew-y-0 { + --transform-skew-y: 0; } - .xl\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:skew-y-1 { + --transform-skew-y: 1deg; } - .xl\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:skew-y-2 { + --transform-skew-y: 2deg; } - .xl\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:skew-y-3 { + --transform-skew-y: 3deg; } - .xl\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:skew-y-6 { + --transform-skew-y: 6deg; } - .xl\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:skew-y-12 { + --transform-skew-y: 12deg; } - .xl\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:-skew-y-12 { + --transform-skew-y: -12deg; } - .xl\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:-skew-y-6 { + --transform-skew-y: -6deg; } - .xl\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:-skew-y-3 { + --transform-skew-y: -3deg; } - .xl\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:-skew-y-2 { + --transform-skew-y: -2deg; } - .xl\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:-skew-y-1 { + --transform-skew-y: -1deg; } - .xl\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .xl\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; } - .xl\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; } - .xl\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .xl\:focus\:border-transparent:focus { - border-color: transparent; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .xl\:focus\:border-current:focus { - border-color: currentColor; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .xl\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .xl\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .xl\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .xl\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); + .lg\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; } - .xl\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); + .lg\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; } - .xl\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .xl\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); + .lg\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; } - .xl\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); + .lg\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; } - .xl\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .xl\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .xl\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .xl\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .xl\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .xl\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .xl\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); + .lg\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; } - .xl\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); + .lg\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; } - .xl\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .xl\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); + .lg\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; } - .xl\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); + .lg\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; } - .xl\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .xl\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .xl\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .xl\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .xl\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .xl\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .xl\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); + .lg\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; } - .xl\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); + .lg\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; } - .xl\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .xl\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); + .lg\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; } - .xl\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); + .lg\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; } - .xl\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .xl\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .xl\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .xl\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .xl\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .xl\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .xl\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); + .lg\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; } - .xl\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); + .lg\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; } - .xl\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); + .lg\:transition-none { + transition-property: none; } - .xl\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); + .lg\:transition-all { + transition-property: all; } - .xl\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .xl\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .xl\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); + .lg\:transition-opacity { + transition-property: opacity; } - .xl\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); + .lg\:transition-shadow { + transition-property: box-shadow; } - .xl\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); + .lg\:transition-transform { + transition-property: transform; } - .xl\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); + .lg\:ease-linear { + transition-timing-function: linear; } - .xl\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .xl\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .xl\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .xl\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); + .lg\:duration-75 { + transition-duration: 75ms; } - .xl\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); + .lg\:duration-100 { + transition-duration: 100ms; } - .xl\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); + .lg\:duration-150 { + transition-duration: 150ms; } - .xl\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); + .lg\:duration-200 { + transition-duration: 200ms; } - .xl\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); + .lg\:duration-300 { + transition-duration: 300ms; } - .xl\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); + .lg\:duration-500 { + transition-duration: 500ms; } - .xl\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); + .lg\:duration-700 { + transition-duration: 700ms; } - .xl\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); + .lg\:duration-1000 { + transition-duration: 1000ms; } - .xl\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); + .lg\:delay-75 { + transition-delay: 75ms; } - .xl\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); + .lg\:delay-100 { + transition-delay: 100ms; } - .xl\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); + .lg\:delay-150 { + transition-delay: 150ms; } - .xl\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); + .lg\:delay-200 { + transition-delay: 200ms; } - .xl\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); + .lg\:delay-300 { + transition-delay: 300ms; } - .xl\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); + .lg\:delay-500 { + transition-delay: 500ms; } - .xl\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); + .lg\:delay-700 { + transition-delay: 700ms; } - .xl\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); + .lg\:delay-1000 { + transition-delay: 1000ms; } - .xl\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); + .lg\:animate-none { + animation: none; } - .xl\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); + .lg\:animate-spin { + animation: spin 1s linear infinite; } - .xl\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); + .lg\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } - .xl\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); + .lg\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } - .xl\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); + .lg\:animate-bounce { + animation: bounce 1s infinite; } - .xl\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); + .lg\:example { + font-weight: 700; + color: #ef4444; } +} - .xl\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); +@media (min-width: 1280px) { + .xl\:container { + width: 100%; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:border-transparent { - border-color: transparent; + @media (min-width: 640px) { + .xl\:container { + max-width: 640px; } + } - .xl\:dark\:border-current { - border-color: currentColor; + @media (min-width: 768px) { + .xl\:container { + max-width: 768px; } + } - .xl\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); + @media (min-width: 1024px) { + .xl\:container { + max-width: 1024px; } + } - .xl\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); + @media (min-width: 1280px) { + .xl\:container { + max-width: 1280px; } + } - .xl\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); + @media (min-width: 1536px) { + .xl\:container { + max-width: 1536px; } + } - .xl\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-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\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-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\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-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\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-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\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-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\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-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\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-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\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-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\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-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\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-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\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-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\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-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\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-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\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-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\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-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\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-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\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-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\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-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\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-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\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-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\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-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\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-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\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-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\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-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\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-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\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-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\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-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\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-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\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-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\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-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\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-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\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-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\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-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\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-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\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .xl\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-transparent { - border-color: transparent; - } + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-current { - border-color: currentColor; - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + } + + .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\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + } + + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-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)); + } - .group:hover .xl\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; + } - .group:hover .xl\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; + } - .group:hover .xl\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + } - .group:hover .xl\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .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)); + } - .group:hover .xl\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + } - .xl\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; + } - .xl\:dark\:hover\:border-current:hover { - border-color: currentColor; - } + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; + } - .xl\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; + } - .xl\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; + } - .xl\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); + } - .xl\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); + } - .xl\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); + } - .xl\:dark\:focus\:border-current:focus { - border-color: currentColor; - } + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); + } - .xl\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } + .xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; + } - .xl\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } + .xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; + } - .xl\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } + .xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; + } - .xl\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } + .xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; + } - .xl\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } + .xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; + } - .xl\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } + .xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; + } - .xl\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } + .xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; + } - .xl\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } + .xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; + } - .xl\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } + .xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; + } - .xl\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } + .xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + } - .xl\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } + .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\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } + .xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } - .xl\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } + .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\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } + .xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } - .xl\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } + .xl\:appearance-none { + appearance: none; + } - .xl\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } + .xl\:bg-fixed { + background-attachment: fixed; + } - .xl\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } + .xl\:bg-local { + background-attachment: local; + } - .xl\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } + .xl\:bg-scroll { + background-attachment: scroll; + } - .xl\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } + .xl\:bg-clip-border { + background-clip: border-box; + } - .xl\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } + .xl\:bg-clip-padding { + background-clip: padding-box; + } - .xl\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } + .xl\:bg-clip-content { + background-clip: content-box; + } - .xl\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } + .xl\:bg-clip-text { + background-clip: text; + } - .xl\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } + .xl\:bg-transparent { + background-color: transparent; + } - .xl\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } + .xl\:bg-current { + background-color: currentColor; + } - .xl\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } + .xl\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } + .xl\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } + .xl\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } + .xl\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } + .xl\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } + .xl\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } + .xl\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } + .xl\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } + .xl\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } + .xl\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } + .xl\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } + .xl\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } + .xl\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } + .xl\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } + .xl\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } + .xl\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } + .xl\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } + .xl\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } + .xl\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } + .xl\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } + .xl\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } + .xl\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } + .xl\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } + .xl\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } + .xl\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } + .xl\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } + .xl\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } + .xl\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } + .xl\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } + .xl\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } + .xl\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } + .xl\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } + .xl\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } + .xl\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } + .xl\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } + .xl\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } + .xl\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } + .xl\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } + .xl\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } + .xl\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } + .xl\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } + .xl\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } + .xl\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } + .xl\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } + .xl\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } + .xl\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } + .xl\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); + } - .xl\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } + .xl\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:border-opacity-0 { - --border-opacity: 0; + .xl\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:border-opacity-25 { - --border-opacity: 0.25; + .xl\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:border-opacity-50 { - --border-opacity: 0.5; + .xl\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:border-opacity-75 { - --border-opacity: 0.75; + .xl\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:border-opacity-100 { - --border-opacity: 1; + .xl\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-0 { - --border-opacity: 0; + .xl\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-25 { - --border-opacity: 0.25; + .xl\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-50 { - --border-opacity: 0.5; + .xl\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-75 { - --border-opacity: 0.75; + .xl\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .group:hover .xl\:group-hover\:border-opacity-100 { - --border-opacity: 1; + .xl\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:hover\:border-opacity-0:hover { - --border-opacity: 0; + .xl\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:hover\:border-opacity-25:hover { - --border-opacity: 0.25; + .xl\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:hover\:border-opacity-50:hover { - --border-opacity: 0.5; + .xl\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:hover\:border-opacity-75:hover { - --border-opacity: 0.75; + .xl\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:hover\:border-opacity-100:hover { - --border-opacity: 1; + .xl\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:focus\:border-opacity-0:focus { - --border-opacity: 0; + .xl\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:focus\:border-opacity-25:focus { - --border-opacity: 0.25; + .xl\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:focus\:border-opacity-50:focus { - --border-opacity: 0.5; + .xl\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:focus\:border-opacity-75:focus { - --border-opacity: 0.75; + .xl\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:focus\:border-opacity-100:focus { - --border-opacity: 1; + .xl\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:rounded-none { - border-radius: 0; + .xl\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:rounded-sm { - border-radius: 0.125rem; + .xl\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:rounded { - border-radius: 0.25rem; + .xl\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:rounded-md { - border-radius: 0.375rem; + .xl\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:rounded-lg { - border-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-transparent { + background-color: transparent; + } + + .group:hover .xl\:group-hover\:bg-current { + background-color: currentColor; } - .xl\:rounded-xl { - border-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .xl\:rounded-2xl { - border-radius: 1rem; + .group:hover .xl\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .xl\:rounded-3xl { - border-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .xl\:rounded-full { - border-radius: 9999px; + .group:hover .xl\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .xl\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .xl\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .xl\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .xl\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .group:hover .xl\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .xl\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .xl\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .xl\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .xl\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .xl\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .xl\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .xl\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .xl\:rounded-t-xl { - border-top-left-radius: 0.75rem; - border-top-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .xl\:rounded-r-xl { - border-top-right-radius: 0.75rem; - border-bottom-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .xl\:rounded-b-xl { - border-bottom-right-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .xl\:rounded-l-xl { - border-top-left-radius: 0.75rem; - border-bottom-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .xl\:rounded-t-2xl { - border-top-left-radius: 1rem; - border-top-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .xl\:rounded-r-2xl { - border-top-right-radius: 1rem; - border-bottom-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .xl\:rounded-b-2xl { - border-bottom-right-radius: 1rem; - border-bottom-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .xl\:rounded-l-2xl { - border-top-left-radius: 1rem; - border-bottom-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .xl\:rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .xl\:rounded-r-3xl { - border-top-right-radius: 1.5rem; - border-bottom-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .xl\:rounded-b-3xl { - border-bottom-right-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .xl\:rounded-l-3xl { - border-top-left-radius: 1.5rem; - border-bottom-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .group:hover .xl\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .xl\:rounded-tl-none { - border-top-left-radius: 0; + .group:hover .xl\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .xl\:rounded-tr-none { - border-top-right-radius: 0; + .group:hover .xl\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .xl\:rounded-br-none { - border-bottom-right-radius: 0; + .group:hover .xl\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; + .group:hover .xl\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .group:hover .xl\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .group:hover .xl\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .xl\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .xl\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .xl\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .group:hover .xl\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .group:hover .xl\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:rounded-tl-xl { - border-top-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:rounded-tr-xl { - border-top-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:rounded-br-xl { - border-bottom-right-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:rounded-bl-xl { - border-bottom-left-radius: 0.75rem; + .group:hover .xl\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:rounded-tl-2xl { - border-top-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:rounded-tr-2xl { - border-top-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:rounded-br-2xl { - border-bottom-right-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:rounded-bl-2xl { - border-bottom-left-radius: 1rem; + .group:hover .xl\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:rounded-tl-3xl { - border-top-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:rounded-tr-3xl { - border-top-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:rounded-br-3xl { - border-bottom-right-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:rounded-bl-3xl { - border-bottom-left-radius: 1.5rem; + .group:hover .xl\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:hover\:bg-current:hover { + background-color: currentColor; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .xl\:border-solid { - border-style: solid; + .xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .xl\:border-dashed { - border-style: dashed; + .xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .xl\:border-dotted { - border-style: dotted; + .xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .xl\:border-double { - border-style: double; + .xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .xl\:border-none { - border-style: none; + .xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .xl\:border-0 { - border-width: 0; + .xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .xl\:border-2 { - border-width: 2px; + .xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .xl\:border-4 { - border-width: 4px; + .xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .xl\:border-8 { - border-width: 8px; + .xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .xl\:border { - border-width: 1px; + .xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .xl\:border-t-0 { - border-top-width: 0; + .xl\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .xl\:border-r-0 { - border-right-width: 0; + .xl\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .xl\:border-b-0 { - border-bottom-width: 0; + .xl\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .xl\:border-l-0 { - border-left-width: 0; + .xl\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .xl\:border-t-2 { - border-top-width: 2px; + .xl\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .xl\:border-r-2 { - border-right-width: 2px; + .xl\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .xl\:border-b-2 { - border-bottom-width: 2px; + .xl\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .xl\:border-t { - border-top-width: 1px; + .xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .xl\:border-r { - border-right-width: 1px; + .xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .xl\:border-l { - border-left-width: 1px; + .xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .xl\:box-border { - box-sizing: border-box; + .xl\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .xl\:box-content { - box-sizing: content-box; + .xl\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .xl\:cursor-auto { - cursor: auto; + .xl\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .xl\:cursor-default { - cursor: default; + .xl\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .xl\:cursor-wait { - cursor: wait; + .xl\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .xl\:cursor-text { - cursor: text; + .xl\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .xl\:cursor-move { - cursor: move; + .xl\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .xl\:block { - display: block; + .xl\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .xl\:inline-block { - display: inline-block; + .xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .xl\:inline { - display: inline; + .xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .xl\:flex { - display: flex; + .xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .xl\:inline-flex { - display: inline-flex; + .xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .xl\:table { - display: table; + .xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .xl\:table-caption { - display: table-caption; + .xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:table-cell { - display: table-cell; + .xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:table-column { - display: table-column; + .xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:table-column-group { - display: table-column-group; + .xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:table-footer-group { - display: table-footer-group; + .xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:table-header-group { - display: table-header-group; + .xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .xl\:table-row-group { - display: table-row-group; + .xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .xl\:table-row { - display: table-row; + .xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .xl\:flow-root { - display: flow-root; + .xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .xl\:grid { - display: grid; + .xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .xl\:inline-grid { - display: inline-grid; + .xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:contents { - display: contents; + .xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:hidden { - display: none; + .xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:flex-row { - flex-direction: row; + .xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:flex-col { - flex-direction: column; + .xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:flex-no-wrap { - flex-wrap: nowrap; + .xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:place-items-auto { - place-items: auto; + .xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:place-items-start { - place-items: start; + .xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:place-items-end { - place-items: end; + .xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:place-items-center { - place-items: center; + .xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:place-items-stretch { - place-items: stretch; + .xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:place-content-center { - place-content: center; + .xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .xl\:place-content-start { - place-content: start; + .xl\:focus\:bg-current:focus { + background-color: currentColor; } - .xl\:place-content-end { - place-content: end; + .xl\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .xl\:place-content-between { - place-content: space-between; + .xl\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .xl\:place-content-around { - place-content: space-around; + .xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .xl\:place-content-evenly { - place-content: space-evenly; + .xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .xl\:place-content-stretch { - place-content: stretch; + .xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .xl\:place-self-auto { - place-self: auto; + .xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .xl\:place-self-start { - place-self: start; + .xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .xl\:place-self-end { - place-self: end; + .xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .xl\:place-self-center { - place-self: center; + .xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .xl\:place-self-stretch { - place-self: stretch; + .xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .xl\:items-start { - align-items: flex-start; + .xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .xl\:items-end { - align-items: flex-end; + .xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .xl\:items-center { - align-items: center; + .xl\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .xl\:items-baseline { - align-items: baseline; + .xl\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .xl\:items-stretch { - align-items: stretch; + .xl\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .xl\:content-center { - align-content: center; + .xl\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .xl\:content-start { - align-content: flex-start; + .xl\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .xl\:content-end { - align-content: flex-end; + .xl\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .xl\:content-between { - align-content: space-between; + .xl\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .xl\:content-around { - align-content: space-around; + .xl\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .xl\:content-evenly { - align-content: space-evenly; + .xl\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .xl\:self-auto { - align-self: auto; + .xl\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .xl\:self-start { - align-self: flex-start; + .xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .xl\:self-end { - align-self: flex-end; + .xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .xl\:self-center { - align-self: center; + .xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .xl\:self-stretch { - align-self: stretch; + .xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .xl\:justify-items-auto { - justify-items: auto; + .xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .xl\:justify-items-start { - justify-items: start; + .xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .xl\:justify-items-end { - justify-items: end; + .xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .xl\:justify-items-center { - justify-items: center; + .xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .xl\:justify-items-stretch { - justify-items: stretch; + .xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .xl\:justify-start { - justify-content: flex-start; + .xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .xl\:justify-end { - justify-content: flex-end; + .xl\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .xl\:justify-center { - justify-content: center; + .xl\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .xl\:justify-between { - justify-content: space-between; + .xl\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .xl\:justify-around { - justify-content: space-around; + .xl\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .xl\:justify-evenly { - justify-content: space-evenly; + .xl\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .xl\:justify-self-auto { - justify-self: auto; + .xl\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .xl\:justify-self-start { - justify-self: start; + .xl\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .xl\:justify-self-end { - justify-self: end; + .xl\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .xl\:justify-self-center { - justify-self: center; + .xl\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .xl\:justify-self-stretch { - justify-self: stretch; + .xl\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .xl\:flex-1 { - flex: 1 1 0%; + .xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .xl\:flex-auto { - flex: 1 1 auto; + .xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .xl\:flex-initial { - flex: 0 1 auto; + .xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .xl\:flex-none { - flex: none; + .xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .xl\:flex-grow-0 { - flex-grow: 0; + .xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .xl\:flex-grow { - flex-grow: 1; + .xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .xl\:flex-shrink-0 { - flex-shrink: 0; + .xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .xl\:order-1 { - order: 1; + .xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .xl\:order-2 { - order: 2; + .xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .xl\:order-3 { - order: 3; + .xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .xl\:order-4 { - order: 4; + .xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .xl\:order-5 { - order: 5; + .xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .xl\:order-6 { - order: 6; + .xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .xl\:order-7 { - order: 7; + .xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .xl\:order-8 { - order: 8; + .xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .xl\:order-9 { - order: 9; + .xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .xl\:order-10 { - order: 10; + .xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .xl\:order-11 { - order: 11; + .xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .xl\:order-12 { - order: 12; + .xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .xl\:order-first { - order: -9999; + .xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .xl\:order-last { - order: 9999; + .xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .xl\:order-none { - order: 0; + .xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .xl\:float-right { - float: right; + .xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .xl\:float-left { - float: left; + .xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .xl\:float-none { - float: none; + .xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .xl\:clearfix:after { - content: ""; - display: table; - clear: both; + .xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .xl\:clear-left { - clear: left; + .xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .xl\:clear-right { - clear: right; + .xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .xl\:clear-both { - clear: both; + .xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .xl\:clear-none { - clear: none; + .xl\:bg-none { + background-image: none; } - .xl\:font-sans { - font-family: ui-sans-serif, 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"; + .xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .xl\:font-serif { - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + .xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .xl\:font-mono { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .xl\:font-thin { - font-weight: 100; + .xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .xl\:font-extralight { - font-weight: 200; + .xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .xl\:font-light { - font-weight: 300; + .xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .xl\:font-normal { - font-weight: 400; + .xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .xl\:font-medium { - font-weight: 500; + .xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .xl\:font-semibold { - font-weight: 600; + .xl\:from-transparent { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:font-bold { - font-weight: 700; + .xl\:from-current { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:font-extrabold { - font-weight: 800; + .xl\:from-black { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:font-black { - font-weight: 900; + .xl\:from-white { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:hover\:font-thin:hover { - font-weight: 100; + .xl\:from-gray-50 { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:hover\:font-extralight:hover { - font-weight: 200; + .xl\:from-gray-100 { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:hover\:font-light:hover { - font-weight: 300; + .xl\:from-gray-200 { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:hover\:font-normal:hover { - font-weight: 400; + .xl\:from-gray-300 { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:hover\:font-medium:hover { - font-weight: 500; + .xl\:from-gray-400 { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:hover\:font-semibold:hover { - font-weight: 600; + .xl\:from-gray-500 { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:hover\:font-bold:hover { - font-weight: 700; + .xl\:from-gray-600 { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:hover\:font-extrabold:hover { - font-weight: 800; + .xl\:from-gray-700 { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:hover\:font-black:hover { - font-weight: 900; + .xl\:from-gray-800 { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:focus\:font-thin:focus { - font-weight: 100; + .xl\:from-gray-900 { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:focus\:font-extralight:focus { - font-weight: 200; + .xl\:from-red-50 { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:focus\:font-light:focus { - font-weight: 300; + .xl\:from-red-100 { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:focus\:font-normal:focus { - font-weight: 400; + .xl\:from-red-200 { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:focus\:font-medium:focus { - font-weight: 500; + .xl\:from-red-300 { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:focus\:font-semibold:focus { - font-weight: 600; + .xl\:from-red-400 { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:focus\:font-bold:focus { - font-weight: 700; + .xl\:from-red-500 { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:focus\:font-extrabold:focus { - font-weight: 800; + .xl\:from-red-600 { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:focus\:font-black:focus { - font-weight: 900; + .xl\:from-red-700 { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:h-0 { - height: 0; + .xl\:from-red-800 { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:h-1 { - height: 0.25rem; + .xl\:from-red-900 { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:h-2 { - height: 0.5rem; + .xl\:from-yellow-50 { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:h-3 { - height: 0.75rem; + .xl\:from-yellow-100 { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:h-4 { - height: 1rem; + .xl\:from-yellow-200 { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:h-5 { - height: 1.25rem; + .xl\:from-yellow-300 { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:h-6 { - height: 1.5rem; + .xl\:from-yellow-400 { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:h-7 { - height: 1.75rem; + .xl\:from-yellow-500 { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:h-8 { - height: 2rem; + .xl\:from-yellow-600 { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:h-9 { - height: 2.25rem; + .xl\:from-yellow-700 { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:h-10 { - height: 2.5rem; + .xl\:from-yellow-800 { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:h-12 { - height: 3rem; + .xl\:from-yellow-900 { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:h-14 { - height: 3.5rem; + .xl\:from-green-50 { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:h-16 { - height: 4rem; + .xl\:from-green-100 { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:h-20 { - height: 5rem; + .xl\:from-green-200 { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:h-24 { - height: 6rem; + .xl\:from-green-300 { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:h-28 { - height: 7rem; + .xl\:from-green-400 { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:h-32 { - height: 8rem; + .xl\:from-green-500 { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:h-36 { - height: 9rem; + .xl\:from-green-600 { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:h-40 { - height: 10rem; + .xl\:from-green-700 { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:h-44 { - height: 11rem; + .xl\:from-green-800 { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:h-48 { - height: 12rem; + .xl\:from-green-900 { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:h-52 { - height: 13rem; + .xl\:from-blue-50 { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:h-56 { - height: 14rem; + .xl\:from-blue-100 { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:h-60 { - height: 15rem; + .xl\:from-blue-200 { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:h-64 { - height: 16rem; + .xl\:from-blue-300 { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:h-72 { - height: 18rem; + .xl\:from-blue-400 { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:h-80 { - height: 20rem; + .xl\:from-blue-500 { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:h-96 { - height: 24rem; + .xl\:from-blue-600 { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:h-auto { - height: auto; + .xl\:from-blue-700 { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:h-px { - height: 1px; + .xl\:from-blue-800 { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:h-0\.5 { - height: 0.125rem; + .xl\:from-blue-900 { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:h-1\.5 { - height: 0.375rem; + .xl\:from-purple-50 { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:h-2\.5 { - height: 0.625rem; + .xl\:from-purple-100 { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:h-3\.5 { - height: 0.875rem; + .xl\:from-purple-200 { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:h-full { - height: 100%; + .xl\:from-purple-300 { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:h-screen { - height: 100vh; + .xl\:from-purple-400 { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:text-xs { - font-size: 0.75rem; - line-height: 1rem; + .xl\:from-purple-500 { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; + .xl\:from-purple-600 { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:text-base { - font-size: 1rem; - line-height: 1.5rem; + .xl\:from-purple-700 { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; + .xl\:from-purple-800 { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; + .xl\:from-purple-900 { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; + .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\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; + .xl\:from-pink-100 { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; + .xl\:from-pink-200 { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:text-5xl { - font-size: 3rem; - line-height: 1; + .xl\:from-pink-300 { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:text-6xl { - font-size: 3.75rem; - line-height: 1; + .xl\:from-pink-400 { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:text-7xl { - font-size: 4.5rem; - line-height: 1; + .xl\:from-pink-500 { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:text-8xl { - font-size: 6rem; - line-height: 1; + .xl\:from-pink-600 { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:text-9xl { - font-size: 8rem; - line-height: 1; + .xl\:from-pink-700 { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:leading-3 { - line-height: .75rem; + .xl\:from-pink-800 { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:leading-4 { - line-height: 1rem; + .xl\:from-pink-900 { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:leading-5 { - line-height: 1.25rem; + .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\:leading-6 { - line-height: 1.5rem; + .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\:leading-7 { - line-height: 1.75rem; + .xl\:via-black { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:leading-8 { - line-height: 2rem; + .xl\:via-white { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:leading-9 { - line-height: 2.25rem; + .xl\:via-gray-50 { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:leading-10 { - line-height: 2.5rem; + .xl\:via-gray-100 { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:leading-none { - line-height: 1; + .xl\:via-gray-200 { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:leading-tight { - line-height: 1.25; + .xl\:via-gray-300 { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:leading-snug { - line-height: 1.375; + .xl\:via-gray-400 { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:leading-normal { - line-height: 1.5; + .xl\:via-gray-500 { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:leading-relaxed { - line-height: 1.625; + .xl\:via-gray-600 { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:leading-loose { - line-height: 2; + .xl\:via-gray-700 { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:list-inside { - list-style-position: inside; + .xl\:via-gray-800 { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:list-outside { - list-style-position: outside; + .xl\:via-gray-900 { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:list-none { - list-style-type: none; + .xl\:via-red-50 { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:list-disc { - list-style-type: disc; + .xl\:via-red-100 { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:list-decimal { - list-style-type: decimal; + .xl\:via-red-200 { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:m-0 { - margin: 0; + .xl\:via-red-300 { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:m-1 { - margin: 0.25rem; + .xl\:via-red-400 { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:m-2 { - margin: 0.5rem; + .xl\:via-red-500 { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:m-3 { - margin: 0.75rem; + .xl\:via-red-600 { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:m-4 { - margin: 1rem; + .xl\:via-red-700 { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:m-5 { - margin: 1.25rem; + .xl\:via-red-800 { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:m-6 { - margin: 1.5rem; + .xl\:via-red-900 { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:m-7 { - margin: 1.75rem; + .xl\:via-yellow-50 { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:m-8 { - margin: 2rem; + .xl\:via-yellow-100 { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:m-9 { - margin: 2.25rem; + .xl\:via-yellow-200 { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:m-10 { - margin: 2.5rem; + .xl\:via-yellow-300 { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:m-12 { - margin: 3rem; + .xl\:via-yellow-400 { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:m-14 { - margin: 3.5rem; + .xl\:via-yellow-500 { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:m-16 { - margin: 4rem; + .xl\:via-yellow-600 { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:m-20 { - margin: 5rem; + .xl\:via-yellow-700 { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:m-24 { - margin: 6rem; + .xl\:via-yellow-800 { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:m-28 { - margin: 7rem; + .xl\:via-yellow-900 { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:m-32 { - margin: 8rem; + .xl\:via-green-50 { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:m-36 { - margin: 9rem; + .xl\:via-green-100 { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:m-40 { - margin: 10rem; + .xl\:via-green-200 { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:m-44 { - margin: 11rem; + .xl\:via-green-300 { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:m-48 { - margin: 12rem; + .xl\:via-green-400 { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:m-52 { - margin: 13rem; + .xl\:via-green-500 { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:m-56 { - margin: 14rem; + .xl\:via-green-600 { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:m-60 { - margin: 15rem; + .xl\:via-green-700 { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:m-64 { - margin: 16rem; + .xl\:via-green-800 { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:m-72 { - margin: 18rem; + .xl\:via-green-900 { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:m-80 { - margin: 20rem; + .xl\:via-blue-50 { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:m-96 { - margin: 24rem; + .xl\:via-blue-100 { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:m-auto { - margin: auto; + .xl\:via-blue-200 { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:m-px { - margin: 1px; + .xl\:via-blue-300 { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:m-0\.5 { - margin: 0.125rem; + .xl\:via-blue-400 { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:m-1\.5 { - margin: 0.375rem; + .xl\:via-blue-500 { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:m-2\.5 { - margin: 0.625rem; + .xl\:via-blue-600 { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:m-3\.5 { - margin: 0.875rem; + .xl\:via-blue-700 { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:via-blue-800 { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:via-blue-900 { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:via-purple-50 { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-m-4 { - margin: -1rem; + .xl\:via-purple-100 { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-m-5 { - margin: -1.25rem; + .xl\:via-purple-200 { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:via-purple-300 { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-m-7 { - margin: -1.75rem; + .xl\:via-purple-400 { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-m-8 { - margin: -2rem; + .xl\:via-purple-500 { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-m-9 { - margin: -2.25rem; + .xl\:via-purple-600 { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-m-10 { - margin: -2.5rem; + .xl\:via-purple-700 { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-m-12 { - margin: -3rem; + .xl\:via-purple-800 { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-m-14 { - margin: -3.5rem; + .xl\:via-purple-900 { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-m-16 { - margin: -4rem; + .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\:-m-20 { - margin: -5rem; + .xl\:via-pink-100 { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-m-24 { - margin: -6rem; + .xl\:via-pink-200 { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-m-28 { - margin: -7rem; + .xl\:via-pink-300 { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-m-32 { - margin: -8rem; + .xl\:via-pink-400 { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-m-36 { - margin: -9rem; + .xl\:via-pink-500 { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-m-40 { - margin: -10rem; + .xl\:via-pink-600 { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-m-44 { - margin: -11rem; + .xl\:via-pink-700 { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-m-48 { - margin: -12rem; + .xl\:via-pink-800 { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:-m-52 { - margin: -13rem; + .xl\:via-pink-900 { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:-m-56 { - margin: -14rem; + .xl\:to-transparent { + --gradient-to-color: transparent; } - .xl\:-m-60 { - margin: -15rem; + .xl\:to-current { + --gradient-to-color: currentColor; } - .xl\:-m-64 { - margin: -16rem; + .xl\:to-black { + --gradient-to-color: #000; } - .xl\:-m-72 { - margin: -18rem; + .xl\:to-white { + --gradient-to-color: #fff; } - .xl\:-m-80 { - margin: -20rem; + .xl\:to-gray-50 { + --gradient-to-color: #fafafa; } - .xl\:-m-96 { - margin: -24rem; + .xl\:to-gray-100 { + --gradient-to-color: #f4f4f5; } - .xl\:-m-px { - margin: -1px; + .xl\:to-gray-200 { + --gradient-to-color: #e4e4e7; } - .xl\:-m-0\.5 { - margin: -0.125rem; + .xl\:to-gray-300 { + --gradient-to-color: #d4d4d8; } - .xl\:-m-1\.5 { - margin: -0.375rem; + .xl\:to-gray-400 { + --gradient-to-color: #a1a1aa; } - .xl\:-m-2\.5 { - margin: -0.625rem; + .xl\:to-gray-500 { + --gradient-to-color: #71717a; } - .xl\:-m-3\.5 { - margin: -0.875rem; + .xl\:to-gray-600 { + --gradient-to-color: #52525b; } - .xl\:my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:to-gray-700 { + --gradient-to-color: #3f3f46; } - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:to-gray-800 { + --gradient-to-color: #27272a; } - .xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:to-gray-900 { + --gradient-to-color: #18181b; } - .xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:to-red-50 { + --gradient-to-color: #fef2f2; } - .xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:to-red-100 { + --gradient-to-color: #fee2e2; } - .xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:to-red-200 { + --gradient-to-color: #fecaca; } - .xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:to-red-300 { + --gradient-to-color: #fca5a5; } - .xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:to-red-400 { + --gradient-to-color: #f87171; } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:to-red-500 { + --gradient-to-color: #ef4444; } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:to-red-600 { + --gradient-to-color: #dc2626; } - .xl\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .xl\:to-red-700 { + --gradient-to-color: #b91c1c; } - .xl\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .xl\:to-red-800 { + --gradient-to-color: #991b1b; } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:to-red-900 { + --gradient-to-color: #7f1d1d; } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:to-yellow-50 { + --gradient-to-color: #fffbeb; } - .xl\:my-7 { - margin-top: 1.75rem; - margin-bottom: 1.75rem; + .xl\:to-yellow-100 { + --gradient-to-color: #fef3c7; } - .xl\:mx-7 { - margin-left: 1.75rem; - margin-right: 1.75rem; + .xl\:to-yellow-200 { + --gradient-to-color: #fde68a; } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:to-yellow-300 { + --gradient-to-color: #fcd34d; } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:to-yellow-400 { + --gradient-to-color: #fbbf24; } - .xl\:my-9 { - margin-top: 2.25rem; - margin-bottom: 2.25rem; + .xl\:to-yellow-500 { + --gradient-to-color: #f59e0b; } - .xl\:mx-9 { - margin-left: 2.25rem; - margin-right: 2.25rem; + .xl\:to-yellow-600 { + --gradient-to-color: #d97706; } - .xl\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .xl\:to-yellow-700 { + --gradient-to-color: #b45309; } - .xl\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .xl\:to-yellow-800 { + --gradient-to-color: #92400e; } - .xl\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .xl\:to-yellow-900 { + --gradient-to-color: #78350f; } - .xl\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .xl\:to-green-50 { + --gradient-to-color: #ecfdf5; } - .xl\:my-14 { - margin-top: 3.5rem; - margin-bottom: 3.5rem; + .xl\:to-green-100 { + --gradient-to-color: #d1fae5; } - .xl\:mx-14 { - margin-left: 3.5rem; - margin-right: 3.5rem; + .xl\:to-green-200 { + --gradient-to-color: #a7f3d0; } - .xl\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .xl\:to-green-300 { + --gradient-to-color: #6ee7b7; } - .xl\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .xl\:to-green-400 { + --gradient-to-color: #34d399; } - .xl\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .xl\:to-green-500 { + --gradient-to-color: #10b981; } - .xl\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .xl\:to-green-600 { + --gradient-to-color: #059669; } - .xl\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .xl\:to-green-700 { + --gradient-to-color: #047857; } - .xl\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .xl\:to-green-800 { + --gradient-to-color: #065f46; } - .xl\:my-28 { - margin-top: 7rem; - margin-bottom: 7rem; + .xl\:to-green-900 { + --gradient-to-color: #064e3b; } - .xl\:mx-28 { - margin-left: 7rem; - margin-right: 7rem; + .xl\:to-blue-50 { + --gradient-to-color: #eff6ff; } - .xl\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .xl\:to-blue-100 { + --gradient-to-color: #dbeafe; } - .xl\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .xl\:to-blue-200 { + --gradient-to-color: #bfdbfe; } - .xl\:my-36 { - margin-top: 9rem; - margin-bottom: 9rem; + .xl\:to-blue-300 { + --gradient-to-color: #93c5fd; } - .xl\:mx-36 { - margin-left: 9rem; - margin-right: 9rem; + .xl\:to-blue-400 { + --gradient-to-color: #60a5fa; } - .xl\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .xl\:to-blue-500 { + --gradient-to-color: #3b82f6; } - .xl\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .xl\:to-blue-600 { + --gradient-to-color: #2563eb; } - .xl\:my-44 { - margin-top: 11rem; - margin-bottom: 11rem; + .xl\:to-blue-700 { + --gradient-to-color: #1d4ed8; } - .xl\:mx-44 { - margin-left: 11rem; - margin-right: 11rem; + .xl\:to-blue-800 { + --gradient-to-color: #1e40af; } - .xl\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .xl\:to-blue-900 { + --gradient-to-color: #1e3a8a; } - .xl\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .xl\:to-purple-50 { + --gradient-to-color: #f5f3ff; } - .xl\:my-52 { - margin-top: 13rem; - margin-bottom: 13rem; + .xl\:to-purple-100 { + --gradient-to-color: #ede9fe; } - .xl\:mx-52 { - margin-left: 13rem; - margin-right: 13rem; + .xl\:to-purple-200 { + --gradient-to-color: #ddd6fe; } - .xl\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .xl\:to-purple-300 { + --gradient-to-color: #c4b5fd; } - .xl\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .xl\:to-purple-400 { + --gradient-to-color: #a78bfa; } - .xl\:my-60 { - margin-top: 15rem; - margin-bottom: 15rem; + .xl\:to-purple-500 { + --gradient-to-color: #8b5cf6; } - .xl\:mx-60 { - margin-left: 15rem; - margin-right: 15rem; + .xl\:to-purple-600 { + --gradient-to-color: #7c3aed; } - .xl\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .xl\:to-purple-700 { + --gradient-to-color: #6d28d9; } - .xl\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .xl\:to-purple-800 { + --gradient-to-color: #5b21b6; } - .xl\:my-72 { - margin-top: 18rem; - margin-bottom: 18rem; + .xl\:to-purple-900 { + --gradient-to-color: #4c1d95; } - .xl\:mx-72 { - margin-left: 18rem; - margin-right: 18rem; + .xl\:to-pink-50 { + --gradient-to-color: #fdf2f8; } - .xl\:my-80 { - margin-top: 20rem; - margin-bottom: 20rem; + .xl\:to-pink-100 { + --gradient-to-color: #fce7f3; } - .xl\:mx-80 { - margin-left: 20rem; - margin-right: 20rem; + .xl\:to-pink-200 { + --gradient-to-color: #fbcfe8; } - .xl\:my-96 { - margin-top: 24rem; - margin-bottom: 24rem; + .xl\:to-pink-300 { + --gradient-to-color: #f9a8d4; } - .xl\:mx-96 { - margin-left: 24rem; - margin-right: 24rem; + .xl\:to-pink-400 { + --gradient-to-color: #f472b6; } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:to-pink-500 { + --gradient-to-color: #ec4899; } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:to-pink-600 { + --gradient-to-color: #db2777; } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:to-pink-700 { + --gradient-to-color: #be185d; } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:to-pink-800 { + --gradient-to-color: #9d174d; } - .xl\:my-0\.5 { - margin-top: 0.125rem; - margin-bottom: 0.125rem; + .xl\:to-pink-900 { + --gradient-to-color: #831843; } - .xl\:mx-0\.5 { - margin-left: 0.125rem; - margin-right: 0.125rem; + .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\:my-1\.5 { - margin-top: 0.375rem; - margin-bottom: 0.375rem; + .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\:mx-1\.5 { - margin-left: 0.375rem; - margin-right: 0.375rem; + .xl\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:my-2\.5 { - margin-top: 0.625rem; - margin-bottom: 0.625rem; + .xl\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:mx-2\.5 { - margin-left: 0.625rem; - margin-right: 0.625rem; + .xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:my-3\.5 { - margin-top: 0.875rem; - margin-bottom: 0.875rem; + .xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:mx-3\.5 { - margin-left: 0.875rem; - margin-right: 0.875rem; + .xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:-my-7 { - margin-top: -1.75rem; - margin-bottom: -1.75rem; + .xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:-mx-7 { - margin-left: -1.75rem; - margin-right: -1.75rem; + .xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:-my-9 { - margin-top: -2.25rem; - margin-bottom: -2.25rem; + .xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:-mx-9 { - margin-left: -2.25rem; - margin-right: -2.25rem; + .xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:-my-14 { - margin-top: -3.5rem; - margin-bottom: -3.5rem; + .xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:-mx-14 { - margin-left: -3.5rem; - margin-right: -3.5rem; + .xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:-my-28 { - margin-top: -7rem; - margin-bottom: -7rem; + .xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:-mx-28 { - margin-left: -7rem; - margin-right: -7rem; + .xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:-my-36 { - margin-top: -9rem; - margin-bottom: -9rem; + .xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:-mx-36 { - margin-left: -9rem; - margin-right: -9rem; + .xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:-my-44 { - margin-top: -11rem; - margin-bottom: -11rem; + .xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:-mx-44 { - margin-left: -11rem; - margin-right: -11rem; + .xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:-my-52 { - margin-top: -13rem; - margin-bottom: -13rem; + .xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:-mx-52 { - margin-left: -13rem; - margin-right: -13rem; + .xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-my-60 { - margin-top: -15rem; - margin-bottom: -15rem; + .xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-mx-60 { - margin-left: -15rem; - margin-right: -15rem; + .xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-my-72 { - margin-top: -18rem; - margin-bottom: -18rem; + .xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-mx-72 { - margin-left: -18rem; - margin-right: -18rem; + .xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-my-80 { - margin-top: -20rem; - margin-bottom: -20rem; + .xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-mx-80 { - margin-left: -20rem; - margin-right: -20rem; + .xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-my-96 { - margin-top: -24rem; - margin-bottom: -24rem; + .xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-mx-96 { - margin-left: -24rem; - margin-right: -24rem; + .xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .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\:-my-0\.5 { - margin-top: -0.125rem; - margin-bottom: -0.125rem; + .xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-mx-0\.5 { - margin-left: -0.125rem; - margin-right: -0.125rem; + .xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-my-1\.5 { - margin-top: -0.375rem; - margin-bottom: -0.375rem; + .xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-mx-1\.5 { - margin-left: -0.375rem; - margin-right: -0.375rem; + .xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-my-2\.5 { - margin-top: -0.625rem; - margin-bottom: -0.625rem; + .xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-mx-2\.5 { - margin-left: -0.625rem; - margin-right: -0.625rem; + .xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-my-3\.5 { - margin-top: -0.875rem; - margin-bottom: -0.875rem; + .xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-mx-3\.5 { - margin-left: -0.875rem; - margin-right: -0.875rem; + .xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:mt-0 { - margin-top: 0; + .xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:mr-0 { - margin-right: 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\:mb-0 { - margin-bottom: 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\:ml-0 { - margin-left: 0; + .xl\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:mt-1 { - margin-top: 0.25rem; + .xl\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:mr-1 { - margin-right: 0.25rem; + .xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:mb-1 { - margin-bottom: 0.25rem; + .xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:ml-1 { - margin-left: 0.25rem; + .xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:mt-2 { - margin-top: 0.5rem; + .xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:mr-2 { - margin-right: 0.5rem; + .xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:mb-2 { - margin-bottom: 0.5rem; + .xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:ml-2 { - margin-left: 0.5rem; + .xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:mt-3 { - margin-top: 0.75rem; + .xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:mr-3 { - margin-right: 0.75rem; + .xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:mb-3 { - margin-bottom: 0.75rem; + .xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:ml-3 { - margin-left: 0.75rem; + .xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:mt-5 { - margin-top: 1.25rem; + .xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:mr-5 { - margin-right: 1.25rem; + .xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:mb-5 { - margin-bottom: 1.25rem; + .xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:ml-5 { - margin-left: 1.25rem; + .xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:mt-7 { - margin-top: 1.75rem; + .xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:mr-7 { - margin-right: 1.75rem; + .xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:mb-7 { - margin-bottom: 1.75rem; + .xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:ml-7 { - margin-left: 1.75rem; + .xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:mt-9 { - margin-top: 2.25rem; + .xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:mr-9 { - margin-right: 2.25rem; + .xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:mb-9 { - margin-bottom: 2.25rem; + .xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:ml-9 { - margin-left: 2.25rem; + .xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:mt-10 { - margin-top: 2.5rem; + .xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:mr-10 { - margin-right: 2.5rem; + .xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:mb-10 { - margin-bottom: 2.5rem; + .xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:ml-10 { - margin-left: 2.5rem; + .xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:mt-12 { - margin-top: 3rem; + .xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:mr-12 { - margin-right: 3rem; + .xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:mb-12 { - margin-bottom: 3rem; + .xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:ml-12 { - margin-left: 3rem; + .xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:mt-14 { - margin-top: 3.5rem; + .xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:mr-14 { - margin-right: 3.5rem; + .xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:mb-14 { - margin-bottom: 3.5rem; + .xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:ml-14 { - margin-left: 3.5rem; + .xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:mt-16 { - margin-top: 4rem; + .xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:mr-16 { - margin-right: 4rem; + .xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:mb-16 { - margin-bottom: 4rem; + .xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:ml-16 { - margin-left: 4rem; + .xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:mt-20 { - margin-top: 5rem; + .xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:mr-20 { - margin-right: 5rem; + .xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:mb-20 { - margin-bottom: 5rem; + .xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:ml-20 { - margin-left: 5rem; + .xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:mt-24 { - margin-top: 6rem; + .xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:mr-24 { - margin-right: 6rem; + .xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:mb-24 { - margin-bottom: 6rem; + .xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:ml-24 { - margin-left: 6rem; + .xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:mt-28 { - margin-top: 7rem; + .xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:mr-28 { - margin-right: 7rem; + .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\:mb-28 { - margin-bottom: 7rem; + .xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:ml-28 { - margin-left: 7rem; + .xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:mt-32 { - margin-top: 8rem; + .xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:mr-32 { - margin-right: 8rem; + .xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:mb-32 { - margin-bottom: 8rem; + .xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:ml-32 { - margin-left: 8rem; + .xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:mt-36 { - margin-top: 9rem; + .xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:mr-36 { - margin-right: 9rem; + .xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:mb-36 { - margin-bottom: 9rem; + .xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:ml-36 { - margin-left: 9rem; + .xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; } - .xl\:mt-40 { - margin-top: 10rem; + .xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; } - .xl\:mr-40 { - margin-right: 10rem; + .xl\:hover\:to-black:hover { + --gradient-to-color: #000; } - .xl\:mb-40 { - margin-bottom: 10rem; + .xl\:hover\:to-white:hover { + --gradient-to-color: #fff; } - .xl\:ml-40 { - margin-left: 10rem; + .xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; } - .xl\:mt-44 { - margin-top: 11rem; + .xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; } - .xl\:mr-44 { - margin-right: 11rem; + .xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; } - .xl\:mb-44 { - margin-bottom: 11rem; + .xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; } - .xl\:ml-44 { - margin-left: 11rem; + .xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; } - .xl\:mt-48 { - margin-top: 12rem; + .xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; } - .xl\:mr-48 { - margin-right: 12rem; + .xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; } - .xl\:mb-48 { - margin-bottom: 12rem; + .xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; } - .xl\:ml-48 { - margin-left: 12rem; + .xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; } - .xl\:mt-52 { - margin-top: 13rem; + .xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; } - .xl\:mr-52 { - margin-right: 13rem; + .xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; } - .xl\:mb-52 { - margin-bottom: 13rem; + .xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; } - .xl\:ml-52 { - margin-left: 13rem; + .xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; } - .xl\:mt-56 { - margin-top: 14rem; + .xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; } - .xl\:mr-56 { - margin-right: 14rem; + .xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; } - .xl\:mb-56 { - margin-bottom: 14rem; + .xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; } - .xl\:ml-56 { - margin-left: 14rem; + .xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; } - .xl\:mt-60 { - margin-top: 15rem; + .xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; } - .xl\:mr-60 { - margin-right: 15rem; + .xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; } - .xl\:mb-60 { - margin-bottom: 15rem; + .xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; } - .xl\:ml-60 { - margin-left: 15rem; + .xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; } - .xl\:mt-64 { - margin-top: 16rem; + .xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; } - .xl\:mr-64 { - margin-right: 16rem; + .xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; } - .xl\:mb-64 { - margin-bottom: 16rem; + .xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; } - .xl\:ml-64 { - margin-left: 16rem; + .xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; } - .xl\:mt-72 { - margin-top: 18rem; + .xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; } - .xl\:mr-72 { - margin-right: 18rem; + .xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; } - .xl\:mb-72 { - margin-bottom: 18rem; + .xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; } - .xl\:ml-72 { - margin-left: 18rem; + .xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; } - .xl\:mt-80 { - margin-top: 20rem; + .xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; } - .xl\:mr-80 { - margin-right: 20rem; + .xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; } - .xl\:mb-80 { - margin-bottom: 20rem; + .xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; } - .xl\:ml-80 { - margin-left: 20rem; + .xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; } - .xl\:mt-96 { - margin-top: 24rem; + .xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; } - .xl\:mr-96 { - margin-right: 24rem; + .xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; } - .xl\:mb-96 { - margin-bottom: 24rem; + .xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; } - .xl\:ml-96 { - margin-left: 24rem; + .xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669; } - .xl\:mt-auto { - margin-top: auto; + .xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857; } - .xl\:mr-auto { - margin-right: auto; + .xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; } - .xl\:ml-auto { - margin-left: auto; + .xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; } - .xl\:mt-px { - margin-top: 1px; + .xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; } - .xl\:mr-px { - margin-right: 1px; + .xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; } - .xl\:ml-px { - margin-left: 1px; + .xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; } - .xl\:mt-0\.5 { - margin-top: 0.125rem; + .xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; } - .xl\:mr-0\.5 { - margin-right: 0.125rem; + .xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; } - .xl\:mb-0\.5 { - margin-bottom: 0.125rem; + .xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; } - .xl\:ml-0\.5 { - margin-left: 0.125rem; + .xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; } - .xl\:mt-1\.5 { - margin-top: 0.375rem; + .xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; } - .xl\:mr-1\.5 { - margin-right: 0.375rem; + .xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; } - .xl\:mb-1\.5 { - margin-bottom: 0.375rem; + .xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; } - .xl\:ml-1\.5 { - margin-left: 0.375rem; + .xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; } - .xl\:mt-2\.5 { - margin-top: 0.625rem; + .xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; } - .xl\:mr-2\.5 { - margin-right: 0.625rem; + .xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; } - .xl\:mb-2\.5 { - margin-bottom: 0.625rem; + .xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; } - .xl\:ml-2\.5 { - margin-left: 0.625rem; + .xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; } - .xl\:mt-3\.5 { - margin-top: 0.875rem; + .xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; } - .xl\:mr-3\.5 { - margin-right: 0.875rem; + .xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; } - .xl\:mb-3\.5 { - margin-bottom: 0.875rem; + .xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; } - .xl\:ml-3\.5 { - margin-left: 0.875rem; + .xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; } - .xl\:-mr-1 { - margin-right: -0.25rem; + .xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; } - .xl\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; } - .xl\:-mr-3 { - margin-right: -0.75rem; + .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\:-mb-3 { - margin-bottom: -0.75rem; + .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\:-ml-3 { - margin-left: -0.75rem; + .xl\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-mt-5 { - margin-top: -1.25rem; + .xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-mr-5 { - margin-right: -1.25rem; + .xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:-mb-5 { - margin-bottom: -1.25rem; + .xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:-ml-5 { - margin-left: -1.25rem; + .xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:-mt-7 { - margin-top: -1.75rem; + .xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:-mr-7 { - margin-right: -1.75rem; + .xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:-mb-7 { - margin-bottom: -1.75rem; + .xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:-ml-7 { - margin-left: -1.75rem; + .xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:-mt-9 { - margin-top: -2.25rem; + .xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:-mr-9 { - margin-right: -2.25rem; + .xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:-mb-9 { - margin-bottom: -2.25rem; + .xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:-ml-9 { - margin-left: -2.25rem; + .xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:-mt-10 { - margin-top: -2.5rem; + .xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:-mr-10 { - margin-right: -2.5rem; + .xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:-mb-10 { - margin-bottom: -2.5rem; + .xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:-ml-10 { - margin-left: -2.5rem; + .xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:-mt-12 { - margin-top: -3rem; + .xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:-mr-12 { - margin-right: -3rem; + .xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:-mb-12 { - margin-bottom: -3rem; + .xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:-ml-12 { - margin-left: -3rem; + .xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:-mt-14 { - margin-top: -3.5rem; + .xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:-mr-14 { - margin-right: -3.5rem; + .xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:-mb-14 { - margin-bottom: -3.5rem; + .xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:-ml-14 { - margin-left: -3.5rem; + .xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:-mt-16 { - margin-top: -4rem; + .xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:-mr-16 { - margin-right: -4rem; + .xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:-mb-16 { - margin-bottom: -4rem; + .xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:-ml-16 { - margin-left: -4rem; + .xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:-mt-20 { - margin-top: -5rem; + .xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:-mr-20 { - margin-right: -5rem; + .xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:-mb-20 { - margin-bottom: -5rem; + .xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:-ml-20 { - margin-left: -5rem; + .xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:-mt-24 { - margin-top: -6rem; + .xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:-mr-24 { - margin-right: -6rem; + .xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:-mb-24 { - margin-bottom: -6rem; + .xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:-ml-24 { - margin-left: -6rem; + .xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:-mt-28 { - margin-top: -7rem; + .xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:-mr-28 { - margin-right: -7rem; + .xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:-mb-28 { - margin-bottom: -7rem; + .xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:-ml-28 { - margin-left: -7rem; + .xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:-mt-32 { - margin-top: -8rem; + .xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:-mr-32 { - margin-right: -8rem; + .xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:-mb-32 { - margin-bottom: -8rem; + .xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:-ml-32 { - margin-left: -8rem; + .xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:-mt-36 { - margin-top: -9rem; + .xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:-mr-36 { - margin-right: -9rem; + .xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:-mb-36 { - margin-bottom: -9rem; + .xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:-ml-36 { - margin-left: -9rem; + .xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:-mt-40 { - margin-top: -10rem; + .xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:-mr-40 { - margin-right: -10rem; + .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\:-mb-40 { - margin-bottom: -10rem; + .xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:-ml-40 { - margin-left: -10rem; + .xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:-mt-44 { - margin-top: -11rem; + .xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:-mr-44 { - margin-right: -11rem; + .xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:-mb-44 { - margin-bottom: -11rem; + .xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:-ml-44 { - margin-left: -11rem; + .xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:-mt-48 { - margin-top: -12rem; + .xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:-mr-48 { - margin-right: -12rem; + .xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:-mb-48 { - margin-bottom: -12rem; + .xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:-ml-48 { - margin-left: -12rem; + .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\:-mt-52 { - margin-top: -13rem; + .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\:-mr-52 { - margin-right: -13rem; + .xl\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .xl\:-mb-52 { - margin-bottom: -13rem; + .xl\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .xl\:-ml-52 { - margin-left: -13rem; + .xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .xl\:-mt-56 { - margin-top: -14rem; + .xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .xl\:-mr-56 { - margin-right: -14rem; + .xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .xl\:-mb-56 { - margin-bottom: -14rem; + .xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .xl\:-ml-56 { - margin-left: -14rem; + .xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .xl\:-mt-60 { - margin-top: -15rem; + .xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .xl\:-mr-60 { - margin-right: -15rem; + .xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .xl\:-mb-60 { - margin-bottom: -15rem; + .xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .xl\:-ml-60 { - margin-left: -15rem; + .xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .xl\:-mt-64 { - margin-top: -16rem; + .xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .xl\:-mr-64 { - margin-right: -16rem; + .xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .xl\:-mb-64 { - margin-bottom: -16rem; + .xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .xl\:-ml-64 { - margin-left: -16rem; + .xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .xl\:-mt-72 { - margin-top: -18rem; + .xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .xl\:-mr-72 { - margin-right: -18rem; + .xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .xl\:-mb-72 { - margin-bottom: -18rem; + .xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .xl\:-ml-72 { - margin-left: -18rem; + .xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .xl\:-mt-80 { - margin-top: -20rem; + .xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .xl\:-mr-80 { - margin-right: -20rem; + .xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .xl\:-mb-80 { - margin-bottom: -20rem; + .xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .xl\:-ml-80 { - margin-left: -20rem; + .xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .xl\:-mt-96 { - margin-top: -24rem; + .xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .xl\:-mr-96 { - margin-right: -24rem; + .xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .xl\:-mb-96 { - margin-bottom: -24rem; + .xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .xl\:-ml-96 { - margin-left: -24rem; + .xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .xl\:-mt-px { - margin-top: -1px; + .xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .xl\:-mr-px { - margin-right: -1px; + .xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .xl\:-ml-px { - margin-left: -1px; + .xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .xl\:-mt-0\.5 { - margin-top: -0.125rem; + .xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .xl\:-mr-0\.5 { - margin-right: -0.125rem; + .xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .xl\:-mb-0\.5 { - margin-bottom: -0.125rem; + .xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .xl\:-ml-0\.5 { - margin-left: -0.125rem; + .xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .xl\:-mt-1\.5 { - margin-top: -0.375rem; + .xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .xl\:-mr-1\.5 { - margin-right: -0.375rem; + .xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .xl\:-mb-1\.5 { - margin-bottom: -0.375rem; + .xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .xl\:-ml-1\.5 { - margin-left: -0.375rem; + .xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .xl\:-mt-2\.5 { - margin-top: -0.625rem; + .xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .xl\:-mr-2\.5 { - margin-right: -0.625rem; + .xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .xl\:-mb-2\.5 { - margin-bottom: -0.625rem; + .xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .xl\:-ml-2\.5 { - margin-left: -0.625rem; + .xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .xl\:-mt-3\.5 { - margin-top: -0.875rem; + .xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .xl\:-mr-3\.5 { - margin-right: -0.875rem; + .xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .xl\:-mb-3\.5 { - margin-bottom: -0.875rem; + .xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .xl\:-ml-3\.5 { - margin-left: -0.875rem; + .xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .xl\:max-h-0 { - max-height: 0; + .xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .xl\:max-h-1 { - max-height: 0.25rem; + .xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .xl\:max-h-2 { - max-height: 0.5rem; + .xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .xl\:max-h-3 { - max-height: 0.75rem; + .xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .xl\:max-h-4 { - max-height: 1rem; + .xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .xl\:max-h-5 { - max-height: 1.25rem; + .xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .xl\:max-h-6 { - max-height: 1.5rem; + .xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .xl\:max-h-7 { - max-height: 1.75rem; + .xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .xl\:max-h-8 { - max-height: 2rem; + .xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .xl\:max-h-9 { - max-height: 2.25rem; + .xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .xl\:max-h-10 { - max-height: 2.5rem; + .xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .xl\:max-h-12 { - max-height: 3rem; + .xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .xl\:max-h-14 { - max-height: 3.5rem; + .xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .xl\:max-h-16 { - max-height: 4rem; + .xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .xl\:max-h-20 { - max-height: 5rem; + .xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .xl\:max-h-24 { - max-height: 6rem; + .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\:max-h-28 { - max-height: 7rem; + .xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .xl\:max-h-32 { - max-height: 8rem; + .xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .xl\:max-h-36 { - max-height: 9rem; + .xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .xl\:max-h-40 { - max-height: 10rem; + .xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .xl\:max-h-44 { - max-height: 11rem; + .xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .xl\:max-h-48 { - max-height: 12rem; + .xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .xl\:max-h-52 { - max-height: 13rem; + .xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .xl\:max-h-56 { - max-height: 14rem; + .xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .xl\:max-h-60 { - max-height: 15rem; + .xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .xl\:max-h-64 { - max-height: 16rem; + .xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent; } - .xl\:max-h-72 { - max-height: 18rem; + .xl\:focus\:to-current:focus { + --gradient-to-color: currentColor; } - .xl\:max-h-80 { - max-height: 20rem; + .xl\:focus\:to-black:focus { + --gradient-to-color: #000; } - .xl\:max-h-96 { - max-height: 24rem; + .xl\:focus\:to-white:focus { + --gradient-to-color: #fff; } - .xl\:max-h-px { - max-height: 1px; + .xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; } - .xl\:max-h-0\.5 { - max-height: 0.125rem; + .xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; } - .xl\:max-h-1\.5 { - max-height: 0.375rem; + .xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; } - .xl\:max-h-2\.5 { - max-height: 0.625rem; + .xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; } - .xl\:max-h-3\.5 { - max-height: 0.875rem; + .xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; } - .xl\:max-h-full { - max-height: 100%; + .xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; } - .xl\:max-w-0 { - max-width: 0rem; + .xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; } - .xl\:max-w-none { - max-width: none; + .xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; } - .xl\:max-w-sm { - max-width: 24rem; + .xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; } - .xl\:max-w-md { - max-width: 28rem; + .xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; } - .xl\:max-w-lg { - max-width: 32rem; + .xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; } - .xl\:max-w-xl { - max-width: 36rem; + .xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; } - .xl\:max-w-2xl { - max-width: 42rem; + .xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; } - .xl\:max-w-3xl { - max-width: 48rem; + .xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; } - .xl\:max-w-4xl { - max-width: 56rem; + .xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; } - .xl\:max-w-5xl { - max-width: 64rem; + .xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; } - .xl\:max-w-6xl { - max-width: 72rem; + .xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; } - .xl\:max-w-7xl { - max-width: 80rem; + .xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; } - .xl\:max-w-full { - max-width: 100%; + .xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; } - .xl\:max-w-min { - max-width: min-content; + .xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; } - .xl\:max-w-max { - max-width: max-content; + .xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; } - .xl\:max-w-screen-sm { - max-width: 640px; + .xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; } - .xl\:max-w-screen-md { - max-width: 768px; + .xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; } - .xl\:max-w-screen-lg { - max-width: 1024px; + .xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; } - .xl\:max-w-screen-xl { - max-width: 1280px; + .xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; } - .xl\:max-w-screen-2xl { - max-width: 1536px; + .xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; } - .xl\:min-h-0 { - min-height: 0; + .xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; } - .xl\:min-h-full { - min-height: 100%; + .xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; } - .xl\:min-h-screen { - min-height: 100vh; + .xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; } - .xl\:min-w-0 { - min-width: 0; + .xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; } - .xl\:min-w-full { - min-width: 100%; + .xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; } - .xl\:min-w-min { - min-width: min-content; + .xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; } - .xl\:min-w-max { - min-width: max-content; + .xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; } - .xl\:object-contain { - object-fit: contain; + .xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; } - .xl\:object-cover { - object-fit: cover; + .xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669; } - .xl\:object-fill { - object-fit: fill; + .xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857; } - .xl\:object-none { - object-fit: none; + .xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; } - .xl\:object-scale-down { - object-fit: scale-down; + .xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; } - .xl\:object-bottom { - object-position: bottom; + .xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; } - .xl\:object-center { - object-position: center; + .xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; } - .xl\:object-left { - object-position: left; + .xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; } - .xl\:object-left-bottom { - object-position: left bottom; + .xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; } - .xl\:object-left-top { - object-position: left top; + .xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; } - .xl\:object-right { - object-position: right; + .xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; } - .xl\:object-right-bottom { - object-position: right bottom; + .xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; } - .xl\:object-right-top { - object-position: right top; + .xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; } - .xl\:object-top { - object-position: top; + .xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; } - .xl\:opacity-0 { - opacity: 0; + .xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; } - .xl\:opacity-25 { - opacity: 0.25; + .xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; } - .xl\:opacity-50 { - opacity: 0.5; + .xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; } - .xl\:opacity-75 { - opacity: 0.75; + .xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; } - .xl\:opacity-100 { - opacity: 1; + .xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; } - .group:hover .xl\:group-hover\:opacity-0 { - opacity: 0; + .xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; } - .group:hover .xl\:group-hover\:opacity-25 { - opacity: 0.25; + .xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; } - .group:hover .xl\:group-hover\:opacity-50 { - opacity: 0.5; + .xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; } - .group:hover .xl\:group-hover\:opacity-75 { - opacity: 0.75; + .xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; } - .group:hover .xl\:group-hover\:opacity-100 { - opacity: 1; + .xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; } - .xl\:hover\:opacity-0:hover { - opacity: 0; + .xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; } - .xl\:hover\:opacity-25:hover { - opacity: 0.25; + .xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; } - .xl\:hover\:opacity-50:hover { - opacity: 0.5; + .xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; } - .xl\:hover\:opacity-75:hover { - opacity: 0.75; + .xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; } - .xl\:hover\:opacity-100:hover { - opacity: 1; + .xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; } - .xl\:focus\:opacity-0:focus { - opacity: 0; + .xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; } - .xl\:focus\:opacity-25:focus { - opacity: 0.25; + .xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; } - .xl\:focus\:opacity-50:focus { - opacity: 0.5; + .xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; } - .xl\:focus\:opacity-75:focus { - opacity: 0.75; + .xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; } - .xl\:focus\:opacity-100:focus { - opacity: 1; + .xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; } - .xl\:outline-none { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } - .xl\:outline-white { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-opacity-0 { + --bg-opacity: 0; } - .xl\:outline-black { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-opacity-25 { + --bg-opacity: 0.25; } - .xl\:focus\:outline-none:focus { - outline: 2px solid transparent; - outline-offset: 2px; + .xl\:bg-opacity-50 { + --bg-opacity: 0.5; } - .xl\:focus\:outline-white:focus { - outline: 2px dotted white; - outline-offset: 2px; + .xl\:bg-opacity-75 { + --bg-opacity: 0.75; } - .xl\:focus\:outline-black:focus { - outline: 2px dotted black; - outline-offset: 2px; + .xl\:bg-opacity-100 { + --bg-opacity: 1; } - .xl\:overflow-auto { - overflow: auto; + .group:hover .xl\:group-hover\:bg-opacity-0 { + --bg-opacity: 0; } - .xl\:overflow-hidden { - overflow: hidden; + .group:hover .xl\:group-hover\:bg-opacity-25 { + --bg-opacity: 0.25; } - .xl\:overflow-visible { - overflow: visible; + .group:hover .xl\:group-hover\:bg-opacity-50 { + --bg-opacity: 0.5; } - .xl\:overflow-scroll { - overflow: scroll; + .group:hover .xl\:group-hover\:bg-opacity-75 { + --bg-opacity: 0.75; } - .xl\:overflow-x-auto { - overflow-x: auto; + .group:hover .xl\:group-hover\:bg-opacity-100 { + --bg-opacity: 1; } - .xl\:overflow-y-auto { - overflow-y: auto; + .xl\:hover\:bg-opacity-0:hover { + --bg-opacity: 0; } - .xl\:overflow-x-hidden { - overflow-x: hidden; + .xl\:hover\:bg-opacity-25:hover { + --bg-opacity: 0.25; } - .xl\:overflow-y-hidden { - overflow-y: hidden; + .xl\:hover\:bg-opacity-50:hover { + --bg-opacity: 0.5; } - .xl\:overflow-x-visible { - overflow-x: visible; + .xl\:hover\:bg-opacity-75:hover { + --bg-opacity: 0.75; } - .xl\:overflow-y-visible { - overflow-y: visible; + .xl\:hover\:bg-opacity-100:hover { + --bg-opacity: 1; } - .xl\:overflow-x-scroll { - overflow-x: scroll; + .xl\:focus\:bg-opacity-0:focus { + --bg-opacity: 0; } - .xl\:overflow-y-scroll { - overflow-y: scroll; + .xl\:focus\:bg-opacity-25:focus { + --bg-opacity: 0.25; } - .xl\:overscroll-auto { - overscroll-behavior: auto; + .xl\:focus\:bg-opacity-50:focus { + --bg-opacity: 0.5; } - .xl\:overscroll-contain { - overscroll-behavior: contain; + .xl\:focus\:bg-opacity-75:focus { + --bg-opacity: 0.75; } - .xl\:overscroll-none { - overscroll-behavior: none; + .xl\:focus\:bg-opacity-100:focus { + --bg-opacity: 1; } - .xl\:overscroll-y-auto { - overscroll-behavior-y: auto; + .xl\:bg-bottom { + background-position: bottom; } - .xl\:overscroll-y-contain { - overscroll-behavior-y: contain; + .xl\:bg-center { + background-position: center; } - .xl\:overscroll-y-none { - overscroll-behavior-y: none; + .xl\:bg-left { + background-position: left; } - .xl\:overscroll-x-auto { - overscroll-behavior-x: auto; + .xl\:bg-left-bottom { + background-position: left bottom; } - .xl\:overscroll-x-contain { - overscroll-behavior-x: contain; + .xl\:bg-left-top { + background-position: left top; } - .xl\:overscroll-x-none { - overscroll-behavior-x: none; + .xl\:bg-right { + background-position: right; } - .xl\:p-0 { - padding: 0; + .xl\:bg-right-bottom { + background-position: right bottom; } - .xl\:p-1 { - padding: 0.25rem; + .xl\:bg-right-top { + background-position: right top; } - .xl\:p-2 { - padding: 0.5rem; + .xl\:bg-top { + background-position: top; } - .xl\:p-3 { - padding: 0.75rem; + .xl\:bg-repeat { + background-repeat: repeat; } - .xl\:p-4 { - padding: 1rem; + .xl\:bg-no-repeat { + background-repeat: no-repeat; } - .xl\:p-5 { - padding: 1.25rem; + .xl\:bg-repeat-x { + background-repeat: repeat-x; } - .xl\:p-6 { - padding: 1.5rem; + .xl\:bg-repeat-y { + background-repeat: repeat-y; } - .xl\:p-7 { - padding: 1.75rem; + .xl\:bg-repeat-round { + background-repeat: round; } - .xl\:p-8 { - padding: 2rem; + .xl\:bg-repeat-space { + background-repeat: space; } - .xl\:p-9 { - padding: 2.25rem; + .xl\:bg-auto { + background-size: auto; } - .xl\:p-10 { - padding: 2.5rem; + .xl\:bg-cover { + background-size: cover; } - .xl\:p-12 { - padding: 3rem; + .xl\:bg-contain { + background-size: contain; } - .xl\:p-14 { - padding: 3.5rem; + .xl\:border-collapse { + border-collapse: collapse; } - .xl\:p-16 { - padding: 4rem; + .xl\:border-separate { + border-collapse: separate; } - .xl\:p-20 { - padding: 5rem; + .xl\:border-transparent { + border-color: transparent; } - .xl\:p-24 { - padding: 6rem; + .xl\:border-current { + border-color: currentColor; } - .xl\:p-28 { - padding: 7rem; + .xl\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:p-32 { - padding: 8rem; + .xl\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:p-36 { - padding: 9rem; + .xl\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:p-40 { - padding: 10rem; + .xl\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:p-44 { - padding: 11rem; + .xl\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:p-48 { - padding: 12rem; + .xl\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:p-52 { - padding: 13rem; + .xl\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:p-56 { - padding: 14rem; + .xl\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:p-60 { - padding: 15rem; + .xl\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:p-64 { - padding: 16rem; + .xl\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:p-72 { - padding: 18rem; + .xl\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:p-80 { - padding: 20rem; + .xl\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:p-96 { - padding: 24rem; + .xl\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:p-px { - padding: 1px; + .xl\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:p-0\.5 { - padding: 0.125rem; + .xl\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:p-1\.5 { - padding: 0.375rem; + .xl\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:p-2\.5 { - padding: 0.625rem; + .xl\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:p-3\.5 { - padding: 0.875rem; + .xl\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .xl\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .xl\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .xl\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .xl\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .xl\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .xl\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .xl\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .xl\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:py-7 { - padding-top: 1.75rem; - padding-bottom: 1.75rem; + .xl\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:px-7 { - padding-left: 1.75rem; - padding-right: 1.75rem; + .xl\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:py-9 { - padding-top: 2.25rem; - padding-bottom: 2.25rem; + .xl\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:px-9 { - padding-left: 2.25rem; - padding-right: 2.25rem; + .xl\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .xl\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .xl\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .xl\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .xl\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:py-14 { - padding-top: 3.5rem; - padding-bottom: 3.5rem; + .xl\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:px-14 { - padding-left: 3.5rem; - padding-right: 3.5rem; + .xl\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .xl\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .xl\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .xl\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .xl\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .xl\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .xl\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:py-28 { - padding-top: 7rem; - padding-bottom: 7rem; + .xl\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:px-28 { - padding-left: 7rem; - padding-right: 7rem; + .xl\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .xl\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .xl\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:py-36 { - padding-top: 9rem; - padding-bottom: 9rem; + .xl\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .xl\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .xl\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .xl\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:py-44 { - padding-top: 11rem; - padding-bottom: 11rem; + .xl\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:px-44 { - padding-left: 11rem; - padding-right: 11rem; + .xl\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .xl\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .xl\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:py-52 { - padding-top: 13rem; - padding-bottom: 13rem; + .xl\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:px-52 { - padding-left: 13rem; - padding-right: 13rem; + .xl\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .xl\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .xl\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:py-60 { - padding-top: 15rem; - padding-bottom: 15rem; + .xl\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:px-60 { - padding-left: 15rem; - padding-right: 15rem; + .xl\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .xl\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .xl\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:py-72 { - padding-top: 18rem; - padding-bottom: 18rem; + .xl\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:px-72 { - padding-left: 18rem; - padding-right: 18rem; + .xl\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:py-80 { - padding-top: 20rem; - padding-bottom: 20rem; + .group:hover .xl\:group-hover\:border-transparent { + border-color: transparent; } - .xl\:px-80 { - padding-left: 20rem; - padding-right: 20rem; + .group:hover .xl\:group-hover\:border-current { + border-color: currentColor; } - .xl\:py-96 { - padding-top: 24rem; - padding-bottom: 24rem; + .group:hover .xl\:group-hover\:border-black { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:px-96 { - padding-left: 24rem; - padding-right: 24rem; + .group:hover .xl\:group-hover\:border-white { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .group:hover .xl\:group-hover\:border-gray-50 { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .group:hover .xl\:group-hover\:border-gray-100 { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; + .group:hover .xl\:group-hover\:border-gray-200 { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:px-0\.5 { - padding-left: 0.125rem; - padding-right: 0.125rem; + .group:hover .xl\:group-hover\:border-gray-300 { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; + .group:hover .xl\:group-hover\:border-gray-400 { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:px-1\.5 { - padding-left: 0.375rem; - padding-right: 0.375rem; + .group:hover .xl\:group-hover\:border-gray-500 { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; + .group:hover .xl\:group-hover\:border-gray-600 { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:px-2\.5 { - padding-left: 0.625rem; - padding-right: 0.625rem; + .group:hover .xl\:group-hover\:border-gray-700 { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:py-3\.5 { - padding-top: 0.875rem; - padding-bottom: 0.875rem; + .group:hover .xl\:group-hover\:border-gray-800 { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:px-3\.5 { - padding-left: 0.875rem; - padding-right: 0.875rem; + .group:hover .xl\:group-hover\:border-gray-900 { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:pt-0 { - padding-top: 0; + .group:hover .xl\:group-hover\:border-red-50 { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:pr-0 { - padding-right: 0; + .group:hover .xl\:group-hover\:border-red-100 { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:pb-0 { - padding-bottom: 0; + .group:hover .xl\:group-hover\:border-red-200 { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:pl-0 { - padding-left: 0; + .group:hover .xl\:group-hover\:border-red-300 { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:pt-1 { - padding-top: 0.25rem; + .group:hover .xl\:group-hover\:border-red-400 { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:pr-1 { - padding-right: 0.25rem; + .group:hover .xl\:group-hover\:border-red-500 { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:pb-1 { - padding-bottom: 0.25rem; + .group:hover .xl\:group-hover\:border-red-600 { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:pl-1 { - padding-left: 0.25rem; + .group:hover .xl\:group-hover\:border-red-700 { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:pt-2 { - padding-top: 0.5rem; + .group:hover .xl\:group-hover\:border-red-800 { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:pr-2 { - padding-right: 0.5rem; + .group:hover .xl\:group-hover\:border-red-900 { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:pb-2 { - padding-bottom: 0.5rem; + .group:hover .xl\:group-hover\:border-yellow-50 { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:pl-2 { - padding-left: 0.5rem; + .group:hover .xl\:group-hover\:border-yellow-100 { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:pt-3 { - padding-top: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-200 { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:pr-3 { - padding-right: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-300 { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:pb-3 { - padding-bottom: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-400 { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:pl-3 { - padding-left: 0.75rem; + .group:hover .xl\:group-hover\:border-yellow-500 { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:pt-4 { - padding-top: 1rem; + .group:hover .xl\:group-hover\:border-yellow-600 { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:pr-4 { - padding-right: 1rem; + .group:hover .xl\:group-hover\:border-yellow-700 { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:pb-4 { - padding-bottom: 1rem; + .group:hover .xl\:group-hover\:border-yellow-800 { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:pl-4 { - padding-left: 1rem; + .group:hover .xl\:group-hover\:border-yellow-900 { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:pt-5 { - padding-top: 1.25rem; + .group:hover .xl\:group-hover\:border-green-50 { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:pr-5 { - padding-right: 1.25rem; + .group:hover .xl\:group-hover\:border-green-100 { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:pb-5 { - padding-bottom: 1.25rem; + .group:hover .xl\:group-hover\:border-green-200 { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:pl-5 { - padding-left: 1.25rem; + .group:hover .xl\:group-hover\:border-green-300 { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:pt-6 { - padding-top: 1.5rem; + .group:hover .xl\:group-hover\:border-green-400 { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:pr-6 { - padding-right: 1.5rem; + .group:hover .xl\:group-hover\:border-green-500 { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .group:hover .xl\:group-hover\:border-green-600 { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:pl-6 { - padding-left: 1.5rem; + .group:hover .xl\:group-hover\:border-green-700 { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:pt-7 { - padding-top: 1.75rem; + .group:hover .xl\:group-hover\:border-green-800 { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:pr-7 { - padding-right: 1.75rem; + .group:hover .xl\:group-hover\:border-green-900 { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:pb-7 { - padding-bottom: 1.75rem; + .group:hover .xl\:group-hover\:border-blue-50 { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:pl-7 { - padding-left: 1.75rem; + .group:hover .xl\:group-hover\:border-blue-100 { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:pt-8 { - padding-top: 2rem; + .group:hover .xl\:group-hover\:border-blue-200 { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:pr-8 { - padding-right: 2rem; + .group:hover .xl\:group-hover\:border-blue-300 { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:pb-8 { - padding-bottom: 2rem; + .group:hover .xl\:group-hover\:border-blue-400 { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:pl-8 { - padding-left: 2rem; + .group:hover .xl\:group-hover\:border-blue-500 { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:pt-9 { - padding-top: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-600 { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:pr-9 { - padding-right: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-700 { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:pb-9 { - padding-bottom: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-800 { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:pl-9 { - padding-left: 2.25rem; + .group:hover .xl\:group-hover\:border-blue-900 { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:pt-10 { - padding-top: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-50 { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:pr-10 { - padding-right: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-100 { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:pb-10 { - padding-bottom: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-200 { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:pl-10 { - padding-left: 2.5rem; + .group:hover .xl\:group-hover\:border-purple-300 { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:pt-12 { - padding-top: 3rem; + .group:hover .xl\:group-hover\:border-purple-400 { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:pr-12 { - padding-right: 3rem; + .group:hover .xl\:group-hover\:border-purple-500 { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:pb-12 { - padding-bottom: 3rem; + .group:hover .xl\:group-hover\:border-purple-600 { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:pl-12 { - padding-left: 3rem; + .group:hover .xl\:group-hover\:border-purple-700 { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:pt-14 { - padding-top: 3.5rem; + .group:hover .xl\:group-hover\:border-purple-800 { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:pr-14 { - padding-right: 3.5rem; + .group:hover .xl\:group-hover\:border-purple-900 { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:pb-14 { - padding-bottom: 3.5rem; + .group:hover .xl\:group-hover\:border-pink-50 { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:pl-14 { - padding-left: 3.5rem; + .group:hover .xl\:group-hover\:border-pink-100 { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:pt-16 { - padding-top: 4rem; + .group:hover .xl\:group-hover\:border-pink-200 { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:pr-16 { - padding-right: 4rem; + .group:hover .xl\:group-hover\:border-pink-300 { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:pb-16 { - padding-bottom: 4rem; + .group:hover .xl\:group-hover\:border-pink-400 { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:pl-16 { - padding-left: 4rem; + .group:hover .xl\:group-hover\:border-pink-500 { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:pt-20 { - padding-top: 5rem; + .group:hover .xl\:group-hover\:border-pink-600 { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:pr-20 { - padding-right: 5rem; + .group:hover .xl\:group-hover\:border-pink-700 { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:pb-20 { - padding-bottom: 5rem; + .group:hover .xl\:group-hover\:border-pink-800 { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:pl-20 { - padding-left: 5rem; + .group:hover .xl\:group-hover\:border-pink-900 { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:pt-24 { - padding-top: 6rem; + .xl\:hover\:border-transparent:hover { + border-color: transparent; } - .xl\:pr-24 { - padding-right: 6rem; + .xl\:hover\:border-current:hover { + border-color: currentColor; } - .xl\:pb-24 { - padding-bottom: 6rem; + .xl\:hover\:border-black:hover { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:pl-24 { - padding-left: 6rem; + .xl\:hover\:border-white:hover { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:pt-28 { - padding-top: 7rem; + .xl\:hover\:border-gray-50:hover { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:pr-28 { - padding-right: 7rem; + .xl\:hover\:border-gray-100:hover { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:pb-28 { - padding-bottom: 7rem; + .xl\:hover\:border-gray-200:hover { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:pl-28 { - padding-left: 7rem; + .xl\:hover\:border-gray-300:hover { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:pt-32 { - padding-top: 8rem; + .xl\:hover\:border-gray-400:hover { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:pr-32 { - padding-right: 8rem; + .xl\:hover\:border-gray-500:hover { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:pb-32 { - padding-bottom: 8rem; + .xl\:hover\:border-gray-600:hover { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:pl-32 { - padding-left: 8rem; + .xl\:hover\:border-gray-700:hover { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:pt-36 { - padding-top: 9rem; + .xl\:hover\:border-gray-800:hover { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:pr-36 { - padding-right: 9rem; + .xl\:hover\:border-gray-900:hover { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:pb-36 { - padding-bottom: 9rem; + .xl\:hover\:border-red-50:hover { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:pl-36 { - padding-left: 9rem; + .xl\:hover\:border-red-100:hover { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:pt-40 { - padding-top: 10rem; + .xl\:hover\:border-red-200:hover { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:pr-40 { - padding-right: 10rem; + .xl\:hover\:border-red-300:hover { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:pb-40 { - padding-bottom: 10rem; + .xl\:hover\:border-red-400:hover { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:pl-40 { - padding-left: 10rem; + .xl\:hover\:border-red-500:hover { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:pt-44 { - padding-top: 11rem; + .xl\:hover\:border-red-600:hover { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:pr-44 { - padding-right: 11rem; + .xl\:hover\:border-red-700:hover { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:pb-44 { - padding-bottom: 11rem; + .xl\:hover\:border-red-800:hover { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:pl-44 { - padding-left: 11rem; + .xl\:hover\:border-red-900:hover { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:pt-48 { - padding-top: 12rem; + .xl\:hover\:border-yellow-50:hover { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:pr-48 { - padding-right: 12rem; + .xl\:hover\:border-yellow-100:hover { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:pb-48 { - padding-bottom: 12rem; + .xl\:hover\:border-yellow-200:hover { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:pl-48 { - padding-left: 12rem; + .xl\:hover\:border-yellow-300:hover { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:pt-52 { - padding-top: 13rem; + .xl\:hover\:border-yellow-400:hover { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:pr-52 { - padding-right: 13rem; + .xl\:hover\:border-yellow-500:hover { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:pb-52 { - padding-bottom: 13rem; + .xl\:hover\:border-yellow-600:hover { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:pl-52 { - padding-left: 13rem; + .xl\:hover\:border-yellow-700:hover { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:pt-56 { - padding-top: 14rem; + .xl\:hover\:border-yellow-800:hover { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:pr-56 { - padding-right: 14rem; + .xl\:hover\:border-yellow-900:hover { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:pb-56 { - padding-bottom: 14rem; + .xl\:hover\:border-green-50:hover { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:pl-56 { - padding-left: 14rem; + .xl\:hover\:border-green-100:hover { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:pt-60 { - padding-top: 15rem; + .xl\:hover\:border-green-200:hover { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:pr-60 { - padding-right: 15rem; + .xl\:hover\:border-green-300:hover { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:pb-60 { - padding-bottom: 15rem; + .xl\:hover\:border-green-400:hover { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:pl-60 { - padding-left: 15rem; + .xl\:hover\:border-green-500:hover { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:pt-64 { - padding-top: 16rem; + .xl\:hover\:border-green-600:hover { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:pr-64 { - padding-right: 16rem; + .xl\:hover\:border-green-700:hover { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:pb-64 { - padding-bottom: 16rem; + .xl\:hover\:border-green-800:hover { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:pl-64 { - padding-left: 16rem; + .xl\:hover\:border-green-900:hover { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:pt-72 { - padding-top: 18rem; + .xl\:hover\:border-blue-50:hover { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:pr-72 { - padding-right: 18rem; + .xl\:hover\:border-blue-100:hover { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:pb-72 { - padding-bottom: 18rem; + .xl\:hover\:border-blue-200:hover { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:pl-72 { - padding-left: 18rem; + .xl\:hover\:border-blue-300:hover { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:pt-80 { - padding-top: 20rem; + .xl\:hover\:border-blue-400:hover { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:pr-80 { - padding-right: 20rem; + .xl\:hover\:border-blue-500:hover { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:pb-80 { - padding-bottom: 20rem; + .xl\:hover\:border-blue-600:hover { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:pl-80 { - padding-left: 20rem; + .xl\:hover\:border-blue-700:hover { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:pt-96 { - padding-top: 24rem; + .xl\:hover\:border-blue-800:hover { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:pr-96 { - padding-right: 24rem; + .xl\:hover\:border-blue-900:hover { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:pb-96 { - padding-bottom: 24rem; + .xl\:hover\:border-purple-50:hover { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:pl-96 { - padding-left: 24rem; + .xl\:hover\:border-purple-100:hover { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:pt-px { - padding-top: 1px; + .xl\:hover\:border-purple-200:hover { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:pr-px { - padding-right: 1px; + .xl\:hover\:border-purple-300:hover { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:pb-px { - padding-bottom: 1px; + .xl\:hover\:border-purple-400:hover { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:pl-px { - padding-left: 1px; + .xl\:hover\:border-purple-500:hover { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:pt-0\.5 { - padding-top: 0.125rem; + .xl\:hover\:border-purple-600:hover { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:pr-0\.5 { - padding-right: 0.125rem; + .xl\:hover\:border-purple-700:hover { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:pb-0\.5 { - padding-bottom: 0.125rem; + .xl\:hover\:border-purple-800:hover { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:pl-0\.5 { - padding-left: 0.125rem; + .xl\:hover\:border-purple-900:hover { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:pt-1\.5 { - padding-top: 0.375rem; + .xl\:hover\:border-pink-50:hover { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:pr-1\.5 { - padding-right: 0.375rem; + .xl\:hover\:border-pink-100:hover { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:pb-1\.5 { - padding-bottom: 0.375rem; + .xl\:hover\:border-pink-200:hover { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:pl-1\.5 { - padding-left: 0.375rem; + .xl\:hover\:border-pink-300:hover { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:pt-2\.5 { - padding-top: 0.625rem; + .xl\:hover\:border-pink-400:hover { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:pr-2\.5 { - padding-right: 0.625rem; + .xl\:hover\:border-pink-500:hover { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:pb-2\.5 { - padding-bottom: 0.625rem; + .xl\:hover\:border-pink-600:hover { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:pl-2\.5 { - padding-left: 0.625rem; + .xl\:hover\:border-pink-700:hover { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:pt-3\.5 { - padding-top: 0.875rem; + .xl\:hover\:border-pink-800:hover { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:pr-3\.5 { - padding-right: 0.875rem; + .xl\:hover\:border-pink-900:hover { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:pb-3\.5 { - padding-bottom: 0.875rem; + .xl\:focus\:border-transparent:focus { + border-color: transparent; } - .xl\:pl-3\.5 { - padding-left: 0.875rem; + .xl\:focus\:border-current:focus { + border-color: currentColor; } - .xl\:placeholder-transparent::placeholder { - color: transparent; + .xl\:focus\:border-black:focus { + --border-opacity: 1; + border-color: rgba(0, 0, 0, var(--border-opacity)); } - .xl\:placeholder-current::placeholder { - color: currentColor; + .xl\:focus\:border-white:focus { + --border-opacity: 1; + border-color: rgba(255, 255, 255, var(--border-opacity)); } - .xl\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .xl\:focus\:border-gray-50:focus { + --border-opacity: 1; + border-color: rgba(250, 250, 250, var(--border-opacity)); } - .xl\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .xl\:focus\:border-gray-100:focus { + --border-opacity: 1; + border-color: rgba(244, 244, 245, var(--border-opacity)); } - .xl\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .xl\:focus\:border-gray-200:focus { + --border-opacity: 1; + border-color: rgba(228, 228, 231, var(--border-opacity)); } - .xl\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .xl\:focus\:border-gray-300:focus { + --border-opacity: 1; + border-color: rgba(212, 212, 216, var(--border-opacity)); } - .xl\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .xl\:focus\:border-gray-400:focus { + --border-opacity: 1; + border-color: rgba(161, 161, 170, var(--border-opacity)); } - .xl\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .xl\:focus\:border-gray-500:focus { + --border-opacity: 1; + border-color: rgba(113, 113, 122, var(--border-opacity)); } - .xl\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .xl\:focus\:border-gray-600:focus { + --border-opacity: 1; + border-color: rgba(82, 82, 91, var(--border-opacity)); } - .xl\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .xl\:focus\:border-gray-700:focus { + --border-opacity: 1; + border-color: rgba(63, 63, 70, var(--border-opacity)); } - .xl\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .xl\:focus\:border-gray-800:focus { + --border-opacity: 1; + border-color: rgba(39, 39, 42, var(--border-opacity)); } - .xl\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .xl\:focus\:border-gray-900:focus { + --border-opacity: 1; + border-color: rgba(24, 24, 27, var(--border-opacity)); } - .xl\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .xl\:focus\:border-red-50:focus { + --border-opacity: 1; + border-color: rgba(254, 242, 242, var(--border-opacity)); } - .xl\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .xl\:focus\:border-red-100:focus { + --border-opacity: 1; + border-color: rgba(254, 226, 226, var(--border-opacity)); } - .xl\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .xl\:focus\:border-red-200:focus { + --border-opacity: 1; + border-color: rgba(254, 202, 202, var(--border-opacity)); } - .xl\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .xl\:focus\:border-red-300:focus { + --border-opacity: 1; + border-color: rgba(252, 165, 165, var(--border-opacity)); } - .xl\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .xl\:focus\:border-red-400:focus { + --border-opacity: 1; + border-color: rgba(248, 113, 113, var(--border-opacity)); } - .xl\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .xl\:focus\:border-red-500:focus { + --border-opacity: 1; + border-color: rgba(239, 68, 68, var(--border-opacity)); } - .xl\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .xl\:focus\:border-red-600:focus { + --border-opacity: 1; + border-color: rgba(220, 38, 38, var(--border-opacity)); } - .xl\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .xl\:focus\:border-red-700:focus { + --border-opacity: 1; + border-color: rgba(185, 28, 28, var(--border-opacity)); } - .xl\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .xl\:focus\:border-red-800:focus { + --border-opacity: 1; + border-color: rgba(153, 27, 27, var(--border-opacity)); } - .xl\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .xl\:focus\:border-red-900:focus { + --border-opacity: 1; + border-color: rgba(127, 29, 29, var(--border-opacity)); } - .xl\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-50:focus { + --border-opacity: 1; + border-color: rgba(255, 251, 235, var(--border-opacity)); } - .xl\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-100:focus { + --border-opacity: 1; + border-color: rgba(254, 243, 199, var(--border-opacity)); } - .xl\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-200:focus { + --border-opacity: 1; + border-color: rgba(253, 230, 138, var(--border-opacity)); } - .xl\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-300:focus { + --border-opacity: 1; + border-color: rgba(252, 211, 77, var(--border-opacity)); } - .xl\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-400:focus { + --border-opacity: 1; + border-color: rgba(251, 191, 36, var(--border-opacity)); } - .xl\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-500:focus { + --border-opacity: 1; + border-color: rgba(245, 158, 11, var(--border-opacity)); } - .xl\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-600:focus { + --border-opacity: 1; + border-color: rgba(217, 119, 6, var(--border-opacity)); } - .xl\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-700:focus { + --border-opacity: 1; + border-color: rgba(180, 83, 9, var(--border-opacity)); } - .xl\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-800:focus { + --border-opacity: 1; + border-color: rgba(146, 64, 14, var(--border-opacity)); } - .xl\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .xl\:focus\:border-yellow-900:focus { + --border-opacity: 1; + border-color: rgba(120, 53, 15, var(--border-opacity)); } - .xl\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .xl\:focus\:border-green-50:focus { + --border-opacity: 1; + border-color: rgba(236, 253, 245, var(--border-opacity)); } - .xl\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .xl\:focus\:border-green-100:focus { + --border-opacity: 1; + border-color: rgba(209, 250, 229, var(--border-opacity)); } - .xl\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .xl\:focus\:border-green-200:focus { + --border-opacity: 1; + border-color: rgba(167, 243, 208, var(--border-opacity)); } - .xl\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .xl\:focus\:border-green-300:focus { + --border-opacity: 1; + border-color: rgba(110, 231, 183, var(--border-opacity)); } - .xl\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .xl\:focus\:border-green-400:focus { + --border-opacity: 1; + border-color: rgba(52, 211, 153, var(--border-opacity)); } - .xl\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .xl\:focus\:border-green-500:focus { + --border-opacity: 1; + border-color: rgba(16, 185, 129, var(--border-opacity)); } - .xl\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .xl\:focus\:border-green-600:focus { + --border-opacity: 1; + border-color: rgba(5, 150, 105, var(--border-opacity)); } - .xl\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .xl\:focus\:border-green-700:focus { + --border-opacity: 1; + border-color: rgba(4, 120, 87, var(--border-opacity)); } - .xl\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .xl\:focus\:border-green-800:focus { + --border-opacity: 1; + border-color: rgba(6, 95, 70, var(--border-opacity)); } - .xl\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .xl\:focus\:border-green-900:focus { + --border-opacity: 1; + border-color: rgba(6, 78, 59, var(--border-opacity)); } - .xl\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .xl\:focus\:border-blue-50:focus { + --border-opacity: 1; + border-color: rgba(239, 246, 255, var(--border-opacity)); } - .xl\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .xl\:focus\:border-blue-100:focus { + --border-opacity: 1; + border-color: rgba(219, 234, 254, var(--border-opacity)); } - .xl\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .xl\:focus\:border-blue-200:focus { + --border-opacity: 1; + border-color: rgba(191, 219, 254, var(--border-opacity)); } - .xl\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .xl\:focus\:border-blue-300:focus { + --border-opacity: 1; + border-color: rgba(147, 197, 253, var(--border-opacity)); } - .xl\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .xl\:focus\:border-blue-400:focus { + --border-opacity: 1; + border-color: rgba(96, 165, 250, var(--border-opacity)); } - .xl\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .xl\:focus\:border-blue-500:focus { + --border-opacity: 1; + border-color: rgba(59, 130, 246, var(--border-opacity)); } - .xl\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .xl\:focus\:border-blue-600:focus { + --border-opacity: 1; + border-color: rgba(37, 99, 235, var(--border-opacity)); } - .xl\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .xl\:focus\:border-blue-700:focus { + --border-opacity: 1; + border-color: rgba(29, 78, 216, var(--border-opacity)); } - .xl\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .xl\:focus\:border-blue-800:focus { + --border-opacity: 1; + border-color: rgba(30, 64, 175, var(--border-opacity)); } - .xl\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .xl\:focus\:border-blue-900:focus { + --border-opacity: 1; + border-color: rgba(30, 58, 138, var(--border-opacity)); } - .xl\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .xl\:focus\:border-purple-50:focus { + --border-opacity: 1; + border-color: rgba(245, 243, 255, var(--border-opacity)); } - .xl\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .xl\:focus\:border-purple-100:focus { + --border-opacity: 1; + border-color: rgba(237, 233, 254, var(--border-opacity)); } - .xl\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .xl\:focus\:border-purple-200:focus { + --border-opacity: 1; + border-color: rgba(221, 214, 254, var(--border-opacity)); } - .xl\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .xl\:focus\:border-purple-300:focus { + --border-opacity: 1; + border-color: rgba(196, 181, 253, var(--border-opacity)); } - .xl\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .xl\:focus\:border-purple-400:focus { + --border-opacity: 1; + border-color: rgba(167, 139, 250, var(--border-opacity)); } - .xl\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .xl\:focus\:border-purple-500:focus { + --border-opacity: 1; + border-color: rgba(139, 92, 246, var(--border-opacity)); } - .xl\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .xl\:focus\:border-purple-600:focus { + --border-opacity: 1; + border-color: rgba(124, 58, 237, var(--border-opacity)); } - .xl\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .xl\:focus\:border-purple-700:focus { + --border-opacity: 1; + border-color: rgba(109, 40, 217, var(--border-opacity)); } - .xl\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .xl\:focus\:border-purple-800:focus { + --border-opacity: 1; + border-color: rgba(91, 33, 182, var(--border-opacity)); } - .xl\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .xl\:focus\:border-purple-900:focus { + --border-opacity: 1; + border-color: rgba(76, 29, 149, var(--border-opacity)); } - .xl\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .xl\:focus\:border-pink-50:focus { + --border-opacity: 1; + border-color: rgba(253, 242, 248, var(--border-opacity)); } - .xl\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .xl\:focus\:border-pink-100:focus { + --border-opacity: 1; + border-color: rgba(252, 231, 243, var(--border-opacity)); } - .xl\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .xl\:focus\:border-pink-200:focus { + --border-opacity: 1; + border-color: rgba(251, 207, 232, var(--border-opacity)); } - .xl\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .xl\:focus\:border-pink-300:focus { + --border-opacity: 1; + border-color: rgba(249, 168, 212, var(--border-opacity)); } - .xl\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .xl\:focus\:border-pink-400:focus { + --border-opacity: 1; + border-color: rgba(244, 114, 182, var(--border-opacity)); } - .xl\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .xl\:focus\:border-pink-500:focus { + --border-opacity: 1; + border-color: rgba(236, 72, 153, var(--border-opacity)); } - .xl\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .xl\:focus\:border-pink-600:focus { + --border-opacity: 1; + border-color: rgba(219, 39, 119, var(--border-opacity)); } - .xl\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .xl\:focus\:border-pink-700:focus { + --border-opacity: 1; + border-color: rgba(190, 24, 93, var(--border-opacity)); } - .xl\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .xl\:focus\:border-pink-800:focus { + --border-opacity: 1; + border-color: rgba(157, 23, 77, var(--border-opacity)); } - .xl\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .xl\:focus\:border-pink-900:focus { + --border-opacity: 1; + border-color: rgba(131, 24, 67, var(--border-opacity)); } - .xl\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .xl\:border-opacity-0 { + --border-opacity: 0; } - .xl\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .xl\:border-opacity-25 { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; + .xl\:border-opacity-50 { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-current:focus::placeholder { - color: currentColor; + .xl\:border-opacity-75 { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); + .xl\:border-opacity-100 { + --border-opacity: 1; } - .xl\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-0 { + --border-opacity: 0; } - .xl\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-25 { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-50 { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-75 { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); + .group:hover .xl\:group-hover\:border-opacity-100 { + --border-opacity: 1; } - .xl\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-0:hover { + --border-opacity: 0; } - .xl\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-25:hover { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-50:hover { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-75:hover { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); + .xl\:hover\:border-opacity-100:hover { + --border-opacity: 1; } - .xl\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-0:focus { + --border-opacity: 0; } - .xl\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-25:focus { + --border-opacity: 0.25; } - .xl\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-50:focus { + --border-opacity: 0.5; } - .xl\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-75:focus { + --border-opacity: 0.75; } - .xl\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); + .xl\:focus\:border-opacity-100:focus { + --border-opacity: 1; } - .xl\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); + .xl\:rounded-none { + border-radius: 0; } - .xl\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); + .xl\:rounded-sm { + border-radius: 0.125rem; } - .xl\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); + .xl\:rounded { + border-radius: 0.25rem; } - .xl\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); + .xl\:rounded-md { + border-radius: 0.375rem; } - .xl\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); + .xl\:rounded-lg { + border-radius: 0.5rem; } - .xl\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); + .xl\:rounded-xl { + border-radius: 0.75rem; } - .xl\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); + .xl\:rounded-2xl { + border-radius: 1rem; } - .xl\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); + .xl\:rounded-3xl { + border-radius: 1.5rem; } - .xl\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); + .xl\:rounded-full { + border-radius: 9999px; } - .xl\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); + .xl\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .xl\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); + .xl\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .xl\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); + .xl\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .xl\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); + .xl\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .xl\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .xl\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .xl\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); + .xl\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .xl\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); + .xl\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .xl\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); + .xl\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); + .xl\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .xl\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); + .xl\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .xl\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); + .xl\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); + .xl\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .xl\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); + .xl\:rounded-t-xl { + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); + .xl\:rounded-r-xl { + border-top-right-radius: 0.75rem; + border-bottom-right-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); + .xl\:rounded-b-xl { + border-bottom-right-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); + .xl\:rounded-l-xl { + border-top-left-radius: 0.75rem; + border-bottom-left-radius: 0.75rem; } - .xl\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); + .xl\:rounded-t-2xl { + border-top-left-radius: 1rem; + border-top-right-radius: 1rem; } - .xl\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); + .xl\:rounded-r-2xl { + border-top-right-radius: 1rem; + border-bottom-right-radius: 1rem; } - .xl\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); + .xl\:rounded-b-2xl { + border-bottom-right-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); + .xl\:rounded-l-2xl { + border-top-left-radius: 1rem; + border-bottom-left-radius: 1rem; } - .xl\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); + .xl\:rounded-t-3xl { + border-top-left-radius: 1.5rem; + border-top-right-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); + .xl\:rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); + .xl\:rounded-b-3xl { + border-bottom-right-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); + .xl\:rounded-l-3xl { + border-top-left-radius: 1.5rem; + border-bottom-left-radius: 1.5rem; } - .xl\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); + .xl\:rounded-tl-none { + border-top-left-radius: 0; } - .xl\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); + .xl\:rounded-tr-none { + border-top-right-radius: 0; } - .xl\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); + .xl\:rounded-br-none { + border-bottom-right-radius: 0; } - .xl\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); + .xl\:rounded-bl-none { + border-bottom-left-radius: 0; } - .xl\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .xl\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); + .xl\:rounded-tl { + border-top-left-radius: 0.25rem; } - .xl\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); + .xl\:rounded-tr { + border-top-right-radius: 0.25rem; } - .xl\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:placeholder-transparent::placeholder { - color: transparent; - } + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } - .xl\:dark\:placeholder-current::placeholder { - color: currentColor; - } + .xl\:rounded-tl-md { + border-top-left-radius: 0.375rem; + } - .xl\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .xl\:rounded-tr-md { + border-top-right-radius: 0.375rem; + } - .xl\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .xl\:rounded-br-md { + border-bottom-right-radius: 0.375rem; + } - .xl\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .xl\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; + } - .xl\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } - .xl\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .xl\:rounded-tl-xl { + border-top-left-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .xl\:rounded-tr-xl { + border-top-right-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .xl\:rounded-br-xl { + border-bottom-right-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .xl\:rounded-bl-xl { + border-bottom-left-radius: 0.75rem; + } - .xl\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .xl\:rounded-tl-2xl { + border-top-left-radius: 1rem; + } - .xl\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .xl\:rounded-tr-2xl { + border-top-right-radius: 1rem; + } - .xl\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .xl\:rounded-br-2xl { + border-bottom-right-radius: 1rem; + } - .xl\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .xl\:rounded-bl-2xl { + border-bottom-left-radius: 1rem; + } - .xl\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .xl\:rounded-tl-3xl { + border-top-left-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .xl\:rounded-tr-3xl { + border-top-right-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .xl\:rounded-br-3xl { + border-bottom-right-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .xl\:rounded-bl-3xl { + border-bottom-left-radius: 1.5rem; + } - .xl\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; + } - .xl\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; + } - .xl\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; + } - .xl\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } - .xl\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .xl\:border-solid { + border-style: solid; + } - .xl\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .xl\:border-dashed { + border-style: dashed; + } - .xl\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .xl\:border-dotted { + border-style: dotted; + } - .xl\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .xl\:border-double { + border-style: double; + } - .xl\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .xl\:border-none { + border-style: none; + } - .xl\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .xl\:border-0 { + border-width: 0; + } - .xl\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .xl\:border-2 { + border-width: 2px; + } - .xl\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .xl\:border-4 { + border-width: 4px; + } - .xl\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .xl\:border-8 { + border-width: 8px; + } - .xl\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .xl\:border { + border-width: 1px; + } - .xl\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .xl\:border-t-0 { + border-top-width: 0; + } - .xl\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .xl\:border-r-0 { + border-right-width: 0; + } - .xl\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .xl\:border-b-0 { + border-bottom-width: 0; + } - .xl\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .xl\:border-l-0 { + border-left-width: 0; + } - .xl\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .xl\:border-t-2 { + border-top-width: 2px; + } - .xl\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .xl\:border-r-2 { + border-right-width: 2px; + } - .xl\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .xl\:border-b-2 { + border-bottom-width: 2px; + } - .xl\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .xl\:border-l-2 { + border-left-width: 2px; + } - .xl\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .xl\:border-t-4 { + border-top-width: 4px; + } - .xl\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .xl\:border-r-4 { + border-right-width: 4px; + } - .xl\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .xl\:border-b-4 { + border-bottom-width: 4px; + } - .xl\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .xl\:border-l-4 { + border-left-width: 4px; + } - .xl\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .xl\:border-t-8 { + border-top-width: 8px; + } - .xl\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .xl\:border-r-8 { + border-right-width: 8px; + } - .xl\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .xl\:border-b-8 { + border-bottom-width: 8px; + } - .xl\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .xl\:border-l-8 { + border-left-width: 8px; + } - .xl\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .xl\:border-t { + border-top-width: 1px; + } - .xl\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .xl\:border-r { + border-right-width: 1px; + } - .xl\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .xl\:border-b { + border-bottom-width: 1px; + } - .xl\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .xl\:border-l { + border-left-width: 1px; + } - .xl\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .xl\:box-border { + box-sizing: border-box; + } - .xl\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .xl\:box-content { + box-sizing: content-box; + } - .xl\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .xl\:cursor-auto { + cursor: auto; + } - .xl\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .xl\:cursor-default { + cursor: default; + } - .xl\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .xl\:cursor-pointer { + cursor: pointer; + } - .xl\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .xl\:cursor-wait { + cursor: wait; + } - .xl\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .xl\:cursor-text { + cursor: text; + } - .xl\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .xl\:cursor-move { + cursor: move; + } - .xl\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .xl\:cursor-not-allowed { + cursor: not-allowed; + } - .xl\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .xl\:block { + display: block; + } - .xl\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .xl\:inline-block { + display: inline-block; + } - .xl\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .xl\:inline { + display: inline; + } - .xl\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .xl\:flex { + display: flex; + } - .xl\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .xl\:inline-flex { + display: inline-flex; + } - .xl\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .xl\:table { + display: table; + } - .xl\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .xl\:table-caption { + display: table-caption; + } - .xl\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .xl\:table-cell { + display: table-cell; + } - .xl\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .xl\:table-column { + display: table-column; + } - .xl\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .xl\:table-column-group { + display: table-column-group; + } - .xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } + .xl\:table-footer-group { + display: table-footer-group; + } - .xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } + .xl\:table-header-group { + display: table-header-group; + } - .xl\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } + .xl\:table-row-group { + display: table-row-group; + } - .xl\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } + .xl\:table-row { + display: table-row; + } - .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } + .xl\:flow-root { + display: flow-root; + } - .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } + .xl\:grid { + display: grid; + } - .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } + .xl\:inline-grid { + display: inline-grid; + } - .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } + .xl\:contents { + display: contents; + } - .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } + .xl\:hidden { + display: none; + } - .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } + .xl\:flex-row { + flex-direction: row; + } - .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } + .xl\:flex-row-reverse { + flex-direction: row-reverse; + } - .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } + .xl\:flex-col { + flex-direction: column; + } - .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } + .xl\:flex-col-reverse { + flex-direction: column-reverse; + } - .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } + .xl\:flex-wrap { + flex-wrap: wrap; + } - .xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } - .xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } + .xl\:flex-no-wrap { + flex-wrap: nowrap; + } - .xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } + .xl\:place-items-auto { + place-items: auto; + } - .xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } + .xl\:place-items-start { + place-items: start; + } - .xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } + .xl\:place-items-end { + place-items: end; + } - .xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } + .xl\:place-items-center { + place-items: center; + } - .xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } + .xl\:place-items-stretch { + place-items: stretch; + } - .xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } + .xl\:place-content-center { + place-content: center; + } - .xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } + .xl\:place-content-start { + place-content: start; + } - .xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } + .xl\:place-content-end { + place-content: end; + } - .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } + .xl\:place-content-between { + place-content: space-between; + } - .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } + .xl\:place-content-around { + place-content: space-around; + } - .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } + .xl\:place-content-evenly { + place-content: space-evenly; + } - .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } + .xl\:place-content-stretch { + place-content: stretch; + } - .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } + .xl\:place-self-auto { + place-self: auto; + } - .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } + .xl\:place-self-start { + place-self: start; + } - .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } + .xl\:place-self-end { + place-self: end; + } - .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } + .xl\:place-self-center { + place-self: center; + } - .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } + .xl\:place-self-stretch { + place-self: stretch; + } - .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } + .xl\:items-start { + align-items: flex-start; + } - .xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } + .xl\:items-end { + align-items: flex-end; + } - .xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } + .xl\:items-center { + align-items: center; + } - .xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } + .xl\:items-baseline { + align-items: baseline; + } - .xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } + .xl\:items-stretch { + align-items: stretch; + } - .xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } + .xl\:content-center { + align-content: center; + } - .xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } + .xl\:content-start { + align-content: flex-start; + } - .xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } + .xl\:content-end { + align-content: flex-end; + } - .xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } + .xl\:content-between { + align-content: space-between; + } - .xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } + .xl\:content-around { + align-content: space-around; + } - .xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } + .xl\:content-evenly { + align-content: space-evenly; + } - .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } + .xl\:self-auto { + align-self: auto; + } - .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } + .xl\:self-start { + align-self: flex-start; + } - .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } + .xl\:self-end { + align-self: flex-end; + } - .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } + .xl\:self-center { + align-self: center; + } - .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } + .xl\:self-stretch { + align-self: stretch; + } - .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } + .xl\:justify-items-auto { + justify-items: auto; + } - .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } + .xl\:justify-items-start { + justify-items: start; + } - .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } + .xl\:justify-items-end { + justify-items: end; + } - .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } + .xl\:justify-items-center { + justify-items: center; + } - .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } + .xl\:justify-items-stretch { + justify-items: stretch; + } - .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } + .xl\:justify-start { + justify-content: flex-start; + } - .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } + .xl\:justify-end { + justify-content: flex-end; + } - .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } + .xl\:justify-center { + justify-content: center; + } - .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } + .xl\:justify-between { + justify-content: space-between; + } - .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } + .xl\:justify-around { + justify-content: space-around; + } - .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } + .xl\:justify-evenly { + justify-content: space-evenly; + } - .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } + .xl\:justify-self-auto { + justify-self: auto; + } - .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } + .xl\:justify-self-start { + justify-self: start; + } - .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } + .xl\:justify-self-end { + justify-self: end; + } - .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } + .xl\:justify-self-center { + justify-self: center; + } - .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } + .xl\:justify-self-stretch { + justify-self: stretch; + } - .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } + .xl\:flex-1 { + flex: 1 1 0%; + } - .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } + .xl\:flex-auto { + flex: 1 1 auto; + } - .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } + .xl\:flex-initial { + flex: 0 1 auto; + } - .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } + .xl\:flex-none { + flex: none; + } - .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } + .xl\:flex-grow-0 { + flex-grow: 0; + } - .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } + .xl\:flex-grow { + flex-grow: 1; + } - .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } + .xl\:flex-shrink-0 { + flex-shrink: 0; + } - .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } + .xl\:flex-shrink { + flex-shrink: 1; + } - .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } + .xl\:order-1 { + order: 1; } - .xl\:placeholder-opacity-0::placeholder { - --placeholder-opacity: 0; + .xl\:order-2 { + order: 2; } - .xl\:placeholder-opacity-25::placeholder { - --placeholder-opacity: 0.25; + .xl\:order-3 { + order: 3; } - .xl\:placeholder-opacity-50::placeholder { - --placeholder-opacity: 0.5; + .xl\:order-4 { + order: 4; } - .xl\:placeholder-opacity-75::placeholder { - --placeholder-opacity: 0.75; + .xl\:order-5 { + order: 5; } - .xl\:placeholder-opacity-100::placeholder { - --placeholder-opacity: 1; + .xl\:order-6 { + order: 6; } - .xl\:focus\:placeholder-opacity-0:focus::placeholder { - --placeholder-opacity: 0; + .xl\:order-7 { + order: 7; } - .xl\:focus\:placeholder-opacity-25:focus::placeholder { - --placeholder-opacity: 0.25; + .xl\:order-8 { + order: 8; } - .xl\:focus\:placeholder-opacity-50:focus::placeholder { - --placeholder-opacity: 0.5; + .xl\:order-9 { + order: 9; } - .xl\:focus\:placeholder-opacity-75:focus::placeholder { - --placeholder-opacity: 0.75; + .xl\:order-10 { + order: 10; } - .xl\:focus\:placeholder-opacity-100:focus::placeholder { - --placeholder-opacity: 1; + .xl\:order-11 { + order: 11; } - .xl\:pointer-events-none { - pointer-events: none; + .xl\:order-12 { + order: 12; } - .xl\:pointer-events-auto { - pointer-events: auto; + .xl\:order-first { + order: -9999; } - .xl\:static { - position: static; + .xl\:order-last { + order: 9999; } - .xl\:fixed { - position: fixed; + .xl\:order-none { + order: 0; } - .xl\:absolute { - position: absolute; + .xl\:float-right { + float: right; } - .xl\:relative { - position: relative; + .xl\:float-left { + float: left; } - .xl\:sticky { - position: sticky; + .xl\:float-none { + float: none; } - .xl\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .xl\:clearfix:after { + content: ""; + display: table; + clear: both; } - .xl\:inset-1 { - top: 0.25rem; - right: 0.25rem; - bottom: 0.25rem; - left: 0.25rem; + .xl\:clear-left { + clear: left; } - .xl\:inset-2 { - top: 0.5rem; - right: 0.5rem; - bottom: 0.5rem; - left: 0.5rem; + .xl\:clear-right { + clear: right; } - .xl\:inset-3 { - top: 0.75rem; - right: 0.75rem; - bottom: 0.75rem; - left: 0.75rem; + .xl\:clear-both { + clear: both; } - .xl\:inset-4 { - top: 1rem; - right: 1rem; - bottom: 1rem; - left: 1rem; + .xl\:clear-none { + clear: none; } - .xl\:inset-5 { - top: 1.25rem; - right: 1.25rem; - bottom: 1.25rem; - left: 1.25rem; + .xl\:font-sans { + font-family: ui-sans-serif, 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"; } - .xl\:inset-6 { - top: 1.5rem; - right: 1.5rem; - bottom: 1.5rem; - left: 1.5rem; + .xl\:font-serif { + font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } - .xl\:inset-7 { - top: 1.75rem; - right: 1.75rem; - bottom: 1.75rem; - left: 1.75rem; + .xl\:font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .xl\:inset-8 { - top: 2rem; - right: 2rem; - bottom: 2rem; - left: 2rem; + .xl\:font-thin { + font-weight: 100; } - .xl\:inset-9 { - top: 2.25rem; - right: 2.25rem; - bottom: 2.25rem; - left: 2.25rem; + .xl\:font-extralight { + font-weight: 200; } - .xl\:inset-10 { - top: 2.5rem; - right: 2.5rem; - bottom: 2.5rem; - left: 2.5rem; + .xl\:font-light { + font-weight: 300; } - .xl\:inset-12 { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; + .xl\:font-normal { + font-weight: 400; } - .xl\:inset-14 { - top: 3.5rem; - right: 3.5rem; - bottom: 3.5rem; - left: 3.5rem; + .xl\:font-medium { + font-weight: 500; } - .xl\:inset-16 { - top: 4rem; - right: 4rem; - bottom: 4rem; - left: 4rem; + .xl\:font-semibold { + font-weight: 600; } - .xl\:inset-20 { - top: 5rem; - right: 5rem; - bottom: 5rem; - left: 5rem; + .xl\:font-bold { + font-weight: 700; } - .xl\:inset-24 { - top: 6rem; - right: 6rem; - bottom: 6rem; - left: 6rem; + .xl\:font-extrabold { + font-weight: 800; } - .xl\:inset-28 { - top: 7rem; - right: 7rem; - bottom: 7rem; - left: 7rem; + .xl\:font-black { + font-weight: 900; } - .xl\:inset-32 { - top: 8rem; - right: 8rem; - bottom: 8rem; - left: 8rem; + .xl\:hover\:font-thin:hover { + font-weight: 100; } - .xl\:inset-36 { - top: 9rem; - right: 9rem; - bottom: 9rem; - left: 9rem; + .xl\:hover\:font-extralight:hover { + font-weight: 200; } - .xl\:inset-40 { - top: 10rem; - right: 10rem; - bottom: 10rem; - left: 10rem; + .xl\:hover\:font-light:hover { + font-weight: 300; } - .xl\:inset-44 { - top: 11rem; - right: 11rem; - bottom: 11rem; - left: 11rem; + .xl\:hover\:font-normal:hover { + font-weight: 400; } - .xl\:inset-48 { - top: 12rem; - right: 12rem; - bottom: 12rem; - left: 12rem; + .xl\:hover\:font-medium:hover { + font-weight: 500; } - .xl\:inset-52 { - top: 13rem; - right: 13rem; - bottom: 13rem; - left: 13rem; + .xl\:hover\:font-semibold:hover { + font-weight: 600; } - .xl\:inset-56 { - top: 14rem; - right: 14rem; - bottom: 14rem; - left: 14rem; + .xl\:hover\:font-bold:hover { + font-weight: 700; } - .xl\:inset-60 { - top: 15rem; - right: 15rem; - bottom: 15rem; - left: 15rem; + .xl\:hover\:font-extrabold:hover { + font-weight: 800; } - .xl\:inset-64 { - top: 16rem; - right: 16rem; - bottom: 16rem; - left: 16rem; + .xl\:hover\:font-black:hover { + font-weight: 900; } - .xl\:inset-72 { - top: 18rem; - right: 18rem; - bottom: 18rem; - left: 18rem; + .xl\:focus\:font-thin:focus { + font-weight: 100; } - .xl\:inset-80 { - top: 20rem; - right: 20rem; - bottom: 20rem; - left: 20rem; + .xl\:focus\:font-extralight:focus { + font-weight: 200; } - .xl\:inset-96 { - top: 24rem; - right: 24rem; - bottom: 24rem; - left: 24rem; + .xl\:focus\:font-light:focus { + font-weight: 300; } - .xl\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .xl\:focus\:font-normal:focus { + font-weight: 400; } - .xl\:inset-px { - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; + .xl\:focus\:font-medium:focus { + font-weight: 500; } - .xl\:inset-0\.5 { - top: 0.125rem; - right: 0.125rem; - bottom: 0.125rem; - left: 0.125rem; + .xl\:focus\:font-semibold:focus { + font-weight: 600; } - .xl\:inset-1\.5 { - top: 0.375rem; - right: 0.375rem; - bottom: 0.375rem; - left: 0.375rem; + .xl\:focus\:font-bold:focus { + font-weight: 700; } - .xl\:inset-2\.5 { - top: 0.625rem; - right: 0.625rem; - bottom: 0.625rem; - left: 0.625rem; + .xl\:focus\:font-extrabold:focus { + font-weight: 800; } - .xl\:inset-3\.5 { - top: 0.875rem; - right: 0.875rem; - bottom: 0.875rem; - left: 0.875rem; + .xl\:focus\:font-black:focus { + font-weight: 900; } - .xl\:-inset-1 { - top: -0.25rem; - right: -0.25rem; - bottom: -0.25rem; - left: -0.25rem; + .xl\:h-0 { + height: 0; } - .xl\:-inset-2 { - top: -0.5rem; - right: -0.5rem; - bottom: -0.5rem; - left: -0.5rem; + .xl\:h-1 { + height: 0.25rem; } - .xl\:-inset-3 { - top: -0.75rem; - right: -0.75rem; - bottom: -0.75rem; - left: -0.75rem; + .xl\:h-2 { + height: 0.5rem; } - .xl\:-inset-4 { - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + .xl\:h-3 { + height: 0.75rem; } - .xl\:-inset-5 { - top: -1.25rem; - right: -1.25rem; - bottom: -1.25rem; - left: -1.25rem; + .xl\:h-4 { + height: 1rem; } - .xl\:-inset-6 { - top: -1.5rem; - right: -1.5rem; - bottom: -1.5rem; - left: -1.5rem; + .xl\:h-5 { + height: 1.25rem; } - .xl\:-inset-7 { - top: -1.75rem; - right: -1.75rem; - bottom: -1.75rem; - left: -1.75rem; + .xl\:h-6 { + height: 1.5rem; } - .xl\:-inset-8 { - top: -2rem; - right: -2rem; - bottom: -2rem; - left: -2rem; + .xl\:h-7 { + height: 1.75rem; } - .xl\:-inset-9 { - top: -2.25rem; - right: -2.25rem; - bottom: -2.25rem; - left: -2.25rem; + .xl\:h-8 { + height: 2rem; } - .xl\:-inset-10 { - top: -2.5rem; - right: -2.5rem; - bottom: -2.5rem; - left: -2.5rem; + .xl\:h-9 { + height: 2.25rem; } - .xl\:-inset-12 { - top: -3rem; - right: -3rem; - bottom: -3rem; - left: -3rem; + .xl\:h-10 { + height: 2.5rem; } - .xl\:-inset-14 { - top: -3.5rem; - right: -3.5rem; - bottom: -3.5rem; - left: -3.5rem; + .xl\:h-12 { + height: 3rem; } - .xl\:-inset-16 { - top: -4rem; - right: -4rem; - bottom: -4rem; - left: -4rem; + .xl\:h-14 { + height: 3.5rem; } - .xl\:-inset-20 { - top: -5rem; - right: -5rem; - bottom: -5rem; - left: -5rem; + .xl\:h-16 { + height: 4rem; } - .xl\:-inset-24 { - top: -6rem; - right: -6rem; - bottom: -6rem; - left: -6rem; + .xl\:h-20 { + height: 5rem; } - .xl\:-inset-28 { - top: -7rem; - right: -7rem; - bottom: -7rem; - left: -7rem; + .xl\:h-24 { + height: 6rem; } - .xl\:-inset-32 { - top: -8rem; - right: -8rem; - bottom: -8rem; - left: -8rem; + .xl\:h-28 { + height: 7rem; } - .xl\:-inset-36 { - top: -9rem; - right: -9rem; - bottom: -9rem; - left: -9rem; + .xl\:h-32 { + height: 8rem; } - .xl\:-inset-40 { - top: -10rem; - right: -10rem; - bottom: -10rem; - left: -10rem; + .xl\:h-36 { + height: 9rem; } - .xl\:-inset-44 { - top: -11rem; - right: -11rem; - bottom: -11rem; - left: -11rem; + .xl\:h-40 { + height: 10rem; } - .xl\:-inset-48 { - top: -12rem; - right: -12rem; - bottom: -12rem; - left: -12rem; + .xl\:h-44 { + height: 11rem; } - .xl\:-inset-52 { - top: -13rem; - right: -13rem; - bottom: -13rem; - left: -13rem; + .xl\:h-48 { + height: 12rem; } - .xl\:-inset-56 { - top: -14rem; - right: -14rem; - bottom: -14rem; - left: -14rem; + .xl\:h-52 { + height: 13rem; } - .xl\:-inset-60 { - top: -15rem; - right: -15rem; - bottom: -15rem; - left: -15rem; + .xl\:h-56 { + height: 14rem; } - .xl\:-inset-64 { - top: -16rem; - right: -16rem; - bottom: -16rem; - left: -16rem; + .xl\:h-60 { + height: 15rem; } - .xl\:-inset-72 { - top: -18rem; - right: -18rem; - bottom: -18rem; - left: -18rem; + .xl\:h-64 { + height: 16rem; } - .xl\:-inset-80 { - top: -20rem; - right: -20rem; - bottom: -20rem; - left: -20rem; + .xl\:h-72 { + height: 18rem; } - .xl\:-inset-96 { - top: -24rem; - right: -24rem; - bottom: -24rem; - left: -24rem; + .xl\:h-80 { + height: 20rem; } - .xl\:-inset-px { - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; + .xl\:h-96 { + height: 24rem; } - .xl\:-inset-0\.5 { - top: -0.125rem; - right: -0.125rem; - bottom: -0.125rem; - left: -0.125rem; + .xl\:h-auto { + height: auto; } - .xl\:-inset-1\.5 { - top: -0.375rem; - right: -0.375rem; - bottom: -0.375rem; - left: -0.375rem; + .xl\:h-px { + height: 1px; } - .xl\:-inset-2\.5 { - top: -0.625rem; - right: -0.625rem; - bottom: -0.625rem; - left: -0.625rem; + .xl\:h-0\.5 { + height: 0.125rem; } - .xl\:-inset-3\.5 { - top: -0.875rem; - right: -0.875rem; - bottom: -0.875rem; - left: -0.875rem; + .xl\:h-1\.5 { + height: 0.375rem; } - .xl\:inset-1\/2 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:h-2\.5 { + height: 0.625rem; } - .xl\:inset-1\/3 { - top: 33.333333%; - right: 33.333333%; - bottom: 33.333333%; - left: 33.333333%; + .xl\:h-3\.5 { + height: 0.875rem; } - .xl\:inset-2\/3 { - top: 66.666667%; - right: 66.666667%; - bottom: 66.666667%; - left: 66.666667%; + .xl\:h-full { + height: 100%; } - .xl\:inset-1\/4 { - top: 25%; - right: 25%; - bottom: 25%; - left: 25%; + .xl\:h-screen { + height: 100vh; } - .xl\:inset-2\/4 { - top: 50%; - right: 50%; - bottom: 50%; - left: 50%; + .xl\:text-xs { + font-size: 0.75rem; + line-height: 1rem; } - .xl\:inset-3\/4 { - top: 75%; - right: 75%; - bottom: 75%; - left: 75%; + .xl\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; } - .xl\:inset-full { - top: 100%; - right: 100%; - bottom: 100%; - left: 100%; + .xl\:text-base { + font-size: 1rem; + line-height: 1.5rem; } - .xl\:-inset-1\/2 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; } - .xl\:-inset-1\/3 { - top: -33.333333%; - right: -33.333333%; - bottom: -33.333333%; - left: -33.333333%; + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; } - .xl\:-inset-2\/3 { - top: -66.666667%; - right: -66.666667%; - bottom: -66.666667%; - left: -66.666667%; + .xl\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; } - .xl\:-inset-1\/4 { - top: -25%; - right: -25%; - bottom: -25%; - left: -25%; + .xl\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; } - .xl\:-inset-2\/4 { - top: -50%; - right: -50%; - bottom: -50%; - left: -50%; + .xl\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; } - .xl\:-inset-3\/4 { - top: -75%; - right: -75%; - bottom: -75%; - left: -75%; + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; } - .xl\:-inset-full { - top: -100%; - right: -100%; - bottom: -100%; - left: -100%; + .xl\:text-6xl { + font-size: 3.75rem; + line-height: 1; } - .xl\:inset-y-0 { - top: 0; - bottom: 0; + .xl\:text-7xl { + font-size: 4.5rem; + line-height: 1; } - .xl\:inset-x-0 { - right: 0; - left: 0; + .xl\:text-8xl { + font-size: 6rem; + line-height: 1; } - .xl\:inset-y-1 { - top: 0.25rem; - bottom: 0.25rem; + .xl\:text-9xl { + font-size: 8rem; + line-height: 1; } - .xl\:inset-x-1 { - right: 0.25rem; - left: 0.25rem; + .xl\:leading-3 { + line-height: .75rem; } - .xl\:inset-y-2 { - top: 0.5rem; - bottom: 0.5rem; + .xl\:leading-4 { + line-height: 1rem; } - .xl\:inset-x-2 { - right: 0.5rem; - left: 0.5rem; + .xl\:leading-5 { + line-height: 1.25rem; } - .xl\:inset-y-3 { - top: 0.75rem; - bottom: 0.75rem; + .xl\:leading-6 { + line-height: 1.5rem; } - .xl\:inset-x-3 { - right: 0.75rem; - left: 0.75rem; + .xl\:leading-7 { + line-height: 1.75rem; } - .xl\:inset-y-4 { - top: 1rem; - bottom: 1rem; + .xl\:leading-8 { + line-height: 2rem; } - .xl\:inset-x-4 { - right: 1rem; - left: 1rem; + .xl\:leading-9 { + line-height: 2.25rem; } - .xl\:inset-y-5 { - top: 1.25rem; - bottom: 1.25rem; + .xl\:leading-10 { + line-height: 2.5rem; } - .xl\:inset-x-5 { - right: 1.25rem; - left: 1.25rem; + .xl\:leading-none { + line-height: 1; } - .xl\:inset-y-6 { - top: 1.5rem; - bottom: 1.5rem; + .xl\:leading-tight { + line-height: 1.25; } - .xl\:inset-x-6 { - right: 1.5rem; - left: 1.5rem; + .xl\:leading-snug { + line-height: 1.375; } - .xl\:inset-y-7 { - top: 1.75rem; - bottom: 1.75rem; + .xl\:leading-normal { + line-height: 1.5; } - .xl\:inset-x-7 { - right: 1.75rem; - left: 1.75rem; + .xl\:leading-relaxed { + line-height: 1.625; } - .xl\:inset-y-8 { - top: 2rem; - bottom: 2rem; + .xl\:leading-loose { + line-height: 2; } - .xl\:inset-x-8 { - right: 2rem; - left: 2rem; + .xl\:list-inside { + list-style-position: inside; } - .xl\:inset-y-9 { - top: 2.25rem; - bottom: 2.25rem; + .xl\:list-outside { + list-style-position: outside; } - .xl\:inset-x-9 { - right: 2.25rem; - left: 2.25rem; + .xl\:list-none { + list-style-type: none; } - .xl\:inset-y-10 { - top: 2.5rem; - bottom: 2.5rem; + .xl\:list-disc { + list-style-type: disc; } - .xl\:inset-x-10 { - right: 2.5rem; - left: 2.5rem; + .xl\:list-decimal { + list-style-type: decimal; } - .xl\:inset-y-12 { - top: 3rem; - bottom: 3rem; + .xl\:m-0 { + margin: 0; } - .xl\:inset-x-12 { - right: 3rem; - left: 3rem; + .xl\:m-1 { + margin: 0.25rem; } - .xl\:inset-y-14 { - top: 3.5rem; - bottom: 3.5rem; + .xl\:m-2 { + margin: 0.5rem; } - .xl\:inset-x-14 { - right: 3.5rem; - left: 3.5rem; + .xl\:m-3 { + margin: 0.75rem; } - .xl\:inset-y-16 { - top: 4rem; - bottom: 4rem; + .xl\:m-4 { + margin: 1rem; } - .xl\:inset-x-16 { - right: 4rem; - left: 4rem; + .xl\:m-5 { + margin: 1.25rem; } - .xl\:inset-y-20 { - top: 5rem; - bottom: 5rem; + .xl\:m-6 { + margin: 1.5rem; } - .xl\:inset-x-20 { - right: 5rem; - left: 5rem; + .xl\:m-7 { + margin: 1.75rem; } - .xl\:inset-y-24 { - top: 6rem; - bottom: 6rem; + .xl\:m-8 { + margin: 2rem; } - .xl\:inset-x-24 { - right: 6rem; - left: 6rem; + .xl\:m-9 { + margin: 2.25rem; } - .xl\:inset-y-28 { - top: 7rem; - bottom: 7rem; + .xl\:m-10 { + margin: 2.5rem; } - .xl\:inset-x-28 { - right: 7rem; - left: 7rem; + .xl\:m-12 { + margin: 3rem; } - .xl\:inset-y-32 { - top: 8rem; - bottom: 8rem; + .xl\:m-14 { + margin: 3.5rem; } - .xl\:inset-x-32 { - right: 8rem; - left: 8rem; + .xl\:m-16 { + margin: 4rem; } - .xl\:inset-y-36 { - top: 9rem; - bottom: 9rem; + .xl\:m-20 { + margin: 5rem; } - .xl\:inset-x-36 { - right: 9rem; - left: 9rem; + .xl\:m-24 { + margin: 6rem; } - .xl\:inset-y-40 { - top: 10rem; - bottom: 10rem; + .xl\:m-28 { + margin: 7rem; } - .xl\:inset-x-40 { - right: 10rem; - left: 10rem; + .xl\:m-32 { + margin: 8rem; } - .xl\:inset-y-44 { - top: 11rem; - bottom: 11rem; + .xl\:m-36 { + margin: 9rem; } - .xl\:inset-x-44 { - right: 11rem; - left: 11rem; + .xl\:m-40 { + margin: 10rem; } - .xl\:inset-y-48 { - top: 12rem; - bottom: 12rem; + .xl\:m-44 { + margin: 11rem; } - .xl\:inset-x-48 { - right: 12rem; - left: 12rem; + .xl\:m-48 { + margin: 12rem; } - .xl\:inset-y-52 { - top: 13rem; - bottom: 13rem; + .xl\:m-52 { + margin: 13rem; } - .xl\:inset-x-52 { - right: 13rem; - left: 13rem; + .xl\:m-56 { + margin: 14rem; } - .xl\:inset-y-56 { - top: 14rem; - bottom: 14rem; + .xl\:m-60 { + margin: 15rem; } - .xl\:inset-x-56 { - right: 14rem; - left: 14rem; + .xl\:m-64 { + margin: 16rem; } - .xl\:inset-y-60 { - top: 15rem; - bottom: 15rem; + .xl\:m-72 { + margin: 18rem; } - .xl\:inset-x-60 { - right: 15rem; - left: 15rem; + .xl\:m-80 { + margin: 20rem; } - .xl\:inset-y-64 { - top: 16rem; - bottom: 16rem; + .xl\:m-96 { + margin: 24rem; } - .xl\:inset-x-64 { - right: 16rem; - left: 16rem; + .xl\:m-auto { + margin: auto; } - .xl\:inset-y-72 { - top: 18rem; - bottom: 18rem; + .xl\:m-px { + margin: 1px; } - .xl\:inset-x-72 { - right: 18rem; - left: 18rem; + .xl\:m-0\.5 { + margin: 0.125rem; } - .xl\:inset-y-80 { - top: 20rem; - bottom: 20rem; + .xl\:m-1\.5 { + margin: 0.375rem; } - .xl\:inset-x-80 { - right: 20rem; - left: 20rem; + .xl\:m-2\.5 { + margin: 0.625rem; } - .xl\:inset-y-96 { - top: 24rem; - bottom: 24rem; + .xl\:m-3\.5 { + margin: 0.875rem; } - .xl\:inset-x-96 { - right: 24rem; - left: 24rem; + .xl\:-m-1 { + margin: -0.25rem; } - .xl\:inset-y-auto { - top: auto; - bottom: auto; + .xl\:-m-2 { + margin: -0.5rem; } - .xl\:inset-x-auto { - right: auto; - left: auto; + .xl\:-m-3 { + margin: -0.75rem; } - .xl\:inset-y-px { - top: 1px; - bottom: 1px; + .xl\:-m-4 { + margin: -1rem; } - .xl\:inset-x-px { - right: 1px; - left: 1px; + .xl\:-m-5 { + margin: -1.25rem; } - .xl\:inset-y-0\.5 { - top: 0.125rem; - bottom: 0.125rem; + .xl\:-m-6 { + margin: -1.5rem; } - .xl\:inset-x-0\.5 { - right: 0.125rem; - left: 0.125rem; + .xl\:-m-7 { + margin: -1.75rem; } - .xl\:inset-y-1\.5 { - top: 0.375rem; - bottom: 0.375rem; + .xl\:-m-8 { + margin: -2rem; } - .xl\:inset-x-1\.5 { - right: 0.375rem; - left: 0.375rem; + .xl\:-m-9 { + margin: -2.25rem; } - .xl\:inset-y-2\.5 { - top: 0.625rem; - bottom: 0.625rem; + .xl\:-m-10 { + margin: -2.5rem; } - .xl\:inset-x-2\.5 { - right: 0.625rem; - left: 0.625rem; + .xl\:-m-12 { + margin: -3rem; } - .xl\:inset-y-3\.5 { - top: 0.875rem; - bottom: 0.875rem; + .xl\:-m-14 { + margin: -3.5rem; } - .xl\:inset-x-3\.5 { - right: 0.875rem; - left: 0.875rem; + .xl\:-m-16 { + margin: -4rem; } - .xl\:-inset-y-1 { - top: -0.25rem; - bottom: -0.25rem; + .xl\:-m-20 { + margin: -5rem; } - .xl\:-inset-x-1 { - right: -0.25rem; - left: -0.25rem; + .xl\:-m-24 { + margin: -6rem; } - .xl\:-inset-y-2 { - top: -0.5rem; - bottom: -0.5rem; + .xl\:-m-28 { + margin: -7rem; } - .xl\:-inset-x-2 { - right: -0.5rem; - left: -0.5rem; + .xl\:-m-32 { + margin: -8rem; } - .xl\:-inset-y-3 { - top: -0.75rem; - bottom: -0.75rem; + .xl\:-m-36 { + margin: -9rem; } - .xl\:-inset-x-3 { - right: -0.75rem; - left: -0.75rem; + .xl\:-m-40 { + margin: -10rem; } - .xl\:-inset-y-4 { - top: -1rem; - bottom: -1rem; + .xl\:-m-44 { + margin: -11rem; } - .xl\:-inset-x-4 { - right: -1rem; - left: -1rem; + .xl\:-m-48 { + margin: -12rem; } - .xl\:-inset-y-5 { - top: -1.25rem; - bottom: -1.25rem; + .xl\:-m-52 { + margin: -13rem; } - .xl\:-inset-x-5 { - right: -1.25rem; - left: -1.25rem; + .xl\:-m-56 { + margin: -14rem; } - .xl\:-inset-y-6 { - top: -1.5rem; - bottom: -1.5rem; + .xl\:-m-60 { + margin: -15rem; } - .xl\:-inset-x-6 { - right: -1.5rem; - left: -1.5rem; + .xl\:-m-64 { + margin: -16rem; } - .xl\:-inset-y-7 { - top: -1.75rem; - bottom: -1.75rem; + .xl\:-m-72 { + margin: -18rem; } - .xl\:-inset-x-7 { - right: -1.75rem; - left: -1.75rem; + .xl\:-m-80 { + margin: -20rem; } - .xl\:-inset-y-8 { - top: -2rem; - bottom: -2rem; + .xl\:-m-96 { + margin: -24rem; } - .xl\:-inset-x-8 { - right: -2rem; - left: -2rem; + .xl\:-m-px { + margin: -1px; } - .xl\:-inset-y-9 { - top: -2.25rem; - bottom: -2.25rem; + .xl\:-m-0\.5 { + margin: -0.125rem; } - .xl\:-inset-x-9 { - right: -2.25rem; - left: -2.25rem; + .xl\:-m-1\.5 { + margin: -0.375rem; } - .xl\:-inset-y-10 { - top: -2.5rem; - bottom: -2.5rem; + .xl\:-m-2\.5 { + margin: -0.625rem; } - .xl\:-inset-x-10 { - right: -2.5rem; - left: -2.5rem; + .xl\:-m-3\.5 { + margin: -0.875rem; } - .xl\:-inset-y-12 { - top: -3rem; - bottom: -3rem; + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:-inset-x-12 { - right: -3rem; - left: -3rem; + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:-inset-y-14 { - top: -3.5rem; - bottom: -3.5rem; + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .xl\:-inset-x-14 { - right: -3.5rem; - left: -3.5rem; + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .xl\:-inset-y-16 { - top: -4rem; - bottom: -4rem; + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .xl\:-inset-x-16 { - right: -4rem; - left: -4rem; + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .xl\:-inset-y-20 { - top: -5rem; - bottom: -5rem; + .xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .xl\:-inset-x-20 { - right: -5rem; - left: -5rem; + .xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .xl\:-inset-y-24 { - top: -6rem; - bottom: -6rem; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:-inset-x-24 { - right: -6rem; - left: -6rem; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:-inset-y-28 { - top: -7rem; - bottom: -7rem; + .xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .xl\:-inset-x-28 { - right: -7rem; - left: -7rem; + .xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .xl\:-inset-y-32 { - top: -8rem; - bottom: -8rem; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:-inset-x-32 { - right: -8rem; - left: -8rem; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:-inset-y-36 { - top: -9rem; - bottom: -9rem; + .xl\:my-7 { + margin-top: 1.75rem; + margin-bottom: 1.75rem; } - .xl\:-inset-x-36 { - right: -9rem; - left: -9rem; + .xl\:mx-7 { + margin-left: 1.75rem; + margin-right: 1.75rem; } - .xl\:-inset-y-40 { - top: -10rem; - bottom: -10rem; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:-inset-x-40 { - right: -10rem; - left: -10rem; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:-inset-y-44 { - top: -11rem; - bottom: -11rem; + .xl\:my-9 { + margin-top: 2.25rem; + margin-bottom: 2.25rem; } - .xl\:-inset-x-44 { - right: -11rem; - left: -11rem; + .xl\:mx-9 { + margin-left: 2.25rem; + margin-right: 2.25rem; } - .xl\:-inset-y-48 { - top: -12rem; - bottom: -12rem; + .xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .xl\:-inset-x-48 { - right: -12rem; - left: -12rem; + .xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .xl\:-inset-y-52 { - top: -13rem; - bottom: -13rem; + .xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .xl\:-inset-x-52 { - right: -13rem; - left: -13rem; + .xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .xl\:-inset-y-56 { - top: -14rem; - bottom: -14rem; + .xl\:my-14 { + margin-top: 3.5rem; + margin-bottom: 3.5rem; } - .xl\:-inset-x-56 { - right: -14rem; - left: -14rem; + .xl\:mx-14 { + margin-left: 3.5rem; + margin-right: 3.5rem; } - .xl\:-inset-y-60 { - top: -15rem; - bottom: -15rem; + .xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .xl\:-inset-x-60 { - right: -15rem; - left: -15rem; + .xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .xl\:-inset-y-64 { - top: -16rem; - bottom: -16rem; + .xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .xl\:-inset-x-64 { - right: -16rem; - left: -16rem; + .xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .xl\:-inset-y-72 { - top: -18rem; - bottom: -18rem; + .xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .xl\:-inset-x-72 { - right: -18rem; - left: -18rem; + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .xl\:-inset-y-80 { - top: -20rem; - bottom: -20rem; + .xl\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; } - .xl\:-inset-x-80 { - right: -20rem; - left: -20rem; + .xl\:mx-28 { + margin-left: 7rem; + margin-right: 7rem; } - .xl\:-inset-y-96 { - top: -24rem; - bottom: -24rem; + .xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .xl\:-inset-x-96 { - right: -24rem; - left: -24rem; + .xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .xl\:-inset-y-px { - top: -1px; - bottom: -1px; + .xl\:my-36 { + margin-top: 9rem; + margin-bottom: 9rem; } - .xl\:-inset-x-px { - right: -1px; - left: -1px; + .xl\:mx-36 { + margin-left: 9rem; + margin-right: 9rem; } - .xl\:-inset-y-0\.5 { - top: -0.125rem; - bottom: -0.125rem; + .xl\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .xl\:-inset-x-0\.5 { - right: -0.125rem; - left: -0.125rem; + .xl\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .xl\:-inset-y-1\.5 { - top: -0.375rem; - bottom: -0.375rem; + .xl\:my-44 { + margin-top: 11rem; + margin-bottom: 11rem; } - .xl\:-inset-x-1\.5 { - right: -0.375rem; - left: -0.375rem; + .xl\:mx-44 { + margin-left: 11rem; + margin-right: 11rem; } - .xl\:-inset-y-2\.5 { - top: -0.625rem; - bottom: -0.625rem; + .xl\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .xl\:-inset-x-2\.5 { - right: -0.625rem; - left: -0.625rem; + .xl\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .xl\:-inset-y-3\.5 { - top: -0.875rem; - bottom: -0.875rem; + .xl\:my-52 { + margin-top: 13rem; + margin-bottom: 13rem; } - .xl\:-inset-x-3\.5 { - right: -0.875rem; - left: -0.875rem; + .xl\:mx-52 { + margin-left: 13rem; + margin-right: 13rem; } - .xl\:inset-y-1\/2 { - top: 50%; - bottom: 50%; + .xl\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .xl\:inset-x-1\/2 { - right: 50%; - left: 50%; + .xl\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .xl\:inset-y-1\/3 { - top: 33.333333%; - bottom: 33.333333%; + .xl\:my-60 { + margin-top: 15rem; + margin-bottom: 15rem; } - .xl\:inset-x-1\/3 { - right: 33.333333%; - left: 33.333333%; + .xl\:mx-60 { + margin-left: 15rem; + margin-right: 15rem; } - .xl\:inset-y-2\/3 { - top: 66.666667%; - bottom: 66.666667%; + .xl\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .xl\:inset-x-2\/3 { - right: 66.666667%; - left: 66.666667%; + .xl\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .xl\:inset-y-1\/4 { - top: 25%; - bottom: 25%; + .xl\:my-72 { + margin-top: 18rem; + margin-bottom: 18rem; } - .xl\:inset-x-1\/4 { - right: 25%; - left: 25%; + .xl\:mx-72 { + margin-left: 18rem; + margin-right: 18rem; } - .xl\:inset-y-2\/4 { - top: 50%; - bottom: 50%; + .xl\:my-80 { + margin-top: 20rem; + margin-bottom: 20rem; } - .xl\:inset-x-2\/4 { - right: 50%; - left: 50%; + .xl\:mx-80 { + margin-left: 20rem; + margin-right: 20rem; } - .xl\:inset-y-3\/4 { - top: 75%; - bottom: 75%; + .xl\:my-96 { + margin-top: 24rem; + margin-bottom: 24rem; } - .xl\:inset-x-3\/4 { - right: 75%; - left: 75%; + .xl\:mx-96 { + margin-left: 24rem; + margin-right: 24rem; } - .xl\:inset-y-full { - top: 100%; - bottom: 100%; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:inset-x-full { - right: 100%; - left: 100%; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:-inset-y-1\/2 { - top: -50%; - bottom: -50%; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:-inset-x-1\/2 { - right: -50%; - left: -50%; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:-inset-y-1\/3 { - top: -33.333333%; - bottom: -33.333333%; + .xl\:my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; } - .xl\:-inset-x-1\/3 { - right: -33.333333%; - left: -33.333333%; + .xl\:mx-0\.5 { + margin-left: 0.125rem; + margin-right: 0.125rem; } - .xl\:-inset-y-2\/3 { - top: -66.666667%; - bottom: -66.666667%; + .xl\:my-1\.5 { + margin-top: 0.375rem; + margin-bottom: 0.375rem; } - .xl\:-inset-x-2\/3 { - right: -66.666667%; - left: -66.666667%; + .xl\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; } - .xl\:-inset-y-1\/4 { - top: -25%; - bottom: -25%; + .xl\:my-2\.5 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } - .xl\:-inset-x-1\/4 { - right: -25%; - left: -25%; + .xl\:mx-2\.5 { + margin-left: 0.625rem; + margin-right: 0.625rem; } - .xl\:-inset-y-2\/4 { - top: -50%; - bottom: -50%; + .xl\:my-3\.5 { + margin-top: 0.875rem; + margin-bottom: 0.875rem; } - .xl\:-inset-x-2\/4 { - right: -50%; - left: -50%; + .xl\:mx-3\.5 { + margin-left: 0.875rem; + margin-right: 0.875rem; } - .xl\:-inset-y-3\/4 { - top: -75%; - bottom: -75%; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:-inset-x-3\/4 { - right: -75%; - left: -75%; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:-inset-y-full { - top: -100%; - bottom: -100%; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:-inset-x-full { - right: -100%; - left: -100%; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:top-0 { - top: 0; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:right-0 { - right: 0; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:bottom-0 { - bottom: 0; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:left-0 { - left: 0; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:top-1 { - top: 0.25rem; + .xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .xl\:right-1 { - right: 0.25rem; + .xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .xl\:bottom-1 { - bottom: 0.25rem; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:left-1 { - left: 0.25rem; + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:top-2 { - top: 0.5rem; + .xl\:-my-7 { + margin-top: -1.75rem; + margin-bottom: -1.75rem; } - .xl\:right-2 { - right: 0.5rem; + .xl\:-mx-7 { + margin-left: -1.75rem; + margin-right: -1.75rem; } - .xl\:bottom-2 { - bottom: 0.5rem; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:left-2 { - left: 0.5rem; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:top-3 { - top: 0.75rem; + .xl\:-my-9 { + margin-top: -2.25rem; + margin-bottom: -2.25rem; } - .xl\:right-3 { - right: 0.75rem; + .xl\:-mx-9 { + margin-left: -2.25rem; + margin-right: -2.25rem; } - .xl\:bottom-3 { - bottom: 0.75rem; + .xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .xl\:left-3 { - left: 0.75rem; + .xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .xl\:top-4 { - top: 1rem; + .xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .xl\:right-4 { - right: 1rem; + .xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .xl\:bottom-4 { - bottom: 1rem; + .xl\:-my-14 { + margin-top: -3.5rem; + margin-bottom: -3.5rem; } - .xl\:left-4 { - left: 1rem; + .xl\:-mx-14 { + margin-left: -3.5rem; + margin-right: -3.5rem; } - .xl\:top-5 { - top: 1.25rem; + .xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .xl\:right-5 { - right: 1.25rem; + .xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .xl\:bottom-5 { - bottom: 1.25rem; + .xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .xl\:left-5 { - left: 1.25rem; + .xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .xl\:top-6 { - top: 1.5rem; + .xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .xl\:right-6 { - right: 1.5rem; + .xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .xl\:bottom-6 { - bottom: 1.5rem; + .xl\:-my-28 { + margin-top: -7rem; + margin-bottom: -7rem; } - .xl\:left-6 { - left: 1.5rem; + .xl\:-mx-28 { + margin-left: -7rem; + margin-right: -7rem; } - .xl\:top-7 { - top: 1.75rem; + .xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .xl\:right-7 { - right: 1.75rem; + .xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .xl\:bottom-7 { - bottom: 1.75rem; + .xl\:-my-36 { + margin-top: -9rem; + margin-bottom: -9rem; } - .xl\:left-7 { - left: 1.75rem; + .xl\:-mx-36 { + margin-left: -9rem; + margin-right: -9rem; } - .xl\:top-8 { - top: 2rem; + .xl\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .xl\:right-8 { - right: 2rem; + .xl\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .xl\:bottom-8 { - bottom: 2rem; + .xl\:-my-44 { + margin-top: -11rem; + margin-bottom: -11rem; } - .xl\:left-8 { - left: 2rem; + .xl\:-mx-44 { + margin-left: -11rem; + margin-right: -11rem; } - .xl\:top-9 { - top: 2.25rem; + .xl\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .xl\:right-9 { - right: 2.25rem; + .xl\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .xl\:bottom-9 { - bottom: 2.25rem; + .xl\:-my-52 { + margin-top: -13rem; + margin-bottom: -13rem; } - .xl\:left-9 { - left: 2.25rem; + .xl\:-mx-52 { + margin-left: -13rem; + margin-right: -13rem; } - .xl\:top-10 { - top: 2.5rem; + .xl\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .xl\:right-10 { - right: 2.5rem; + .xl\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .xl\:bottom-10 { - bottom: 2.5rem; + .xl\:-my-60 { + margin-top: -15rem; + margin-bottom: -15rem; } - .xl\:left-10 { - left: 2.5rem; + .xl\:-mx-60 { + margin-left: -15rem; + margin-right: -15rem; } - .xl\:top-12 { - top: 3rem; + .xl\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .xl\:right-12 { - right: 3rem; + .xl\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .xl\:bottom-12 { - bottom: 3rem; + .xl\:-my-72 { + margin-top: -18rem; + margin-bottom: -18rem; } - .xl\:left-12 { - left: 3rem; + .xl\:-mx-72 { + margin-left: -18rem; + margin-right: -18rem; } - .xl\:top-14 { - top: 3.5rem; + .xl\:-my-80 { + margin-top: -20rem; + margin-bottom: -20rem; } - .xl\:right-14 { - right: 3.5rem; + .xl\:-mx-80 { + margin-left: -20rem; + margin-right: -20rem; } - .xl\:bottom-14 { - bottom: 3.5rem; + .xl\:-my-96 { + margin-top: -24rem; + margin-bottom: -24rem; } - .xl\:left-14 { - left: 3.5rem; + .xl\:-mx-96 { + margin-left: -24rem; + margin-right: -24rem; } - .xl\:top-16 { - top: 4rem; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:right-16 { - right: 4rem; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:bottom-16 { - bottom: 4rem; + .xl\:-my-0\.5 { + margin-top: -0.125rem; + margin-bottom: -0.125rem; } - .xl\:left-16 { - left: 4rem; + .xl\:-mx-0\.5 { + margin-left: -0.125rem; + margin-right: -0.125rem; } - .xl\:top-20 { - top: 5rem; + .xl\:-my-1\.5 { + margin-top: -0.375rem; + margin-bottom: -0.375rem; } - .xl\:right-20 { - right: 5rem; + .xl\:-mx-1\.5 { + margin-left: -0.375rem; + margin-right: -0.375rem; } - .xl\:bottom-20 { - bottom: 5rem; + .xl\:-my-2\.5 { + margin-top: -0.625rem; + margin-bottom: -0.625rem; } - .xl\:left-20 { - left: 5rem; + .xl\:-mx-2\.5 { + margin-left: -0.625rem; + margin-right: -0.625rem; } - .xl\:top-24 { - top: 6rem; + .xl\:-my-3\.5 { + margin-top: -0.875rem; + margin-bottom: -0.875rem; } - .xl\:right-24 { - right: 6rem; + .xl\:-mx-3\.5 { + margin-left: -0.875rem; + margin-right: -0.875rem; } - .xl\:bottom-24 { - bottom: 6rem; + .xl\:mt-0 { + margin-top: 0; } - .xl\:left-24 { - left: 6rem; + .xl\:mr-0 { + margin-right: 0; } - .xl\:top-28 { - top: 7rem; + .xl\:mb-0 { + margin-bottom: 0; } - .xl\:right-28 { - right: 7rem; + .xl\:ml-0 { + margin-left: 0; } - .xl\:bottom-28 { - bottom: 7rem; + .xl\:mt-1 { + margin-top: 0.25rem; } - .xl\:left-28 { - left: 7rem; + .xl\:mr-1 { + margin-right: 0.25rem; } - .xl\:top-32 { - top: 8rem; + .xl\:mb-1 { + margin-bottom: 0.25rem; } - .xl\:right-32 { - right: 8rem; + .xl\:ml-1 { + margin-left: 0.25rem; } - .xl\:bottom-32 { - bottom: 8rem; + .xl\:mt-2 { + margin-top: 0.5rem; } - .xl\:left-32 { - left: 8rem; + .xl\:mr-2 { + margin-right: 0.5rem; } - .xl\:top-36 { - top: 9rem; + .xl\:mb-2 { + margin-bottom: 0.5rem; } - .xl\:right-36 { - right: 9rem; + .xl\:ml-2 { + margin-left: 0.5rem; } - .xl\:bottom-36 { - bottom: 9rem; + .xl\:mt-3 { + margin-top: 0.75rem; } - .xl\:left-36 { - left: 9rem; + .xl\:mr-3 { + margin-right: 0.75rem; } - .xl\:top-40 { - top: 10rem; + .xl\:mb-3 { + margin-bottom: 0.75rem; } - .xl\:right-40 { - right: 10rem; + .xl\:ml-3 { + margin-left: 0.75rem; } - .xl\:bottom-40 { - bottom: 10rem; + .xl\:mt-4 { + margin-top: 1rem; } - .xl\:left-40 { - left: 10rem; + .xl\:mr-4 { + margin-right: 1rem; } - .xl\:top-44 { - top: 11rem; + .xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:right-44 { - right: 11rem; + .xl\:ml-4 { + margin-left: 1rem; } - .xl\:bottom-44 { - bottom: 11rem; + .xl\:mt-5 { + margin-top: 1.25rem; } - .xl\:left-44 { - left: 11rem; + .xl\:mr-5 { + margin-right: 1.25rem; } - .xl\:top-48 { - top: 12rem; + .xl\:mb-5 { + margin-bottom: 1.25rem; } - .xl\:right-48 { - right: 12rem; + .xl\:ml-5 { + margin-left: 1.25rem; } - .xl\:bottom-48 { - bottom: 12rem; + .xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:left-48 { - left: 12rem; + .xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:top-52 { - top: 13rem; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:right-52 { - right: 13rem; + .xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:bottom-52 { - bottom: 13rem; + .xl\:mt-7 { + margin-top: 1.75rem; } - .xl\:left-52 { - left: 13rem; + .xl\:mr-7 { + margin-right: 1.75rem; } - .xl\:top-56 { - top: 14rem; + .xl\:mb-7 { + margin-bottom: 1.75rem; } - .xl\:right-56 { - right: 14rem; + .xl\:ml-7 { + margin-left: 1.75rem; } - .xl\:bottom-56 { - bottom: 14rem; + .xl\:mt-8 { + margin-top: 2rem; } - .xl\:left-56 { - left: 14rem; + .xl\:mr-8 { + margin-right: 2rem; } - .xl\:top-60 { - top: 15rem; + .xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:right-60 { - right: 15rem; + .xl\:ml-8 { + margin-left: 2rem; } - .xl\:bottom-60 { - bottom: 15rem; + .xl\:mt-9 { + margin-top: 2.25rem; } - .xl\:left-60 { - left: 15rem; + .xl\:mr-9 { + margin-right: 2.25rem; } - .xl\:top-64 { - top: 16rem; + .xl\:mb-9 { + margin-bottom: 2.25rem; } - .xl\:right-64 { - right: 16rem; + .xl\:ml-9 { + margin-left: 2.25rem; } - .xl\:bottom-64 { - bottom: 16rem; + .xl\:mt-10 { + margin-top: 2.5rem; } - .xl\:left-64 { - left: 16rem; + .xl\:mr-10 { + margin-right: 2.5rem; } - .xl\:top-72 { - top: 18rem; + .xl\:mb-10 { + margin-bottom: 2.5rem; } - .xl\:right-72 { - right: 18rem; + .xl\:ml-10 { + margin-left: 2.5rem; } - .xl\:bottom-72 { - bottom: 18rem; + .xl\:mt-12 { + margin-top: 3rem; } - .xl\:left-72 { - left: 18rem; + .xl\:mr-12 { + margin-right: 3rem; } - .xl\:top-80 { - top: 20rem; + .xl\:mb-12 { + margin-bottom: 3rem; } - .xl\:right-80 { - right: 20rem; + .xl\:ml-12 { + margin-left: 3rem; } - .xl\:bottom-80 { - bottom: 20rem; + .xl\:mt-14 { + margin-top: 3.5rem; } - .xl\:left-80 { - left: 20rem; + .xl\:mr-14 { + margin-right: 3.5rem; } - .xl\:top-96 { - top: 24rem; + .xl\:mb-14 { + margin-bottom: 3.5rem; } - .xl\:right-96 { - right: 24rem; + .xl\:ml-14 { + margin-left: 3.5rem; } - .xl\:bottom-96 { - bottom: 24rem; + .xl\:mt-16 { + margin-top: 4rem; } - .xl\:left-96 { - left: 24rem; + .xl\:mr-16 { + margin-right: 4rem; } - .xl\:top-auto { - top: auto; + .xl\:mb-16 { + margin-bottom: 4rem; } - .xl\:right-auto { - right: auto; + .xl\:ml-16 { + margin-left: 4rem; } - .xl\:bottom-auto { - bottom: auto; + .xl\:mt-20 { + margin-top: 5rem; } - .xl\:left-auto { - left: auto; + .xl\:mr-20 { + margin-right: 5rem; } - .xl\:top-px { - top: 1px; + .xl\:mb-20 { + margin-bottom: 5rem; } - .xl\:right-px { - right: 1px; + .xl\:ml-20 { + margin-left: 5rem; } - .xl\:bottom-px { - bottom: 1px; + .xl\:mt-24 { + margin-top: 6rem; } - .xl\:left-px { - left: 1px; + .xl\:mr-24 { + margin-right: 6rem; } - .xl\:top-0\.5 { - top: 0.125rem; + .xl\:mb-24 { + margin-bottom: 6rem; } - .xl\:right-0\.5 { - right: 0.125rem; + .xl\:ml-24 { + margin-left: 6rem; } - .xl\:bottom-0\.5 { - bottom: 0.125rem; + .xl\:mt-28 { + margin-top: 7rem; } - .xl\:left-0\.5 { - left: 0.125rem; + .xl\:mr-28 { + margin-right: 7rem; } - .xl\:top-1\.5 { - top: 0.375rem; + .xl\:mb-28 { + margin-bottom: 7rem; } - .xl\:right-1\.5 { - right: 0.375rem; + .xl\:ml-28 { + margin-left: 7rem; } - .xl\:bottom-1\.5 { - bottom: 0.375rem; + .xl\:mt-32 { + margin-top: 8rem; } - .xl\:left-1\.5 { - left: 0.375rem; + .xl\:mr-32 { + margin-right: 8rem; } - .xl\:top-2\.5 { - top: 0.625rem; + .xl\:mb-32 { + margin-bottom: 8rem; } - .xl\:right-2\.5 { - right: 0.625rem; + .xl\:ml-32 { + margin-left: 8rem; } - .xl\:bottom-2\.5 { - bottom: 0.625rem; + .xl\:mt-36 { + margin-top: 9rem; } - .xl\:left-2\.5 { - left: 0.625rem; + .xl\:mr-36 { + margin-right: 9rem; } - .xl\:top-3\.5 { - top: 0.875rem; + .xl\:mb-36 { + margin-bottom: 9rem; } - .xl\:right-3\.5 { - right: 0.875rem; + .xl\:ml-36 { + margin-left: 9rem; } - .xl\:bottom-3\.5 { - bottom: 0.875rem; + .xl\:mt-40 { + margin-top: 10rem; } - .xl\:left-3\.5 { - left: 0.875rem; + .xl\:mr-40 { + margin-right: 10rem; } - .xl\:-top-1 { - top: -0.25rem; + .xl\:mb-40 { + margin-bottom: 10rem; } - .xl\:-right-1 { - right: -0.25rem; + .xl\:ml-40 { + margin-left: 10rem; } - .xl\:-bottom-1 { - bottom: -0.25rem; + .xl\:mt-44 { + margin-top: 11rem; } - .xl\:-left-1 { - left: -0.25rem; + .xl\:mr-44 { + margin-right: 11rem; } - .xl\:-top-2 { - top: -0.5rem; + .xl\:mb-44 { + margin-bottom: 11rem; } - .xl\:-right-2 { - right: -0.5rem; + .xl\:ml-44 { + margin-left: 11rem; } - .xl\:-bottom-2 { - bottom: -0.5rem; + .xl\:mt-48 { + margin-top: 12rem; } - .xl\:-left-2 { - left: -0.5rem; + .xl\:mr-48 { + margin-right: 12rem; } - .xl\:-top-3 { - top: -0.75rem; + .xl\:mb-48 { + margin-bottom: 12rem; } - .xl\:-right-3 { - right: -0.75rem; + .xl\:ml-48 { + margin-left: 12rem; } - .xl\:-bottom-3 { - bottom: -0.75rem; + .xl\:mt-52 { + margin-top: 13rem; } - .xl\:-left-3 { - left: -0.75rem; + .xl\:mr-52 { + margin-right: 13rem; } - .xl\:-top-4 { - top: -1rem; + .xl\:mb-52 { + margin-bottom: 13rem; } - .xl\:-right-4 { - right: -1rem; + .xl\:ml-52 { + margin-left: 13rem; } - .xl\:-bottom-4 { - bottom: -1rem; + .xl\:mt-56 { + margin-top: 14rem; } - .xl\:-left-4 { - left: -1rem; + .xl\:mr-56 { + margin-right: 14rem; } - .xl\:-top-5 { - top: -1.25rem; + .xl\:mb-56 { + margin-bottom: 14rem; } - .xl\:-right-5 { - right: -1.25rem; + .xl\:ml-56 { + margin-left: 14rem; } - .xl\:-bottom-5 { - bottom: -1.25rem; + .xl\:mt-60 { + margin-top: 15rem; } - .xl\:-left-5 { - left: -1.25rem; + .xl\:mr-60 { + margin-right: 15rem; } - .xl\:-top-6 { - top: -1.5rem; + .xl\:mb-60 { + margin-bottom: 15rem; } - .xl\:-right-6 { - right: -1.5rem; + .xl\:ml-60 { + margin-left: 15rem; } - .xl\:-bottom-6 { - bottom: -1.5rem; + .xl\:mt-64 { + margin-top: 16rem; } - .xl\:-left-6 { - left: -1.5rem; + .xl\:mr-64 { + margin-right: 16rem; } - .xl\:-top-7 { - top: -1.75rem; + .xl\:mb-64 { + margin-bottom: 16rem; } - .xl\:-right-7 { - right: -1.75rem; + .xl\:ml-64 { + margin-left: 16rem; } - .xl\:-bottom-7 { - bottom: -1.75rem; + .xl\:mt-72 { + margin-top: 18rem; } - .xl\:-left-7 { - left: -1.75rem; + .xl\:mr-72 { + margin-right: 18rem; } - .xl\:-top-8 { - top: -2rem; + .xl\:mb-72 { + margin-bottom: 18rem; } - .xl\:-right-8 { - right: -2rem; + .xl\:ml-72 { + margin-left: 18rem; } - .xl\:-bottom-8 { - bottom: -2rem; + .xl\:mt-80 { + margin-top: 20rem; } - .xl\:-left-8 { - left: -2rem; + .xl\:mr-80 { + margin-right: 20rem; } - .xl\:-top-9 { - top: -2.25rem; + .xl\:mb-80 { + margin-bottom: 20rem; } - .xl\:-right-9 { - right: -2.25rem; + .xl\:ml-80 { + margin-left: 20rem; } - .xl\:-bottom-9 { - bottom: -2.25rem; + .xl\:mt-96 { + margin-top: 24rem; } - .xl\:-left-9 { - left: -2.25rem; + .xl\:mr-96 { + margin-right: 24rem; } - .xl\:-top-10 { - top: -2.5rem; + .xl\:mb-96 { + margin-bottom: 24rem; } - .xl\:-right-10 { - right: -2.5rem; + .xl\:ml-96 { + margin-left: 24rem; } - .xl\:-bottom-10 { - bottom: -2.5rem; + .xl\:mt-auto { + margin-top: auto; } - .xl\:-left-10 { - left: -2.5rem; + .xl\:mr-auto { + margin-right: auto; } - .xl\:-top-12 { - top: -3rem; + .xl\:mb-auto { + margin-bottom: auto; } - .xl\:-right-12 { - right: -3rem; + .xl\:ml-auto { + margin-left: auto; } - .xl\:-bottom-12 { - bottom: -3rem; + .xl\:mt-px { + margin-top: 1px; } - .xl\:-left-12 { - left: -3rem; + .xl\:mr-px { + margin-right: 1px; } - .xl\:-top-14 { - top: -3.5rem; + .xl\:mb-px { + margin-bottom: 1px; } - .xl\:-right-14 { - right: -3.5rem; + .xl\:ml-px { + margin-left: 1px; } - .xl\:-bottom-14 { - bottom: -3.5rem; + .xl\:mt-0\.5 { + margin-top: 0.125rem; } - .xl\:-left-14 { - left: -3.5rem; + .xl\:mr-0\.5 { + margin-right: 0.125rem; } - .xl\:-top-16 { - top: -4rem; + .xl\:mb-0\.5 { + margin-bottom: 0.125rem; } - .xl\:-right-16 { - right: -4rem; + .xl\:ml-0\.5 { + margin-left: 0.125rem; } - .xl\:-bottom-16 { - bottom: -4rem; + .xl\:mt-1\.5 { + margin-top: 0.375rem; } - .xl\:-left-16 { - left: -4rem; + .xl\:mr-1\.5 { + margin-right: 0.375rem; } - .xl\:-top-20 { - top: -5rem; + .xl\:mb-1\.5 { + margin-bottom: 0.375rem; } - .xl\:-right-20 { - right: -5rem; + .xl\:ml-1\.5 { + margin-left: 0.375rem; } - .xl\:-bottom-20 { - bottom: -5rem; + .xl\:mt-2\.5 { + margin-top: 0.625rem; } - .xl\:-left-20 { - left: -5rem; + .xl\:mr-2\.5 { + margin-right: 0.625rem; } - .xl\:-top-24 { - top: -6rem; + .xl\:mb-2\.5 { + margin-bottom: 0.625rem; } - .xl\:-right-24 { - right: -6rem; + .xl\:ml-2\.5 { + margin-left: 0.625rem; } - .xl\:-bottom-24 { - bottom: -6rem; + .xl\:mt-3\.5 { + margin-top: 0.875rem; } - .xl\:-left-24 { - left: -6rem; + .xl\:mr-3\.5 { + margin-right: 0.875rem; } - .xl\:-top-28 { - top: -7rem; + .xl\:mb-3\.5 { + margin-bottom: 0.875rem; } - .xl\:-right-28 { - right: -7rem; + .xl\:ml-3\.5 { + margin-left: 0.875rem; } - .xl\:-bottom-28 { - bottom: -7rem; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:-left-28 { - left: -7rem; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:-top-32 { - top: -8rem; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:-right-32 { - right: -8rem; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:-bottom-32 { - bottom: -8rem; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:-left-32 { - left: -8rem; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:-top-36 { - top: -9rem; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:-right-36 { - right: -9rem; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:-bottom-36 { - bottom: -9rem; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:-left-36 { - left: -9rem; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:-top-40 { - top: -10rem; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:-right-40 { - right: -10rem; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:-bottom-40 { - bottom: -10rem; + .xl\:-mt-4 { + margin-top: -1rem; } - .xl\:-left-40 { - left: -10rem; + .xl\:-mr-4 { + margin-right: -1rem; } - .xl\:-top-44 { - top: -11rem; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:-right-44 { - right: -11rem; + .xl\:-ml-4 { + margin-left: -1rem; } - .xl\:-bottom-44 { - bottom: -11rem; + .xl\:-mt-5 { + margin-top: -1.25rem; } - .xl\:-left-44 { - left: -11rem; + .xl\:-mr-5 { + margin-right: -1.25rem; } - .xl\:-top-48 { - top: -12rem; + .xl\:-mb-5 { + margin-bottom: -1.25rem; } - .xl\:-right-48 { - right: -12rem; + .xl\:-ml-5 { + margin-left: -1.25rem; } - .xl\:-bottom-48 { - bottom: -12rem; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:-left-48 { - left: -12rem; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:-top-52 { - top: -13rem; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:-right-52 { - right: -13rem; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:-bottom-52 { - bottom: -13rem; + .xl\:-mt-7 { + margin-top: -1.75rem; } - .xl\:-left-52 { - left: -13rem; + .xl\:-mr-7 { + margin-right: -1.75rem; } - .xl\:-top-56 { - top: -14rem; + .xl\:-mb-7 { + margin-bottom: -1.75rem; } - .xl\:-right-56 { - right: -14rem; + .xl\:-ml-7 { + margin-left: -1.75rem; } - .xl\:-bottom-56 { - bottom: -14rem; + .xl\:-mt-8 { + margin-top: -2rem; } - .xl\:-left-56 { - left: -14rem; + .xl\:-mr-8 { + margin-right: -2rem; } - .xl\:-top-60 { - top: -15rem; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:-right-60 { - right: -15rem; + .xl\:-ml-8 { + margin-left: -2rem; } - .xl\:-bottom-60 { - bottom: -15rem; + .xl\:-mt-9 { + margin-top: -2.25rem; } - .xl\:-left-60 { - left: -15rem; + .xl\:-mr-9 { + margin-right: -2.25rem; } - .xl\:-top-64 { - top: -16rem; + .xl\:-mb-9 { + margin-bottom: -2.25rem; } - .xl\:-right-64 { - right: -16rem; + .xl\:-ml-9 { + margin-left: -2.25rem; } - .xl\:-bottom-64 { - bottom: -16rem; + .xl\:-mt-10 { + margin-top: -2.5rem; } - .xl\:-left-64 { - left: -16rem; + .xl\:-mr-10 { + margin-right: -2.5rem; } - .xl\:-top-72 { - top: -18rem; + .xl\:-mb-10 { + margin-bottom: -2.5rem; } - .xl\:-right-72 { - right: -18rem; + .xl\:-ml-10 { + margin-left: -2.5rem; } - .xl\:-bottom-72 { - bottom: -18rem; + .xl\:-mt-12 { + margin-top: -3rem; } - .xl\:-left-72 { - left: -18rem; + .xl\:-mr-12 { + margin-right: -3rem; } - .xl\:-top-80 { - top: -20rem; + .xl\:-mb-12 { + margin-bottom: -3rem; } - .xl\:-right-80 { - right: -20rem; + .xl\:-ml-12 { + margin-left: -3rem; } - .xl\:-bottom-80 { - bottom: -20rem; + .xl\:-mt-14 { + margin-top: -3.5rem; } - .xl\:-left-80 { - left: -20rem; + .xl\:-mr-14 { + margin-right: -3.5rem; } - .xl\:-top-96 { - top: -24rem; + .xl\:-mb-14 { + margin-bottom: -3.5rem; } - .xl\:-right-96 { - right: -24rem; + .xl\:-ml-14 { + margin-left: -3.5rem; } - .xl\:-bottom-96 { - bottom: -24rem; + .xl\:-mt-16 { + margin-top: -4rem; } - .xl\:-left-96 { - left: -24rem; + .xl\:-mr-16 { + margin-right: -4rem; } - .xl\:-top-px { - top: -1px; + .xl\:-mb-16 { + margin-bottom: -4rem; } - .xl\:-right-px { - right: -1px; + .xl\:-ml-16 { + margin-left: -4rem; } - .xl\:-bottom-px { - bottom: -1px; + .xl\:-mt-20 { + margin-top: -5rem; } - .xl\:-left-px { - left: -1px; + .xl\:-mr-20 { + margin-right: -5rem; } - .xl\:-top-0\.5 { - top: -0.125rem; + .xl\:-mb-20 { + margin-bottom: -5rem; } - .xl\:-right-0\.5 { - right: -0.125rem; + .xl\:-ml-20 { + margin-left: -5rem; } - .xl\:-bottom-0\.5 { - bottom: -0.125rem; + .xl\:-mt-24 { + margin-top: -6rem; } - .xl\:-left-0\.5 { - left: -0.125rem; + .xl\:-mr-24 { + margin-right: -6rem; } - .xl\:-top-1\.5 { - top: -0.375rem; + .xl\:-mb-24 { + margin-bottom: -6rem; } - .xl\:-right-1\.5 { - right: -0.375rem; + .xl\:-ml-24 { + margin-left: -6rem; } - .xl\:-bottom-1\.5 { - bottom: -0.375rem; + .xl\:-mt-28 { + margin-top: -7rem; } - .xl\:-left-1\.5 { - left: -0.375rem; + .xl\:-mr-28 { + margin-right: -7rem; } - .xl\:-top-2\.5 { - top: -0.625rem; + .xl\:-mb-28 { + margin-bottom: -7rem; } - .xl\:-right-2\.5 { - right: -0.625rem; + .xl\:-ml-28 { + margin-left: -7rem; } - .xl\:-bottom-2\.5 { - bottom: -0.625rem; + .xl\:-mt-32 { + margin-top: -8rem; } - .xl\:-left-2\.5 { - left: -0.625rem; + .xl\:-mr-32 { + margin-right: -8rem; } - .xl\:-top-3\.5 { - top: -0.875rem; + .xl\:-mb-32 { + margin-bottom: -8rem; } - .xl\:-right-3\.5 { - right: -0.875rem; + .xl\:-ml-32 { + margin-left: -8rem; } - .xl\:-bottom-3\.5 { - bottom: -0.875rem; + .xl\:-mt-36 { + margin-top: -9rem; } - .xl\:-left-3\.5 { - left: -0.875rem; + .xl\:-mr-36 { + margin-right: -9rem; } - .xl\:top-1\/2 { - top: 50%; + .xl\:-mb-36 { + margin-bottom: -9rem; } - .xl\:right-1\/2 { - right: 50%; + .xl\:-ml-36 { + margin-left: -9rem; } - .xl\:bottom-1\/2 { - bottom: 50%; + .xl\:-mt-40 { + margin-top: -10rem; } - .xl\:left-1\/2 { - left: 50%; + .xl\:-mr-40 { + margin-right: -10rem; } - .xl\:top-1\/3 { - top: 33.333333%; + .xl\:-mb-40 { + margin-bottom: -10rem; } - .xl\:right-1\/3 { - right: 33.333333%; + .xl\:-ml-40 { + margin-left: -10rem; } - .xl\:bottom-1\/3 { - bottom: 33.333333%; + .xl\:-mt-44 { + margin-top: -11rem; } - .xl\:left-1\/3 { - left: 33.333333%; + .xl\:-mr-44 { + margin-right: -11rem; } - .xl\:top-2\/3 { - top: 66.666667%; + .xl\:-mb-44 { + margin-bottom: -11rem; } - .xl\:right-2\/3 { - right: 66.666667%; + .xl\:-ml-44 { + margin-left: -11rem; } - .xl\:bottom-2\/3 { - bottom: 66.666667%; + .xl\:-mt-48 { + margin-top: -12rem; } - .xl\:left-2\/3 { - left: 66.666667%; + .xl\:-mr-48 { + margin-right: -12rem; } - .xl\:top-1\/4 { - top: 25%; + .xl\:-mb-48 { + margin-bottom: -12rem; } - .xl\:right-1\/4 { - right: 25%; + .xl\:-ml-48 { + margin-left: -12rem; } - .xl\:bottom-1\/4 { - bottom: 25%; + .xl\:-mt-52 { + margin-top: -13rem; } - .xl\:left-1\/4 { - left: 25%; + .xl\:-mr-52 { + margin-right: -13rem; } - .xl\:top-2\/4 { - top: 50%; + .xl\:-mb-52 { + margin-bottom: -13rem; } - .xl\:right-2\/4 { - right: 50%; + .xl\:-ml-52 { + margin-left: -13rem; } - .xl\:bottom-2\/4 { - bottom: 50%; + .xl\:-mt-56 { + margin-top: -14rem; } - .xl\:left-2\/4 { - left: 50%; + .xl\:-mr-56 { + margin-right: -14rem; } - .xl\:top-3\/4 { - top: 75%; + .xl\:-mb-56 { + margin-bottom: -14rem; } - .xl\:right-3\/4 { - right: 75%; + .xl\:-ml-56 { + margin-left: -14rem; } - .xl\:bottom-3\/4 { - bottom: 75%; + .xl\:-mt-60 { + margin-top: -15rem; } - .xl\:left-3\/4 { - left: 75%; + .xl\:-mr-60 { + margin-right: -15rem; } - .xl\:top-full { - top: 100%; + .xl\:-mb-60 { + margin-bottom: -15rem; } - .xl\:right-full { - right: 100%; + .xl\:-ml-60 { + margin-left: -15rem; } - .xl\:bottom-full { - bottom: 100%; + .xl\:-mt-64 { + margin-top: -16rem; } - .xl\:left-full { - left: 100%; + .xl\:-mr-64 { + margin-right: -16rem; } - .xl\:-top-1\/2 { - top: -50%; + .xl\:-mb-64 { + margin-bottom: -16rem; } - .xl\:-right-1\/2 { - right: -50%; + .xl\:-ml-64 { + margin-left: -16rem; } - .xl\:-bottom-1\/2 { - bottom: -50%; + .xl\:-mt-72 { + margin-top: -18rem; } - .xl\:-left-1\/2 { - left: -50%; + .xl\:-mr-72 { + margin-right: -18rem; } - .xl\:-top-1\/3 { - top: -33.333333%; + .xl\:-mb-72 { + margin-bottom: -18rem; } - .xl\:-right-1\/3 { - right: -33.333333%; + .xl\:-ml-72 { + margin-left: -18rem; } - .xl\:-bottom-1\/3 { - bottom: -33.333333%; + .xl\:-mt-80 { + margin-top: -20rem; } - .xl\:-left-1\/3 { - left: -33.333333%; + .xl\:-mr-80 { + margin-right: -20rem; } - .xl\:-top-2\/3 { - top: -66.666667%; + .xl\:-mb-80 { + margin-bottom: -20rem; } - .xl\:-right-2\/3 { - right: -66.666667%; + .xl\:-ml-80 { + margin-left: -20rem; } - .xl\:-bottom-2\/3 { - bottom: -66.666667%; + .xl\:-mt-96 { + margin-top: -24rem; } - .xl\:-left-2\/3 { - left: -66.666667%; + .xl\:-mr-96 { + margin-right: -24rem; } - .xl\:-top-1\/4 { - top: -25%; + .xl\:-mb-96 { + margin-bottom: -24rem; } - .xl\:-right-1\/4 { - right: -25%; + .xl\:-ml-96 { + margin-left: -24rem; } - .xl\:-bottom-1\/4 { - bottom: -25%; + .xl\:-mt-px { + margin-top: -1px; } - .xl\:-left-1\/4 { - left: -25%; + .xl\:-mr-px { + margin-right: -1px; } - .xl\:-top-2\/4 { - top: -50%; + .xl\:-mb-px { + margin-bottom: -1px; } - .xl\:-right-2\/4 { - right: -50%; + .xl\:-ml-px { + margin-left: -1px; } - .xl\:-bottom-2\/4 { - bottom: -50%; + .xl\:-mt-0\.5 { + margin-top: -0.125rem; } - .xl\:-left-2\/4 { - left: -50%; + .xl\:-mr-0\.5 { + margin-right: -0.125rem; } - .xl\:-top-3\/4 { - top: -75%; + .xl\:-mb-0\.5 { + margin-bottom: -0.125rem; } - .xl\:-right-3\/4 { - right: -75%; + .xl\:-ml-0\.5 { + margin-left: -0.125rem; } - .xl\:-bottom-3\/4 { - bottom: -75%; + .xl\:-mt-1\.5 { + margin-top: -0.375rem; } - .xl\:-left-3\/4 { - left: -75%; + .xl\:-mr-1\.5 { + margin-right: -0.375rem; } - .xl\:-top-full { - top: -100%; + .xl\:-mb-1\.5 { + margin-bottom: -0.375rem; } - .xl\:-right-full { - right: -100%; + .xl\:-ml-1\.5 { + margin-left: -0.375rem; } - .xl\:-bottom-full { - bottom: -100%; + .xl\:-mt-2\.5 { + margin-top: -0.625rem; } - .xl\:-left-full { - left: -100%; + .xl\:-mr-2\.5 { + margin-right: -0.625rem; } - .xl\:resize-none { - resize: none; + .xl\:-mb-2\.5 { + margin-bottom: -0.625rem; } - .xl\:resize-y { - resize: vertical; + .xl\:-ml-2\.5 { + margin-left: -0.625rem; } - .xl\:resize-x { - resize: horizontal; + .xl\:-mt-3\.5 { + margin-top: -0.875rem; } - .xl\:resize { - resize: both; + .xl\:-mr-3\.5 { + margin-right: -0.875rem; } - .xl\:shadow-xs { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:-mb-3\.5 { + margin-bottom: -0.875rem; } - .xl\:shadow-sm { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:-ml-3\.5 { + margin-left: -0.875rem; } - .xl\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-0 { + max-height: 0; } - .xl\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .xl\:max-h-1 { + max-height: 0.25rem; } - .xl\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .xl\:max-h-2 { + max-height: 0.5rem; } - .xl\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .xl\:max-h-3 { + max-height: 0.75rem; } - .xl\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:max-h-4 { + max-height: 1rem; } - .xl\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-5 { + max-height: 1.25rem; } - .xl\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:max-h-6 { + max-height: 1.5rem; } - .xl\:shadow-none { - box-shadow: none; + .xl\:max-h-7 { + max-height: 1.75rem; } - .xl\:hover\:shadow-xs:hover { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:max-h-8 { + max-height: 2rem; } - .xl\:hover\:shadow-sm:hover { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:max-h-9 { + max-height: 2.25rem; } - .xl\: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); + .xl\:max-h-10 { + max-height: 2.5rem; } - .xl\: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); + .xl\:max-h-12 { + max-height: 3rem; } - .xl\: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); + .xl\:max-h-14 { + max-height: 3.5rem; } - .xl\: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); + .xl\:max-h-16 { + max-height: 4rem; } - .xl\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:max-h-20 { + max-height: 5rem; } - .xl\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-24 { + max-height: 6rem; } - .xl\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:max-h-28 { + max-height: 7rem; } - .xl\:hover\:shadow-none:hover { - box-shadow: none; + .xl\:max-h-32 { + max-height: 8rem; } - .xl\:focus\:shadow-xs:focus { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); + .xl\:max-h-36 { + max-height: 9rem; } - .xl\:focus\:shadow-sm:focus { - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); + .xl\:max-h-40 { + max-height: 10rem; } - .xl\: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); + .xl\:max-h-44 { + max-height: 11rem; } - .xl\: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); + .xl\:max-h-48 { + max-height: 12rem; } - .xl\: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); + .xl\:max-h-52 { + max-height: 13rem; } - .xl\: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); + .xl\:max-h-56 { + max-height: 14rem; } - .xl\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .xl\:max-h-60 { + max-height: 15rem; } - .xl\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .xl\:max-h-64 { + max-height: 16rem; } - .xl\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .xl\:max-h-72 { + max-height: 18rem; } - .xl\:focus\:shadow-none:focus { - box-shadow: none; + .xl\:max-h-80 { + max-height: 20rem; } - .xl\:fill-current { - fill: currentColor; + .xl\:max-h-96 { + max-height: 24rem; } - .xl\:stroke-current { - stroke: currentColor; + .xl\:max-h-px { + max-height: 1px; } - .xl\:stroke-0 { - stroke-width: 0; + .xl\:max-h-0\.5 { + max-height: 0.125rem; } - .xl\:stroke-1 { - stroke-width: 1; + .xl\:max-h-1\.5 { + max-height: 0.375rem; } - .xl\:stroke-2 { - stroke-width: 2; + .xl\:max-h-2\.5 { + max-height: 0.625rem; } - .xl\:table-auto { - table-layout: auto; + .xl\:max-h-3\.5 { + max-height: 0.875rem; } - .xl\:table-fixed { - table-layout: fixed; + .xl\:max-h-full { + max-height: 100%; } - .xl\:text-left { - text-align: left; + .xl\:max-h-screen { + max-height: 100vh; } - .xl\:text-center { - text-align: center; + .xl\:max-w-0 { + max-width: 0rem; } - .xl\:text-right { - text-align: right; + .xl\:max-w-none { + max-width: none; } - .xl\:text-justify { - text-align: justify; + .xl\:max-w-xs { + max-width: 20rem; } - .xl\:text-transparent { - color: transparent; + .xl\:max-w-sm { + max-width: 24rem; } - .xl\:text-current { - color: currentColor; + .xl\:max-w-md { + max-width: 28rem; } - .xl\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:max-w-lg { + max-width: 32rem; } - .xl\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:max-w-xl { + max-width: 36rem; } - .xl\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:max-w-2xl { + max-width: 42rem; } - .xl\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:max-w-3xl { + max-width: 48rem; } - .xl\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:max-w-4xl { + max-width: 56rem; } - .xl\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:max-w-5xl { + max-width: 64rem; } - .xl\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:max-w-6xl { + max-width: 72rem; } - .xl\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:max-w-7xl { + max-width: 80rem; } - .xl\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:max-w-full { + max-width: 100%; } - .xl\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:max-w-min { + max-width: min-content; } - .xl\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:max-w-max { + max-width: max-content; } - .xl\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:max-w-screen-sm { + max-width: 640px; } - .xl\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:max-w-screen-md { + max-width: 768px; } - .xl\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:max-w-screen-lg { + max-width: 1024px; } - .xl\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:max-w-screen-xl { + max-width: 1280px; } - .xl\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:max-w-screen-2xl { + max-width: 1536px; } - .xl\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:min-h-0 { + min-height: 0; } - .xl\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:min-h-full { + min-height: 100%; } - .xl\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:min-h-screen { + min-height: 100vh; } - .xl\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:min-w-0 { + min-width: 0; } - .xl\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:min-w-full { + min-width: 100%; } - .xl\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:min-w-min { + min-width: min-content; } - .xl\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:min-w-max { + min-width: max-content; } - .xl\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:object-contain { + object-fit: contain; } - .xl\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:object-cover { + object-fit: cover; } - .xl\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:object-fill { + object-fit: fill; } - .xl\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:object-none { + object-fit: none; } - .xl\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:object-scale-down { + object-fit: scale-down; } - .xl\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:object-bottom { + object-position: bottom; } - .xl\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:object-center { + object-position: center; } - .xl\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:object-left { + object-position: left; } - .xl\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:object-left-bottom { + object-position: left bottom; } - .xl\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:object-left-top { + object-position: left top; } - .xl\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:object-right { + object-position: right; } - .xl\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:object-right-bottom { + object-position: right bottom; } - .xl\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:object-right-top { + object-position: right top; } - .xl\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:object-top { + object-position: top; } - .xl\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:opacity-0 { + opacity: 0; } - .xl\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:opacity-25 { + opacity: 0.25; } - .xl\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:opacity-50 { + opacity: 0.5; } - .xl\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:opacity-75 { + opacity: 0.75; } - .xl\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:opacity-100 { + opacity: 1; } - .xl\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-0 { + opacity: 0; } - .xl\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-25 { + opacity: 0.25; } - .xl\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-50 { + opacity: 0.5; } - .xl\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-75 { + opacity: 0.75; } - .xl\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .group:hover .xl\:group-hover\:opacity-100 { + opacity: 1; } - .xl\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:hover\:opacity-0:hover { + opacity: 0; } - .xl\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:hover\:opacity-25:hover { + opacity: 0.25; } - .xl\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:hover\:opacity-50:hover { + opacity: 0.5; } - .xl\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:hover\:opacity-75:hover { + opacity: 0.75; } - .xl\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:hover\:opacity-100:hover { + opacity: 1; } - .xl\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:focus\:opacity-0:focus { + opacity: 0; } - .xl\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:focus\:opacity-25:focus { + opacity: 0.25; } - .xl\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:focus\:opacity-50:focus { + opacity: 0.5; } - .xl\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:focus\:opacity-75:focus { + opacity: 0.75; } - .xl\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:focus\:opacity-100:focus { + opacity: 1; } - .xl\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:outline-none { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:outline-white { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:outline-black { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; } - .xl\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:focus\:outline-white:focus { + outline: 2px dotted white; + outline-offset: 2px; } - .xl\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:focus\:outline-black:focus { + outline: 2px dotted black; + outline-offset: 2px; } - .xl\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:overflow-auto { + overflow: auto; } - .xl\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:overflow-hidden { + overflow: hidden; } - .xl\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:overflow-visible { + overflow: visible; } - .xl\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:overflow-scroll { + overflow: scroll; } - .xl\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:overflow-x-auto { + overflow-x: auto; } - .xl\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:overflow-y-auto { + overflow-y: auto; } - .xl\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:overflow-y-hidden { + overflow-y: hidden; } - .xl\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:overflow-x-visible { + overflow-x: visible; } - .group:hover .xl\:group-hover\:text-transparent { - color: transparent; + .xl\:overflow-y-visible { + overflow-y: visible; } - .group:hover .xl\:group-hover\:text-current { - color: currentColor; + .xl\:overflow-x-scroll { + overflow-x: scroll; } - .group:hover .xl\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:overflow-y-scroll { + overflow-y: scroll; } - .group:hover .xl\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:overscroll-auto { + overscroll-behavior: auto; } - .group:hover .xl\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:overscroll-contain { + overscroll-behavior: contain; } - .group:hover .xl\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:overscroll-none { + overscroll-behavior: none; } - .group:hover .xl\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:overscroll-y-auto { + overscroll-behavior-y: auto; } - .group:hover .xl\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:overscroll-y-contain { + overscroll-behavior-y: contain; } - .group:hover .xl\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:overscroll-y-none { + overscroll-behavior-y: none; } - .group:hover .xl\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:overscroll-x-auto { + overscroll-behavior-x: auto; } - .group:hover .xl\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:overscroll-x-contain { + overscroll-behavior-x: contain; } - .group:hover .xl\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:overscroll-x-none { + overscroll-behavior-x: none; } - .group:hover .xl\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:p-0 { + padding: 0; } - .group:hover .xl\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:p-1 { + padding: 0.25rem; } - .group:hover .xl\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:p-2 { + padding: 0.5rem; } - .group:hover .xl\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:p-3 { + padding: 0.75rem; } - .group:hover .xl\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:p-4 { + padding: 1rem; } - .group:hover .xl\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:p-5 { + padding: 1.25rem; } - .group:hover .xl\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:p-6 { + padding: 1.5rem; } - .group:hover .xl\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:p-7 { + padding: 1.75rem; } - .group:hover .xl\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:p-8 { + padding: 2rem; } - .group:hover .xl\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:p-9 { + padding: 2.25rem; } - .group:hover .xl\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:p-10 { + padding: 2.5rem; } - .group:hover .xl\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:p-12 { + padding: 3rem; } - .group:hover .xl\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:p-14 { + padding: 3.5rem; } - .group:hover .xl\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:p-16 { + padding: 4rem; } - .group:hover .xl\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:p-20 { + padding: 5rem; } - .group:hover .xl\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:p-24 { + padding: 6rem; } - .group:hover .xl\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:p-28 { + padding: 7rem; } - .group:hover .xl\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:p-32 { + padding: 8rem; } - .group:hover .xl\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:p-36 { + padding: 9rem; } - .group:hover .xl\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:p-40 { + padding: 10rem; } - .group:hover .xl\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:p-44 { + padding: 11rem; } - .group:hover .xl\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:p-48 { + padding: 12rem; } - .group:hover .xl\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:p-52 { + padding: 13rem; } - .group:hover .xl\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:p-56 { + padding: 14rem; } - .group:hover .xl\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:p-60 { + padding: 15rem; } - .group:hover .xl\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:p-64 { + padding: 16rem; } - .group:hover .xl\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:p-72 { + padding: 18rem; } - .group:hover .xl\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:p-80 { + padding: 20rem; } - .group:hover .xl\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:p-96 { + padding: 24rem; } - .group:hover .xl\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:p-px { + padding: 1px; } - .group:hover .xl\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:p-0\.5 { + padding: 0.125rem; } - .group:hover .xl\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:p-1\.5 { + padding: 0.375rem; } - .group:hover .xl\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .xl\:p-2\.5 { + padding: 0.625rem; } - .group:hover .xl\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .xl\:p-3\.5 { + padding: 0.875rem; } - .group:hover .xl\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .group:hover .xl\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .xl\:px-0 { + padding-left: 0; + padding-right: 0; } - .group:hover .xl\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .group:hover .xl\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .group:hover .xl\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .group:hover .xl\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .group:hover .xl\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .group:hover .xl\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .group:hover .xl\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .group:hover .xl\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .group:hover .xl\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .group:hover .xl\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .group:hover .xl\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .group:hover .xl\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .group:hover .xl\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:py-7 { + padding-top: 1.75rem; + padding-bottom: 1.75rem; } - .group:hover .xl\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:px-7 { + padding-left: 1.75rem; + padding-right: 1.75rem; } - .group:hover .xl\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .group:hover .xl\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .group:hover .xl\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:py-9 { + padding-top: 2.25rem; + padding-bottom: 2.25rem; } - .group:hover .xl\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:px-9 { + padding-left: 2.25rem; + padding-right: 2.25rem; } - .group:hover .xl\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .group:hover .xl\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .group:hover .xl\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .group:hover .xl\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .group:hover .xl\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:py-14 { + padding-top: 3.5rem; + padding-bottom: 3.5rem; } - .group:hover .xl\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:px-14 { + padding-left: 3.5rem; + padding-right: 3.5rem; } - .group:hover .xl\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .group:hover .xl\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\:hover\:text-transparent:hover { - color: transparent; + .xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .xl\:hover\:text-current:hover { - color: currentColor; + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .xl\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:py-28 { + padding-top: 7rem; + padding-bottom: 7rem; } - .xl\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:px-28 { + padding-left: 7rem; + padding-right: 7rem; } - .xl\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .xl\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; } - .xl\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:px-36 { + padding-left: 9rem; + padding-right: 9rem; } - .xl\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .xl\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .xl\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:py-44 { + padding-top: 11rem; + padding-bottom: 11rem; } - .xl\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:px-44 { + padding-left: 11rem; + padding-right: 11rem; } - .xl\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .xl\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .xl\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:py-52 { + padding-top: 13rem; + padding-bottom: 13rem; } - .xl\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:px-52 { + padding-left: 13rem; + padding-right: 13rem; } - .xl\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .xl\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .xl\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:py-60 { + padding-top: 15rem; + padding-bottom: 15rem; } - .xl\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:px-60 { + padding-left: 15rem; + padding-right: 15rem; } - .xl\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .xl\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .xl\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:py-72 { + padding-top: 18rem; + padding-bottom: 18rem; } - .xl\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:px-72 { + padding-left: 18rem; + padding-right: 18rem; } - .xl\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:py-80 { + padding-top: 20rem; + padding-bottom: 20rem; } - .xl\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:px-80 { + padding-left: 20rem; + padding-right: 20rem; } - .xl\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:py-96 { + padding-top: 24rem; + padding-bottom: 24rem; } - .xl\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:px-96 { + padding-left: 24rem; + padding-right: 24rem; } - .xl\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .xl\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:py-0\.5 { + padding-top: 0.125rem; + padding-bottom: 0.125rem; } - .xl\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:px-0\.5 { + padding-left: 0.125rem; + padding-right: 0.125rem; } - .xl\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; } - .xl\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:px-1\.5 { + padding-left: 0.375rem; + padding-right: 0.375rem; } - .xl\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:py-2\.5 { + padding-top: 0.625rem; + padding-bottom: 0.625rem; } - .xl\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:px-2\.5 { + padding-left: 0.625rem; + padding-right: 0.625rem; } - .xl\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:py-3\.5 { + padding-top: 0.875rem; + padding-bottom: 0.875rem; } - .xl\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; } - .xl\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:pt-0 { + padding-top: 0; } - .xl\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:pr-0 { + padding-right: 0; } - .xl\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:pb-0 { + padding-bottom: 0; } - .xl\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:pl-0 { + padding-left: 0; } - .xl\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .xl\:pt-1 { + padding-top: 0.25rem; } - .xl\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .xl\:pr-1 { + padding-right: 0.25rem; } - .xl\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .xl\:pb-1 { + padding-bottom: 0.25rem; } - .xl\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .xl\:pl-1 { + padding-left: 0.25rem; } - .xl\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .xl\:pt-2 { + padding-top: 0.5rem; } - .xl\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:pr-2 { + padding-right: 0.5rem; } - .xl\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:pb-2 { + padding-bottom: 0.5rem; } - .xl\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:pl-2 { + padding-left: 0.5rem; } - .xl\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:pt-3 { + padding-top: 0.75rem; } - .xl\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:pr-3 { + padding-right: 0.75rem; } - .xl\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:pl-3 { + padding-left: 0.75rem; } - .xl\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:pt-4 { + padding-top: 1rem; } - .xl\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:pr-4 { + padding-right: 1rem; } - .xl\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:pb-4 { + padding-bottom: 1rem; } - .xl\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:pl-4 { + padding-left: 1rem; } - .xl\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:pt-5 { + padding-top: 1.25rem; } - .xl\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:pr-5 { + padding-right: 1.25rem; } - .xl\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:pb-5 { + padding-bottom: 1.25rem; } - .xl\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:pl-5 { + padding-left: 1.25rem; } - .xl\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:pt-6 { + padding-top: 1.5rem; } - .xl\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:pr-6 { + padding-right: 1.5rem; } - .xl\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:pl-6 { + padding-left: 1.5rem; } - .xl\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:pt-7 { + padding-top: 1.75rem; } - .xl\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:pr-7 { + padding-right: 1.75rem; } - .xl\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:pb-7 { + padding-bottom: 1.75rem; } - .xl\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:pl-7 { + padding-left: 1.75rem; } - .xl\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:pt-8 { + padding-top: 2rem; } - .xl\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:pr-8 { + padding-right: 2rem; } - .xl\:focus\:text-transparent:focus { - color: transparent; + .xl\:pb-8 { + padding-bottom: 2rem; } - .xl\:focus\:text-current:focus { - color: currentColor; + .xl\:pl-8 { + padding-left: 2rem; } - .xl\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); + .xl\:pt-9 { + padding-top: 2.25rem; } - .xl\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); + .xl\:pr-9 { + padding-right: 2.25rem; } - .xl\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); + .xl\:pb-9 { + padding-bottom: 2.25rem; } - .xl\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); + .xl\:pl-9 { + padding-left: 2.25rem; } - .xl\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); + .xl\:pt-10 { + padding-top: 2.5rem; } - .xl\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); + .xl\:pr-10 { + padding-right: 2.5rem; } - .xl\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); + .xl\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); + .xl\:pl-10 { + padding-left: 2.5rem; } - .xl\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); + .xl\:pt-12 { + padding-top: 3rem; } - .xl\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); + .xl\:pr-12 { + padding-right: 3rem; } - .xl\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); + .xl\:pb-12 { + padding-bottom: 3rem; } - .xl\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); + .xl\:pl-12 { + padding-left: 3rem; } - .xl\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); + .xl\:pt-14 { + padding-top: 3.5rem; } - .xl\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); + .xl\:pr-14 { + padding-right: 3.5rem; } - .xl\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); + .xl\:pb-14 { + padding-bottom: 3.5rem; } - .xl\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); + .xl\:pl-14 { + padding-left: 3.5rem; } - .xl\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); + .xl\:pt-16 { + padding-top: 4rem; } - .xl\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); + .xl\:pr-16 { + padding-right: 4rem; } - .xl\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); + .xl\:pb-16 { + padding-bottom: 4rem; } - .xl\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); + .xl\:pl-16 { + padding-left: 4rem; } - .xl\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); + .xl\:pt-20 { + padding-top: 5rem; } - .xl\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); + .xl\:pr-20 { + padding-right: 5rem; } - .xl\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); + .xl\:pb-20 { + padding-bottom: 5rem; } - .xl\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); + .xl\:pl-20 { + padding-left: 5rem; } - .xl\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); + .xl\:pt-24 { + padding-top: 6rem; } - .xl\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); + .xl\:pr-24 { + padding-right: 6rem; } - .xl\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); + .xl\:pb-24 { + padding-bottom: 6rem; } - .xl\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); + .xl\:pl-24 { + padding-left: 6rem; } - .xl\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); + .xl\:pt-28 { + padding-top: 7rem; } - .xl\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); + .xl\:pr-28 { + padding-right: 7rem; } - .xl\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); + .xl\:pb-28 { + padding-bottom: 7rem; } - .xl\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); + .xl\:pl-28 { + padding-left: 7rem; } - .xl\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); + .xl\:pt-32 { + padding-top: 8rem; } - .xl\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); + .xl\:pr-32 { + padding-right: 8rem; } - .xl\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); + .xl\:pb-32 { + padding-bottom: 8rem; } - .xl\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); + .xl\:pl-32 { + padding-left: 8rem; } - .xl\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); + .xl\:pt-36 { + padding-top: 9rem; } - .xl\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); + .xl\:pr-36 { + padding-right: 9rem; } - .xl\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); + .xl\:pb-36 { + padding-bottom: 9rem; } - .xl\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); + .xl\:pl-36 { + padding-left: 9rem; } - .xl\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); + .xl\:pt-40 { + padding-top: 10rem; } - .xl\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); + .xl\:pr-40 { + padding-right: 10rem; } - .xl\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); + .xl\:pb-40 { + padding-bottom: 10rem; } - .xl\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); + .xl\:pl-40 { + padding-left: 10rem; } - .xl\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); + .xl\:pt-44 { + padding-top: 11rem; } - .xl\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); + .xl\:pr-44 { + padding-right: 11rem; } - .xl\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); + .xl\:pb-44 { + padding-bottom: 11rem; } - .xl\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); + .xl\:pl-44 { + padding-left: 11rem; } - .xl\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); + .xl\:pt-48 { + padding-top: 12rem; } - .xl\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); + .xl\:pr-48 { + padding-right: 12rem; } - .xl\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); + .xl\:pb-48 { + padding-bottom: 12rem; } - .xl\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); + .xl\:pl-48 { + padding-left: 12rem; } - .xl\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); + .xl\:pt-52 { + padding-top: 13rem; } - .xl\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); + .xl\:pr-52 { + padding-right: 13rem; } - .xl\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); + .xl\:pb-52 { + padding-bottom: 13rem; } - .xl\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); + .xl\:pl-52 { + padding-left: 13rem; } - .xl\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); + .xl\:pt-56 { + padding-top: 14rem; } - .xl\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); + .xl\:pr-56 { + padding-right: 14rem; } - .xl\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); + .xl\:pb-56 { + padding-bottom: 14rem; } - .xl\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); + .xl\:pl-56 { + padding-left: 14rem; } - .xl\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); + .xl\:pt-60 { + padding-top: 15rem; } - .xl\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); + .xl\:pr-60 { + padding-right: 15rem; } - .xl\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); + .xl\:pb-60 { + padding-bottom: 15rem; } - .xl\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); + .xl\:pl-60 { + padding-left: 15rem; } - .xl\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); + .xl\:pt-64 { + padding-top: 16rem; } - .xl\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); + .xl\:pr-64 { + padding-right: 16rem; } - .xl\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); + .xl\:pb-64 { + padding-bottom: 16rem; } - .xl\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); + .xl\:pl-64 { + padding-left: 16rem; } - .xl\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); + .xl\:pt-72 { + padding-top: 18rem; } - .xl\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); + .xl\:pr-72 { + padding-right: 18rem; } - .xl\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); + .xl\:pb-72 { + padding-bottom: 18rem; } - .xl\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); + .xl\:pl-72 { + padding-left: 18rem; } - @media (prefers-color-scheme: dark) { - .xl\:dark\:text-transparent { - color: transparent; - } - - .xl\:dark\:text-current { - color: currentColor; - } + .xl\:pt-80 { + padding-top: 20rem; + } - .xl\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:pr-80 { + padding-right: 20rem; + } - .xl\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:pb-80 { + padding-bottom: 20rem; + } - .xl\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:pl-80 { + padding-left: 20rem; + } - .xl\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:pt-96 { + padding-top: 24rem; + } - .xl\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:pr-96 { + padding-right: 24rem; + } - .xl\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:pb-96 { + padding-bottom: 24rem; + } - .xl\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:pl-96 { + padding-left: 24rem; + } - .xl\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:pt-px { + padding-top: 1px; + } - .xl\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:pr-px { + padding-right: 1px; + } - .xl\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:pb-px { + padding-bottom: 1px; + } - .xl\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:pl-px { + padding-left: 1px; + } - .xl\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:pt-0\.5 { + padding-top: 0.125rem; + } - .xl\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:pr-0\.5 { + padding-right: 0.125rem; + } - .xl\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:pb-0\.5 { + padding-bottom: 0.125rem; + } - .xl\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:pl-0\.5 { + padding-left: 0.125rem; + } - .xl\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:pt-1\.5 { + padding-top: 0.375rem; + } - .xl\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:pr-1\.5 { + padding-right: 0.375rem; + } - .xl\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:pb-1\.5 { + padding-bottom: 0.375rem; + } - .xl\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:pl-1\.5 { + padding-left: 0.375rem; + } - .xl\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:pt-2\.5 { + padding-top: 0.625rem; + } - .xl\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:pr-2\.5 { + padding-right: 0.625rem; + } - .xl\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:pb-2\.5 { + padding-bottom: 0.625rem; + } - .xl\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:pl-2\.5 { + padding-left: 0.625rem; + } - .xl\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:pt-3\.5 { + padding-top: 0.875rem; + } - .xl\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:pr-3\.5 { + padding-right: 0.875rem; + } - .xl\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:pb-3\.5 { + padding-bottom: 0.875rem; + } - .xl\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:pl-3\.5 { + padding-left: 0.875rem; + } - .xl\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:placeholder-transparent::placeholder { + color: transparent; + } - .xl\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:placeholder-current::placeholder { + color: currentColor; + } - .xl\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:placeholder-black::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .xl\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:placeholder-white::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .xl\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:placeholder-gray-50::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:placeholder-gray-100::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:placeholder-gray-200::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:placeholder-gray-300::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:placeholder-gray-400::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:placeholder-gray-500::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:placeholder-gray-600::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:placeholder-gray-700::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:placeholder-gray-800::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:placeholder-gray-900::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .xl\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:placeholder-red-50::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:placeholder-red-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:placeholder-red-200::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:placeholder-red-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:placeholder-red-400::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:placeholder-red-500::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:placeholder-red-600::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:placeholder-red-700::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:placeholder-red-800::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:placeholder-red-900::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .xl\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:placeholder-yellow-50::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:placeholder-yellow-100::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:placeholder-yellow-200::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:placeholder-yellow-300::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:placeholder-yellow-400::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:placeholder-yellow-500::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:placeholder-yellow-600::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:placeholder-yellow-700::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:placeholder-yellow-800::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:placeholder-yellow-900::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .xl\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:placeholder-green-50::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:placeholder-green-100::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:placeholder-green-200::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:placeholder-green-300::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:placeholder-green-400::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:placeholder-green-500::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:placeholder-green-600::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:placeholder-green-700::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:placeholder-green-800::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:placeholder-green-900::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .xl\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:placeholder-blue-50::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-transparent { - color: transparent; - } + .xl\:placeholder-blue-100::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-current { - color: currentColor; - } + .xl\:placeholder-blue-200::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:placeholder-blue-300::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:placeholder-blue-400::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:placeholder-blue-500::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:placeholder-blue-600::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:placeholder-blue-700::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:placeholder-blue-800::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:placeholder-blue-900::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:placeholder-purple-50::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:placeholder-purple-100::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:placeholder-purple-200::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:placeholder-purple-300::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:placeholder-purple-400::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:placeholder-purple-500::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:placeholder-purple-600::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:placeholder-purple-700::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:placeholder-purple-800::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:placeholder-purple-900::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:placeholder-pink-50::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:placeholder-pink-100::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:placeholder-pink-200::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:placeholder-pink-300::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:placeholder-pink-400::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:placeholder-pink-500::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:placeholder-pink-600::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:placeholder-pink-700::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:placeholder-pink-800::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:placeholder-pink-900::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } - .group:hover .xl\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:focus\:placeholder-black:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(0, 0, 0, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:focus\:placeholder-white:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 255, 255, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(250, 250, 250, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 244, 245, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(228, 228, 231, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(212, 212, 216, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(161, 161, 170, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(113, 113, 122, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(82, 82, 91, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(63, 63, 70, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(39, 39, 42, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:focus\:placeholder-gray-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(24, 24, 27, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 242, 242, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 226, 226, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 202, 202, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 165, 165, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(248, 113, 113, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 68, 68, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(220, 38, 38, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(185, 28, 28, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(153, 27, 27, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:focus\:placeholder-red-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(127, 29, 29, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(255, 251, 235, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(254, 243, 199, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 230, 138, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 211, 77, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 191, 36, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 158, 11, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(217, 119, 6, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(180, 83, 9, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(146, 64, 14, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:focus\:placeholder-yellow-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(120, 53, 15, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 253, 245, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(209, 250, 229, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 243, 208, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(110, 231, 183, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(52, 211, 153, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(16, 185, 129, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(5, 150, 105, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(4, 120, 87, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 95, 70, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:focus\:placeholder-green-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(6, 78, 59, var(--placeholder-opacity)); + } - .group:hover .xl\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(239, 246, 255, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-transparent:hover { - color: transparent; - } + .xl\:focus\:placeholder-blue-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 234, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-current:hover { - color: currentColor; - } + .xl\:focus\:placeholder-blue-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(191, 219, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(147, 197, 253, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(96, 165, 250, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(59, 130, 246, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(37, 99, 235, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(29, 78, 216, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 64, 175, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:focus\:placeholder-blue-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(30, 58, 138, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(245, 243, 255, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(237, 233, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(221, 214, 254, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(196, 181, 253, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(167, 139, 250, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(139, 92, 246, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(124, 58, 237, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(109, 40, 217, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(91, 33, 182, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:focus\:placeholder-purple-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(76, 29, 149, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-50:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(253, 242, 248, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-100:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(252, 231, 243, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-200:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(251, 207, 232, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-300:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(249, 168, 212, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-400:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(244, 114, 182, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-500:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(236, 72, 153, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-600:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(219, 39, 119, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-700:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(190, 24, 93, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-800:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(157, 23, 77, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:focus\:placeholder-pink-900:focus::placeholder { + --placeholder-opacity: 1; + color: rgba(131, 24, 67, var(--placeholder-opacity)); + } - .xl\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:placeholder-opacity-0::placeholder { + --placeholder-opacity: 0; + } - .xl\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:placeholder-opacity-25::placeholder { + --placeholder-opacity: 0.25; + } - .xl\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:placeholder-opacity-50::placeholder { + --placeholder-opacity: 0.5; + } - .xl\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:placeholder-opacity-75::placeholder { + --placeholder-opacity: 0.75; + } - .xl\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:placeholder-opacity-100::placeholder { + --placeholder-opacity: 1; + } - .xl\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-0:focus::placeholder { + --placeholder-opacity: 0; + } - .xl\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-25:focus::placeholder { + --placeholder-opacity: 0.25; + } - .xl\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-50:focus::placeholder { + --placeholder-opacity: 0.5; + } - .xl\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-75:focus::placeholder { + --placeholder-opacity: 0.75; + } - .xl\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:focus\:placeholder-opacity-100:focus::placeholder { + --placeholder-opacity: 1; + } - .xl\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:pointer-events-none { + pointer-events: none; + } - .xl\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:pointer-events-auto { + pointer-events: auto; + } - .xl\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:static { + position: static; + } - .xl\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:fixed { + position: fixed; + } - .xl\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:absolute { + position: absolute; + } - .xl\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:relative { + position: relative; + } - .xl\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:sticky { + position: sticky; + } - .xl\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } - .xl\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:inset-1 { + top: 0.25rem; + right: 0.25rem; + bottom: 0.25rem; + left: 0.25rem; + } - .xl\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:inset-2 { + top: 0.5rem; + right: 0.5rem; + bottom: 0.5rem; + left: 0.5rem; + } - .xl\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:inset-3 { + top: 0.75rem; + right: 0.75rem; + bottom: 0.75rem; + left: 0.75rem; + } - .xl\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:inset-4 { + top: 1rem; + right: 1rem; + bottom: 1rem; + left: 1rem; + } - .xl\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:inset-5 { + top: 1.25rem; + right: 1.25rem; + bottom: 1.25rem; + left: 1.25rem; + } - .xl\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:inset-6 { + top: 1.5rem; + right: 1.5rem; + bottom: 1.5rem; + left: 1.5rem; + } - .xl\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:inset-7 { + top: 1.75rem; + right: 1.75rem; + bottom: 1.75rem; + left: 1.75rem; + } - .xl\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:inset-8 { + top: 2rem; + right: 2rem; + bottom: 2rem; + left: 2rem; + } - .xl\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:inset-9 { + top: 2.25rem; + right: 2.25rem; + bottom: 2.25rem; + left: 2.25rem; + } - .xl\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:inset-10 { + top: 2.5rem; + right: 2.5rem; + bottom: 2.5rem; + left: 2.5rem; + } - .xl\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:inset-12 { + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + } - .xl\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:inset-14 { + top: 3.5rem; + right: 3.5rem; + bottom: 3.5rem; + left: 3.5rem; + } - .xl\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:inset-16 { + top: 4rem; + right: 4rem; + bottom: 4rem; + left: 4rem; + } - .xl\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:inset-20 { + top: 5rem; + right: 5rem; + bottom: 5rem; + left: 5rem; + } - .xl\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:inset-24 { + top: 6rem; + right: 6rem; + bottom: 6rem; + left: 6rem; + } - .xl\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:inset-28 { + top: 7rem; + right: 7rem; + bottom: 7rem; + left: 7rem; + } - .xl\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:inset-32 { + top: 8rem; + right: 8rem; + bottom: 8rem; + left: 8rem; + } - .xl\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:inset-36 { + top: 9rem; + right: 9rem; + bottom: 9rem; + left: 9rem; + } - .xl\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:inset-40 { + top: 10rem; + right: 10rem; + bottom: 10rem; + left: 10rem; + } - .xl\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:inset-44 { + top: 11rem; + right: 11rem; + bottom: 11rem; + left: 11rem; + } - .xl\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:inset-48 { + top: 12rem; + right: 12rem; + bottom: 12rem; + left: 12rem; + } - .xl\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:inset-52 { + top: 13rem; + right: 13rem; + bottom: 13rem; + left: 13rem; + } - .xl\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:inset-56 { + top: 14rem; + right: 14rem; + bottom: 14rem; + left: 14rem; + } - .xl\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:inset-60 { + top: 15rem; + right: 15rem; + bottom: 15rem; + left: 15rem; + } - .xl\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:inset-64 { + top: 16rem; + right: 16rem; + bottom: 16rem; + left: 16rem; + } - .xl\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:inset-72 { + top: 18rem; + right: 18rem; + bottom: 18rem; + left: 18rem; + } - .xl\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:inset-80 { + top: 20rem; + right: 20rem; + bottom: 20rem; + left: 20rem; + } - .xl\:dark\:focus\:text-transparent:focus { - color: transparent; - } + .xl\:inset-96 { + top: 24rem; + right: 24rem; + bottom: 24rem; + left: 24rem; + } - .xl\:dark\:focus\:text-current:focus { - color: currentColor; - } + .xl\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; + } - .xl\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } + .xl\:inset-px { + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + } - .xl\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } + .xl\:inset-0\.5 { + top: 0.125rem; + right: 0.125rem; + bottom: 0.125rem; + left: 0.125rem; + } - .xl\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } + .xl\:inset-1\.5 { + top: 0.375rem; + right: 0.375rem; + bottom: 0.375rem; + left: 0.375rem; + } - .xl\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } + .xl\:inset-2\.5 { + top: 0.625rem; + right: 0.625rem; + bottom: 0.625rem; + left: 0.625rem; + } - .xl\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } + .xl\:inset-3\.5 { + top: 0.875rem; + right: 0.875rem; + bottom: 0.875rem; + left: 0.875rem; + } - .xl\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } + .xl\:-inset-1 { + top: -0.25rem; + right: -0.25rem; + bottom: -0.25rem; + left: -0.25rem; + } - .xl\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } + .xl\:-inset-2 { + top: -0.5rem; + right: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + } - .xl\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } + .xl\:-inset-3 { + top: -0.75rem; + right: -0.75rem; + bottom: -0.75rem; + left: -0.75rem; + } - .xl\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } + .xl\:-inset-4 { + top: -1rem; + right: -1rem; + bottom: -1rem; + left: -1rem; + } - .xl\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } + .xl\:-inset-5 { + top: -1.25rem; + right: -1.25rem; + bottom: -1.25rem; + left: -1.25rem; + } - .xl\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } + .xl\:-inset-6 { + top: -1.5rem; + right: -1.5rem; + bottom: -1.5rem; + left: -1.5rem; + } - .xl\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } + .xl\:-inset-7 { + top: -1.75rem; + right: -1.75rem; + bottom: -1.75rem; + left: -1.75rem; + } - .xl\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } + .xl\:-inset-8 { + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; + } - .xl\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } + .xl\:-inset-9 { + top: -2.25rem; + right: -2.25rem; + bottom: -2.25rem; + left: -2.25rem; + } - .xl\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } + .xl\:-inset-10 { + top: -2.5rem; + right: -2.5rem; + bottom: -2.5rem; + left: -2.5rem; + } - .xl\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } + .xl\:-inset-12 { + top: -3rem; + right: -3rem; + bottom: -3rem; + left: -3rem; + } - .xl\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } + .xl\:-inset-14 { + top: -3.5rem; + right: -3.5rem; + bottom: -3.5rem; + left: -3.5rem; + } - .xl\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } + .xl\:-inset-16 { + top: -4rem; + right: -4rem; + bottom: -4rem; + left: -4rem; + } - .xl\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } + .xl\:-inset-20 { + top: -5rem; + right: -5rem; + bottom: -5rem; + left: -5rem; + } - .xl\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } + .xl\:-inset-24 { + top: -6rem; + right: -6rem; + bottom: -6rem; + left: -6rem; + } - .xl\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } + .xl\:-inset-28 { + top: -7rem; + right: -7rem; + bottom: -7rem; + left: -7rem; + } - .xl\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } + .xl\:-inset-32 { + top: -8rem; + right: -8rem; + bottom: -8rem; + left: -8rem; + } - .xl\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } + .xl\:-inset-36 { + top: -9rem; + right: -9rem; + bottom: -9rem; + left: -9rem; + } - .xl\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } + .xl\:-inset-40 { + top: -10rem; + right: -10rem; + bottom: -10rem; + left: -10rem; + } - .xl\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } + .xl\:-inset-44 { + top: -11rem; + right: -11rem; + bottom: -11rem; + left: -11rem; + } - .xl\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } + .xl\:-inset-48 { + top: -12rem; + right: -12rem; + bottom: -12rem; + left: -12rem; + } - .xl\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } + .xl\:-inset-52 { + top: -13rem; + right: -13rem; + bottom: -13rem; + left: -13rem; + } - .xl\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } + .xl\:-inset-56 { + top: -14rem; + right: -14rem; + bottom: -14rem; + left: -14rem; + } - .xl\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } + .xl\:-inset-60 { + top: -15rem; + right: -15rem; + bottom: -15rem; + left: -15rem; + } - .xl\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } + .xl\:-inset-64 { + top: -16rem; + right: -16rem; + bottom: -16rem; + left: -16rem; + } - .xl\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } + .xl\:-inset-72 { + top: -18rem; + right: -18rem; + bottom: -18rem; + left: -18rem; + } - .xl\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } + .xl\:-inset-80 { + top: -20rem; + right: -20rem; + bottom: -20rem; + left: -20rem; + } - .xl\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } + .xl\:-inset-96 { + top: -24rem; + right: -24rem; + bottom: -24rem; + left: -24rem; + } - .xl\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } + .xl\:-inset-px { + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + } - .xl\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } + .xl\:-inset-0\.5 { + top: -0.125rem; + right: -0.125rem; + bottom: -0.125rem; + left: -0.125rem; + } - .xl\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } + .xl\:-inset-1\.5 { + top: -0.375rem; + right: -0.375rem; + bottom: -0.375rem; + left: -0.375rem; + } - .xl\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } + .xl\:-inset-2\.5 { + top: -0.625rem; + right: -0.625rem; + bottom: -0.625rem; + left: -0.625rem; + } - .xl\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } + .xl\:-inset-3\.5 { + top: -0.875rem; + right: -0.875rem; + bottom: -0.875rem; + left: -0.875rem; + } - .xl\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } + .xl\:inset-1\/2 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .xl\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } + .xl\:inset-1\/3 { + top: 33.333333%; + right: 33.333333%; + bottom: 33.333333%; + left: 33.333333%; + } - .xl\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } + .xl\:inset-2\/3 { + top: 66.666667%; + right: 66.666667%; + bottom: 66.666667%; + left: 66.666667%; + } - .xl\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } + .xl\:inset-1\/4 { + top: 25%; + right: 25%; + bottom: 25%; + left: 25%; + } - .xl\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } + .xl\:inset-2\/4 { + top: 50%; + right: 50%; + bottom: 50%; + left: 50%; + } - .xl\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } + .xl\:inset-3\/4 { + top: 75%; + right: 75%; + bottom: 75%; + left: 75%; + } - .xl\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } + .xl\:inset-full { + top: 100%; + right: 100%; + bottom: 100%; + left: 100%; + } - .xl\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } + .xl\:-inset-1\/2 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .xl\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } + .xl\:-inset-1\/3 { + top: -33.333333%; + right: -33.333333%; + bottom: -33.333333%; + left: -33.333333%; + } - .xl\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } + .xl\:-inset-2\/3 { + top: -66.666667%; + right: -66.666667%; + bottom: -66.666667%; + left: -66.666667%; + } - .xl\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } + .xl\:-inset-1\/4 { + top: -25%; + right: -25%; + bottom: -25%; + left: -25%; + } - .xl\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } + .xl\:-inset-2\/4 { + top: -50%; + right: -50%; + bottom: -50%; + left: -50%; + } - .xl\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } + .xl\:-inset-3\/4 { + top: -75%; + right: -75%; + bottom: -75%; + left: -75%; + } - .xl\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } + .xl\:-inset-full { + top: -100%; + right: -100%; + bottom: -100%; + left: -100%; + } - .xl\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } + .xl\:inset-y-0 { + top: 0; + bottom: 0; + } - .xl\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } + .xl\:inset-x-0 { + right: 0; + left: 0; + } - .xl\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } + .xl\:inset-y-1 { + top: 0.25rem; + bottom: 0.25rem; + } - .xl\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } + .xl\:inset-x-1 { + right: 0.25rem; + left: 0.25rem; + } - .xl\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } + .xl\:inset-y-2 { + top: 0.5rem; + bottom: 0.5rem; + } - .xl\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } + .xl\:inset-x-2 { + right: 0.5rem; + left: 0.5rem; + } - .xl\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } + .xl\:inset-y-3 { + top: 0.75rem; + bottom: 0.75rem; + } - .xl\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } + .xl\:inset-x-3 { + right: 0.75rem; + left: 0.75rem; + } - .xl\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } + .xl\:inset-y-4 { + top: 1rem; + bottom: 1rem; + } - .xl\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } + .xl\:inset-x-4 { + right: 1rem; + left: 1rem; + } - .xl\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } + .xl\:inset-y-5 { + top: 1.25rem; + bottom: 1.25rem; + } - .xl\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } + .xl\:inset-x-5 { + right: 1.25rem; + left: 1.25rem; + } - .xl\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } + .xl\:inset-y-6 { + top: 1.5rem; + bottom: 1.5rem; + } - .xl\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } + .xl\:inset-x-6 { + right: 1.5rem; + left: 1.5rem; + } - .xl\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } + .xl\:inset-y-7 { + top: 1.75rem; + bottom: 1.75rem; + } - .xl\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } + .xl\:inset-x-7 { + right: 1.75rem; + left: 1.75rem; + } - .xl\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } + .xl\:inset-y-8 { + top: 2rem; + bottom: 2rem; + } - .xl\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } + .xl\:inset-x-8 { + right: 2rem; + left: 2rem; + } - .xl\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } + .xl\:inset-y-9 { + top: 2.25rem; + bottom: 2.25rem; + } - .xl\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } + .xl\:inset-x-9 { + right: 2.25rem; + left: 2.25rem; } - .xl\:text-opacity-0 { - --text-opacity: 0; + .xl\:inset-y-10 { + top: 2.5rem; + bottom: 2.5rem; } - .xl\:text-opacity-25 { - --text-opacity: 0.25; + .xl\:inset-x-10 { + right: 2.5rem; + left: 2.5rem; } - .xl\:text-opacity-50 { - --text-opacity: 0.5; + .xl\:inset-y-12 { + top: 3rem; + bottom: 3rem; } - .xl\:text-opacity-75 { - --text-opacity: 0.75; + .xl\:inset-x-12 { + right: 3rem; + left: 3rem; } - .xl\:text-opacity-100 { - --text-opacity: 1; + .xl\:inset-y-14 { + top: 3.5rem; + bottom: 3.5rem; } - .group:hover .xl\:group-hover\:text-opacity-0 { - --text-opacity: 0; + .xl\:inset-x-14 { + right: 3.5rem; + left: 3.5rem; } - .group:hover .xl\:group-hover\:text-opacity-25 { - --text-opacity: 0.25; + .xl\:inset-y-16 { + top: 4rem; + bottom: 4rem; } - .group:hover .xl\:group-hover\:text-opacity-50 { - --text-opacity: 0.5; + .xl\:inset-x-16 { + right: 4rem; + left: 4rem; } - .group:hover .xl\:group-hover\:text-opacity-75 { - --text-opacity: 0.75; + .xl\:inset-y-20 { + top: 5rem; + bottom: 5rem; } - .group:hover .xl\:group-hover\:text-opacity-100 { - --text-opacity: 1; + .xl\:inset-x-20 { + right: 5rem; + left: 5rem; } - .xl\:hover\:text-opacity-0:hover { - --text-opacity: 0; + .xl\:inset-y-24 { + top: 6rem; + bottom: 6rem; } - .xl\:hover\:text-opacity-25:hover { - --text-opacity: 0.25; + .xl\:inset-x-24 { + right: 6rem; + left: 6rem; } - .xl\:hover\:text-opacity-50:hover { - --text-opacity: 0.5; + .xl\:inset-y-28 { + top: 7rem; + bottom: 7rem; } - .xl\:hover\:text-opacity-75:hover { - --text-opacity: 0.75; + .xl\:inset-x-28 { + right: 7rem; + left: 7rem; } - .xl\:hover\:text-opacity-100:hover { - --text-opacity: 1; + .xl\:inset-y-32 { + top: 8rem; + bottom: 8rem; } - .xl\:focus\:text-opacity-0:focus { - --text-opacity: 0; + .xl\:inset-x-32 { + right: 8rem; + left: 8rem; } - .xl\:focus\:text-opacity-25:focus { - --text-opacity: 0.25; + .xl\:inset-y-36 { + top: 9rem; + bottom: 9rem; } - .xl\:focus\:text-opacity-50:focus { - --text-opacity: 0.5; + .xl\:inset-x-36 { + right: 9rem; + left: 9rem; } - .xl\:focus\:text-opacity-75:focus { - --text-opacity: 0.75; + .xl\:inset-y-40 { + top: 10rem; + bottom: 10rem; } - .xl\:focus\:text-opacity-100:focus { - --text-opacity: 1; + .xl\:inset-x-40 { + right: 10rem; + left: 10rem; } - .xl\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:inset-y-44 { + top: 11rem; + bottom: 11rem; } - .xl\:overflow-ellipsis { - text-overflow: ellipsis; + .xl\:inset-x-44 { + right: 11rem; + left: 11rem; } - .xl\:overflow-clip { - text-overflow: clip; + .xl\:inset-y-48 { + top: 12rem; + bottom: 12rem; } - .xl\:italic { - font-style: italic; + .xl\:inset-x-48 { + right: 12rem; + left: 12rem; } - .xl\:not-italic { - font-style: normal; + .xl\:inset-y-52 { + top: 13rem; + bottom: 13rem; } - .xl\:uppercase { - text-transform: uppercase; + .xl\:inset-x-52 { + right: 13rem; + left: 13rem; } - .xl\:lowercase { - text-transform: lowercase; + .xl\:inset-y-56 { + top: 14rem; + bottom: 14rem; } - .xl\:capitalize { - text-transform: capitalize; + .xl\:inset-x-56 { + right: 14rem; + left: 14rem; } - .xl\:normal-case { - text-transform: none; + .xl\:inset-y-60 { + top: 15rem; + bottom: 15rem; } - .xl\:underline { - text-decoration: underline; + .xl\:inset-x-60 { + right: 15rem; + left: 15rem; } - .xl\:line-through { - text-decoration: line-through; + .xl\:inset-y-64 { + top: 16rem; + bottom: 16rem; } - .xl\:no-underline { - text-decoration: none; + .xl\:inset-x-64 { + right: 16rem; + left: 16rem; } - .xl\:hover\:underline:hover { - text-decoration: underline; + .xl\:inset-y-72 { + top: 18rem; + bottom: 18rem; } - .xl\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:inset-x-72 { + right: 18rem; + left: 18rem; } - .xl\:hover\:no-underline:hover { - text-decoration: none; + .xl\:inset-y-80 { + top: 20rem; + bottom: 20rem; } - .xl\:focus\:underline:focus { - text-decoration: underline; + .xl\:inset-x-80 { + right: 20rem; + left: 20rem; } - .xl\:focus\:line-through:focus { - text-decoration: line-through; + .xl\:inset-y-96 { + top: 24rem; + bottom: 24rem; } - .xl\:focus\:no-underline:focus { - text-decoration: none; + .xl\:inset-x-96 { + right: 24rem; + left: 24rem; } - .xl\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:inset-y-auto { + top: auto; + bottom: auto; } - .xl\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:inset-x-auto { + right: auto; + left: auto; } - .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { - --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); - --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); - font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); + .xl\:inset-y-px { + top: 1px; + bottom: 1px; } - .xl\:normal-nums { - font-variant-numeric: normal; + .xl\:inset-x-px { + right: 1px; + left: 1px; } - .xl\:ordinal { - --font-variant-numeric-ordinal: ordinal; + .xl\:inset-y-0\.5 { + top: 0.125rem; + bottom: 0.125rem; } - .xl\:slashed-zero { - --font-variant-numeric-slashed-zero: slashed-zero; + .xl\:inset-x-0\.5 { + right: 0.125rem; + left: 0.125rem; } - .xl\:lining-nums { - --font-variant-numeric-figure: lining-nums; + .xl\:inset-y-1\.5 { + top: 0.375rem; + bottom: 0.375rem; } - .xl\:oldstyle-nums { - --font-variant-numeric-figure: oldstyle-nums; + .xl\:inset-x-1\.5 { + right: 0.375rem; + left: 0.375rem; } - .xl\:proportional-nums { - --font-variant-numeric-spacing: proportional-nums; + .xl\:inset-y-2\.5 { + top: 0.625rem; + bottom: 0.625rem; } - .xl\:tabular-nums { - --font-variant-numeric-spacing: tabular-nums; + .xl\:inset-x-2\.5 { + right: 0.625rem; + left: 0.625rem; } - .xl\:diagonal-fractions { - --font-variant-numeric-fraction: diagonal-fractions; + .xl\:inset-y-3\.5 { + top: 0.875rem; + bottom: 0.875rem; } - .xl\:stacked-fractions { - --font-variant-numeric-fraction: stacked-fractions; + .xl\:inset-x-3\.5 { + right: 0.875rem; + left: 0.875rem; } - .xl\:tracking-tighter { - letter-spacing: -0.05em; + .xl\:-inset-y-1 { + top: -0.25rem; + bottom: -0.25rem; } - .xl\:tracking-tight { - letter-spacing: -0.025em; + .xl\:-inset-x-1 { + right: -0.25rem; + left: -0.25rem; } - .xl\:tracking-normal { - letter-spacing: 0; + .xl\:-inset-y-2 { + top: -0.5rem; + bottom: -0.5rem; } - .xl\:tracking-wide { - letter-spacing: 0.025em; + .xl\:-inset-x-2 { + right: -0.5rem; + left: -0.5rem; } - .xl\:tracking-wider { - letter-spacing: 0.05em; + .xl\:-inset-y-3 { + top: -0.75rem; + bottom: -0.75rem; } - .xl\:tracking-widest { - letter-spacing: 0.1em; + .xl\:-inset-x-3 { + right: -0.75rem; + left: -0.75rem; } - .xl\:select-none { - user-select: none; + .xl\:-inset-y-4 { + top: -1rem; + bottom: -1rem; } - .xl\:select-text { - user-select: text; + .xl\:-inset-x-4 { + right: -1rem; + left: -1rem; } - .xl\:select-all { - user-select: all; + .xl\:-inset-y-5 { + top: -1.25rem; + bottom: -1.25rem; } - .xl\:select-auto { - user-select: auto; + .xl\:-inset-x-5 { + right: -1.25rem; + left: -1.25rem; } - .xl\:align-baseline { - vertical-align: baseline; + .xl\:-inset-y-6 { + top: -1.5rem; + bottom: -1.5rem; } - .xl\:align-top { - vertical-align: top; + .xl\:-inset-x-6 { + right: -1.5rem; + left: -1.5rem; } - .xl\:align-middle { - vertical-align: middle; + .xl\:-inset-y-7 { + top: -1.75rem; + bottom: -1.75rem; } - .xl\:align-bottom { - vertical-align: bottom; + .xl\:-inset-x-7 { + right: -1.75rem; + left: -1.75rem; } - .xl\:align-text-top { - vertical-align: text-top; + .xl\:-inset-y-8 { + top: -2rem; + bottom: -2rem; } - .xl\:align-text-bottom { - vertical-align: text-bottom; + .xl\:-inset-x-8 { + right: -2rem; + left: -2rem; } - .xl\:visible { - visibility: visible; + .xl\:-inset-y-9 { + top: -2.25rem; + bottom: -2.25rem; } - .xl\:invisible { - visibility: hidden; + .xl\:-inset-x-9 { + right: -2.25rem; + left: -2.25rem; } - .xl\:whitespace-normal { - white-space: normal; + .xl\:-inset-y-10 { + top: -2.5rem; + bottom: -2.5rem; } - .xl\:whitespace-no-wrap { - white-space: nowrap; + .xl\:-inset-x-10 { + right: -2.5rem; + left: -2.5rem; } - .xl\:whitespace-pre { - white-space: pre; + .xl\:-inset-y-12 { + top: -3rem; + bottom: -3rem; } - .xl\:whitespace-pre-line { - white-space: pre-line; + .xl\:-inset-x-12 { + right: -3rem; + left: -3rem; } - .xl\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:-inset-y-14 { + top: -3.5rem; + bottom: -3.5rem; } - .xl\:break-normal { - overflow-wrap: normal; - word-break: normal; + .xl\:-inset-x-14 { + right: -3.5rem; + left: -3.5rem; } - .xl\:break-words { - overflow-wrap: break-word; + .xl\:-inset-y-16 { + top: -4rem; + bottom: -4rem; } - .xl\:break-all { - word-break: break-all; + .xl\:-inset-x-16 { + right: -4rem; + left: -4rem; } - .xl\:w-0 { - width: 0; + .xl\:-inset-y-20 { + top: -5rem; + bottom: -5rem; } - .xl\:w-1 { - width: 0.25rem; + .xl\:-inset-x-20 { + right: -5rem; + left: -5rem; } - .xl\:w-2 { - width: 0.5rem; + .xl\:-inset-y-24 { + top: -6rem; + bottom: -6rem; } - .xl\:w-3 { - width: 0.75rem; + .xl\:-inset-x-24 { + right: -6rem; + left: -6rem; } - .xl\:w-4 { - width: 1rem; + .xl\:-inset-y-28 { + top: -7rem; + bottom: -7rem; } - .xl\:w-5 { - width: 1.25rem; + .xl\:-inset-x-28 { + right: -7rem; + left: -7rem; } - .xl\:w-6 { - width: 1.5rem; + .xl\:-inset-y-32 { + top: -8rem; + bottom: -8rem; } - .xl\:w-7 { - width: 1.75rem; + .xl\:-inset-x-32 { + right: -8rem; + left: -8rem; } - .xl\:w-8 { - width: 2rem; + .xl\:-inset-y-36 { + top: -9rem; + bottom: -9rem; } - .xl\:w-9 { - width: 2.25rem; + .xl\:-inset-x-36 { + right: -9rem; + left: -9rem; } - .xl\:w-10 { - width: 2.5rem; + .xl\:-inset-y-40 { + top: -10rem; + bottom: -10rem; } - .xl\:w-12 { - width: 3rem; + .xl\:-inset-x-40 { + right: -10rem; + left: -10rem; } - .xl\:w-14 { - width: 3.5rem; + .xl\:-inset-y-44 { + top: -11rem; + bottom: -11rem; } - .xl\:w-16 { - width: 4rem; + .xl\:-inset-x-44 { + right: -11rem; + left: -11rem; } - .xl\:w-20 { - width: 5rem; + .xl\:-inset-y-48 { + top: -12rem; + bottom: -12rem; } - .xl\:w-24 { - width: 6rem; + .xl\:-inset-x-48 { + right: -12rem; + left: -12rem; } - .xl\:w-28 { - width: 7rem; + .xl\:-inset-y-52 { + top: -13rem; + bottom: -13rem; } - .xl\:w-32 { - width: 8rem; + .xl\:-inset-x-52 { + right: -13rem; + left: -13rem; } - .xl\:w-36 { - width: 9rem; + .xl\:-inset-y-56 { + top: -14rem; + bottom: -14rem; } - .xl\:w-40 { - width: 10rem; + .xl\:-inset-x-56 { + right: -14rem; + left: -14rem; } - .xl\:w-44 { - width: 11rem; + .xl\:-inset-y-60 { + top: -15rem; + bottom: -15rem; } - .xl\:w-48 { - width: 12rem; + .xl\:-inset-x-60 { + right: -15rem; + left: -15rem; } - .xl\:w-52 { - width: 13rem; + .xl\:-inset-y-64 { + top: -16rem; + bottom: -16rem; } - .xl\:w-56 { - width: 14rem; + .xl\:-inset-x-64 { + right: -16rem; + left: -16rem; } - .xl\:w-60 { - width: 15rem; + .xl\:-inset-y-72 { + top: -18rem; + bottom: -18rem; } - .xl\:w-64 { - width: 16rem; + .xl\:-inset-x-72 { + right: -18rem; + left: -18rem; } - .xl\:w-72 { - width: 18rem; + .xl\:-inset-y-80 { + top: -20rem; + bottom: -20rem; } - .xl\:w-80 { - width: 20rem; + .xl\:-inset-x-80 { + right: -20rem; + left: -20rem; } - .xl\:w-96 { - width: 24rem; + .xl\:-inset-y-96 { + top: -24rem; + bottom: -24rem; } - .xl\:w-auto { - width: auto; + .xl\:-inset-x-96 { + right: -24rem; + left: -24rem; } - .xl\:w-px { - width: 1px; + .xl\:-inset-y-px { + top: -1px; + bottom: -1px; } - .xl\:w-0\.5 { - width: 0.125rem; + .xl\:-inset-x-px { + right: -1px; + left: -1px; } - .xl\:w-1\.5 { - width: 0.375rem; + .xl\:-inset-y-0\.5 { + top: -0.125rem; + bottom: -0.125rem; } - .xl\:w-2\.5 { - width: 0.625rem; + .xl\:-inset-x-0\.5 { + right: -0.125rem; + left: -0.125rem; } - .xl\:w-3\.5 { - width: 0.875rem; + .xl\:-inset-y-1\.5 { + top: -0.375rem; + bottom: -0.375rem; } - .xl\:w-1\/2 { - width: 50%; + .xl\:-inset-x-1\.5 { + right: -0.375rem; + left: -0.375rem; } - .xl\:w-1\/3 { - width: 33.333333%; + .xl\:-inset-y-2\.5 { + top: -0.625rem; + bottom: -0.625rem; } - .xl\:w-2\/3 { - width: 66.666667%; + .xl\:-inset-x-2\.5 { + right: -0.625rem; + left: -0.625rem; } - .xl\:w-1\/4 { - width: 25%; + .xl\:-inset-y-3\.5 { + top: -0.875rem; + bottom: -0.875rem; } - .xl\:w-2\/4 { - width: 50%; + .xl\:-inset-x-3\.5 { + right: -0.875rem; + left: -0.875rem; } - .xl\:w-3\/4 { - width: 75%; + .xl\:inset-y-1\/2 { + top: 50%; + bottom: 50%; } - .xl\:w-1\/5 { - width: 20%; + .xl\:inset-x-1\/2 { + right: 50%; + left: 50%; } - .xl\:w-2\/5 { - width: 40%; + .xl\:inset-y-1\/3 { + top: 33.333333%; + bottom: 33.333333%; } - .xl\:w-3\/5 { - width: 60%; + .xl\:inset-x-1\/3 { + right: 33.333333%; + left: 33.333333%; } - .xl\:w-4\/5 { - width: 80%; + .xl\:inset-y-2\/3 { + top: 66.666667%; + bottom: 66.666667%; } - .xl\:w-1\/6 { - width: 16.666667%; + .xl\:inset-x-2\/3 { + right: 66.666667%; + left: 66.666667%; } - .xl\:w-2\/6 { - width: 33.333333%; + .xl\:inset-y-1\/4 { + top: 25%; + bottom: 25%; } - .xl\:w-3\/6 { - width: 50%; + .xl\:inset-x-1\/4 { + right: 25%; + left: 25%; } - .xl\:w-4\/6 { - width: 66.666667%; + .xl\:inset-y-2\/4 { + top: 50%; + bottom: 50%; } - .xl\:w-5\/6 { - width: 83.333333%; + .xl\:inset-x-2\/4 { + right: 50%; + left: 50%; } - .xl\:w-1\/12 { - width: 8.333333%; + .xl\:inset-y-3\/4 { + top: 75%; + bottom: 75%; } - .xl\:w-2\/12 { - width: 16.666667%; + .xl\:inset-x-3\/4 { + right: 75%; + left: 75%; } - .xl\:w-3\/12 { - width: 25%; + .xl\:inset-y-full { + top: 100%; + bottom: 100%; } - .xl\:w-4\/12 { - width: 33.333333%; + .xl\:inset-x-full { + right: 100%; + left: 100%; } - .xl\:w-5\/12 { - width: 41.666667%; + .xl\:-inset-y-1\/2 { + top: -50%; + bottom: -50%; } - .xl\:w-6\/12 { - width: 50%; + .xl\:-inset-x-1\/2 { + right: -50%; + left: -50%; } - .xl\:w-7\/12 { - width: 58.333333%; + .xl\:-inset-y-1\/3 { + top: -33.333333%; + bottom: -33.333333%; } - .xl\:w-8\/12 { - width: 66.666667%; + .xl\:-inset-x-1\/3 { + right: -33.333333%; + left: -33.333333%; } - .xl\:w-9\/12 { - width: 75%; + .xl\:-inset-y-2\/3 { + top: -66.666667%; + bottom: -66.666667%; } - .xl\:w-10\/12 { - width: 83.333333%; + .xl\:-inset-x-2\/3 { + right: -66.666667%; + left: -66.666667%; } - .xl\:w-11\/12 { - width: 91.666667%; + .xl\:-inset-y-1\/4 { + top: -25%; + bottom: -25%; } - .xl\:w-full { - width: 100%; + .xl\:-inset-x-1\/4 { + right: -25%; + left: -25%; } - .xl\:w-screen { - width: 100vw; + .xl\:-inset-y-2\/4 { + top: -50%; + bottom: -50%; } - .xl\:w-min { - width: min-content; + .xl\:-inset-x-2\/4 { + right: -50%; + left: -50%; } - .xl\:w-max { - width: max-content; + .xl\:-inset-y-3\/4 { + top: -75%; + bottom: -75%; } - .xl\:z-0 { - z-index: 0; + .xl\:-inset-x-3\/4 { + right: -75%; + left: -75%; } - .xl\:z-10 { - z-index: 10; + .xl\:-inset-y-full { + top: -100%; + bottom: -100%; } - .xl\:z-20 { - z-index: 20; + .xl\:-inset-x-full { + right: -100%; + left: -100%; } - .xl\:z-30 { - z-index: 30; + .xl\:top-0 { + top: 0; } - .xl\:z-40 { - z-index: 40; + .xl\:right-0 { + right: 0; } - .xl\:z-50 { - z-index: 50; + .xl\:bottom-0 { + bottom: 0; } - .xl\:z-auto { - z-index: auto; + .xl\:left-0 { + left: 0; } - .xl\:focus\:z-0:focus { - z-index: 0; + .xl\:top-1 { + top: 0.25rem; } - .xl\:focus\:z-10:focus { - z-index: 10; + .xl\:right-1 { + right: 0.25rem; } - .xl\:focus\:z-20:focus { - z-index: 20; + .xl\:bottom-1 { + bottom: 0.25rem; } - .xl\:focus\:z-30:focus { - z-index: 30; + .xl\:left-1 { + left: 0.25rem; } - .xl\:focus\:z-40:focus { - z-index: 40; + .xl\:top-2 { + top: 0.5rem; } - .xl\:focus\:z-50:focus { - z-index: 50; + .xl\:right-2 { + right: 0.5rem; } - .xl\:focus\:z-auto:focus { - z-index: auto; + .xl\:bottom-2 { + bottom: 0.5rem; } - .xl\:gap-0 { - grid-gap: 0; - gap: 0; + .xl\:left-2 { + left: 0.5rem; } - .xl\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .xl\:top-3 { + top: 0.75rem; } - .xl\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .xl\:right-3 { + right: 0.75rem; } - .xl\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .xl\:bottom-3 { + bottom: 0.75rem; } - .xl\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .xl\:left-3 { + left: 0.75rem; } - .xl\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .xl\:top-4 { + top: 1rem; } - .xl\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .xl\:right-4 { + right: 1rem; } - .xl\:gap-7 { - grid-gap: 1.75rem; - gap: 1.75rem; + .xl\:bottom-4 { + bottom: 1rem; } - .xl\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .xl\:left-4 { + left: 1rem; } - .xl\:gap-9 { - grid-gap: 2.25rem; - gap: 2.25rem; + .xl\:top-5 { + top: 1.25rem; } - .xl\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .xl\:right-5 { + right: 1.25rem; } - .xl\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .xl\:bottom-5 { + bottom: 1.25rem; } - .xl\:gap-14 { - grid-gap: 3.5rem; - gap: 3.5rem; + .xl\:left-5 { + left: 1.25rem; } - .xl\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .xl\:top-6 { + top: 1.5rem; } - .xl\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .xl\:right-6 { + right: 1.5rem; } - .xl\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .xl\:bottom-6 { + bottom: 1.5rem; } - .xl\:gap-28 { - grid-gap: 7rem; - gap: 7rem; + .xl\:left-6 { + left: 1.5rem; } - .xl\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .xl\:top-7 { + top: 1.75rem; } - .xl\:gap-36 { - grid-gap: 9rem; - gap: 9rem; + .xl\:right-7 { + right: 1.75rem; } - .xl\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .xl\:bottom-7 { + bottom: 1.75rem; } - .xl\:gap-44 { - grid-gap: 11rem; - gap: 11rem; + .xl\:left-7 { + left: 1.75rem; } - .xl\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .xl\:top-8 { + top: 2rem; } - .xl\:gap-52 { - grid-gap: 13rem; - gap: 13rem; + .xl\:right-8 { + right: 2rem; } - .xl\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .xl\:bottom-8 { + bottom: 2rem; } - .xl\:gap-60 { - grid-gap: 15rem; - gap: 15rem; + .xl\:left-8 { + left: 2rem; } - .xl\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .xl\:top-9 { + top: 2.25rem; } - .xl\:gap-72 { - grid-gap: 18rem; - gap: 18rem; + .xl\:right-9 { + right: 2.25rem; } - .xl\:gap-80 { - grid-gap: 20rem; - gap: 20rem; + .xl\:bottom-9 { + bottom: 2.25rem; } - .xl\:gap-96 { - grid-gap: 24rem; - gap: 24rem; + .xl\:left-9 { + left: 2.25rem; } - .xl\:gap-px { - grid-gap: 1px; - gap: 1px; + .xl\:top-10 { + top: 2.5rem; } - .xl\:gap-0\.5 { - grid-gap: 0.125rem; - gap: 0.125rem; + .xl\:right-10 { + right: 2.5rem; } - .xl\:gap-1\.5 { - grid-gap: 0.375rem; - gap: 0.375rem; + .xl\:bottom-10 { + bottom: 2.5rem; } - .xl\:gap-2\.5 { - grid-gap: 0.625rem; - gap: 0.625rem; + .xl\:left-10 { + left: 2.5rem; } - .xl\:gap-3\.5 { - grid-gap: 0.875rem; - gap: 0.875rem; + .xl\:top-12 { + top: 3rem; } - .xl\:gap-x-0 { - grid-column-gap: 0; - column-gap: 0; + .xl\:right-12 { + right: 3rem; } - .xl\:gap-x-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .xl\:bottom-12 { + bottom: 3rem; } - .xl\:gap-x-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .xl\:left-12 { + left: 3rem; } - .xl\:gap-x-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .xl\:top-14 { + top: 3.5rem; } - .xl\:gap-x-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .xl\:right-14 { + right: 3.5rem; } - .xl\:gap-x-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .xl\:bottom-14 { + bottom: 3.5rem; } - .xl\:gap-x-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .xl\:left-14 { + left: 3.5rem; } - .xl\:gap-x-7 { - grid-column-gap: 1.75rem; - column-gap: 1.75rem; + .xl\:top-16 { + top: 4rem; } - .xl\:gap-x-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .xl\:right-16 { + right: 4rem; } - .xl\:gap-x-9 { - grid-column-gap: 2.25rem; - column-gap: 2.25rem; + .xl\:bottom-16 { + bottom: 4rem; } - .xl\:gap-x-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .xl\:left-16 { + left: 4rem; } - .xl\:gap-x-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .xl\:top-20 { + top: 5rem; } - .xl\:gap-x-14 { - grid-column-gap: 3.5rem; - column-gap: 3.5rem; + .xl\:right-20 { + right: 5rem; } - .xl\:gap-x-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .xl\:bottom-20 { + bottom: 5rem; } - .xl\:gap-x-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .xl\:left-20 { + left: 5rem; } - .xl\:gap-x-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .xl\:top-24 { + top: 6rem; } - .xl\:gap-x-28 { - grid-column-gap: 7rem; - column-gap: 7rem; + .xl\:right-24 { + right: 6rem; } - .xl\:gap-x-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .xl\:bottom-24 { + bottom: 6rem; } - .xl\:gap-x-36 { - grid-column-gap: 9rem; - column-gap: 9rem; + .xl\:left-24 { + left: 6rem; } - .xl\:gap-x-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .xl\:top-28 { + top: 7rem; } - .xl\:gap-x-44 { - grid-column-gap: 11rem; - column-gap: 11rem; + .xl\:right-28 { + right: 7rem; } - .xl\:gap-x-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .xl\:bottom-28 { + bottom: 7rem; } - .xl\:gap-x-52 { - grid-column-gap: 13rem; - column-gap: 13rem; + .xl\:left-28 { + left: 7rem; } - .xl\:gap-x-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .xl\:top-32 { + top: 8rem; } - .xl\:gap-x-60 { - grid-column-gap: 15rem; - column-gap: 15rem; + .xl\:right-32 { + right: 8rem; } - .xl\:gap-x-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .xl\:bottom-32 { + bottom: 8rem; } - .xl\:gap-x-72 { - grid-column-gap: 18rem; - column-gap: 18rem; + .xl\:left-32 { + left: 8rem; } - .xl\:gap-x-80 { - grid-column-gap: 20rem; - column-gap: 20rem; + .xl\:top-36 { + top: 9rem; } - .xl\:gap-x-96 { - grid-column-gap: 24rem; - column-gap: 24rem; + .xl\:right-36 { + right: 9rem; } - .xl\:gap-x-px { - grid-column-gap: 1px; - column-gap: 1px; + .xl\:bottom-36 { + bottom: 9rem; } - .xl\:gap-x-0\.5 { - grid-column-gap: 0.125rem; - column-gap: 0.125rem; + .xl\:left-36 { + left: 9rem; } - .xl\:gap-x-1\.5 { - grid-column-gap: 0.375rem; - column-gap: 0.375rem; + .xl\:top-40 { + top: 10rem; } - .xl\:gap-x-2\.5 { - grid-column-gap: 0.625rem; - column-gap: 0.625rem; + .xl\:right-40 { + right: 10rem; } - .xl\:gap-x-3\.5 { - grid-column-gap: 0.875rem; - column-gap: 0.875rem; + .xl\:bottom-40 { + bottom: 10rem; } - .xl\:gap-y-0 { - grid-row-gap: 0; - row-gap: 0; + .xl\:left-40 { + left: 10rem; } - .xl\:gap-y-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .xl\:top-44 { + top: 11rem; } - .xl\:gap-y-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .xl\:right-44 { + right: 11rem; } - .xl\:gap-y-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .xl\:bottom-44 { + bottom: 11rem; } - .xl\:gap-y-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .xl\:left-44 { + left: 11rem; } - .xl\:gap-y-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .xl\:top-48 { + top: 12rem; } - .xl\:gap-y-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .xl\:right-48 { + right: 12rem; } - .xl\:gap-y-7 { - grid-row-gap: 1.75rem; - row-gap: 1.75rem; + .xl\:bottom-48 { + bottom: 12rem; } - .xl\:gap-y-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .xl\:left-48 { + left: 12rem; } - .xl\:gap-y-9 { - grid-row-gap: 2.25rem; - row-gap: 2.25rem; + .xl\:top-52 { + top: 13rem; } - .xl\:gap-y-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .xl\:right-52 { + right: 13rem; } - .xl\:gap-y-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .xl\:bottom-52 { + bottom: 13rem; } - .xl\:gap-y-14 { - grid-row-gap: 3.5rem; - row-gap: 3.5rem; + .xl\:left-52 { + left: 13rem; } - .xl\:gap-y-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .xl\:top-56 { + top: 14rem; } - .xl\:gap-y-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .xl\:right-56 { + right: 14rem; } - .xl\:gap-y-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .xl\:bottom-56 { + bottom: 14rem; } - .xl\:gap-y-28 { - grid-row-gap: 7rem; - row-gap: 7rem; + .xl\:left-56 { + left: 14rem; } - .xl\:gap-y-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .xl\:top-60 { + top: 15rem; } - .xl\:gap-y-36 { - grid-row-gap: 9rem; - row-gap: 9rem; + .xl\:right-60 { + right: 15rem; } - .xl\:gap-y-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .xl\:bottom-60 { + bottom: 15rem; } - .xl\:gap-y-44 { - grid-row-gap: 11rem; - row-gap: 11rem; + .xl\:left-60 { + left: 15rem; } - .xl\:gap-y-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .xl\:top-64 { + top: 16rem; } - .xl\:gap-y-52 { - grid-row-gap: 13rem; - row-gap: 13rem; + .xl\:right-64 { + right: 16rem; } - .xl\:gap-y-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .xl\:bottom-64 { + bottom: 16rem; } - .xl\:gap-y-60 { - grid-row-gap: 15rem; - row-gap: 15rem; + .xl\:left-64 { + left: 16rem; } - .xl\:gap-y-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .xl\:top-72 { + top: 18rem; } - .xl\:gap-y-72 { - grid-row-gap: 18rem; - row-gap: 18rem; + .xl\:right-72 { + right: 18rem; } - .xl\:gap-y-80 { - grid-row-gap: 20rem; - row-gap: 20rem; + .xl\:bottom-72 { + bottom: 18rem; } - .xl\:gap-y-96 { - grid-row-gap: 24rem; - row-gap: 24rem; + .xl\:left-72 { + left: 18rem; } - .xl\:gap-y-px { - grid-row-gap: 1px; - row-gap: 1px; + .xl\:top-80 { + top: 20rem; } - .xl\:gap-y-0\.5 { - grid-row-gap: 0.125rem; - row-gap: 0.125rem; + .xl\:right-80 { + right: 20rem; } - .xl\:gap-y-1\.5 { - grid-row-gap: 0.375rem; - row-gap: 0.375rem; + .xl\:bottom-80 { + bottom: 20rem; } - .xl\:gap-y-2\.5 { - grid-row-gap: 0.625rem; - row-gap: 0.625rem; + .xl\:left-80 { + left: 20rem; } - .xl\:gap-y-3\.5 { - grid-row-gap: 0.875rem; - row-gap: 0.875rem; + .xl\:top-96 { + top: 24rem; } - .xl\:grid-flow-row { - grid-auto-flow: row; + .xl\:right-96 { + right: 24rem; } - .xl\:grid-flow-col { - grid-auto-flow: column; + .xl\:bottom-96 { + bottom: 24rem; } - .xl\:grid-flow-row-dense { - grid-auto-flow: row dense; + .xl\:left-96 { + left: 24rem; } - .xl\:grid-flow-col-dense { - grid-auto-flow: column dense; + .xl\:top-auto { + top: auto; } - .xl\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .xl\:right-auto { + right: auto; } - .xl\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .xl\:bottom-auto { + bottom: auto; } - .xl\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .xl\:left-auto { + left: auto; } - .xl\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .xl\:top-px { + top: 1px; } - .xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .xl\:right-px { + right: 1px; } - .xl\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .xl\:bottom-px { + bottom: 1px; } - .xl\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .xl\:left-px { + left: 1px; } - .xl\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .xl\:top-0\.5 { + top: 0.125rem; } - .xl\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .xl\:right-0\.5 { + right: 0.125rem; } - .xl\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .xl\:bottom-0\.5 { + bottom: 0.125rem; } - .xl\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .xl\:left-0\.5 { + left: 0.125rem; } - .xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .xl\:top-1\.5 { + top: 0.375rem; } - .xl\:grid-cols-none { - grid-template-columns: none; + .xl\:right-1\.5 { + right: 0.375rem; } - .xl\:auto-cols-auto { - grid-auto-columns: auto; + .xl\:bottom-1\.5 { + bottom: 0.375rem; } - .xl\:auto-cols-min { - grid-auto-columns: min-content; + .xl\:left-1\.5 { + left: 0.375rem; } - .xl\:auto-cols-max { - grid-auto-columns: max-content; + .xl\:top-2\.5 { + top: 0.625rem; } - .xl\:auto-cols-fr { - grid-auto-columns: minmax(0, 1fr); + .xl\:right-2\.5 { + right: 0.625rem; } - .xl\:col-auto { - grid-column: auto; + .xl\:bottom-2\.5 { + bottom: 0.625rem; } - .xl\:col-span-1 { - grid-column: span 1 / span 1; + .xl\:left-2\.5 { + left: 0.625rem; } - .xl\:col-span-2 { - grid-column: span 2 / span 2; + .xl\:top-3\.5 { + top: 0.875rem; } - .xl\:col-span-3 { - grid-column: span 3 / span 3; + .xl\:right-3\.5 { + right: 0.875rem; } - .xl\:col-span-4 { - grid-column: span 4 / span 4; + .xl\:bottom-3\.5 { + bottom: 0.875rem; } - .xl\:col-span-5 { - grid-column: span 5 / span 5; + .xl\:left-3\.5 { + left: 0.875rem; } - .xl\:col-span-6 { - grid-column: span 6 / span 6; + .xl\:-top-1 { + top: -0.25rem; } - .xl\:col-span-7 { - grid-column: span 7 / span 7; + .xl\:-right-1 { + right: -0.25rem; } - .xl\:col-span-8 { - grid-column: span 8 / span 8; + .xl\:-bottom-1 { + bottom: -0.25rem; } - .xl\:col-span-9 { - grid-column: span 9 / span 9; + .xl\:-left-1 { + left: -0.25rem; } - .xl\:col-span-10 { - grid-column: span 10 / span 10; + .xl\:-top-2 { + top: -0.5rem; } - .xl\:col-span-11 { - grid-column: span 11 / span 11; + .xl\:-right-2 { + right: -0.5rem; } - .xl\:col-span-12 { - grid-column: span 12 / span 12; + .xl\:-bottom-2 { + bottom: -0.5rem; } - .xl\:col-span-full { - grid-column: 1 / -1; + .xl\:-left-2 { + left: -0.5rem; } - .xl\:col-start-1 { - grid-column-start: 1; + .xl\:-top-3 { + top: -0.75rem; } - .xl\:col-start-2 { - grid-column-start: 2; + .xl\:-right-3 { + right: -0.75rem; } - .xl\:col-start-3 { - grid-column-start: 3; + .xl\:-bottom-3 { + bottom: -0.75rem; } - .xl\:col-start-4 { - grid-column-start: 4; + .xl\:-left-3 { + left: -0.75rem; } - .xl\:col-start-5 { - grid-column-start: 5; + .xl\:-top-4 { + top: -1rem; } - .xl\:col-start-6 { - grid-column-start: 6; + .xl\:-right-4 { + right: -1rem; } - .xl\:col-start-7 { - grid-column-start: 7; + .xl\:-bottom-4 { + bottom: -1rem; } - .xl\:col-start-8 { - grid-column-start: 8; + .xl\:-left-4 { + left: -1rem; } - .xl\:col-start-9 { - grid-column-start: 9; + .xl\:-top-5 { + top: -1.25rem; } - .xl\:col-start-10 { - grid-column-start: 10; + .xl\:-right-5 { + right: -1.25rem; } - .xl\:col-start-11 { - grid-column-start: 11; + .xl\:-bottom-5 { + bottom: -1.25rem; } - .xl\:col-start-12 { - grid-column-start: 12; + .xl\:-left-5 { + left: -1.25rem; } - .xl\:col-start-13 { - grid-column-start: 13; + .xl\:-top-6 { + top: -1.5rem; } - .xl\:col-start-auto { - grid-column-start: auto; + .xl\:-right-6 { + right: -1.5rem; } - .xl\:col-end-1 { - grid-column-end: 1; + .xl\:-bottom-6 { + bottom: -1.5rem; } - .xl\:col-end-2 { - grid-column-end: 2; + .xl\:-left-6 { + left: -1.5rem; } - .xl\:col-end-3 { - grid-column-end: 3; + .xl\:-top-7 { + top: -1.75rem; } - .xl\:col-end-4 { - grid-column-end: 4; + .xl\:-right-7 { + right: -1.75rem; } - .xl\:col-end-5 { - grid-column-end: 5; + .xl\:-bottom-7 { + bottom: -1.75rem; } - .xl\:col-end-6 { - grid-column-end: 6; + .xl\:-left-7 { + left: -1.75rem; } - .xl\:col-end-7 { - grid-column-end: 7; + .xl\:-top-8 { + top: -2rem; } - .xl\:col-end-8 { - grid-column-end: 8; + .xl\:-right-8 { + right: -2rem; } - .xl\:col-end-9 { - grid-column-end: 9; + .xl\:-bottom-8 { + bottom: -2rem; } - .xl\:col-end-10 { - grid-column-end: 10; + .xl\:-left-8 { + left: -2rem; } - .xl\:col-end-11 { - grid-column-end: 11; + .xl\:-top-9 { + top: -2.25rem; } - .xl\:col-end-12 { - grid-column-end: 12; + .xl\:-right-9 { + right: -2.25rem; } - .xl\:col-end-13 { - grid-column-end: 13; + .xl\:-bottom-9 { + bottom: -2.25rem; } - .xl\:col-end-auto { - grid-column-end: auto; + .xl\:-left-9 { + left: -2.25rem; } - .xl\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .xl\:-top-10 { + top: -2.5rem; } - .xl\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .xl\:-right-10 { + right: -2.5rem; } - .xl\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .xl\:-bottom-10 { + bottom: -2.5rem; } - .xl\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .xl\:-left-10 { + left: -2.5rem; } - .xl\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .xl\:-top-12 { + top: -3rem; } - .xl\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .xl\:-right-12 { + right: -3rem; } - .xl\:grid-rows-none { - grid-template-rows: none; + .xl\:-bottom-12 { + bottom: -3rem; } - .xl\:auto-rows-auto { - grid-auto-rows: auto; + .xl\:-left-12 { + left: -3rem; } - .xl\:auto-rows-min { - grid-auto-rows: min-content; + .xl\:-top-14 { + top: -3.5rem; } - .xl\:auto-rows-max { - grid-auto-rows: max-content; + .xl\:-right-14 { + right: -3.5rem; } - .xl\:auto-rows-fr { - grid-auto-rows: minmax(0, 1fr); + .xl\:-bottom-14 { + bottom: -3.5rem; } - .xl\:row-auto { - grid-row: auto; + .xl\:-left-14 { + left: -3.5rem; } - .xl\:row-span-1 { - grid-row: span 1 / span 1; + .xl\:-top-16 { + top: -4rem; } - .xl\:row-span-2 { - grid-row: span 2 / span 2; + .xl\:-right-16 { + right: -4rem; } - .xl\:row-span-3 { - grid-row: span 3 / span 3; + .xl\:-bottom-16 { + bottom: -4rem; } - .xl\:row-span-4 { - grid-row: span 4 / span 4; + .xl\:-left-16 { + left: -4rem; } - .xl\:row-span-5 { - grid-row: span 5 / span 5; + .xl\:-top-20 { + top: -5rem; } - .xl\:row-span-6 { - grid-row: span 6 / span 6; + .xl\:-right-20 { + right: -5rem; } - .xl\:row-span-full { - grid-row: 1 / -1; + .xl\:-bottom-20 { + bottom: -5rem; } - .xl\:row-start-1 { - grid-row-start: 1; + .xl\:-left-20 { + left: -5rem; } - .xl\:row-start-2 { - grid-row-start: 2; + .xl\:-top-24 { + top: -6rem; } - .xl\:row-start-3 { - grid-row-start: 3; + .xl\:-right-24 { + right: -6rem; } - .xl\:row-start-4 { - grid-row-start: 4; + .xl\:-bottom-24 { + bottom: -6rem; } - .xl\:row-start-5 { - grid-row-start: 5; + .xl\:-left-24 { + left: -6rem; } - .xl\:row-start-6 { - grid-row-start: 6; + .xl\:-top-28 { + top: -7rem; } - .xl\:row-start-7 { - grid-row-start: 7; + .xl\:-right-28 { + right: -7rem; } - .xl\:row-start-auto { - grid-row-start: auto; + .xl\:-bottom-28 { + bottom: -7rem; } - .xl\:row-end-1 { - grid-row-end: 1; + .xl\:-left-28 { + left: -7rem; } - .xl\:row-end-2 { - grid-row-end: 2; + .xl\:-top-32 { + top: -8rem; } - .xl\:row-end-3 { - grid-row-end: 3; + .xl\:-right-32 { + right: -8rem; } - .xl\:row-end-4 { - grid-row-end: 4; + .xl\:-bottom-32 { + bottom: -8rem; } - .xl\:row-end-5 { - grid-row-end: 5; + .xl\:-left-32 { + left: -8rem; } - .xl\:row-end-6 { - grid-row-end: 6; + .xl\:-top-36 { + top: -9rem; } - .xl\:row-end-7 { - grid-row-end: 7; + .xl\:-right-36 { + right: -9rem; } - .xl\:row-end-auto { - grid-row-end: auto; + .xl\:-bottom-36 { + bottom: -9rem; } - .xl\: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\:-left-36 { + left: -9rem; } - .xl\:transform-gpu { - --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) 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\:-top-40 { + top: -10rem; } - .xl\:transform-none { - transform: none; + .xl\:-right-40 { + right: -10rem; } - .xl\:origin-center { - transform-origin: center; + .xl\:-bottom-40 { + bottom: -10rem; } - .xl\:origin-top { - transform-origin: top; + .xl\:-left-40 { + left: -10rem; } - .xl\:origin-top-right { - transform-origin: top right; + .xl\:-top-44 { + top: -11rem; } - .xl\:origin-right { - transform-origin: right; + .xl\:-right-44 { + right: -11rem; } - .xl\:origin-bottom-right { - transform-origin: bottom right; + .xl\:-bottom-44 { + bottom: -11rem; } - .xl\:origin-bottom { - transform-origin: bottom; + .xl\:-left-44 { + left: -11rem; } - .xl\:origin-bottom-left { - transform-origin: bottom left; + .xl\:-top-48 { + top: -12rem; } - .xl\:origin-left { - transform-origin: left; + .xl\:-right-48 { + right: -12rem; } - .xl\:origin-top-left { - transform-origin: top left; + .xl\:-bottom-48 { + bottom: -12rem; } - .xl\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-left-48 { + left: -12rem; } - .xl\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-top-52 { + top: -13rem; } - .xl\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-right-52 { + right: -13rem; } - .xl\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-bottom-52 { + bottom: -13rem; } - .xl\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-left-52 { + left: -13rem; } - .xl\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-top-56 { + top: -14rem; } - .xl\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-right-56 { + right: -14rem; } - .xl\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:-bottom-56 { + bottom: -14rem; } - .xl\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-left-56 { + left: -14rem; } - .xl\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-top-60 { + top: -15rem; } - .xl\:scale-x-0 { - --transform-scale-x: 0; + .xl\:-right-60 { + right: -15rem; } - .xl\:scale-x-50 { - --transform-scale-x: .5; + .xl\:-bottom-60 { + bottom: -15rem; } - .xl\:scale-x-75 { - --transform-scale-x: .75; + .xl\:-left-60 { + left: -15rem; } - .xl\:scale-x-90 { - --transform-scale-x: .9; + .xl\:-top-64 { + top: -16rem; } - .xl\:scale-x-95 { - --transform-scale-x: .95; + .xl\:-right-64 { + right: -16rem; } - .xl\:scale-x-100 { - --transform-scale-x: 1; + .xl\:-bottom-64 { + bottom: -16rem; } - .xl\:scale-x-105 { - --transform-scale-x: 1.05; + .xl\:-left-64 { + left: -16rem; } - .xl\:scale-x-110 { - --transform-scale-x: 1.1; + .xl\:-top-72 { + top: -18rem; } - .xl\:scale-x-125 { - --transform-scale-x: 1.25; + .xl\:-right-72 { + right: -18rem; } - .xl\:scale-x-150 { - --transform-scale-x: 1.5; + .xl\:-bottom-72 { + bottom: -18rem; } - .xl\:scale-y-0 { - --transform-scale-y: 0; + .xl\:-left-72 { + left: -18rem; } - .xl\:scale-y-50 { - --transform-scale-y: .5; + .xl\:-top-80 { + top: -20rem; } - .xl\:scale-y-75 { - --transform-scale-y: .75; + .xl\:-right-80 { + right: -20rem; } - .xl\:scale-y-90 { - --transform-scale-y: .9; + .xl\:-bottom-80 { + bottom: -20rem; } - .xl\:scale-y-95 { - --transform-scale-y: .95; + .xl\:-left-80 { + left: -20rem; } - .xl\:scale-y-100 { - --transform-scale-y: 1; + .xl\:-top-96 { + top: -24rem; } - .xl\:scale-y-105 { - --transform-scale-y: 1.05; + .xl\:-right-96 { + right: -24rem; } - .xl\:scale-y-110 { - --transform-scale-y: 1.1; + .xl\:-bottom-96 { + bottom: -24rem; } - .xl\:scale-y-125 { - --transform-scale-y: 1.25; + .xl\:-left-96 { + left: -24rem; } - .xl\:scale-y-150 { - --transform-scale-y: 1.5; + .xl\:-top-px { + top: -1px; } - .xl\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:-right-px { + right: -1px; } - .xl\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:-bottom-px { + bottom: -1px; } - .xl\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:-left-px { + left: -1px; } - .xl\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:-top-0\.5 { + top: -0.125rem; } - .xl\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:-right-0\.5 { + right: -0.125rem; } - .xl\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:-bottom-0\.5 { + bottom: -0.125rem; } - .xl\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:-left-0\.5 { + left: -0.125rem; } - - .xl\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + + .xl\:-top-1\.5 { + top: -0.375rem; } - .xl\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:-right-1\.5 { + right: -0.375rem; } - .xl\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:-bottom-1\.5 { + bottom: -0.375rem; } - .xl\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .xl\:-left-1\.5 { + left: -0.375rem; } - .xl\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .xl\:-top-2\.5 { + top: -0.625rem; } - .xl\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .xl\:-right-2\.5 { + right: -0.625rem; } - .xl\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .xl\:-bottom-2\.5 { + bottom: -0.625rem; } - .xl\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .xl\:-left-2\.5 { + left: -0.625rem; } - .xl\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .xl\:-top-3\.5 { + top: -0.875rem; } - .xl\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .xl\:-right-3\.5 { + right: -0.875rem; } - .xl\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .xl\:-bottom-3\.5 { + bottom: -0.875rem; } - .xl\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .xl\:-left-3\.5 { + left: -0.875rem; } - .xl\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .xl\:top-1\/2 { + top: 50%; } - .xl\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .xl\:right-1\/2 { + right: 50%; } - .xl\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .xl\:bottom-1\/2 { + bottom: 50%; } - .xl\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .xl\:left-1\/2 { + left: 50%; } - .xl\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .xl\:top-1\/3 { + top: 33.333333%; } - .xl\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .xl\:right-1\/3 { + right: 33.333333%; } - .xl\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .xl\:bottom-1\/3 { + bottom: 33.333333%; } - .xl\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .xl\:left-1\/3 { + left: 33.333333%; } - .xl\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .xl\:top-2\/3 { + top: 66.666667%; } - .xl\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .xl\:right-2\/3 { + right: 66.666667%; } - .xl\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .xl\:bottom-2\/3 { + bottom: 66.666667%; } - .xl\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .xl\:left-2\/3 { + left: 66.666667%; } - .xl\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .xl\:top-1\/4 { + top: 25%; } - .xl\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .xl\:right-1\/4 { + right: 25%; } - .xl\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .xl\:bottom-1\/4 { + bottom: 25%; } - .xl\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .xl\:left-1\/4 { + left: 25%; } - .xl\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .xl\:top-2\/4 { + top: 50%; } - .xl\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .xl\:right-2\/4 { + right: 50%; } - .xl\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .xl\:bottom-2\/4 { + bottom: 50%; } - .xl\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .xl\:left-2\/4 { + left: 50%; } - .xl\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .xl\:top-3\/4 { + top: 75%; } - .xl\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .xl\:right-3\/4 { + right: 75%; } - .xl\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .xl\:bottom-3\/4 { + bottom: 75%; } - .xl\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .xl\:left-3\/4 { + left: 75%; } - .xl\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .xl\:top-full { + top: 100%; } - .xl\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .xl\:right-full { + right: 100%; } - .xl\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .xl\:bottom-full { + bottom: 100%; } - .xl\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .xl\:left-full { + left: 100%; } - .xl\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .xl\:-top-1\/2 { + top: -50%; } - .xl\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .xl\:-right-1\/2 { + right: -50%; } - .xl\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .xl\:-bottom-1\/2 { + bottom: -50%; } - .xl\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .xl\:-left-1\/2 { + left: -50%; } - .xl\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .xl\:-top-1\/3 { + top: -33.333333%; } - .xl\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .xl\:-right-1\/3 { + right: -33.333333%; } - .xl\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .xl\:-bottom-1\/3 { + bottom: -33.333333%; } - .xl\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .xl\:-left-1\/3 { + left: -33.333333%; } - .xl\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .xl\:-top-2\/3 { + top: -66.666667%; } - .xl\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .xl\:-right-2\/3 { + right: -66.666667%; } - .xl\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .xl\:-bottom-2\/3 { + bottom: -66.666667%; } - .xl\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .xl\:-left-2\/3 { + left: -66.666667%; } - .xl\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .xl\:-top-1\/4 { + top: -25%; } - .xl\:rotate-0 { - --transform-rotate: 0; + .xl\:-right-1\/4 { + right: -25%; } - .xl\:rotate-1 { - --transform-rotate: 1deg; + .xl\:-bottom-1\/4 { + bottom: -25%; } - .xl\:rotate-2 { - --transform-rotate: 2deg; + .xl\:-left-1\/4 { + left: -25%; } - .xl\:rotate-3 { - --transform-rotate: 3deg; + .xl\:-top-2\/4 { + top: -50%; } - .xl\:rotate-6 { - --transform-rotate: 6deg; + .xl\:-right-2\/4 { + right: -50%; } - .xl\:rotate-12 { - --transform-rotate: 12deg; + .xl\:-bottom-2\/4 { + bottom: -50%; } - .xl\:rotate-45 { - --transform-rotate: 45deg; + .xl\:-left-2\/4 { + left: -50%; } - .xl\:rotate-90 { - --transform-rotate: 90deg; + .xl\:-top-3\/4 { + top: -75%; } - .xl\:rotate-180 { - --transform-rotate: 180deg; + .xl\:-right-3\/4 { + right: -75%; } - .xl\:-rotate-180 { - --transform-rotate: -180deg; + .xl\:-bottom-3\/4 { + bottom: -75%; } - .xl\:-rotate-90 { - --transform-rotate: -90deg; + .xl\:-left-3\/4 { + left: -75%; } - .xl\:-rotate-45 { - --transform-rotate: -45deg; + .xl\:-top-full { + top: -100%; } - .xl\:-rotate-12 { - --transform-rotate: -12deg; + .xl\:-right-full { + right: -100%; } - .xl\:-rotate-6 { - --transform-rotate: -6deg; + .xl\:-bottom-full { + bottom: -100%; } - .xl\:-rotate-3 { - --transform-rotate: -3deg; + .xl\:-left-full { + left: -100%; } - .xl\:-rotate-2 { - --transform-rotate: -2deg; + .xl\:resize-none { + resize: none; } - .xl\:-rotate-1 { - --transform-rotate: -1deg; + .xl\:resize-y { + resize: vertical; } - .xl\:hover\:rotate-0:hover { - --transform-rotate: 0; + .xl\:resize-x { + resize: horizontal; } - .xl\:hover\:rotate-1:hover { - --transform-rotate: 1deg; + .xl\:resize { + resize: both; } - .xl\:hover\:rotate-2:hover { - --transform-rotate: 2deg; + .xl\:shadow-xs { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:rotate-3:hover { - --transform-rotate: 3deg; + .xl\:shadow-sm { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:rotate-6:hover { - --transform-rotate: 6deg; + .xl\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:rotate-12:hover { - --transform-rotate: 12deg; + .xl\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .xl\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .xl\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .xl\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .xl\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .xl\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .xl\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .xl\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .xl\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .xl\:shadow-none { + box-shadow: none; } - .xl\:hover\:-rotate-12:hover { - --transform-rotate: -12deg; + .xl\:hover\:shadow-xs:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:hover\:-rotate-6:hover { - --transform-rotate: -6deg; + .xl\:hover\:shadow-sm:hover { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:hover\:-rotate-3:hover { - --transform-rotate: -3deg; + .xl\: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); } - .xl\:hover\:-rotate-2:hover { - --transform-rotate: -2deg; + .xl\: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); } - .xl\:hover\:-rotate-1:hover { - --transform-rotate: -1deg; + .xl\: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); } - .xl\:focus\:rotate-0:focus { - --transform-rotate: 0; + .xl\: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); } - .xl\:focus\:rotate-1:focus { - --transform-rotate: 1deg; + .xl\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:focus\:rotate-2:focus { - --transform-rotate: 2deg; + .xl\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:focus\:rotate-3:focus { - --transform-rotate: 3deg; + .xl\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:focus\:rotate-6:focus { - --transform-rotate: 6deg; + .xl\:hover\:shadow-none:hover { + box-shadow: none; } - .xl\:focus\:rotate-12:focus { - --transform-rotate: 12deg; + .xl\:focus\:shadow-xs:focus { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } - .xl\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .xl\:focus\:shadow-sm:focus { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } - .xl\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .xl\: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); } - .xl\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .xl\: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); } - .xl\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .xl\: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); } - .xl\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .xl\: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); } - .xl\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .xl\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .xl\:focus\:-rotate-12:focus { - --transform-rotate: -12deg; + .xl\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .xl\:focus\:-rotate-6:focus { - --transform-rotate: -6deg; + .xl\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .xl\:focus\:-rotate-3:focus { - --transform-rotate: -3deg; + .xl\:focus\:shadow-none:focus { + box-shadow: none; } - .xl\:focus\:-rotate-2:focus { - --transform-rotate: -2deg; + .xl\:fill-current { + fill: currentColor; } - .xl\:focus\:-rotate-1:focus { - --transform-rotate: -1deg; + .xl\:stroke-current { + stroke: currentColor; } - .xl\:translate-x-0 { - --transform-translate-x: 0; + .xl\:stroke-0 { + stroke-width: 0; } - .xl\:translate-x-1 { - --transform-translate-x: 0.25rem; + .xl\:stroke-1 { + stroke-width: 1; } - .xl\:translate-x-2 { - --transform-translate-x: 0.5rem; + .xl\:stroke-2 { + stroke-width: 2; } - .xl\:translate-x-3 { - --transform-translate-x: 0.75rem; + .xl\:table-auto { + table-layout: auto; } - .xl\:translate-x-4 { - --transform-translate-x: 1rem; + .xl\:table-fixed { + table-layout: fixed; } - .xl\:translate-x-5 { - --transform-translate-x: 1.25rem; + .xl\:text-left { + text-align: left; } - .xl\:translate-x-6 { - --transform-translate-x: 1.5rem; + .xl\:text-center { + text-align: center; } - .xl\:translate-x-7 { - --transform-translate-x: 1.75rem; + .xl\:text-right { + text-align: right; } - .xl\:translate-x-8 { - --transform-translate-x: 2rem; + .xl\:text-justify { + text-align: justify; } - .xl\:translate-x-9 { - --transform-translate-x: 2.25rem; + .xl\:text-transparent { + color: transparent; } - .xl\:translate-x-10 { - --transform-translate-x: 2.5rem; + .xl\:text-current { + color: currentColor; } - .xl\:translate-x-12 { - --transform-translate-x: 3rem; + .xl\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:translate-x-14 { - --transform-translate-x: 3.5rem; + .xl\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:translate-x-16 { - --transform-translate-x: 4rem; + .xl\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:translate-x-20 { - --transform-translate-x: 5rem; + .xl\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:translate-x-24 { - --transform-translate-x: 6rem; + .xl\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:translate-x-28 { - --transform-translate-x: 7rem; + .xl\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:translate-x-32 { - --transform-translate-x: 8rem; + .xl\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:translate-x-36 { - --transform-translate-x: 9rem; + .xl\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:translate-x-40 { - --transform-translate-x: 10rem; + .xl\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:translate-x-44 { - --transform-translate-x: 11rem; + .xl\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:translate-x-48 { - --transform-translate-x: 12rem; + .xl\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:translate-x-52 { - --transform-translate-x: 13rem; + .xl\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:translate-x-56 { - --transform-translate-x: 14rem; + .xl\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:translate-x-60 { - --transform-translate-x: 15rem; + .xl\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:translate-x-64 { - --transform-translate-x: 16rem; + .xl\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:translate-x-72 { - --transform-translate-x: 18rem; + .xl\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:translate-x-80 { - --transform-translate-x: 20rem; + .xl\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:translate-x-96 { - --transform-translate-x: 24rem; + .xl\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:translate-x-px { - --transform-translate-x: 1px; + .xl\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:translate-x-0\.5 { - --transform-translate-x: 0.125rem; + .xl\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:translate-x-1\.5 { - --transform-translate-x: 0.375rem; + .xl\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:translate-x-2\.5 { - --transform-translate-x: 0.625rem; + .xl\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:translate-x-3\.5 { - --transform-translate-x: 0.875rem; + .xl\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:-translate-x-1 { - --transform-translate-x: -0.25rem; + .xl\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:-translate-x-2 { - --transform-translate-x: -0.5rem; + .xl\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:-translate-x-3 { - --transform-translate-x: -0.75rem; + .xl\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:-translate-x-4 { - --transform-translate-x: -1rem; + .xl\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:-translate-x-5 { - --transform-translate-x: -1.25rem; + .xl\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:-translate-x-6 { - --transform-translate-x: -1.5rem; + .xl\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:-translate-x-7 { - --transform-translate-x: -1.75rem; + .xl\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:-translate-x-8 { - --transform-translate-x: -2rem; + .xl\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:-translate-x-9 { - --transform-translate-x: -2.25rem; + .xl\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:-translate-x-10 { - --transform-translate-x: -2.5rem; + .xl\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:-translate-x-12 { - --transform-translate-x: -3rem; + .xl\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:-translate-x-14 { - --transform-translate-x: -3.5rem; + .xl\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:-translate-x-16 { - --transform-translate-x: -4rem; + .xl\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:-translate-x-20 { - --transform-translate-x: -5rem; + .xl\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:-translate-x-24 { - --transform-translate-x: -6rem; + .xl\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:-translate-x-28 { - --transform-translate-x: -7rem; + .xl\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:-translate-x-32 { - --transform-translate-x: -8rem; + .xl\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:-translate-x-36 { - --transform-translate-x: -9rem; + .xl\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:-translate-x-40 { - --transform-translate-x: -10rem; + .xl\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:-translate-x-44 { - --transform-translate-x: -11rem; + .xl\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:-translate-x-48 { - --transform-translate-x: -12rem; + .xl\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:-translate-x-52 { - --transform-translate-x: -13rem; + .xl\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:-translate-x-56 { - --transform-translate-x: -14rem; + .xl\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:-translate-x-60 { - --transform-translate-x: -15rem; + .xl\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:-translate-x-64 { - --transform-translate-x: -16rem; + .xl\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:-translate-x-72 { - --transform-translate-x: -18rem; + .xl\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:-translate-x-80 { - --transform-translate-x: -20rem; + .xl\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:-translate-x-96 { - --transform-translate-x: -24rem; + .xl\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:-translate-x-px { - --transform-translate-x: -1px; + .xl\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:-translate-x-0\.5 { - --transform-translate-x: -0.125rem; + .xl\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:-translate-x-1\.5 { - --transform-translate-x: -0.375rem; + .xl\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:-translate-x-2\.5 { - --transform-translate-x: -0.625rem; + .xl\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:-translate-x-3\.5 { - --transform-translate-x: -0.875rem; + .xl\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:translate-x-1\/2 { - --transform-translate-x: 50%; + .xl\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:translate-x-1\/3 { - --transform-translate-x: 33.333333%; + .xl\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:translate-x-2\/3 { - --transform-translate-x: 66.666667%; + .xl\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:translate-x-1\/4 { - --transform-translate-x: 25%; + .xl\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:translate-x-2\/4 { - --transform-translate-x: 50%; + .xl\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:translate-x-3\/4 { - --transform-translate-x: 75%; + .xl\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:translate-x-full { - --transform-translate-x: 100%; + .xl\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:-translate-x-1\/2 { - --transform-translate-x: -50%; + .xl\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:-translate-x-1\/3 { - --transform-translate-x: -33.333333%; + .xl\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:-translate-x-2\/3 { - --transform-translate-x: -66.666667%; + .xl\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:-translate-x-1\/4 { - --transform-translate-x: -25%; + .xl\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:-translate-x-2\/4 { - --transform-translate-x: -50%; + .xl\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:-translate-x-3\/4 { - --transform-translate-x: -75%; + .xl\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:-translate-x-full { - --transform-translate-x: -100%; + .xl\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:translate-y-0 { - --transform-translate-y: 0; + .xl\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:translate-y-1 { - --transform-translate-y: 0.25rem; + .xl\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:translate-y-2 { - --transform-translate-y: 0.5rem; + .group:hover .xl\:group-hover\:text-transparent { + color: transparent; } - .xl\:translate-y-3 { - --transform-translate-y: 0.75rem; + .group:hover .xl\:group-hover\:text-current { + color: currentColor; } - .xl\:translate-y-4 { - --transform-translate-y: 1rem; + .group:hover .xl\:group-hover\:text-black { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:translate-y-5 { - --transform-translate-y: 1.25rem; + .group:hover .xl\:group-hover\:text-white { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:translate-y-6 { - --transform-translate-y: 1.5rem; + .group:hover .xl\:group-hover\:text-gray-50 { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:translate-y-7 { - --transform-translate-y: 1.75rem; + .group:hover .xl\:group-hover\:text-gray-100 { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:translate-y-8 { - --transform-translate-y: 2rem; + .group:hover .xl\:group-hover\:text-gray-200 { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:translate-y-9 { - --transform-translate-y: 2.25rem; + .group:hover .xl\:group-hover\:text-gray-300 { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:translate-y-10 { - --transform-translate-y: 2.5rem; + .group:hover .xl\:group-hover\:text-gray-400 { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:translate-y-12 { - --transform-translate-y: 3rem; + .group:hover .xl\:group-hover\:text-gray-500 { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:translate-y-14 { - --transform-translate-y: 3.5rem; + .group:hover .xl\:group-hover\:text-gray-600 { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:translate-y-16 { - --transform-translate-y: 4rem; + .group:hover .xl\:group-hover\:text-gray-700 { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:translate-y-20 { - --transform-translate-y: 5rem; + .group:hover .xl\:group-hover\:text-gray-800 { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:translate-y-24 { - --transform-translate-y: 6rem; + .group:hover .xl\:group-hover\:text-gray-900 { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:translate-y-28 { - --transform-translate-y: 7rem; + .group:hover .xl\:group-hover\:text-red-50 { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:translate-y-32 { - --transform-translate-y: 8rem; + .group:hover .xl\:group-hover\:text-red-100 { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:translate-y-36 { - --transform-translate-y: 9rem; + .group:hover .xl\:group-hover\:text-red-200 { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:translate-y-40 { - --transform-translate-y: 10rem; + .group:hover .xl\:group-hover\:text-red-300 { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:translate-y-44 { - --transform-translate-y: 11rem; + .group:hover .xl\:group-hover\:text-red-400 { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:translate-y-48 { - --transform-translate-y: 12rem; + .group:hover .xl\:group-hover\:text-red-500 { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:translate-y-52 { - --transform-translate-y: 13rem; + .group:hover .xl\:group-hover\:text-red-600 { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:translate-y-56 { - --transform-translate-y: 14rem; + .group:hover .xl\:group-hover\:text-red-700 { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:translate-y-60 { - --transform-translate-y: 15rem; + .group:hover .xl\:group-hover\:text-red-800 { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:translate-y-64 { - --transform-translate-y: 16rem; + .group:hover .xl\:group-hover\:text-red-900 { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:translate-y-72 { - --transform-translate-y: 18rem; + .group:hover .xl\:group-hover\:text-yellow-50 { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:translate-y-80 { - --transform-translate-y: 20rem; + .group:hover .xl\:group-hover\:text-yellow-100 { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:translate-y-96 { - --transform-translate-y: 24rem; + .group:hover .xl\:group-hover\:text-yellow-200 { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:translate-y-px { - --transform-translate-y: 1px; + .group:hover .xl\:group-hover\:text-yellow-300 { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:translate-y-0\.5 { - --transform-translate-y: 0.125rem; + .group:hover .xl\:group-hover\:text-yellow-400 { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:translate-y-1\.5 { - --transform-translate-y: 0.375rem; + .group:hover .xl\:group-hover\:text-yellow-500 { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:translate-y-2\.5 { - --transform-translate-y: 0.625rem; + .group:hover .xl\:group-hover\:text-yellow-600 { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:translate-y-3\.5 { - --transform-translate-y: 0.875rem; + .group:hover .xl\:group-hover\:text-yellow-700 { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:-translate-y-1 { - --transform-translate-y: -0.25rem; + .group:hover .xl\:group-hover\:text-yellow-800 { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:-translate-y-2 { - --transform-translate-y: -0.5rem; + .group:hover .xl\:group-hover\:text-yellow-900 { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:-translate-y-3 { - --transform-translate-y: -0.75rem; + .group:hover .xl\:group-hover\:text-green-50 { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:-translate-y-4 { - --transform-translate-y: -1rem; + .group:hover .xl\:group-hover\:text-green-100 { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:-translate-y-5 { - --transform-translate-y: -1.25rem; + .group:hover .xl\:group-hover\:text-green-200 { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:-translate-y-6 { - --transform-translate-y: -1.5rem; + .group:hover .xl\:group-hover\:text-green-300 { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:-translate-y-7 { - --transform-translate-y: -1.75rem; + .group:hover .xl\:group-hover\:text-green-400 { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:-translate-y-8 { - --transform-translate-y: -2rem; + .group:hover .xl\:group-hover\:text-green-500 { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:-translate-y-9 { - --transform-translate-y: -2.25rem; + .group:hover .xl\:group-hover\:text-green-600 { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:-translate-y-10 { - --transform-translate-y: -2.5rem; + .group:hover .xl\:group-hover\:text-green-700 { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:-translate-y-12 { - --transform-translate-y: -3rem; + .group:hover .xl\:group-hover\:text-green-800 { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:-translate-y-14 { - --transform-translate-y: -3.5rem; + .group:hover .xl\:group-hover\:text-green-900 { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:-translate-y-16 { - --transform-translate-y: -4rem; + .group:hover .xl\:group-hover\:text-blue-50 { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:-translate-y-20 { - --transform-translate-y: -5rem; + .group:hover .xl\:group-hover\:text-blue-100 { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:-translate-y-24 { - --transform-translate-y: -6rem; + .group:hover .xl\:group-hover\:text-blue-200 { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:-translate-y-28 { - --transform-translate-y: -7rem; + .group:hover .xl\:group-hover\:text-blue-300 { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:-translate-y-32 { - --transform-translate-y: -8rem; + .group:hover .xl\:group-hover\:text-blue-400 { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:-translate-y-36 { - --transform-translate-y: -9rem; + .group:hover .xl\:group-hover\:text-blue-500 { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:-translate-y-40 { - --transform-translate-y: -10rem; + .group:hover .xl\:group-hover\:text-blue-600 { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:-translate-y-44 { - --transform-translate-y: -11rem; + .group:hover .xl\:group-hover\:text-blue-700 { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:-translate-y-48 { - --transform-translate-y: -12rem; + .group:hover .xl\:group-hover\:text-blue-800 { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:-translate-y-52 { - --transform-translate-y: -13rem; + .group:hover .xl\:group-hover\:text-blue-900 { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:-translate-y-56 { - --transform-translate-y: -14rem; + .group:hover .xl\:group-hover\:text-purple-50 { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:-translate-y-60 { - --transform-translate-y: -15rem; + .group:hover .xl\:group-hover\:text-purple-100 { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:-translate-y-64 { - --transform-translate-y: -16rem; + .group:hover .xl\:group-hover\:text-purple-200 { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:-translate-y-72 { - --transform-translate-y: -18rem; + .group:hover .xl\:group-hover\:text-purple-300 { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:-translate-y-80 { - --transform-translate-y: -20rem; + .group:hover .xl\:group-hover\:text-purple-400 { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:-translate-y-96 { - --transform-translate-y: -24rem; + .group:hover .xl\:group-hover\:text-purple-500 { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:-translate-y-px { - --transform-translate-y: -1px; + .group:hover .xl\:group-hover\:text-purple-600 { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:-translate-y-0\.5 { - --transform-translate-y: -0.125rem; + .group:hover .xl\:group-hover\:text-purple-700 { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:-translate-y-1\.5 { - --transform-translate-y: -0.375rem; + .group:hover .xl\:group-hover\:text-purple-800 { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:-translate-y-2\.5 { - --transform-translate-y: -0.625rem; + .group:hover .xl\:group-hover\:text-purple-900 { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:-translate-y-3\.5 { - --transform-translate-y: -0.875rem; + .group:hover .xl\:group-hover\:text-pink-50 { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:translate-y-1\/2 { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-pink-100 { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:translate-y-1\/3 { - --transform-translate-y: 33.333333%; + .group:hover .xl\:group-hover\:text-pink-200 { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:translate-y-2\/3 { - --transform-translate-y: 66.666667%; + .group:hover .xl\:group-hover\:text-pink-300 { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:translate-y-1\/4 { - --transform-translate-y: 25%; + .group:hover .xl\:group-hover\:text-pink-400 { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:translate-y-2\/4 { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-pink-500 { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:translate-y-3\/4 { - --transform-translate-y: 75%; + .group:hover .xl\:group-hover\:text-pink-600 { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:translate-y-full { - --transform-translate-y: 100%; + .group:hover .xl\:group-hover\:text-pink-700 { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:-translate-y-1\/2 { - --transform-translate-y: -50%; + .group:hover .xl\:group-hover\:text-pink-800 { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:-translate-y-1\/3 { - --transform-translate-y: -33.333333%; + .group:hover .xl\:group-hover\:text-pink-900 { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:-translate-y-2\/3 { - --transform-translate-y: -66.666667%; + .xl\:hover\:text-transparent:hover { + color: transparent; } - .xl\:-translate-y-1\/4 { - --transform-translate-y: -25%; + .xl\:hover\:text-current:hover { + color: currentColor; } - .xl\:-translate-y-2\/4 { - --transform-translate-y: -50%; + .xl\:hover\:text-black:hover { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:-translate-y-3\/4 { - --transform-translate-y: -75%; + .xl\:hover\:text-white:hover { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:-translate-y-full { - --transform-translate-y: -100%; + .xl\:hover\:text-gray-50:hover { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .xl\:hover\:text-gray-100:hover { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .xl\:hover\:text-gray-200:hover { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .xl\:hover\:text-gray-300:hover { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .xl\:hover\:text-gray-400:hover { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .xl\:hover\:text-gray-500:hover { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .xl\:hover\:text-gray-600:hover { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .xl\:hover\:text-gray-700:hover { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:translate-x-7:hover { - --transform-translate-x: 1.75rem; + .xl\:hover\:text-gray-800:hover { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .xl\:hover\:text-gray-900:hover { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:translate-x-9:hover { - --transform-translate-x: 2.25rem; + .xl\:hover\:text-red-50:hover { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .xl\:hover\:text-red-100:hover { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .xl\:hover\:text-red-200:hover { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:translate-x-14:hover { - --transform-translate-x: 3.5rem; + .xl\:hover\:text-red-300:hover { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .xl\:hover\:text-red-400:hover { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .xl\:hover\:text-red-500:hover { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .xl\:hover\:text-red-600:hover { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:translate-x-28:hover { - --transform-translate-x: 7rem; + .xl\:hover\:text-red-700:hover { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .xl\:hover\:text-red-800:hover { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:translate-x-36:hover { - --transform-translate-x: 9rem; + .xl\:hover\:text-red-900:hover { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .xl\:hover\:text-yellow-50:hover { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:translate-x-44:hover { - --transform-translate-x: 11rem; + .xl\:hover\:text-yellow-100:hover { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .xl\:hover\:text-yellow-200:hover { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:translate-x-52:hover { - --transform-translate-x: 13rem; + .xl\:hover\:text-yellow-300:hover { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .xl\:hover\:text-yellow-400:hover { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:translate-x-60:hover { - --transform-translate-x: 15rem; + .xl\:hover\:text-yellow-500:hover { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .xl\:hover\:text-yellow-600:hover { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:translate-x-72:hover { - --transform-translate-x: 18rem; + .xl\:hover\:text-yellow-700:hover { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:translate-x-80:hover { - --transform-translate-x: 20rem; + .xl\:hover\:text-yellow-800:hover { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:translate-x-96:hover { - --transform-translate-x: 24rem; + .xl\:hover\:text-yellow-900:hover { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .xl\:hover\:text-green-50:hover { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:translate-x-0\.5:hover { - --transform-translate-x: 0.125rem; + .xl\:hover\:text-green-100:hover { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:translate-x-1\.5:hover { - --transform-translate-x: 0.375rem; + .xl\:hover\:text-green-200:hover { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:translate-x-2\.5:hover { - --transform-translate-x: 0.625rem; + .xl\:hover\:text-green-300:hover { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:translate-x-3\.5:hover { - --transform-translate-x: 0.875rem; + .xl\:hover\:text-green-400:hover { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .xl\:hover\:text-green-500:hover { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .xl\:hover\:text-green-600:hover { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .xl\:hover\:text-green-700:hover { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .xl\:hover\:text-green-800:hover { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .xl\:hover\:text-green-900:hover { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .xl\:hover\:text-blue-50:hover { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:-translate-x-7:hover { - --transform-translate-x: -1.75rem; + .xl\:hover\:text-blue-100:hover { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .xl\:hover\:text-blue-200:hover { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-9:hover { - --transform-translate-x: -2.25rem; + .xl\:hover\:text-blue-300:hover { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .xl\:hover\:text-blue-400:hover { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .xl\:hover\:text-blue-500:hover { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:-translate-x-14:hover { - --transform-translate-x: -3.5rem; + .xl\:hover\:text-blue-600:hover { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .xl\:hover\:text-blue-700:hover { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .xl\:hover\:text-blue-800:hover { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .xl\:hover\:text-blue-900:hover { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:-translate-x-28:hover { - --transform-translate-x: -7rem; + .xl\:hover\:text-purple-50:hover { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .xl\:hover\:text-purple-100:hover { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-36:hover { - --transform-translate-x: -9rem; + .xl\:hover\:text-purple-200:hover { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .xl\:hover\:text-purple-300:hover { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:-translate-x-44:hover { - --transform-translate-x: -11rem; + .xl\:hover\:text-purple-400:hover { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .xl\:hover\:text-purple-500:hover { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:-translate-x-52:hover { - --transform-translate-x: -13rem; + .xl\:hover\:text-purple-600:hover { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .xl\:hover\:text-purple-700:hover { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:-translate-x-60:hover { - --transform-translate-x: -15rem; + .xl\:hover\:text-purple-800:hover { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .xl\:hover\:text-purple-900:hover { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:-translate-x-72:hover { - --transform-translate-x: -18rem; + .xl\:hover\:text-pink-50:hover { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:-translate-x-80:hover { - --transform-translate-x: -20rem; + .xl\:hover\:text-pink-100:hover { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:-translate-x-96:hover { - --transform-translate-x: -24rem; + .xl\:hover\:text-pink-200:hover { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .xl\:hover\:text-pink-300:hover { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:-translate-x-0\.5:hover { - --transform-translate-x: -0.125rem; + .xl\:hover\:text-pink-400:hover { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\.5:hover { - --transform-translate-x: -0.375rem; + .xl\:hover\:text-pink-500:hover { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:-translate-x-2\.5:hover { - --transform-translate-x: -0.625rem; + .xl\:hover\:text-pink-600:hover { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:-translate-x-3\.5:hover { - --transform-translate-x: -0.875rem; + .xl\:hover\:text-pink-700:hover { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .xl\:hover\:text-pink-800:hover { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:translate-x-1\/3:hover { - --transform-translate-x: 33.333333%; + .xl\:hover\:text-pink-900:hover { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:translate-x-2\/3:hover { - --transform-translate-x: 66.666667%; + .xl\:focus\:text-transparent:focus { + color: transparent; } - .xl\:hover\:translate-x-1\/4:hover { - --transform-translate-x: 25%; + .xl\:focus\:text-current:focus { + color: currentColor; } - .xl\:hover\:translate-x-2\/4:hover { - --transform-translate-x: 50%; + .xl\:focus\:text-black:focus { + --text-opacity: 1; + color: rgba(0, 0, 0, var(--text-opacity)); } - .xl\:hover\:translate-x-3\/4:hover { - --transform-translate-x: 75%; + .xl\:focus\:text-white:focus { + --text-opacity: 1; + color: rgba(255, 255, 255, var(--text-opacity)); } - .xl\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .xl\:focus\:text-gray-50:focus { + --text-opacity: 1; + color: rgba(250, 250, 250, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .xl\:focus\:text-gray-100:focus { + --text-opacity: 1; + color: rgba(244, 244, 245, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\/3:hover { - --transform-translate-x: -33.333333%; + .xl\:focus\:text-gray-200:focus { + --text-opacity: 1; + color: rgba(228, 228, 231, var(--text-opacity)); } - .xl\:hover\:-translate-x-2\/3:hover { - --transform-translate-x: -66.666667%; + .xl\:focus\:text-gray-300:focus { + --text-opacity: 1; + color: rgba(212, 212, 216, var(--text-opacity)); } - .xl\:hover\:-translate-x-1\/4:hover { - --transform-translate-x: -25%; + .xl\:focus\:text-gray-400:focus { + --text-opacity: 1; + color: rgba(161, 161, 170, var(--text-opacity)); } - .xl\:hover\:-translate-x-2\/4:hover { - --transform-translate-x: -50%; + .xl\:focus\:text-gray-500:focus { + --text-opacity: 1; + color: rgba(113, 113, 122, var(--text-opacity)); } - .xl\:hover\:-translate-x-3\/4:hover { - --transform-translate-x: -75%; + .xl\:focus\:text-gray-600:focus { + --text-opacity: 1; + color: rgba(82, 82, 91, var(--text-opacity)); } - .xl\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .xl\:focus\:text-gray-700:focus { + --text-opacity: 1; + color: rgba(63, 63, 70, var(--text-opacity)); } - .xl\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .xl\:focus\:text-gray-800:focus { + --text-opacity: 1; + color: rgba(39, 39, 42, var(--text-opacity)); } - .xl\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .xl\:focus\:text-gray-900:focus { + --text-opacity: 1; + color: rgba(24, 24, 27, var(--text-opacity)); } - .xl\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .xl\:focus\:text-red-50:focus { + --text-opacity: 1; + color: rgba(254, 242, 242, var(--text-opacity)); } - .xl\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .xl\:focus\:text-red-100:focus { + --text-opacity: 1; + color: rgba(254, 226, 226, var(--text-opacity)); } - .xl\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .xl\:focus\:text-red-200:focus { + --text-opacity: 1; + color: rgba(254, 202, 202, var(--text-opacity)); } - .xl\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .xl\:focus\:text-red-300:focus { + --text-opacity: 1; + color: rgba(252, 165, 165, var(--text-opacity)); } - .xl\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .xl\:focus\:text-red-400:focus { + --text-opacity: 1; + color: rgba(248, 113, 113, var(--text-opacity)); } - .xl\:hover\:translate-y-7:hover { - --transform-translate-y: 1.75rem; + .xl\:focus\:text-red-500:focus { + --text-opacity: 1; + color: rgba(239, 68, 68, var(--text-opacity)); } - .xl\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .xl\:focus\:text-red-600:focus { + --text-opacity: 1; + color: rgba(220, 38, 38, var(--text-opacity)); } - .xl\:hover\:translate-y-9:hover { - --transform-translate-y: 2.25rem; + .xl\:focus\:text-red-700:focus { + --text-opacity: 1; + color: rgba(185, 28, 28, var(--text-opacity)); } - .xl\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .xl\:focus\:text-red-800:focus { + --text-opacity: 1; + color: rgba(153, 27, 27, var(--text-opacity)); } - .xl\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .xl\:focus\:text-red-900:focus { + --text-opacity: 1; + color: rgba(127, 29, 29, var(--text-opacity)); } - .xl\:hover\:translate-y-14:hover { - --transform-translate-y: 3.5rem; + .xl\:focus\:text-yellow-50:focus { + --text-opacity: 1; + color: rgba(255, 251, 235, var(--text-opacity)); } - .xl\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .xl\:focus\:text-yellow-100:focus { + --text-opacity: 1; + color: rgba(254, 243, 199, var(--text-opacity)); } - .xl\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .xl\:focus\:text-yellow-200:focus { + --text-opacity: 1; + color: rgba(253, 230, 138, var(--text-opacity)); } - .xl\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .xl\:focus\:text-yellow-300:focus { + --text-opacity: 1; + color: rgba(252, 211, 77, var(--text-opacity)); } - .xl\:hover\:translate-y-28:hover { - --transform-translate-y: 7rem; + .xl\:focus\:text-yellow-400:focus { + --text-opacity: 1; + color: rgba(251, 191, 36, var(--text-opacity)); } - .xl\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .xl\:focus\:text-yellow-500:focus { + --text-opacity: 1; + color: rgba(245, 158, 11, var(--text-opacity)); } - .xl\:hover\:translate-y-36:hover { - --transform-translate-y: 9rem; + .xl\:focus\:text-yellow-600:focus { + --text-opacity: 1; + color: rgba(217, 119, 6, var(--text-opacity)); } - .xl\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .xl\:focus\:text-yellow-700:focus { + --text-opacity: 1; + color: rgba(180, 83, 9, var(--text-opacity)); } - .xl\:hover\:translate-y-44:hover { - --transform-translate-y: 11rem; + .xl\:focus\:text-yellow-800:focus { + --text-opacity: 1; + color: rgba(146, 64, 14, var(--text-opacity)); } - .xl\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .xl\:focus\:text-yellow-900:focus { + --text-opacity: 1; + color: rgba(120, 53, 15, var(--text-opacity)); } - .xl\:hover\:translate-y-52:hover { - --transform-translate-y: 13rem; + .xl\:focus\:text-green-50:focus { + --text-opacity: 1; + color: rgba(236, 253, 245, var(--text-opacity)); } - .xl\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .xl\:focus\:text-green-100:focus { + --text-opacity: 1; + color: rgba(209, 250, 229, var(--text-opacity)); } - .xl\:hover\:translate-y-60:hover { - --transform-translate-y: 15rem; + .xl\:focus\:text-green-200:focus { + --text-opacity: 1; + color: rgba(167, 243, 208, var(--text-opacity)); } - .xl\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .xl\:focus\:text-green-300:focus { + --text-opacity: 1; + color: rgba(110, 231, 183, var(--text-opacity)); } - .xl\:hover\:translate-y-72:hover { - --transform-translate-y: 18rem; + .xl\:focus\:text-green-400:focus { + --text-opacity: 1; + color: rgba(52, 211, 153, var(--text-opacity)); } - .xl\:hover\:translate-y-80:hover { - --transform-translate-y: 20rem; + .xl\:focus\:text-green-500:focus { + --text-opacity: 1; + color: rgba(16, 185, 129, var(--text-opacity)); } - .xl\:hover\:translate-y-96:hover { - --transform-translate-y: 24rem; + .xl\:focus\:text-green-600:focus { + --text-opacity: 1; + color: rgba(5, 150, 105, var(--text-opacity)); } - .xl\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .xl\:focus\:text-green-700:focus { + --text-opacity: 1; + color: rgba(4, 120, 87, var(--text-opacity)); } - .xl\:hover\:translate-y-0\.5:hover { - --transform-translate-y: 0.125rem; + .xl\:focus\:text-green-800:focus { + --text-opacity: 1; + color: rgba(6, 95, 70, var(--text-opacity)); } - .xl\:hover\:translate-y-1\.5:hover { - --transform-translate-y: 0.375rem; + .xl\:focus\:text-green-900:focus { + --text-opacity: 1; + color: rgba(6, 78, 59, var(--text-opacity)); } - .xl\:hover\:translate-y-2\.5:hover { - --transform-translate-y: 0.625rem; + .xl\:focus\:text-blue-50:focus { + --text-opacity: 1; + color: rgba(239, 246, 255, var(--text-opacity)); } - .xl\:hover\:translate-y-3\.5:hover { - --transform-translate-y: 0.875rem; + .xl\:focus\:text-blue-100:focus { + --text-opacity: 1; + color: rgba(219, 234, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .xl\:focus\:text-blue-200:focus { + --text-opacity: 1; + color: rgba(191, 219, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .xl\:focus\:text-blue-300:focus { + --text-opacity: 1; + color: rgba(147, 197, 253, var(--text-opacity)); } - .xl\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .xl\:focus\:text-blue-400:focus { + --text-opacity: 1; + color: rgba(96, 165, 250, var(--text-opacity)); } - .xl\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .xl\:focus\:text-blue-500:focus { + --text-opacity: 1; + color: rgba(59, 130, 246, var(--text-opacity)); } - .xl\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .xl\:focus\:text-blue-600:focus { + --text-opacity: 1; + color: rgba(37, 99, 235, var(--text-opacity)); } - .xl\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .xl\:focus\:text-blue-700:focus { + --text-opacity: 1; + color: rgba(29, 78, 216, var(--text-opacity)); } - .xl\:hover\:-translate-y-7:hover { - --transform-translate-y: -1.75rem; + .xl\:focus\:text-blue-800:focus { + --text-opacity: 1; + color: rgba(30, 64, 175, var(--text-opacity)); } - .xl\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .xl\:focus\:text-blue-900:focus { + --text-opacity: 1; + color: rgba(30, 58, 138, var(--text-opacity)); } - .xl\:hover\:-translate-y-9:hover { - --transform-translate-y: -2.25rem; + .xl\:focus\:text-purple-50:focus { + --text-opacity: 1; + color: rgba(245, 243, 255, var(--text-opacity)); } - .xl\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .xl\:focus\:text-purple-100:focus { + --text-opacity: 1; + color: rgba(237, 233, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .xl\:focus\:text-purple-200:focus { + --text-opacity: 1; + color: rgba(221, 214, 254, var(--text-opacity)); } - .xl\:hover\:-translate-y-14:hover { - --transform-translate-y: -3.5rem; + .xl\:focus\:text-purple-300:focus { + --text-opacity: 1; + color: rgba(196, 181, 253, var(--text-opacity)); } - .xl\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .xl\:focus\:text-purple-400:focus { + --text-opacity: 1; + color: rgba(167, 139, 250, var(--text-opacity)); } - .xl\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .xl\:focus\:text-purple-500:focus { + --text-opacity: 1; + color: rgba(139, 92, 246, var(--text-opacity)); } - .xl\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .xl\:focus\:text-purple-600:focus { + --text-opacity: 1; + color: rgba(124, 58, 237, var(--text-opacity)); } - .xl\:hover\:-translate-y-28:hover { - --transform-translate-y: -7rem; + .xl\:focus\:text-purple-700:focus { + --text-opacity: 1; + color: rgba(109, 40, 217, var(--text-opacity)); } - .xl\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .xl\:focus\:text-purple-800:focus { + --text-opacity: 1; + color: rgba(91, 33, 182, var(--text-opacity)); } - .xl\:hover\:-translate-y-36:hover { - --transform-translate-y: -9rem; + .xl\:focus\:text-purple-900:focus { + --text-opacity: 1; + color: rgba(76, 29, 149, var(--text-opacity)); } - .xl\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .xl\:focus\:text-pink-50:focus { + --text-opacity: 1; + color: rgba(253, 242, 248, var(--text-opacity)); } - .xl\:hover\:-translate-y-44:hover { - --transform-translate-y: -11rem; + .xl\:focus\:text-pink-100:focus { + --text-opacity: 1; + color: rgba(252, 231, 243, var(--text-opacity)); } - .xl\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .xl\:focus\:text-pink-200:focus { + --text-opacity: 1; + color: rgba(251, 207, 232, var(--text-opacity)); } - .xl\:hover\:-translate-y-52:hover { - --transform-translate-y: -13rem; + .xl\:focus\:text-pink-300:focus { + --text-opacity: 1; + color: rgba(249, 168, 212, var(--text-opacity)); } - .xl\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .xl\:focus\:text-pink-400:focus { + --text-opacity: 1; + color: rgba(244, 114, 182, var(--text-opacity)); } - .xl\:hover\:-translate-y-60:hover { - --transform-translate-y: -15rem; + .xl\:focus\:text-pink-500:focus { + --text-opacity: 1; + color: rgba(236, 72, 153, var(--text-opacity)); } - .xl\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .xl\:focus\:text-pink-600:focus { + --text-opacity: 1; + color: rgba(219, 39, 119, var(--text-opacity)); } - .xl\:hover\:-translate-y-72:hover { - --transform-translate-y: -18rem; + .xl\:focus\:text-pink-700:focus { + --text-opacity: 1; + color: rgba(190, 24, 93, var(--text-opacity)); } - .xl\:hover\:-translate-y-80:hover { - --transform-translate-y: -20rem; + .xl\:focus\:text-pink-800:focus { + --text-opacity: 1; + color: rgba(157, 23, 77, var(--text-opacity)); } - .xl\:hover\:-translate-y-96:hover { - --transform-translate-y: -24rem; + .xl\:focus\:text-pink-900:focus { + --text-opacity: 1; + color: rgba(131, 24, 67, var(--text-opacity)); } - .xl\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .xl\:text-opacity-0 { + --text-opacity: 0; } - .xl\:hover\:-translate-y-0\.5:hover { - --transform-translate-y: -0.125rem; + .xl\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:hover\:-translate-y-1\.5:hover { - --transform-translate-y: -0.375rem; + .xl\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:hover\:-translate-y-2\.5:hover { - --transform-translate-y: -0.625rem; + .xl\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:hover\:-translate-y-3\.5:hover { - --transform-translate-y: -0.875rem; + .xl\:text-opacity-100 { + --text-opacity: 1; } - .xl\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-opacity-0 { + --text-opacity: 0; } - .xl\:hover\:translate-y-1\/3:hover { - --transform-translate-y: 33.333333%; + .group:hover .xl\:group-hover\:text-opacity-25 { + --text-opacity: 0.25; } - .xl\:hover\:translate-y-2\/3:hover { - --transform-translate-y: 66.666667%; + .group:hover .xl\:group-hover\:text-opacity-50 { + --text-opacity: 0.5; } - .xl\:hover\:translate-y-1\/4:hover { - --transform-translate-y: 25%; + .group:hover .xl\:group-hover\:text-opacity-75 { + --text-opacity: 0.75; } - .xl\:hover\:translate-y-2\/4:hover { - --transform-translate-y: 50%; + .group:hover .xl\:group-hover\:text-opacity-100 { + --text-opacity: 1; } - .xl\:hover\:translate-y-3\/4:hover { - --transform-translate-y: 75%; + .xl\:hover\:text-opacity-0:hover { + --text-opacity: 0; } - .xl\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .xl\:hover\:text-opacity-25:hover { + --text-opacity: 0.25; } - .xl\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .xl\:hover\:text-opacity-50:hover { + --text-opacity: 0.5; } - .xl\:hover\:-translate-y-1\/3:hover { - --transform-translate-y: -33.333333%; + .xl\:hover\:text-opacity-75:hover { + --text-opacity: 0.75; } - .xl\:hover\:-translate-y-2\/3:hover { - --transform-translate-y: -66.666667%; + .xl\:hover\:text-opacity-100:hover { + --text-opacity: 1; } - .xl\:hover\:-translate-y-1\/4:hover { - --transform-translate-y: -25%; + .xl\:focus\:text-opacity-0:focus { + --text-opacity: 0; } - .xl\:hover\:-translate-y-2\/4:hover { - --transform-translate-y: -50%; + .xl\:focus\:text-opacity-25:focus { + --text-opacity: 0.25; } - .xl\:hover\:-translate-y-3\/4:hover { - --transform-translate-y: -75%; + .xl\:focus\:text-opacity-50:focus { + --text-opacity: 0.5; } - .xl\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .xl\:focus\:text-opacity-75:focus { + --text-opacity: 0.75; } - .xl\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .xl\:focus\:text-opacity-100:focus { + --text-opacity: 1; } - .xl\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .xl\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .xl\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .xl\:overflow-ellipsis { + text-overflow: ellipsis; } - .xl\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .xl\:overflow-clip { + text-overflow: clip; } - .xl\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .xl\:italic { + font-style: italic; } - .xl\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .xl\:not-italic { + font-style: normal; } - .xl\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .xl\:uppercase { + text-transform: uppercase; } - .xl\:focus\:translate-x-7:focus { - --transform-translate-x: 1.75rem; + .xl\:lowercase { + text-transform: lowercase; } - - .xl\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + + .xl\:capitalize { + text-transform: capitalize; } - .xl\:focus\:translate-x-9:focus { - --transform-translate-x: 2.25rem; + .xl\:normal-case { + text-transform: none; } - .xl\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .xl\:underline { + text-decoration: underline; } - .xl\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .xl\:line-through { + text-decoration: line-through; } - .xl\:focus\:translate-x-14:focus { - --transform-translate-x: 3.5rem; + .xl\:no-underline { + text-decoration: none; } - .xl\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .xl\:hover\:underline:hover { + text-decoration: underline; } - .xl\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .xl\:hover\:line-through:hover { + text-decoration: line-through; } - .xl\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .xl\:hover\:no-underline:hover { + text-decoration: none; } - .xl\:focus\:translate-x-28:focus { - --transform-translate-x: 7rem; + .xl\:focus\:underline:focus { + text-decoration: underline; } - .xl\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .xl\:focus\:line-through:focus { + text-decoration: line-through; } - .xl\:focus\:translate-x-36:focus { - --transform-translate-x: 9rem; + .xl\:focus\:no-underline:focus { + text-decoration: none; } - .xl\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .xl\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .xl\:focus\:translate-x-44:focus { - --transform-translate-x: 11rem; + .xl\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .xl\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions { + --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/); + --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/); + font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction); } - .xl\:focus\:translate-x-52:focus { - --transform-translate-x: 13rem; + .xl\:normal-nums { + font-variant-numeric: normal; } - .xl\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .xl\:ordinal { + --font-variant-numeric-ordinal: ordinal; } - .xl\:focus\:translate-x-60:focus { - --transform-translate-x: 15rem; + .xl\:slashed-zero { + --font-variant-numeric-slashed-zero: slashed-zero; } - .xl\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .xl\:lining-nums { + --font-variant-numeric-figure: lining-nums; } - .xl\:focus\:translate-x-72:focus { - --transform-translate-x: 18rem; + .xl\:oldstyle-nums { + --font-variant-numeric-figure: oldstyle-nums; } - .xl\:focus\:translate-x-80:focus { - --transform-translate-x: 20rem; + .xl\:proportional-nums { + --font-variant-numeric-spacing: proportional-nums; } - .xl\:focus\:translate-x-96:focus { - --transform-translate-x: 24rem; + .xl\:tabular-nums { + --font-variant-numeric-spacing: tabular-nums; } - .xl\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .xl\:diagonal-fractions { + --font-variant-numeric-fraction: diagonal-fractions; } - .xl\:focus\:translate-x-0\.5:focus { - --transform-translate-x: 0.125rem; + .xl\:stacked-fractions { + --font-variant-numeric-fraction: stacked-fractions; } - .xl\:focus\:translate-x-1\.5:focus { - --transform-translate-x: 0.375rem; + .xl\:tracking-tighter { + letter-spacing: -0.05em; } - .xl\:focus\:translate-x-2\.5:focus { - --transform-translate-x: 0.625rem; + .xl\:tracking-tight { + letter-spacing: -0.025em; } - .xl\:focus\:translate-x-3\.5:focus { - --transform-translate-x: 0.875rem; + .xl\:tracking-normal { + letter-spacing: 0; } - .xl\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .xl\:tracking-wide { + letter-spacing: 0.025em; } - .xl\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .xl\:tracking-wider { + letter-spacing: 0.05em; } - .xl\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .xl\:tracking-widest { + letter-spacing: 0.1em; } - .xl\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .xl\:select-none { + user-select: none; } - .xl\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .xl\:select-text { + user-select: text; } - .xl\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .xl\:select-all { + user-select: all; } - .xl\:focus\:-translate-x-7:focus { - --transform-translate-x: -1.75rem; + .xl\:select-auto { + user-select: auto; } - .xl\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .xl\:align-baseline { + vertical-align: baseline; } - .xl\:focus\:-translate-x-9:focus { - --transform-translate-x: -2.25rem; + .xl\:align-top { + vertical-align: top; } - .xl\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .xl\:align-middle { + vertical-align: middle; } - .xl\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .xl\:align-bottom { + vertical-align: bottom; } - .xl\:focus\:-translate-x-14:focus { - --transform-translate-x: -3.5rem; + .xl\:align-text-top { + vertical-align: text-top; } - .xl\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .xl\:align-text-bottom { + vertical-align: text-bottom; } - .xl\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .xl\:visible { + visibility: visible; } - .xl\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .xl\:invisible { + visibility: hidden; } - .xl\:focus\:-translate-x-28:focus { - --transform-translate-x: -7rem; + .xl\:whitespace-normal { + white-space: normal; } - .xl\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .xl\:whitespace-no-wrap { + white-space: nowrap; } - .xl\:focus\:-translate-x-36:focus { - --transform-translate-x: -9rem; + .xl\:whitespace-pre { + white-space: pre; } - .xl\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .xl\:whitespace-pre-line { + white-space: pre-line; } - .xl\:focus\:-translate-x-44:focus { - --transform-translate-x: -11rem; + .xl\:whitespace-pre-wrap { + white-space: pre-wrap; } - .xl\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .xl\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .xl\:focus\:-translate-x-52:focus { - --transform-translate-x: -13rem; + .xl\:break-words { + overflow-wrap: break-word; } - .xl\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .xl\:break-all { + word-break: break-all; } - .xl\:focus\:-translate-x-60:focus { - --transform-translate-x: -15rem; + .xl\:w-0 { + width: 0; } - .xl\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .xl\:w-1 { + width: 0.25rem; } - .xl\:focus\:-translate-x-72:focus { - --transform-translate-x: -18rem; + .xl\:w-2 { + width: 0.5rem; } - .xl\:focus\:-translate-x-80:focus { - --transform-translate-x: -20rem; + .xl\:w-3 { + width: 0.75rem; } - .xl\:focus\:-translate-x-96:focus { - --transform-translate-x: -24rem; + .xl\:w-4 { + width: 1rem; } - .xl\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .xl\:w-5 { + width: 1.25rem; } - .xl\:focus\:-translate-x-0\.5:focus { - --transform-translate-x: -0.125rem; + .xl\:w-6 { + width: 1.5rem; } - .xl\:focus\:-translate-x-1\.5:focus { - --transform-translate-x: -0.375rem; + .xl\:w-7 { + width: 1.75rem; } - .xl\:focus\:-translate-x-2\.5:focus { - --transform-translate-x: -0.625rem; + .xl\:w-8 { + width: 2rem; } - .xl\:focus\:-translate-x-3\.5:focus { - --transform-translate-x: -0.875rem; + .xl\:w-9 { + width: 2.25rem; } - .xl\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .xl\:w-10 { + width: 2.5rem; } - .xl\:focus\:translate-x-1\/3:focus { - --transform-translate-x: 33.333333%; + .xl\:w-12 { + width: 3rem; } - .xl\:focus\:translate-x-2\/3:focus { - --transform-translate-x: 66.666667%; + .xl\:w-14 { + width: 3.5rem; } - .xl\:focus\:translate-x-1\/4:focus { - --transform-translate-x: 25%; + .xl\:w-16 { + width: 4rem; } - .xl\:focus\:translate-x-2\/4:focus { - --transform-translate-x: 50%; + .xl\:w-20 { + width: 5rem; } - .xl\:focus\:translate-x-3\/4:focus { - --transform-translate-x: 75%; + .xl\:w-24 { + width: 6rem; } - .xl\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .xl\:w-28 { + width: 7rem; } - .xl\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .xl\:w-32 { + width: 8rem; } - .xl\:focus\:-translate-x-1\/3:focus { - --transform-translate-x: -33.333333%; + .xl\:w-36 { + width: 9rem; } - .xl\:focus\:-translate-x-2\/3:focus { - --transform-translate-x: -66.666667%; + .xl\:w-40 { + width: 10rem; } - .xl\:focus\:-translate-x-1\/4:focus { - --transform-translate-x: -25%; + .xl\:w-44 { + width: 11rem; } - .xl\:focus\:-translate-x-2\/4:focus { - --transform-translate-x: -50%; + .xl\:w-48 { + width: 12rem; } - .xl\:focus\:-translate-x-3\/4:focus { - --transform-translate-x: -75%; + .xl\:w-52 { + width: 13rem; } - .xl\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .xl\:w-56 { + width: 14rem; } - .xl\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .xl\:w-60 { + width: 15rem; } - .xl\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .xl\:w-64 { + width: 16rem; } - .xl\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .xl\:w-72 { + width: 18rem; } - .xl\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .xl\:w-80 { + width: 20rem; } - .xl\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .xl\:w-96 { + width: 24rem; } - .xl\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .xl\:w-auto { + width: auto; } - .xl\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .xl\:w-px { + width: 1px; } - .xl\:focus\:translate-y-7:focus { - --transform-translate-y: 1.75rem; + .xl\:w-0\.5 { + width: 0.125rem; } - .xl\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .xl\:w-1\.5 { + width: 0.375rem; } - .xl\:focus\:translate-y-9:focus { - --transform-translate-y: 2.25rem; + .xl\:w-2\.5 { + width: 0.625rem; } - .xl\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .xl\:w-3\.5 { + width: 0.875rem; } - .xl\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .xl\:w-1\/2 { + width: 50%; } - .xl\:focus\:translate-y-14:focus { - --transform-translate-y: 3.5rem; + .xl\:w-1\/3 { + width: 33.333333%; } - .xl\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .xl\:w-2\/3 { + width: 66.666667%; } - .xl\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .xl\:w-1\/4 { + width: 25%; } - .xl\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .xl\:w-2\/4 { + width: 50%; } - .xl\:focus\:translate-y-28:focus { - --transform-translate-y: 7rem; + .xl\:w-3\/4 { + width: 75%; } - .xl\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .xl\:w-1\/5 { + width: 20%; } - .xl\:focus\:translate-y-36:focus { - --transform-translate-y: 9rem; + .xl\:w-2\/5 { + width: 40%; } - .xl\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .xl\:w-3\/5 { + width: 60%; } - .xl\:focus\:translate-y-44:focus { - --transform-translate-y: 11rem; + .xl\:w-4\/5 { + width: 80%; } - .xl\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .xl\:w-1\/6 { + width: 16.666667%; } - .xl\:focus\:translate-y-52:focus { - --transform-translate-y: 13rem; + .xl\:w-2\/6 { + width: 33.333333%; } - .xl\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .xl\:w-3\/6 { + width: 50%; } - .xl\:focus\:translate-y-60:focus { - --transform-translate-y: 15rem; + .xl\:w-4\/6 { + width: 66.666667%; } - .xl\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .xl\:w-5\/6 { + width: 83.333333%; } - .xl\:focus\:translate-y-72:focus { - --transform-translate-y: 18rem; + .xl\:w-1\/12 { + width: 8.333333%; } - .xl\:focus\:translate-y-80:focus { - --transform-translate-y: 20rem; + .xl\:w-2\/12 { + width: 16.666667%; } - .xl\:focus\:translate-y-96:focus { - --transform-translate-y: 24rem; + .xl\:w-3\/12 { + width: 25%; } - .xl\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .xl\:w-4\/12 { + width: 33.333333%; } - .xl\:focus\:translate-y-0\.5:focus { - --transform-translate-y: 0.125rem; + .xl\:w-5\/12 { + width: 41.666667%; } - .xl\:focus\:translate-y-1\.5:focus { - --transform-translate-y: 0.375rem; + .xl\:w-6\/12 { + width: 50%; } - .xl\:focus\:translate-y-2\.5:focus { - --transform-translate-y: 0.625rem; + .xl\:w-7\/12 { + width: 58.333333%; } - .xl\:focus\:translate-y-3\.5:focus { - --transform-translate-y: 0.875rem; + .xl\:w-8\/12 { + width: 66.666667%; } - .xl\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .xl\:w-9\/12 { + width: 75%; } - .xl\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .xl\:w-10\/12 { + width: 83.333333%; } - .xl\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .xl\:w-11\/12 { + width: 91.666667%; } - .xl\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .xl\:w-full { + width: 100%; } - .xl\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .xl\:w-screen { + width: 100vw; } - .xl\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .xl\:w-min { + width: min-content; } - .xl\:focus\:-translate-y-7:focus { - --transform-translate-y: -1.75rem; + .xl\:w-max { + width: max-content; } - .xl\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .xl\:z-0 { + z-index: 0; } - .xl\:focus\:-translate-y-9:focus { - --transform-translate-y: -2.25rem; + .xl\:z-10 { + z-index: 10; } - .xl\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .xl\:z-20 { + z-index: 20; } - .xl\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .xl\:z-30 { + z-index: 30; } - .xl\:focus\:-translate-y-14:focus { - --transform-translate-y: -3.5rem; + .xl\:z-40 { + z-index: 40; } - .xl\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .xl\:z-50 { + z-index: 50; } - .xl\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .xl\:z-auto { + z-index: auto; } - .xl\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .xl\:focus\:z-0:focus { + z-index: 0; } - .xl\:focus\:-translate-y-28:focus { - --transform-translate-y: -7rem; + .xl\:focus\:z-10:focus { + z-index: 10; } - .xl\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .xl\:focus\:z-20:focus { + z-index: 20; } - .xl\:focus\:-translate-y-36:focus { - --transform-translate-y: -9rem; + .xl\:focus\:z-30:focus { + z-index: 30; } - .xl\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .xl\:focus\:z-40:focus { + z-index: 40; } - .xl\:focus\:-translate-y-44:focus { - --transform-translate-y: -11rem; + .xl\:focus\:z-50:focus { + z-index: 50; } - .xl\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .xl\:focus\:z-auto:focus { + z-index: auto; } - .xl\:focus\:-translate-y-52:focus { - --transform-translate-y: -13rem; + .xl\:gap-0 { + grid-gap: 0; + gap: 0; } - .xl\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .xl\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .xl\:focus\:-translate-y-60:focus { - --transform-translate-y: -15rem; + .xl\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .xl\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .xl\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .xl\:focus\:-translate-y-72:focus { - --transform-translate-y: -18rem; + .xl\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .xl\:focus\:-translate-y-80:focus { - --transform-translate-y: -20rem; + .xl\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .xl\:focus\:-translate-y-96:focus { - --transform-translate-y: -24rem; + .xl\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .xl\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .xl\:gap-7 { + grid-gap: 1.75rem; + gap: 1.75rem; } - .xl\:focus\:-translate-y-0\.5:focus { - --transform-translate-y: -0.125rem; + .xl\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .xl\:focus\:-translate-y-1\.5:focus { - --transform-translate-y: -0.375rem; + .xl\:gap-9 { + grid-gap: 2.25rem; + gap: 2.25rem; } - .xl\:focus\:-translate-y-2\.5:focus { - --transform-translate-y: -0.625rem; + .xl\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .xl\:focus\:-translate-y-3\.5:focus { - --transform-translate-y: -0.875rem; + .xl\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .xl\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .xl\:gap-14 { + grid-gap: 3.5rem; + gap: 3.5rem; } - .xl\:focus\:translate-y-1\/3:focus { - --transform-translate-y: 33.333333%; + .xl\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .xl\:focus\:translate-y-2\/3:focus { - --transform-translate-y: 66.666667%; + .xl\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .xl\:focus\:translate-y-1\/4:focus { - --transform-translate-y: 25%; + .xl\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .xl\:focus\:translate-y-2\/4:focus { - --transform-translate-y: 50%; + .xl\:gap-28 { + grid-gap: 7rem; + gap: 7rem; } - .xl\:focus\:translate-y-3\/4:focus { - --transform-translate-y: 75%; + .xl\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .xl\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .xl\:gap-36 { + grid-gap: 9rem; + gap: 9rem; } - .xl\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .xl\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .xl\:focus\:-translate-y-1\/3:focus { - --transform-translate-y: -33.333333%; + .xl\:gap-44 { + grid-gap: 11rem; + gap: 11rem; } - .xl\:focus\:-translate-y-2\/3:focus { - --transform-translate-y: -66.666667%; + .xl\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .xl\:focus\:-translate-y-1\/4:focus { - --transform-translate-y: -25%; + .xl\:gap-52 { + grid-gap: 13rem; + gap: 13rem; } - .xl\:focus\:-translate-y-2\/4:focus { - --transform-translate-y: -50%; + .xl\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .xl\:focus\:-translate-y-3\/4:focus { - --transform-translate-y: -75%; + .xl\:gap-60 { + grid-gap: 15rem; + gap: 15rem; } - .xl\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .xl\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .xl\:skew-x-0 { - --transform-skew-x: 0; + .xl\:gap-72 { + grid-gap: 18rem; + gap: 18rem; } - .xl\:skew-x-1 { - --transform-skew-x: 1deg; + .xl\:gap-80 { + grid-gap: 20rem; + gap: 20rem; } - .xl\:skew-x-2 { - --transform-skew-x: 2deg; + .xl\:gap-96 { + grid-gap: 24rem; + gap: 24rem; } - .xl\:skew-x-3 { - --transform-skew-x: 3deg; + .xl\:gap-px { + grid-gap: 1px; + gap: 1px; } - .xl\:skew-x-6 { - --transform-skew-x: 6deg; + .xl\:gap-0\.5 { + grid-gap: 0.125rem; + gap: 0.125rem; } - .xl\:skew-x-12 { - --transform-skew-x: 12deg; + .xl\:gap-1\.5 { + grid-gap: 0.375rem; + gap: 0.375rem; } - .xl\:-skew-x-12 { - --transform-skew-x: -12deg; + .xl\:gap-2\.5 { + grid-gap: 0.625rem; + gap: 0.625rem; } - .xl\:-skew-x-6 { - --transform-skew-x: -6deg; + .xl\:gap-3\.5 { + grid-gap: 0.875rem; + gap: 0.875rem; } - .xl\:-skew-x-3 { - --transform-skew-x: -3deg; + .xl\:gap-x-0 { + grid-column-gap: 0; + column-gap: 0; } - .xl\:-skew-x-2 { - --transform-skew-x: -2deg; + .xl\:gap-x-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .xl\:-skew-x-1 { - --transform-skew-x: -1deg; + .xl\:gap-x-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .xl\:skew-y-0 { - --transform-skew-y: 0; + .xl\:gap-x-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .xl\:skew-y-1 { - --transform-skew-y: 1deg; + .xl\:gap-x-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .xl\:skew-y-2 { - --transform-skew-y: 2deg; + .xl\:gap-x-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .xl\:skew-y-3 { - --transform-skew-y: 3deg; + .xl\:gap-x-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .xl\:skew-y-6 { - --transform-skew-y: 6deg; + .xl\:gap-x-7 { + grid-column-gap: 1.75rem; + column-gap: 1.75rem; } - .xl\:skew-y-12 { - --transform-skew-y: 12deg; + .xl\:gap-x-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .xl\:-skew-y-12 { - --transform-skew-y: -12deg; + .xl\:gap-x-9 { + grid-column-gap: 2.25rem; + column-gap: 2.25rem; } - .xl\:-skew-y-6 { - --transform-skew-y: -6deg; + .xl\:gap-x-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .xl\:-skew-y-3 { - --transform-skew-y: -3deg; + .xl\:gap-x-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .xl\:-skew-y-2 { - --transform-skew-y: -2deg; + .xl\:gap-x-14 { + grid-column-gap: 3.5rem; + column-gap: 3.5rem; } - .xl\:-skew-y-1 { - --transform-skew-y: -1deg; + .xl\:gap-x-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .xl\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .xl\:gap-x-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .xl\:hover\:skew-x-1:hover { - --transform-skew-x: 1deg; + .xl\:gap-x-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .xl\:hover\:skew-x-2:hover { - --transform-skew-x: 2deg; + .xl\:gap-x-28 { + grid-column-gap: 7rem; + column-gap: 7rem; } - .xl\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .xl\:gap-x-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .xl\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .xl\:gap-x-36 { + grid-column-gap: 9rem; + column-gap: 9rem; } - .xl\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .xl\:gap-x-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .xl\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .xl\:gap-x-44 { + grid-column-gap: 11rem; + column-gap: 11rem; } - .xl\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .xl\:gap-x-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .xl\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .xl\:gap-x-52 { + grid-column-gap: 13rem; + column-gap: 13rem; } - .xl\:hover\:-skew-x-2:hover { - --transform-skew-x: -2deg; + .xl\:gap-x-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .xl\:hover\:-skew-x-1:hover { - --transform-skew-x: -1deg; + .xl\:gap-x-60 { + grid-column-gap: 15rem; + column-gap: 15rem; } - .xl\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .xl\:gap-x-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .xl\:hover\:skew-y-1:hover { - --transform-skew-y: 1deg; + .xl\:gap-x-72 { + grid-column-gap: 18rem; + column-gap: 18rem; } - .xl\:hover\:skew-y-2:hover { - --transform-skew-y: 2deg; + .xl\:gap-x-80 { + grid-column-gap: 20rem; + column-gap: 20rem; } - .xl\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .xl\:gap-x-96 { + grid-column-gap: 24rem; + column-gap: 24rem; } - .xl\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .xl\:gap-x-px { + grid-column-gap: 1px; + column-gap: 1px; } - .xl\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .xl\:gap-x-0\.5 { + grid-column-gap: 0.125rem; + column-gap: 0.125rem; } - .xl\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .xl\:gap-x-1\.5 { + grid-column-gap: 0.375rem; + column-gap: 0.375rem; } - .xl\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .xl\:gap-x-2\.5 { + grid-column-gap: 0.625rem; + column-gap: 0.625rem; } - .xl\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .xl\:gap-x-3\.5 { + grid-column-gap: 0.875rem; + column-gap: 0.875rem; } - .xl\:hover\:-skew-y-2:hover { - --transform-skew-y: -2deg; + .xl\:gap-y-0 { + grid-row-gap: 0; + row-gap: 0; } - .xl\:hover\:-skew-y-1:hover { - --transform-skew-y: -1deg; + .xl\:gap-y-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .xl\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .xl\:gap-y-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .xl\:focus\:skew-x-1:focus { - --transform-skew-x: 1deg; + .xl\:gap-y-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .xl\:focus\:skew-x-2:focus { - --transform-skew-x: 2deg; + .xl\:gap-y-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .xl\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .xl\:gap-y-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .xl\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .xl\:gap-y-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .xl\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .xl\:gap-y-7 { + grid-row-gap: 1.75rem; + row-gap: 1.75rem; } - .xl\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .xl\:gap-y-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .xl\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .xl\:gap-y-9 { + grid-row-gap: 2.25rem; + row-gap: 2.25rem; } - .xl\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .xl\:gap-y-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .xl\:focus\:-skew-x-2:focus { - --transform-skew-x: -2deg; + .xl\:gap-y-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .xl\:focus\:-skew-x-1:focus { - --transform-skew-x: -1deg; + .xl\:gap-y-14 { + grid-row-gap: 3.5rem; + row-gap: 3.5rem; } - .xl\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .xl\:gap-y-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .xl\:focus\:skew-y-1:focus { - --transform-skew-y: 1deg; + .xl\:gap-y-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .xl\:focus\:skew-y-2:focus { - --transform-skew-y: 2deg; + .xl\:gap-y-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .xl\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .xl\:gap-y-28 { + grid-row-gap: 7rem; + row-gap: 7rem; } - .xl\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .xl\:gap-y-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .xl\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .xl\:gap-y-36 { + grid-row-gap: 9rem; + row-gap: 9rem; } - .xl\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .xl\:gap-y-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .xl\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .xl\:gap-y-44 { + grid-row-gap: 11rem; + row-gap: 11rem; } - .xl\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .xl\:gap-y-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .xl\:focus\:-skew-y-2:focus { - --transform-skew-y: -2deg; + .xl\:gap-y-52 { + grid-row-gap: 13rem; + row-gap: 13rem; } - .xl\:focus\:-skew-y-1:focus { - --transform-skew-y: -1deg; + .xl\:gap-y-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .xl\:transition-none { - transition-property: none; + .xl\:gap-y-60 { + grid-row-gap: 15rem; + row-gap: 15rem; } - .xl\:transition-all { - transition-property: all; + .xl\:gap-y-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .xl\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .xl\:gap-y-72 { + grid-row-gap: 18rem; + row-gap: 18rem; } - .xl\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .xl\:gap-y-80 { + grid-row-gap: 20rem; + row-gap: 20rem; } - .xl\:transition-opacity { - transition-property: opacity; + .xl\:gap-y-96 { + grid-row-gap: 24rem; + row-gap: 24rem; } - .xl\:transition-shadow { - transition-property: box-shadow; + .xl\:gap-y-px { + grid-row-gap: 1px; + row-gap: 1px; } - .xl\:transition-transform { - transition-property: transform; + .xl\:gap-y-0\.5 { + grid-row-gap: 0.125rem; + row-gap: 0.125rem; } - .xl\:ease-linear { - transition-timing-function: linear; + .xl\:gap-y-1\.5 { + grid-row-gap: 0.375rem; + row-gap: 0.375rem; } - .xl\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:gap-y-2\.5 { + grid-row-gap: 0.625rem; + row-gap: 0.625rem; } - .xl\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:gap-y-3\.5 { + grid-row-gap: 0.875rem; + row-gap: 0.875rem; } - .xl\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:grid-flow-row { + grid-auto-flow: row; } - .xl\:duration-75 { - transition-duration: 75ms; + .xl\:grid-flow-col { + grid-auto-flow: column; } - .xl\:duration-100 { - transition-duration: 100ms; + .xl\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .xl\:duration-150 { - transition-duration: 150ms; + .xl\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .xl\:duration-200 { - transition-duration: 200ms; + .xl\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .xl\:duration-300 { - transition-duration: 300ms; + .xl\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .xl\:duration-500 { - transition-duration: 500ms; + .xl\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .xl\:duration-700 { - transition-duration: 700ms; + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .xl\:duration-1000 { - transition-duration: 1000ms; + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .xl\:delay-75 { - transition-delay: 75ms; + .xl\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .xl\:delay-100 { - transition-delay: 100ms; + .xl\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .xl\:delay-150 { - transition-delay: 150ms; + .xl\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .xl\:delay-200 { - transition-delay: 200ms; + .xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .xl\:delay-300 { - transition-delay: 300ms; + .xl\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .xl\:delay-500 { - transition-delay: 500ms; + .xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .xl\:delay-700 { - transition-delay: 700ms; + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .xl\:delay-1000 { - transition-delay: 1000ms; + .xl\:grid-cols-none { + grid-template-columns: none; } - .xl\:animate-none { - animation: none; + .xl\:auto-cols-auto { + grid-auto-columns: auto; } - .xl\:animate-spin { - animation: spin 1s linear infinite; + .xl\:auto-cols-min { + grid-auto-columns: min-content; } - .xl\:animate-ping { - animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + .xl\:auto-cols-max { + grid-auto-columns: max-content; } - .xl\:animate-pulse { - animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + .xl\:auto-cols-fr { + grid-auto-columns: minmax(0, 1fr); } - .xl\:animate-bounce { - animation: bounce 1s infinite; + .xl\:col-auto { + grid-column: auto; } - .xl\:example { - font-weight: 700; - color: #ef4444; + .xl\:col-span-1 { + grid-column: span 1 / span 1; } -} -@media (min-width: 1536px) { - .\32xl\:container { - width: 100%; + .xl\:col-span-2 { + grid-column: span 2 / span 2; } - @media (min-width: 640px) { - .\32xl\:container { - max-width: 640px; - } + .xl\:col-span-3 { + grid-column: span 3 / span 3; } - @media (min-width: 768px) { - .\32xl\:container { - max-width: 768px; - } + .xl\:col-span-4 { + grid-column: span 4 / span 4; } - @media (min-width: 1024px) { - .\32xl\:container { - max-width: 1024px; - } + .xl\:col-span-5 { + grid-column: span 5 / span 5; } - @media (min-width: 1280px) { - .\32xl\:container { - max-width: 1280px; - } + .xl\:col-span-6 { + grid-column: span 6 / span 6; } - @media (min-width: 1536px) { - .\32xl\:container { - max-width: 1536px; - } + .xl\:col-span-7 { + grid-column: span 7 / span 7; } - .\32xl\: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\:col-span-8 { + grid-column: span 8 / span 8; } - .\32xl\:space-x-0 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0px * var(--space-x-reverse)); - margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + .xl\:col-span-9 { + grid-column: span 9 / span 9; } - .\32xl\: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\:col-span-10 { + grid-column: span 10 / span 10; } - .\32xl\:space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-11 { + grid-column: span 11 / span 11; } - .\32xl\: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\:col-span-12 { + grid-column: span 12 / span 12; } - .\32xl\:space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-span-full { + grid-column: 1 / -1; } - .\32xl\: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\:col-start-1 { + grid-column-start: 1; } - .\32xl\:space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-2 { + grid-column-start: 2; } - .\32xl\: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\:col-start-3 { + grid-column-start: 3; } - .\32xl\:space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1rem * var(--space-x-reverse)); - margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-4 { + grid-column-start: 4; } - .\32xl\: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\:col-start-5 { + grid-column-start: 5; } - .\32xl\:space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-6 { + grid-column-start: 6; } - .\32xl\: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\:col-start-7 { + grid-column-start: 7; } - .\32xl\:space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-8 { + grid-column-start: 8; } - .\32xl\: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\:col-start-9 { + grid-column-start: 9; } - .\32xl\:space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-10 { + grid-column-start: 10; } - .\32xl\: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\:col-start-11 { + grid-column-start: 11; } - .\32xl\:space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2rem * var(--space-x-reverse)); - margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-12 { + grid-column-start: 12; } - .\32xl\: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\:col-start-13 { + grid-column-start: 13; } - .\32xl\:space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:col-start-auto { + grid-column-start: auto; } - .\32xl\: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\:col-end-1 { + grid-column-end: 1; } - .\32xl\:space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-2 { + grid-column-end: 2; } - .\32xl\: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\:col-end-3 { + grid-column-end: 3; } - .\32xl\:space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3rem * var(--space-x-reverse)); - margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-4 { + grid-column-end: 4; } - .\32xl\: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\:col-end-5 { + grid-column-end: 5; } - .\32xl\:space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-6 { + grid-column-end: 6; } - .\32xl\: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\:col-end-7 { + grid-column-end: 7; } - .\32xl\:space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(4rem * var(--space-x-reverse)); - margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-8 { + grid-column-end: 8; } - .\32xl\: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\:col-end-9 { + grid-column-end: 9; } - .\32xl\:space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(5rem * var(--space-x-reverse)); - margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-10 { + grid-column-end: 10; } - .\32xl\: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\:col-end-11 { + grid-column-end: 11; } - .\32xl\:space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(6rem * var(--space-x-reverse)); - margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-12 { + grid-column-end: 12; } - .\32xl\: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\:col-end-13 { + grid-column-end: 13; } - .\32xl\:space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(7rem * var(--space-x-reverse)); - margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + .xl\:col-end-auto { + grid-column-end: auto; } - .\32xl\: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\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .\32xl\:space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(8rem * var(--space-x-reverse)); - margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .\32xl\:space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(9rem * var(--space-x-reverse)); - margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .\32xl\:space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(10rem * var(--space-x-reverse)); - margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + .xl\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .\32xl\: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\:grid-rows-none { + grid-template-rows: none; } - .\32xl\:space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(11rem * var(--space-x-reverse)); - margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + .xl\:auto-rows-auto { + grid-auto-rows: auto; } - .\32xl\: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\:auto-rows-min { + grid-auto-rows: min-content; } - .\32xl\:space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(12rem * var(--space-x-reverse)); - margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + .xl\:auto-rows-max { + grid-auto-rows: max-content; } - .\32xl\: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\:auto-rows-fr { + grid-auto-rows: minmax(0, 1fr); } - .\32xl\:space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(13rem * var(--space-x-reverse)); - margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + .xl\:row-auto { + grid-row: auto; } - .\32xl\: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\:row-span-1 { + grid-row: span 1 / span 1; } - .\32xl\:space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(14rem * var(--space-x-reverse)); - margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-2 { + grid-row: span 2 / span 2; } - .\32xl\: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\:row-span-3 { + grid-row: span 3 / span 3; } - .\32xl\:space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(15rem * var(--space-x-reverse)); - margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-4 { + grid-row: span 4 / span 4; } - .\32xl\: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\:row-span-5 { + grid-row: span 5 / span 5; } - .\32xl\:space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(16rem * var(--space-x-reverse)); - margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + .xl\:row-span-6 { + grid-row: span 6 / span 6; } - .\32xl\: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\:row-span-full { + grid-row: 1 / -1; } - .\32xl\:space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(18rem * var(--space-x-reverse)); - margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-1 { + grid-row-start: 1; } - .\32xl\: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\:row-start-2 { + grid-row-start: 2; } - .\32xl\:space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(20rem * var(--space-x-reverse)); - margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-3 { + grid-row-start: 3; } - .\32xl\: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\:row-start-4 { + grid-row-start: 4; } - .\32xl\:space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(24rem * var(--space-x-reverse)); - margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + .xl\:row-start-5 { + grid-row-start: 5; } - .\32xl\: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\:row-start-6 { + grid-row-start: 6; } - .\32xl\:space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(1px * var(--space-x-reverse)); - margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + .xl\:row-start-7 { + grid-row-start: 7; } - .\32xl\: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\:row-start-auto { + grid-row-start: auto; } - .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-1 { + grid-row-end: 1; } - .\32xl\: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\:row-end-2 { + grid-row-end: 2; } - .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-3 { + grid-row-end: 3; } - .\32xl\: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\:row-end-4 { + grid-row-end: 4; } - .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-5 { + grid-row-end: 5; } - .\32xl\: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\:row-end-6 { + grid-row-end: 6; } - .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:row-end-7 { + grid-row-end: 7; } - .\32xl\:-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\:row-end-auto { + grid-row-end: auto; } - .\32xl\:-space-x-1 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + .xl\: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)); } - .\32xl\:-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\:transform-gpu { + --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: translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .\32xl\:-space-x-2 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + .xl\:transform-none { + transform: none; } - .\32xl\:-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\:origin-center { + transform-origin: center; } - .\32xl\:-space-x-3 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-top { + transform-origin: top; } - .\32xl\:-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\:origin-top-right { + transform-origin: top right; } - .\32xl\:-space-x-4 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1rem * var(--space-x-reverse)); - margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-right { + transform-origin: right; } - .\32xl\:-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\:origin-bottom-right { + transform-origin: bottom right; } - .\32xl\:-space-x-5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-bottom { + transform-origin: bottom; } - .\32xl\:-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\:origin-bottom-left { + transform-origin: bottom left; } - .\32xl\:-space-x-6 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + .xl\:origin-left { + transform-origin: left; } - .\32xl\:-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\:origin-top-left { + transform-origin: top left; } - .\32xl\:-space-x-7 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); - margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\:-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\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:-space-x-8 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2rem * var(--space-x-reverse)); - margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:-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\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:-space-x-9 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:-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\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:-space-x-10 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:-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\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:-space-x-12 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3rem * var(--space-x-reverse)); - margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:-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\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:-space-x-14 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); - margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-0 { + --transform-scale-x: 0; } - .\32xl\:-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\:scale-x-50 { + --transform-scale-x: .5; } - .\32xl\:-space-x-16 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-4rem * var(--space-x-reverse)); - margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-75 { + --transform-scale-x: .75; } - .\32xl\:-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\:scale-x-90 { + --transform-scale-x: .9; } - .\32xl\:-space-x-20 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-5rem * var(--space-x-reverse)); - margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-95 { + --transform-scale-x: .95; } - .\32xl\:-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\:scale-x-100 { + --transform-scale-x: 1; } - .\32xl\:-space-x-24 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-6rem * var(--space-x-reverse)); - margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-105 { + --transform-scale-x: 1.05; } - .\32xl\:-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\:scale-x-110 { + --transform-scale-x: 1.1; } - .\32xl\:-space-x-28 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-7rem * var(--space-x-reverse)); - margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-x-125 { + --transform-scale-x: 1.25; } - .\32xl\:-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\:scale-x-150 { + --transform-scale-x: 1.5; } - .\32xl\:-space-x-32 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-8rem * var(--space-x-reverse)); - margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-0 { + --transform-scale-y: 0; } - .\32xl\:-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\:scale-y-50 { + --transform-scale-y: .5; } - .\32xl\:-space-x-36 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-9rem * var(--space-x-reverse)); - margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-75 { + --transform-scale-y: .75; } - .\32xl\:-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\:scale-y-90 { + --transform-scale-y: .9; } - .\32xl\:-space-x-40 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-10rem * var(--space-x-reverse)); - margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-95 { + --transform-scale-y: .95; } - .\32xl\:-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\:scale-y-100 { + --transform-scale-y: 1; } - .\32xl\:-space-x-44 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-11rem * var(--space-x-reverse)); - margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-105 { + --transform-scale-y: 1.05; } - .\32xl\:-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\:scale-y-110 { + --transform-scale-y: 1.1; } - .\32xl\:-space-x-48 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-12rem * var(--space-x-reverse)); - margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); + .xl\:scale-y-125 { + --transform-scale-y: 1.25; } - .\32xl\:-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\:scale-y-150 { + --transform-scale-y: 1.5; } - .\32xl\:-space-x-52 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-13rem * var(--space-x-reverse)); - margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\:-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\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:-space-x-56 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-14rem * var(--space-x-reverse)); - margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\:-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\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:-space-x-60 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-15rem * var(--space-x-reverse)); - margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:-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\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:-space-x-64 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-16rem * var(--space-x-reverse)); - margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:-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\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:-space-x-72 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-18rem * var(--space-x-reverse)); - margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:-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\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:-space-x-80 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-20rem * var(--space-x-reverse)); - margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .\32xl\:-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\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .\32xl\:-space-x-96 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-24rem * var(--space-x-reverse)); - margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .\32xl\:-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\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .\32xl\:-space-x-px > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-1px * var(--space-x-reverse)); - margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .\32xl\:-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\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .\32xl\:-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\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .\32xl\:-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\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .\32xl\:-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\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { - --space-x-reverse: 0; - margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); - margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); + .xl\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .\32xl\:space-y-reverse > :not(template) ~ :not(template) { - --space-y-reverse: 1; + .xl\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .\32xl\:space-x-reverse > :not(template) ~ :not(template) { - --space-x-reverse: 1; + .xl\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .\32xl\: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\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .\32xl\:divide-x-0 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(0px * var(--divide-x-reverse)); - border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .\32xl\: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\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .\32xl\:divide-x-2 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(2px * var(--divide-x-reverse)); - border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); + .xl\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .\32xl\: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\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .\32xl\:divide-x-4 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(4px * var(--divide-x-reverse)); - border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .\32xl\: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\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .\32xl\:divide-x-8 > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(8px * var(--divide-x-reverse)); - border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .\32xl\: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\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .\32xl\:divide-x > :not(template) ~ :not(template) { - --divide-x-reverse: 0; - border-inline-end-width: calc(1px * var(--divide-x-reverse)); - border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); + .xl\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { - --divide-y-reverse: 1; + .xl\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { - --divide-x-reverse: 1; + .xl\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .\32xl\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; + .xl\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .\32xl\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; + .xl\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .\32xl\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); + .xl\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .\32xl\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); + .xl\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); + .xl\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); + .xl\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); + .xl\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); + .xl\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); + .xl\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); + .xl\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); + .xl\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); + .xl\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); + .xl\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); + .xl\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .\32xl\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); + .xl\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .\32xl\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); + .xl\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .\32xl\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); + .xl\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .\32xl\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); + .xl\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .\32xl\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); + .xl\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .\32xl\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); + .xl\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .\32xl\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); + .xl\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .\32xl\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); + .xl\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .\32xl\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); + .xl\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .\32xl\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); + .xl\:rotate-0 { + --transform-rotate: 0; } - .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); + .xl\:rotate-1 { + --transform-rotate: 1deg; } - .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); + .xl\:rotate-2 { + --transform-rotate: 2deg; } - .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); + .xl\:rotate-3 { + --transform-rotate: 3deg; } - .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); + .xl\:rotate-6 { + --transform-rotate: 6deg; } - .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); + .xl\:rotate-12 { + --transform-rotate: 12deg; } - .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); + .xl\:rotate-45 { + --transform-rotate: 45deg; } - .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); + .xl\:rotate-90 { + --transform-rotate: 90deg; } - .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); + .xl\:rotate-180 { + --transform-rotate: 180deg; } - .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); + .xl\:-rotate-180 { + --transform-rotate: -180deg; } - .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); + .xl\:-rotate-90 { + --transform-rotate: -90deg; } - .\32xl\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); + .xl\:-rotate-45 { + --transform-rotate: -45deg; } - .\32xl\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); + .xl\:-rotate-12 { + --transform-rotate: -12deg; } - .\32xl\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); + .xl\:-rotate-6 { + --transform-rotate: -6deg; } - .\32xl\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); + .xl\:-rotate-3 { + --transform-rotate: -3deg; } - .\32xl\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); + .xl\:-rotate-2 { + --transform-rotate: -2deg; } - .\32xl\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); + .xl\:-rotate-1 { + --transform-rotate: -1deg; } - .\32xl\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); + .xl\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .\32xl\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); + .xl\:hover\:rotate-1:hover { + --transform-rotate: 1deg; } - .\32xl\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); + .xl\:hover\:rotate-2:hover { + --transform-rotate: 2deg; } - .\32xl\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); + .xl\:hover\:rotate-3:hover { + --transform-rotate: 3deg; } - .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); + .xl\:hover\:rotate-6:hover { + --transform-rotate: 6deg; } - .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); + .xl\:hover\:rotate-12:hover { + --transform-rotate: 12deg; } - .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); + .xl\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); + .xl\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); + .xl\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); + .xl\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); + .xl\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); + .xl\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); + .xl\:hover\:-rotate-12:hover { + --transform-rotate: -12deg; } - .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); + .xl\:hover\:-rotate-6:hover { + --transform-rotate: -6deg; } - .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); + .xl\:hover\:-rotate-3:hover { + --transform-rotate: -3deg; } - .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); + .xl\:hover\:-rotate-2:hover { + --transform-rotate: -2deg; } - .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); + .xl\:hover\:-rotate-1:hover { + --transform-rotate: -1deg; } - .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); + .xl\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); + .xl\:focus\:rotate-1:focus { + --transform-rotate: 1deg; } - .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); + .xl\:focus\:rotate-2:focus { + --transform-rotate: 2deg; } - .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); + .xl\:focus\:rotate-3:focus { + --transform-rotate: 3deg; } - .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); + .xl\:focus\:rotate-6:focus { + --transform-rotate: 6deg; } - .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); + .xl\:focus\:rotate-12:focus { + --transform-rotate: 12deg; } - .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); + .xl\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); + .xl\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); + .xl\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); + .xl\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); + .xl\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); + .xl\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); + .xl\:focus\:-rotate-12:focus { + --transform-rotate: -12deg; } - .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); + .xl\:focus\:-rotate-6:focus { + --transform-rotate: -6deg; } - .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); + .xl\:focus\:-rotate-3:focus { + --transform-rotate: -3deg; } - .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); + .xl\:focus\:-rotate-2:focus { + --transform-rotate: -2deg; } - .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); + .xl\:focus\:-rotate-1:focus { + --transform-rotate: -1deg; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:divide-transparent > :not(template) ~ :not(template) { - border-color: transparent; - } - - .\32xl\:dark\:divide-current > :not(template) ~ :not(template) { - border-color: currentColor; - } + .xl\:translate-x-0 { + --transform-translate-x: 0; + } - .\32xl\:dark\:divide-black > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(0, 0, 0, var(--divide-opacity)); - } + .xl\:translate-x-1 { + --transform-translate-x: 0.25rem; + } - .\32xl\:dark\:divide-white > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 255, 255, var(--divide-opacity)); - } + .xl\:translate-x-2 { + --transform-translate-x: 0.5rem; + } - .\32xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(250, 250, 250, var(--divide-opacity)); - } + .xl\:translate-x-3 { + --transform-translate-x: 0.75rem; + } - .\32xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 244, 245, var(--divide-opacity)); - } + .xl\:translate-x-4 { + --transform-translate-x: 1rem; + } - .\32xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(228, 228, 231, var(--divide-opacity)); - } + .xl\:translate-x-5 { + --transform-translate-x: 1.25rem; + } - .\32xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(212, 212, 216, var(--divide-opacity)); - } + .xl\:translate-x-6 { + --transform-translate-x: 1.5rem; + } - .\32xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(161, 161, 170, var(--divide-opacity)); - } + .xl\:translate-x-7 { + --transform-translate-x: 1.75rem; + } - .\32xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(113, 113, 122, var(--divide-opacity)); - } + .xl\:translate-x-8 { + --transform-translate-x: 2rem; + } - .\32xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(82, 82, 91, var(--divide-opacity)); - } + .xl\:translate-x-9 { + --transform-translate-x: 2.25rem; + } - .\32xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(63, 63, 70, var(--divide-opacity)); - } + .xl\:translate-x-10 { + --transform-translate-x: 2.5rem; + } - .\32xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(39, 39, 42, var(--divide-opacity)); - } + .xl\:translate-x-12 { + --transform-translate-x: 3rem; + } - .\32xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(24, 24, 27, var(--divide-opacity)); - } + .xl\:translate-x-14 { + --transform-translate-x: 3.5rem; + } - .\32xl\:dark\:divide-red-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 242, 242, var(--divide-opacity)); - } + .xl\:translate-x-16 { + --transform-translate-x: 4rem; + } - .\32xl\:dark\:divide-red-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 226, 226, var(--divide-opacity)); - } + .xl\:translate-x-20 { + --transform-translate-x: 5rem; + } - .\32xl\:dark\:divide-red-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 202, 202, var(--divide-opacity)); - } + .xl\:translate-x-24 { + --transform-translate-x: 6rem; + } - .\32xl\:dark\:divide-red-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 165, 165, var(--divide-opacity)); - } + .xl\:translate-x-28 { + --transform-translate-x: 7rem; + } - .\32xl\:dark\:divide-red-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(248, 113, 113, var(--divide-opacity)); - } + .xl\:translate-x-32 { + --transform-translate-x: 8rem; + } - .\32xl\:dark\:divide-red-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 68, 68, var(--divide-opacity)); - } + .xl\:translate-x-36 { + --transform-translate-x: 9rem; + } - .\32xl\:dark\:divide-red-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(220, 38, 38, var(--divide-opacity)); - } + .xl\:translate-x-40 { + --transform-translate-x: 10rem; + } - .\32xl\:dark\:divide-red-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(185, 28, 28, var(--divide-opacity)); - } + .xl\:translate-x-44 { + --transform-translate-x: 11rem; + } - .\32xl\:dark\:divide-red-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(153, 27, 27, var(--divide-opacity)); - } + .xl\:translate-x-48 { + --transform-translate-x: 12rem; + } - .\32xl\:dark\:divide-red-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(127, 29, 29, var(--divide-opacity)); - } + .xl\:translate-x-52 { + --transform-translate-x: 13rem; + } - .\32xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(255, 251, 235, var(--divide-opacity)); - } + .xl\:translate-x-56 { + --transform-translate-x: 14rem; + } - .\32xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(254, 243, 199, var(--divide-opacity)); - } + .xl\:translate-x-60 { + --transform-translate-x: 15rem; + } - .\32xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 230, 138, var(--divide-opacity)); - } + .xl\:translate-x-64 { + --transform-translate-x: 16rem; + } - .\32xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 211, 77, var(--divide-opacity)); - } + .xl\:translate-x-72 { + --transform-translate-x: 18rem; + } - .\32xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 191, 36, var(--divide-opacity)); - } + .xl\:translate-x-80 { + --transform-translate-x: 20rem; + } - .\32xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 158, 11, var(--divide-opacity)); - } + .xl\:translate-x-96 { + --transform-translate-x: 24rem; + } - .\32xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(217, 119, 6, var(--divide-opacity)); - } + .xl\:translate-x-px { + --transform-translate-x: 1px; + } - .\32xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(180, 83, 9, var(--divide-opacity)); - } + .xl\:translate-x-0\.5 { + --transform-translate-x: 0.125rem; + } - .\32xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(146, 64, 14, var(--divide-opacity)); - } + .xl\:translate-x-1\.5 { + --transform-translate-x: 0.375rem; + } - .\32xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(120, 53, 15, var(--divide-opacity)); - } + .xl\:translate-x-2\.5 { + --transform-translate-x: 0.625rem; + } - .\32xl\:dark\:divide-green-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 253, 245, var(--divide-opacity)); - } + .xl\:translate-x-3\.5 { + --transform-translate-x: 0.875rem; + } - .\32xl\:dark\:divide-green-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(209, 250, 229, var(--divide-opacity)); - } + .xl\:-translate-x-1 { + --transform-translate-x: -0.25rem; + } - .\32xl\:dark\:divide-green-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 243, 208, var(--divide-opacity)); - } + .xl\:-translate-x-2 { + --transform-translate-x: -0.5rem; + } - .\32xl\:dark\:divide-green-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(110, 231, 183, var(--divide-opacity)); - } + .xl\:-translate-x-3 { + --transform-translate-x: -0.75rem; + } - .\32xl\:dark\:divide-green-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(52, 211, 153, var(--divide-opacity)); - } + .xl\:-translate-x-4 { + --transform-translate-x: -1rem; + } - .\32xl\:dark\:divide-green-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(16, 185, 129, var(--divide-opacity)); - } + .xl\:-translate-x-5 { + --transform-translate-x: -1.25rem; + } - .\32xl\:dark\:divide-green-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(5, 150, 105, var(--divide-opacity)); - } + .xl\:-translate-x-6 { + --transform-translate-x: -1.5rem; + } - .\32xl\:dark\:divide-green-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(4, 120, 87, var(--divide-opacity)); - } + .xl\:-translate-x-7 { + --transform-translate-x: -1.75rem; + } - .\32xl\:dark\:divide-green-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 95, 70, var(--divide-opacity)); - } + .xl\:-translate-x-8 { + --transform-translate-x: -2rem; + } - .\32xl\:dark\:divide-green-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(6, 78, 59, var(--divide-opacity)); - } + .xl\:-translate-x-9 { + --transform-translate-x: -2.25rem; + } - .\32xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(239, 246, 255, var(--divide-opacity)); - } + .xl\:-translate-x-10 { + --transform-translate-x: -2.5rem; + } - .\32xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 234, 254, var(--divide-opacity)); - } + .xl\:-translate-x-12 { + --transform-translate-x: -3rem; + } - .\32xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(191, 219, 254, var(--divide-opacity)); - } + .xl\:-translate-x-14 { + --transform-translate-x: -3.5rem; + } - .\32xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(147, 197, 253, var(--divide-opacity)); - } + .xl\:-translate-x-16 { + --transform-translate-x: -4rem; + } - .\32xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(96, 165, 250, var(--divide-opacity)); - } + .xl\:-translate-x-20 { + --transform-translate-x: -5rem; + } - .\32xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(59, 130, 246, var(--divide-opacity)); - } + .xl\:-translate-x-24 { + --transform-translate-x: -6rem; + } - .\32xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(37, 99, 235, var(--divide-opacity)); - } + .xl\:-translate-x-28 { + --transform-translate-x: -7rem; + } - .\32xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(29, 78, 216, var(--divide-opacity)); - } + .xl\:-translate-x-32 { + --transform-translate-x: -8rem; + } - .\32xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 64, 175, var(--divide-opacity)); - } + .xl\:-translate-x-36 { + --transform-translate-x: -9rem; + } - .\32xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(30, 58, 138, var(--divide-opacity)); - } + .xl\:-translate-x-40 { + --transform-translate-x: -10rem; + } - .\32xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(245, 243, 255, var(--divide-opacity)); - } + .xl\:-translate-x-44 { + --transform-translate-x: -11rem; + } - .\32xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(237, 233, 254, var(--divide-opacity)); - } + .xl\:-translate-x-48 { + --transform-translate-x: -12rem; + } - .\32xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(221, 214, 254, var(--divide-opacity)); - } + .xl\:-translate-x-52 { + --transform-translate-x: -13rem; + } - .\32xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(196, 181, 253, var(--divide-opacity)); - } + .xl\:-translate-x-56 { + --transform-translate-x: -14rem; + } - .\32xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(167, 139, 250, var(--divide-opacity)); - } + .xl\:-translate-x-60 { + --transform-translate-x: -15rem; + } - .\32xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(139, 92, 246, var(--divide-opacity)); - } + .xl\:-translate-x-64 { + --transform-translate-x: -16rem; + } - .\32xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(124, 58, 237, var(--divide-opacity)); - } + .xl\:-translate-x-72 { + --transform-translate-x: -18rem; + } - .\32xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(109, 40, 217, var(--divide-opacity)); - } + .xl\:-translate-x-80 { + --transform-translate-x: -20rem; + } - .\32xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(91, 33, 182, var(--divide-opacity)); - } + .xl\:-translate-x-96 { + --transform-translate-x: -24rem; + } - .\32xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(76, 29, 149, var(--divide-opacity)); - } + .xl\:-translate-x-px { + --transform-translate-x: -1px; + } - .\32xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(253, 242, 248, var(--divide-opacity)); - } + .xl\:-translate-x-0\.5 { + --transform-translate-x: -0.125rem; + } - .\32xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(252, 231, 243, var(--divide-opacity)); - } + .xl\:-translate-x-1\.5 { + --transform-translate-x: -0.375rem; + } - .\32xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(251, 207, 232, var(--divide-opacity)); - } + .xl\:-translate-x-2\.5 { + --transform-translate-x: -0.625rem; + } - .\32xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(249, 168, 212, var(--divide-opacity)); - } + .xl\:-translate-x-3\.5 { + --transform-translate-x: -0.875rem; + } - .\32xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(244, 114, 182, var(--divide-opacity)); - } + .xl\:translate-x-1\/2 { + --transform-translate-x: 50%; + } - .\32xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(236, 72, 153, var(--divide-opacity)); - } + .xl\:translate-x-1\/3 { + --transform-translate-x: 33.333333%; + } - .\32xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(219, 39, 119, var(--divide-opacity)); - } + .xl\:translate-x-2\/3 { + --transform-translate-x: 66.666667%; + } - .\32xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(190, 24, 93, var(--divide-opacity)); - } + .xl\:translate-x-1\/4 { + --transform-translate-x: 25%; + } - .\32xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(157, 23, 77, var(--divide-opacity)); - } + .xl\:translate-x-2\/4 { + --transform-translate-x: 50%; + } - .\32xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) { - --divide-opacity: 1; - border-color: rgba(131, 24, 67, var(--divide-opacity)); - } + .xl\:translate-x-3\/4 { + --transform-translate-x: 75%; } - .\32xl\:divide-solid > :not(template) ~ :not(template) { - border-style: solid; + .xl\:translate-x-full { + --transform-translate-x: 100%; } - .\32xl\:divide-dashed > :not(template) ~ :not(template) { - border-style: dashed; + .xl\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .\32xl\:divide-dotted > :not(template) ~ :not(template) { - border-style: dotted; + .xl\:-translate-x-1\/3 { + --transform-translate-x: -33.333333%; } - .\32xl\:divide-double > :not(template) ~ :not(template) { - border-style: double; + .xl\:-translate-x-2\/3 { + --transform-translate-x: -66.666667%; } - .\32xl\:divide-none > :not(template) ~ :not(template) { - border-style: none; + .xl\:-translate-x-1\/4 { + --transform-translate-x: -25%; } - .\32xl\:divide-opacity-0 > :not(template) ~ :not(template) { - --divide-opacity: 0; + .xl\:-translate-x-2\/4 { + --transform-translate-x: -50%; } - .\32xl\:divide-opacity-25 > :not(template) ~ :not(template) { - --divide-opacity: 0.25; + .xl\:-translate-x-3\/4 { + --transform-translate-x: -75%; } - .\32xl\:divide-opacity-50 > :not(template) ~ :not(template) { - --divide-opacity: 0.5; + .xl\:-translate-x-full { + --transform-translate-x: -100%; } - .\32xl\:divide-opacity-75 > :not(template) ~ :not(template) { - --divide-opacity: 0.75; + .xl\:translate-y-0 { + --transform-translate-y: 0; } - .\32xl\:divide-opacity-100 > :not(template) ~ :not(template) { - --divide-opacity: 1; + .xl\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .\32xl\: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\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .\32xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .\32xl\: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\:translate-y-4 { + --transform-translate-y: 1rem; } - .\32xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .\32xl\:appearance-none { - appearance: none; + .xl\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .\32xl\:bg-fixed { - background-attachment: fixed; + .xl\:translate-y-7 { + --transform-translate-y: 1.75rem; } - .\32xl\:bg-local { - background-attachment: local; + .xl\:translate-y-8 { + --transform-translate-y: 2rem; } - .\32xl\:bg-scroll { - background-attachment: scroll; + .xl\:translate-y-9 { + --transform-translate-y: 2.25rem; } - .\32xl\:bg-clip-border { - background-clip: border-box; + .xl\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .\32xl\:bg-clip-padding { - background-clip: padding-box; + .xl\:translate-y-12 { + --transform-translate-y: 3rem; } - .\32xl\:bg-clip-content { - background-clip: content-box; + .xl\:translate-y-14 { + --transform-translate-y: 3.5rem; } - .\32xl\:bg-clip-text { - background-clip: text; + .xl\:translate-y-16 { + --transform-translate-y: 4rem; } - .\32xl\:bg-transparent { - background-color: transparent; + .xl\:translate-y-20 { + --transform-translate-y: 5rem; } - .\32xl\:bg-current { - background-color: currentColor; + .xl\:translate-y-24 { + --transform-translate-y: 6rem; } - .\32xl\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:translate-y-28 { + --transform-translate-y: 7rem; } - .\32xl\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:translate-y-32 { + --transform-translate-y: 8rem; } - .\32xl\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:translate-y-36 { + --transform-translate-y: 9rem; } - .\32xl\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:translate-y-40 { + --transform-translate-y: 10rem; } - .\32xl\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:translate-y-44 { + --transform-translate-y: 11rem; } - .\32xl\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:translate-y-48 { + --transform-translate-y: 12rem; } - .\32xl\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:translate-y-52 { + --transform-translate-y: 13rem; } - .\32xl\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:translate-y-56 { + --transform-translate-y: 14rem; } - .\32xl\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:translate-y-60 { + --transform-translate-y: 15rem; } - .\32xl\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:translate-y-64 { + --transform-translate-y: 16rem; } - .\32xl\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:translate-y-72 { + --transform-translate-y: 18rem; } - .\32xl\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:translate-y-80 { + --transform-translate-y: 20rem; } - .\32xl\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:translate-y-96 { + --transform-translate-y: 24rem; } - .\32xl\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:translate-y-px { + --transform-translate-y: 1px; } - .\32xl\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:translate-y-0\.5 { + --transform-translate-y: 0.125rem; } - .\32xl\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:translate-y-1\.5 { + --transform-translate-y: 0.375rem; } - .\32xl\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:translate-y-2\.5 { + --transform-translate-y: 0.625rem; } - .\32xl\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:translate-y-3\.5 { + --transform-translate-y: 0.875rem; } - .\32xl\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .\32xl\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .\32xl\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .\32xl\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:-translate-y-4 { + --transform-translate-y: -1rem; } - .\32xl\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .\32xl\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .\32xl\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:-translate-y-7 { + --transform-translate-y: -1.75rem; } - .\32xl\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:-translate-y-8 { + --transform-translate-y: -2rem; } - .\32xl\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:-translate-y-9 { + --transform-translate-y: -2.25rem; } - .\32xl\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .\32xl\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:-translate-y-12 { + --transform-translate-y: -3rem; } - .\32xl\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:-translate-y-14 { + --transform-translate-y: -3.5rem; } - .\32xl\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:-translate-y-16 { + --transform-translate-y: -4rem; } - .\32xl\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:-translate-y-20 { + --transform-translate-y: -5rem; } - .\32xl\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:-translate-y-24 { + --transform-translate-y: -6rem; } - .\32xl\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:-translate-y-28 { + --transform-translate-y: -7rem; } - .\32xl\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:-translate-y-32 { + --transform-translate-y: -8rem; } - .\32xl\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:-translate-y-36 { + --transform-translate-y: -9rem; } - .\32xl\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:-translate-y-40 { + --transform-translate-y: -10rem; } - .\32xl\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:-translate-y-44 { + --transform-translate-y: -11rem; } - .\32xl\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:-translate-y-48 { + --transform-translate-y: -12rem; } - .\32xl\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:-translate-y-52 { + --transform-translate-y: -13rem; } - .\32xl\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:-translate-y-56 { + --transform-translate-y: -14rem; } - .\32xl\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:-translate-y-60 { + --transform-translate-y: -15rem; } - .\32xl\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:-translate-y-64 { + --transform-translate-y: -16rem; } - .\32xl\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:-translate-y-72 { + --transform-translate-y: -18rem; } - .\32xl\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:-translate-y-80 { + --transform-translate-y: -20rem; } - .\32xl\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:-translate-y-96 { + --transform-translate-y: -24rem; } - .\32xl\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:-translate-y-px { + --transform-translate-y: -1px; } - .\32xl\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:-translate-y-0\.5 { + --transform-translate-y: -0.125rem; } - .\32xl\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:-translate-y-1\.5 { + --transform-translate-y: -0.375rem; } - .\32xl\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:-translate-y-2\.5 { + --transform-translate-y: -0.625rem; } - .\32xl\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:-translate-y-3\.5 { + --transform-translate-y: -0.875rem; } - .\32xl\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .\32xl\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:translate-y-1\/3 { + --transform-translate-y: 33.333333%; } - .\32xl\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:translate-y-2\/3 { + --transform-translate-y: 66.666667%; } - .\32xl\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:translate-y-1\/4 { + --transform-translate-y: 25%; } - .\32xl\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:translate-y-2\/4 { + --transform-translate-y: 50%; } - .\32xl\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:translate-y-3\/4 { + --transform-translate-y: 75%; } - .\32xl\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:translate-y-full { + --transform-translate-y: 100%; } - .\32xl\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .\32xl\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:-translate-y-1\/3 { + --transform-translate-y: -33.333333%; } - .\32xl\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:-translate-y-2\/3 { + --transform-translate-y: -66.666667%; } - .\32xl\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:-translate-y-1\/4 { + --transform-translate-y: -25%; } - .\32xl\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:-translate-y-2\/4 { + --transform-translate-y: -50%; } - .\32xl\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:-translate-y-3\/4 { + --transform-translate-y: -75%; } - .\32xl\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:-translate-y-full { + --transform-translate-y: -100%; } - .\32xl\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .\32xl\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .\32xl\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .\32xl\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .\32xl\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .\32xl\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .\32xl\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .group:hover .\32xl\:group-hover\:bg-transparent { - background-color: transparent; + .xl\:hover\:translate-x-7:hover { + --transform-translate-x: 1.75rem; } - .group:hover .\32xl\:group-hover\:bg-current { - background-color: currentColor; + .xl\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .group:hover .\32xl\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:translate-x-9:hover { + --transform-translate-x: 2.25rem; } - .group:hover .\32xl\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .group:hover .\32xl\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:hover\:translate-x-14:hover { + --transform-translate-x: 3.5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .group:hover .\32xl\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .group:hover .\32xl\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .group:hover .\32xl\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:hover\:translate-x-28:hover { + --transform-translate-x: 7rem; } - .group:hover .\32xl\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .group:hover .\32xl\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:hover\:translate-x-36:hover { + --transform-translate-x: 9rem; } - .group:hover .\32xl\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .group:hover .\32xl\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:hover\:translate-x-44:hover { + --transform-translate-x: 11rem; } - .group:hover .\32xl\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .group:hover .\32xl\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:hover\:translate-x-52:hover { + --transform-translate-x: 13rem; } - .group:hover .\32xl\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .group:hover .\32xl\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:hover\:translate-x-60:hover { + --transform-translate-x: 15rem; } - .group:hover .\32xl\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .group:hover .\32xl\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:hover\:translate-x-72:hover { + --transform-translate-x: 18rem; } - .group:hover .\32xl\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:hover\:translate-x-80:hover { + --transform-translate-x: 20rem; } - .group:hover .\32xl\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:hover\:translate-x-96:hover { + --transform-translate-x: 24rem; } - .group:hover .\32xl\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .group:hover .\32xl\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:hover\:translate-x-0\.5:hover { + --transform-translate-x: 0.125rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:hover\:translate-x-1\.5:hover { + --transform-translate-x: 0.375rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:hover\:translate-x-2\.5:hover { + --transform-translate-x: 0.625rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:hover\:translate-x-3\.5:hover { + --transform-translate-x: 0.875rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .group:hover .\32xl\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:hover\:-translate-x-7:hover { + --transform-translate-x: -1.75rem; } - .group:hover .\32xl\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .group:hover .\32xl\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:hover\:-translate-x-9:hover { + --transform-translate-x: -2.25rem; } - .group:hover .\32xl\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .group:hover .\32xl\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:hover\:-translate-x-14:hover { + --transform-translate-x: -3.5rem; } - .group:hover .\32xl\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .group:hover .\32xl\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .group:hover .\32xl\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .group:hover .\32xl\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:hover\:-translate-x-28:hover { + --transform-translate-x: -7rem; } - .group:hover .\32xl\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .group:hover .\32xl\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:hover\:-translate-x-36:hover { + --transform-translate-x: -9rem; } - .group:hover .\32xl\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .group:hover .\32xl\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-44:hover { + --transform-translate-x: -11rem; } - .group:hover .\32xl\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .group:hover .\32xl\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:hover\:-translate-x-52:hover { + --transform-translate-x: -13rem; } - .group:hover .\32xl\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .group:hover .\32xl\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:hover\:-translate-x-60:hover { + --transform-translate-x: -15rem; } - .group:hover .\32xl\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .group:hover .\32xl\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:hover\:-translate-x-72:hover { + --transform-translate-x: -18rem; } - .group:hover .\32xl\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:hover\:-translate-x-80:hover { + --transform-translate-x: -20rem; } - .group:hover .\32xl\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:hover\:-translate-x-96:hover { + --transform-translate-x: -24rem; } - .group:hover .\32xl\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .group:hover .\32xl\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:hover\:-translate-x-0\.5:hover { + --transform-translate-x: -0.125rem; } - .group:hover .\32xl\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\.5:hover { + --transform-translate-x: -0.375rem; } - .group:hover .\32xl\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:hover\:-translate-x-2\.5:hover { + --transform-translate-x: -0.625rem; } - .group:hover .\32xl\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:hover\:-translate-x-3\.5:hover { + --transform-translate-x: -0.875rem; } - .group:hover .\32xl\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .group:hover .\32xl\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:hover\:translate-x-1\/3:hover { + --transform-translate-x: 33.333333%; } - .group:hover .\32xl\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:hover\:translate-x-2\/3:hover { + --transform-translate-x: 66.666667%; } - .group:hover .\32xl\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:hover\:translate-x-1\/4:hover { + --transform-translate-x: 25%; } - .group:hover .\32xl\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:translate-x-2\/4:hover { + --transform-translate-x: 50%; } - .group:hover .\32xl\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:hover\:translate-x-3\/4:hover { + --transform-translate-x: 75%; } - .group:hover .\32xl\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .group:hover .\32xl\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .group:hover .\32xl\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\/3:hover { + --transform-translate-x: -33.333333%; } - .group:hover .\32xl\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:hover\:-translate-x-2\/3:hover { + --transform-translate-x: -66.666667%; } - .group:hover .\32xl\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:hover\:-translate-x-1\/4:hover { + --transform-translate-x: -25%; } - .group:hover .\32xl\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:hover\:-translate-x-2\/4:hover { + --transform-translate-x: -50%; } - .group:hover .\32xl\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:hover\:-translate-x-3\/4:hover { + --transform-translate-x: -75%; } - .group:hover .\32xl\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .\32xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .\32xl\:hover\:bg-current:hover { - background-color: currentColor; + .xl\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .\32xl\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .\32xl\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .\32xl\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .\32xl\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .\32xl\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .\32xl\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:hover\:translate-y-7:hover { + --transform-translate-y: 1.75rem; } - .\32xl\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .\32xl\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:hover\:translate-y-9:hover { + --transform-translate-y: 2.25rem; } - .\32xl\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .\32xl\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .\32xl\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:hover\:translate-y-14:hover { + --transform-translate-y: 3.5rem; } - .\32xl\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .\32xl\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .\32xl\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .\32xl\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:hover\:translate-y-28:hover { + --transform-translate-y: 7rem; } - .\32xl\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .\32xl\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:hover\:translate-y-36:hover { + --transform-translate-y: 9rem; } - .\32xl\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .\32xl\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:hover\:translate-y-44:hover { + --transform-translate-y: 11rem; } - .\32xl\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .\32xl\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:hover\:translate-y-52:hover { + --transform-translate-y: 13rem; } - .\32xl\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .\32xl\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:hover\:translate-y-60:hover { + --transform-translate-y: 15rem; } - .\32xl\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .\32xl\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:hover\:translate-y-72:hover { + --transform-translate-y: 18rem; } - .\32xl\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:hover\:translate-y-80:hover { + --transform-translate-y: 20rem; } - .\32xl\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:hover\:translate-y-96:hover { + --transform-translate-y: 24rem; } - .\32xl\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .\32xl\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:hover\:translate-y-0\.5:hover { + --transform-translate-y: 0.125rem; } - .\32xl\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:hover\:translate-y-1\.5:hover { + --transform-translate-y: 0.375rem; } - .\32xl\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:hover\:translate-y-2\.5:hover { + --transform-translate-y: 0.625rem; } - .\32xl\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:hover\:translate-y-3\.5:hover { + --transform-translate-y: 0.875rem; } - .\32xl\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .\32xl\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .\32xl\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .\32xl\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .\32xl\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .\32xl\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .\32xl\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:hover\:-translate-y-7:hover { + --transform-translate-y: -1.75rem; } - .\32xl\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .\32xl\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:hover\:-translate-y-9:hover { + --transform-translate-y: -2.25rem; } - .\32xl\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .\32xl\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .\32xl\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-14:hover { + --transform-translate-y: -3.5rem; } - .\32xl\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .\32xl\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .\32xl\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .\32xl\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:hover\:-translate-y-28:hover { + --transform-translate-y: -7rem; } - .\32xl\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .\32xl\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:hover\:-translate-y-36:hover { + --transform-translate-y: -9rem; } - .\32xl\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .\32xl\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:hover\:-translate-y-44:hover { + --transform-translate-y: -11rem; } - .\32xl\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .\32xl\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-52:hover { + --transform-translate-y: -13rem; } - .\32xl\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .\32xl\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:hover\:-translate-y-60:hover { + --transform-translate-y: -15rem; } - .\32xl\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .\32xl\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:hover\:-translate-y-72:hover { + --transform-translate-y: -18rem; } - .\32xl\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:hover\:-translate-y-80:hover { + --transform-translate-y: -20rem; } - .\32xl\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:hover\:-translate-y-96:hover { + --transform-translate-y: -24rem; } - .\32xl\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .\32xl\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:hover\:-translate-y-0\.5:hover { + --transform-translate-y: -0.125rem; } - .\32xl\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:hover\:-translate-y-1\.5:hover { + --transform-translate-y: -0.375rem; } - .\32xl\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:hover\:-translate-y-2\.5:hover { + --transform-translate-y: -0.625rem; } - .\32xl\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:hover\:-translate-y-3\.5:hover { + --transform-translate-y: -0.875rem; } - .\32xl\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .\32xl\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:hover\:translate-y-1\/3:hover { + --transform-translate-y: 33.333333%; } - .\32xl\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:hover\:translate-y-2\/3:hover { + --transform-translate-y: 66.666667%; } - .\32xl\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:hover\:translate-y-1\/4:hover { + --transform-translate-y: 25%; } - .\32xl\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:hover\:translate-y-2\/4:hover { + --transform-translate-y: 50%; } - .\32xl\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:hover\:translate-y-3\/4:hover { + --transform-translate-y: 75%; } - .\32xl\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .\32xl\:focus\:bg-transparent:focus { - background-color: transparent; + .xl\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .\32xl\:focus\:bg-current:focus { - background-color: currentColor; + .xl\:hover\:-translate-y-1\/3:hover { + --transform-translate-y: -33.333333%; } - .\32xl\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); + .xl\:hover\:-translate-y-2\/3:hover { + --transform-translate-y: -66.666667%; } - .\32xl\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); + .xl\:hover\:-translate-y-1\/4:hover { + --transform-translate-y: -25%; } - .\32xl\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); + .xl\:hover\:-translate-y-2\/4:hover { + --transform-translate-y: -50%; } - .\32xl\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); + .xl\:hover\:-translate-y-3\/4:hover { + --transform-translate-y: -75%; } - .\32xl\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); + .xl\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .\32xl\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); + .xl\:focus\:translate-x-0:focus { + --transform-translate-x: 0; } - .\32xl\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); + .xl\:focus\:translate-x-1:focus { + --transform-translate-x: 0.25rem; } - .\32xl\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); + .xl\:focus\:translate-x-2:focus { + --transform-translate-x: 0.5rem; } - .\32xl\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); + .xl\:focus\:translate-x-3:focus { + --transform-translate-x: 0.75rem; } - .\32xl\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); + .xl\:focus\:translate-x-4:focus { + --transform-translate-x: 1rem; } - .\32xl\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); + .xl\:focus\:translate-x-5:focus { + --transform-translate-x: 1.25rem; } - .\32xl\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); + .xl\:focus\:translate-x-6:focus { + --transform-translate-x: 1.5rem; } - .\32xl\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); + .xl\:focus\:translate-x-7:focus { + --transform-translate-x: 1.75rem; } - .\32xl\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); + .xl\:focus\:translate-x-8:focus { + --transform-translate-x: 2rem; } - .\32xl\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); + .xl\:focus\:translate-x-9:focus { + --transform-translate-x: 2.25rem; } - .\32xl\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); + .xl\:focus\:translate-x-10:focus { + --transform-translate-x: 2.5rem; } - .\32xl\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); + .xl\:focus\:translate-x-12:focus { + --transform-translate-x: 3rem; } - .\32xl\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); + .xl\:focus\:translate-x-14:focus { + --transform-translate-x: 3.5rem; } - .\32xl\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); + .xl\:focus\:translate-x-16:focus { + --transform-translate-x: 4rem; } - .\32xl\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); + .xl\:focus\:translate-x-20:focus { + --transform-translate-x: 5rem; } - .\32xl\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); + .xl\:focus\:translate-x-24:focus { + --transform-translate-x: 6rem; } - .\32xl\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); + .xl\:focus\:translate-x-28:focus { + --transform-translate-x: 7rem; } - .\32xl\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); + .xl\:focus\:translate-x-32:focus { + --transform-translate-x: 8rem; } - .\32xl\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); + .xl\:focus\:translate-x-36:focus { + --transform-translate-x: 9rem; } - .\32xl\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); + .xl\:focus\:translate-x-40:focus { + --transform-translate-x: 10rem; } - .\32xl\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); + .xl\:focus\:translate-x-44:focus { + --transform-translate-x: 11rem; } - .\32xl\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); + .xl\:focus\:translate-x-48:focus { + --transform-translate-x: 12rem; } - .\32xl\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); + .xl\:focus\:translate-x-52:focus { + --transform-translate-x: 13rem; } - .\32xl\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); + .xl\:focus\:translate-x-56:focus { + --transform-translate-x: 14rem; } - .\32xl\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); + .xl\:focus\:translate-x-60:focus { + --transform-translate-x: 15rem; } - .\32xl\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); + .xl\:focus\:translate-x-64:focus { + --transform-translate-x: 16rem; } - .\32xl\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); + .xl\:focus\:translate-x-72:focus { + --transform-translate-x: 18rem; } - .\32xl\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); + .xl\:focus\:translate-x-80:focus { + --transform-translate-x: 20rem; } - .\32xl\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); + .xl\:focus\:translate-x-96:focus { + --transform-translate-x: 24rem; } - .\32xl\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); + .xl\:focus\:translate-x-px:focus { + --transform-translate-x: 1px; } - .\32xl\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); + .xl\:focus\:translate-x-0\.5:focus { + --transform-translate-x: 0.125rem; } - .\32xl\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); + .xl\:focus\:translate-x-1\.5:focus { + --transform-translate-x: 0.375rem; } - .\32xl\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); + .xl\:focus\:translate-x-2\.5:focus { + --transform-translate-x: 0.625rem; } - .\32xl\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); + .xl\:focus\:translate-x-3\.5:focus { + --transform-translate-x: 0.875rem; } - .\32xl\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); + .xl\:focus\:-translate-x-1:focus { + --transform-translate-x: -0.25rem; } - .\32xl\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); + .xl\:focus\:-translate-x-2:focus { + --transform-translate-x: -0.5rem; } - .\32xl\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); + .xl\:focus\:-translate-x-3:focus { + --transform-translate-x: -0.75rem; } - .\32xl\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); + .xl\:focus\:-translate-x-4:focus { + --transform-translate-x: -1rem; } - .\32xl\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-5:focus { + --transform-translate-x: -1.25rem; } - .\32xl\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-6:focus { + --transform-translate-x: -1.5rem; } - .\32xl\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + .xl\:focus\:-translate-x-7:focus { + --transform-translate-x: -1.75rem; } - .\32xl\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + .xl\:focus\:-translate-x-8:focus { + --transform-translate-x: -2rem; } - .\32xl\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + .xl\:focus\:-translate-x-9:focus { + --transform-translate-x: -2.25rem; } - .\32xl\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + .xl\:focus\:-translate-x-10:focus { + --transform-translate-x: -2.5rem; } - .\32xl\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + .xl\:focus\:-translate-x-12:focus { + --transform-translate-x: -3rem; } - .\32xl\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); + .xl\:focus\:-translate-x-14:focus { + --transform-translate-x: -3.5rem; } - .\32xl\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); + .xl\:focus\:-translate-x-16:focus { + --transform-translate-x: -4rem; } - .\32xl\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); + .xl\:focus\:-translate-x-20:focus { + --transform-translate-x: -5rem; } - .\32xl\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-24:focus { + --transform-translate-x: -6rem; } - .\32xl\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); + .xl\:focus\:-translate-x-28:focus { + --transform-translate-x: -7rem; } - .\32xl\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); + .xl\:focus\:-translate-x-32:focus { + --transform-translate-x: -8rem; } - .\32xl\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); + .xl\:focus\:-translate-x-36:focus { + --transform-translate-x: -9rem; } - .\32xl\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); + .xl\:focus\:-translate-x-40:focus { + --transform-translate-x: -10rem; } - .\32xl\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); + .xl\:focus\:-translate-x-44:focus { + --transform-translate-x: -11rem; } - .\32xl\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); + .xl\:focus\:-translate-x-48:focus { + --transform-translate-x: -12rem; } - .\32xl\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); + .xl\:focus\:-translate-x-52:focus { + --transform-translate-x: -13rem; } - .\32xl\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); + .xl\:focus\:-translate-x-56:focus { + --transform-translate-x: -14rem; } - .\32xl\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); + .xl\:focus\:-translate-x-60:focus { + --transform-translate-x: -15rem; } - .\32xl\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); + .xl\:focus\:-translate-x-64:focus { + --transform-translate-x: -16rem; } - .\32xl\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); + .xl\:focus\:-translate-x-72:focus { + --transform-translate-x: -18rem; } - .\32xl\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); + .xl\:focus\:-translate-x-80:focus { + --transform-translate-x: -20rem; } - .\32xl\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); + .xl\:focus\:-translate-x-96:focus { + --transform-translate-x: -24rem; } - .\32xl\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); + .xl\:focus\:-translate-x-px:focus { + --transform-translate-x: -1px; } - .\32xl\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); + .xl\:focus\:-translate-x-0\.5:focus { + --transform-translate-x: -0.125rem; } - .\32xl\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); + .xl\:focus\:-translate-x-1\.5:focus { + --transform-translate-x: -0.375rem; } - .\32xl\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); + .xl\:focus\:-translate-x-2\.5:focus { + --transform-translate-x: -0.625rem; } - .\32xl\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); + .xl\:focus\:-translate-x-3\.5:focus { + --transform-translate-x: -0.875rem; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:bg-transparent { - background-color: transparent; - } + .xl\:focus\:translate-x-1\/2:focus { + --transform-translate-x: 50%; + } - .\32xl\:dark\:bg-current { - background-color: currentColor; - } + .xl\:focus\:translate-x-1\/3:focus { + --transform-translate-x: 33.333333%; + } - .\32xl\:dark\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .xl\:focus\:translate-x-2\/3:focus { + --transform-translate-x: 66.666667%; + } - .\32xl\:dark\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .xl\:focus\:translate-x-1\/4:focus { + --transform-translate-x: 25%; + } - .\32xl\:dark\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .xl\:focus\:translate-x-2\/4:focus { + --transform-translate-x: 50%; + } - .\32xl\:dark\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .xl\:focus\:translate-x-3\/4:focus { + --transform-translate-x: 75%; + } - .\32xl\:dark\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .xl\:focus\:translate-x-full:focus { + --transform-translate-x: 100%; + } - .\32xl\:dark\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-1\/2:focus { + --transform-translate-x: -50%; + } - .\32xl\:dark\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-1\/3:focus { + --transform-translate-x: -33.333333%; + } - .\32xl\:dark\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-2\/3:focus { + --transform-translate-x: -66.666667%; + } - .\32xl\:dark\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-1\/4:focus { + --transform-translate-x: -25%; + } - .\32xl\:dark\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-2\/4:focus { + --transform-translate-x: -50%; + } - .\32xl\:dark\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-3\/4:focus { + --transform-translate-x: -75%; + } - .\32xl\:dark\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .xl\:focus\:-translate-x-full:focus { + --transform-translate-x: -100%; + } - .\32xl\:dark\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .xl\:focus\:translate-y-0:focus { + --transform-translate-y: 0; + } - .\32xl\:dark\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1:focus { + --transform-translate-y: 0.25rem; + } - .\32xl\:dark\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2:focus { + --transform-translate-y: 0.5rem; + } - .\32xl\:dark\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .xl\:focus\:translate-y-3:focus { + --transform-translate-y: 0.75rem; + } - .\32xl\:dark\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .xl\:focus\:translate-y-4:focus { + --transform-translate-y: 1rem; + } - .\32xl\:dark\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .xl\:focus\:translate-y-5:focus { + --transform-translate-y: 1.25rem; + } - .\32xl\:dark\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .xl\:focus\:translate-y-6:focus { + --transform-translate-y: 1.5rem; + } - .\32xl\:dark\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .xl\:focus\:translate-y-7:focus { + --transform-translate-y: 1.75rem; + } - .\32xl\:dark\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .xl\:focus\:translate-y-8:focus { + --transform-translate-y: 2rem; + } - .\32xl\:dark\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .xl\:focus\:translate-y-9:focus { + --transform-translate-y: 2.25rem; + } - .\32xl\:dark\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .xl\:focus\:translate-y-10:focus { + --transform-translate-y: 2.5rem; + } - .\32xl\:dark\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .xl\:focus\:translate-y-12:focus { + --transform-translate-y: 3rem; + } - .\32xl\:dark\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .xl\:focus\:translate-y-14:focus { + --transform-translate-y: 3.5rem; + } - .\32xl\:dark\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .xl\:focus\:translate-y-16:focus { + --transform-translate-y: 4rem; + } - .\32xl\:dark\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .xl\:focus\:translate-y-20:focus { + --transform-translate-y: 5rem; + } - .\32xl\:dark\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .xl\:focus\:translate-y-24:focus { + --transform-translate-y: 6rem; + } - .\32xl\:dark\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .xl\:focus\:translate-y-28:focus { + --transform-translate-y: 7rem; + } - .\32xl\:dark\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .xl\:focus\:translate-y-32:focus { + --transform-translate-y: 8rem; + } - .\32xl\:dark\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .xl\:focus\:translate-y-36:focus { + --transform-translate-y: 9rem; + } - .\32xl\:dark\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .xl\:focus\:translate-y-40:focus { + --transform-translate-y: 10rem; + } - .\32xl\:dark\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .xl\:focus\:translate-y-44:focus { + --transform-translate-y: 11rem; + } - .\32xl\:dark\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .xl\:focus\:translate-y-48:focus { + --transform-translate-y: 12rem; + } - .\32xl\:dark\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .xl\:focus\:translate-y-52:focus { + --transform-translate-y: 13rem; + } - .\32xl\:dark\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .xl\:focus\:translate-y-56:focus { + --transform-translate-y: 14rem; + } - .\32xl\:dark\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .xl\:focus\:translate-y-60:focus { + --transform-translate-y: 15rem; + } - .\32xl\:dark\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .xl\:focus\:translate-y-64:focus { + --transform-translate-y: 16rem; + } - .\32xl\:dark\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .xl\:focus\:translate-y-72:focus { + --transform-translate-y: 18rem; + } - .\32xl\:dark\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .xl\:focus\:translate-y-80:focus { + --transform-translate-y: 20rem; + } - .\32xl\:dark\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .xl\:focus\:translate-y-96:focus { + --transform-translate-y: 24rem; + } - .\32xl\:dark\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .xl\:focus\:translate-y-px:focus { + --transform-translate-y: 1px; + } - .\32xl\:dark\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .xl\:focus\:translate-y-0\.5:focus { + --transform-translate-y: 0.125rem; + } - .\32xl\:dark\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\.5:focus { + --transform-translate-y: 0.375rem; + } - .\32xl\:dark\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2\.5:focus { + --transform-translate-y: 0.625rem; + } - .\32xl\:dark\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .xl\:focus\:translate-y-3\.5:focus { + --transform-translate-y: 0.875rem; + } - .\32xl\:dark\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1:focus { + --transform-translate-y: -0.25rem; + } - .\32xl\:dark\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2:focus { + --transform-translate-y: -0.5rem; + } - .\32xl\:dark\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-3:focus { + --transform-translate-y: -0.75rem; + } - .\32xl\:dark\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-4:focus { + --transform-translate-y: -1rem; + } - .\32xl\:dark\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-5:focus { + --transform-translate-y: -1.25rem; + } - .\32xl\:dark\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-6:focus { + --transform-translate-y: -1.5rem; + } - .\32xl\:dark\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-7:focus { + --transform-translate-y: -1.75rem; + } - .\32xl\:dark\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-8:focus { + --transform-translate-y: -2rem; + } - .\32xl\:dark\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-9:focus { + --transform-translate-y: -2.25rem; + } - .\32xl\:dark\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-10:focus { + --transform-translate-y: -2.5rem; + } - .\32xl\:dark\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-12:focus { + --transform-translate-y: -3rem; + } - .\32xl\:dark\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-14:focus { + --transform-translate-y: -3.5rem; + } - .\32xl\:dark\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-16:focus { + --transform-translate-y: -4rem; + } - .\32xl\:dark\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-20:focus { + --transform-translate-y: -5rem; + } - .\32xl\:dark\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-24:focus { + --transform-translate-y: -6rem; + } - .\32xl\:dark\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-28:focus { + --transform-translate-y: -7rem; + } - .\32xl\:dark\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-32:focus { + --transform-translate-y: -8rem; + } - .\32xl\:dark\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-36:focus { + --transform-translate-y: -9rem; + } - .\32xl\:dark\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-40:focus { + --transform-translate-y: -10rem; + } - .\32xl\:dark\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-44:focus { + --transform-translate-y: -11rem; + } - .\32xl\:dark\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-48:focus { + --transform-translate-y: -12rem; + } - .\32xl\:dark\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-52:focus { + --transform-translate-y: -13rem; + } - .\32xl\:dark\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-56:focus { + --transform-translate-y: -14rem; + } - .\32xl\:dark\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-60:focus { + --transform-translate-y: -15rem; + } - .\32xl\:dark\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-64:focus { + --transform-translate-y: -16rem; + } - .\32xl\:dark\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-72:focus { + --transform-translate-y: -18rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-transparent { - background-color: transparent; - } + .xl\:focus\:-translate-y-80:focus { + --transform-translate-y: -20rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-current { - background-color: currentColor; - } + .xl\:focus\:-translate-y-96:focus { + --transform-translate-y: -24rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-black { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-px:focus { + --transform-translate-y: -1px; + } - .group:hover .\32xl\:dark\:group-hover\:bg-white { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-0\.5:focus { + --transform-translate-y: -0.125rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-50 { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\.5:focus { + --transform-translate-y: -0.375rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-100 { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2\.5:focus { + --transform-translate-y: -0.625rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-200 { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-3\.5:focus { + --transform-translate-y: -0.875rem; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-300 { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\/2:focus { + --transform-translate-y: 50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-400 { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\/3:focus { + --transform-translate-y: 33.333333%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-500 { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2\/3:focus { + --transform-translate-y: 66.666667%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-600 { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .xl\:focus\:translate-y-1\/4:focus { + --transform-translate-y: 25%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-700 { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .xl\:focus\:translate-y-2\/4:focus { + --transform-translate-y: 50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-800 { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .xl\:focus\:translate-y-3\/4:focus { + --transform-translate-y: 75%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-gray-900 { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .xl\:focus\:translate-y-full:focus { + --transform-translate-y: 100%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-50 { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\/2:focus { + --transform-translate-y: -50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-100 { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\/3:focus { + --transform-translate-y: -33.333333%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-200 { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2\/3:focus { + --transform-translate-y: -66.666667%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-300 { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-1\/4:focus { + --transform-translate-y: -25%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-400 { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-2\/4:focus { + --transform-translate-y: -50%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-500 { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-3\/4:focus { + --transform-translate-y: -75%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-600 { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .xl\:focus\:-translate-y-full:focus { + --transform-translate-y: -100%; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-700 { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .xl\:skew-x-0 { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-800 { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .xl\:skew-x-1 { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-red-900 { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .xl\:skew-x-2 { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-50 { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .xl\:skew-x-3 { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-100 { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .xl\:skew-x-6 { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-200 { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .xl\:skew-x-12 { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-300 { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .xl\:-skew-x-12 { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-400 { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .xl\:-skew-x-6 { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-500 { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .xl\:-skew-x-3 { + --transform-skew-x: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-600 { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .xl\:-skew-x-2 { + --transform-skew-x: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-700 { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .xl\:-skew-x-1 { + --transform-skew-x: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-800 { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .xl\:skew-y-0 { + --transform-skew-y: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-yellow-900 { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .xl\:skew-y-1 { + --transform-skew-y: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-50 { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .xl\:skew-y-2 { + --transform-skew-y: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-100 { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .xl\:skew-y-3 { + --transform-skew-y: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-200 { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .xl\:skew-y-6 { + --transform-skew-y: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-300 { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .xl\:skew-y-12 { + --transform-skew-y: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-400 { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .xl\:-skew-y-12 { + --transform-skew-y: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-500 { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .xl\:-skew-y-6 { + --transform-skew-y: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-600 { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .xl\:-skew-y-3 { + --transform-skew-y: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-700 { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .xl\:-skew-y-2 { + --transform-skew-y: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-800 { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .xl\:-skew-y-1 { + --transform-skew-y: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-green-900 { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .xl\:hover\:skew-x-0:hover { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-50 { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .xl\:hover\:skew-x-1:hover { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-100 { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-x-2:hover { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-200 { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-300 { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .xl\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-400 { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .xl\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-500 { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-600 { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-700 { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-800 { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-2:hover { + --transform-skew-x: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-blue-900 { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .xl\:hover\:-skew-x-1:hover { + --transform-skew-x: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-50 { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .xl\:hover\:skew-y-0:hover { + --transform-skew-y: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-100 { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-y-1:hover { + --transform-skew-y: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-200 { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .xl\:hover\:skew-y-2:hover { + --transform-skew-y: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-300 { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .xl\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-400 { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .xl\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-500 { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .xl\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-600 { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-700 { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-800 { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-purple-900 { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-2:hover { + --transform-skew-y: -2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-50 { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .xl\:hover\:-skew-y-1:hover { + --transform-skew-y: -1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-100 { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .xl\:focus\:skew-x-0:focus { + --transform-skew-x: 0; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-200 { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .xl\:focus\:skew-x-1:focus { + --transform-skew-x: 1deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-300 { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .xl\:focus\:skew-x-2:focus { + --transform-skew-x: 2deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-400 { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .xl\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-500 { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .xl\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-600 { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .xl\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-700 { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .xl\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-800 { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .xl\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; + } - .group:hover .\32xl\:dark\:group-hover\:bg-pink-900 { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .xl\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; + } - .\32xl\:dark\:hover\:bg-transparent:hover { - background-color: transparent; - } + .xl\:focus\:-skew-x-2:focus { + --transform-skew-x: -2deg; + } - .\32xl\:dark\:hover\:bg-current:hover { - background-color: currentColor; - } + .xl\:focus\:-skew-x-1:focus { + --transform-skew-x: -1deg; + } - .\32xl\:dark\:hover\:bg-black:hover { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .xl\:focus\:skew-y-0:focus { + --transform-skew-y: 0; + } - .\32xl\:dark\:hover\:bg-white:hover { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .xl\:focus\:skew-y-1:focus { + --transform-skew-y: 1deg; + } - .\32xl\:dark\:hover\:bg-gray-50:hover { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .xl\:focus\:skew-y-2:focus { + --transform-skew-y: 2deg; + } - .\32xl\:dark\:hover\:bg-gray-100:hover { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .xl\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; + } - .\32xl\:dark\:hover\:bg-gray-200:hover { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .xl\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; + } - .\32xl\:dark\:hover\:bg-gray-300:hover { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .xl\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; + } - .\32xl\:dark\:hover\:bg-gray-400:hover { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; + } - .\32xl\:dark\:hover\:bg-gray-500:hover { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; + } - .\32xl\:dark\:hover\:bg-gray-600:hover { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; + } - .\32xl\:dark\:hover\:bg-gray-700:hover { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-2:focus { + --transform-skew-y: -2deg; + } - .\32xl\:dark\:hover\:bg-gray-800:hover { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .xl\:focus\:-skew-y-1:focus { + --transform-skew-y: -1deg; + } - .\32xl\:dark\:hover\:bg-gray-900:hover { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .xl\:transition-none { + transition-property: none; + } - .\32xl\:dark\:hover\:bg-red-50:hover { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .xl\:transition-all { + transition-property: all; + } - .\32xl\:dark\:hover\:bg-red-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .xl\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + } - .\32xl\:dark\:hover\:bg-red-200:hover { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .xl\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; + } - .\32xl\:dark\:hover\:bg-red-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .xl\:transition-opacity { + transition-property: opacity; + } - .\32xl\:dark\:hover\:bg-red-400:hover { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .xl\:transition-shadow { + transition-property: box-shadow; + } - .\32xl\:dark\:hover\:bg-red-500:hover { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .xl\:transition-transform { + transition-property: transform; + } - .\32xl\:dark\:hover\:bg-red-600:hover { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .xl\:ease-linear { + transition-timing-function: linear; + } - .\32xl\:dark\:hover\:bg-red-700:hover { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .xl\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + } - .\32xl\:dark\:hover\:bg-red-800:hover { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .xl\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } - .\32xl\:dark\:hover\:bg-red-900:hover { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .xl\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } - .\32xl\:dark\:hover\:bg-yellow-50:hover { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .xl\:duration-75 { + transition-duration: 75ms; + } - .\32xl\:dark\:hover\:bg-yellow-100:hover { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .xl\:duration-100 { + transition-duration: 100ms; + } - .\32xl\:dark\:hover\:bg-yellow-200:hover { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .xl\:duration-150 { + transition-duration: 150ms; + } - .\32xl\:dark\:hover\:bg-yellow-300:hover { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .xl\:duration-200 { + transition-duration: 200ms; + } - .\32xl\:dark\:hover\:bg-yellow-400:hover { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .xl\:duration-300 { + transition-duration: 300ms; + } - .\32xl\:dark\:hover\:bg-yellow-500:hover { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .xl\:duration-500 { + transition-duration: 500ms; + } - .\32xl\:dark\:hover\:bg-yellow-600:hover { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .xl\:duration-700 { + transition-duration: 700ms; + } - .\32xl\:dark\:hover\:bg-yellow-700:hover { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .xl\:duration-1000 { + transition-duration: 1000ms; + } - .\32xl\:dark\:hover\:bg-yellow-800:hover { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .xl\:delay-75 { + transition-delay: 75ms; + } - .\32xl\:dark\:hover\:bg-yellow-900:hover { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .xl\:delay-100 { + transition-delay: 100ms; + } - .\32xl\:dark\:hover\:bg-green-50:hover { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .xl\:delay-150 { + transition-delay: 150ms; + } - .\32xl\:dark\:hover\:bg-green-100:hover { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .xl\:delay-200 { + transition-delay: 200ms; + } - .\32xl\:dark\:hover\:bg-green-200:hover { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .xl\:delay-300 { + transition-delay: 300ms; + } - .\32xl\:dark\:hover\:bg-green-300:hover { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .xl\:delay-500 { + transition-delay: 500ms; + } - .\32xl\:dark\:hover\:bg-green-400:hover { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .xl\:delay-700 { + transition-delay: 700ms; + } - .\32xl\:dark\:hover\:bg-green-500:hover { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .xl\:delay-1000 { + transition-delay: 1000ms; + } - .\32xl\:dark\:hover\:bg-green-600:hover { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .xl\:animate-none { + animation: none; + } - .\32xl\:dark\:hover\:bg-green-700:hover { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .xl\:animate-spin { + animation: spin 1s linear infinite; + } - .\32xl\:dark\:hover\:bg-green-800:hover { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .xl\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } - .\32xl\:dark\:hover\:bg-green-900:hover { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .xl\:animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + } - .\32xl\:dark\:hover\:bg-blue-50:hover { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .xl\:animate-bounce { + animation: bounce 1s infinite; + } - .\32xl\:dark\:hover\:bg-blue-100:hover { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .xl\:example { + font-weight: 700; + color: #ef4444; + } +} - .\32xl\:dark\:hover\:bg-blue-200:hover { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } +@media (min-width: 1536px) { + .\32xl\:container { + width: 100%; + } - .\32xl\:dark\:hover\:bg-blue-300:hover { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); + @media (min-width: 640px) { + .\32xl\:container { + max-width: 640px; } + } - .\32xl\:dark\:hover\:bg-blue-400:hover { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); + @media (min-width: 768px) { + .\32xl\:container { + max-width: 768px; } + } - .\32xl\:dark\:hover\:bg-blue-500:hover { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); + @media (min-width: 1024px) { + .\32xl\:container { + max-width: 1024px; } + } - .\32xl\:dark\:hover\:bg-blue-600:hover { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); + @media (min-width: 1280px) { + .\32xl\:container { + max-width: 1280px; } + } - .\32xl\:dark\:hover\:bg-blue-700:hover { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); + @media (min-width: 1536px) { + .\32xl\:container { + max-width: 1536px; } + } - .\32xl\:dark\:hover\:bg-blue-800:hover { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-blue-900:hover { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .\32xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0px * var(--space-x-reverse)); + margin-inline-start: calc(0px * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-50:hover { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-100:hover { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .\32xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-200:hover { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-300:hover { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .\32xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-400:hover { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-500:hover { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .\32xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-600:hover { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-700:hover { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .\32xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1rem * var(--space-x-reverse)); + margin-inline-start: calc(1rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-purple-800:hover { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-purple-900:hover { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .\32xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(1.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-50:hover { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-100:hover { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .\32xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-200:hover { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-300:hover { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .\32xl\:space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(1.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-400:hover { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-500:hover { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .\32xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2rem * var(--space-x-reverse)); + margin-inline-start: calc(2rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-600:hover { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-700:hover { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .\32xl\:space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(2.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:hover\:bg-pink-800:hover { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:bg-pink-900:hover { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .\32xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-transparent:focus { - background-color: transparent; - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-current:focus { - background-color: currentColor; - } + .\32xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3rem * var(--space-x-reverse)); + margin-inline-start: calc(3rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-black:focus { - --bg-opacity: 1; - background-color: rgba(0, 0, 0, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-white:focus { - --bg-opacity: 1; - background-color: rgba(255, 255, 255, var(--bg-opacity)); - } + .\32xl\:space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(3.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-50:focus { - --bg-opacity: 1; - background-color: rgba(250, 250, 250, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-100:focus { - --bg-opacity: 1; - background-color: rgba(244, 244, 245, var(--bg-opacity)); - } + .\32xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(4rem * var(--space-x-reverse)); + margin-inline-start: calc(4rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-200:focus { - --bg-opacity: 1; - background-color: rgba(228, 228, 231, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-300:focus { - --bg-opacity: 1; - background-color: rgba(212, 212, 216, var(--bg-opacity)); - } + .\32xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(5rem * var(--space-x-reverse)); + margin-inline-start: calc(5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-400:focus { - --bg-opacity: 1; - background-color: rgba(161, 161, 170, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-500:focus { - --bg-opacity: 1; - background-color: rgba(113, 113, 122, var(--bg-opacity)); - } + .\32xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(6rem * var(--space-x-reverse)); + margin-inline-start: calc(6rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-600:focus { - --bg-opacity: 1; - background-color: rgba(82, 82, 91, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-700:focus { - --bg-opacity: 1; - background-color: rgba(63, 63, 70, var(--bg-opacity)); - } + .\32xl\:space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(7rem * var(--space-x-reverse)); + margin-inline-start: calc(7rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-gray-800:focus { - --bg-opacity: 1; - background-color: rgba(39, 39, 42, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-gray-900:focus { - --bg-opacity: 1; - background-color: rgba(24, 24, 27, var(--bg-opacity)); - } + .\32xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(8rem * var(--space-x-reverse)); + margin-inline-start: calc(8rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-50:focus { - --bg-opacity: 1; - background-color: rgba(254, 242, 242, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 226, 226, var(--bg-opacity)); - } + .\32xl\:space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(9rem * var(--space-x-reverse)); + margin-inline-start: calc(9rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-200:focus { - --bg-opacity: 1; - background-color: rgba(254, 202, 202, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 165, 165, var(--bg-opacity)); - } + .\32xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(10rem * var(--space-x-reverse)); + margin-inline-start: calc(10rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-400:focus { - --bg-opacity: 1; - background-color: rgba(248, 113, 113, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-500:focus { - --bg-opacity: 1; - background-color: rgba(239, 68, 68, var(--bg-opacity)); - } + .\32xl\:space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(11rem * var(--space-x-reverse)); + margin-inline-start: calc(11rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-600:focus { - --bg-opacity: 1; - background-color: rgba(220, 38, 38, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-700:focus { - --bg-opacity: 1; - background-color: rgba(185, 28, 28, var(--bg-opacity)); - } + .\32xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(12rem * var(--space-x-reverse)); + margin-inline-start: calc(12rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-red-800:focus { - --bg-opacity: 1; - background-color: rgba(153, 27, 27, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-red-900:focus { - --bg-opacity: 1; - background-color: rgba(127, 29, 29, var(--bg-opacity)); - } + .\32xl\:space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(13rem * var(--space-x-reverse)); + margin-inline-start: calc(13rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-50:focus { - --bg-opacity: 1; - background-color: rgba(255, 251, 235, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-100:focus { - --bg-opacity: 1; - background-color: rgba(254, 243, 199, var(--bg-opacity)); - } + .\32xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(14rem * var(--space-x-reverse)); + margin-inline-start: calc(14rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-200:focus { - --bg-opacity: 1; - background-color: rgba(253, 230, 138, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-300:focus { - --bg-opacity: 1; - background-color: rgba(252, 211, 77, var(--bg-opacity)); - } + .\32xl\:space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(15rem * var(--space-x-reverse)); + margin-inline-start: calc(15rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-400:focus { - --bg-opacity: 1; - background-color: rgba(251, 191, 36, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-500:focus { - --bg-opacity: 1; - background-color: rgba(245, 158, 11, var(--bg-opacity)); - } + .\32xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(16rem * var(--space-x-reverse)); + margin-inline-start: calc(16rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-600:focus { - --bg-opacity: 1; - background-color: rgba(217, 119, 6, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-700:focus { - --bg-opacity: 1; - background-color: rgba(180, 83, 9, var(--bg-opacity)); - } + .\32xl\:space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(18rem * var(--space-x-reverse)); + margin-inline-start: calc(18rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-yellow-800:focus { - --bg-opacity: 1; - background-color: rgba(146, 64, 14, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-yellow-900:focus { - --bg-opacity: 1; - background-color: rgba(120, 53, 15, var(--bg-opacity)); - } + .\32xl\:space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(20rem * var(--space-x-reverse)); + margin-inline-start: calc(20rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-50:focus { - --bg-opacity: 1; - background-color: rgba(236, 253, 245, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-100:focus { - --bg-opacity: 1; - background-color: rgba(209, 250, 229, var(--bg-opacity)); - } + .\32xl\:space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(24rem * var(--space-x-reverse)); + margin-inline-start: calc(24rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-200:focus { - --bg-opacity: 1; - background-color: rgba(167, 243, 208, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-300:focus { - --bg-opacity: 1; - background-color: rgba(110, 231, 183, var(--bg-opacity)); - } + .\32xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(1px * var(--space-x-reverse)); + margin-inline-start: calc(1px * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-400:focus { - --bg-opacity: 1; - background-color: rgba(52, 211, 153, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-500:focus { - --bg-opacity: 1; - background-color: rgba(16, 185, 129, var(--bg-opacity)); - } + .\32xl\:space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(0.125rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-600:focus { - --bg-opacity: 1; - background-color: rgba(5, 150, 105, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-700:focus { - --bg-opacity: 1; - background-color: rgba(4, 120, 87, var(--bg-opacity)); - } + .\32xl\:space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(0.375rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-green-800:focus { - --bg-opacity: 1; - background-color: rgba(6, 95, 70, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-green-900:focus { - --bg-opacity: 1; - background-color: rgba(6, 78, 59, var(--bg-opacity)); - } + .\32xl\:space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(0.625rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-50:focus { - --bg-opacity: 1; - background-color: rgba(239, 246, 255, var(--bg-opacity)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:bg-blue-100:focus { - --bg-opacity: 1; - background-color: rgba(219, 234, 254, var(--bg-opacity)); - } + .\32xl\:space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(0.875rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-200:focus { - --bg-opacity: 1; - background-color: rgba(191, 219, 254, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-300:focus { - --bg-opacity: 1; - background-color: rgba(147, 197, 253, var(--bg-opacity)); - } + .\32xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-400:focus { - --bg-opacity: 1; - background-color: rgba(96, 165, 250, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-500:focus { - --bg-opacity: 1; - background-color: rgba(59, 130, 246, var(--bg-opacity)); - } + .\32xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-600:focus { - --bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-700:focus { - --bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--bg-opacity)); - } + .\32xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-blue-800:focus { - --bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-blue-900:focus { - --bg-opacity: 1; - background-color: rgba(30, 58, 138, var(--bg-opacity)); - } + .\32xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1rem * var(--space-x-reverse)); + margin-inline-start: calc(-1rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-50:focus { - --bg-opacity: 1; - background-color: rgba(245, 243, 255, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-100:focus { - --bg-opacity: 1; - background-color: rgba(237, 233, 254, var(--bg-opacity)); - } + .\32xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-200:focus { - --bg-opacity: 1; - background-color: rgba(221, 214, 254, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-300:focus { - --bg-opacity: 1; - background-color: rgba(196, 181, 253, var(--bg-opacity)); - } + .\32xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-400:focus { - --bg-opacity: 1; - background-color: rgba(167, 139, 250, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-500:focus { - --bg-opacity: 1; - background-color: rgba(139, 92, 246, var(--bg-opacity)); - } + .\32xl\:-space-x-7 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1.75rem * var(--space-x-reverse)); + margin-inline-start: calc(-1.75rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-600:focus { - --bg-opacity: 1; - background-color: rgba(124, 58, 237, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-700:focus { - --bg-opacity: 1; - background-color: rgba(109, 40, 217, var(--bg-opacity)); - } + .\32xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2rem * var(--space-x-reverse)); + margin-inline-start: calc(-2rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-purple-800:focus { - --bg-opacity: 1; - background-color: rgba(91, 33, 182, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-purple-900:focus { - --bg-opacity: 1; - background-color: rgba(76, 29, 149, var(--bg-opacity)); - } + .\32xl\:-space-x-9 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.25rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.25rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-50:focus { - --bg-opacity: 1; - background-color: rgba(253, 242, 248, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-100:focus { - --bg-opacity: 1; - background-color: rgba(252, 231, 243, var(--bg-opacity)); - } + .\32xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-2.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-2.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-200:focus { - --bg-opacity: 1; - background-color: rgba(251, 207, 232, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-300:focus { - --bg-opacity: 1; - background-color: rgba(249, 168, 212, var(--bg-opacity)); - } + .\32xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3rem * var(--space-x-reverse)); + margin-inline-start: calc(-3rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-400:focus { - --bg-opacity: 1; - background-color: rgba(244, 114, 182, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-500:focus { - --bg-opacity: 1; - background-color: rgba(236, 72, 153, var(--bg-opacity)); - } + .\32xl\:-space-x-14 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-3.5rem * var(--space-x-reverse)); + margin-inline-start: calc(-3.5rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-600:focus { - --bg-opacity: 1; - background-color: rgba(219, 39, 119, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-700:focus { - --bg-opacity: 1; - background-color: rgba(190, 24, 93, var(--bg-opacity)); - } + .\32xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-4rem * var(--space-x-reverse)); + margin-inline-start: calc(-4rem * calc(1 - var(--space-x-reverse))); + } - .\32xl\:dark\:focus\:bg-pink-800:focus { - --bg-opacity: 1; - background-color: rgba(157, 23, 77, var(--bg-opacity)); - } + .\32xl\:-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)); + } - .\32xl\:dark\:focus\:bg-pink-900:focus { - --bg-opacity: 1; - background-color: rgba(131, 24, 67, var(--bg-opacity)); - } + .\32xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-5rem * var(--space-x-reverse)); + margin-inline-start: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-none { - background-image: none; + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-t { - background-image: linear-gradient(to top, var(--gradient-color-stops)); + .\32xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-6rem * var(--space-x-reverse)); + margin-inline-start: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-r { - background-image: linear-gradient(to right, var(--gradient-color-stops)); + .\32xl\:-space-x-28 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-7rem * var(--space-x-reverse)); + margin-inline-start: calc(-7rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-br { - background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-b { - background-image: linear-gradient(to bottom, var(--gradient-color-stops)); + .\32xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-8rem * var(--space-x-reverse)); + margin-inline-start: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-bl { - background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:bg-gradient-to-l { - background-image: linear-gradient(to left, var(--gradient-color-stops)); + .\32xl\:-space-x-36 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-9rem * var(--space-x-reverse)); + margin-inline-start: calc(-9rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:bg-gradient-to-tl { - background-image: linear-gradient(to top left, var(--gradient-color-stops)); + .\32xl\:-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)); } - .\32xl\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-10rem * var(--space-x-reverse)); + margin-inline-start: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:-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)); } - .\32xl\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:-space-x-44 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-11rem * var(--space-x-reverse)); + margin-inline-start: calc(-11rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-12rem * var(--space-x-reverse)); + margin-inline-start: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:-space-x-52 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-13rem * var(--space-x-reverse)); + margin-inline-start: calc(-13rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-14rem * var(--space-x-reverse)); + margin-inline-start: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:-space-x-60 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-15rem * var(--space-x-reverse)); + margin-inline-start: calc(-15rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:-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)); } - .\32xl\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-16rem * var(--space-x-reverse)); + margin-inline-start: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:-space-x-72 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-18rem * var(--space-x-reverse)); + margin-inline-start: calc(-18rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:-space-x-80 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-20rem * var(--space-x-reverse)); + margin-inline-start: calc(-20rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:-space-x-96 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-24rem * var(--space-x-reverse)); + margin-inline-start: calc(-24rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-1px * var(--space-x-reverse)); + margin-inline-start: calc(-1px * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:-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)); } - .\32xl\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:-space-x-0\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.125rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.125rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:-space-x-1\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.375rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.375rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:-space-x-2\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.625rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.625rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:-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)); } - .\32xl\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:-space-x-3\.5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-inline-end: calc(-0.875rem * var(--space-x-reverse)); + margin-inline-start: calc(-0.875rem * calc(1 - var(--space-x-reverse))); } - .\32xl\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .\32xl\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .\32xl\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\: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)); } - .\32xl\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(0px * var(--divide-x-reverse)); + border-inline-start-width: calc(0px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\: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)); } - .\32xl\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(2px * var(--divide-x-reverse)); + border-inline-start-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\: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)); } - .\32xl\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(4px * var(--divide-x-reverse)); + border-inline-start-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\: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)); } - .\32xl\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(8px * var(--divide-x-reverse)); + border-inline-start-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\: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)); } - .\32xl\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-inline-end-width: calc(1px * var(--divide-x-reverse)); + border-inline-start-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .\32xl\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .\32xl\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .\32xl\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .\32xl\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .\32xl\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:divide-black > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(0, 0, 0, var(--divide-opacity)); } - .\32xl\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:divide-white > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 255, 255, var(--divide-opacity)); } - .\32xl\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:divide-gray-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(250, 250, 250, var(--divide-opacity)); } - .\32xl\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:divide-gray-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 244, 245, var(--divide-opacity)); } - .\32xl\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:divide-gray-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(228, 228, 231, var(--divide-opacity)); } - .\32xl\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:divide-gray-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(212, 212, 216, var(--divide-opacity)); } - .\32xl\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:divide-gray-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(161, 161, 170, var(--divide-opacity)); } - .\32xl\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:divide-gray-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(113, 113, 122, var(--divide-opacity)); } - .\32xl\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:divide-gray-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(82, 82, 91, var(--divide-opacity)); } - .\32xl\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:divide-gray-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(63, 63, 70, var(--divide-opacity)); } - .\32xl\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:divide-gray-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(39, 39, 42, var(--divide-opacity)); } - .\32xl\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:divide-gray-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(24, 24, 27, var(--divide-opacity)); } - .\32xl\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:divide-red-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 242, 242, var(--divide-opacity)); } - .\32xl\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:divide-red-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 226, 226, var(--divide-opacity)); } - .\32xl\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:divide-red-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 202, 202, var(--divide-opacity)); } - .\32xl\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:divide-red-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 165, 165, var(--divide-opacity)); } - .\32xl\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:divide-red-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(248, 113, 113, var(--divide-opacity)); } - .\32xl\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:divide-red-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 68, 68, var(--divide-opacity)); } - .\32xl\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:divide-red-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(220, 38, 38, var(--divide-opacity)); } - .\32xl\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); + .\32xl\:divide-red-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(185, 28, 28, var(--divide-opacity)); } - .\32xl\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:divide-red-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(153, 27, 27, var(--divide-opacity)); } - .\32xl\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:divide-red-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(127, 29, 29, var(--divide-opacity)); } - .\32xl\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:divide-yellow-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(255, 251, 235, var(--divide-opacity)); } - .\32xl\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:divide-yellow-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(254, 243, 199, var(--divide-opacity)); } - .\32xl\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:divide-yellow-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 230, 138, var(--divide-opacity)); } - .\32xl\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:divide-yellow-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 211, 77, var(--divide-opacity)); } - .\32xl\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:divide-yellow-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 191, 36, var(--divide-opacity)); } - .\32xl\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:divide-yellow-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 158, 11, var(--divide-opacity)); } - .\32xl\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:divide-yellow-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(217, 119, 6, var(--divide-opacity)); } - .\32xl\: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)); + .\32xl\:divide-yellow-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(180, 83, 9, var(--divide-opacity)); } - .\32xl\: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)); + .\32xl\:divide-yellow-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(146, 64, 14, var(--divide-opacity)); } - .\32xl\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:divide-yellow-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(120, 53, 15, var(--divide-opacity)); } - .\32xl\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:divide-green-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 253, 245, var(--divide-opacity)); } - .\32xl\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:divide-green-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(209, 250, 229, var(--divide-opacity)); } - .\32xl\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:divide-green-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 243, 208, var(--divide-opacity)); } - .\32xl\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:divide-green-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(110, 231, 183, var(--divide-opacity)); } - .\32xl\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:divide-green-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(52, 211, 153, var(--divide-opacity)); } - .\32xl\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:divide-green-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(16, 185, 129, var(--divide-opacity)); } - .\32xl\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:divide-green-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(5, 150, 105, var(--divide-opacity)); } - .\32xl\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:divide-green-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(4, 120, 87, var(--divide-opacity)); } - .\32xl\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:divide-green-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 95, 70, var(--divide-opacity)); } - .\32xl\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:divide-green-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(6, 78, 59, var(--divide-opacity)); } - .\32xl\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:divide-blue-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(239, 246, 255, var(--divide-opacity)); } - .\32xl\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:divide-blue-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 234, 254, var(--divide-opacity)); } - .\32xl\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:divide-blue-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(191, 219, 254, var(--divide-opacity)); } - .\32xl\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:divide-blue-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(147, 197, 253, var(--divide-opacity)); } - .\32xl\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:divide-blue-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(96, 165, 250, var(--divide-opacity)); } - .\32xl\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:divide-blue-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(59, 130, 246, var(--divide-opacity)); } - .\32xl\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:divide-blue-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(37, 99, 235, var(--divide-opacity)); } - .\32xl\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:divide-blue-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(29, 78, 216, var(--divide-opacity)); } - .\32xl\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:divide-blue-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 64, 175, var(--divide-opacity)); } - .\32xl\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:divide-blue-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(30, 58, 138, var(--divide-opacity)); } - .\32xl\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:divide-purple-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(245, 243, 255, var(--divide-opacity)); } - .\32xl\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:divide-purple-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(237, 233, 254, var(--divide-opacity)); } - .\32xl\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:divide-purple-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(221, 214, 254, var(--divide-opacity)); } - .\32xl\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:divide-purple-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(196, 181, 253, var(--divide-opacity)); } - .\32xl\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:divide-purple-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(167, 139, 250, var(--divide-opacity)); } - .\32xl\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:divide-purple-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(139, 92, 246, var(--divide-opacity)); } - .\32xl\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:divide-purple-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(124, 58, 237, var(--divide-opacity)); } - .\32xl\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:divide-purple-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(109, 40, 217, var(--divide-opacity)); } - .\32xl\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:divide-purple-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(91, 33, 182, var(--divide-opacity)); } - .\32xl\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:divide-purple-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(76, 29, 149, var(--divide-opacity)); } - .\32xl\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:divide-pink-50 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(253, 242, 248, var(--divide-opacity)); } - .\32xl\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:divide-pink-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(252, 231, 243, var(--divide-opacity)); } - .\32xl\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:divide-pink-200 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(251, 207, 232, var(--divide-opacity)); } - .\32xl\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:divide-pink-300 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(249, 168, 212, var(--divide-opacity)); } - .\32xl\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\:divide-pink-400 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(244, 114, 182, var(--divide-opacity)); } - .\32xl\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:divide-pink-500 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(236, 72, 153, var(--divide-opacity)); } - .\32xl\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\:divide-pink-600 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(219, 39, 119, var(--divide-opacity)); } - .\32xl\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:divide-pink-700 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(190, 24, 93, var(--divide-opacity)); } - .\32xl\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:divide-pink-800 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(157, 23, 77, var(--divide-opacity)); } - .\32xl\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:divide-pink-900 > :not(template) ~ :not(template) { + --divide-opacity: 1; + border-color: rgba(131, 24, 67, var(--divide-opacity)); } - .\32xl\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:divide-solid > :not(template) ~ :not(template) { + border-style: solid; } - .\32xl\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:divide-dashed > :not(template) ~ :not(template) { + border-style: dashed; } - .\32xl\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:divide-dotted > :not(template) ~ :not(template) { + border-style: dotted; } - .\32xl\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:divide-double > :not(template) ~ :not(template) { + border-style: double; } - .\32xl\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:divide-none > :not(template) ~ :not(template) { + border-style: none; } - .\32xl\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:divide-opacity-0 > :not(template) ~ :not(template) { + --divide-opacity: 0; } - .\32xl\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:divide-opacity-25 > :not(template) ~ :not(template) { + --divide-opacity: 0.25; } - .\32xl\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:divide-opacity-50 > :not(template) ~ :not(template) { + --divide-opacity: 0.5; } - .\32xl\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:divide-opacity-75 > :not(template) ~ :not(template) { + --divide-opacity: 0.75; } - .\32xl\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:divide-opacity-100 > :not(template) ~ :not(template) { + --divide-opacity: 1; } - .\32xl\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\: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; } - .\32xl\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .\32xl\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\: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; } - .\32xl\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .\32xl\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:appearance-none { + appearance: none; } - .\32xl\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:bg-fixed { + background-attachment: fixed; } - .\32xl\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:bg-local { + background-attachment: local; } - .\32xl\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:bg-scroll { + background-attachment: scroll; } - .\32xl\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:bg-clip-border { + background-clip: border-box; } - .\32xl\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:bg-clip-padding { + background-clip: padding-box; } - .\32xl\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:bg-clip-content { + background-clip: content-box; } - .\32xl\: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)); + .\32xl\:bg-clip-text { + background-clip: text; } - .\32xl\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:bg-transparent { + background-color: transparent; } - .\32xl\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:bg-current { + background-color: currentColor; } - .\32xl\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\:to-transparent { - --gradient-to-color: transparent; + .\32xl\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\:to-current { - --gradient-to-color: currentColor; + .\32xl\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:to-black { - --gradient-to-color: #000; + .\32xl\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:to-white { - --gradient-to-color: #fff; + .\32xl\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:to-gray-50 { - --gradient-to-color: #fafafa; + .\32xl\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:to-gray-100 { - --gradient-to-color: #f4f4f5; + .\32xl\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:to-gray-200 { - --gradient-to-color: #e4e4e7; + .\32xl\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:to-gray-300 { - --gradient-to-color: #d4d4d8; + .\32xl\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:to-gray-400 { - --gradient-to-color: #a1a1aa; + .\32xl\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:to-gray-500 { - --gradient-to-color: #71717a; + .\32xl\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:to-gray-600 { - --gradient-to-color: #52525b; + .\32xl\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:to-gray-700 { - --gradient-to-color: #3f3f46; + .\32xl\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:to-gray-800 { - --gradient-to-color: #27272a; + .\32xl\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:to-gray-900 { - --gradient-to-color: #18181b; + .\32xl\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:to-red-50 { - --gradient-to-color: #fef2f2; + .\32xl\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:to-red-100 { - --gradient-to-color: #fee2e2; + .\32xl\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:to-red-200 { - --gradient-to-color: #fecaca; + .\32xl\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:to-red-300 { - --gradient-to-color: #fca5a5; + .\32xl\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:to-red-400 { - --gradient-to-color: #f87171; + .\32xl\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:to-red-500 { - --gradient-to-color: #ef4444; + .\32xl\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:to-red-600 { - --gradient-to-color: #dc2626; + .\32xl\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:to-red-700 { - --gradient-to-color: #b91c1c; + .\32xl\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:to-red-800 { - --gradient-to-color: #991b1b; + .\32xl\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:to-red-900 { - --gradient-to-color: #7f1d1d; + .\32xl\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:to-yellow-50 { - --gradient-to-color: #fffbeb; + .\32xl\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:to-yellow-100 { - --gradient-to-color: #fef3c7; + .\32xl\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:to-yellow-200 { - --gradient-to-color: #fde68a; + .\32xl\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:to-yellow-300 { - --gradient-to-color: #fcd34d; + .\32xl\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:to-yellow-400 { - --gradient-to-color: #fbbf24; + .\32xl\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:to-yellow-500 { - --gradient-to-color: #f59e0b; + .\32xl\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:to-yellow-600 { - --gradient-to-color: #d97706; + .\32xl\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:to-yellow-700 { - --gradient-to-color: #b45309; + .\32xl\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:to-yellow-800 { - --gradient-to-color: #92400e; + .\32xl\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:to-yellow-900 { - --gradient-to-color: #78350f; + .\32xl\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:to-green-50 { - --gradient-to-color: #ecfdf5; + .\32xl\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:to-green-100 { - --gradient-to-color: #d1fae5; + .\32xl\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:to-green-200 { - --gradient-to-color: #a7f3d0; + .\32xl\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:to-green-300 { - --gradient-to-color: #6ee7b7; + .\32xl\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:to-green-400 { - --gradient-to-color: #34d399; + .\32xl\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:to-green-500 { - --gradient-to-color: #10b981; + .\32xl\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:to-green-600 { - --gradient-to-color: #059669; + .\32xl\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:to-green-700 { - --gradient-to-color: #047857; + .\32xl\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:to-green-800 { - --gradient-to-color: #065f46; + .\32xl\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:to-green-900 { - --gradient-to-color: #064e3b; + .\32xl\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:to-blue-50 { - --gradient-to-color: #eff6ff; + .\32xl\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:to-blue-100 { - --gradient-to-color: #dbeafe; + .\32xl\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:to-blue-200 { - --gradient-to-color: #bfdbfe; + .\32xl\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:to-blue-300 { - --gradient-to-color: #93c5fd; + .\32xl\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:to-blue-400 { - --gradient-to-color: #60a5fa; + .\32xl\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:to-blue-500 { - --gradient-to-color: #3b82f6; + .\32xl\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:to-blue-600 { - --gradient-to-color: #2563eb; + .\32xl\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:to-blue-700 { - --gradient-to-color: #1d4ed8; + .\32xl\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:to-blue-800 { - --gradient-to-color: #1e40af; + .\32xl\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:to-blue-900 { - --gradient-to-color: #1e3a8a; + .\32xl\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:to-purple-50 { - --gradient-to-color: #f5f3ff; + .\32xl\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:to-purple-100 { - --gradient-to-color: #ede9fe; + .\32xl\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:to-purple-200 { - --gradient-to-color: #ddd6fe; + .\32xl\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:to-purple-300 { - --gradient-to-color: #c4b5fd; + .\32xl\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:to-purple-400 { - --gradient-to-color: #a78bfa; + .\32xl\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:to-purple-500 { - --gradient-to-color: #8b5cf6; + .\32xl\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:to-purple-600 { - --gradient-to-color: #7c3aed; + .\32xl\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:to-purple-700 { - --gradient-to-color: #6d28d9; + .\32xl\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:to-purple-800 { - --gradient-to-color: #5b21b6; + .\32xl\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:to-purple-900 { - --gradient-to-color: #4c1d95; + .\32xl\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\:to-pink-50 { - --gradient-to-color: #fdf2f8; + .\32xl\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:to-pink-100 { - --gradient-to-color: #fce7f3; + .group:hover .\32xl\:group-hover\:bg-transparent { + background-color: transparent; } - .\32xl\:to-pink-200 { - --gradient-to-color: #fbcfe8; + .group:hover .\32xl\:group-hover\:bg-current { + background-color: currentColor; } - .\32xl\:to-pink-300 { - --gradient-to-color: #f9a8d4; + .group:hover .\32xl\:group-hover\:bg-black { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:to-pink-400 { - --gradient-to-color: #f472b6; + .group:hover .\32xl\:group-hover\:bg-white { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:to-pink-500 { - --gradient-to-color: #ec4899; + .group:hover .\32xl\:group-hover\:bg-gray-50 { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:to-pink-600 { - --gradient-to-color: #db2777; + .group:hover .\32xl\:group-hover\:bg-gray-100 { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:to-pink-700 { - --gradient-to-color: #be185d; + .group:hover .\32xl\:group-hover\:bg-gray-200 { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:to-pink-800 { - --gradient-to-color: #9d174d; + .group:hover .\32xl\:group-hover\:bg-gray-300 { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:to-pink-900 { - --gradient-to-color: #831843; + .group:hover .\32xl\:group-hover\:bg-gray-400 { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\:hover\:from-transparent:hover { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-500 { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\:hover\:from-current:hover { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-600 { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-700 { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-800 { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-gray-900 { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .group:hover .\32xl\:group-hover\:bg-red-50 { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .group:hover .\32xl\:group-hover\:bg-red-100 { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .group:hover .\32xl\:group-hover\:bg-red-200 { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .group:hover .\32xl\:group-hover\:bg-red-300 { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .group:hover .\32xl\:group-hover\:bg-red-400 { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .group:hover .\32xl\:group-hover\:bg-red-500 { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .group:hover .\32xl\:group-hover\:bg-red-600 { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .group:hover .\32xl\:group-hover\:bg-red-700 { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .group:hover .\32xl\:group-hover\:bg-red-800 { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .group:hover .\32xl\:group-hover\:bg-red-900 { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-50 { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-100 { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-200 { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-300 { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-400 { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-500 { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-600 { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-700 { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-800 { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .group:hover .\32xl\:group-hover\:bg-yellow-900 { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .group:hover .\32xl\:group-hover\:bg-green-50 { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .group:hover .\32xl\:group-hover\:bg-green-100 { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .group:hover .\32xl\:group-hover\:bg-green-200 { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .group:hover .\32xl\:group-hover\:bg-green-300 { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .group:hover .\32xl\:group-hover\:bg-green-400 { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .group:hover .\32xl\:group-hover\:bg-green-500 { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .group:hover .\32xl\:group-hover\:bg-green-600 { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .group:hover .\32xl\:group-hover\:bg-green-700 { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .group:hover .\32xl\:group-hover\:bg-green-800 { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .group:hover .\32xl\:group-hover\:bg-green-900 { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-50 { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-100 { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-200 { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-300 { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-400 { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-500 { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-600 { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-700 { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-800 { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-blue-900 { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-50 { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-100 { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-200 { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-300 { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-400 { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-500 { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-600 { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-700 { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-800 { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .group:hover .\32xl\:group-hover\:bg-purple-900 { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-50 { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-100 { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-200 { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-300 { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-400 { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-500 { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-600 { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-700 { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .group:hover .\32xl\:group-hover\:bg-pink-800 { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\: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)); + .group:hover .\32xl\:group-hover\:bg-pink-900 { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .\32xl\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:hover\:bg-current:hover { + background-color: currentColor; } - .\32xl\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:hover\:bg-black:hover { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:hover\:bg-white:hover { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:hover\:bg-gray-50:hover { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:hover\:bg-gray-100:hover { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:hover\:bg-gray-200:hover { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:hover\:bg-gray-300:hover { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:hover\:bg-gray-400:hover { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\: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)); + .\32xl\:hover\:bg-gray-500:hover { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\: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)); + .\32xl\:hover\:bg-gray-600:hover { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + .\32xl\:hover\:bg-gray-700:hover { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + .\32xl\:hover\:bg-gray-800:hover { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + .\32xl\:hover\:bg-gray-900:hover { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + .\32xl\:hover\:bg-red-50:hover { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + .\32xl\:hover\:bg-red-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + .\32xl\:hover\:bg-red-200:hover { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + .\32xl\:hover\:bg-red-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + .\32xl\:hover\:bg-red-400:hover { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + .\32xl\:hover\:bg-red-500:hover { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + .\32xl\:hover\:bg-red-600:hover { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + .\32xl\:hover\:bg-red-700:hover { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + .\32xl\:hover\:bg-red-800:hover { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + .\32xl\:hover\:bg-red-900:hover { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + .\32xl\:hover\:bg-yellow-50:hover { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + .\32xl\:hover\:bg-yellow-100:hover { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + .\32xl\:hover\:bg-yellow-200:hover { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + .\32xl\:hover\:bg-yellow-300:hover { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + .\32xl\:hover\:bg-yellow-400:hover { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + .\32xl\:hover\:bg-yellow-500:hover { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + .\32xl\:hover\:bg-yellow-600:hover { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + .\32xl\:hover\:bg-yellow-700:hover { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + .\32xl\:hover\:bg-yellow-800:hover { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + .\32xl\:hover\:bg-yellow-900:hover { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + .\32xl\:hover\:bg-green-50:hover { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + .\32xl\:hover\:bg-green-100:hover { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + .\32xl\:hover\:bg-green-200:hover { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + .\32xl\:hover\:bg-green-300:hover { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + .\32xl\:hover\:bg-green-400:hover { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + .\32xl\:hover\:bg-green-500:hover { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + .\32xl\:hover\:bg-green-600:hover { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + .\32xl\:hover\:bg-green-700:hover { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + .\32xl\:hover\:bg-green-800:hover { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + .\32xl\:hover\:bg-green-900:hover { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + .\32xl\:hover\:bg-blue-50:hover { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + .\32xl\:hover\:bg-blue-100:hover { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + .\32xl\:hover\:bg-blue-200:hover { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + .\32xl\:hover\:bg-blue-300:hover { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + .\32xl\:hover\:bg-blue-400:hover { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + .\32xl\:hover\:bg-blue-500:hover { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + .\32xl\:hover\:bg-blue-600:hover { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + .\32xl\:hover\:bg-blue-700:hover { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + .\32xl\:hover\:bg-blue-800:hover { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + .\32xl\:hover\:bg-blue-900:hover { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + .\32xl\:hover\:bg-purple-50:hover { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + .\32xl\:hover\:bg-purple-100:hover { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + .\32xl\:hover\:bg-purple-200:hover { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + .\32xl\:hover\:bg-purple-300:hover { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + .\32xl\:hover\:bg-purple-400:hover { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + .\32xl\:hover\:bg-purple-500:hover { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + .\32xl\:hover\:bg-purple-600:hover { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + .\32xl\:hover\:bg-purple-700:hover { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + .\32xl\:hover\:bg-purple-800:hover { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + .\32xl\:hover\:bg-purple-900:hover { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + .\32xl\:hover\:bg-pink-50:hover { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + .\32xl\:hover\:bg-pink-100:hover { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + .\32xl\:hover\:bg-pink-200:hover { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + .\32xl\:hover\:bg-pink-300:hover { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + .\32xl\:hover\:bg-pink-400:hover { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + .\32xl\:hover\:bg-pink-500:hover { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + .\32xl\:hover\:bg-pink-600:hover { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + .\32xl\:hover\:bg-pink-700:hover { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + .\32xl\:hover\:bg-pink-800:hover { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\: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)); + .\32xl\:hover\:bg-pink-900:hover { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + .\32xl\:focus\:bg-transparent:focus { + background-color: transparent; } - .\32xl\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + .\32xl\:focus\:bg-current:focus { + background-color: currentColor; } - .\32xl\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + .\32xl\:focus\:bg-black:focus { + --bg-opacity: 1; + background-color: rgba(0, 0, 0, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + .\32xl\:focus\:bg-white:focus { + --bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + .\32xl\:focus\:bg-gray-50:focus { + --bg-opacity: 1; + background-color: rgba(250, 250, 250, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + .\32xl\:focus\:bg-gray-100:focus { + --bg-opacity: 1; + background-color: rgba(244, 244, 245, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + .\32xl\:focus\:bg-gray-200:focus { + --bg-opacity: 1; + background-color: rgba(228, 228, 231, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + .\32xl\:focus\:bg-gray-300:focus { + --bg-opacity: 1; + background-color: rgba(212, 212, 216, var(--bg-opacity)); } - .\32xl\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + .\32xl\:focus\:bg-gray-400:focus { + --bg-opacity: 1; + background-color: rgba(161, 161, 170, var(--bg-opacity)); } - .\32xl\:hover\:to-transparent:hover { - --gradient-to-color: transparent; + .\32xl\:focus\:bg-gray-500:focus { + --bg-opacity: 1; + background-color: rgba(113, 113, 122, var(--bg-opacity)); } - .\32xl\:hover\:to-current:hover { - --gradient-to-color: currentColor; + .\32xl\:focus\:bg-gray-600:focus { + --bg-opacity: 1; + background-color: rgba(82, 82, 91, var(--bg-opacity)); } - .\32xl\:hover\:to-black:hover { - --gradient-to-color: #000; + .\32xl\:focus\:bg-gray-700:focus { + --bg-opacity: 1; + background-color: rgba(63, 63, 70, var(--bg-opacity)); } - .\32xl\:hover\:to-white:hover { - --gradient-to-color: #fff; + .\32xl\:focus\:bg-gray-800:focus { + --bg-opacity: 1; + background-color: rgba(39, 39, 42, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; + .\32xl\:focus\:bg-gray-900:focus { + --bg-opacity: 1; + background-color: rgba(24, 24, 27, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; + .\32xl\:focus\:bg-red-50:focus { + --bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; + .\32xl\:focus\:bg-red-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 226, 226, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; + .\32xl\:focus\:bg-red-200:focus { + --bg-opacity: 1; + background-color: rgba(254, 202, 202, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; + .\32xl\:focus\:bg-red-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 165, 165, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; + .\32xl\:focus\:bg-red-400:focus { + --bg-opacity: 1; + background-color: rgba(248, 113, 113, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; + .\32xl\:focus\:bg-red-500:focus { + --bg-opacity: 1; + background-color: rgba(239, 68, 68, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; + .\32xl\:focus\:bg-red-600:focus { + --bg-opacity: 1; + background-color: rgba(220, 38, 38, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; + .\32xl\:focus\:bg-red-700:focus { + --bg-opacity: 1; + background-color: rgba(185, 28, 28, var(--bg-opacity)); } - .\32xl\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; + .\32xl\:focus\:bg-red-800:focus { + --bg-opacity: 1; + background-color: rgba(153, 27, 27, var(--bg-opacity)); } - .\32xl\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; + .\32xl\:focus\:bg-red-900:focus { + --bg-opacity: 1; + background-color: rgba(127, 29, 29, var(--bg-opacity)); } - .\32xl\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; + .\32xl\:focus\:bg-yellow-50:focus { + --bg-opacity: 1; + background-color: rgba(255, 251, 235, var(--bg-opacity)); } - .\32xl\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; + .\32xl\:focus\:bg-yellow-100:focus { + --bg-opacity: 1; + background-color: rgba(254, 243, 199, var(--bg-opacity)); } - .\32xl\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; + .\32xl\:focus\:bg-yellow-200:focus { + --bg-opacity: 1; + background-color: rgba(253, 230, 138, var(--bg-opacity)); } - .\32xl\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; + .\32xl\:focus\:bg-yellow-300:focus { + --bg-opacity: 1; + background-color: rgba(252, 211, 77, var(--bg-opacity)); } - .\32xl\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; + .\32xl\:focus\:bg-yellow-400:focus { + --bg-opacity: 1; + background-color: rgba(251, 191, 36, var(--bg-opacity)); } - .\32xl\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; + .\32xl\:focus\:bg-yellow-500:focus { + --bg-opacity: 1; + background-color: rgba(245, 158, 11, var(--bg-opacity)); } - .\32xl\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; + .\32xl\:focus\:bg-yellow-600:focus { + --bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--bg-opacity)); } - .\32xl\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; + .\32xl\:focus\:bg-yellow-700:focus { + --bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--bg-opacity)); } - .\32xl\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; + .\32xl\:focus\:bg-yellow-800:focus { + --bg-opacity: 1; + background-color: rgba(146, 64, 14, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; + .\32xl\:focus\:bg-yellow-900:focus { + --bg-opacity: 1; + background-color: rgba(120, 53, 15, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; + .\32xl\:focus\:bg-green-50:focus { + --bg-opacity: 1; + background-color: rgba(236, 253, 245, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; + .\32xl\:focus\:bg-green-100:focus { + --bg-opacity: 1; + background-color: rgba(209, 250, 229, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; + .\32xl\:focus\:bg-green-200:focus { + --bg-opacity: 1; + background-color: rgba(167, 243, 208, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; + .\32xl\:focus\:bg-green-300:focus { + --bg-opacity: 1; + background-color: rgba(110, 231, 183, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; + .\32xl\:focus\:bg-green-400:focus { + --bg-opacity: 1; + background-color: rgba(52, 211, 153, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; + .\32xl\:focus\:bg-green-500:focus { + --bg-opacity: 1; + background-color: rgba(16, 185, 129, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; + .\32xl\:focus\:bg-green-600:focus { + --bg-opacity: 1; + background-color: rgba(5, 150, 105, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; + .\32xl\:focus\:bg-green-700:focus { + --bg-opacity: 1; + background-color: rgba(4, 120, 87, var(--bg-opacity)); } - .\32xl\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; + .\32xl\:focus\:bg-green-800:focus { + --bg-opacity: 1; + background-color: rgba(6, 95, 70, var(--bg-opacity)); } - .\32xl\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; + .\32xl\:focus\:bg-green-900:focus { + --bg-opacity: 1; + background-color: rgba(6, 78, 59, var(--bg-opacity)); } - .\32xl\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; + .\32xl\:focus\:bg-blue-50:focus { + --bg-opacity: 1; + background-color: rgba(239, 246, 255, var(--bg-opacity)); } - .\32xl\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; + .\32xl\:focus\:bg-blue-100:focus { + --bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; + .\32xl\:focus\:bg-blue-200:focus { + --bg-opacity: 1; + background-color: rgba(191, 219, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; + .\32xl\:focus\:bg-blue-300:focus { + --bg-opacity: 1; + background-color: rgba(147, 197, 253, var(--bg-opacity)); } - .\32xl\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; + .\32xl\:focus\:bg-blue-400:focus { + --bg-opacity: 1; + background-color: rgba(96, 165, 250, var(--bg-opacity)); } - .\32xl\:hover\:to-green-600:hover { - --gradient-to-color: #059669; + .\32xl\:focus\:bg-blue-500:focus { + --bg-opacity: 1; + background-color: rgba(59, 130, 246, var(--bg-opacity)); } - .\32xl\:hover\:to-green-700:hover { - --gradient-to-color: #047857; + .\32xl\:focus\:bg-blue-600:focus { + --bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--bg-opacity)); } - .\32xl\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; + .\32xl\:focus\:bg-blue-700:focus { + --bg-opacity: 1; + background-color: rgba(29, 78, 216, var(--bg-opacity)); } - .\32xl\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; + .\32xl\:focus\:bg-blue-800:focus { + --bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; + .\32xl\:focus\:bg-blue-900:focus { + --bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; + .\32xl\:focus\:bg-purple-50:focus { + --bg-opacity: 1; + background-color: rgba(245, 243, 255, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; + .\32xl\:focus\:bg-purple-100:focus { + --bg-opacity: 1; + background-color: rgba(237, 233, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; + .\32xl\:focus\:bg-purple-200:focus { + --bg-opacity: 1; + background-color: rgba(221, 214, 254, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; + .\32xl\:focus\:bg-purple-300:focus { + --bg-opacity: 1; + background-color: rgba(196, 181, 253, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; + .\32xl\:focus\:bg-purple-400:focus { + --bg-opacity: 1; + background-color: rgba(167, 139, 250, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; + .\32xl\:focus\:bg-purple-500:focus { + --bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; + .\32xl\:focus\:bg-purple-600:focus { + --bg-opacity: 1; + background-color: rgba(124, 58, 237, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; + .\32xl\:focus\:bg-purple-700:focus { + --bg-opacity: 1; + background-color: rgba(109, 40, 217, var(--bg-opacity)); } - .\32xl\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; + .\32xl\:focus\:bg-purple-800:focus { + --bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; + .\32xl\:focus\:bg-purple-900:focus { + --bg-opacity: 1; + background-color: rgba(76, 29, 149, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; + .\32xl\:focus\:bg-pink-50:focus { + --bg-opacity: 1; + background-color: rgba(253, 242, 248, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; + .\32xl\:focus\:bg-pink-100:focus { + --bg-opacity: 1; + background-color: rgba(252, 231, 243, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; + .\32xl\:focus\:bg-pink-200:focus { + --bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; + .\32xl\:focus\:bg-pink-300:focus { + --bg-opacity: 1; + background-color: rgba(249, 168, 212, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; + .\32xl\:focus\:bg-pink-400:focus { + --bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; + .\32xl\:focus\:bg-pink-500:focus { + --bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; + .\32xl\:focus\:bg-pink-600:focus { + --bg-opacity: 1; + background-color: rgba(219, 39, 119, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; + .\32xl\:focus\:bg-pink-700:focus { + --bg-opacity: 1; + background-color: rgba(190, 24, 93, var(--bg-opacity)); } - .\32xl\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; + .\32xl\:focus\:bg-pink-800:focus { + --bg-opacity: 1; + background-color: rgba(157, 23, 77, var(--bg-opacity)); } - .\32xl\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; + .\32xl\:focus\:bg-pink-900:focus { + --bg-opacity: 1; + background-color: rgba(131, 24, 67, var(--bg-opacity)); } - .\32xl\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; + .\32xl\:bg-none { + background-image: none; } - .\32xl\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; + .\32xl\:bg-gradient-to-t { + background-image: linear-gradient(to top, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; + .\32xl\:bg-gradient-to-tr { + background-image: linear-gradient(to top right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; + .\32xl\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; + .\32xl\:bg-gradient-to-br { + background-image: linear-gradient(to bottom right, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; + .\32xl\:bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; + .\32xl\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; + .\32xl\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--gradient-color-stops)); } - .\32xl\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; + .\32xl\:bg-gradient-to-tl { + background-image: linear-gradient(to top left, var(--gradient-color-stops)); } - .\32xl\:focus\:from-transparent:focus { + .\32xl\:from-transparent { --gradient-from-color: transparent; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:from-current:focus { + .\32xl\:from-current { --gradient-from-color: currentColor; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:from-black:focus { + .\32xl\:from-black { --gradient-from-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:from-white:focus { + .\32xl\:from-white { --gradient-from-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:from-gray-50:focus { + .\32xl\:from-gray-50 { --gradient-from-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .\32xl\:focus\:from-gray-100:focus { + .\32xl\:from-gray-100 { --gradient-from-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .\32xl\:focus\:from-gray-200:focus { + .\32xl\:from-gray-200 { --gradient-from-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .\32xl\:focus\:from-gray-300:focus { + .\32xl\:from-gray-300 { --gradient-from-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .\32xl\:focus\:from-gray-400:focus { + .\32xl\:from-gray-400 { --gradient-from-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .\32xl\:focus\:from-gray-500:focus { + .\32xl\:from-gray-500 { --gradient-from-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .\32xl\:focus\:from-gray-600:focus { + .\32xl\:from-gray-600 { --gradient-from-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .\32xl\:focus\:from-gray-700:focus { + .\32xl\:from-gray-700 { --gradient-from-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .\32xl\:focus\:from-gray-800:focus { + .\32xl\:from-gray-800 { --gradient-from-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .\32xl\:focus\:from-gray-900:focus { + .\32xl\:from-gray-900 { --gradient-from-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .\32xl\:focus\:from-red-50:focus { + .\32xl\:from-red-50 { --gradient-from-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .\32xl\:focus\:from-red-100:focus { + .\32xl\:from-red-100 { --gradient-from-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .\32xl\:focus\:from-red-200:focus { + .\32xl\:from-red-200 { --gradient-from-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .\32xl\:focus\:from-red-300:focus { + .\32xl\:from-red-300 { --gradient-from-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .\32xl\:focus\:from-red-400:focus { + .\32xl\:from-red-400 { --gradient-from-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .\32xl\:focus\:from-red-500:focus { + .\32xl\:from-red-500 { --gradient-from-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .\32xl\:focus\:from-red-600:focus { + .\32xl\:from-red-600 { --gradient-from-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .\32xl\:focus\:from-red-700:focus { + .\32xl\:from-red-700 { --gradient-from-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .\32xl\:focus\:from-red-800:focus { + .\32xl\:from-red-800 { --gradient-from-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .\32xl\:focus\:from-red-900:focus { + .\32xl\:from-red-900 { --gradient-from-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .\32xl\:focus\:from-yellow-50:focus { + .\32xl\:from-yellow-50 { --gradient-from-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .\32xl\:focus\:from-yellow-100:focus { + .\32xl\:from-yellow-100 { --gradient-from-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .\32xl\:focus\:from-yellow-200:focus { + .\32xl\:from-yellow-200 { --gradient-from-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .\32xl\:focus\:from-yellow-300:focus { + .\32xl\:from-yellow-300 { --gradient-from-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .\32xl\:focus\:from-yellow-400:focus { + .\32xl\:from-yellow-400 { --gradient-from-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .\32xl\:focus\:from-yellow-500:focus { + .\32xl\:from-yellow-500 { --gradient-from-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .\32xl\:focus\:from-yellow-600:focus { + .\32xl\:from-yellow-600 { --gradient-from-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .\32xl\:focus\:from-yellow-700:focus { + .\32xl\:from-yellow-700 { --gradient-from-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .\32xl\:focus\:from-yellow-800:focus { + .\32xl\:from-yellow-800 { --gradient-from-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .\32xl\:focus\:from-yellow-900:focus { + .\32xl\:from-yellow-900 { --gradient-from-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .\32xl\:focus\:from-green-50:focus { + .\32xl\:from-green-50 { --gradient-from-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .\32xl\:focus\:from-green-100:focus { + .\32xl\:from-green-100 { --gradient-from-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .\32xl\:focus\:from-green-200:focus { + .\32xl\:from-green-200 { --gradient-from-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .\32xl\:focus\:from-green-300:focus { + .\32xl\:from-green-300 { --gradient-from-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .\32xl\:focus\:from-green-400:focus { + .\32xl\:from-green-400 { --gradient-from-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .\32xl\:focus\:from-green-500:focus { + .\32xl\:from-green-500 { --gradient-from-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .\32xl\:focus\:from-green-600:focus { + .\32xl\:from-green-600 { --gradient-from-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .\32xl\:focus\:from-green-700:focus { + .\32xl\:from-green-700 { --gradient-from-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .\32xl\:focus\:from-green-800:focus { + .\32xl\:from-green-800 { --gradient-from-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .\32xl\:focus\:from-green-900:focus { + .\32xl\:from-green-900 { --gradient-from-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .\32xl\:focus\:from-blue-50:focus { + .\32xl\:from-blue-50 { --gradient-from-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .\32xl\:focus\:from-blue-100:focus { + .\32xl\:from-blue-100 { --gradient-from-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .\32xl\:focus\:from-blue-200:focus { + .\32xl\:from-blue-200 { --gradient-from-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .\32xl\:focus\:from-blue-300:focus { + .\32xl\:from-blue-300 { --gradient-from-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .\32xl\:focus\:from-blue-400:focus { + .\32xl\:from-blue-400 { --gradient-from-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .\32xl\:focus\:from-blue-500:focus { + .\32xl\:from-blue-500 { --gradient-from-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .\32xl\:focus\:from-blue-600:focus { + .\32xl\:from-blue-600 { --gradient-from-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .\32xl\:focus\:from-blue-700:focus { + .\32xl\:from-blue-700 { --gradient-from-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .\32xl\:focus\:from-blue-800:focus { + .\32xl\:from-blue-800 { --gradient-from-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .\32xl\:focus\:from-blue-900:focus { + .\32xl\:from-blue-900 { --gradient-from-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .\32xl\:focus\:from-purple-50:focus { + .\32xl\:from-purple-50 { --gradient-from-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .\32xl\:focus\:from-purple-100:focus { + .\32xl\:from-purple-100 { --gradient-from-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .\32xl\:focus\:from-purple-200:focus { + .\32xl\:from-purple-200 { --gradient-from-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .\32xl\:focus\:from-purple-300:focus { + .\32xl\:from-purple-300 { --gradient-from-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .\32xl\:focus\:from-purple-400:focus { + .\32xl\:from-purple-400 { --gradient-from-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .\32xl\:focus\:from-purple-500:focus { + .\32xl\:from-purple-500 { --gradient-from-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .\32xl\:focus\:from-purple-600:focus { + .\32xl\:from-purple-600 { --gradient-from-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .\32xl\:focus\:from-purple-700:focus { + .\32xl\:from-purple-700 { --gradient-from-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .\32xl\:focus\:from-purple-800:focus { + .\32xl\:from-purple-800 { --gradient-from-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .\32xl\:focus\:from-purple-900:focus { + .\32xl\:from-purple-900 { --gradient-from-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .\32xl\:focus\:from-pink-50:focus { + .\32xl\:from-pink-50 { --gradient-from-color: #fdf2f8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); } - .\32xl\:focus\:from-pink-100:focus { + .\32xl\:from-pink-100 { --gradient-from-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .\32xl\:focus\:from-pink-200:focus { + .\32xl\:from-pink-200 { --gradient-from-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .\32xl\:focus\:from-pink-300:focus { + .\32xl\:from-pink-300 { --gradient-from-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .\32xl\:focus\:from-pink-400:focus { + .\32xl\:from-pink-400 { --gradient-from-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .\32xl\:focus\:from-pink-500:focus { + .\32xl\:from-pink-500 { --gradient-from-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .\32xl\:focus\:from-pink-600:focus { + .\32xl\:from-pink-600 { --gradient-from-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .\32xl\:focus\:from-pink-700:focus { + .\32xl\:from-pink-700 { --gradient-from-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .\32xl\:focus\:from-pink-800:focus { + .\32xl\:from-pink-800 { --gradient-from-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .\32xl\:focus\:from-pink-900:focus { + .\32xl\:from-pink-900 { --gradient-from-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .\32xl\:focus\:via-transparent:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-current:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-black:focus { + .\32xl\:via-black { --gradient-via-color: #000; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); } - .\32xl\:focus\:via-white:focus { + .\32xl\:via-white { --gradient-via-color: #fff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); } - .\32xl\:focus\:via-gray-50:focus { + .\32xl\:via-gray-50 { --gradient-via-color: #fafafa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); } - .\32xl\:focus\:via-gray-100:focus { + .\32xl\:via-gray-100 { --gradient-via-color: #f4f4f5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); } - .\32xl\:focus\:via-gray-200:focus { + .\32xl\:via-gray-200 { --gradient-via-color: #e4e4e7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); } - .\32xl\:focus\:via-gray-300:focus { + .\32xl\:via-gray-300 { --gradient-via-color: #d4d4d8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); } - .\32xl\:focus\:via-gray-400:focus { + .\32xl\:via-gray-400 { --gradient-via-color: #a1a1aa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); } - .\32xl\:focus\:via-gray-500:focus { + .\32xl\:via-gray-500 { --gradient-via-color: #71717a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); } - .\32xl\:focus\:via-gray-600:focus { + .\32xl\:via-gray-600 { --gradient-via-color: #52525b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); } - .\32xl\:focus\:via-gray-700:focus { + .\32xl\:via-gray-700 { --gradient-via-color: #3f3f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); } - .\32xl\:focus\:via-gray-800:focus { + .\32xl\:via-gray-800 { --gradient-via-color: #27272a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); } - .\32xl\:focus\:via-gray-900:focus { + .\32xl\:via-gray-900 { --gradient-via-color: #18181b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); } - .\32xl\:focus\:via-red-50:focus { + .\32xl\:via-red-50 { --gradient-via-color: #fef2f2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); } - .\32xl\:focus\:via-red-100:focus { + .\32xl\:via-red-100 { --gradient-via-color: #fee2e2; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); } - .\32xl\:focus\:via-red-200:focus { + .\32xl\:via-red-200 { --gradient-via-color: #fecaca; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); } - .\32xl\:focus\:via-red-300:focus { + .\32xl\:via-red-300 { --gradient-via-color: #fca5a5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); } - .\32xl\:focus\:via-red-400:focus { + .\32xl\:via-red-400 { --gradient-via-color: #f87171; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); } - .\32xl\:focus\:via-red-500:focus { + .\32xl\:via-red-500 { --gradient-via-color: #ef4444; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); } - .\32xl\:focus\:via-red-600:focus { + .\32xl\:via-red-600 { --gradient-via-color: #dc2626; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); } - .\32xl\:focus\:via-red-700:focus { + .\32xl\:via-red-700 { --gradient-via-color: #b91c1c; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); } - .\32xl\:focus\:via-red-800:focus { + .\32xl\:via-red-800 { --gradient-via-color: #991b1b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); } - .\32xl\:focus\:via-red-900:focus { + .\32xl\:via-red-900 { --gradient-via-color: #7f1d1d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); } - .\32xl\:focus\:via-yellow-50:focus { + .\32xl\:via-yellow-50 { --gradient-via-color: #fffbeb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); } - .\32xl\:focus\:via-yellow-100:focus { + .\32xl\:via-yellow-100 { --gradient-via-color: #fef3c7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); } - .\32xl\:focus\:via-yellow-200:focus { + .\32xl\:via-yellow-200 { --gradient-via-color: #fde68a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); } - .\32xl\:focus\:via-yellow-300:focus { + .\32xl\:via-yellow-300 { --gradient-via-color: #fcd34d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); } - .\32xl\:focus\:via-yellow-400:focus { + .\32xl\:via-yellow-400 { --gradient-via-color: #fbbf24; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); } - .\32xl\:focus\:via-yellow-500:focus { + .\32xl\:via-yellow-500 { --gradient-via-color: #f59e0b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); } - .\32xl\:focus\:via-yellow-600:focus { + .\32xl\:via-yellow-600 { --gradient-via-color: #d97706; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); } - .\32xl\:focus\:via-yellow-700:focus { + .\32xl\:via-yellow-700 { --gradient-via-color: #b45309; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); } - .\32xl\:focus\:via-yellow-800:focus { + .\32xl\:via-yellow-800 { --gradient-via-color: #92400e; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); } - .\32xl\:focus\:via-yellow-900:focus { + .\32xl\:via-yellow-900 { --gradient-via-color: #78350f; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); } - .\32xl\:focus\:via-green-50:focus { + .\32xl\:via-green-50 { --gradient-via-color: #ecfdf5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); } - .\32xl\:focus\:via-green-100:focus { + .\32xl\:via-green-100 { --gradient-via-color: #d1fae5; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); } - .\32xl\:focus\:via-green-200:focus { + .\32xl\:via-green-200 { --gradient-via-color: #a7f3d0; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); } - .\32xl\:focus\:via-green-300:focus { + .\32xl\:via-green-300 { --gradient-via-color: #6ee7b7; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); } - .\32xl\:focus\:via-green-400:focus { + .\32xl\:via-green-400 { --gradient-via-color: #34d399; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); } - .\32xl\:focus\:via-green-500:focus { + .\32xl\:via-green-500 { --gradient-via-color: #10b981; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); } - .\32xl\:focus\:via-green-600:focus { + .\32xl\:via-green-600 { --gradient-via-color: #059669; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); } - .\32xl\:focus\:via-green-700:focus { + .\32xl\:via-green-700 { --gradient-via-color: #047857; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); } - .\32xl\:focus\:via-green-800:focus { + .\32xl\:via-green-800 { --gradient-via-color: #065f46; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); } - .\32xl\:focus\:via-green-900:focus { + .\32xl\:via-green-900 { --gradient-via-color: #064e3b; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); } - .\32xl\:focus\:via-blue-50:focus { + .\32xl\:via-blue-50 { --gradient-via-color: #eff6ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); } - .\32xl\:focus\:via-blue-100:focus { + .\32xl\:via-blue-100 { --gradient-via-color: #dbeafe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); } - .\32xl\:focus\:via-blue-200:focus { + .\32xl\:via-blue-200 { --gradient-via-color: #bfdbfe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); } - .\32xl\:focus\:via-blue-300:focus { + .\32xl\:via-blue-300 { --gradient-via-color: #93c5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); } - .\32xl\:focus\:via-blue-400:focus { + .\32xl\:via-blue-400 { --gradient-via-color: #60a5fa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); } - .\32xl\:focus\:via-blue-500:focus { + .\32xl\:via-blue-500 { --gradient-via-color: #3b82f6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); } - .\32xl\:focus\:via-blue-600:focus { + .\32xl\:via-blue-600 { --gradient-via-color: #2563eb; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); } - .\32xl\:focus\:via-blue-700:focus { + .\32xl\:via-blue-700 { --gradient-via-color: #1d4ed8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); } - .\32xl\:focus\:via-blue-800:focus { + .\32xl\:via-blue-800 { --gradient-via-color: #1e40af; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); } - .\32xl\:focus\:via-blue-900:focus { + .\32xl\:via-blue-900 { --gradient-via-color: #1e3a8a; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); } - .\32xl\:focus\:via-purple-50:focus { + .\32xl\:via-purple-50 { --gradient-via-color: #f5f3ff; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); } - .\32xl\:focus\:via-purple-100:focus { + .\32xl\:via-purple-100 { --gradient-via-color: #ede9fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); } - .\32xl\:focus\:via-purple-200:focus { + .\32xl\:via-purple-200 { --gradient-via-color: #ddd6fe; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); } - .\32xl\:focus\:via-purple-300:focus { + .\32xl\:via-purple-300 { --gradient-via-color: #c4b5fd; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); } - .\32xl\:focus\:via-purple-400:focus { + .\32xl\:via-purple-400 { --gradient-via-color: #a78bfa; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); } - .\32xl\:focus\:via-purple-500:focus { + .\32xl\:via-purple-500 { --gradient-via-color: #8b5cf6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); } - .\32xl\:focus\:via-purple-600:focus { + .\32xl\:via-purple-600 { --gradient-via-color: #7c3aed; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); } - .\32xl\:focus\:via-purple-700:focus { + .\32xl\:via-purple-700 { --gradient-via-color: #6d28d9; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); } - .\32xl\:focus\:via-purple-800:focus { + .\32xl\:via-purple-800 { --gradient-via-color: #5b21b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); } - .\32xl\:focus\:via-purple-900:focus { + .\32xl\:via-purple-900 { --gradient-via-color: #4c1d95; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); } - .\32xl\:focus\:via-pink-50:focus { + .\32xl\: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)); } - .\32xl\:focus\:via-pink-100:focus { + .\32xl\:via-pink-100 { --gradient-via-color: #fce7f3; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); } - .\32xl\:focus\:via-pink-200:focus { + .\32xl\:via-pink-200 { --gradient-via-color: #fbcfe8; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); } - .\32xl\:focus\:via-pink-300:focus { + .\32xl\:via-pink-300 { --gradient-via-color: #f9a8d4; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); } - .\32xl\:focus\:via-pink-400:focus { + .\32xl\:via-pink-400 { --gradient-via-color: #f472b6; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); } - .\32xl\:focus\:via-pink-500:focus { + .\32xl\:via-pink-500 { --gradient-via-color: #ec4899; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); } - .\32xl\:focus\:via-pink-600:focus { + .\32xl\:via-pink-600 { --gradient-via-color: #db2777; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); } - .\32xl\:focus\:via-pink-700:focus { + .\32xl\:via-pink-700 { --gradient-via-color: #be185d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); } - .\32xl\:focus\:via-pink-800:focus { + .\32xl\:via-pink-800 { --gradient-via-color: #9d174d; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); } - .\32xl\:focus\:via-pink-900:focus { + .\32xl\:via-pink-900 { --gradient-via-color: #831843; --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); } - .\32xl\:focus\:to-transparent:focus { + .\32xl\:to-transparent { --gradient-to-color: transparent; } - .\32xl\:focus\:to-current:focus { + .\32xl\:to-current { --gradient-to-color: currentColor; } - .\32xl\:focus\:to-black:focus { + .\32xl\:to-black { --gradient-to-color: #000; } - .\32xl\:focus\:to-white:focus { + .\32xl\:to-white { --gradient-to-color: #fff; } - .\32xl\:focus\:to-gray-50:focus { + .\32xl\:to-gray-50 { --gradient-to-color: #fafafa; } - .\32xl\:focus\:to-gray-100:focus { + .\32xl\:to-gray-100 { --gradient-to-color: #f4f4f5; } - .\32xl\:focus\:to-gray-200:focus { + .\32xl\:to-gray-200 { --gradient-to-color: #e4e4e7; } - .\32xl\:focus\:to-gray-300:focus { + .\32xl\:to-gray-300 { --gradient-to-color: #d4d4d8; } - .\32xl\:focus\:to-gray-400:focus { + .\32xl\:to-gray-400 { --gradient-to-color: #a1a1aa; } - .\32xl\:focus\:to-gray-500:focus { + .\32xl\:to-gray-500 { --gradient-to-color: #71717a; } - .\32xl\:focus\:to-gray-600:focus { + .\32xl\:to-gray-600 { --gradient-to-color: #52525b; } - .\32xl\:focus\:to-gray-700:focus { + .\32xl\:to-gray-700 { --gradient-to-color: #3f3f46; } - .\32xl\:focus\:to-gray-800:focus { + .\32xl\:to-gray-800 { --gradient-to-color: #27272a; } - .\32xl\:focus\:to-gray-900:focus { + .\32xl\:to-gray-900 { --gradient-to-color: #18181b; } - .\32xl\:focus\:to-red-50:focus { + .\32xl\:to-red-50 { --gradient-to-color: #fef2f2; } - .\32xl\:focus\:to-red-100:focus { + .\32xl\:to-red-100 { --gradient-to-color: #fee2e2; } - .\32xl\:focus\:to-red-200:focus { + .\32xl\:to-red-200 { --gradient-to-color: #fecaca; } - .\32xl\:focus\:to-red-300:focus { + .\32xl\:to-red-300 { --gradient-to-color: #fca5a5; } - .\32xl\:focus\:to-red-400:focus { + .\32xl\:to-red-400 { --gradient-to-color: #f87171; } - .\32xl\:focus\:to-red-500:focus { + .\32xl\:to-red-500 { --gradient-to-color: #ef4444; } - .\32xl\:focus\:to-red-600:focus { + .\32xl\:to-red-600 { --gradient-to-color: #dc2626; } - .\32xl\:focus\:to-red-700:focus { + .\32xl\:to-red-700 { --gradient-to-color: #b91c1c; } - .\32xl\:focus\:to-red-800:focus { + .\32xl\:to-red-800 { --gradient-to-color: #991b1b; } - .\32xl\:focus\:to-red-900:focus { + .\32xl\:to-red-900 { --gradient-to-color: #7f1d1d; } - .\32xl\:focus\:to-yellow-50:focus { + .\32xl\:to-yellow-50 { --gradient-to-color: #fffbeb; } - .\32xl\:focus\:to-yellow-100:focus { + .\32xl\:to-yellow-100 { --gradient-to-color: #fef3c7; } - .\32xl\:focus\:to-yellow-200:focus { + .\32xl\:to-yellow-200 { --gradient-to-color: #fde68a; } - .\32xl\:focus\:to-yellow-300:focus { + .\32xl\:to-yellow-300 { --gradient-to-color: #fcd34d; } - .\32xl\:focus\:to-yellow-400:focus { + .\32xl\:to-yellow-400 { --gradient-to-color: #fbbf24; } - .\32xl\:focus\:to-yellow-500:focus { + .\32xl\:to-yellow-500 { --gradient-to-color: #f59e0b; } - .\32xl\:focus\:to-yellow-600:focus { + .\32xl\:to-yellow-600 { --gradient-to-color: #d97706; } - .\32xl\:focus\:to-yellow-700:focus { + .\32xl\:to-yellow-700 { --gradient-to-color: #b45309; } - .\32xl\:focus\:to-yellow-800:focus { + .\32xl\:to-yellow-800 { --gradient-to-color: #92400e; } - .\32xl\:focus\:to-yellow-900:focus { + .\32xl\:to-yellow-900 { --gradient-to-color: #78350f; } - .\32xl\:focus\:to-green-50:focus { + .\32xl\:to-green-50 { --gradient-to-color: #ecfdf5; } - .\32xl\:focus\:to-green-100:focus { + .\32xl\:to-green-100 { --gradient-to-color: #d1fae5; } - .\32xl\:focus\:to-green-200:focus { + .\32xl\:to-green-200 { --gradient-to-color: #a7f3d0; } - .\32xl\:focus\:to-green-300:focus { + .\32xl\:to-green-300 { --gradient-to-color: #6ee7b7; } - .\32xl\:focus\:to-green-400:focus { + .\32xl\:to-green-400 { --gradient-to-color: #34d399; } - .\32xl\:focus\:to-green-500:focus { + .\32xl\:to-green-500 { --gradient-to-color: #10b981; } - .\32xl\:focus\:to-green-600:focus { + .\32xl\:to-green-600 { --gradient-to-color: #059669; } - .\32xl\:focus\:to-green-700:focus { + .\32xl\:to-green-700 { --gradient-to-color: #047857; } - .\32xl\:focus\:to-green-800:focus { + .\32xl\:to-green-800 { --gradient-to-color: #065f46; } - .\32xl\:focus\:to-green-900:focus { + .\32xl\:to-green-900 { --gradient-to-color: #064e3b; } - .\32xl\:focus\:to-blue-50:focus { + .\32xl\:to-blue-50 { --gradient-to-color: #eff6ff; } - .\32xl\:focus\:to-blue-100:focus { + .\32xl\:to-blue-100 { --gradient-to-color: #dbeafe; } - .\32xl\:focus\:to-blue-200:focus { + .\32xl\:to-blue-200 { --gradient-to-color: #bfdbfe; } - .\32xl\:focus\:to-blue-300:focus { + .\32xl\:to-blue-300 { --gradient-to-color: #93c5fd; } - .\32xl\:focus\:to-blue-400:focus { + .\32xl\:to-blue-400 { --gradient-to-color: #60a5fa; } - .\32xl\:focus\:to-blue-500:focus { + .\32xl\:to-blue-500 { --gradient-to-color: #3b82f6; } - .\32xl\:focus\:to-blue-600:focus { + .\32xl\:to-blue-600 { --gradient-to-color: #2563eb; } - .\32xl\:focus\:to-blue-700:focus { + .\32xl\:to-blue-700 { --gradient-to-color: #1d4ed8; } - .\32xl\:focus\:to-blue-800:focus { + .\32xl\:to-blue-800 { --gradient-to-color: #1e40af; } - .\32xl\:focus\:to-blue-900:focus { + .\32xl\:to-blue-900 { --gradient-to-color: #1e3a8a; } - .\32xl\:focus\:to-purple-50:focus { + .\32xl\:to-purple-50 { --gradient-to-color: #f5f3ff; } - .\32xl\:focus\:to-purple-100:focus { + .\32xl\:to-purple-100 { --gradient-to-color: #ede9fe; } - .\32xl\:focus\:to-purple-200:focus { + .\32xl\:to-purple-200 { --gradient-to-color: #ddd6fe; } - .\32xl\:focus\:to-purple-300:focus { + .\32xl\:to-purple-300 { --gradient-to-color: #c4b5fd; } - .\32xl\:focus\:to-purple-400:focus { + .\32xl\:to-purple-400 { --gradient-to-color: #a78bfa; } - .\32xl\:focus\:to-purple-500:focus { + .\32xl\:to-purple-500 { --gradient-to-color: #8b5cf6; } - .\32xl\:focus\:to-purple-600:focus { + .\32xl\:to-purple-600 { --gradient-to-color: #7c3aed; } - .\32xl\:focus\:to-purple-700:focus { + .\32xl\:to-purple-700 { --gradient-to-color: #6d28d9; } - .\32xl\:focus\:to-purple-800:focus { + .\32xl\:to-purple-800 { --gradient-to-color: #5b21b6; } - .\32xl\:focus\:to-purple-900:focus { + .\32xl\:to-purple-900 { --gradient-to-color: #4c1d95; } - .\32xl\:focus\:to-pink-50:focus { + .\32xl\:to-pink-50 { --gradient-to-color: #fdf2f8; } - .\32xl\:focus\:to-pink-100:focus { + .\32xl\:to-pink-100 { --gradient-to-color: #fce7f3; } - .\32xl\:focus\:to-pink-200:focus { + .\32xl\:to-pink-200 { --gradient-to-color: #fbcfe8; } - .\32xl\:focus\:to-pink-300:focus { + .\32xl\:to-pink-300 { --gradient-to-color: #f9a8d4; } - .\32xl\:focus\:to-pink-400:focus { + .\32xl\:to-pink-400 { --gradient-to-color: #f472b6; } - .\32xl\:focus\:to-pink-500:focus { + .\32xl\:to-pink-500 { --gradient-to-color: #ec4899; } - .\32xl\:focus\:to-pink-600:focus { + .\32xl\:to-pink-600 { --gradient-to-color: #db2777; } - .\32xl\:focus\:to-pink-700:focus { + .\32xl\:to-pink-700 { --gradient-to-color: #be185d; } - .\32xl\:focus\:to-pink-800:focus { + .\32xl\:to-pink-800 { --gradient-to-color: #9d174d; } - .\32xl\:focus\:to-pink-900:focus { + .\32xl\:to-pink-900 { --gradient-to-color: #831843; } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:from-transparent { - --gradient-from-color: transparent; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:from-current { - --gradient-from-color: currentColor; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:from-black { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:from-white { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:from-gray-50 { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .\32xl\:dark\:from-gray-100 { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .\32xl\:dark\:from-gray-200 { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .\32xl\:dark\:from-gray-300 { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .\32xl\:dark\:from-gray-400 { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .\32xl\:dark\:from-gray-500 { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .\32xl\:dark\:from-gray-600 { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .\32xl\:dark\:from-gray-700 { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .\32xl\:dark\:from-gray-800 { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .\32xl\:dark\:from-gray-900 { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .\32xl\:dark\:from-red-50 { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .\32xl\:dark\:from-red-100 { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .\32xl\:dark\:from-red-200 { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .\32xl\:dark\:from-red-300 { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .\32xl\:dark\:from-red-400 { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .\32xl\:dark\:from-red-500 { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .\32xl\:dark\:from-red-600 { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .\32xl\:dark\:from-red-700 { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .\32xl\:dark\:from-red-800 { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .\32xl\:dark\:from-red-900 { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .\32xl\:dark\:from-yellow-50 { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .\32xl\:dark\:from-yellow-100 { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .\32xl\:dark\:from-yellow-200 { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .\32xl\:dark\:from-yellow-300 { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .\32xl\:dark\:from-yellow-400 { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .\32xl\:dark\:from-yellow-500 { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .\32xl\:dark\:from-yellow-600 { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .\32xl\:dark\:from-yellow-700 { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .\32xl\:dark\:from-yellow-800 { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .\32xl\:dark\:from-yellow-900 { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .\32xl\:dark\:from-green-50 { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .\32xl\:dark\:from-green-100 { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .\32xl\:dark\:from-green-200 { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .\32xl\:dark\:from-green-300 { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .\32xl\:dark\:from-green-400 { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .\32xl\:dark\:from-green-500 { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .\32xl\:dark\:from-green-600 { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .\32xl\:dark\:from-green-700 { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .\32xl\:dark\:from-green-800 { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .\32xl\:dark\:from-green-900 { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .\32xl\:dark\:from-blue-50 { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .\32xl\:dark\:from-blue-100 { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .\32xl\:dark\:from-blue-200 { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .\32xl\:dark\:from-blue-300 { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .\32xl\:dark\:from-blue-400 { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .\32xl\:dark\:from-blue-500 { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .\32xl\:dark\:from-blue-600 { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .\32xl\:dark\:from-blue-700 { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .\32xl\:dark\:from-blue-800 { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .\32xl\:dark\:from-blue-900 { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .\32xl\:dark\:from-purple-50 { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .\32xl\:dark\:from-purple-100 { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .\32xl\:dark\:from-purple-200 { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .\32xl\:dark\:from-purple-300 { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .\32xl\:dark\:from-purple-400 { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .\32xl\:dark\:from-purple-500 { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .\32xl\:dark\:from-purple-600 { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .\32xl\:dark\:from-purple-700 { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .\32xl\:dark\:from-purple-800 { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .\32xl\:dark\:from-purple-900 { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .\32xl\:dark\:from-pink-50 { - --gradient-from-color: #fdf2f8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0)); - } - - .\32xl\:dark\:from-pink-100 { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .\32xl\:dark\:from-pink-200 { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .\32xl\:dark\:from-pink-300 { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .\32xl\:dark\:from-pink-400 { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .\32xl\:dark\:from-pink-500 { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .\32xl\:dark\:from-pink-600 { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .\32xl\:dark\:from-pink-700 { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .\32xl\:dark\:from-pink-800 { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .\32xl\:dark\:from-pink-900 { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .\32xl\: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)); - } - - .\32xl\: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)); - } - - .\32xl\:dark\:via-black { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } - - .\32xl\:dark\:via-white { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } - - .\32xl\:dark\:via-gray-50 { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } - - .\32xl\:dark\:via-gray-100 { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } - - .\32xl\:dark\:via-gray-200 { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } - - .\32xl\:dark\:via-gray-300 { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } - - .\32xl\:dark\:via-gray-400 { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } - - .\32xl\:dark\:via-gray-500 { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } - - .\32xl\:dark\:via-gray-600 { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } - - .\32xl\:dark\:via-gray-700 { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } - - .\32xl\:dark\:via-gray-800 { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } - - .\32xl\:dark\:via-gray-900 { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } - - .\32xl\:dark\:via-red-50 { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } - - .\32xl\:dark\:via-red-100 { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } - - .\32xl\:dark\:via-red-200 { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } - - .\32xl\:dark\:via-red-300 { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } - - .\32xl\:dark\:via-red-400 { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } - - .\32xl\:dark\:via-red-500 { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } - - .\32xl\:dark\:via-red-600 { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } - - .\32xl\:dark\:via-red-700 { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } - - .\32xl\:dark\:via-red-800 { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } - - .\32xl\:dark\:via-red-900 { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } - - .\32xl\:dark\:via-yellow-50 { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } - - .\32xl\:dark\:via-yellow-100 { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } - - .\32xl\:dark\:via-yellow-200 { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } - - .\32xl\:dark\:via-yellow-300 { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } - - .\32xl\:dark\:via-yellow-400 { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } - - .\32xl\:dark\:via-yellow-500 { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } - - .\32xl\:dark\:via-yellow-600 { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } - - .\32xl\:dark\:via-yellow-700 { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } - - .\32xl\:dark\:via-yellow-800 { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } - - .\32xl\:dark\:via-yellow-900 { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } - - .\32xl\:dark\:via-green-50 { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } - - .\32xl\:dark\:via-green-100 { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } - - .\32xl\:dark\:via-green-200 { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } - - .\32xl\:dark\:via-green-300 { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } - - .\32xl\:dark\:via-green-400 { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } - - .\32xl\:dark\:via-green-500 { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } - - .\32xl\:dark\:via-green-600 { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } - - .\32xl\:dark\:via-green-700 { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } - - .\32xl\:dark\:via-green-800 { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } - - .\32xl\:dark\:via-green-900 { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } - - .\32xl\:dark\:via-blue-50 { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } - - .\32xl\:dark\:via-blue-100 { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } - - .\32xl\:dark\:via-blue-200 { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } - - .\32xl\:dark\:via-blue-300 { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } - - .\32xl\:dark\:via-blue-400 { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } - - .\32xl\:dark\:via-blue-500 { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } - - .\32xl\:dark\:via-blue-600 { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } - - .\32xl\:dark\:via-blue-700 { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } - - .\32xl\:dark\:via-blue-800 { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } - - .\32xl\:dark\:via-blue-900 { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } - - .\32xl\:dark\:via-purple-50 { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } - - .\32xl\:dark\:via-purple-100 { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } - - .\32xl\:dark\:via-purple-200 { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } - - .\32xl\:dark\:via-purple-300 { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } - - .\32xl\:dark\:via-purple-400 { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } - - .\32xl\:dark\:via-purple-500 { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } - - .\32xl\:dark\:via-purple-600 { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } - - .\32xl\:dark\:via-purple-700 { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } - - .\32xl\:dark\:via-purple-800 { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } - - .\32xl\:dark\:via-purple-900 { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } - - .\32xl\: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)); - } - - .\32xl\:dark\:via-pink-100 { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } - - .\32xl\:dark\:via-pink-200 { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } - - .\32xl\:dark\:via-pink-300 { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } - - .\32xl\:dark\:via-pink-400 { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } - - .\32xl\:dark\:via-pink-500 { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } - - .\32xl\:dark\:via-pink-600 { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } - - .\32xl\:dark\:via-pink-700 { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } - - .\32xl\:dark\:via-pink-800 { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } - - .\32xl\:dark\:via-pink-900 { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } - - .\32xl\:dark\:to-transparent { - --gradient-to-color: transparent; - } - - .\32xl\:dark\:to-current { - --gradient-to-color: currentColor; - } - - .\32xl\:dark\:to-black { - --gradient-to-color: #000; - } - - .\32xl\:dark\:to-white { - --gradient-to-color: #fff; - } - - .\32xl\:dark\:to-gray-50 { - --gradient-to-color: #fafafa; - } - - .\32xl\:dark\:to-gray-100 { - --gradient-to-color: #f4f4f5; - } - - .\32xl\:dark\:to-gray-200 { - --gradient-to-color: #e4e4e7; - } - - .\32xl\:dark\:to-gray-300 { - --gradient-to-color: #d4d4d8; - } - - .\32xl\:dark\:to-gray-400 { - --gradient-to-color: #a1a1aa; - } - - .\32xl\:dark\:to-gray-500 { - --gradient-to-color: #71717a; - } - - .\32xl\:dark\:to-gray-600 { - --gradient-to-color: #52525b; - } - - .\32xl\:dark\:to-gray-700 { - --gradient-to-color: #3f3f46; - } - - .\32xl\:dark\:to-gray-800 { - --gradient-to-color: #27272a; - } - - .\32xl\:dark\:to-gray-900 { - --gradient-to-color: #18181b; - } - - .\32xl\:dark\:to-red-50 { - --gradient-to-color: #fef2f2; - } - - .\32xl\:dark\:to-red-100 { - --gradient-to-color: #fee2e2; - } - - .\32xl\:dark\:to-red-200 { - --gradient-to-color: #fecaca; - } - - .\32xl\:dark\:to-red-300 { - --gradient-to-color: #fca5a5; - } - - .\32xl\:dark\:to-red-400 { - --gradient-to-color: #f87171; - } - - .\32xl\:dark\:to-red-500 { - --gradient-to-color: #ef4444; - } - - .\32xl\:dark\:to-red-600 { - --gradient-to-color: #dc2626; - } - - .\32xl\:dark\:to-red-700 { - --gradient-to-color: #b91c1c; - } - - .\32xl\:dark\:to-red-800 { - --gradient-to-color: #991b1b; - } - - .\32xl\:dark\:to-red-900 { - --gradient-to-color: #7f1d1d; - } - - .\32xl\:dark\:to-yellow-50 { - --gradient-to-color: #fffbeb; - } - - .\32xl\:dark\:to-yellow-100 { - --gradient-to-color: #fef3c7; - } - - .\32xl\:dark\:to-yellow-200 { - --gradient-to-color: #fde68a; - } - - .\32xl\:dark\:to-yellow-300 { - --gradient-to-color: #fcd34d; - } - - .\32xl\:dark\:to-yellow-400 { - --gradient-to-color: #fbbf24; - } - - .\32xl\:dark\:to-yellow-500 { - --gradient-to-color: #f59e0b; - } - - .\32xl\:dark\:to-yellow-600 { - --gradient-to-color: #d97706; - } - - .\32xl\:dark\:to-yellow-700 { - --gradient-to-color: #b45309; - } - - .\32xl\:dark\:to-yellow-800 { - --gradient-to-color: #92400e; - } - - .\32xl\:dark\:to-yellow-900 { - --gradient-to-color: #78350f; - } - - .\32xl\:dark\:to-green-50 { - --gradient-to-color: #ecfdf5; - } - - .\32xl\:dark\:to-green-100 { - --gradient-to-color: #d1fae5; - } - - .\32xl\:dark\:to-green-200 { - --gradient-to-color: #a7f3d0; - } - - .\32xl\:dark\:to-green-300 { - --gradient-to-color: #6ee7b7; - } - - .\32xl\:dark\:to-green-400 { - --gradient-to-color: #34d399; - } - - .\32xl\:dark\:to-green-500 { - --gradient-to-color: #10b981; - } - - .\32xl\:dark\:to-green-600 { - --gradient-to-color: #059669; - } - - .\32xl\:dark\:to-green-700 { - --gradient-to-color: #047857; - } - - .\32xl\:dark\:to-green-800 { - --gradient-to-color: #065f46; - } - - .\32xl\:dark\:to-green-900 { - --gradient-to-color: #064e3b; - } - - .\32xl\:dark\:to-blue-50 { - --gradient-to-color: #eff6ff; - } - - .\32xl\:dark\:to-blue-100 { - --gradient-to-color: #dbeafe; - } - - .\32xl\:dark\:to-blue-200 { - --gradient-to-color: #bfdbfe; - } - - .\32xl\:dark\:to-blue-300 { - --gradient-to-color: #93c5fd; - } - - .\32xl\:dark\:to-blue-400 { - --gradient-to-color: #60a5fa; - } - - .\32xl\:dark\:to-blue-500 { - --gradient-to-color: #3b82f6; - } - - .\32xl\:dark\:to-blue-600 { - --gradient-to-color: #2563eb; - } - - .\32xl\:dark\:to-blue-700 { - --gradient-to-color: #1d4ed8; - } - - .\32xl\:dark\:to-blue-800 { - --gradient-to-color: #1e40af; - } - - .\32xl\:dark\:to-blue-900 { - --gradient-to-color: #1e3a8a; - } - - .\32xl\:dark\:to-purple-50 { - --gradient-to-color: #f5f3ff; - } - - .\32xl\:dark\:to-purple-100 { - --gradient-to-color: #ede9fe; - } - - .\32xl\:dark\:to-purple-200 { - --gradient-to-color: #ddd6fe; - } - - .\32xl\:dark\:to-purple-300 { - --gradient-to-color: #c4b5fd; - } - - .\32xl\:dark\:to-purple-400 { - --gradient-to-color: #a78bfa; - } - - .\32xl\:dark\:to-purple-500 { - --gradient-to-color: #8b5cf6; - } - - .\32xl\:dark\:to-purple-600 { - --gradient-to-color: #7c3aed; - } - - .\32xl\:dark\:to-purple-700 { - --gradient-to-color: #6d28d9; - } - - .\32xl\:dark\:to-purple-800 { - --gradient-to-color: #5b21b6; - } - - .\32xl\:dark\:to-purple-900 { - --gradient-to-color: #4c1d95; - } - - .\32xl\:dark\:to-pink-50 { - --gradient-to-color: #fdf2f8; - } - - .\32xl\:dark\:to-pink-100 { - --gradient-to-color: #fce7f3; - } - - .\32xl\:dark\:to-pink-200 { - --gradient-to-color: #fbcfe8; - } - - .\32xl\:dark\:to-pink-300 { - --gradient-to-color: #f9a8d4; - } - - .\32xl\:dark\:to-pink-400 { - --gradient-to-color: #f472b6; - } - - .\32xl\:dark\:to-pink-500 { - --gradient-to-color: #ec4899; - } - - .\32xl\:dark\:to-pink-600 { - --gradient-to-color: #db2777; - } - - .\32xl\:dark\:to-pink-700 { - --gradient-to-color: #be185d; - } - - .\32xl\:dark\:to-pink-800 { - --gradient-to-color: #9d174d; - } - - .\32xl\:dark\:to-pink-900 { - --gradient-to-color: #831843; - } - - .\32xl\: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)); - } + .\32xl\:hover\:from-transparent:hover { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\: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)); - } + .\32xl\:hover\:from-current:hover { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:from-black:hover { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:hover\:from-black:hover { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:hover\:from-white:hover { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:hover\:from-white:hover { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:from-gray-50:hover { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:hover\:from-gray-50:hover { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:hover\:from-gray-100:hover { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:hover\:from-gray-100:hover { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:hover\:from-gray-200:hover { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:hover\:from-gray-200:hover { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:hover\:from-gray-300:hover { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:hover\:from-gray-300:hover { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:hover\:from-gray-400:hover { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:hover\:from-gray-400:hover { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:hover\:from-gray-500:hover { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:hover\:from-gray-500:hover { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:hover\:from-gray-600:hover { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:hover\:from-gray-600:hover { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:hover\:from-gray-700:hover { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:hover\:from-gray-700:hover { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:hover\:from-gray-800:hover { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:hover\:from-gray-800:hover { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:hover\:from-gray-900:hover { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:hover\:from-gray-900:hover { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:hover\:from-red-50:hover { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:hover\:from-red-50:hover { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:hover\:from-red-100:hover { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:hover\:from-red-100:hover { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:hover\:from-red-200:hover { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:hover\:from-red-200:hover { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:hover\:from-red-300:hover { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:hover\:from-red-300:hover { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:hover\:from-red-400:hover { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:hover\:from-red-400:hover { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:hover\:from-red-500:hover { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:hover\:from-red-500:hover { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:hover\:from-red-600:hover { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:hover\:from-red-600:hover { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:hover\:from-red-700:hover { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:hover\:from-red-700:hover { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:hover\:from-red-800:hover { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:hover\:from-red-800:hover { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:hover\:from-red-900:hover { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:hover\:from-red-900:hover { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:hover\:from-yellow-50:hover { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:hover\:from-yellow-50:hover { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:hover\:from-yellow-100:hover { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:hover\:from-yellow-100:hover { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:hover\:from-yellow-200:hover { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:hover\:from-yellow-200:hover { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:hover\:from-yellow-300:hover { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:hover\:from-yellow-300:hover { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:hover\:from-yellow-400:hover { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:hover\:from-yellow-400:hover { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:hover\:from-yellow-500:hover { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:hover\:from-yellow-500:hover { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:hover\:from-yellow-600:hover { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:hover\:from-yellow-600:hover { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:hover\:from-yellow-700:hover { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:hover\:from-yellow-700:hover { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:hover\:from-yellow-800:hover { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:hover\:from-yellow-800:hover { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:hover\:from-yellow-900:hover { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:hover\:from-yellow-900:hover { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:hover\:from-green-50:hover { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:hover\:from-green-50:hover { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:hover\:from-green-100:hover { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:hover\:from-green-100:hover { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:hover\:from-green-200:hover { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:hover\:from-green-200:hover { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:hover\:from-green-300:hover { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:hover\:from-green-300:hover { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:hover\:from-green-400:hover { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:hover\:from-green-400:hover { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:hover\:from-green-500:hover { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:hover\:from-green-500:hover { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:hover\:from-green-600:hover { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:hover\:from-green-600:hover { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:hover\:from-green-700:hover { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:hover\:from-green-700:hover { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:hover\:from-green-800:hover { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:hover\:from-green-800:hover { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:hover\:from-green-900:hover { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:hover\:from-green-900:hover { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:hover\:from-blue-50:hover { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:hover\:from-blue-50:hover { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:hover\:from-blue-100:hover { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:hover\:from-blue-100:hover { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:hover\:from-blue-200:hover { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:hover\:from-blue-200:hover { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:hover\:from-blue-300:hover { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:hover\:from-blue-300:hover { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:hover\:from-blue-400:hover { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:hover\:from-blue-400:hover { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:hover\:from-blue-500:hover { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:hover\:from-blue-500:hover { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:hover\:from-blue-600:hover { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:hover\:from-blue-600:hover { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:hover\:from-blue-700:hover { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:hover\:from-blue-700:hover { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:hover\:from-blue-800:hover { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:hover\:from-blue-800:hover { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:hover\:from-blue-900:hover { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:hover\:from-blue-900:hover { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:hover\:from-purple-50:hover { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:hover\:from-purple-50:hover { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:hover\:from-purple-100:hover { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:hover\:from-purple-100:hover { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:hover\:from-purple-200:hover { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:hover\:from-purple-200:hover { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:hover\:from-purple-300:hover { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:hover\:from-purple-300:hover { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:hover\:from-purple-400:hover { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:hover\:from-purple-400:hover { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:hover\:from-purple-500:hover { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:hover\:from-purple-500:hover { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:hover\:from-purple-600:hover { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:hover\:from-purple-600:hover { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:hover\:from-purple-700:hover { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:hover\:from-purple-700:hover { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:hover\:from-purple-800:hover { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:hover\:from-purple-800:hover { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:hover\:from-purple-900:hover { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:hover\:from-purple-900:hover { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:from-pink-100:hover { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:hover\:from-pink-100:hover { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:hover\:from-pink-200:hover { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:hover\:from-pink-200:hover { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:hover\:from-pink-300:hover { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:hover\:from-pink-300:hover { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:hover\:from-pink-400:hover { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:hover\:from-pink-400:hover { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:hover\:from-pink-500:hover { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:hover\:from-pink-500:hover { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:hover\:from-pink-600:hover { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:hover\:from-pink-600:hover { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:hover\:from-pink-700:hover { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:hover\:from-pink-700:hover { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:hover\:from-pink-800:hover { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:hover\:from-pink-800:hover { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:hover\:from-pink-900:hover { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:hover\:from-pink-900:hover { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:via-black:hover { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:hover\:via-black:hover { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:hover\:via-white:hover { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:hover\:via-white:hover { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:hover\:via-gray-50:hover { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:hover\:via-gray-50:hover { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:hover\:via-gray-100:hover { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:hover\:via-gray-100:hover { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:hover\:via-gray-200:hover { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:hover\:via-gray-200:hover { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:hover\:via-gray-300:hover { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:hover\:via-gray-300:hover { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:hover\:via-gray-400:hover { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:hover\:via-gray-400:hover { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:hover\:via-gray-500:hover { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:hover\:via-gray-500:hover { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:hover\:via-gray-600:hover { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:hover\:via-gray-600:hover { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:hover\:via-gray-700:hover { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:hover\:via-gray-700:hover { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:hover\:via-gray-800:hover { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:hover\:via-gray-800:hover { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:hover\:via-gray-900:hover { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:hover\:via-gray-900:hover { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:hover\:via-red-50:hover { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:hover\:via-red-50:hover { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:hover\:via-red-100:hover { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:hover\:via-red-100:hover { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:hover\:via-red-200:hover { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:hover\:via-red-200:hover { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:hover\:via-red-300:hover { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:hover\:via-red-300:hover { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:hover\:via-red-400:hover { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:hover\:via-red-400:hover { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:hover\:via-red-500:hover { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:hover\:via-red-500:hover { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:hover\:via-red-600:hover { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:hover\:via-red-600:hover { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:hover\:via-red-700:hover { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:hover\:via-red-700:hover { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:hover\:via-red-800:hover { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:hover\:via-red-800:hover { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:hover\:via-red-900:hover { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:hover\:via-red-900:hover { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:hover\:via-yellow-50:hover { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:hover\:via-yellow-50:hover { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:hover\:via-yellow-100:hover { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:hover\:via-yellow-100:hover { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:hover\:via-yellow-200:hover { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:hover\:via-yellow-200:hover { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:hover\:via-yellow-300:hover { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:hover\:via-yellow-300:hover { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:hover\:via-yellow-400:hover { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:hover\:via-yellow-400:hover { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:hover\:via-yellow-500:hover { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:hover\:via-yellow-500:hover { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:hover\:via-yellow-600:hover { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:hover\:via-yellow-600:hover { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:hover\:via-yellow-700:hover { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:hover\:via-yellow-700:hover { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:hover\:via-yellow-800:hover { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:hover\:via-yellow-800:hover { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:hover\:via-yellow-900:hover { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:hover\:via-yellow-900:hover { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:hover\:via-green-50:hover { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:hover\:via-green-50:hover { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:hover\:via-green-100:hover { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:hover\:via-green-100:hover { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:hover\:via-green-200:hover { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:hover\:via-green-200:hover { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:hover\:via-green-300:hover { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:hover\:via-green-300:hover { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:hover\:via-green-400:hover { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:hover\:via-green-400:hover { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:hover\:via-green-500:hover { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:hover\:via-green-500:hover { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:hover\:via-green-600:hover { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:hover\:via-green-600:hover { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:hover\:via-green-700:hover { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:hover\:via-green-700:hover { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:hover\:via-green-800:hover { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:hover\:via-green-800:hover { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:hover\:via-green-900:hover { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:hover\:via-green-900:hover { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:hover\:via-blue-50:hover { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:hover\:via-blue-50:hover { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:hover\:via-blue-100:hover { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:hover\:via-blue-100:hover { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:hover\:via-blue-200:hover { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:hover\:via-blue-200:hover { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:hover\:via-blue-300:hover { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:hover\:via-blue-300:hover { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:hover\:via-blue-400:hover { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:hover\:via-blue-400:hover { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:hover\:via-blue-500:hover { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:hover\:via-blue-500:hover { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:hover\:via-blue-600:hover { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:hover\:via-blue-600:hover { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:hover\:via-blue-700:hover { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:hover\:via-blue-700:hover { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:hover\:via-blue-800:hover { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:hover\:via-blue-800:hover { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:hover\:via-blue-900:hover { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:hover\:via-blue-900:hover { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:hover\:via-purple-50:hover { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:hover\:via-purple-50:hover { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:hover\:via-purple-100:hover { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:hover\:via-purple-100:hover { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:hover\:via-purple-200:hover { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:hover\:via-purple-200:hover { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:hover\:via-purple-300:hover { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:hover\:via-purple-300:hover { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:hover\:via-purple-400:hover { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:hover\:via-purple-400:hover { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:hover\:via-purple-500:hover { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:hover\:via-purple-500:hover { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:hover\:via-purple-600:hover { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:hover\:via-purple-600:hover { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:hover\:via-purple-700:hover { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:hover\:via-purple-700:hover { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:hover\:via-purple-800:hover { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:hover\:via-purple-800:hover { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:hover\:via-purple-900:hover { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:hover\:via-purple-900:hover { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:hover\:via-pink-100:hover { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:hover\:via-pink-100:hover { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:hover\:via-pink-200:hover { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:hover\:via-pink-200:hover { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:hover\:via-pink-300:hover { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:hover\:via-pink-300:hover { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:hover\:via-pink-400:hover { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:hover\:via-pink-400:hover { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:hover\:via-pink-500:hover { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:hover\:via-pink-500:hover { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:hover\:via-pink-600:hover { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:hover\:via-pink-600:hover { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:hover\:via-pink-700:hover { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:hover\:via-pink-700:hover { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:hover\:via-pink-800:hover { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:hover\:via-pink-800:hover { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:hover\:via-pink-900:hover { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:hover\:via-pink-900:hover { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\:dark\:hover\:to-transparent:hover { - --gradient-to-color: transparent; - } + .\32xl\:hover\:to-transparent:hover { + --gradient-to-color: transparent; + } - .\32xl\:dark\:hover\:to-current:hover { - --gradient-to-color: currentColor; - } + .\32xl\:hover\:to-current:hover { + --gradient-to-color: currentColor; + } - .\32xl\:dark\:hover\:to-black:hover { - --gradient-to-color: #000; - } + .\32xl\:hover\:to-black:hover { + --gradient-to-color: #000; + } - .\32xl\:dark\:hover\:to-white:hover { - --gradient-to-color: #fff; - } + .\32xl\:hover\:to-white:hover { + --gradient-to-color: #fff; + } - .\32xl\:dark\:hover\:to-gray-50:hover { - --gradient-to-color: #fafafa; - } + .\32xl\:hover\:to-gray-50:hover { + --gradient-to-color: #fafafa; + } - .\32xl\:dark\:hover\:to-gray-100:hover { - --gradient-to-color: #f4f4f5; - } + .\32xl\:hover\:to-gray-100:hover { + --gradient-to-color: #f4f4f5; + } - .\32xl\:dark\:hover\:to-gray-200:hover { - --gradient-to-color: #e4e4e7; - } + .\32xl\:hover\:to-gray-200:hover { + --gradient-to-color: #e4e4e7; + } - .\32xl\:dark\:hover\:to-gray-300:hover { - --gradient-to-color: #d4d4d8; - } + .\32xl\:hover\:to-gray-300:hover { + --gradient-to-color: #d4d4d8; + } - .\32xl\:dark\:hover\:to-gray-400:hover { - --gradient-to-color: #a1a1aa; - } + .\32xl\:hover\:to-gray-400:hover { + --gradient-to-color: #a1a1aa; + } - .\32xl\:dark\:hover\:to-gray-500:hover { - --gradient-to-color: #71717a; - } + .\32xl\:hover\:to-gray-500:hover { + --gradient-to-color: #71717a; + } - .\32xl\:dark\:hover\:to-gray-600:hover { - --gradient-to-color: #52525b; - } + .\32xl\:hover\:to-gray-600:hover { + --gradient-to-color: #52525b; + } - .\32xl\:dark\:hover\:to-gray-700:hover { - --gradient-to-color: #3f3f46; - } + .\32xl\:hover\:to-gray-700:hover { + --gradient-to-color: #3f3f46; + } - .\32xl\:dark\:hover\:to-gray-800:hover { - --gradient-to-color: #27272a; - } + .\32xl\:hover\:to-gray-800:hover { + --gradient-to-color: #27272a; + } - .\32xl\:dark\:hover\:to-gray-900:hover { - --gradient-to-color: #18181b; - } + .\32xl\:hover\:to-gray-900:hover { + --gradient-to-color: #18181b; + } - .\32xl\:dark\:hover\:to-red-50:hover { - --gradient-to-color: #fef2f2; - } + .\32xl\:hover\:to-red-50:hover { + --gradient-to-color: #fef2f2; + } - .\32xl\:dark\:hover\:to-red-100:hover { - --gradient-to-color: #fee2e2; - } + .\32xl\:hover\:to-red-100:hover { + --gradient-to-color: #fee2e2; + } - .\32xl\:dark\:hover\:to-red-200:hover { - --gradient-to-color: #fecaca; - } + .\32xl\:hover\:to-red-200:hover { + --gradient-to-color: #fecaca; + } - .\32xl\:dark\:hover\:to-red-300:hover { - --gradient-to-color: #fca5a5; - } + .\32xl\:hover\:to-red-300:hover { + --gradient-to-color: #fca5a5; + } - .\32xl\:dark\:hover\:to-red-400:hover { - --gradient-to-color: #f87171; - } + .\32xl\:hover\:to-red-400:hover { + --gradient-to-color: #f87171; + } - .\32xl\:dark\:hover\:to-red-500:hover { - --gradient-to-color: #ef4444; - } + .\32xl\:hover\:to-red-500:hover { + --gradient-to-color: #ef4444; + } - .\32xl\:dark\:hover\:to-red-600:hover { - --gradient-to-color: #dc2626; - } + .\32xl\:hover\:to-red-600:hover { + --gradient-to-color: #dc2626; + } - .\32xl\:dark\:hover\:to-red-700:hover { - --gradient-to-color: #b91c1c; - } + .\32xl\:hover\:to-red-700:hover { + --gradient-to-color: #b91c1c; + } - .\32xl\:dark\:hover\:to-red-800:hover { - --gradient-to-color: #991b1b; - } + .\32xl\:hover\:to-red-800:hover { + --gradient-to-color: #991b1b; + } - .\32xl\:dark\:hover\:to-red-900:hover { - --gradient-to-color: #7f1d1d; - } + .\32xl\:hover\:to-red-900:hover { + --gradient-to-color: #7f1d1d; + } - .\32xl\:dark\:hover\:to-yellow-50:hover { - --gradient-to-color: #fffbeb; - } + .\32xl\:hover\:to-yellow-50:hover { + --gradient-to-color: #fffbeb; + } - .\32xl\:dark\:hover\:to-yellow-100:hover { - --gradient-to-color: #fef3c7; - } + .\32xl\:hover\:to-yellow-100:hover { + --gradient-to-color: #fef3c7; + } - .\32xl\:dark\:hover\:to-yellow-200:hover { - --gradient-to-color: #fde68a; - } + .\32xl\:hover\:to-yellow-200:hover { + --gradient-to-color: #fde68a; + } - .\32xl\:dark\:hover\:to-yellow-300:hover { - --gradient-to-color: #fcd34d; - } + .\32xl\:hover\:to-yellow-300:hover { + --gradient-to-color: #fcd34d; + } - .\32xl\:dark\:hover\:to-yellow-400:hover { - --gradient-to-color: #fbbf24; - } + .\32xl\:hover\:to-yellow-400:hover { + --gradient-to-color: #fbbf24; + } - .\32xl\:dark\:hover\:to-yellow-500:hover { - --gradient-to-color: #f59e0b; - } + .\32xl\:hover\:to-yellow-500:hover { + --gradient-to-color: #f59e0b; + } - .\32xl\:dark\:hover\:to-yellow-600:hover { - --gradient-to-color: #d97706; - } + .\32xl\:hover\:to-yellow-600:hover { + --gradient-to-color: #d97706; + } - .\32xl\:dark\:hover\:to-yellow-700:hover { - --gradient-to-color: #b45309; - } + .\32xl\:hover\:to-yellow-700:hover { + --gradient-to-color: #b45309; + } - .\32xl\:dark\:hover\:to-yellow-800:hover { - --gradient-to-color: #92400e; - } + .\32xl\:hover\:to-yellow-800:hover { + --gradient-to-color: #92400e; + } - .\32xl\:dark\:hover\:to-yellow-900:hover { - --gradient-to-color: #78350f; - } + .\32xl\:hover\:to-yellow-900:hover { + --gradient-to-color: #78350f; + } - .\32xl\:dark\:hover\:to-green-50:hover { - --gradient-to-color: #ecfdf5; - } + .\32xl\:hover\:to-green-50:hover { + --gradient-to-color: #ecfdf5; + } - .\32xl\:dark\:hover\:to-green-100:hover { - --gradient-to-color: #d1fae5; - } + .\32xl\:hover\:to-green-100:hover { + --gradient-to-color: #d1fae5; + } - .\32xl\:dark\:hover\:to-green-200:hover { - --gradient-to-color: #a7f3d0; - } + .\32xl\:hover\:to-green-200:hover { + --gradient-to-color: #a7f3d0; + } - .\32xl\:dark\:hover\:to-green-300:hover { - --gradient-to-color: #6ee7b7; - } + .\32xl\:hover\:to-green-300:hover { + --gradient-to-color: #6ee7b7; + } - .\32xl\:dark\:hover\:to-green-400:hover { - --gradient-to-color: #34d399; - } + .\32xl\:hover\:to-green-400:hover { + --gradient-to-color: #34d399; + } - .\32xl\:dark\:hover\:to-green-500:hover { - --gradient-to-color: #10b981; - } + .\32xl\:hover\:to-green-500:hover { + --gradient-to-color: #10b981; + } - .\32xl\:dark\:hover\:to-green-600:hover { - --gradient-to-color: #059669; - } + .\32xl\:hover\:to-green-600:hover { + --gradient-to-color: #059669; + } - .\32xl\:dark\:hover\:to-green-700:hover { - --gradient-to-color: #047857; - } + .\32xl\:hover\:to-green-700:hover { + --gradient-to-color: #047857; + } - .\32xl\:dark\:hover\:to-green-800:hover { - --gradient-to-color: #065f46; - } + .\32xl\:hover\:to-green-800:hover { + --gradient-to-color: #065f46; + } - .\32xl\:dark\:hover\:to-green-900:hover { - --gradient-to-color: #064e3b; - } + .\32xl\:hover\:to-green-900:hover { + --gradient-to-color: #064e3b; + } - .\32xl\:dark\:hover\:to-blue-50:hover { - --gradient-to-color: #eff6ff; - } + .\32xl\:hover\:to-blue-50:hover { + --gradient-to-color: #eff6ff; + } - .\32xl\:dark\:hover\:to-blue-100:hover { - --gradient-to-color: #dbeafe; - } + .\32xl\:hover\:to-blue-100:hover { + --gradient-to-color: #dbeafe; + } - .\32xl\:dark\:hover\:to-blue-200:hover { - --gradient-to-color: #bfdbfe; - } + .\32xl\:hover\:to-blue-200:hover { + --gradient-to-color: #bfdbfe; + } - .\32xl\:dark\:hover\:to-blue-300:hover { - --gradient-to-color: #93c5fd; - } + .\32xl\:hover\:to-blue-300:hover { + --gradient-to-color: #93c5fd; + } - .\32xl\:dark\:hover\:to-blue-400:hover { - --gradient-to-color: #60a5fa; - } + .\32xl\:hover\:to-blue-400:hover { + --gradient-to-color: #60a5fa; + } - .\32xl\:dark\:hover\:to-blue-500:hover { - --gradient-to-color: #3b82f6; - } + .\32xl\:hover\:to-blue-500:hover { + --gradient-to-color: #3b82f6; + } - .\32xl\:dark\:hover\:to-blue-600:hover { - --gradient-to-color: #2563eb; - } + .\32xl\:hover\:to-blue-600:hover { + --gradient-to-color: #2563eb; + } - .\32xl\:dark\:hover\:to-blue-700:hover { - --gradient-to-color: #1d4ed8; - } + .\32xl\:hover\:to-blue-700:hover { + --gradient-to-color: #1d4ed8; + } - .\32xl\:dark\:hover\:to-blue-800:hover { - --gradient-to-color: #1e40af; - } + .\32xl\:hover\:to-blue-800:hover { + --gradient-to-color: #1e40af; + } - .\32xl\:dark\:hover\:to-blue-900:hover { - --gradient-to-color: #1e3a8a; - } + .\32xl\:hover\:to-blue-900:hover { + --gradient-to-color: #1e3a8a; + } - .\32xl\:dark\:hover\:to-purple-50:hover { - --gradient-to-color: #f5f3ff; - } + .\32xl\:hover\:to-purple-50:hover { + --gradient-to-color: #f5f3ff; + } - .\32xl\:dark\:hover\:to-purple-100:hover { - --gradient-to-color: #ede9fe; - } + .\32xl\:hover\:to-purple-100:hover { + --gradient-to-color: #ede9fe; + } - .\32xl\:dark\:hover\:to-purple-200:hover { - --gradient-to-color: #ddd6fe; - } + .\32xl\:hover\:to-purple-200:hover { + --gradient-to-color: #ddd6fe; + } - .\32xl\:dark\:hover\:to-purple-300:hover { - --gradient-to-color: #c4b5fd; - } + .\32xl\:hover\:to-purple-300:hover { + --gradient-to-color: #c4b5fd; + } - .\32xl\:dark\:hover\:to-purple-400:hover { - --gradient-to-color: #a78bfa; - } + .\32xl\:hover\:to-purple-400:hover { + --gradient-to-color: #a78bfa; + } - .\32xl\:dark\:hover\:to-purple-500:hover { - --gradient-to-color: #8b5cf6; - } + .\32xl\:hover\:to-purple-500:hover { + --gradient-to-color: #8b5cf6; + } - .\32xl\:dark\:hover\:to-purple-600:hover { - --gradient-to-color: #7c3aed; - } + .\32xl\:hover\:to-purple-600:hover { + --gradient-to-color: #7c3aed; + } - .\32xl\:dark\:hover\:to-purple-700:hover { - --gradient-to-color: #6d28d9; - } + .\32xl\:hover\:to-purple-700:hover { + --gradient-to-color: #6d28d9; + } - .\32xl\:dark\:hover\:to-purple-800:hover { - --gradient-to-color: #5b21b6; - } + .\32xl\:hover\:to-purple-800:hover { + --gradient-to-color: #5b21b6; + } - .\32xl\:dark\:hover\:to-purple-900:hover { - --gradient-to-color: #4c1d95; - } + .\32xl\:hover\:to-purple-900:hover { + --gradient-to-color: #4c1d95; + } - .\32xl\:dark\:hover\:to-pink-50:hover { - --gradient-to-color: #fdf2f8; - } + .\32xl\:hover\:to-pink-50:hover { + --gradient-to-color: #fdf2f8; + } - .\32xl\:dark\:hover\:to-pink-100:hover { - --gradient-to-color: #fce7f3; - } + .\32xl\:hover\:to-pink-100:hover { + --gradient-to-color: #fce7f3; + } - .\32xl\:dark\:hover\:to-pink-200:hover { - --gradient-to-color: #fbcfe8; - } + .\32xl\:hover\:to-pink-200:hover { + --gradient-to-color: #fbcfe8; + } - .\32xl\:dark\:hover\:to-pink-300:hover { - --gradient-to-color: #f9a8d4; - } + .\32xl\:hover\:to-pink-300:hover { + --gradient-to-color: #f9a8d4; + } - .\32xl\:dark\:hover\:to-pink-400:hover { - --gradient-to-color: #f472b6; - } + .\32xl\:hover\:to-pink-400:hover { + --gradient-to-color: #f472b6; + } - .\32xl\:dark\:hover\:to-pink-500:hover { - --gradient-to-color: #ec4899; - } + .\32xl\:hover\:to-pink-500:hover { + --gradient-to-color: #ec4899; + } - .\32xl\:dark\:hover\:to-pink-600:hover { - --gradient-to-color: #db2777; - } + .\32xl\:hover\:to-pink-600:hover { + --gradient-to-color: #db2777; + } - .\32xl\:dark\:hover\:to-pink-700:hover { - --gradient-to-color: #be185d; - } + .\32xl\:hover\:to-pink-700:hover { + --gradient-to-color: #be185d; + } - .\32xl\:dark\:hover\:to-pink-800:hover { - --gradient-to-color: #9d174d; - } + .\32xl\:hover\:to-pink-800:hover { + --gradient-to-color: #9d174d; + } - .\32xl\:dark\:hover\:to-pink-900:hover { - --gradient-to-color: #831843; - } + .\32xl\:hover\:to-pink-900:hover { + --gradient-to-color: #831843; + } - .\32xl\: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)); - } + .\32xl\:focus\:from-transparent:focus { + --gradient-from-color: transparent; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\: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)); - } + .\32xl\:focus\:from-current:focus { + --gradient-from-color: currentColor; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:from-black:focus { - --gradient-from-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:focus\:from-black:focus { + --gradient-from-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:focus\:from-white:focus { - --gradient-from-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:focus\:from-white:focus { + --gradient-from-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:from-gray-50:focus { - --gradient-from-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:focus\:from-gray-50:focus { + --gradient-from-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:focus\:from-gray-100:focus { - --gradient-from-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:focus\:from-gray-100:focus { + --gradient-from-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:focus\:from-gray-200:focus { - --gradient-from-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:focus\:from-gray-200:focus { + --gradient-from-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:focus\:from-gray-300:focus { - --gradient-from-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:focus\:from-gray-300:focus { + --gradient-from-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:focus\:from-gray-400:focus { - --gradient-from-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:focus\:from-gray-400:focus { + --gradient-from-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:focus\:from-gray-500:focus { - --gradient-from-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:focus\:from-gray-500:focus { + --gradient-from-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:focus\:from-gray-600:focus { - --gradient-from-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:focus\:from-gray-600:focus { + --gradient-from-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:focus\:from-gray-700:focus { - --gradient-from-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:focus\:from-gray-700:focus { + --gradient-from-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:focus\:from-gray-800:focus { - --gradient-from-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:focus\:from-gray-800:focus { + --gradient-from-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:focus\:from-gray-900:focus { - --gradient-from-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:focus\:from-gray-900:focus { + --gradient-from-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:focus\:from-red-50:focus { - --gradient-from-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:focus\:from-red-50:focus { + --gradient-from-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:focus\:from-red-100:focus { - --gradient-from-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:focus\:from-red-100:focus { + --gradient-from-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:focus\:from-red-200:focus { - --gradient-from-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:focus\:from-red-200:focus { + --gradient-from-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:focus\:from-red-300:focus { - --gradient-from-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:focus\:from-red-300:focus { + --gradient-from-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:focus\:from-red-400:focus { - --gradient-from-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:focus\:from-red-400:focus { + --gradient-from-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:focus\:from-red-500:focus { - --gradient-from-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:focus\:from-red-500:focus { + --gradient-from-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:focus\:from-red-600:focus { - --gradient-from-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:focus\:from-red-600:focus { + --gradient-from-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:focus\:from-red-700:focus { - --gradient-from-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:focus\:from-red-700:focus { + --gradient-from-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:focus\:from-red-800:focus { - --gradient-from-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:focus\:from-red-800:focus { + --gradient-from-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:focus\:from-red-900:focus { - --gradient-from-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:focus\:from-red-900:focus { + --gradient-from-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:focus\:from-yellow-50:focus { - --gradient-from-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:focus\:from-yellow-50:focus { + --gradient-from-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:focus\:from-yellow-100:focus { - --gradient-from-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:focus\:from-yellow-100:focus { + --gradient-from-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:focus\:from-yellow-200:focus { - --gradient-from-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:focus\:from-yellow-200:focus { + --gradient-from-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:focus\:from-yellow-300:focus { - --gradient-from-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:focus\:from-yellow-300:focus { + --gradient-from-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:focus\:from-yellow-400:focus { - --gradient-from-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:focus\:from-yellow-400:focus { + --gradient-from-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:focus\:from-yellow-500:focus { - --gradient-from-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:focus\:from-yellow-500:focus { + --gradient-from-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:focus\:from-yellow-600:focus { - --gradient-from-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:focus\:from-yellow-600:focus { + --gradient-from-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:focus\:from-yellow-700:focus { - --gradient-from-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:focus\:from-yellow-700:focus { + --gradient-from-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:focus\:from-yellow-800:focus { - --gradient-from-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:focus\:from-yellow-800:focus { + --gradient-from-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:focus\:from-yellow-900:focus { - --gradient-from-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:focus\:from-yellow-900:focus { + --gradient-from-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:focus\:from-green-50:focus { - --gradient-from-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:focus\:from-green-50:focus { + --gradient-from-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:focus\:from-green-100:focus { - --gradient-from-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:focus\:from-green-100:focus { + --gradient-from-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:focus\:from-green-200:focus { - --gradient-from-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:focus\:from-green-200:focus { + --gradient-from-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:focus\:from-green-300:focus { - --gradient-from-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:focus\:from-green-300:focus { + --gradient-from-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:focus\:from-green-400:focus { - --gradient-from-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:focus\:from-green-400:focus { + --gradient-from-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:focus\:from-green-500:focus { - --gradient-from-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:focus\:from-green-500:focus { + --gradient-from-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:focus\:from-green-600:focus { - --gradient-from-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:focus\:from-green-600:focus { + --gradient-from-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:focus\:from-green-700:focus { - --gradient-from-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:focus\:from-green-700:focus { + --gradient-from-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:focus\:from-green-800:focus { - --gradient-from-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:focus\:from-green-800:focus { + --gradient-from-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:focus\:from-green-900:focus { - --gradient-from-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:focus\:from-green-900:focus { + --gradient-from-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:focus\:from-blue-50:focus { - --gradient-from-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:focus\:from-blue-50:focus { + --gradient-from-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:focus\:from-blue-100:focus { - --gradient-from-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:focus\:from-blue-100:focus { + --gradient-from-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:focus\:from-blue-200:focus { - --gradient-from-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:focus\:from-blue-200:focus { + --gradient-from-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:focus\:from-blue-300:focus { - --gradient-from-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:focus\:from-blue-300:focus { + --gradient-from-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:focus\:from-blue-400:focus { - --gradient-from-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:focus\:from-blue-400:focus { + --gradient-from-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:focus\:from-blue-500:focus { - --gradient-from-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:focus\:from-blue-500:focus { + --gradient-from-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:focus\:from-blue-600:focus { - --gradient-from-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:focus\:from-blue-600:focus { + --gradient-from-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:focus\:from-blue-700:focus { - --gradient-from-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:focus\:from-blue-700:focus { + --gradient-from-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:focus\:from-blue-800:focus { - --gradient-from-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:focus\:from-blue-800:focus { + --gradient-from-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:focus\:from-blue-900:focus { - --gradient-from-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:focus\:from-blue-900:focus { + --gradient-from-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:focus\:from-purple-50:focus { - --gradient-from-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:focus\:from-purple-50:focus { + --gradient-from-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:focus\:from-purple-100:focus { - --gradient-from-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:focus\:from-purple-100:focus { + --gradient-from-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:focus\:from-purple-200:focus { - --gradient-from-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:focus\:from-purple-200:focus { + --gradient-from-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:focus\:from-purple-300:focus { - --gradient-from-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:focus\:from-purple-300:focus { + --gradient-from-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:focus\:from-purple-400:focus { - --gradient-from-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:focus\:from-purple-400:focus { + --gradient-from-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:focus\:from-purple-500:focus { - --gradient-from-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:focus\:from-purple-500:focus { + --gradient-from-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:focus\:from-purple-600:focus { - --gradient-from-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:focus\:from-purple-600:focus { + --gradient-from-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:focus\:from-purple-700:focus { - --gradient-from-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:focus\:from-purple-700:focus { + --gradient-from-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:focus\:from-purple-800:focus { - --gradient-from-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:focus\:from-purple-800:focus { + --gradient-from-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:focus\:from-purple-900:focus { - --gradient-from-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:focus\:from-purple-900:focus { + --gradient-from-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:from-pink-100:focus { - --gradient-from-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:focus\:from-pink-100:focus { + --gradient-from-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:focus\:from-pink-200:focus { - --gradient-from-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:focus\:from-pink-200:focus { + --gradient-from-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:focus\:from-pink-300:focus { - --gradient-from-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:focus\:from-pink-300:focus { + --gradient-from-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:focus\:from-pink-400:focus { - --gradient-from-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:focus\:from-pink-400:focus { + --gradient-from-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:focus\:from-pink-500:focus { - --gradient-from-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:focus\:from-pink-500:focus { + --gradient-from-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:focus\:from-pink-600:focus { - --gradient-from-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:focus\:from-pink-600:focus { + --gradient-from-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:focus\:from-pink-700:focus { - --gradient-from-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:focus\:from-pink-700:focus { + --gradient-from-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:focus\:from-pink-800:focus { - --gradient-from-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:focus\:from-pink-800:focus { + --gradient-from-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:focus\:from-pink-900:focus { - --gradient-from-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:focus\:from-pink-900:focus { + --gradient-from-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:via-black:focus { - --gradient-via-color: #000; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); - } + .\32xl\:focus\:via-black:focus { + --gradient-via-color: #000; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)); + } - .\32xl\:dark\:focus\:via-white:focus { - --gradient-via-color: #fff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); - } + .\32xl\:focus\:via-white:focus { + --gradient-via-color: #fff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)); + } - .\32xl\:dark\:focus\:via-gray-50:focus { - --gradient-via-color: #fafafa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); - } + .\32xl\:focus\:via-gray-50:focus { + --gradient-via-color: #fafafa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 250, 250, 0)); + } - .\32xl\:dark\:focus\:via-gray-100:focus { - --gradient-via-color: #f4f4f5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); - } + .\32xl\:focus\:via-gray-100:focus { + --gradient-via-color: #f4f4f5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 244, 245, 0)); + } - .\32xl\:dark\:focus\:via-gray-200:focus { - --gradient-via-color: #e4e4e7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); - } + .\32xl\:focus\:via-gray-200:focus { + --gradient-via-color: #e4e4e7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 228, 231, 0)); + } - .\32xl\:dark\:focus\:via-gray-300:focus { - --gradient-via-color: #d4d4d8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); - } + .\32xl\:focus\:via-gray-300:focus { + --gradient-via-color: #d4d4d8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 212, 216, 0)); + } - .\32xl\:dark\:focus\:via-gray-400:focus { - --gradient-via-color: #a1a1aa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); - } + .\32xl\:focus\:via-gray-400:focus { + --gradient-via-color: #a1a1aa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(161, 161, 170, 0)); + } - .\32xl\:dark\:focus\:via-gray-500:focus { - --gradient-via-color: #71717a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); - } + .\32xl\:focus\:via-gray-500:focus { + --gradient-via-color: #71717a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 122, 0)); + } - .\32xl\:dark\:focus\:via-gray-600:focus { - --gradient-via-color: #52525b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); - } + .\32xl\:focus\:via-gray-600:focus { + --gradient-via-color: #52525b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 82, 91, 0)); + } - .\32xl\:dark\:focus\:via-gray-700:focus { - --gradient-via-color: #3f3f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); - } + .\32xl\:focus\:via-gray-700:focus { + --gradient-via-color: #3f3f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 63, 70, 0)); + } - .\32xl\:dark\:focus\:via-gray-800:focus { - --gradient-via-color: #27272a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); - } + .\32xl\:focus\:via-gray-800:focus { + --gradient-via-color: #27272a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 39, 42, 0)); + } - .\32xl\:dark\:focus\:via-gray-900:focus { - --gradient-via-color: #18181b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); - } + .\32xl\:focus\:via-gray-900:focus { + --gradient-via-color: #18181b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(24, 24, 27, 0)); + } - .\32xl\:dark\:focus\:via-red-50:focus { - --gradient-via-color: #fef2f2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); - } + .\32xl\:focus\:via-red-50:focus { + --gradient-via-color: #fef2f2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0)); + } - .\32xl\:dark\:focus\:via-red-100:focus { - --gradient-via-color: #fee2e2; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); - } + .\32xl\:focus\:via-red-100:focus { + --gradient-via-color: #fee2e2; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0)); + } - .\32xl\:dark\:focus\:via-red-200:focus { - --gradient-via-color: #fecaca; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); - } + .\32xl\:focus\:via-red-200:focus { + --gradient-via-color: #fecaca; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0)); + } - .\32xl\:dark\:focus\:via-red-300:focus { - --gradient-via-color: #fca5a5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); - } + .\32xl\:focus\:via-red-300:focus { + --gradient-via-color: #fca5a5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0)); + } - .\32xl\:dark\:focus\:via-red-400:focus { - --gradient-via-color: #f87171; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); - } + .\32xl\:focus\:via-red-400:focus { + --gradient-via-color: #f87171; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0)); + } - .\32xl\:dark\:focus\:via-red-500:focus { - --gradient-via-color: #ef4444; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); - } + .\32xl\:focus\:via-red-500:focus { + --gradient-via-color: #ef4444; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0)); + } - .\32xl\:dark\:focus\:via-red-600:focus { - --gradient-via-color: #dc2626; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); - } + .\32xl\:focus\:via-red-600:focus { + --gradient-via-color: #dc2626; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0)); + } - .\32xl\:dark\:focus\:via-red-700:focus { - --gradient-via-color: #b91c1c; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); - } + .\32xl\:focus\:via-red-700:focus { + --gradient-via-color: #b91c1c; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0)); + } - .\32xl\:dark\:focus\:via-red-800:focus { - --gradient-via-color: #991b1b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); - } + .\32xl\:focus\:via-red-800:focus { + --gradient-via-color: #991b1b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0)); + } - .\32xl\:dark\:focus\:via-red-900:focus { - --gradient-via-color: #7f1d1d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); - } + .\32xl\:focus\:via-red-900:focus { + --gradient-via-color: #7f1d1d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0)); + } - .\32xl\:dark\:focus\:via-yellow-50:focus { - --gradient-via-color: #fffbeb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); - } + .\32xl\:focus\:via-yellow-50:focus { + --gradient-via-color: #fffbeb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0)); + } - .\32xl\:dark\:focus\:via-yellow-100:focus { - --gradient-via-color: #fef3c7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); - } + .\32xl\:focus\:via-yellow-100:focus { + --gradient-via-color: #fef3c7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0)); + } - .\32xl\:dark\:focus\:via-yellow-200:focus { - --gradient-via-color: #fde68a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); - } + .\32xl\:focus\:via-yellow-200:focus { + --gradient-via-color: #fde68a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0)); + } - .\32xl\:dark\:focus\:via-yellow-300:focus { - --gradient-via-color: #fcd34d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); - } + .\32xl\:focus\:via-yellow-300:focus { + --gradient-via-color: #fcd34d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0)); + } - .\32xl\:dark\:focus\:via-yellow-400:focus { - --gradient-via-color: #fbbf24; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); - } + .\32xl\:focus\:via-yellow-400:focus { + --gradient-via-color: #fbbf24; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0)); + } - .\32xl\:dark\:focus\:via-yellow-500:focus { - --gradient-via-color: #f59e0b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); - } + .\32xl\:focus\:via-yellow-500:focus { + --gradient-via-color: #f59e0b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0)); + } - .\32xl\:dark\:focus\:via-yellow-600:focus { - --gradient-via-color: #d97706; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); - } + .\32xl\:focus\:via-yellow-600:focus { + --gradient-via-color: #d97706; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0)); + } - .\32xl\:dark\:focus\:via-yellow-700:focus { - --gradient-via-color: #b45309; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); - } + .\32xl\:focus\:via-yellow-700:focus { + --gradient-via-color: #b45309; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0)); + } - .\32xl\:dark\:focus\:via-yellow-800:focus { - --gradient-via-color: #92400e; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); - } + .\32xl\:focus\:via-yellow-800:focus { + --gradient-via-color: #92400e; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0)); + } - .\32xl\:dark\:focus\:via-yellow-900:focus { - --gradient-via-color: #78350f; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); - } + .\32xl\:focus\:via-yellow-900:focus { + --gradient-via-color: #78350f; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0)); + } - .\32xl\:dark\:focus\:via-green-50:focus { - --gradient-via-color: #ecfdf5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); - } + .\32xl\:focus\:via-green-50:focus { + --gradient-via-color: #ecfdf5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0)); + } - .\32xl\:dark\:focus\:via-green-100:focus { - --gradient-via-color: #d1fae5; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); - } + .\32xl\:focus\:via-green-100:focus { + --gradient-via-color: #d1fae5; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0)); + } - .\32xl\:dark\:focus\:via-green-200:focus { - --gradient-via-color: #a7f3d0; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); - } + .\32xl\:focus\:via-green-200:focus { + --gradient-via-color: #a7f3d0; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0)); + } - .\32xl\:dark\:focus\:via-green-300:focus { - --gradient-via-color: #6ee7b7; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); - } + .\32xl\:focus\:via-green-300:focus { + --gradient-via-color: #6ee7b7; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0)); + } - .\32xl\:dark\:focus\:via-green-400:focus { - --gradient-via-color: #34d399; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); - } + .\32xl\:focus\:via-green-400:focus { + --gradient-via-color: #34d399; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0)); + } - .\32xl\:dark\:focus\:via-green-500:focus { - --gradient-via-color: #10b981; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); - } + .\32xl\:focus\:via-green-500:focus { + --gradient-via-color: #10b981; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0)); + } - .\32xl\:dark\:focus\:via-green-600:focus { - --gradient-via-color: #059669; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); - } + .\32xl\:focus\:via-green-600:focus { + --gradient-via-color: #059669; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0)); + } - .\32xl\:dark\:focus\:via-green-700:focus { - --gradient-via-color: #047857; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); - } + .\32xl\:focus\:via-green-700:focus { + --gradient-via-color: #047857; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0)); + } - .\32xl\:dark\:focus\:via-green-800:focus { - --gradient-via-color: #065f46; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); - } + .\32xl\:focus\:via-green-800:focus { + --gradient-via-color: #065f46; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0)); + } - .\32xl\:dark\:focus\:via-green-900:focus { - --gradient-via-color: #064e3b; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); - } + .\32xl\:focus\:via-green-900:focus { + --gradient-via-color: #064e3b; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0)); + } - .\32xl\:dark\:focus\:via-blue-50:focus { - --gradient-via-color: #eff6ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); - } + .\32xl\:focus\:via-blue-50:focus { + --gradient-via-color: #eff6ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0)); + } - .\32xl\:dark\:focus\:via-blue-100:focus { - --gradient-via-color: #dbeafe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); - } + .\32xl\:focus\:via-blue-100:focus { + --gradient-via-color: #dbeafe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0)); + } - .\32xl\:dark\:focus\:via-blue-200:focus { - --gradient-via-color: #bfdbfe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); - } + .\32xl\:focus\:via-blue-200:focus { + --gradient-via-color: #bfdbfe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0)); + } - .\32xl\:dark\:focus\:via-blue-300:focus { - --gradient-via-color: #93c5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); - } + .\32xl\:focus\:via-blue-300:focus { + --gradient-via-color: #93c5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0)); + } - .\32xl\:dark\:focus\:via-blue-400:focus { - --gradient-via-color: #60a5fa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); - } + .\32xl\:focus\:via-blue-400:focus { + --gradient-via-color: #60a5fa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0)); + } - .\32xl\:dark\:focus\:via-blue-500:focus { - --gradient-via-color: #3b82f6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); - } + .\32xl\:focus\:via-blue-500:focus { + --gradient-via-color: #3b82f6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0)); + } - .\32xl\:dark\:focus\:via-blue-600:focus { - --gradient-via-color: #2563eb; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); - } + .\32xl\:focus\:via-blue-600:focus { + --gradient-via-color: #2563eb; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0)); + } - .\32xl\:dark\:focus\:via-blue-700:focus { - --gradient-via-color: #1d4ed8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); - } + .\32xl\:focus\:via-blue-700:focus { + --gradient-via-color: #1d4ed8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0)); + } - .\32xl\:dark\:focus\:via-blue-800:focus { - --gradient-via-color: #1e40af; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); - } + .\32xl\:focus\:via-blue-800:focus { + --gradient-via-color: #1e40af; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0)); + } - .\32xl\:dark\:focus\:via-blue-900:focus { - --gradient-via-color: #1e3a8a; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); - } + .\32xl\:focus\:via-blue-900:focus { + --gradient-via-color: #1e3a8a; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0)); + } - .\32xl\:dark\:focus\:via-purple-50:focus { - --gradient-via-color: #f5f3ff; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); - } + .\32xl\:focus\:via-purple-50:focus { + --gradient-via-color: #f5f3ff; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0)); + } - .\32xl\:dark\:focus\:via-purple-100:focus { - --gradient-via-color: #ede9fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); - } + .\32xl\:focus\:via-purple-100:focus { + --gradient-via-color: #ede9fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0)); + } - .\32xl\:dark\:focus\:via-purple-200:focus { - --gradient-via-color: #ddd6fe; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); - } + .\32xl\:focus\:via-purple-200:focus { + --gradient-via-color: #ddd6fe; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0)); + } - .\32xl\:dark\:focus\:via-purple-300:focus { - --gradient-via-color: #c4b5fd; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); - } + .\32xl\:focus\:via-purple-300:focus { + --gradient-via-color: #c4b5fd; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0)); + } - .\32xl\:dark\:focus\:via-purple-400:focus { - --gradient-via-color: #a78bfa; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); - } + .\32xl\:focus\:via-purple-400:focus { + --gradient-via-color: #a78bfa; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0)); + } - .\32xl\:dark\:focus\:via-purple-500:focus { - --gradient-via-color: #8b5cf6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); - } + .\32xl\:focus\:via-purple-500:focus { + --gradient-via-color: #8b5cf6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0)); + } - .\32xl\:dark\:focus\:via-purple-600:focus { - --gradient-via-color: #7c3aed; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); - } + .\32xl\:focus\:via-purple-600:focus { + --gradient-via-color: #7c3aed; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0)); + } - .\32xl\:dark\:focus\:via-purple-700:focus { - --gradient-via-color: #6d28d9; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); - } + .\32xl\:focus\:via-purple-700:focus { + --gradient-via-color: #6d28d9; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0)); + } - .\32xl\:dark\:focus\:via-purple-800:focus { - --gradient-via-color: #5b21b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); - } + .\32xl\:focus\:via-purple-800:focus { + --gradient-via-color: #5b21b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0)); + } - .\32xl\:dark\:focus\:via-purple-900:focus { - --gradient-via-color: #4c1d95; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); - } + .\32xl\:focus\:via-purple-900:focus { + --gradient-via-color: #4c1d95; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0)); + } - .\32xl\: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)); - } + .\32xl\: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)); + } - .\32xl\:dark\:focus\:via-pink-100:focus { - --gradient-via-color: #fce7f3; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); - } + .\32xl\:focus\:via-pink-100:focus { + --gradient-via-color: #fce7f3; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0)); + } - .\32xl\:dark\:focus\:via-pink-200:focus { - --gradient-via-color: #fbcfe8; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); - } + .\32xl\:focus\:via-pink-200:focus { + --gradient-via-color: #fbcfe8; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0)); + } - .\32xl\:dark\:focus\:via-pink-300:focus { - --gradient-via-color: #f9a8d4; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); - } + .\32xl\:focus\:via-pink-300:focus { + --gradient-via-color: #f9a8d4; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0)); + } - .\32xl\:dark\:focus\:via-pink-400:focus { - --gradient-via-color: #f472b6; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); - } + .\32xl\:focus\:via-pink-400:focus { + --gradient-via-color: #f472b6; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0)); + } - .\32xl\:dark\:focus\:via-pink-500:focus { - --gradient-via-color: #ec4899; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); - } + .\32xl\:focus\:via-pink-500:focus { + --gradient-via-color: #ec4899; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0)); + } - .\32xl\:dark\:focus\:via-pink-600:focus { - --gradient-via-color: #db2777; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); - } + .\32xl\:focus\:via-pink-600:focus { + --gradient-via-color: #db2777; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0)); + } - .\32xl\:dark\:focus\:via-pink-700:focus { - --gradient-via-color: #be185d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); - } + .\32xl\:focus\:via-pink-700:focus { + --gradient-via-color: #be185d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0)); + } - .\32xl\:dark\:focus\:via-pink-800:focus { - --gradient-via-color: #9d174d; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); - } + .\32xl\:focus\:via-pink-800:focus { + --gradient-via-color: #9d174d; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0)); + } - .\32xl\:dark\:focus\:via-pink-900:focus { - --gradient-via-color: #831843; - --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); - } + .\32xl\:focus\:via-pink-900:focus { + --gradient-via-color: #831843; + --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0)); + } - .\32xl\:dark\:focus\:to-transparent:focus { - --gradient-to-color: transparent; - } + .\32xl\:focus\:to-transparent:focus { + --gradient-to-color: transparent; + } - .\32xl\:dark\:focus\:to-current:focus { - --gradient-to-color: currentColor; - } + .\32xl\:focus\:to-current:focus { + --gradient-to-color: currentColor; + } - .\32xl\:dark\:focus\:to-black:focus { - --gradient-to-color: #000; - } + .\32xl\:focus\:to-black:focus { + --gradient-to-color: #000; + } - .\32xl\:dark\:focus\:to-white:focus { - --gradient-to-color: #fff; - } + .\32xl\:focus\:to-white:focus { + --gradient-to-color: #fff; + } - .\32xl\:dark\:focus\:to-gray-50:focus { - --gradient-to-color: #fafafa; - } + .\32xl\:focus\:to-gray-50:focus { + --gradient-to-color: #fafafa; + } - .\32xl\:dark\:focus\:to-gray-100:focus { - --gradient-to-color: #f4f4f5; - } + .\32xl\:focus\:to-gray-100:focus { + --gradient-to-color: #f4f4f5; + } - .\32xl\:dark\:focus\:to-gray-200:focus { - --gradient-to-color: #e4e4e7; - } + .\32xl\:focus\:to-gray-200:focus { + --gradient-to-color: #e4e4e7; + } - .\32xl\:dark\:focus\:to-gray-300:focus { - --gradient-to-color: #d4d4d8; - } + .\32xl\:focus\:to-gray-300:focus { + --gradient-to-color: #d4d4d8; + } - .\32xl\:dark\:focus\:to-gray-400:focus { - --gradient-to-color: #a1a1aa; - } + .\32xl\:focus\:to-gray-400:focus { + --gradient-to-color: #a1a1aa; + } - .\32xl\:dark\:focus\:to-gray-500:focus { - --gradient-to-color: #71717a; - } + .\32xl\:focus\:to-gray-500:focus { + --gradient-to-color: #71717a; + } - .\32xl\:dark\:focus\:to-gray-600:focus { - --gradient-to-color: #52525b; - } + .\32xl\:focus\:to-gray-600:focus { + --gradient-to-color: #52525b; + } - .\32xl\:dark\:focus\:to-gray-700:focus { - --gradient-to-color: #3f3f46; - } + .\32xl\:focus\:to-gray-700:focus { + --gradient-to-color: #3f3f46; + } - .\32xl\:dark\:focus\:to-gray-800:focus { - --gradient-to-color: #27272a; - } + .\32xl\:focus\:to-gray-800:focus { + --gradient-to-color: #27272a; + } - .\32xl\:dark\:focus\:to-gray-900:focus { - --gradient-to-color: #18181b; - } + .\32xl\:focus\:to-gray-900:focus { + --gradient-to-color: #18181b; + } - .\32xl\:dark\:focus\:to-red-50:focus { - --gradient-to-color: #fef2f2; - } + .\32xl\:focus\:to-red-50:focus { + --gradient-to-color: #fef2f2; + } - .\32xl\:dark\:focus\:to-red-100:focus { - --gradient-to-color: #fee2e2; - } + .\32xl\:focus\:to-red-100:focus { + --gradient-to-color: #fee2e2; + } - .\32xl\:dark\:focus\:to-red-200:focus { - --gradient-to-color: #fecaca; - } + .\32xl\:focus\:to-red-200:focus { + --gradient-to-color: #fecaca; + } - .\32xl\:dark\:focus\:to-red-300:focus { - --gradient-to-color: #fca5a5; - } + .\32xl\:focus\:to-red-300:focus { + --gradient-to-color: #fca5a5; + } - .\32xl\:dark\:focus\:to-red-400:focus { - --gradient-to-color: #f87171; - } + .\32xl\:focus\:to-red-400:focus { + --gradient-to-color: #f87171; + } - .\32xl\:dark\:focus\:to-red-500:focus { - --gradient-to-color: #ef4444; - } + .\32xl\:focus\:to-red-500:focus { + --gradient-to-color: #ef4444; + } - .\32xl\:dark\:focus\:to-red-600:focus { - --gradient-to-color: #dc2626; - } + .\32xl\:focus\:to-red-600:focus { + --gradient-to-color: #dc2626; + } - .\32xl\:dark\:focus\:to-red-700:focus { - --gradient-to-color: #b91c1c; - } + .\32xl\:focus\:to-red-700:focus { + --gradient-to-color: #b91c1c; + } - .\32xl\:dark\:focus\:to-red-800:focus { - --gradient-to-color: #991b1b; - } + .\32xl\:focus\:to-red-800:focus { + --gradient-to-color: #991b1b; + } - .\32xl\:dark\:focus\:to-red-900:focus { - --gradient-to-color: #7f1d1d; - } + .\32xl\:focus\:to-red-900:focus { + --gradient-to-color: #7f1d1d; + } - .\32xl\:dark\:focus\:to-yellow-50:focus { - --gradient-to-color: #fffbeb; - } + .\32xl\:focus\:to-yellow-50:focus { + --gradient-to-color: #fffbeb; + } - .\32xl\:dark\:focus\:to-yellow-100:focus { - --gradient-to-color: #fef3c7; - } + .\32xl\:focus\:to-yellow-100:focus { + --gradient-to-color: #fef3c7; + } - .\32xl\:dark\:focus\:to-yellow-200:focus { - --gradient-to-color: #fde68a; - } + .\32xl\:focus\:to-yellow-200:focus { + --gradient-to-color: #fde68a; + } - .\32xl\:dark\:focus\:to-yellow-300:focus { - --gradient-to-color: #fcd34d; - } + .\32xl\:focus\:to-yellow-300:focus { + --gradient-to-color: #fcd34d; + } - .\32xl\:dark\:focus\:to-yellow-400:focus { - --gradient-to-color: #fbbf24; - } + .\32xl\:focus\:to-yellow-400:focus { + --gradient-to-color: #fbbf24; + } - .\32xl\:dark\:focus\:to-yellow-500:focus { - --gradient-to-color: #f59e0b; - } + .\32xl\:focus\:to-yellow-500:focus { + --gradient-to-color: #f59e0b; + } - .\32xl\:dark\:focus\:to-yellow-600:focus { - --gradient-to-color: #d97706; - } + .\32xl\:focus\:to-yellow-600:focus { + --gradient-to-color: #d97706; + } - .\32xl\:dark\:focus\:to-yellow-700:focus { - --gradient-to-color: #b45309; - } + .\32xl\:focus\:to-yellow-700:focus { + --gradient-to-color: #b45309; + } - .\32xl\:dark\:focus\:to-yellow-800:focus { - --gradient-to-color: #92400e; - } + .\32xl\:focus\:to-yellow-800:focus { + --gradient-to-color: #92400e; + } - .\32xl\:dark\:focus\:to-yellow-900:focus { - --gradient-to-color: #78350f; - } + .\32xl\:focus\:to-yellow-900:focus { + --gradient-to-color: #78350f; + } - .\32xl\:dark\:focus\:to-green-50:focus { - --gradient-to-color: #ecfdf5; - } + .\32xl\:focus\:to-green-50:focus { + --gradient-to-color: #ecfdf5; + } - .\32xl\:dark\:focus\:to-green-100:focus { - --gradient-to-color: #d1fae5; - } + .\32xl\:focus\:to-green-100:focus { + --gradient-to-color: #d1fae5; + } - .\32xl\:dark\:focus\:to-green-200:focus { - --gradient-to-color: #a7f3d0; - } + .\32xl\:focus\:to-green-200:focus { + --gradient-to-color: #a7f3d0; + } - .\32xl\:dark\:focus\:to-green-300:focus { - --gradient-to-color: #6ee7b7; - } + .\32xl\:focus\:to-green-300:focus { + --gradient-to-color: #6ee7b7; + } - .\32xl\:dark\:focus\:to-green-400:focus { - --gradient-to-color: #34d399; - } + .\32xl\:focus\:to-green-400:focus { + --gradient-to-color: #34d399; + } - .\32xl\:dark\:focus\:to-green-500:focus { - --gradient-to-color: #10b981; - } + .\32xl\:focus\:to-green-500:focus { + --gradient-to-color: #10b981; + } - .\32xl\:dark\:focus\:to-green-600:focus { - --gradient-to-color: #059669; - } + .\32xl\:focus\:to-green-600:focus { + --gradient-to-color: #059669; + } - .\32xl\:dark\:focus\:to-green-700:focus { - --gradient-to-color: #047857; - } + .\32xl\:focus\:to-green-700:focus { + --gradient-to-color: #047857; + } - .\32xl\:dark\:focus\:to-green-800:focus { - --gradient-to-color: #065f46; - } + .\32xl\:focus\:to-green-800:focus { + --gradient-to-color: #065f46; + } - .\32xl\:dark\:focus\:to-green-900:focus { - --gradient-to-color: #064e3b; - } + .\32xl\:focus\:to-green-900:focus { + --gradient-to-color: #064e3b; + } - .\32xl\:dark\:focus\:to-blue-50:focus { - --gradient-to-color: #eff6ff; - } + .\32xl\:focus\:to-blue-50:focus { + --gradient-to-color: #eff6ff; + } - .\32xl\:dark\:focus\:to-blue-100:focus { - --gradient-to-color: #dbeafe; - } + .\32xl\:focus\:to-blue-100:focus { + --gradient-to-color: #dbeafe; + } - .\32xl\:dark\:focus\:to-blue-200:focus { - --gradient-to-color: #bfdbfe; - } + .\32xl\:focus\:to-blue-200:focus { + --gradient-to-color: #bfdbfe; + } - .\32xl\:dark\:focus\:to-blue-300:focus { - --gradient-to-color: #93c5fd; - } + .\32xl\:focus\:to-blue-300:focus { + --gradient-to-color: #93c5fd; + } - .\32xl\:dark\:focus\:to-blue-400:focus { - --gradient-to-color: #60a5fa; - } + .\32xl\:focus\:to-blue-400:focus { + --gradient-to-color: #60a5fa; + } - .\32xl\:dark\:focus\:to-blue-500:focus { - --gradient-to-color: #3b82f6; - } + .\32xl\:focus\:to-blue-500:focus { + --gradient-to-color: #3b82f6; + } - .\32xl\:dark\:focus\:to-blue-600:focus { - --gradient-to-color: #2563eb; - } + .\32xl\:focus\:to-blue-600:focus { + --gradient-to-color: #2563eb; + } - .\32xl\:dark\:focus\:to-blue-700:focus { - --gradient-to-color: #1d4ed8; - } + .\32xl\:focus\:to-blue-700:focus { + --gradient-to-color: #1d4ed8; + } - .\32xl\:dark\:focus\:to-blue-800:focus { - --gradient-to-color: #1e40af; - } + .\32xl\:focus\:to-blue-800:focus { + --gradient-to-color: #1e40af; + } - .\32xl\:dark\:focus\:to-blue-900:focus { - --gradient-to-color: #1e3a8a; - } + .\32xl\:focus\:to-blue-900:focus { + --gradient-to-color: #1e3a8a; + } - .\32xl\:dark\:focus\:to-purple-50:focus { - --gradient-to-color: #f5f3ff; - } + .\32xl\:focus\:to-purple-50:focus { + --gradient-to-color: #f5f3ff; + } - .\32xl\:dark\:focus\:to-purple-100:focus { - --gradient-to-color: #ede9fe; - } + .\32xl\:focus\:to-purple-100:focus { + --gradient-to-color: #ede9fe; + } - .\32xl\:dark\:focus\:to-purple-200:focus { - --gradient-to-color: #ddd6fe; - } + .\32xl\:focus\:to-purple-200:focus { + --gradient-to-color: #ddd6fe; + } - .\32xl\:dark\:focus\:to-purple-300:focus { - --gradient-to-color: #c4b5fd; - } + .\32xl\:focus\:to-purple-300:focus { + --gradient-to-color: #c4b5fd; + } - .\32xl\:dark\:focus\:to-purple-400:focus { - --gradient-to-color: #a78bfa; - } + .\32xl\:focus\:to-purple-400:focus { + --gradient-to-color: #a78bfa; + } - .\32xl\:dark\:focus\:to-purple-500:focus { - --gradient-to-color: #8b5cf6; - } + .\32xl\:focus\:to-purple-500:focus { + --gradient-to-color: #8b5cf6; + } - .\32xl\:dark\:focus\:to-purple-600:focus { - --gradient-to-color: #7c3aed; - } + .\32xl\:focus\:to-purple-600:focus { + --gradient-to-color: #7c3aed; + } - .\32xl\:dark\:focus\:to-purple-700:focus { - --gradient-to-color: #6d28d9; - } + .\32xl\:focus\:to-purple-700:focus { + --gradient-to-color: #6d28d9; + } - .\32xl\:dark\:focus\:to-purple-800:focus { - --gradient-to-color: #5b21b6; - } + .\32xl\:focus\:to-purple-800:focus { + --gradient-to-color: #5b21b6; + } - .\32xl\:dark\:focus\:to-purple-900:focus { - --gradient-to-color: #4c1d95; - } + .\32xl\:focus\:to-purple-900:focus { + --gradient-to-color: #4c1d95; + } - .\32xl\:dark\:focus\:to-pink-50:focus { - --gradient-to-color: #fdf2f8; - } + .\32xl\:focus\:to-pink-50:focus { + --gradient-to-color: #fdf2f8; + } - .\32xl\:dark\:focus\:to-pink-100:focus { - --gradient-to-color: #fce7f3; - } + .\32xl\:focus\:to-pink-100:focus { + --gradient-to-color: #fce7f3; + } - .\32xl\:dark\:focus\:to-pink-200:focus { - --gradient-to-color: #fbcfe8; - } + .\32xl\:focus\:to-pink-200:focus { + --gradient-to-color: #fbcfe8; + } - .\32xl\:dark\:focus\:to-pink-300:focus { - --gradient-to-color: #f9a8d4; - } + .\32xl\:focus\:to-pink-300:focus { + --gradient-to-color: #f9a8d4; + } - .\32xl\:dark\:focus\:to-pink-400:focus { - --gradient-to-color: #f472b6; - } + .\32xl\:focus\:to-pink-400:focus { + --gradient-to-color: #f472b6; + } - .\32xl\:dark\:focus\:to-pink-500:focus { - --gradient-to-color: #ec4899; - } + .\32xl\:focus\:to-pink-500:focus { + --gradient-to-color: #ec4899; + } - .\32xl\:dark\:focus\:to-pink-600:focus { - --gradient-to-color: #db2777; - } + .\32xl\:focus\:to-pink-600:focus { + --gradient-to-color: #db2777; + } - .\32xl\:dark\:focus\:to-pink-700:focus { - --gradient-to-color: #be185d; - } + .\32xl\:focus\:to-pink-700:focus { + --gradient-to-color: #be185d; + } - .\32xl\:dark\:focus\:to-pink-800:focus { - --gradient-to-color: #9d174d; - } + .\32xl\:focus\:to-pink-800:focus { + --gradient-to-color: #9d174d; + } - .\32xl\:dark\:focus\:to-pink-900:focus { - --gradient-to-color: #831843; - } + .\32xl\:focus\:to-pink-900:focus { + --gradient-to-color: #831843; } .\32xl\:bg-opacity-0 { @@ -168048,1480 +119894,6 @@ video { border-color: rgba(131, 24, 67, var(--border-opacity)); } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:border-transparent { - border-color: transparent; - } - - .\32xl\:dark\:border-current { - border-color: currentColor; - } - - .\32xl\:dark\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .\32xl\:dark\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .\32xl\:dark\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .\32xl\:dark\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .\32xl\:dark\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .\32xl\:dark\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .\32xl\:dark\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .\32xl\:dark\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .\32xl\:dark\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-transparent { - border-color: transparent; - } - - .group:hover .\32xl\:dark\:group-hover\:border-current { - border-color: currentColor; - } - - .group:hover .\32xl\:dark\:group-hover\:border-black { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-white { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-50 { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-100 { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-200 { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-300 { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-400 { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-500 { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-600 { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-700 { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-800 { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-gray-900 { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-50 { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-100 { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-200 { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-300 { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-400 { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-500 { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-600 { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-700 { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-800 { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-red-900 { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-50 { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-100 { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-200 { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-300 { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-400 { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-500 { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-600 { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-700 { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-800 { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-yellow-900 { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-50 { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-100 { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-200 { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-300 { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-400 { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-500 { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-600 { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-700 { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-800 { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-green-900 { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-50 { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-100 { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-200 { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-300 { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-400 { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-500 { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-600 { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-700 { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-800 { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-blue-900 { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-50 { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-100 { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-200 { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-300 { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-400 { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-500 { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-600 { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-700 { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-800 { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-purple-900 { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-50 { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-100 { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-200 { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-300 { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-400 { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-500 { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-600 { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-700 { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-800 { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:border-pink-900 { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-transparent:hover { - border-color: transparent; - } - - .\32xl\:dark\:hover\:border-current:hover { - border-color: currentColor; - } - - .\32xl\:dark\:hover\:border-black:hover { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-white:hover { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-50:hover { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-100:hover { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-200:hover { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-300:hover { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-400:hover { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-500:hover { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-600:hover { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-700:hover { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-800:hover { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-gray-900:hover { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-50:hover { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-100:hover { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-200:hover { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-300:hover { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-400:hover { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-500:hover { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-600:hover { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-700:hover { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-800:hover { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-red-900:hover { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-50:hover { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-100:hover { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-200:hover { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-300:hover { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-400:hover { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-500:hover { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-600:hover { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-700:hover { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-800:hover { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-yellow-900:hover { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-50:hover { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-100:hover { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-200:hover { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-300:hover { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-400:hover { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-500:hover { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-600:hover { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-700:hover { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-800:hover { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-green-900:hover { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-50:hover { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-100:hover { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-200:hover { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-300:hover { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-400:hover { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-500:hover { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-600:hover { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-700:hover { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-800:hover { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-blue-900:hover { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-50:hover { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-100:hover { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-200:hover { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-300:hover { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-400:hover { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-500:hover { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-600:hover { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-700:hover { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-800:hover { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-purple-900:hover { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-50:hover { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-100:hover { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-200:hover { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-300:hover { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-400:hover { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-500:hover { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-600:hover { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-700:hover { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-800:hover { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .\32xl\:dark\:hover\:border-pink-900:hover { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-transparent:focus { - border-color: transparent; - } - - .\32xl\:dark\:focus\:border-current:focus { - border-color: currentColor; - } - - .\32xl\:dark\:focus\:border-black:focus { - --border-opacity: 1; - border-color: rgba(0, 0, 0, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-white:focus { - --border-opacity: 1; - border-color: rgba(255, 255, 255, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-50:focus { - --border-opacity: 1; - border-color: rgba(250, 250, 250, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-100:focus { - --border-opacity: 1; - border-color: rgba(244, 244, 245, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-200:focus { - --border-opacity: 1; - border-color: rgba(228, 228, 231, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-300:focus { - --border-opacity: 1; - border-color: rgba(212, 212, 216, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-400:focus { - --border-opacity: 1; - border-color: rgba(161, 161, 170, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-500:focus { - --border-opacity: 1; - border-color: rgba(113, 113, 122, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-600:focus { - --border-opacity: 1; - border-color: rgba(82, 82, 91, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-700:focus { - --border-opacity: 1; - border-color: rgba(63, 63, 70, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-800:focus { - --border-opacity: 1; - border-color: rgba(39, 39, 42, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-gray-900:focus { - --border-opacity: 1; - border-color: rgba(24, 24, 27, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-50:focus { - --border-opacity: 1; - border-color: rgba(254, 242, 242, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-100:focus { - --border-opacity: 1; - border-color: rgba(254, 226, 226, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-200:focus { - --border-opacity: 1; - border-color: rgba(254, 202, 202, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-300:focus { - --border-opacity: 1; - border-color: rgba(252, 165, 165, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-400:focus { - --border-opacity: 1; - border-color: rgba(248, 113, 113, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-500:focus { - --border-opacity: 1; - border-color: rgba(239, 68, 68, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-600:focus { - --border-opacity: 1; - border-color: rgba(220, 38, 38, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-700:focus { - --border-opacity: 1; - border-color: rgba(185, 28, 28, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-800:focus { - --border-opacity: 1; - border-color: rgba(153, 27, 27, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-red-900:focus { - --border-opacity: 1; - border-color: rgba(127, 29, 29, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-50:focus { - --border-opacity: 1; - border-color: rgba(255, 251, 235, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-100:focus { - --border-opacity: 1; - border-color: rgba(254, 243, 199, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-200:focus { - --border-opacity: 1; - border-color: rgba(253, 230, 138, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-300:focus { - --border-opacity: 1; - border-color: rgba(252, 211, 77, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-400:focus { - --border-opacity: 1; - border-color: rgba(251, 191, 36, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-500:focus { - --border-opacity: 1; - border-color: rgba(245, 158, 11, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-600:focus { - --border-opacity: 1; - border-color: rgba(217, 119, 6, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-700:focus { - --border-opacity: 1; - border-color: rgba(180, 83, 9, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-800:focus { - --border-opacity: 1; - border-color: rgba(146, 64, 14, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-yellow-900:focus { - --border-opacity: 1; - border-color: rgba(120, 53, 15, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-50:focus { - --border-opacity: 1; - border-color: rgba(236, 253, 245, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-100:focus { - --border-opacity: 1; - border-color: rgba(209, 250, 229, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-200:focus { - --border-opacity: 1; - border-color: rgba(167, 243, 208, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-300:focus { - --border-opacity: 1; - border-color: rgba(110, 231, 183, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-400:focus { - --border-opacity: 1; - border-color: rgba(52, 211, 153, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-500:focus { - --border-opacity: 1; - border-color: rgba(16, 185, 129, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-600:focus { - --border-opacity: 1; - border-color: rgba(5, 150, 105, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-700:focus { - --border-opacity: 1; - border-color: rgba(4, 120, 87, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-800:focus { - --border-opacity: 1; - border-color: rgba(6, 95, 70, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-green-900:focus { - --border-opacity: 1; - border-color: rgba(6, 78, 59, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-50:focus { - --border-opacity: 1; - border-color: rgba(239, 246, 255, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-100:focus { - --border-opacity: 1; - border-color: rgba(219, 234, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-200:focus { - --border-opacity: 1; - border-color: rgba(191, 219, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-300:focus { - --border-opacity: 1; - border-color: rgba(147, 197, 253, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-400:focus { - --border-opacity: 1; - border-color: rgba(96, 165, 250, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-500:focus { - --border-opacity: 1; - border-color: rgba(59, 130, 246, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-600:focus { - --border-opacity: 1; - border-color: rgba(37, 99, 235, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-700:focus { - --border-opacity: 1; - border-color: rgba(29, 78, 216, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-800:focus { - --border-opacity: 1; - border-color: rgba(30, 64, 175, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-blue-900:focus { - --border-opacity: 1; - border-color: rgba(30, 58, 138, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-50:focus { - --border-opacity: 1; - border-color: rgba(245, 243, 255, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-100:focus { - --border-opacity: 1; - border-color: rgba(237, 233, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-200:focus { - --border-opacity: 1; - border-color: rgba(221, 214, 254, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-300:focus { - --border-opacity: 1; - border-color: rgba(196, 181, 253, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-400:focus { - --border-opacity: 1; - border-color: rgba(167, 139, 250, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-500:focus { - --border-opacity: 1; - border-color: rgba(139, 92, 246, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-600:focus { - --border-opacity: 1; - border-color: rgba(124, 58, 237, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-700:focus { - --border-opacity: 1; - border-color: rgba(109, 40, 217, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-800:focus { - --border-opacity: 1; - border-color: rgba(91, 33, 182, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-purple-900:focus { - --border-opacity: 1; - border-color: rgba(76, 29, 149, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-50:focus { - --border-opacity: 1; - border-color: rgba(253, 242, 248, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-100:focus { - --border-opacity: 1; - border-color: rgba(252, 231, 243, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-200:focus { - --border-opacity: 1; - border-color: rgba(251, 207, 232, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-300:focus { - --border-opacity: 1; - border-color: rgba(249, 168, 212, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-400:focus { - --border-opacity: 1; - border-color: rgba(244, 114, 182, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-500:focus { - --border-opacity: 1; - border-color: rgba(236, 72, 153, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-600:focus { - --border-opacity: 1; - border-color: rgba(219, 39, 119, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-700:focus { - --border-opacity: 1; - border-color: rgba(190, 24, 93, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-800:focus { - --border-opacity: 1; - border-color: rgba(157, 23, 77, var(--border-opacity)); - } - - .\32xl\:dark\:focus\:border-pink-900:focus { - --border-opacity: 1; - border-color: rgba(131, 24, 67, var(--border-opacity)); - } - } - .\32xl\:border-opacity-0 { --border-opacity: 0; } @@ -175255,744 +125627,6 @@ video { color: rgba(131, 24, 67, var(--placeholder-opacity)); } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:placeholder-transparent::placeholder { - color: transparent; - } - - .\32xl\:dark\:placeholder-current::placeholder { - color: currentColor; - } - - .\32xl\:dark\:placeholder-black::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-white::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-50::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-100::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-200::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-300::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-400::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-500::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-600::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-700::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-800::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-gray-900::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-50::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-200::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-400::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-500::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-600::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-700::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-800::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-red-900::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-50::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-100::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-200::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-300::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-400::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-500::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-600::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-700::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-800::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-yellow-900::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-50::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-100::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-200::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-300::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-400::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-500::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-600::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-700::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-800::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-green-900::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-50::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-100::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-200::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-300::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-400::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-500::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-600::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-700::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-800::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-blue-900::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-50::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-100::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-200::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-300::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-400::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-500::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-600::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-700::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-800::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-purple-900::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-50::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-100::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-200::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-300::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-400::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-500::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-600::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-700::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-800::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:placeholder-pink-900::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-transparent:focus::placeholder { - color: transparent; - } - - .\32xl\:dark\:focus\:placeholder-current:focus::placeholder { - color: currentColor; - } - - .\32xl\:dark\:focus\:placeholder-black:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(0, 0, 0, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-white:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 255, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(250, 250, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 244, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(228, 228, 231, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(212, 212, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(161, 161, 170, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(113, 113, 122, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(82, 82, 91, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(63, 63, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(39, 39, 42, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-gray-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(24, 24, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 242, 242, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 226, 226, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 202, 202, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 165, 165, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(248, 113, 113, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 68, 68, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(220, 38, 38, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(185, 28, 28, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(153, 27, 27, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-red-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(127, 29, 29, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(255, 251, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(254, 243, 199, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 230, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 211, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 191, 36, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 158, 11, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(217, 119, 6, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(180, 83, 9, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(146, 64, 14, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(120, 53, 15, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 253, 245, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(209, 250, 229, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 243, 208, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(110, 231, 183, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(52, 211, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(16, 185, 129, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(5, 150, 105, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(4, 120, 87, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 95, 70, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-green-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(6, 78, 59, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(239, 246, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 234, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(191, 219, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(147, 197, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(96, 165, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(59, 130, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(37, 99, 235, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(29, 78, 216, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 64, 175, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-blue-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(30, 58, 138, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(245, 243, 255, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(237, 233, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(221, 214, 254, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(196, 181, 253, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(167, 139, 250, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(139, 92, 246, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(124, 58, 237, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(109, 40, 217, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(91, 33, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-purple-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(76, 29, 149, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-50:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(253, 242, 248, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-100:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(252, 231, 243, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-200:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(251, 207, 232, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-300:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(249, 168, 212, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-400:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(244, 114, 182, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-500:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(236, 72, 153, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-600:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(219, 39, 119, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-700:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(190, 24, 93, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-800:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(157, 23, 77, var(--placeholder-opacity)); - } - - .\32xl\:dark\:focus\:placeholder-pink-900:focus::placeholder { - --placeholder-opacity: 1; - color: rgba(131, 24, 67, var(--placeholder-opacity)); - } - } - .\32xl\:placeholder-opacity-0::placeholder { --placeholder-opacity: 0; } @@ -180419,1480 +130053,6 @@ video { color: rgba(131, 24, 67, var(--text-opacity)); } - @media (prefers-color-scheme: dark) { - .\32xl\:dark\:text-transparent { - color: transparent; - } - - .\32xl\:dark\:text-current { - color: currentColor; - } - - .\32xl\:dark\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .\32xl\:dark\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .\32xl\:dark\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .\32xl\:dark\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .\32xl\:dark\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .\32xl\:dark\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .\32xl\:dark\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .\32xl\:dark\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .\32xl\:dark\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-transparent { - color: transparent; - } - - .group:hover .\32xl\:dark\:group-hover\:text-current { - color: currentColor; - } - - .group:hover .\32xl\:dark\:group-hover\:text-black { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-white { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-50 { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-100 { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-200 { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-300 { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-400 { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-500 { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-600 { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-700 { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-800 { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-gray-900 { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-50 { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-100 { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-200 { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-300 { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-400 { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-500 { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-600 { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-700 { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-800 { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-red-900 { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-50 { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-100 { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-200 { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-300 { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-400 { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-500 { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-600 { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-700 { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-800 { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-yellow-900 { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-50 { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-100 { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-200 { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-300 { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-400 { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-500 { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-600 { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-700 { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-800 { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-green-900 { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-50 { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-100 { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-200 { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-300 { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-400 { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-500 { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-600 { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-700 { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-800 { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-blue-900 { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-50 { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-100 { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-200 { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-300 { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-400 { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-500 { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-600 { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-700 { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-800 { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-purple-900 { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-50 { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-100 { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-200 { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-300 { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-400 { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-500 { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-600 { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-700 { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-800 { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .group:hover .\32xl\:dark\:group-hover\:text-pink-900 { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-transparent:hover { - color: transparent; - } - - .\32xl\:dark\:hover\:text-current:hover { - color: currentColor; - } - - .\32xl\:dark\:hover\:text-black:hover { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-white:hover { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-50:hover { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-100:hover { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-200:hover { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-300:hover { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-400:hover { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-500:hover { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-600:hover { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-700:hover { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-800:hover { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-gray-900:hover { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-50:hover { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-100:hover { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-200:hover { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-300:hover { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-400:hover { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-500:hover { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-600:hover { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-700:hover { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-800:hover { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-red-900:hover { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-50:hover { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-100:hover { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-200:hover { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-300:hover { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-400:hover { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-500:hover { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-600:hover { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-700:hover { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-800:hover { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-yellow-900:hover { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-50:hover { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-100:hover { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-200:hover { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-300:hover { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-400:hover { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-500:hover { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-600:hover { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-700:hover { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-800:hover { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-green-900:hover { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-50:hover { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-100:hover { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-200:hover { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-300:hover { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-400:hover { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-500:hover { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-600:hover { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-700:hover { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-800:hover { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-blue-900:hover { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-50:hover { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-100:hover { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-200:hover { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-300:hover { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-400:hover { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-500:hover { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-600:hover { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-700:hover { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-800:hover { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-purple-900:hover { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-50:hover { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-100:hover { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-200:hover { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-300:hover { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-400:hover { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-500:hover { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-600:hover { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-700:hover { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-800:hover { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .\32xl\:dark\:hover\:text-pink-900:hover { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-transparent:focus { - color: transparent; - } - - .\32xl\:dark\:focus\:text-current:focus { - color: currentColor; - } - - .\32xl\:dark\:focus\:text-black:focus { - --text-opacity: 1; - color: rgba(0, 0, 0, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-white:focus { - --text-opacity: 1; - color: rgba(255, 255, 255, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-50:focus { - --text-opacity: 1; - color: rgba(250, 250, 250, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-100:focus { - --text-opacity: 1; - color: rgba(244, 244, 245, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-200:focus { - --text-opacity: 1; - color: rgba(228, 228, 231, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-300:focus { - --text-opacity: 1; - color: rgba(212, 212, 216, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-400:focus { - --text-opacity: 1; - color: rgba(161, 161, 170, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-500:focus { - --text-opacity: 1; - color: rgba(113, 113, 122, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-600:focus { - --text-opacity: 1; - color: rgba(82, 82, 91, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-700:focus { - --text-opacity: 1; - color: rgba(63, 63, 70, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-800:focus { - --text-opacity: 1; - color: rgba(39, 39, 42, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-gray-900:focus { - --text-opacity: 1; - color: rgba(24, 24, 27, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-50:focus { - --text-opacity: 1; - color: rgba(254, 242, 242, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-100:focus { - --text-opacity: 1; - color: rgba(254, 226, 226, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-200:focus { - --text-opacity: 1; - color: rgba(254, 202, 202, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-300:focus { - --text-opacity: 1; - color: rgba(252, 165, 165, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-400:focus { - --text-opacity: 1; - color: rgba(248, 113, 113, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-500:focus { - --text-opacity: 1; - color: rgba(239, 68, 68, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-600:focus { - --text-opacity: 1; - color: rgba(220, 38, 38, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-700:focus { - --text-opacity: 1; - color: rgba(185, 28, 28, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-800:focus { - --text-opacity: 1; - color: rgba(153, 27, 27, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-red-900:focus { - --text-opacity: 1; - color: rgba(127, 29, 29, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-50:focus { - --text-opacity: 1; - color: rgba(255, 251, 235, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-100:focus { - --text-opacity: 1; - color: rgba(254, 243, 199, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-200:focus { - --text-opacity: 1; - color: rgba(253, 230, 138, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-300:focus { - --text-opacity: 1; - color: rgba(252, 211, 77, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-400:focus { - --text-opacity: 1; - color: rgba(251, 191, 36, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-500:focus { - --text-opacity: 1; - color: rgba(245, 158, 11, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-600:focus { - --text-opacity: 1; - color: rgba(217, 119, 6, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-700:focus { - --text-opacity: 1; - color: rgba(180, 83, 9, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-800:focus { - --text-opacity: 1; - color: rgba(146, 64, 14, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-yellow-900:focus { - --text-opacity: 1; - color: rgba(120, 53, 15, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-50:focus { - --text-opacity: 1; - color: rgba(236, 253, 245, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-100:focus { - --text-opacity: 1; - color: rgba(209, 250, 229, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-200:focus { - --text-opacity: 1; - color: rgba(167, 243, 208, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-300:focus { - --text-opacity: 1; - color: rgba(110, 231, 183, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-400:focus { - --text-opacity: 1; - color: rgba(52, 211, 153, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-500:focus { - --text-opacity: 1; - color: rgba(16, 185, 129, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-600:focus { - --text-opacity: 1; - color: rgba(5, 150, 105, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-700:focus { - --text-opacity: 1; - color: rgba(4, 120, 87, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-800:focus { - --text-opacity: 1; - color: rgba(6, 95, 70, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-green-900:focus { - --text-opacity: 1; - color: rgba(6, 78, 59, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-50:focus { - --text-opacity: 1; - color: rgba(239, 246, 255, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-100:focus { - --text-opacity: 1; - color: rgba(219, 234, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-200:focus { - --text-opacity: 1; - color: rgba(191, 219, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-300:focus { - --text-opacity: 1; - color: rgba(147, 197, 253, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-400:focus { - --text-opacity: 1; - color: rgba(96, 165, 250, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-500:focus { - --text-opacity: 1; - color: rgba(59, 130, 246, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-600:focus { - --text-opacity: 1; - color: rgba(37, 99, 235, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-700:focus { - --text-opacity: 1; - color: rgba(29, 78, 216, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-800:focus { - --text-opacity: 1; - color: rgba(30, 64, 175, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-blue-900:focus { - --text-opacity: 1; - color: rgba(30, 58, 138, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-50:focus { - --text-opacity: 1; - color: rgba(245, 243, 255, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-100:focus { - --text-opacity: 1; - color: rgba(237, 233, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-200:focus { - --text-opacity: 1; - color: rgba(221, 214, 254, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-300:focus { - --text-opacity: 1; - color: rgba(196, 181, 253, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-400:focus { - --text-opacity: 1; - color: rgba(167, 139, 250, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-500:focus { - --text-opacity: 1; - color: rgba(139, 92, 246, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-600:focus { - --text-opacity: 1; - color: rgba(124, 58, 237, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-700:focus { - --text-opacity: 1; - color: rgba(109, 40, 217, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-800:focus { - --text-opacity: 1; - color: rgba(91, 33, 182, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-purple-900:focus { - --text-opacity: 1; - color: rgba(76, 29, 149, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-50:focus { - --text-opacity: 1; - color: rgba(253, 242, 248, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-100:focus { - --text-opacity: 1; - color: rgba(252, 231, 243, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-200:focus { - --text-opacity: 1; - color: rgba(251, 207, 232, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-300:focus { - --text-opacity: 1; - color: rgba(249, 168, 212, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-400:focus { - --text-opacity: 1; - color: rgba(244, 114, 182, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-500:focus { - --text-opacity: 1; - color: rgba(236, 72, 153, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-600:focus { - --text-opacity: 1; - color: rgba(219, 39, 119, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-700:focus { - --text-opacity: 1; - color: rgba(190, 24, 93, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-800:focus { - --text-opacity: 1; - color: rgba(157, 23, 77, var(--text-opacity)); - } - - .\32xl\:dark\:focus\:text-pink-900:focus { - --text-opacity: 1; - color: rgba(131, 24, 67, var(--text-opacity)); - } - } - .\32xl\:text-opacity-0 { --text-opacity: 0; }